docs/validation/day2-v2-live-interactive.md

Day 2 UI v2 - Live Interactive Canvas Checkpoint

Date: 2026-06-08

Scope

• Replaced the static Stage 1 canvas with a live in-memory canvas app.
• Added click-to-create idea frames with editable idea cards and Proceed actions.
• Added a named Gradio API bridge so browser-side canvas state calls the validated Python MiniCPM engine without moving model logic into JavaScript.
• Added live pressure cards, next-iteration cards, multiple independent frames, zoom controls, wheel zoom, and drag panning.
• Kept the validated engine logic unchanged.

Screenshot

Desktop screenshot:

docs/validation/day2-v2-live-interactive.png

Checkpoints

1. Click-to-create + type + Proceed + live model response: passed.
   • Browser smoke created Frame 1, typed a tool-rental idea, clicked Proceed, showed a pending MiniCPM card, and rendered a returned Reality Contact pressure from the local MiniCPM endpoint.
2. Iteration stacking: passed.
   • Browser smoke typed an Idea v2 refinement, clicked Proceed again, and rendered a second live MiniCPM pressure card at Real Actor depth.
3. Multiple frames + zoom/pan: passed.
   • Browser smoke created a second independent frame, used zoom controls, and drag-panned without accidentally creating extra frames.

Validation

• python3 -m unittest discover -s tests passed.
• python3 -m compileall iris tests app.py passed.
• git diff --check passed.
• Browser smoke passed at http://127.0.0.1:7860 using local MiniCPM through Ollama at http://localhost:11434/v1.
• Final smoke metrics: 2 frames, 2 live AI pressure cards, 4 idea cards, no old circle/electron labels, no page-level horizontal overflow.

Result

Iris UI v2 now satisfies the live canvas flow: empty canvas to independent idea frames, real MiniCPM pressure cards, stacked iterations, and zoom/pan.