AI Shared UI Workspace — Preview Pipeline — Overview / Control Tower
AI Shared UI Workspace — Preview Pipeline — Overview / Control Tower
Date: 2026-05-29 · Mission: AI_SHARED_UI_WORKSPACE_PREVIEW_PIPELINE_AND_MOW_CANVAS_STATIC_DEPLOY
Status: ✅ PASS (preview deployed; KB migrated; one documented access gap on PHU-LUC verbatim hosting)
Host: contabo VPS (vmi3080463). Mutation scope: safe static files + one additive nginx route + KB docs. No PG/Directus/Qdrant/vector mutation.
Why
UI/design info currently routes through the user as a copy/paste bottleneck. This pipeline gives every agent (Cowork, GPT, Claude Code, Claude Design, User) one URL + one KB spec to inspect the same thing. Precision before beauty: get the static structure right, then Claude Design polishes, then User approves, then (only then) Claude Code builds the Nuxt shell.
Canonical channels
- KB / Agent Data = technical source of truth.
- VPS static preview = visual source of truth for AI review.
- Google Drive = human/Cowork drafting + reference.
What shipped this session
| # | Deliverable | Result |
|---|---|---|
| 1 | Hard Gate 0 (host, containers, safe route, rollback) | ✅ §01/02 |
| 2 | Hosting option analysis A–D + recommendation | ✅ 01 |
| 3 | Chosen architecture | ✅ 02 (reuse nginx static mount) |
| 4 | Directory + URL + version convention | ✅ 03 |
| 5 | KB structure migration (flat → canonical) | ✅ 04 (spec/review-log/design-brief/mock-data-contract) |
| 6 | Mock-data generation from CanvasNode contract | ✅ 05 |
| 7 | MOW Unified Canvas static preview deployed | ✅ 06 — live URL verified HTTP 200 |
| 8 | Demo health page | ✅ 06 — live URL verified HTTP 200 |
| 9 | PHU-LUC A/C/D/E extraction | 🟡 read-extracted; verbatim hosting blocked (owner-private) — 06 |
| 10 | Metadata + review protocol | ✅ 07 |
| 11 | Agent-to-agent workflow | ✅ 08 |
| 12 | Prompts (Cowork / Code / Design / GPT-User / Nuxt) | ✅ 09 |
| 13 | Security / forbidden / self-review | ✅ 10 |
Live URLs
- MOW Unified Canvas: https://vps.incomexsaigoncorp.vn/ui-preview/mow/unified-canvas/v1/
- Health demo: https://vps.incomexsaigoncorp.vn/ui-preview/_demo/health/v1/
Canonical KB paths (migrated)
knowledge/dev/ui/mow/unified-canvas/spec.mdknowledge/dev/ui/mow/unified-canvas/review-log.mdknowledge/dev/ui/mow/unified-canvas/design-brief.mdknowledge/dev/ui/mow/unified-canvas/mock-data-contract.md
Rollback (one move)
Restore nginx config backup default.conf.bak-ui-preview-20260530T034017Z + nginx -s reload;
optionally rm -rf /opt/incomex/docker/nginx/static/ui-preview. Details in 02/10.
Next macro
AI_SHARED_UI_WORKSPACE_DESIGN_POLISH_AND_BACKEND_CONTRACT_VALIDATION — Claude Design polishes the
preview; Claude Code runs the live PG survey to validate the CanvasNode/DOT contract (reuse-first).
Nuxt shell only after user approval (Đ28).
Doc index
00 overview · 01 hosting options · 02 chosen architecture · 03 dir/URL convention ·
04 KB migration · 05 mock-data · 06 preview deployment + PHU-LUC · 07 metadata/review protocol ·
08 agent-to-agent workflow · 09 prompts · 10 security/forbidden/self-review.