Use this reference

Start with the task

• Choose the shell using navigation-shell.ts and the existing ClientLayout.
• Use the app’s final semantic tokens and local Inter font; do not copy the marketing palette into app controls.
• Compose existing fields, buttons, editor, player, and resource components before introducing another variant.
• Keep course settings, lesson revisions, appearance preference, and provider authorization in their separate state boundaries.
• Check light/dark, phone layout, keyboard behavior, and failed persistence before considering a feature complete.

Scope

This portfolio reference documents implemented patterns and their limitations. It does not add a package to the TeachKit app, change production behavior, or establish a new API. Code snippets describe composition and must be adapted to the current source interfaces.

Source references