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

apps/dashboard/src/lib/features/ui/sidebar/footer/menu.svelte

@@ -3,10 +3,11 @@
   import { goto } from '$app/navigation';
   import { basePath, globalStore } from '$lib/utils/store/app';
   import * as DropdownMenu from '@cio/ui/base/dropdown-menu';
-  import RocketIcon from '@lucide/svelte/icons/rocket';
   import BellPlusIcon from '@lucide/svelte/icons/bell-plus';
+  import BookOpenIcon from '@lucide/svelte/icons/book-open';
   import BadgeHelpIcon from '@lucide/svelte/icons/badge-help';
   import LogOutIcon from '@lucide/svelte/icons/log-out';
+  import MessageSquarePlusIcon from '@lucide/svelte/icons/message-square-plus';
   import * as Sidebar from '@cio/ui/base/sidebar';
   import { UserAvatar } from '@cio/ui/custom/user-avatar';
   import { useSidebar } from '@cio/ui/base/sidebar';
@@ -16,8 +17,12 @@
   import { t } from '$lib/utils/functions/translations';
   import { profile } from '$lib/utils/store/user';
   import { currentOrg } from '$lib/utils/store/org';
+  import { showUserJotWidget } from '$lib/utils/services/userjot';
   import { ROLE } from '@cio/utils/constants';
 
+  const SUPPORT_EMAIL = 'help@classroomio.com';
+  const DOCS_URL = 'https://classroomio.com/docs';
+
   const sidebar = useSidebar();
 
   function getRoleLabel(roleId: number): string {
@@ -107,33 +112,31 @@
           <div class="cursor-pointer space-y-2">
             {#if !$globalStore.isOrgSite}
               <div class="space-y-4">
-                <DropdownMenu.Item class="m-0">
-                  <a href="https://classroomio.com/roadmap" target="_blank" class="flex w-full items-center gap-2">
+                <DropdownMenu.Item class="m-0" onclick={() => showUserJotWidget('updates')}>
+                  <span class="flex w-full items-center gap-2">
                     <BellPlusIcon size={16} />
                     <p class="text-sm">{$t('profileMenu.whats_new')}</p>
+                  </span>
+                </DropdownMenu.Item>
+
+                <DropdownMenu.Item class="m-0" onclick={() => showUserJotWidget('feedback')}>
+                  <span class="flex w-full items-center gap-2">
+                    <MessageSquarePlusIcon size={16} />
+                    <p class="text-sm">{$t('profileMenu.feedback')}</p>
+                  </span>
+                </DropdownMenu.Item>
+
+                <DropdownMenu.Item class="m-0">
+                  <a href={DOCS_URL} target="_blank" rel="noopener noreferrer" class="flex w-full items-center gap-2">
+                    <BookOpenIcon size={16} />
+                    <p class="text-sm">{$t('profileMenu.documentation')}</p>
                   </a>
                 </DropdownMenu.Item>
 
                 <DropdownMenu.Item class="m-0">
-                  <a
-                    href="https://classroomio.com/blog/launch-week"
-                    target="_blank"
-                    class="flex w-full items-center gap-2"
-                  >
-                    <RocketIcon size={16} />
-                    <p class="text-sm">{$t('profileMenu.launch_week')}</p>
-                  </a>
-                </DropdownMenu.Item>
-
-                <DropdownMenu.Item class="m-0">
-                  <a
-                    href="https://classroomio.com/contact"
-                    target="_blank"
-                    rel="noopener noreferrer"
-                    class="flex h-full w-full items-center justify-start space-x-2 text-start"
-                  >
-                    <BadgeHelpIcon size={20} />
-                    <p class="text-sm dark:text-white">{$t('org_navigation.help')}</p>
+                  <a href="mailto:{SUPPORT_EMAIL}" class="flex w-full items-center gap-2">
+                    <BadgeHelpIcon size={16} />
+                    <p class="text-sm">{$t('profileMenu.need_help')}</p>
                   </a>
                 </DropdownMenu.Item>
               </div>