> ## 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.

# Screens

> Every prototype screen and the clickable learner flow, captured from the live build.

Tessera has 8 prototype screens across 4 roles, plus a clickable learner prototype. These images are captured automatically from each build, so they always match the [live site](https://tessera.edstratumlabs.ai/).

## Learner

### Adaptive Today dashboard (learner)

Adaptive Today dashboard: one cross-course 'Do next' list, weekly time budget, spaced-review queue, persona preset, and a visible 'why this moved · Undo' strip.

<Frame caption="1440×900 · [open the live screen](https://tessera.edstratumlabs.ai/screens/today-dashboard.html)">
  <img src="https://mintcdn.com/project-tessera/Fet6TXh8YWyNauYL/images/generated/screens/today-dashboard.jpg?fit=max&auto=format&n=Fet6TXh8YWyNauYL&q=85&s=90f773d44565f2293376c1126c8076d0" alt="C · Adaptive Today dashboard (learner) screen" width="1440" height="900" data-path="images/generated/screens/today-dashboard.jpg" />
</Frame>

### Focus lesson player (learner)

Focus lesson player: single reading column, chunk rail with time estimates, format switcher, inline knowledge check, and a hint-mode tutor that cites course sources.

<Frame caption="1440×900 · [open the live screen](https://tessera.edstratumlabs.ai/screens/lesson-player.html)">
  <img src="https://mintcdn.com/project-tessera/Fet6TXh8YWyNauYL/images/generated/screens/lesson-player.jpg?fit=max&auto=format&n=Fet6TXh8YWyNauYL&q=85&s=7d192cb943bdb69f6997ee0d82656c8d" alt="A · Focus lesson player (learner) screen" width="1440" height="900" data-path="images/generated/screens/lesson-player.jpg" />
</Frame>

### Today on phone

Today on a phone: 15-minute session launcher, offline and low-bandwidth mode, review card.

<Frame caption="390×844 · [open the live screen](https://tessera.edstratumlabs.ai/screens/mobile-today.html)">
  <img src="https://mintcdn.com/project-tessera/Fet6TXh8YWyNauYL/images/generated/screens/mobile-today.jpg?fit=max&auto=format&n=Fet6TXh8YWyNauYL&q=85&s=ce34cf8fca50a639a2fc6551d56a2b2d" alt="C · Today on phone screen" width="390" height="844" data-path="images/generated/screens/mobile-today.jpg" />
</Frame>

### Learning profile setup (learner onboarding)

Learning profile setup: goals and role, weekly time and study windows, an optional pre-check to skip known material, language, accessibility, device and reminders, with an AI-suggested preset and a plain statement of who sees what.

<Frame caption="1440×1100 · [open the live screen](https://tessera.edstratumlabs.ai/screens/learning-profile.html)">
  <img src="https://mintcdn.com/project-tessera/Fet6TXh8YWyNauYL/images/generated/screens/learning-profile.jpg?fit=max&auto=format&n=Fet6TXh8YWyNauYL&q=85&s=8d712f1c652b106d95ac224350826c2e" alt="C · Learning profile setup (learner onboarding) screen" width="1440" height="1100" data-path="images/generated/screens/learning-profile.jpg" />
</Frame>

## Author

### Prompt-to-course canvas (author)

Prompt-to-course canvas: Brief → Outline → Draft → Review → Publish stepper, sources panel, provenance chips, tracked-changes diff, persona variants, and a publish-readiness bar.

<Frame caption="1440×900 · [open the live screen](https://tessera.edstratumlabs.ai/screens/course-builder.html)">
  <img src="https://mintcdn.com/project-tessera/Fet6TXh8YWyNauYL/images/generated/screens/course-builder.jpg?fit=max&auto=format&n=Fet6TXh8YWyNauYL&q=85&s=e41bdea29a2eb0f52ac1c1563bdc7f0c" alt="B · Prompt-to-course canvas (author) screen" width="1440" height="900" data-path="images/generated/screens/course-builder.jpg" />
</Frame>

## Instructor

### Instructor command center

Instructor command center: keyboard triage, submission + rubric side by side, labeled AI-drafted feedback, class misconceptions from tutor chats, and a ⌘K change-set preview.

<Frame caption="1440×900 · [open the live screen](https://tessera.edstratumlabs.ai/screens/instructor-command.html)">
  <img src="https://mintcdn.com/project-tessera/Fet6TXh8YWyNauYL/images/generated/screens/instructor-command.jpg?fit=max&auto=format&n=Fet6TXh8YWyNauYL&q=85&s=de2eac60052e4d4595e14271eca30aed" alt="D · Instructor command center screen" width="1440" height="900" data-path="images/generated/screens/instructor-command.jpg" />
</Frame>

### Tutor settings by activity (instructor)

Tutor settings by activity: Off / Hints / Explain / Open per activity inside program limits (locked options say why), hint count, answer-request handling, allowed sources, and a live learner preview.

<Frame caption="1440×900 · [open the live screen](https://tessera.edstratumlabs.ai/screens/tutor-settings.html)">
  <img src="https://mintcdn.com/project-tessera/Fet6TXh8YWyNauYL/images/generated/screens/tutor-settings.jpg?fit=max&auto=format&n=Fet6TXh8YWyNauYL&q=85&s=ef16f41f492eea3f0c69793224916424" alt="D · Tutor settings by activity (instructor) screen" width="1440" height="900" data-path="images/generated/screens/tutor-settings.jpg" />
</Frame>

## Admin

### Governance & outcomes console (admin)

Governance & outcomes console: KPI strip, AI policy matrix, integration health, accessibility audit, and a policy inspector that simulates before applying.

<Frame caption="1440×900 · [open the live screen](https://tessera.edstratumlabs.ai/screens/admin-console.html)">
  <img src="https://mintcdn.com/project-tessera/Fet6TXh8YWyNauYL/images/generated/screens/admin-console.jpg?fit=max&auto=format&n=Fet6TXh8YWyNauYL&q=85&s=9ae742f5335aeabce2ae7242e1fe7226" alt="E · Governance & outcomes console (admin) screen" width="1440" height="900" data-path="images/generated/screens/admin-console.jpg" />
</Frame>

## Clickable prototype

Try it yourself: [the learner flow](https://tessera.edstratumlabs.ai/prototype/).

### Today

The learner's cross-course "Do next" list, weekly time budget, review queue, and mastery.

<Frame>
  <img src="https://mintcdn.com/project-tessera/Fet6TXh8YWyNauYL/images/generated/prototype/today.jpg?fit=max&auto=format&n=Fet6TXh8YWyNauYL&q=85&s=c745f97751f72e18f4afe1cad80faf0a" alt="Prototype: Today" width="1440" height="900" data-path="images/generated/prototype/today.jpg" />
</Frame>

### Lesson with the hint-first tutor

A wrong answer on the knowledge check, then the tutor giving a hint and declining to give the answer.

<Frame>
  <img src="https://mintcdn.com/project-tessera/Fet6TXh8YWyNauYL/images/generated/prototype/lesson-tutor.jpg?fit=max&auto=format&n=Fet6TXh8YWyNauYL&q=85&s=e4c4ce4e0071c13095e3ff9e2272be61" alt="Prototype: Lesson with the hint-first tutor" width="1440" height="900" data-path="images/generated/prototype/lesson-tutor.jpg" />
</Frame>

### Module check result

What changed after the check: mastery, new review cards, time logged, and what the instructor sees.

<Frame>
  <img src="https://mintcdn.com/project-tessera/Fet6TXh8YWyNauYL/images/generated/prototype/result.jpg?fit=max&auto=format&n=Fet6TXh8YWyNauYL&q=85&s=8806fcd81537c7e89ed458fb55b53b93" alt="Prototype: Module check result" width="1440" height="900" data-path="images/generated/prototype/result.jpg" />
</Frame>