# Mona dress-room decision cockpit — canonical research source

Date: 2026-08-29 KST  
Scope: read-only audit of the published planner, official product-pattern research, current product-state checks, and a non-published design prototype.  
Current production baseline: v032. The registered production bundle is not modified by this prototype.

## Answer-first synthesis

The product should stop opening as a general-purpose whole-home CAD workbench. Mona's default experience should be a dress-room decision cockpit: one approved arrangement, three evidence views, three purchase gates, and a clear escape hatch into a separate editor. Mobile should optimize for review, comparison, verification, and sharing; desktop should retain precise editing.

## Evidence ledger

| Claim | Evidence class | Current finding | Consequence |
|---|---|---|---|
| Approved unit order | Owner decision / project record | 1200 three-drawer unit at the window end; 800 two-drawer coat unit at the door end | Never silently reverse the order |
| Room dimensions | Measured | 266 × 206 cm | Exact-fit SVG can be authoritative |
| Ceiling height | Estimated | 230 cm, not measured | Do not put it under a blanket “measured” badge; require re-measurement before purchase |
| West-wall fit | Computed | 200 cm run on a 206 cm wall leaves 6 cm | Safe to display as a calculation, not as a field measurement |
| Clear aisle | Computed from current coordinate axes | 266 − 40 cm wardrobe depth = 226 cm | Current 166 cm “passage” statement appears to use the wrong room axis and needs correction before publication |
| AI room imagery | Generated visualization | Useful for visual judgment; dimensions and product details can be idealized | Label as generated preview, never “real photo” or construction evidence |
| Current product availability | Live/recent retail check | Primary GS Shop 1200 page says sale ended; the 800 comparison page is stopped and Enuri reports temporary sold-out. Search snippets and mobile aggregators still expose older prices | Price, stock, delivery, and exact option need a dated purchase-time gate |
| Saved-layout reset | Reproduced peer defect | Fixed by the left lead in v032 | Regression test remains mandatory |
| Comparison apply failure | Reproduced peer defect | Fixed by the left lead in v032 | Single-source layout replacement is the correct model |
| Mobile product shape | Direct responsive audit | Main decision surface is short while tool panels become a long vertical workbench | Default to review; move editing into a bottom sheet / separate studio |

## Current experience gap

### What is already valuable

- Exact room and opening geometry exists.
- The approved three-option comparison exists.
- Generated doorway views communicate appearance better than the procedural 3D model.
- The application already has 2D, lazy-loaded Three.js, JSON transfer, history, and share-link capabilities.

### What prevents decision-grade use

- Evidence levels are blended: a room badge can imply that estimated ceiling height is measured.
- Generated images are described with “real-photo” language.
- The product opens as a dense operator workbench instead of Mona's decision.
- Mobile stacks the full furniture library and inspector after a small visual stage.
- Current product price and availability are treated as stable facts.
- The 3D door view is sensitive to canvas aspect ratio; garments are rectangular slabs.
- The comparison panel contains more numbers than the decision requires, including capacity estimates presented too strongly.
- Whole-home mode competes with the immediate dress-room decision.

## Official pattern research

| Pattern | Primary source | Finding used |
|---|---|---|
| Mobile capture, web editing | IKEA Kreativ | Capture is mobile-led while richer creation/editing and some share behavior move to web. Platform roles can be intentionally different. |
| 2D and 3D roles | Planner 5D | 2D supports plan work; 3D supports proportions, placement, and visual judgment. |
| Capture-to-plan workflow | RoomSketcher / magicplan | Mobile scan/capture can feed an editable plan; it does not require the whole editor to live in the first mobile screen. |
| Mobile accessibility | MDN | Responsive layout, touch controls, and less typing are core mobile accessibility choices. |
| Target size | WCAG 2.2 | WCAG AA minimum is 24 × 24 CSS px; this project should keep a stronger 44 px mobile house target. |
| Tabs | WAI-ARIA APG | tablist/tab/tabpanel roles, aria-selected/controls, arrow keys, Home, and End are expected. |
| Interaction latency | web.dev INP | A good target is INP at or below 200 ms at the 75th percentile, separated by mobile and desktop. |
| WebGL restraint | MDN WebGL best practices | Respect device limits, reduce back-buffer size, budget VRAM, clean resources, and use compressed textures if detailed assets arrive. |
| Offline data | web.dev PWA | Service workers and Cache Storage support offline assets; IndexedDB is the better fit for structured durable local data. |
| Native share | MDN Web Share API | Native share is useful on supported HTTPS devices but needs clipboard/link fallback. |
| Accessible exact plan | MDN inline SVG | Inline SVG can participate in the DOM/accessibility tree using title, desc, role, and labels. |
| AR feasibility | model-viewer / Apple RoomPlan / ARCore Depth | AR is valuable only after trustworthy product geometry and supported-device handling; it should not be the core next step. |

## Product alternatives

| Approach | Strength | Failure mode | Verdict |
|---|---|---|---|
| Render-first gallery | Fastest, visually convincing | Weak fit evidence and editing | Too shallow as the complete product |
| Dual-mode decision cockpit | Review-first mobile plus precise desktop editor | Requires a clean information-architecture split | Recommended |
| CAD-first studio | Maximum authoring capability | Repeats the current mobile overload and hides the decision | Keep only as the expert editor |

