Experience widget — SvelteKit

Not started

SvelteKit for Experience widget is planned for Phase 1. Use the SvelteKit or vanilla implementation as reference material until this port ships.

SvelteKit reference Vanilla reference

Related docs

Embed an Experience
Web Component reference
Experience on Meet — hosted experience without the lesson app UI

AI agent prompt

Use the Liforma Experience widget example as source material to build a SvelteKit app.

Source repo folder: examples/experience-widget/sveltekit

Preserve:
- Liforma experience embed via `<Experience />` from `@liforma/client/svelte`
- microphone permission guidance
- lesson selection with close-before-switch (no mid-session lesson change)
- learning goal card and session status
- transcript / session notes panel
- responsive layout
- per-lesson `experienceId` in lesson data (not environment variables)
- TypeScript and normal CSS (no Tailwind)

Adapt:
- branding
- lesson content
- experience IDs per lesson
- surrounding product UI