feat(demo): Stage 2 PR-3 — flagship scenario (Inbox ↔ workspace ↔ transcript)

[luokerenx4]

Summary

Wires three demo surfaces into one coherent story for the visitor. After this lands, the demo answers "what does OpenAlice do" in under a minute via real-feeling interaction, not abstract feature copy.

Stacks on top of PR #221 and PR #222.

The scenario

1. Visitor lands on /inbox → sees a fresh entry, 5 minutes old, from a workspace named "demo":

   📄 research-AAPL-q1.md

   I dug into Apple's Q1 earnings — see the report above.

   Key finding: services revenue growth has decelerated three quarters in a row, now at +9.1% YoY (was +14.2% last quarter)…

2. Clicks the entry → reads the full markdown report inline (TL;DR + deceleration table + analysis + recommendation), backed by an actual file living "in" the demo workspace.

3. Opens the workspace → terminal replays the session that wrote the report: agent reads SEC filings + market data, computes services-rev YoY across quarters, finds the three-quarter deceleration, writes the report, pushes to Inbox.

The Inbox entry's workspaceId links to the workspace, and the workspace's only session plays a transcript that ends with inbox_push: "AAPL Q1 — Hidden Deceleration Signal". The cross-reference reads itself — no UI gymnastics needed.

What changed

File	Change
ui/src/demo/fixtures/inbox.ts (new)	demoInboxEntry (the AAPL report entry) + demoWorkspaceFiles map (research-AAPL-q1.md → full markdown content)
ui/src/demo/fixtures/events.ts	6 historical events spanning ~5 min: agent.work.started → tool_call × 3 → inbox.entry_created → agent.work.completed
ui/src/demo/fixtures/transcripts/welcome.ts	Rewritten as aaplResearchTranscript — the session that wrote the report. Same hand-crafted-frame style as PR-2's placeholder, but tells the AAPL story end-to-end (read filings → compute deceleration table → write file → inbox_push → done)
ui/src/demo/handlers/inbox.ts	/api/inbox/history returns [demoInboxEntry]
ui/src/demo/handlers/workspaces.ts	/api/workspaces/:id/file?path=… looks up demoWorkspaceFiles and returns {content} for matching paths
ui/src/demo/handlers/events.ts	/api/events/stream SSE bursts all demoEvents on connect, then stays idle. /api/events + /api/events/recent return the same set as history

Bonus: tree-shaking fix (necessary for this PR)

Terminal.tsx now lazy-imports DemoTerminalReplay via React.lazy. With the prior static import (since PR-2), Rollup conservatively kept the transcript file in the prod main bundle because its top-level frame-building IIFE has module-scope side effects. Even though the call site is dead-code in prod, the transcript strings ("hey, what jumped out from Apple's Q1 earnings?", "research-AAPL-q1.md", etc.) leaked into dist/assets/index-*.js.

After the fix: the demo terminal is code-split into a separate DemoTerminalReplay-*.js chunk (5.7KB / 2.5KB gz). Prod never fetches it (gated at the call site). Demo build inlines it via the existing dynamic-import boundary.

Verification

Check	Result
pnpm -F open-alice-ui exec tsc -b	clean
pnpm -F open-alice-ui build (prod)	main chunk has zero transcript / fixture / handler strings; only the "DemoTerminalReplay" module specifier remains. Separate DemoTerminalReplay-*.js chunk (5.7KB / 2.5KB gz) exists but is never fetched in prod.
pnpm -F open-alice-ui build:demo	279KB demo chunk + 2.82MB main
pnpm dev:demo + Playwright	/inbox shows demo entry, markdown report renders inline, navigating to workspace plays the AAPL research transcript end-to-end with ANSI colors / bold / dim correct

Test plan

• tsc -b clean
• Prod build: no transcript strings in main chunk
• Demo build still works
• Inbox shows entry → markdown rendered
• Workspace session plays the new transcript
• Manual: hard-refresh deep links work on Vercel preview (deferred to user once they deploy)

What's left for Stage 2 PR-4

Secondary fixture richness — multi-UTA accounts with varied positions, realistic equity curves with random-walk-ish data, populated topology graph, news articles, cron jobs.

Boundary touch

None — no trading / auth / broker / migrations code modified.

🤖 Generated with Claude Code