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/classic/course-tokens.ts

@@ -0,0 +1,25 @@
+import { tokenize, type CourseLandingTokens } from '../course-tokens-base';
+
+export const courseTokens: CourseLandingTokens = tokenize({
+  sectionHeader: 'ui:flex ui:flex-col ui:items-center ui:text-center ui:gap-3 ui:mb-10',
+  heading:
+    'ui:text-3xl ui:md:text-4xl ui:text-[var(--landing-fg)] ui:text-center' +
+    ' ui:[font-weight:var(--landing-heading-weight)]',
+  body: 'ui:text-base ui:text-[var(--landing-fg-muted)] ui:leading-relaxed ui:text-center',
+  headingRule: 'ui:h-px ui:w-16 ui:bg-[var(--landing-accent)] ui:mx-auto ui:mt-2',
+  socialProofShell: 'ui:py-8 ui:px-4 ui:border-y ui:border-[var(--landing-border)] ui:text-center',
+  socialProofItem: 'ui:flex ui:flex-col ui:items-center ui:gap-1 ui:text-[var(--landing-fg)]',
+  socialProofDivider: 'ui:w-px ui:h-10 ui:bg-[var(--landing-border)]',
+  infoGrid: 'ui:flex ui:flex-col ui:items-center ui:gap-16 ui:max-w-3xl ui:mx-auto',
+  infoBlock: 'ui:flex ui:flex-col ui:items-center ui:text-center ui:gap-3 ui:w-full',
+  infoBlockBody: 'ui:text-base ui:text-[var(--landing-fg-muted)] ui:leading-relaxed ui:text-center',
+  reviewsGrid: 'ui:grid ui:grid-cols-1 ui:md:grid-cols-3 ui:gap-6 ui:justify-items-center',
+  reviewCard:
+    'ui:p-6 ui:border ui:border-[var(--landing-border)] ui:bg-[var(--landing-card)]' +
+    ' ui:[border-radius:var(--landing-radius-card)] ui:text-center',
+  instructorShell: 'ui:flex ui:flex-col ui:items-center ui:text-center ui:gap-3 ui:max-w-2xl ui:mx-auto',
+  instructorAvatar: 'ui:size-28 ui:rounded-full ui:object-cover ui:border-2 ui:border-[var(--landing-accent)]',
+  pricingShell:
+    'ui:p-8 ui:border ui:border-[var(--landing-border)] ui:bg-[var(--landing-card)]' +
+    ' ui:[border-radius:var(--landing-radius-card)] ui:text-center'
+});

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

