> ## Documentation Index
> Fetch the complete documentation index at: https://docs.tessera.edstratumlabs.ai/llms.txt
> Use this file to discover all available pages before exploring further.

# Roadmap

> What Phase 2 builds, in order.

Phase 2 turns the Phase 1 mockups into a component-based app and fills the design gaps. The order below puts foundations first.

<Steps>
  <Step title="Build approach (done)">
    A Vite + React + TypeScript component app, built by Cloudflare on every push. See [architecture](/build/architecture).
  </Step>

  <Step title="Design-system foundation (in progress)">
    Done so far: a shared stylesheet generated from the design tokens, an inventory of 28 components, and the first four components (Button, StatusChip, Card, AiContent) in a live [component library](https://tessera.edstratumlabs.ai/storybook/). See [Components](/components). Next: the rest of the inventory, then replacing hard-coded colors in the original screens.
  </Step>

  <Step title="Connect the prototype">
    The learning profile feeds the Today screen, and the tutor follows the instructor's tutor settings.
  </Step>

  <Step title="Author flow">
    A clickable path from prompt to brief, outline, draft review, and publish readiness: the core differentiator.
  </Step>

  <Step title="Course home and the corporate learner">
    A course home with a module map and instructor presence, plus a compliance-first experience for industry learners.
  </Step>

  <Step title="Evaluation">
    A usability test protocol with a System Usability Scale target of 80 or above, and a screen-reader walkthrough.
  </Step>

  <Step title="Breadth">
    Persona variants, templates and branding, a full publish-readiness report, integration setup, dark mode, and a mobile lesson player.
  </Step>
</Steps>

<Note>
  After usability testing, Tessera grows into a full-stack app with accounts, a database, and real AI calls.
</Note>