feat: HLS streaming, transcripts, agent course generation & landing-page course previews (#663)

New features:
- HLS video encoding/streaming (hls routes, hls-encoder) and a media
  transcripts pipeline (transcripts route + media-transcript queries)
- AI assistant chat vs. run model: agent-course-generation worker/queue,
  run-monitor pane, chat-changes card, content ask-ai bar
- Per-theme course-page previews across org landing-page themes (bold,
  classic, corporate, editorial, etc.) with a shared course token/component set
- View-as-student mode and login-link / link-invite invite flows

Refactor:
- Extract packages/core consolidating config (env, storage, dashboard-url),
  services and utils previously duplicated under apps/api/src/config
- Remove legacy agent service modules (chat-tools, chat-context,
  context-window, document, fetch-url, lesson-content)
- Relax Cross-Origin-Resource-Policy to allow cross-origin media embedding
- Add format script to tenant-router so turbo run format covers it

packages/ui/src/custom/org-landing-page/course-curriculum.svelte

@@ -0,0 +1,159 @@
+<script lang="ts">
+  import type { CourseCurriculum, CourseLandingPageLabels, OrgLandingPageTheme } from './types';
+  import { courseLandingTokens } from './course-landing-page.tokens';
+  import EditableLandingSection from './editable-section.svelte';
+  import ChevronDownIcon from '@lucide/svelte/icons/chevron-down';
+  import ChevronUpIcon from '@lucide/svelte/icons/chevron-up';
+  import CircleCheckIcon from '@lucide/svelte/icons/circle-check';
+
+  interface Props {
+    variant: OrgLandingPageTheme;
+    curriculum: CourseCurriculum;
+    labels?: CourseLandingPageLabels;
+  }
+
+  let { variant, curriculum, labels }: Props = $props();
+
+  const t = $derived(courseLandingTokens(variant));
+
+  type CurriculumLayout = 'accordion' | 'chapters';
+
+  const layoutByTheme: Record<OrgLandingPageTheme, CurriculumLayout> = {
+    minimal: 'accordion',
+    studio: 'accordion',
+    bold: 'chapters',
+    classic: 'chapters',
+    saas: 'chapters',
+    tech: 'chapters',
+    corporate: 'chapters',
+    terminal: 'chapters',
+    editorial: 'chapters',
+    vibrant: 'chapters'
+  };
+
+  const layout = $derived<CurriculumLayout>(layoutByTheme[variant] ?? 'accordion');
+
+  function lecturePrefix(index: number): string {
+    const fn = labels?.lecturePrefix;
+    if (fn) return fn(index);
+    return String(index + 1).padStart(2, '0');
+  }
+
+  function lessonsLabel(count: number): string {
+    return labels?.lessonsLabel?.(count) ?? `${count} ${count === 1 ? 'lesson' : 'lessons'}`;
+  }
+
+  function exercisesLabel(count: number): string {
+    return labels?.exercisesLabel?.(count) ?? `${count} ${count === 1 ? 'exercise' : 'exercises'}`;
+  }
+
+  // Accordion state — first section open by default.
+  let expanded = $state<Record<string, boolean>>({});
+  $effect(() => {
+    const initial: Record<string, boolean> = {};
+    curriculum.sections.forEach((section, idx) => {
+      if (!(section.id in expanded)) initial[section.id] = idx === 0;
+    });
+    if (Object.keys(initial).length > 0) expanded = { ...expanded, ...initial };
+  });
+
+  function toggle(id: string) {
+    expanded = { ...expanded, [id]: !expanded[id] };
+  }
+</script>
+
+<EditableLandingSection sectionKey="curriculum">
+  <section id="curriculum" class={t.sectionShell}>
+    <div class={t.sectionInner}>
+      <div class={t.sectionHeader}>
+        <span class={t.eyebrow}>{labels?.curriculumEyebrow ?? 'Curriculum'}</span>
+        <h2 class={t.heading}>{labels?.curriculumHeading ?? 'What you will study'}</h2>
+        <span class={t.headingRule} aria-hidden="true"></span>
+      </div>
+
+      {#if layout === 'accordion'}
+        <div class={t.curriculumContainer}>
+          {#each curriculum.sections as section (section.id)}
+            <div class={t.curriculumModule}>
+              <button
+                type="button"
+                class={t.curriculumModuleHeader}
+                onclick={() => toggle(section.id)}
+                aria-expanded={expanded[section.id] ?? false}
+              >
+                <span class="ui:flex ui:items-center ui:gap-3">
+                  {#if expanded[section.id]}
+                    <ChevronUpIcon class="ui:size-4 ui:text-[var(--landing-fg-muted)]" />
+                  {:else}
+                    <ChevronDownIcon class="ui:size-4 ui:text-[var(--landing-fg-muted)]" />
+                  {/if}
+                  <span class={t.curriculumModuleTitle}>{section.title}</span>
+                </span>
+                <span class={t.curriculumModuleMeta}>
+                  {lessonsLabel(section.lessons.length)}{section.exerciseCount
+                    ? ` · ${exercisesLabel(section.exerciseCount)}`
+                    : ''}
+                </span>
+              </button>
+              {#if expanded[section.id]}
+                <div>
+                  {#each section.lessons as lesson, lessonIdx (lesson.id)}
+                    <div class={t.curriculumLessonRow}>
+                      <span class={t.curriculumLessonPrefix}>{lecturePrefix(lessonIdx)}</span>
+                      <CircleCheckIcon class={`${t.curriculumLessonIcon} ui:size-4`} />
+                      <span class={t.curriculumLessonTitle}>{lesson.title}</span>
+                      {#if lesson.durationMinutes}
+                        <span class="ui:ml-auto ui:text-xs ui:text-[var(--landing-fg-muted)]">
+                          {lesson.durationMinutes} min
+                        </span>
+                      {/if}
+                    </div>
+                  {/each}
+                </div>
+              {/if}
+            </div>
+          {/each}
+        </div>
+      {:else}
+        <!-- chapters: every section permanently expanded as its own block -->
+        <div class="ui:flex ui:flex-col">
+          {#each curriculum.sections as section, sectionIdx (section.id)}
+            <div class={t.curriculumModule}>
+              <div
+                class="ui:flex ui:flex-col ui:items-start ui:gap-2 ui:mb-4 ui:md:flex-row ui:md:items-baseline ui:md:justify-between ui:md:gap-4"
+              >
+                <div class="ui:flex ui:items-baseline ui:gap-4">
+                  <span
+                    class="ui:text-[var(--landing-accent)] ui:[font-weight:var(--landing-heading-weight)] ui:text-2xl ui:md:text-3xl"
+                  >
+                    {String(sectionIdx + 1).padStart(2, '0')}
+                  </span>
+                  <h3 class={t.curriculumModuleTitle}>{section.title}</h3>
+                </div>
+                <span class={t.curriculumModuleMeta}>
+                  {lessonsLabel(section.lessons.length)}{section.exerciseCount
+                    ? ` · ${exercisesLabel(section.exerciseCount)}`
+                    : ''}
+                </span>
+              </div>
+              <div class="ui:flex ui:flex-col">
+                {#each section.lessons as lesson, lessonIdx (lesson.id)}
+                  <div class={t.curriculumLessonRow}>
+                    <span class={t.curriculumLessonPrefix}>{lecturePrefix(lessonIdx)}</span>
+                    <CircleCheckIcon class={`${t.curriculumLessonIcon} ui:size-4`} />
+                    <span class={t.curriculumLessonTitle}>{lesson.title}</span>
+                    {#if lesson.durationMinutes}
+                      <span class="ui:ml-auto ui:text-xs ui:text-[var(--landing-fg-muted)]">
+                        {lesson.durationMinutes} min
+                      </span>
+                    {/if}
+                  </div>
+                {/each}
+              </div>
+            </div>
+          {/each}
+        </div>
+      {/if}
+    </div>
+  </section>
+</EditableLandingSection>