@@ -0,0 +1,62 @@
+<script lang="ts">
+  import type { CourseLandingPageProps } from '../types';
+  import ClassicNav from './nav.svelte';
+  import ClassicHero from './hero.svelte';
+  import OrgLandingPageFooter from '../landing-page-footer.svelte';
+  import CourseSocialProof from '../course-social-proof.svelte';
+  import CourseInfoBlocks from '../course-info-blocks.svelte';
+  import CourseCurriculum from '../course-curriculum.svelte';
+  import CourseChips from '../course-chips.svelte';
+  import CourseSectionNav from '../course-section-nav.svelte';
+  import CourseInstructor from '../course-instructor.svelte';
+  import CourseReviews from '../course-reviews.svelte';
+  import CoursePricing from '../course-pricing.svelte';
+  import { themeStyle } from '../theme-style';
+  import { alignHeroCtaWithPricing, buildCourseSectionNavItems } from '../course-landing-page.helpers';
+
+  let {
+    orgName,
+    logoUrl,
+    navItems,
+    authAction,
+    hero,
+    socialProof,
+    info,
+    curriculum,
+    chips,
+    instructor,
+    reviews,
+    pricing,
+    footer,
+    labels
+  }: CourseLandingPageProps = $props();
+
+  const heroProps = $derived(alignHeroCtaWithPricing(hero, pricing));
+  const sectionNavItems = $derived(
+    buildCourseSectionNavItems({ info, curriculum, chips, instructor, reviews }, labels)
+  );
+</script>
+
+<div
+  class="ui:min-h-screen ui:bg-[var(--landing-bg-section)] ui:text-[var(--landing-fg)] ui:font-sans"
+  style={themeStyle('classic')}
+>
+  <ClassicNav {orgName} {logoUrl} {navItems} {authAction} />
+
+  <main>
+    <ClassicHero hero={heroProps} />
+
+    <CourseSectionNav variant="classic" items={sectionNavItems} {labels} />
+    <CourseSocialProof variant="classic" {socialProof} {labels} />
+    <CourseInfoBlocks variant="classic" {info} {labels} />
+    <CourseCurriculum variant="classic" {curriculum} {labels} />
+    {#if chips}
+      <CourseChips variant="classic" {chips} {labels} />
+    {/if}
+    <CourseInstructor variant="classic" {instructor} {labels} />
+    <CourseReviews variant="classic" {reviews} {labels} />
+    <CoursePricing variant="classic" {pricing} {labels} />
+  </main>
+
+  <OrgLandingPageFooter {orgName} {logoUrl} {footer} variant="classic" />
+</div>

packages/ui/src/custom/org-landing-page/classic/hero.svelte

@@ -8,9 +8,10 @@
 
   interface Props {
     hero: OrgLandingPageProps['hero'];
+    showActions?: boolean;
   }
 
-  let { hero }: Props = $props();
+  let { hero, showActions = true }: Props = $props();
 </script>
 
 <EditableLandingSection sectionKey="hero">
@@ -30,23 +31,25 @@
         {hero.heading}
       </BlurIn>
       <p class="ui:text-lg ui:sm:text-xl ui:text-[var(--landing-bg)]/80 ui:mb-10">{hero.subheading}</p>
-      <div class="ui:flex ui:flex-col ui:sm:flex-row ui:justify-center ui:gap-4">
-        <Button
-          href={hero.primaryAction.href}
-          disabled={hero.primaryAction.disabled ?? false}
-          size="lg"
-          class="ui:px-8 ui:font-semibold"
-        >
-          {hero.primaryAction.label}
-        </Button>
-        {#if hero.secondaryAction}
-          <SecondaryActionButton
-            href={hero.secondaryAction.href}
-            label={hero.secondaryAction.label}
-            variant="classic"
-          />
-        {/if}
-      </div>
+      {#if showActions}
+        <div class="ui:flex ui:flex-col ui:sm:flex-row ui:justify-center ui:gap-4">
+          <Button
+            href={hero.primaryAction.href}
+            disabled={hero.primaryAction.disabled ?? false}
+            size="lg"
+            class="ui:px-8 ui:font-semibold"
+          >
+            {hero.primaryAction.label}
+          </Button>
+          {#if hero.secondaryAction}
+            <SecondaryActionButton
+              href={hero.secondaryAction.href}
+              label={hero.secondaryAction.label}
+              variant="classic"
+            />
+          {/if}
+        </div>
+      {/if}
     </div>
   </section>
 </EditableLandingSection>

packages/ui/src/custom/org-landing-page/classic/index.ts

@@ -0,0 +1,7 @@
+export { default as nav } from './nav.svelte';
+export { default as hero } from './hero.svelte';
+export { default as courseCard } from './course-card.svelte';
+export { default as org } from './org.svelte';
+export { default as course } from './course.svelte';
+
+export const coursesGridClass = 'ui:grid ui:grid-cols-1 ui:@xl:grid-cols-2 ui:@4xl:grid-cols-3 ui:gap-6';

packages/ui/src/custom/org-landing-page/classic/org.svelte

@@ -0,0 +1,76 @@
+<script lang="ts">
+  import type { OrgLandingPageProps } from '../types';
+  import OrgLandingPageEmbed from '../embed.svelte';
+  import OrgLandingPageLinks from '../links.svelte';
+  import OrgLandingPageCallout from '../callout.svelte';
+  import OrgLandingPageFooter from '../landing-page-footer.svelte';
+  import ClassicNav from './nav.svelte';
+  import ClassicHero from './hero.svelte';
+  import ClassicCourseCard from './course-card.svelte';
+  import { Button } from '../../../base/button';
+  import { themeStyle } from '../theme-style';
+
+  let {
+    orgName,
+    logoUrl,
+    navItems,
+    authAction,
+    hero,
+    courses,
+    hasMoreCourses = false,
+    disableCourseLinks = false,
+    embed,
+    callout,
+    links,
+    footer,
+    labels
+  }: OrgLandingPageProps = $props();
+</script>
+
+<div
+  class="ui:min-h-screen ui:bg-[var(--landing-bg-section)] ui:text-[var(--landing-fg)] ui:font-sans"
+  style={themeStyle('classic')}
+>
+  <ClassicNav {orgName} {logoUrl} {navItems} {authAction} />
+
+  <main>
+    <ClassicHero {hero} />
+
+    <section class="ui:py-10 ui:px-6 ui:lg:px-8 ui:max-w-7xl ui:mx-auto">
+      <div class="ui:text-center ui:mb-8">
+        <h2 class="ui:text-3xl ui:font-bold ui:text-[var(--landing-fg)]">
+          {labels?.catalogHeading ?? 'Featured Programs'}
+        </h2>
+        <div class="ui:mt-6 ui:h-px ui:w-24 ui:bg-[var(--landing-border)] ui:mx-auto"></div>
+      </div>
+
+      <div class="ui:grid ui:grid-cols-1 ui:sm:grid-cols-2 ui:lg:grid-cols-3 ui:gap-8 ui:justify-items-center">
+        {#each courses as course, index (course.id)}
+          <ClassicCourseCard {course} {disableCourseLinks} {labels} />
+        {/each}
+      </div>
+
+      {#if hasMoreCourses}
+        <div class="ui:mt-12 ui:flex ui:justify-center">
+          <Button
+            href={disableCourseLinks ? undefined : '/courses'}
+            variant="outline"
+            size="lg"
+            class="ui:px-8"
+            disabled={disableCourseLinks}
+          >
+            {labels?.browseCoursesLabel ?? 'View more courses'}
+          </Button>
+        </div>
+      {/if}
+    </section>
+  </main>
+
+  <OrgLandingPageLinks {links} {labels} variant="classic" />
+
+  <OrgLandingPageEmbed {embed} {labels} variant="classic" />
+
+  <OrgLandingPageCallout {callout} {labels} variant="classic" />
+
+  <OrgLandingPageFooter {orgName} {logoUrl} {footer} variant="classic" />
+</div>

packages/ui/src/custom/org-landing-page/classic/vars.ts

@@ -0,0 +1,10 @@
+import { baseTokenVars, type LandingThemeVars } from '../theme-vars-base';
+
+export const vars: LandingThemeVars = {
+  ...baseTokenVars,
+  '--landing-heading-weight': '700',
+  '--landing-eyebrow-tracking': '0.08em',
+  '--landing-eyebrow-case': 'uppercase',
+  '--landing-radius-card': '4px',
+  '--landing-divider': '1px solid var(--landing-border)'
+};