Depth 4 · procedural · scaffolded · M21 §21.4
Handle multimodal file input
Accepts drag-and-drop with preview and progress
- Evidence
- Uploads a document with visible progress and errors
- Market anchor
- Frontend engineering
Depth 5 · representational · scaffolded · M21 §21.3
Keep types safe across the stack
Generates clients from OpenAPI and mirrors schemas
- Evidence
- A backend schema change breaks the build, not production
- Market anchor
- TypeScript · API design
- Rests on
load-bearingAnnotate types · TypeScript Types
End-to-end types require typed clients.
Depth 8 · conceptual · unassisted · M21 §21.2
Manage conversation history in the UI
Persists and replays messages
- Evidence
- Reload restores the conversation
- Market anchor
- Frontend engineering
Depth 9 · procedural · scaffolded · M21 §21.2
Consume server-sent events in the browser
Reads a token stream from a React client
- Evidence
- Renders tokens as they arrive without buffering
- Market anchor
- Streaming · React
Depth 10 · procedural · scaffolded · M21 §21.2
Render streamed output progressively
Handles partial markdown and code safely
- Evidence
- Streamed markdown never renders broken mid-token
- Market anchor
- Frontend engineering