offplan · online
Session · conv-28

Session CONV-28

In Progresssessionconv-28

Resume Prompt

Sales-app-atelier mockup (docs/mockups/sales-app-atelier.html) is now fully demo-able — all UX flows wired. Primary next task: Wave 2 Chunk 4 /build — execute §5 Visibility rewrite in docs/plan/launch-plan-stage-1.html using plans/stage1-chunk-4-visibility.md (12 locked decisions A1–A12). Steps: §5 lead rewrite (per-project), preset table (4 rows, Custom removed), new PIN-protected subsection, viewer states update, §4.2 matrix label, phase callouts 1.2/1.10/1.4, changelog v4.8. Figma MCP needs first-use OAuth — ask 'what Figma files do I have?'. HTTP server for 360°: python3 -m http.server 8765 --bind 127.0.0.1 from os/ dir.

Summary

Large mockup-focused session. Completed docs/mockups/sales-app-atelier.html to a fully demo-able state: real renders from Tapestry/Riviera Residences/Pipis projects, Location screen with Google Street View pins, walkthrough anchor badges on building exterior, login panel as agent-mode gate, floor plans left-drawer with split-zone cards (zoom vs navigate), unit-212 full 5-step path, and buyer-unit screen wired as unit detail endpoint from apt-stack. Figma MCP configured in .mcp.json (needs first OAuth). No plan work done — Wave 2 Chunk 4 /build still pending.

Changes

Decisions

Agent-mode gate for info panel: Left info panel hidden by default — anonymous browsing is clean full-width. body.agent-mode CSS class toggled by "Sign in as Agent (demo)" button in login dropdown. updateLayout() checks document.body.classList.contains('agent-mode') before showing panel. Rejected: always-visible rail (clutters anonymous UX). This aligns with Phase 1.10.0 plan spec.

Bottom nav 2 items only (Floor Plans + Gallery): Removed Apartments, Floor Plates, Unit List from bottom nav. Floor Plans opens a left drawer. Rationale: bottom nav should be content discovery, not full app navigation. Apartments/Floor Plates accessible via drawer and building interactions.

Walkthrough as building anchor badges: Semi-transparent glass pill anchors (⟳ Lobby, ⟳ Pool Deck) pinned to building. Hover → popup card with photo + "Enter 360° →" CTA. Iterated through: (1) always-visible callout lines → too noisy; (2) panel dropdown → buried. Final: anchors on building, always visible but subtle.

Split drawer card zones: Floor plan cards in fp-drawer have two click zones — top image area (cursor: zoom-in) opens plan lightbox with full zoom+pan, bottom text area navigates to apt-stack. One card, two distinct interactions. Clean for both discovery (browse plans) and action (see stack).

unit-212 full path (5 steps): unit-list row 212 → floor-plates (auto-open popup) → "View floor plan ↗" (lightbox) → "View unit stack →" (apt-stack) → "→" arrow (buyer-unit). Entire path built in one session as demo flow.

Next Steps

  1. Wave 2 Chunk 4 /build — execute §5 Visibility rewrite in docs/plan/launch-plan-stage-1.html using plans/stage1-chunk-4-visibility.md (12 locked decisions A1–A12): §5 lead rewrite (per-project model), preset table (4 rows, Custom removed), new PIN-protected subsection, viewer states table update, §4.2 matrix label, phase callouts 1.2/1.10/1.4, changelog v4.8
  2. Figma MCP auth — ask "what Figma files do I have?" to trigger browser OAuth flow
  3. Preview repo sync check — verify offplan-online/preview is current with all asset commits
  4. Mockup polish — apt-stack panel: show unit 212 data (not unit 104) when arriving from unit-212 path
  5. After Chunk 4 — Chunk 5 §6 User Journeys, Chunk 6 §7 Edge Cases, Chunk 7 Phase callouts deep rewrite, Chunk 8 ADR placeholders

Open Questions

Context for next session