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
2026-06-07 18:43:05 +01:00
parent a2e70779a0
commit d5b07d356e
496 changed files with 19050 additions and 8312 deletions
@@ -0,0 +1,86 @@
+<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 TechNav from './nav.svelte';
+  import TechHero from './hero.svelte';
+  import TechCourseCard 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)] ui:text-[var(--landing-fg)] ui:font-sans"
+  style={themeStyle('tech')}
+>
+  <main>
+    <TechHero {hero}>
+      {#snippet navigation()}
+        <TechNav {orgName} {logoUrl} {navItems} {authAction} />
+      {/snippet}
+    </TechHero>
+
+    {#if courses.length > 0}
+      <section class="ui:py-24 ui:px-6">
+        <div class="ui:max-w-[1280px] ui:mx-auto">
+          <div class="ui:flex ui:items-end ui:justify-between ui:flex-wrap ui:gap-4 ui:mb-14">
+            <div>
+              <p
+                class="ui:font-mono ui:text-xs ui:tracking-widest ui:uppercase ui:text-[var(--landing-accent)] ui:mb-3"
+              >
+                {labels?.catalogEyebrow ?? '// catalog'}
+              </p>
+              <h2 class="ui:text-4xl ui:lg:text-5xl ui:font-extrabold ui:tracking-tight ui:m-0">
+                {labels?.catalogHeading ?? 'Latest courses'}
+              </h2>
+            </div>
+            {#if hasMoreCourses}
+              <Button
+                href={disableCourseLinks ? undefined : '/courses'}
+                variant="outline"
+                class="ui:rounded-none ui:font-mono ui:text-sm"
+                disabled={disableCourseLinks}
+              >
+                {labels?.browseCoursesLabel ?? 'view all →'}
+              </Button>
+            {/if}
+          </div>
+
+          <div
+            class="ui:grid ui:grid-cols-1 ui:md:grid-cols-2 ui:lg:grid-cols-3 ui:border-t ui:border-l ui:border-[var(--landing-border)]"
+          >
+            {#each courses as course, index (course.id)}
+              <TechCourseCard {course} {disableCourseLinks} {labels} />
+            {/each}
+          </div>
+        </div>
+      </section>
+    {/if}
+  </main>
+
+  <OrgLandingPageLinks {links} {labels} variant="tech" />
+
+  <OrgLandingPageEmbed {embed} {labels} variant="tech" />
+
+  <OrgLandingPageCallout {callout} {labels} variant="tech" />
+
+  <OrgLandingPageFooter {orgName} {logoUrl} {footer} variant="tech" />
+</div>