## Recommended information architecture

```text
Mona default
  ├─ Approved plan
  │   ├─ Feel       -> generated doorway image, clearly labelled
  │   ├─ Dimensions -> exact accessible SVG and collision checks
  │   └─ Walkaround -> on-demand dimension-faithful Three.js
  ├─ Compare        -> only approved, reversed, and 1800 alternatives
  ├─ Check          -> ceiling, stock/price, delivery/anchoring
  └─ Edit           -> mobile bottom sheet -> desktop expert studio
```

## Minimum implementation waves

### Wave 1 — trust and bounded polish

- Separate measured, calculated, estimated, generated, and unverified labels.
- Correct the aisle-axis calculation and remove superlative sales language.
- Change “real-photo render” to “AI placement preview”; add provenance at image level.
- Replace always-visible mobile library/inspector with a compact bottom sheet.
- Fit the door camera to the actual canvas aspect ratio.
- Replace slab garments with lightweight garment silhouettes.
- Keep production v032 untouched; stage separately and test at 390 × 844 and 1400 × 1000.

### Wave 2 — decision cockpit

- Make the approved dress-room decision the entry route.
- Use the three-view evidence model: image / SVG / Three.js.
- Add a dated product-status and purchase-gate component.
- Use Web Share with clipboard fallback.
- Preserve a direct “open expert editor” path.

### Wave 3 — durable web utility

- Add installable/offline PWA behavior.
- Move complex durable data to IndexedDB with an export/recovery journal.
- Add schema migrations and double-reload round-trip regression tests.
- Introduce Three.js quality tiers and load detailed models only when chosen.
- Consider AR only after exact GLB/USDZ product assets and device support are available.

## Acceptance criteria

- At 390 × 844, the approved plan, evidence selector, and next required action are visible before any full editor.
- No horizontal overflow at 320, 390, 768, 1024, and 1400 CSS px.
- Primary touch targets are at least 44 px; primary reading text is at least 16 px.
- The first decision screen does not load Three.js.
- Three.js loads only after selecting walkaround and fits the full room at portrait and landscape aspect ratios.
- Every displayed number is marked measured, calculated, estimated, generated, or unverified.
- Product status includes checked date and source; stale price is never presented as purchasable.
- Tabs support pointer and APG keyboard behavior.
- Saved edits survive two reload/normalization passes.
- The public route, registered version, deployment, and documentation remain owned by the left lead.

## Primary sources

- IKEA Kreativ scan and platform split: https://www.ikea.com/us/en/customer-service/knowledge/articles/e86d70g6-3673-4306-b373-20f7cg7fd5ed.html
- IKEA Kreativ overview: https://www.ikea.com/us/en/customer-service/knowledge/articles/43460e1e-dd01-4fe8-86ac-74efecd7743f.html
- IKEA mobile/web creator distinction: https://www.ikea.com/fr/fr/customer-service/knowledge/articles/326e0529-ae8e-4b4e-90b2-edf692706899.html
- Planner 5D 3D mode: https://support.planner5d.com/en/articles/15112460-how-to-use-3d-mode
- Planner 5D LiDAR scan: https://support.planner5d.com/en/articles/5897614-scan-your-room-ios
- RoomSketcher iPhone: https://www.roomsketcher.com/download-iphone/
- magicplan overview: https://help.magicplan.app/about-magicplan
- WCAG 2.2 target size: https://www.w3.org/WAI/WCAG22/Understanding/target-size-minimum
- WAI-ARIA tabs: https://www.w3.org/WAI/ARIA/apg/patterns/tabs/
- web.dev INP: https://web.dev/articles/optimize-inp
- MDN WebGL best practices: https://developer.mozilla.org/en-US/docs/Web/API/WebGL_API/WebGL_best_practices
- web.dev offline data: https://web.dev/learn/pwa/offline-data
- MDN Web Share: https://developer.mozilla.org/en-US/docs/Web/API/Web_Share_API
- MDN inline SVG: https://developer.mozilla.org/en-US/docs/Web/SVG/Guides/SVG_in_HTML
- model-viewer AR: https://modelviewer.dev/examples/augmentedreality/index.html
- Apple RoomPlan: https://developer.apple.com/augmented-reality/roomplan/
- ARCore Depth: https://developers.google.com/ar/develop/depth
- Live 800 product aggregation page: https://prod.danawa.com/info/?pcode=109597358
- Live 1200 product aggregation page: https://prod.danawa.com/info/?pcode=109597391
- GS Shop 1200 product page: https://m.gsshop.com/prd/prd.gs?ispre=Y&mseq=444059&prdid=1109280360&rank=9

## Unresolved items

- [not verified] Mona's installation address and regional delivery surcharge.
- [not verified] Current stock at every marketplace; the primary retailer/aggregators conflict, so purchase-time verification is required.
- [not verified] Exact finished ceiling height and installation clearance.
- [not verified] Exact manufacturer GLB/USDZ or technical CAD models.
- [not verified] Garment-capacity counts; they should remain estimates or be removed from the decision screen.