@burdenoff/microfe-buildmyiq 2026.731.2 → 2026.731.3

package/dist/buildmyiq/components/OfflineLessonControl.d.ts

@@ -0,0 +1,28 @@
+import { BuiLesson } from '../types';
+
+interface OfflineLessonInput {
+    id: string;
+    courseId: string;
+    title: string;
+    type: string;
+    content: string | null;
+    mediaUrl?: string | null;
+}
+interface BuildmyiqOfflineLessonsBridge {
+    cache(lesson: OfflineLessonInput): Promise<boolean>;
+    isCached(lessonId: string): Promise<boolean>;
+    remove(lessonId: string): Promise<boolean>;
+}
+declare global {
+    interface Window {
+        __buildmyiqNative?: {
+            offlineLessons: BuildmyiqOfflineLessonsBridge;
+        };
+    }
+}
+interface OfflineLessonControlProps {
+    lesson: BuiLesson;
+}
+export declare function OfflineLessonControl({ lesson }: OfflineLessonControlProps): import("react").JSX.Element | null;
+export {};
+//# sourceMappingURL=OfflineLessonControl.d.ts.map

package/dist/buildmyiq/components/OfflineLessonControl.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"OfflineLessonControl.d.ts","sourceRoot":"","sources":["../../../src/buildmyiq/components/OfflineLessonControl.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAMH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAE1C,UAAU,kBAAkB;IAC1B,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAC1B;AAED,UAAU,6BAA6B;IACrC,KAAK,CAAC,MAAM,EAAE,kBAAkB,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC;IACpD,QAAQ,CAAC,QAAQ,EAAE,MAAM,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC;IAC7C,MAAM,CAAC,QAAQ,EAAE,MAAM,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC;CAC5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,MAAM;QACd,iBAAiB,CAAC,EAAE;YAClB,cAAc,EAAE,6BAA6B,CAAC;SAC/C,CAAC;KACH;CACF;AASD,UAAU,yBAAyB;IACjC,MAAM,EAAE,SAAS,CAAC;CACnB;AAED,wBAAgB,oBAAoB,CAAC,EAAE,MAAM,EAAE,EAAE,yBAAyB,sCAgHzE"}

package/dist/buildmyiq/components/OfflineLessonControl.js

@@ -0,0 +1,100 @@
+import { useEcoFile as e } from "../hooks/useBuiFiles.js";
+import "../hooks/index.js";
+import { useEffect as t, useState as n } from "react";
+import { CloudDownload as r, CloudOff as i, HardDriveDownload as a, Loader2 as o, Trash2 as s } from "lucide-react";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+import { Button as u } from "@burdenoff/fe-libs/ui";
+//#region src/buildmyiq/components/OfflineLessonControl.tsx
+function d() {
+	if (!(typeof window > "u")) return window.__buildmyiqNative?.offlineLessons;
+}
+function f({ lesson: f }) {
+	let [p, m] = n(() => d() ? "checking" : "unavailable"), h = e(f.media?.id);
+	if (t(() => {
+		let e = d();
+		if (!e) return;
+		let t = !1;
+		return e.isCached(f.id).then((e) => {
+			t || m(e ? "cached" : "idle");
+		}).catch(() => {
+			t || m("idle");
+		}), () => {
+			t = !0;
+		};
+	}, [f.id]), p === "unavailable" || p === "checking") return null;
+	let g = async () => {
+		let e = d();
+		if (!e) {
+			m("unavailable");
+			return;
+		}
+		m("downloading");
+		try {
+			m(await e.cache({
+				id: f.id,
+				courseId: f.courseId,
+				title: f.title,
+				type: f.type,
+				content: f.content ?? null,
+				mediaUrl: h.data?.downloadUrl ?? null
+			}) ? "cached" : "error");
+		} catch {
+			m("error");
+		}
+	}, _ = async () => {
+		let e = d();
+		if (!e) {
+			m("unavailable");
+			return;
+		}
+		m("removing");
+		try {
+			m(await e.remove(f.id) ? "idle" : "error");
+		} catch {
+			m("error");
+		}
+	};
+	return p === "cached" ? /* @__PURE__ */ l("div", {
+		className: "inline-flex items-center gap-1.5",
+		children: [/* @__PURE__ */ l("span", {
+			className: "inline-flex items-center gap-1.5 rounded-full bg-[var(--color-accent-soft)] px-2.5 py-1 text-xs font-medium text-text-primary",
+			children: [/* @__PURE__ */ c(a, { className: "h-3.5 w-3.5 text-[var(--color-accent-teal)]" }), "Available offline"]
+		}), /* @__PURE__ */ c(u, {
+			type: "button",
+			variant: "ghost",
+			size: "icon-sm",
+			onClick: () => void _(),
+			"aria-label": "Remove offline copy of this lesson",
+			title: "Remove offline copy",
+			children: /* @__PURE__ */ c(s, { className: "h-3.5 w-3.5" })
+		})]
+	}) : p === "downloading" || p === "removing" ? /* @__PURE__ */ l(u, {
+		type: "button",
+		variant: "outline",
+		size: "sm",
+		disabled: !0,
+		children: [/* @__PURE__ */ c(o, { className: "mr-1.5 h-3.5 w-3.5 animate-spin" }), p === "downloading" ? "Downloading…" : "Removing…"]
+	}) : p === "error" ? /* @__PURE__ */ l("div", {
+		className: "inline-flex items-center gap-1.5",
+		children: [/* @__PURE__ */ l("span", {
+			className: "inline-flex items-center gap-1 text-xs text-status-error-text",
+			children: [/* @__PURE__ */ c(i, { className: "h-3.5 w-3.5" }), " Could not save offline"]
+		}), /* @__PURE__ */ l(u, {
+			type: "button",
+			variant: "outline",
+			size: "sm",
+			onClick: () => void g(),
+			children: [/* @__PURE__ */ c(r, { className: "mr-1.5 h-3.5 w-3.5" }), " Retry"]
+		})]
+	}) : /* @__PURE__ */ l(u, {
+		type: "button",
+		variant: "outline",
+		size: "sm",
+		onClick: () => void g(),
+		children: [/* @__PURE__ */ c(r, { className: "mr-1.5 h-3.5 w-3.5" }), " Download for offline"]
+	});
+}
+//#endregion
+export { f as OfflineLessonControl };
+
+//# sourceMappingURL=OfflineLessonControl.js.map

package/dist/buildmyiq/components/OfflineLessonControl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OfflineLessonControl.js","names":[],"sources":["../../../src/buildmyiq/components/OfflineLessonControl.tsx"],"sourcesContent":["/**\n * OfflineLessonControl — \"Download for offline\" control for the lesson player (BOFF-4421).\n * @module buildmyiq/components/OfflineLessonControl\n *\n * Wires the lesson player to the app shell's offline-lesson cache. The\n * caching logic itself lives in `buildmyiq-app` (`src/lib/native/offline-lessons.ts`,\n * Capacitor Filesystem on native / `localStorage` fallback on web) and is\n * exposed as `window.__buildmyiqNative.offlineLessons` by that repo's\n * `installBuildmyiqNativeBridge()` (`src/lib/native/buildmyiq-bridge.ts`).\n *\n * This MFE never imports from `buildmyiq-app` directly — no MFE-to-shell npm\n * dependency, matching this monorepo's build-time MFE composition rules — it\n * only ever talks to the plain `window` global the shell installs. If that\n * bridge isn't present (e.g. this component somehow rendered outside the\n * buildmyiq app shell), the control quietly renders nothing: offline caching\n * is a UX nicety, never a hard dependency of the lesson player.\n */\n\nimport { useEffect, useState } from 'react';\nimport { CloudDownload, CloudOff, HardDriveDownload, Loader2, Trash2 } from 'lucide-react';\nimport { Button } from '@burdenoff/fe-libs/ui';\nimport { useEcoFile } from '../hooks';\nimport type { BuiLesson } from '../types';\n\ninterface OfflineLessonInput {\n  id: string;\n  courseId: string;\n  title: string;\n  type: string;\n  content: string | null;\n  mediaUrl?: string | null;\n}\n\ninterface BuildmyiqOfflineLessonsBridge {\n  cache(lesson: OfflineLessonInput): Promise<boolean>;\n  isCached(lessonId: string): Promise<boolean>;\n  remove(lessonId: string): Promise<boolean>;\n}\n\ndeclare global {\n  interface Window {\n    __buildmyiqNative?: {\n      offlineLessons: BuildmyiqOfflineLessonsBridge;\n    };\n  }\n}\n\nfunction getBridge(): BuildmyiqOfflineLessonsBridge | undefined {\n  if (typeof window === 'undefined') return undefined;\n  return window.__buildmyiqNative?.offlineLessons;\n}\n\ntype Status = 'checking' | 'unavailable' | 'idle' | 'downloading' | 'cached' | 'removing' | 'error';\n\ninterface OfflineLessonControlProps {\n  lesson: BuiLesson;\n}\n\nexport function OfflineLessonControl({ lesson }: OfflineLessonControlProps) {\n  // Lazy initializer keeps the \"no bridge installed\" branch out of the\n  // effect body (only promise-callback setState calls happen there).\n  const [status, setStatus] = useState<Status>(() => (getBridge() ? 'checking' : 'unavailable'));\n  // Reuses the same React Query cache entry `FileLink` populates for this\n  // lesson's `media` (same queryKey) — no extra network round trip.\n  const mediaFile = useEcoFile(lesson.media?.id);\n\n  useEffect(() => {\n    const bridge = getBridge();\n    if (!bridge) return;\n    let cancelled = false;\n    bridge\n      .isCached(lesson.id)\n      .then((cached) => {\n        if (!cancelled) setStatus(cached ? 'cached' : 'idle');\n      })\n      .catch(() => {\n        if (!cancelled) setStatus('idle');\n      });\n    return () => {\n      cancelled = true;\n    };\n  }, [lesson.id]);\n\n  if (status === 'unavailable' || status === 'checking') return null;\n\n  const handleDownload = async () => {\n    const bridge = getBridge();\n    if (!bridge) {\n      setStatus('unavailable');\n      return;\n    }\n    setStatus('downloading');\n    try {\n      const ok = await bridge.cache({\n        id: lesson.id,\n        courseId: lesson.courseId,\n        title: lesson.title,\n        type: lesson.type,\n        content: lesson.content ?? null,\n        mediaUrl: mediaFile.data?.downloadUrl ?? null,\n      });\n      setStatus(ok ? 'cached' : 'error');\n    } catch {\n      setStatus('error');\n    }\n  };\n\n  const handleRemove = async () => {\n    const bridge = getBridge();\n    if (!bridge) {\n      setStatus('unavailable');\n      return;\n    }\n    setStatus('removing');\n    try {\n      const ok = await bridge.remove(lesson.id);\n      setStatus(ok ? 'idle' : 'error');\n    } catch {\n      setStatus('error');\n    }\n  };\n\n  if (status === 'cached') {\n    return (\n      <div className=\"inline-flex items-center gap-1.5\">\n        <span className=\"inline-flex items-center gap-1.5 rounded-full bg-[var(--color-accent-soft)] px-2.5 py-1 text-xs font-medium text-text-primary\">\n          <HardDriveDownload className=\"h-3.5 w-3.5 text-[var(--color-accent-teal)]\" />\n          Available offline\n        </span>\n        <Button\n          type=\"button\"\n          variant=\"ghost\"\n          size=\"icon-sm\"\n          onClick={() => void handleRemove()}\n          aria-label=\"Remove offline copy of this lesson\"\n          title=\"Remove offline copy\"\n        >\n          <Trash2 className=\"h-3.5 w-3.5\" />\n        </Button>\n      </div>\n    );\n  }\n\n  if (status === 'downloading' || status === 'removing') {\n    return (\n      <Button type=\"button\" variant=\"outline\" size=\"sm\" disabled>\n        <Loader2 className=\"mr-1.5 h-3.5 w-3.5 animate-spin\" />\n        {status === 'downloading' ? 'Downloading…' : 'Removing…'}\n      </Button>\n    );\n  }\n\n  if (status === 'error') {\n    return (\n      <div className=\"inline-flex items-center gap-1.5\">\n        <span className=\"inline-flex items-center gap-1 text-xs text-status-error-text\">\n          <CloudOff className=\"h-3.5 w-3.5\" /> Could not save offline\n        </span>\n        <Button type=\"button\" variant=\"outline\" size=\"sm\" onClick={() => void handleDownload()}>\n          <CloudDownload className=\"mr-1.5 h-3.5 w-3.5\" /> Retry\n        </Button>\n      </div>\n    );\n  }\n\n  return (\n    <Button type=\"button\" variant=\"outline\" size=\"sm\" onClick={() => void handleDownload()}>\n      <CloudDownload className=\"mr-1.5 h-3.5 w-3.5\" /> Download for offline\n    </Button>\n  );\n}\n"],"mappings":";;;;;;;AA+CA,SAAS,IAAuD;CAC1D,aAAO,SAAW,MACtB,OAAO,OAAO,mBAAmB;AACnC;AAQA,SAAgB,EAAqB,EAAE,aAAqC;CAG1E,IAAM,CAAC,GAAQ,KAAa,QAAwB,EAAU,IAAI,aAAa,aAAc,GAGvF,IAAY,EAAW,EAAO,OAAO,EAAE;CAmB7C,IAjBA,QAAgB;EACd,IAAM,IAAS,EAAU;EACzB,IAAI,CAAC,GAAQ;EACb,IAAI,IAAY;EAShB,OARA,EACG,SAAS,EAAO,EAAE,EAClB,MAAM,MAAW;GAChB,AAAK,KAAW,EAAU,IAAS,WAAW,MAAM;EACtD,CAAC,EACA,YAAY;GACX,AAAK,KAAW,EAAU,MAAM;EAClC,CAAC,SACU;GACX,IAAY;EACd;CACF,GAAG,CAAC,EAAO,EAAE,CAAC,GAEV,MAAW,iBAAiB,MAAW,YAAY,OAAO;CAE9D,IAAM,IAAiB,YAAY;EACjC,IAAM,IAAS,EAAU;EACzB,IAAI,CAAC,GAAQ;GACX,EAAU,aAAa;GACvB;EACF;EACA,EAAU,aAAa;EACvB,IAAI;GASF,EAAU,MARO,EAAO,MAAM;IAC5B,IAAI,EAAO;IACX,UAAU,EAAO;IACjB,OAAO,EAAO;IACd,MAAM,EAAO;IACb,SAAS,EAAO,WAAW;IAC3B,UAAU,EAAU,MAAM,eAAe;GAC3C,CAAC,IACc,WAAW,OAAO;EACnC,QAAQ;GACN,EAAU,OAAO;EACnB;CACF,GAEM,IAAe,YAAY;EAC/B,IAAM,IAAS,EAAU;EACzB,IAAI,CAAC,GAAQ;GACX,EAAU,aAAa;GACvB;EACF;EACA,EAAU,UAAU;EACpB,IAAI;GAEF,EAAU,MADO,EAAO,OAAO,EAAO,EAAE,IACzB,SAAS,OAAO;EACjC,QAAQ;GACN,EAAU,OAAO;EACnB;CACF;CA6CA,OA3CI,MAAW,WAEX,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,QAAD;GAAM,WAAU;aAAhB,CACE,kBAAC,GAAD,EAAmB,WAAU,8CAA+C,CAAA,GAAC,mBAEzE;MACN,kBAAC,GAAD;GACE,MAAK;GACL,SAAQ;GACR,MAAK;GACL,eAAe,KAAK,EAAa;GACjC,cAAW;GACX,OAAM;aAEN,kBAAC,GAAD,EAAQ,WAAU,cAAe,CAAA;EAC3B,CAAA,CACL;MAIL,MAAW,iBAAiB,MAAW,aAEvC,kBAAC,GAAD;EAAQ,MAAK;EAAS,SAAQ;EAAU,MAAK;EAAK,UAAA;YAAlD,CACE,kBAAC,GAAD,EAAS,WAAU,kCAAmC,CAAA,GACrD,MAAW,gBAAgB,iBAAiB,WACvC;MAIR,MAAW,UAEX,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,QAAD;GAAM,WAAU;aAAhB,CACE,kBAAC,GAAD,EAAU,WAAU,cAAe,CAAA,GAAC,yBAChC;MACN,kBAAC,GAAD;GAAQ,MAAK;GAAS,SAAQ;GAAU,MAAK;GAAK,eAAe,KAAK,EAAe;aAArF,CACE,kBAAC,GAAD,EAAe,WAAU,qBAAsB,CAAA,GAAC,QAC1C;IACL;MAKP,kBAAC,GAAD;EAAQ,MAAK;EAAS,SAAQ;EAAU,MAAK;EAAK,eAAe,KAAK,EAAe;YAArF,CACE,kBAAC,GAAD,EAAe,WAAU,qBAAsB,CAAA,GAAC,uBAC1C;;AAEZ"}

package/dist/buildmyiq/components/index.d.ts

@@ -20,4 +20,5 @@ export { BuiDiscussion } from './BuiDiscussion';
 export { TutorPanel } from './TutorPanel';
 export { BuiTags } from './BuiTags';
 export { BuiPermissionButton, type BuiPermissionButtonProps } from './BuiPermissionButton';
+export { OfflineLessonControl } from './OfflineLessonControl';
 //# sourceMappingURL=index.d.ts.map

package/dist/buildmyiq/components/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/buildmyiq/components/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAC/D,OAAO,EAAE,SAAS,EAAE,KAAK,MAAM,EAAE,MAAM,aAAa,CAAC;AACrD,OAAO,EAAE,UAAU,EAAE,KAAK,YAAY,EAAE,MAAM,cAAc,CAAC;AAC7D,OAAO,EAAE,IAAI,EAAE,KAAK,OAAO,EAAE,MAAM,QAAQ,CAAC;AAC5C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAChD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,mBAAmB,EAAE,KAAK,wBAAwB,EAAE,MAAM,uBAAuB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/buildmyiq/components/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAC/D,OAAO,EAAE,SAAS,EAAE,KAAK,MAAM,EAAE,MAAM,aAAa,CAAC;AACrD,OAAO,EAAE,UAAU,EAAE,KAAK,YAAY,EAAE,MAAM,cAAc,CAAC;AAC7D,OAAO,EAAE,IAAI,EAAE,KAAK,OAAO,EAAE,MAAM,QAAQ,CAAC;AAC5C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAChD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,mBAAmB,EAAE,KAAK,wBAAwB,EAAE,MAAM,uBAAuB,CAAC;AAC3F,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC"}

package/dist/buildmyiq/components/index.js

@@ -16,3 +16,4 @@ import "./BuiDiscussion.js";
 import "./TutorPanel.js";
 import "./BuiTags.js";
 import "./BuiPermissionButton.js";
+import "./OfflineLessonControl.js";

package/dist/buildmyiq/pages/learning/LessonPlayerPage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LessonPlayerPage.d.ts","sourceRoot":"","sources":["../../../../src/buildmyiq/pages/learning/LessonPlayerPage.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAEH,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AA8DhC,eAAO,MAAM,gBAAgB,EAAE,EAmd9B,CAAC"}
+{"version":3,"file":"LessonPlayerPage.d.ts","sourceRoot":"","sources":["../../../../src/buildmyiq/pages/learning/LessonPlayerPage.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAEH,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AA+DhC,eAAO,MAAM,gBAAgB,EAAE,EAod9B,CAAC"}

package/dist/buildmyiq/pages/learning/LessonPlayerPage.js

@@ -8,208 +8,209 @@ import { EmptyState as o } from "../../components/EmptyState.js";
 import { ErrorView as s, LoadingView as c } from "../../components/StateViews.js";
 import { MiniBar as l } from "../../components/MiniBar.js";
 import { ProgressRing as ee } from "../../components/Viz.js";
-import { useBuiCourse as te, useBuiEnrollment as ne, useBuiRecordLessonProgress as re, useBuiTransitionEnrollment as u } from "../../hooks/useBuildmyiqApi.js";
+import { useBuiCourse as te, useBuiEnrollment as u, useBuiRecordLessonProgress as d, useBuiTransitionEnrollment as f } from "../../hooks/useBuildmyiqApi.js";
 import "../../hooks/index.js";
-import { FileLink as ie } from "../../components/FileLink.js";
-import { TutorPanel as ae } from "../../components/TutorPanel.js";
+import { FileLink as p } from "../../components/FileLink.js";
+import { TutorPanel as ne } from "../../components/TutorPanel.js";
+import { OfflineLessonControl as re } from "../../components/OfflineLessonControl.js";
 import "../../components/index.js";
-import { useEffect as oe, useMemo as d, useRef as f, useState as p } from "react";
-import { ArrowLeft as se, BookOpen as ce, Check as le, CheckCircle2 as m, ChevronLeft as ue, ChevronRight as de, FileText as h, HelpCircle as g, ListChecks as _, Loader2 as v, MousePointerClick as y, PenLine as b, PlayCircle as x, Radio as S, Trophy as C } from "lucide-react";
-import { useParams as w } from "react-router-dom";
-import { Fragment as fe, jsx as T, jsxs as E } from "react/jsx-runtime";
-import { Button as D, GlassCard as O } from "@burdenoff/fe-libs/ui";
+import { useEffect as ie, useMemo as m, useRef as ae, useState as h } from "react";
+import { ArrowLeft as oe, BookOpen as se, Check as g, CheckCircle2 as _, ChevronLeft as ce, ChevronRight as le, FileText as v, HelpCircle as y, ListChecks as ue, Loader2 as b, MousePointerClick as x, PenLine as S, PlayCircle as C, Radio as w, Trophy as de } from "lucide-react";
+import { useParams as fe } from "react-router-dom";
+import { Fragment as T, jsx as E, jsxs as D } from "react/jsx-runtime";
+import { Button as O, GlassCard as k } from "@burdenoff/fe-libs/ui";
 //#region src/buildmyiq/pages/learning/LessonPlayerPage.tsx
-var k = {
-	ARTICLE: h,
-	VIDEO: x,
-	QUIZ: g,
-	ASSIGNMENT: b,
-	INTERACTIVE: y,
-	LIVE_SESSION: S
-}, A = (e) => [...e].sort((e, t) => e.position - t.position), j = () => {
-	let { enrollmentId: g } = w(), { navigateTo: y } = e(), b = ne(g), x = b.data ?? null, S = x?.courseId, j = te(S), M = j.data ?? null, N = re(), P = u(), F = N.mutate, I = f(/* @__PURE__ */ new Set()), [L, R] = p(null), [z, B] = p(!1), V = d(() => {
-		if (!M) return [];
-		let e = /* @__PURE__ */ new Set(), t = A(M.modules ?? []), n = [];
+var A = {
+	ARTICLE: v,
+	VIDEO: C,
+	QUIZ: y,
+	ASSIGNMENT: S,
+	INTERACTIVE: x,
+	LIVE_SESSION: w
+}, j = (e) => [...e].sort((e, t) => e.position - t.position), M = () => {
+	let { enrollmentId: y } = fe(), { navigateTo: x } = e(), S = u(y), C = S.data ?? null, w = C?.courseId, M = te(w), N = M.data ?? null, P = d(), F = f(), I = P.mutate, L = ae(/* @__PURE__ */ new Set()), [R, z] = h(null), [B, V] = h(!1), H = m(() => {
+		if (!N) return [];
+		let e = /* @__PURE__ */ new Set(), t = j(N.modules ?? []), n = [];
 		for (let r of t) {
-			let t = A(r.lessons ?? []).filter((t) => e.has(t.id) ? !1 : (e.add(t.id), !0));
+			let t = j(r.lessons ?? []).filter((t) => e.has(t.id) ? !1 : (e.add(t.id), !0));
 			t.length > 0 && n.push({
 				id: r.id,
 				title: r.title,
 				lessons: t
 			});
 		}
-		let r = A(M.lessons ?? []).filter((t) => e.has(t.id) ? !1 : (e.add(t.id), !0));
+		let r = j(N.lessons ?? []).filter((t) => e.has(t.id) ? !1 : (e.add(t.id), !0));
 		return r.length > 0 && n.push({
 			id: "__standalone",
 			title: "Lessons",
 			lessons: r
 		}), n;
-	}, [M]), H = d(() => V.flatMap((e) => e.lessons), [V]), U = d(() => {
+	}, [N]), U = m(() => H.flatMap((e) => e.lessons), [H]), W = m(() => {
 		let e = /* @__PURE__ */ new Map();
-		for (let t of x?.lessonProgress ?? []) e.set(t.lessonId, t.status);
+		for (let t of C?.lessonProgress ?? []) e.set(t.lessonId, t.status);
 		return e;
-	}, [x]), W = d(() => H.length === 0 ? null : L && H.some((e) => e.id === L) ? L : H[0].id, [H, L]);
-	oe(() => {
-		if (!g || !W) return;
-		let e = U.get(W);
-		e === "COMPLETED" || e === "IN_PROGRESS" || I.current.has(W) || (I.current.add(W), F({
-			enrollmentId: g,
-			lessonId: W,
+	}, [C]), G = m(() => U.length === 0 ? null : R && U.some((e) => e.id === R) ? R : U[0].id, [U, R]);
+	ie(() => {
+		if (!y || !G) return;
+		let e = W.get(G);
+		e === "COMPLETED" || e === "IN_PROGRESS" || L.current.has(G) || (L.current.add(G), I({
+			enrollmentId: y,
+			lessonId: G,
 			status: "IN_PROGRESS"
 		}));
 	}, [
-		g,
+		y,
+		G,
 		W,
-		U,
-		F
+		I
 	]);
-	let G = H.findIndex((e) => e.id === W), K = G >= 0 ? H[G] : null, q = (K ? U.get(K.id) : void 0) === "COMPLETED", J = H.filter((e) => U.get(e.id) === "COMPLETED").length, Y = H.length > 0 && J === H.length, pe = x?.status === "COMPLETED", X = (e) => {
-		R(e), B(!1);
+	let K = U.findIndex((e) => e.id === G), q = K >= 0 ? U[K] : null, J = (q ? W.get(q.id) : void 0) === "COMPLETED", Y = U.filter((e) => W.get(e.id) === "COMPLETED").length, pe = U.length > 0 && Y === U.length, me = C?.status === "COMPLETED", X = (e) => {
+		z(e), V(!1);
 	}, Z = (e) => {
-		if (G < 0) return;
-		let t = H[G + e];
+		if (K < 0) return;
+		let t = U[K + e];
 		t && X(t.id);
-	}, me = async () => {
-		if (!g || !K) return;
-		await N.mutateAsync({
-			enrollmentId: g,
-			lessonId: K.id,
+	}, he = async () => {
+		if (!y || !q) return;
+		await P.mutateAsync({
+			enrollmentId: y,
+			lessonId: q.id,
 			status: "COMPLETED"
 		});
-		let e = H[G + 1];
-		e && R(e.id);
-	}, he = async () => {
-		g && await P.mutateAsync({
-			id: g,
+		let e = U[K + 1];
+		e && z(e.id);
+	}, ge = async () => {
+		y && await F.mutateAsync({
+			id: y,
 			status: "COMPLETED"
 		});
 	};
-	if (!g) return /* @__PURE__ */ T(n, {
+	if (!y) return /* @__PURE__ */ E(n, {
 		title: "Lesson",
-		children: /* @__PURE__ */ T(o, {
+		children: /* @__PURE__ */ E(o, {
 			illustration: "empty-data",
 			title: "No enrollment selected",
 			description: "Open a course from My Learning to start the lesson player.",
-			action: /* @__PURE__ */ T(D, {
-				onClick: () => y("learning"),
+			action: /* @__PURE__ */ E(O, {
+				onClick: () => x("learning"),
 				children: "Back to My Learning"
 			})
 		})
 	});
-	let ge = b.isLoading || !!S && j.isLoading, Q = /* @__PURE__ */ E(D, {
+	let _e = S.isLoading || !!w && M.isLoading, Q = /* @__PURE__ */ D(O, {
 		variant: "ghost",
 		size: "sm",
-		onClick: () => y("learning"),
-		children: [/* @__PURE__ */ T(se, { className: "mr-1 h-4 w-4" }), " My Learning"]
+		onClick: () => x("learning"),
+		children: [/* @__PURE__ */ E(oe, { className: "mr-1 h-4 w-4" }), " My Learning"]
 	});
-	if (ge) return /* @__PURE__ */ T(n, {
+	if (_e) return /* @__PURE__ */ E(n, {
 		title: "Lesson",
 		actions: Q,
-		children: /* @__PURE__ */ T(c, { label: "Loading your lesson…" })
+		children: /* @__PURE__ */ E(c, { label: "Loading your lesson…" })
 	});
-	if (b.isError) return /* @__PURE__ */ T(n, {
+	if (S.isError) return /* @__PURE__ */ E(n, {
 		title: "Lesson",
 		actions: Q,
-		children: /* @__PURE__ */ T(s, {
+		children: /* @__PURE__ */ E(s, {
 			title: "Couldn't load this enrollment",
-			message: b.error instanceof Error ? b.error.message : void 0,
-			onRetry: () => b.refetch()
+			message: S.error instanceof Error ? S.error.message : void 0,
+			onRetry: () => S.refetch()
 		})
 	});
-	if (!x) return /* @__PURE__ */ T(n, {
+	if (!C) return /* @__PURE__ */ E(n, {
 		title: "Lesson",
 		actions: Q,
-		children: /* @__PURE__ */ T(o, {
+		children: /* @__PURE__ */ E(o, {
 			illustration: "empty-data",
 			title: "Enrollment not found",
 			description: "This enrollment may have been removed or is not available to you.",
-			action: /* @__PURE__ */ T(D, {
-				onClick: () => y("learning"),
+			action: /* @__PURE__ */ E(O, {
+				onClick: () => x("learning"),
 				children: "Back to My Learning"
 			})
 		})
 	});
-	if (j.isError) return /* @__PURE__ */ T(n, {
+	if (M.isError) return /* @__PURE__ */ E(n, {
 		title: "Lesson",
 		actions: Q,
-		children: /* @__PURE__ */ T(s, {
+		children: /* @__PURE__ */ E(s, {
 			title: "Couldn't load the course",
-			message: j.error instanceof Error ? j.error.message : void 0,
-			onRetry: () => j.refetch()
+			message: M.error instanceof Error ? M.error.message : void 0,
+			onRetry: () => M.refetch()
 		})
 	});
-	let $ = Math.round(x.progressPct ?? 0), _e = K ? k[K.type] : h;
-	return /* @__PURE__ */ T(n, {
-		title: M?.title ?? "Lesson",
+	let $ = Math.round(C.progressPct ?? 0), ve = q ? A[q.type] : v;
+	return /* @__PURE__ */ E(n, {
+		title: N?.title ?? "Lesson",
 		actions: Q,
-		children: /* @__PURE__ */ E("div", {
+		children: /* @__PURE__ */ D("div", {
 			className: "flex flex-col gap-5",
 			children: [
-				/* @__PURE__ */ E(O, {
+				/* @__PURE__ */ D(k, {
 					treatment: "glass",
 					glow: $ > 0,
 					className: "flex flex-col gap-4 p-4 sm:flex-row sm:items-center sm:gap-5",
 					children: [
-						/* @__PURE__ */ T(ee, {
+						/* @__PURE__ */ E(ee, {
 							value: $,
 							size: 64,
 							className: "shrink-0"
 						}),
-						/* @__PURE__ */ E("div", {
+						/* @__PURE__ */ D("div", {
 							className: "min-w-0 flex-1",
-							children: [/* @__PURE__ */ E("div", {
+							children: [/* @__PURE__ */ D("div", {
 								className: "flex flex-wrap items-center gap-2",
-								children: [/* @__PURE__ */ T(a, { status: x.status }), /* @__PURE__ */ E("span", {
+								children: [/* @__PURE__ */ E(a, { status: C.status }), /* @__PURE__ */ D("span", {
 									className: "text-sm text-text-secondary tabular-nums",
 									children: [
-										J,
+										Y,
 										" of ",
-										H.length,
+										U.length,
 										" lessons complete"
 									]
 								})]
-							}), /* @__PURE__ */ T(l, {
+							}), /* @__PURE__ */ E(l, {
 								value: $,
 								className: "mt-3"
 							})]
 						}),
-						Y && !pe && /* @__PURE__ */ E(D, {
+						pe && !me && /* @__PURE__ */ D(O, {
 							className: "shrink-0 max-sm:w-full",
-							onClick: he,
-							disabled: P.isPending,
-							children: [P.isPending ? /* @__PURE__ */ T(v, { className: "mr-1 h-4 w-4 animate-spin" }) : /* @__PURE__ */ T(C, { className: "mr-1 h-4 w-4" }), "Finish course"]
+							onClick: ge,
+							disabled: F.isPending,
+							children: [F.isPending ? /* @__PURE__ */ E(b, { className: "mr-1 h-4 w-4 animate-spin" }) : /* @__PURE__ */ E(de, { className: "mr-1 h-4 w-4" }), "Finish course"]
 						})
 					]
 				}),
-				/* @__PURE__ */ E(D, {
+				/* @__PURE__ */ D(O, {
 					variant: "secondary",
 					size: "sm",
 					className: "w-full lg:hidden",
-					onClick: () => B((e) => !e),
-					children: [/* @__PURE__ */ T(_, { className: "mr-1 h-4 w-4" }), z ? "Hide lessons" : `Lessons (${J}/${H.length})`]
+					onClick: () => V((e) => !e),
+					children: [/* @__PURE__ */ E(ue, { className: "mr-1 h-4 w-4" }), B ? "Hide lessons" : `Lessons (${Y}/${U.length})`]
 				}),
-				/* @__PURE__ */ E("div", {
+				/* @__PURE__ */ D("div", {
 					className: "flex flex-col gap-5 lg:flex-row",
-					children: [/* @__PURE__ */ T("aside", {
-						className: t("lg:block lg:w-80 lg:shrink-0", z ? "block" : "hidden"),
-						children: /* @__PURE__ */ T(O, {
+					children: [/* @__PURE__ */ E("aside", {
+						className: t("lg:block lg:w-80 lg:shrink-0", B ? "block" : "hidden"),
+						children: /* @__PURE__ */ E(k, {
 							treatment: "plain",
 							className: "overflow-hidden p-0 lg:sticky lg:top-4",
-							children: H.length === 0 ? /* @__PURE__ */ T("div", {
+							children: U.length === 0 ? /* @__PURE__ */ E("div", {
 								className: "p-4 text-sm text-text-secondary",
 								children: "This course has no lessons yet."
-							}) : /* @__PURE__ */ E(fe, { children: [/* @__PURE__ */ T("nav", {
+							}) : /* @__PURE__ */ D(T, { children: [/* @__PURE__ */ E("nav", {
 								className: "max-h-[68vh] overflow-auto p-3",
-								children: V.map((e) => {
-									let n = e.lessons.filter((e) => U.get(e.id) === "COMPLETED").length;
-									return /* @__PURE__ */ E("div", {
+								children: H.map((e) => {
+									let n = e.lessons.filter((e) => W.get(e.id) === "COMPLETED").length;
+									return /* @__PURE__ */ D("div", {
 										className: "mb-4 last:mb-0",
-										children: [/* @__PURE__ */ E("div", {
+										children: [/* @__PURE__ */ D("div", {
 											className: "mb-2 flex items-center justify-between gap-2 px-1",
-											children: [/* @__PURE__ */ T("p", {
+											children: [/* @__PURE__ */ E("p", {
 												className: "min-w-0 truncate text-sm font-semibold text-text-primary",
 												children: e.title
-											}), /* @__PURE__ */ E("span", {
+											}), /* @__PURE__ */ D("span", {
 												className: "shrink-0 text-xs font-medium tabular-nums text-text-secondary",
 												children: [
 													n,
@@ -217,33 +218,33 @@ var k = {
 													e.lessons.length
 												]
 											})]
-										}), /* @__PURE__ */ T("ul", {
+										}), /* @__PURE__ */ E("ul", {
 											className: "flex flex-col",
 											children: e.lessons.map((n, a) => {
-												let o = U.get(n.id) === "COMPLETED", s = n.id === W, c = a === e.lessons.length - 1, l = k[n.type];
-												return /* @__PURE__ */ E("li", {
+												let o = W.get(n.id) === "COMPLETED", s = n.id === G, c = a === e.lessons.length - 1, l = A[n.type];
+												return /* @__PURE__ */ D("li", {
 													className: "flex gap-3",
-													children: [/* @__PURE__ */ E("div", {
+													children: [/* @__PURE__ */ D("div", {
 														className: "flex flex-col items-center pt-1.5",
-														children: [o ? /* @__PURE__ */ T("span", {
+														children: [o ? /* @__PURE__ */ E("span", {
 															className: "flex h-6 w-6 shrink-0 items-center justify-center rounded-full bg-[var(--color-status-success-text)]",
-															children: /* @__PURE__ */ T(le, { className: "h-3.5 w-3.5 text-status-success-bg-subtle" })
-														}) : s ? /* @__PURE__ */ T("span", {
+															children: /* @__PURE__ */ E(g, { className: "h-3.5 w-3.5 text-status-success-bg-subtle" })
+														}) : s ? /* @__PURE__ */ E("span", {
 															className: "flex h-6 w-6 shrink-0 items-center justify-center rounded-full bg-[var(--color-accent-soft)] ring-2 ring-[var(--color-accent-teal)]",
-															children: /* @__PURE__ */ T(l, { className: "h-3.5 w-3.5 text-[var(--color-accent-teal)]" })
-														}) : /* @__PURE__ */ T("span", {
+															children: /* @__PURE__ */ E(l, { className: "h-3.5 w-3.5 text-[var(--color-accent-teal)]" })
+														}) : /* @__PURE__ */ E("span", {
 															className: "flex h-6 w-6 shrink-0 items-center justify-center rounded-full border border-border-seam bg-bg-sunken",
-															children: /* @__PURE__ */ T(l, { className: "h-3.5 w-3.5 text-text-secondary opacity-70" })
-														}), !c && /* @__PURE__ */ T("span", { className: t("my-1 w-px flex-1", o ? "bg-[color-mix(in_srgb,var(--color-status-success-text)_45%,transparent)]" : "bg-border-seam") })]
-													}), /* @__PURE__ */ E("button", {
+															children: /* @__PURE__ */ E(l, { className: "h-3.5 w-3.5 text-text-secondary opacity-70" })
+														}), !c && /* @__PURE__ */ E("span", { className: t("my-1 w-px flex-1", o ? "bg-[color-mix(in_srgb,var(--color-status-success-text)_45%,transparent)]" : "bg-border-seam") })]
+													}), /* @__PURE__ */ D("button", {
 														type: "button",
 														onClick: () => X(n.id),
 														className: t("mb-1 min-w-0 flex-1 rounded-lg px-3 py-2 text-left transition-colors", s ? "bg-[var(--color-accent-soft)]" : "hover:bg-bg-sunken"),
 														"aria-current": s ? "true" : void 0,
-														children: [/* @__PURE__ */ T("span", {
+														children: [/* @__PURE__ */ E("span", {
 															className: t("block truncate text-sm", s ? "font-medium text-text-primary" : o ? "text-text-secondary" : "text-text-primary"),
 															children: n.title
-														}), /* @__PURE__ */ E("span", {
+														}), /* @__PURE__ */ D("span", {
 															className: "mt-0.5 block truncate text-xs text-text-secondary",
 															children: [i(n.type), n.durationMin > 0 ? ` · ${r(n.durationMin)}` : ""]
 														})]
@@ -253,113 +254,114 @@ var k = {
 										})]
 									}, e.id);
 								})
-							}), S && /* @__PURE__ */ T("div", {
+							}), w && /* @__PURE__ */ E("div", {
 								className: "border-t border-border-seam p-3",
-								children: /* @__PURE__ */ E(D, {
+								children: /* @__PURE__ */ D(O, {
 									variant: "outline",
 									size: "sm",
 									className: "w-full",
-									onClick: () => y(`catalog/${S}`),
-									children: [/* @__PURE__ */ T(ce, { className: "mr-1.5 h-4 w-4" }), " Course overview"]
+									onClick: () => x(`catalog/${w}`),
+									children: [/* @__PURE__ */ E(se, { className: "mr-1.5 h-4 w-4" }), " Course overview"]
 								})
 							})] })
 						})
-					}), /* @__PURE__ */ E("main", {
+					}), /* @__PURE__ */ D("main", {
 						className: "min-w-0 flex-1",
-						children: [K ? /* @__PURE__ */ E(O, {
+						children: [q ? /* @__PURE__ */ D(k, {
 							treatment: "plain",
 							className: "flex flex-col gap-4 p-5 sm:p-7",
 							children: [
-								/* @__PURE__ */ E("div", {
+								/* @__PURE__ */ D("div", {
 									className: "flex flex-wrap items-center gap-2",
 									children: [
-										/* @__PURE__ */ E("span", {
+										/* @__PURE__ */ D("span", {
 											className: "inline-flex items-center gap-1.5 rounded-full bg-[var(--color-accent-soft)] px-2.5 py-1 text-xs font-medium text-text-primary",
-											children: [/* @__PURE__ */ T(_e, { className: "h-3.5 w-3.5 text-[var(--color-accent-teal)]" }), i(K.type)]
+											children: [/* @__PURE__ */ E(ve, { className: "h-3.5 w-3.5 text-[var(--color-accent-teal)]" }), i(q.type)]
 										}),
-										K.durationMin > 0 && /* @__PURE__ */ T("span", {
+										q.durationMin > 0 && /* @__PURE__ */ E("span", {
 											className: "text-xs text-text-secondary",
-											children: r(K.durationMin)
+											children: r(q.durationMin)
 										}),
-										q && /* @__PURE__ */ E("span", {
+										J && /* @__PURE__ */ D("span", {
 											className: "inline-flex items-center gap-1 text-xs font-medium text-status-success-text",
-											children: [/* @__PURE__ */ T(m, { className: "h-3.5 w-3.5" }), " Completed"]
+											children: [/* @__PURE__ */ E(_, { className: "h-3.5 w-3.5" }), " Completed"]
 										}),
-										/* @__PURE__ */ E("span", {
+										/* @__PURE__ */ E(re, { lesson: q }, q.id),
+										/* @__PURE__ */ D("span", {
 											className: "ml-auto text-xs tabular-nums text-text-secondary",
 											children: [
 												"Lesson ",
-												G + 1,
+												K + 1,
 												" of ",
-												H.length
+												U.length
 											]
 										})
 									]
 								}),
-								/* @__PURE__ */ T("h2", {
+								/* @__PURE__ */ E("h2", {
 									className: "text-2xl font-semibold tracking-tight text-text-primary",
-									children: K.title
+									children: q.title
 								}),
-								K.media ? /* @__PURE__ */ E("div", {
+								q.media ? /* @__PURE__ */ D("div", {
 									className: "rounded-xl border border-border-seam bg-bg-sunken p-3",
-									children: [/* @__PURE__ */ T("p", {
+									children: [/* @__PURE__ */ E("p", {
 										className: "mb-2 text-xs font-semibold uppercase tracking-wide text-text-secondary",
 										children: "Resources"
-									}), /* @__PURE__ */ T(ie, { fileId: K.media.id })]
+									}), /* @__PURE__ */ E(p, { fileId: q.media.id })]
 								}) : null,
-								K.content ? /* @__PURE__ */ T("p", {
+								q.content ? /* @__PURE__ */ E("p", {
 									className: "max-w-prose whitespace-pre-wrap text-[15px] leading-7 text-text-primary",
-									children: K.content
-								}) : /* @__PURE__ */ E("p", {
+									children: q.content
+								}) : /* @__PURE__ */ D("p", {
 									className: "text-sm text-text-secondary",
 									children: [
 										"This lesson has no written content",
-										K.media ? " beyond the attached media" : "",
+										q.media ? " beyond the attached media" : "",
 										"."
 									]
 								}),
-								/* @__PURE__ */ E("div", {
+								/* @__PURE__ */ D("div", {
 									className: "mt-2 flex flex-col gap-3 border-t border-border-seam pt-5 sm:flex-row sm:items-center sm:justify-between",
 									children: [
-										/* @__PURE__ */ E(D, {
+										/* @__PURE__ */ D(O, {
 											variant: "outline",
 											size: "sm",
 											className: "max-sm:w-full",
 											onClick: () => Z(-1),
-											disabled: G <= 0,
-											children: [/* @__PURE__ */ T(ue, { className: "mr-1 h-4 w-4" }), " Previous"]
+											disabled: K <= 0,
+											children: [/* @__PURE__ */ E(ce, { className: "mr-1 h-4 w-4" }), " Previous"]
 										}),
-										q ? /* @__PURE__ */ E("span", {
+										J ? /* @__PURE__ */ D("span", {
 											className: "inline-flex items-center justify-center gap-2 rounded-lg bg-status-success-bg-subtle px-4 py-2 text-sm font-medium text-status-success-text max-sm:w-full",
-											children: [/* @__PURE__ */ T(m, { className: "h-4 w-4" }), " Lesson complete"]
-										}) : /* @__PURE__ */ E(D, {
+											children: [/* @__PURE__ */ E(_, { className: "h-4 w-4" }), " Lesson complete"]
+										}) : /* @__PURE__ */ D(O, {
 											size: "lg",
 											className: "max-sm:w-full",
-											onClick: me,
-											disabled: N.isPending,
-											children: [N.isPending ? /* @__PURE__ */ T(v, { className: "mr-1.5 h-4 w-4 animate-spin" }) : /* @__PURE__ */ T(m, { className: "mr-1.5 h-4 w-4" }), "Mark complete"]
+											onClick: he,
+											disabled: P.isPending,
+											children: [P.isPending ? /* @__PURE__ */ E(b, { className: "mr-1.5 h-4 w-4 animate-spin" }) : /* @__PURE__ */ E(_, { className: "mr-1.5 h-4 w-4" }), "Mark complete"]
 										}),
-										/* @__PURE__ */ E(D, {
+										/* @__PURE__ */ D(O, {
 											variant: "outline",
 											size: "sm",
 											className: "max-sm:w-full",
 											onClick: () => Z(1),
-											disabled: G >= H.length - 1,
-											children: ["Next ", /* @__PURE__ */ T(de, { className: "ml-1 h-4 w-4" })]
+											disabled: K >= U.length - 1,
+											children: ["Next ", /* @__PURE__ */ E(le, { className: "ml-1 h-4 w-4" })]
 										})
 									]
 								})
 							]
-						}) : /* @__PURE__ */ T(o, {
+						}) : /* @__PURE__ */ E(o, {
 							illustration: "empty-data",
 							title: "No lesson to show",
 							description: "This course doesn't have any lessons yet. Check back once the author adds content."
-						}), K && /* @__PURE__ */ T("div", {
+						}), q && /* @__PURE__ */ E("div", {
 							className: "mt-5",
-							children: /* @__PURE__ */ T(ae, {
-								lessonId: K.id,
-								lessonTitle: K.title
-							}, K.id)
+							children: /* @__PURE__ */ E(ne, {
+								lessonId: q.id,
+								lessonTitle: q.title
+							}, q.id)
 						})]
 					})]
 				})
@@ -368,6 +370,6 @@ var k = {
 	});
 };
 //#endregion
-export { j as LessonPlayerPage };
+export { M as LessonPlayerPage };
 
 //# sourceMappingURL=LessonPlayerPage.js.map

package/dist/buildmyiq/pages/learning/LessonPlayerPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"LessonPlayerPage.js","names":[],"sources":["../../../../src/buildmyiq/pages/learning/LessonPlayerPage.tsx"],"sourcesContent":["/**\n * LessonPlayerPage — the two-pane lesson player for a single enrollment.\n * @module buildmyiq/pages/learning\n *\n * Left pane: the course's module/lesson tree (from `buiCourse`) rendered as a\n * completion timeline driven by the enrollment's `lessonProgress`. Right pane:\n * the selected lesson (title, type, content text rendered safely, and a\n * `FileLink` for any attached media) with Prev / Mark-complete / Next controls.\n * Opening a lesson records IN_PROGRESS once; \"Mark complete\" records COMPLETED;\n * finishing every lesson transitions the enrollment to COMPLETED. All data is\n * live — no fabrication.\n */\n\nimport type { FC } from 'react';\nimport { useEffect, useMemo, useRef, useState } from 'react';\nimport { useParams } from 'react-router-dom';\nimport type { LucideIcon } from 'lucide-react';\nimport {\n  ArrowLeft,\n  BookOpen,\n  Check,\n  CheckCircle2,\n  ChevronLeft,\n  ChevronRight,\n  FileText,\n  HelpCircle,\n  Loader2,\n  ListChecks,\n  MousePointerClick,\n  PenLine,\n  PlayCircle,\n  Radio,\n  Trophy,\n} from 'lucide-react';\nimport { Button, GlassCard } from '@burdenoff/fe-libs/ui';\nimport {\n  PageLayout,\n  StatusBadge,\n  MiniBar,\n  ProgressRing,\n  LoadingView,\n  ErrorView,\n  EmptyState,\n  FileLink,\n  TutorPanel,\n} from '../../components';\nimport { useBuildmyiq } from '../../context';\nimport {\n  useBuiEnrollment,\n  useBuiCourse,\n  useBuiRecordLessonProgress,\n  useBuiTransitionEnrollment,\n} from '../../hooks';\nimport { cn } from '../../utils/cn';\nimport { formatDuration, formatEnumLabel } from '../../utils/formatters';\nimport type { BuiLesson, BuiLessonType, BuiModule, BuiProgressStatus } from '../../types';\n\ninterface LessonGroup {\n  id: string;\n  title: string;\n  lessons: BuiLesson[];\n}\n\nconst LESSON_ICON: Record<BuiLessonType, LucideIcon> = {\n  ARTICLE: FileText,\n  VIDEO: PlayCircle,\n  QUIZ: HelpCircle,\n  ASSIGNMENT: PenLine,\n  INTERACTIVE: MousePointerClick,\n  LIVE_SESSION: Radio,\n};\n\nconst sortByPosition = <T extends { position: number }>(items: T[]): T[] =>\n  [...items].sort((a, b) => a.position - b.position);\n\nexport const LessonPlayerPage: FC = () => {\n  const { enrollmentId } = useParams<{ enrollmentId: string }>();\n  const { navigateTo } = useBuildmyiq();\n\n  const enrollmentQuery = useBuiEnrollment(enrollmentId);\n  const enrollment = enrollmentQuery.data ?? null;\n  const courseId = enrollment?.courseId;\n  const courseQuery = useBuiCourse(courseId);\n  const course = courseQuery.data ?? null;\n\n  const recordProgress = useBuiRecordLessonProgress();\n  const transitionEnrollment = useBuiTransitionEnrollment();\n\n  // react-query's mutate is referentially stable across renders, so it can be\n  // used directly in effects without a render-time ref write.\n  const recordMutate = recordProgress.mutate;\n  const autoRecordedRef = useRef<Set<string>>(new Set());\n\n  const [userSelectedId, setUserSelectedId] = useState<string | null>(null);\n  const [showTree, setShowTree] = useState(false);\n\n  // Grouped tree (modules → lessons) plus any standalone lessons, de-duplicated.\n  const groups = useMemo<LessonGroup[]>(() => {\n    if (!course) return [];\n    const seen = new Set<string>();\n    const modules: BuiModule[] = sortByPosition(course.modules ?? []);\n    const result: LessonGroup[] = [];\n    for (const m of modules) {\n      const lessons = sortByPosition(m.lessons ?? []).filter((l) => {\n        if (seen.has(l.id)) return false;\n        seen.add(l.id);\n        return true;\n      });\n      if (lessons.length > 0) result.push({ id: m.id, title: m.title, lessons });\n    }\n    const standalone = sortByPosition(course.lessons ?? []).filter((l) => {\n      if (seen.has(l.id)) return false;\n      seen.add(l.id);\n      return true;\n    });\n    if (standalone.length > 0) {\n      result.push({ id: '__standalone', title: 'Lessons', lessons: standalone });\n    }\n    return result;\n  }, [course]);\n\n  // Flat, ordered lesson list for prev/next + completion checks.\n  const orderedLessons = useMemo<BuiLesson[]>(() => groups.flatMap((g) => g.lessons), [groups]);\n\n  const progressByLesson = useMemo(() => {\n    const map = new Map<string, BuiProgressStatus>();\n    for (const p of enrollment?.lessonProgress ?? []) map.set(p.lessonId, p.status);\n    return map;\n  }, [enrollment]);\n\n  // Resolve the active lesson as DERIVED state: the user's pick if it still\n  // exists in the course, otherwise the first lesson. Avoids a setState-in-\n  // effect re-anchor loop.\n  const selectedLessonId = useMemo<string | null>(() => {\n    if (orderedLessons.length === 0) return null;\n    if (userSelectedId && orderedLessons.some((l) => l.id === userSelectedId)) {\n      return userSelectedId;\n    }\n    return orderedLessons[0].id;\n  }, [orderedLessons, userSelectedId]);\n\n  // Record IN_PROGRESS once when a not-yet-started lesson is opened.\n  useEffect(() => {\n    if (!enrollmentId || !selectedLessonId) return;\n    const status = progressByLesson.get(selectedLessonId);\n    if (status === 'COMPLETED' || status === 'IN_PROGRESS') return;\n    if (autoRecordedRef.current.has(selectedLessonId)) return;\n    autoRecordedRef.current.add(selectedLessonId);\n    recordMutate({\n      enrollmentId,\n      lessonId: selectedLessonId,\n      status: 'IN_PROGRESS',\n    });\n  }, [enrollmentId, selectedLessonId, progressByLesson, recordMutate]);\n\n  const selectedIndex = orderedLessons.findIndex((l) => l.id === selectedLessonId);\n  const selectedLesson = selectedIndex >= 0 ? orderedLessons[selectedIndex] : null;\n  const selectedStatus = selectedLesson ? progressByLesson.get(selectedLesson.id) : undefined;\n  const isSelectedComplete = selectedStatus === 'COMPLETED';\n\n  const completedCount = orderedLessons.filter(\n    (l) => progressByLesson.get(l.id) === 'COMPLETED'\n  ).length;\n  const allComplete = orderedLessons.length > 0 && completedCount === orderedLessons.length;\n  const alreadyFinished = enrollment?.status === 'COMPLETED';\n\n  const handleSelect = (lessonId: string) => {\n    setUserSelectedId(lessonId);\n    setShowTree(false);\n  };\n\n  const goTo = (offset: number) => {\n    if (selectedIndex < 0) return;\n    const next = orderedLessons[selectedIndex + offset];\n    if (next) handleSelect(next.id);\n  };\n\n  const handleMarkComplete = async () => {\n    if (!enrollmentId || !selectedLesson) return;\n    await recordProgress.mutateAsync({\n      enrollmentId,\n      lessonId: selectedLesson.id,\n      status: 'COMPLETED',\n    });\n    // Advance to the next incomplete lesson for a natural flow.\n    const next = orderedLessons[selectedIndex + 1];\n    if (next) setUserSelectedId(next.id);\n  };\n\n  const handleFinishCourse = async () => {\n    if (!enrollmentId) return;\n    await transitionEnrollment.mutateAsync({ id: enrollmentId, status: 'COMPLETED' });\n  };\n\n  // ---- top-level states ----------------------------------------------------\n  if (!enrollmentId) {\n    return (\n      <PageLayout title=\"Lesson\">\n        <EmptyState\n          illustration=\"empty-data\"\n          title=\"No enrollment selected\"\n          description=\"Open a course from My Learning to start the lesson player.\"\n          action={<Button onClick={() => navigateTo('learning')}>Back to My Learning</Button>}\n        />\n      </PageLayout>\n    );\n  }\n\n  const isLoading = enrollmentQuery.isLoading || (Boolean(courseId) && courseQuery.isLoading);\n\n  const backAction = (\n    <Button variant=\"ghost\" size=\"sm\" onClick={() => navigateTo('learning')}>\n      <ArrowLeft className=\"mr-1 h-4 w-4\" /> My Learning\n    </Button>\n  );\n\n  if (isLoading) {\n    return (\n      <PageLayout title=\"Lesson\" actions={backAction}>\n        <LoadingView label=\"Loading your lesson…\" />\n      </PageLayout>\n    );\n  }\n\n  if (enrollmentQuery.isError) {\n    return (\n      <PageLayout title=\"Lesson\" actions={backAction}>\n        <ErrorView\n          title=\"Couldn't load this enrollment\"\n          message={\n            enrollmentQuery.error instanceof Error ? enrollmentQuery.error.message : undefined\n          }\n          onRetry={() => enrollmentQuery.refetch()}\n        />\n      </PageLayout>\n    );\n  }\n\n  if (!enrollment) {\n    return (\n      <PageLayout title=\"Lesson\" actions={backAction}>\n        <EmptyState\n          illustration=\"empty-data\"\n          title=\"Enrollment not found\"\n          description=\"This enrollment may have been removed or is not available to you.\"\n          action={<Button onClick={() => navigateTo('learning')}>Back to My Learning</Button>}\n        />\n      </PageLayout>\n    );\n  }\n\n  if (courseQuery.isError) {\n    return (\n      <PageLayout title=\"Lesson\" actions={backAction}>\n        <ErrorView\n          title=\"Couldn't load the course\"\n          message={courseQuery.error instanceof Error ? courseQuery.error.message : undefined}\n          onRetry={() => courseQuery.refetch()}\n        />\n      </PageLayout>\n    );\n  }\n\n  const progressPct = Math.round(enrollment.progressPct ?? 0);\n  const SelectedIcon = selectedLesson ? LESSON_ICON[selectedLesson.type] : FileText;\n\n  return (\n    <PageLayout title={course?.title ?? 'Lesson'} actions={backAction}>\n      <div className=\"flex flex-col gap-5\">\n        {/* Header progress — ProgressRing hero + completion bar */}\n        <GlassCard\n          treatment=\"glass\"\n          glow={progressPct > 0}\n          className=\"flex flex-col gap-4 p-4 sm:flex-row sm:items-center sm:gap-5\"\n        >\n          <ProgressRing value={progressPct} size={64} className=\"shrink-0\" />\n          <div className=\"min-w-0 flex-1\">\n            <div className=\"flex flex-wrap items-center gap-2\">\n              <StatusBadge status={enrollment.status} />\n              <span className=\"text-sm text-text-secondary tabular-nums\">\n                {completedCount} of {orderedLessons.length} lessons complete\n              </span>\n            </div>\n            <MiniBar value={progressPct} className=\"mt-3\" />\n          </div>\n          {allComplete && !alreadyFinished && (\n            <Button\n              className=\"shrink-0 max-sm:w-full\"\n              onClick={handleFinishCourse}\n              disabled={transitionEnrollment.isPending}\n            >\n              {transitionEnrollment.isPending ? (\n                <Loader2 className=\"mr-1 h-4 w-4 animate-spin\" />\n              ) : (\n                <Trophy className=\"mr-1 h-4 w-4\" />\n              )}\n              Finish course\n            </Button>\n          )}\n        </GlassCard>\n\n        {/* Mobile tree toggle — collapses the outline into a top sheet */}\n        <Button\n          variant=\"secondary\"\n          size=\"sm\"\n          className=\"w-full lg:hidden\"\n          onClick={() => setShowTree((v) => !v)}\n        >\n          <ListChecks className=\"mr-1 h-4 w-4\" />\n          {showTree ? 'Hide lessons' : `Lessons (${completedCount}/${orderedLessons.length})`}\n        </Button>\n\n        <div className=\"flex flex-col gap-5 lg:flex-row\">\n          {/* Left: module / lesson completion timeline */}\n          <aside className={cn('lg:block lg:w-80 lg:shrink-0', showTree ? 'block' : 'hidden')}>\n            <GlassCard treatment=\"plain\" className=\"overflow-hidden p-0 lg:sticky lg:top-4\">\n              {orderedLessons.length === 0 ? (\n                <div className=\"p-4 text-sm text-text-secondary\">\n                  This course has no lessons yet.\n                </div>\n              ) : (\n                <>\n                  <nav className=\"max-h-[68vh] overflow-auto p-3\">\n                    {groups.map((group) => {\n                      const groupDone = group.lessons.filter(\n                        (l) => progressByLesson.get(l.id) === 'COMPLETED'\n                      ).length;\n                      return (\n                        <div key={group.id} className=\"mb-4 last:mb-0\">\n                          <div className=\"mb-2 flex items-center justify-between gap-2 px-1\">\n                            <p className=\"min-w-0 truncate text-sm font-semibold text-text-primary\">\n                              {group.title}\n                            </p>\n                            <span className=\"shrink-0 text-xs font-medium tabular-nums text-text-secondary\">\n                              {groupDone} / {group.lessons.length}\n                            </span>\n                          </div>\n                          <ul className=\"flex flex-col\">\n                            {group.lessons.map((lesson, i) => {\n                              const status = progressByLesson.get(lesson.id);\n                              const done = status === 'COMPLETED';\n                              const active = lesson.id === selectedLessonId;\n                              const isLast = i === group.lessons.length - 1;\n                              const Icon = LESSON_ICON[lesson.type];\n                              return (\n                                <li key={lesson.id} className=\"flex gap-3\">\n                                  {/* Timeline node + connector */}\n                                  <div className=\"flex flex-col items-center pt-1.5\">\n                                    {done ? (\n                                      <span className=\"flex h-6 w-6 shrink-0 items-center justify-center rounded-full bg-[var(--color-status-success-text)]\">\n                                        <Check className=\"h-3.5 w-3.5 text-status-success-bg-subtle\" />\n                                      </span>\n                                    ) : active ? (\n                                      <span className=\"flex h-6 w-6 shrink-0 items-center justify-center rounded-full bg-[var(--color-accent-soft)] ring-2 ring-[var(--color-accent-teal)]\">\n                                        <Icon className=\"h-3.5 w-3.5 text-[var(--color-accent-teal)]\" />\n                                      </span>\n                                    ) : (\n                                      <span className=\"flex h-6 w-6 shrink-0 items-center justify-center rounded-full border border-border-seam bg-bg-sunken\">\n                                        <Icon className=\"h-3.5 w-3.5 text-text-secondary opacity-70\" />\n                                      </span>\n                                    )}\n                                    {!isLast && (\n                                      <span\n                                        className={cn(\n                                          'my-1 w-px flex-1',\n                                          done\n                                            ? 'bg-[color-mix(in_srgb,var(--color-status-success-text)_45%,transparent)]'\n                                            : 'bg-border-seam'\n                                        )}\n                                      />\n                                    )}\n                                  </div>\n                                  <button\n                                    type=\"button\"\n                                    onClick={() => handleSelect(lesson.id)}\n                                    className={cn(\n                                      'mb-1 min-w-0 flex-1 rounded-lg px-3 py-2 text-left transition-colors',\n                                      active\n                                        ? 'bg-[var(--color-accent-soft)]'\n                                        : 'hover:bg-bg-sunken'\n                                    )}\n                                    aria-current={active ? 'true' : undefined}\n                                  >\n                                    <span\n                                      className={cn(\n                                        'block truncate text-sm',\n                                        active\n                                          ? 'font-medium text-text-primary'\n                                          : done\n                                            ? 'text-text-secondary'\n                                            : 'text-text-primary'\n                                      )}\n                                    >\n                                      {lesson.title}\n                                    </span>\n                                    <span className=\"mt-0.5 block truncate text-xs text-text-secondary\">\n                                      {formatEnumLabel(lesson.type)}\n                                      {lesson.durationMin > 0\n                                        ? ` · ${formatDuration(lesson.durationMin)}`\n                                        : ''}\n                                    </span>\n                                  </button>\n                                </li>\n                              );\n                            })}\n                          </ul>\n                        </div>\n                      );\n                    })}\n                  </nav>\n                  {courseId && (\n                    <div className=\"border-t border-border-seam p-3\">\n                      <Button\n                        variant=\"outline\"\n                        size=\"sm\"\n                        className=\"w-full\"\n                        onClick={() => navigateTo(`catalog/${courseId}`)}\n                      >\n                        <BookOpen className=\"mr-1.5 h-4 w-4\" /> Course overview\n                      </Button>\n                    </div>\n                  )}\n                </>\n              )}\n            </GlassCard>\n          </aside>\n\n          {/* Right: selected lesson */}\n          <main className=\"min-w-0 flex-1\">\n            {!selectedLesson ? (\n              <EmptyState\n                illustration=\"empty-data\"\n                title=\"No lesson to show\"\n                description=\"This course doesn't have any lessons yet. Check back once the author adds content.\"\n              />\n            ) : (\n              <GlassCard treatment=\"plain\" className=\"flex flex-col gap-4 p-5 sm:p-7\">\n                <div className=\"flex flex-wrap items-center gap-2\">\n                  <span className=\"inline-flex items-center gap-1.5 rounded-full bg-[var(--color-accent-soft)] px-2.5 py-1 text-xs font-medium text-text-primary\">\n                    <SelectedIcon className=\"h-3.5 w-3.5 text-[var(--color-accent-teal)]\" />\n                    {formatEnumLabel(selectedLesson.type)}\n                  </span>\n                  {selectedLesson.durationMin > 0 && (\n                    <span className=\"text-xs text-text-secondary\">\n                      {formatDuration(selectedLesson.durationMin)}\n                    </span>\n                  )}\n                  {isSelectedComplete && (\n                    <span className=\"inline-flex items-center gap-1 text-xs font-medium text-status-success-text\">\n                      <CheckCircle2 className=\"h-3.5 w-3.5\" /> Completed\n                    </span>\n                  )}\n                  <span className=\"ml-auto text-xs tabular-nums text-text-secondary\">\n                    Lesson {selectedIndex + 1} of {orderedLessons.length}\n                  </span>\n                </div>\n\n                <h2 className=\"text-2xl font-semibold tracking-tight text-text-primary\">\n                  {selectedLesson.title}\n                </h2>\n\n                {selectedLesson.media ? (\n                  <div className=\"rounded-xl border border-border-seam bg-bg-sunken p-3\">\n                    <p className=\"mb-2 text-xs font-semibold uppercase tracking-wide text-text-secondary\">\n                      Resources\n                    </p>\n                    <FileLink fileId={selectedLesson.media.id} />\n                  </div>\n                ) : null}\n\n                {selectedLesson.content ? (\n                  <p className=\"max-w-prose whitespace-pre-wrap text-[15px] leading-7 text-text-primary\">\n                    {selectedLesson.content}\n                  </p>\n                ) : (\n                  <p className=\"text-sm text-text-secondary\">\n                    This lesson has no written content\n                    {selectedLesson.media ? ' beyond the attached media' : ''}.\n                  </p>\n                )}\n\n                {/* Actions — Prev · Mark complete · Next */}\n                <div className=\"mt-2 flex flex-col gap-3 border-t border-border-seam pt-5 sm:flex-row sm:items-center sm:justify-between\">\n                  <Button\n                    variant=\"outline\"\n                    size=\"sm\"\n                    className=\"max-sm:w-full\"\n                    onClick={() => goTo(-1)}\n                    disabled={selectedIndex <= 0}\n                  >\n                    <ChevronLeft className=\"mr-1 h-4 w-4\" /> Previous\n                  </Button>\n\n                  {isSelectedComplete ? (\n                    <span className=\"inline-flex items-center justify-center gap-2 rounded-lg bg-status-success-bg-subtle px-4 py-2 text-sm font-medium text-status-success-text max-sm:w-full\">\n                      <CheckCircle2 className=\"h-4 w-4\" /> Lesson complete\n                    </span>\n                  ) : (\n                    <Button\n                      size=\"lg\"\n                      className=\"max-sm:w-full\"\n                      onClick={handleMarkComplete}\n                      disabled={recordProgress.isPending}\n                    >\n                      {recordProgress.isPending ? (\n                        <Loader2 className=\"mr-1.5 h-4 w-4 animate-spin\" />\n                      ) : (\n                        <CheckCircle2 className=\"mr-1.5 h-4 w-4\" />\n                      )}\n                      Mark complete\n                    </Button>\n                  )}\n\n                  <Button\n                    variant=\"outline\"\n                    size=\"sm\"\n                    className=\"max-sm:w-full\"\n                    onClick={() => goTo(1)}\n                    disabled={selectedIndex >= orderedLessons.length - 1}\n                  >\n                    Next <ChevronRight className=\"ml-1 h-4 w-4\" />\n                  </Button>\n                </div>\n              </GlassCard>\n            )}\n\n            {selectedLesson && (\n              <div className=\"mt-5\">\n                {/* `key` remounts the panel per lesson so its local\n                    session/draft/error state resets cleanly on switch. */}\n                <TutorPanel\n                  key={selectedLesson.id}\n                  lessonId={selectedLesson.id}\n                  lessonTitle={selectedLesson.title}\n                />\n              </div>\n            )}\n          </main>\n        </div>\n      </div>\n    </PageLayout>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AA+DA,IAAM,IAAiD;CACrD,SAAS;CACT,OAAO;CACP,MAAM;CACN,YAAY;CACZ,aAAa;CACb,cAAc;AAChB,GAEM,KAAkD,MACtD,CAAC,GAAG,CAAK,EAAE,MAAM,GAAG,MAAM,EAAE,WAAW,EAAE,QAAQ,GAEtC,UAA6B;CACxC,IAAM,EAAE,oBAAiB,EAAoC,GACvD,EAAE,kBAAe,EAAa,GAE9B,IAAkB,GAAiB,CAAY,GAC/C,IAAa,EAAgB,QAAQ,MACrC,IAAW,GAAY,UACvB,IAAc,GAAa,CAAQ,GACnC,IAAS,EAAY,QAAQ,MAE7B,IAAiB,GAA2B,GAC5C,IAAuB,EAA2B,GAIlD,IAAe,EAAe,QAC9B,IAAkB,kBAAoB,IAAI,IAAI,CAAC,GAE/C,CAAC,GAAgB,KAAqB,EAAwB,IAAI,GAClE,CAAC,GAAU,KAAe,EAAS,EAAK,GAGxC,IAAS,QAA6B;EAC1C,IAAI,CAAC,GAAQ,OAAO,CAAC;EACrB,IAAM,oBAAO,IAAI,IAAY,GACvB,IAAuB,EAAe,EAAO,WAAW,CAAC,CAAC,GAC1D,IAAwB,CAAC;EAC/B,KAAK,IAAM,KAAK,GAAS;GACvB,IAAM,IAAU,EAAe,EAAE,WAAW,CAAC,CAAC,EAAE,QAAQ,MAClD,EAAK,IAAI,EAAE,EAAE,IAAU,MAC3B,EAAK,IAAI,EAAE,EAAE,GACN,GACR;GACD,AAAI,EAAQ,SAAS,KAAG,EAAO,KAAK;IAAE,IAAI,EAAE;IAAI,OAAO,EAAE;IAAO;GAAQ,CAAC;EAC3E;EACA,IAAM,IAAa,EAAe,EAAO,WAAW,CAAC,CAAC,EAAE,QAAQ,MAC1D,EAAK,IAAI,EAAE,EAAE,IAAU,MAC3B,EAAK,IAAI,EAAE,EAAE,GACN,GACR;EAID,OAHI,EAAW,SAAS,KACtB,EAAO,KAAK;GAAE,IAAI;GAAgB,OAAO;GAAW,SAAS;EAAW,CAAC,GAEpE;CACT,GAAG,CAAC,CAAM,CAAC,GAGL,IAAiB,QAA2B,EAAO,SAAS,MAAM,EAAE,OAAO,GAAG,CAAC,CAAM,CAAC,GAEtF,IAAmB,QAAc;EACrC,IAAM,oBAAM,IAAI,IAA+B;EAC/C,KAAK,IAAM,KAAK,GAAY,kBAAkB,CAAC,GAAG,EAAI,IAAI,EAAE,UAAU,EAAE,MAAM;EAC9E,OAAO;CACT,GAAG,CAAC,CAAU,CAAC,GAKT,IAAmB,QACnB,EAAe,WAAW,IAAU,OACpC,KAAkB,EAAe,MAAM,MAAM,EAAE,OAAO,CAAc,IAC/D,IAEF,EAAe,GAAG,IACxB,CAAC,GAAgB,CAAc,CAAC;CAGnC,SAAgB;EACd,IAAI,CAAC,KAAgB,CAAC,GAAkB;EACxC,IAAM,IAAS,EAAiB,IAAI,CAAgB;EAChD,MAAW,eAAe,MAAW,iBACrC,EAAgB,QAAQ,IAAI,CAAgB,MAChD,EAAgB,QAAQ,IAAI,CAAgB,GAC5C,EAAa;GACX;GACA,UAAU;GACV,QAAQ;EACV,CAAC;CACH,GAAG;EAAC;EAAc;EAAkB;EAAkB;CAAY,CAAC;CAEnE,IAAM,IAAgB,EAAe,WAAW,MAAM,EAAE,OAAO,CAAgB,GACzE,IAAiB,KAAiB,IAAI,EAAe,KAAiB,MAEtE,KADiB,IAAiB,EAAiB,IAAI,EAAe,EAAE,IAAI,KAAA,OACpC,aAExC,IAAiB,EAAe,QACnC,MAAM,EAAiB,IAAI,EAAE,EAAE,MAAM,WACxC,EAAE,QACI,IAAc,EAAe,SAAS,KAAK,MAAmB,EAAe,QAC7E,KAAkB,GAAY,WAAW,aAEzC,KAAgB,MAAqB;EAEzC,AADA,EAAkB,CAAQ,GAC1B,EAAY,EAAK;CACnB,GAEM,KAAQ,MAAmB;EAC/B,IAAI,IAAgB,GAAG;EACvB,IAAM,IAAO,EAAe,IAAgB;EAC5C,AAAI,KAAM,EAAa,EAAK,EAAE;CAChC,GAEM,KAAqB,YAAY;EACrC,IAAI,CAAC,KAAgB,CAAC,GAAgB;EACtC,MAAM,EAAe,YAAY;GAC/B;GACA,UAAU,EAAe;GACzB,QAAQ;EACV,CAAC;EAED,IAAM,IAAO,EAAe,IAAgB;EAC5C,AAAI,KAAM,EAAkB,EAAK,EAAE;CACrC,GAEM,KAAqB,YAAY;EAChC,KACL,MAAM,EAAqB,YAAY;GAAE,IAAI;GAAc,QAAQ;EAAY,CAAC;CAClF;CAGA,IAAI,CAAC,GACH,OACE,kBAAC,GAAD;EAAY,OAAM;YAChB,kBAAC,GAAD;GACE,cAAa;GACb,OAAM;GACN,aAAY;GACZ,QAAQ,kBAAC,GAAD;IAAQ,eAAe,EAAW,UAAU;cAAG;GAA2B,CAAA;EACnF,CAAA;CACS,CAAA;CAIhB,IAAM,KAAY,EAAgB,aAAc,EAAQ,KAAa,EAAY,WAE3E,IACJ,kBAAC,GAAD;EAAQ,SAAQ;EAAQ,MAAK;EAAK,eAAe,EAAW,UAAU;YAAtE,CACE,kBAAC,IAAD,EAAW,WAAU,eAAgB,CAAA,GAAC,cAChC;;CAGV,IAAI,IACF,OACE,kBAAC,GAAD;EAAY,OAAM;EAAS,SAAS;YAClC,kBAAC,GAAD,EAAa,OAAM,uBAAwB,CAAA;CACjC,CAAA;CAIhB,IAAI,EAAgB,SAClB,OACE,kBAAC,GAAD;EAAY,OAAM;EAAS,SAAS;YAClC,kBAAC,GAAD;GACE,OAAM;GACN,SACE,EAAgB,iBAAiB,QAAQ,EAAgB,MAAM,UAAU,KAAA;GAE3E,eAAe,EAAgB,QAAQ;EACxC,CAAA;CACS,CAAA;CAIhB,IAAI,CAAC,GACH,OACE,kBAAC,GAAD;EAAY,OAAM;EAAS,SAAS;YAClC,kBAAC,GAAD;GACE,cAAa;GACb,OAAM;GACN,aAAY;GACZ,QAAQ,kBAAC,GAAD;IAAQ,eAAe,EAAW,UAAU;cAAG;GAA2B,CAAA;EACnF,CAAA;CACS,CAAA;CAIhB,IAAI,EAAY,SACd,OACE,kBAAC,GAAD;EAAY,OAAM;EAAS,SAAS;YAClC,kBAAC,GAAD;GACE,OAAM;GACN,SAAS,EAAY,iBAAiB,QAAQ,EAAY,MAAM,UAAU,KAAA;GAC1E,eAAe,EAAY,QAAQ;EACpC,CAAA;CACS,CAAA;CAIhB,IAAM,IAAc,KAAK,MAAM,EAAW,eAAe,CAAC,GACpD,KAAe,IAAiB,EAAY,EAAe,QAAQ;CAEzE,OACE,kBAAC,GAAD;EAAY,OAAO,GAAQ,SAAS;EAAU,SAAS;YACrD,kBAAC,OAAD;GAAK,WAAU;aAAf;IAEE,kBAAC,GAAD;KACE,WAAU;KACV,MAAM,IAAc;KACpB,WAAU;eAHZ;MAKE,kBAAC,IAAD;OAAc,OAAO;OAAa,MAAM;OAAI,WAAU;MAAY,CAAA;MAClE,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,OAAD;QAAK,WAAU;kBAAf,CACE,kBAAC,GAAD,EAAa,QAAQ,EAAW,OAAS,CAAA,GACzC,kBAAC,QAAD;SAAM,WAAU;mBAAhB;UACG;UAAe;UAAK,EAAe;UAAO;SACvC;UACH;WACL,kBAAC,GAAD;QAAS,OAAO;QAAa,WAAU;OAAQ,CAAA,CAC5C;;MACJ,KAAe,CAAC,MACf,kBAAC,GAAD;OACE,WAAU;OACV,SAAS;OACT,UAAU,EAAqB;iBAHjC,CAKG,EAAqB,YACpB,kBAAC,GAAD,EAAS,WAAU,4BAA6B,CAAA,IAEhD,kBAAC,GAAD,EAAQ,WAAU,eAAgB,CAAA,GAClC,eAEI;;KAED;;IAGX,kBAAC,GAAD;KACE,SAAQ;KACR,MAAK;KACL,WAAU;KACV,eAAe,GAAa,MAAM,CAAC,CAAC;eAJtC,CAME,kBAAC,GAAD,EAAY,WAAU,eAAgB,CAAA,GACrC,IAAW,iBAAiB,YAAY,EAAe,GAAG,EAAe,OAAO,EAC3E;;IAER,kBAAC,OAAD;KAAK,WAAU;eAAf,CAEE,kBAAC,SAAD;MAAO,WAAW,EAAG,gCAAgC,IAAW,UAAU,QAAQ;gBAChF,kBAAC,GAAD;OAAW,WAAU;OAAQ,WAAU;iBACpC,EAAe,WAAW,IACzB,kBAAC,OAAD;QAAK,WAAU;kBAAkC;OAE5C,CAAA,IAEL,kBAAA,IAAA,EAAA,UAAA,CACE,kBAAC,OAAD;QAAK,WAAU;kBACZ,EAAO,KAAK,MAAU;SACrB,IAAM,IAAY,EAAM,QAAQ,QAC7B,MAAM,EAAiB,IAAI,EAAE,EAAE,MAAM,WACxC,EAAE;SACF,OACE,kBAAC,OAAD;UAAoB,WAAU;oBAA9B,CACE,kBAAC,OAAD;WAAK,WAAU;qBAAf,CACE,kBAAC,KAAD;YAAG,WAAU;sBACV,EAAM;WACN,CAAA,GACH,kBAAC,QAAD;YAAM,WAAU;sBAAhB;aACG;aAAU;aAAI,EAAM,QAAQ;YACzB;aACH;cACL,kBAAC,MAAD;WAAI,WAAU;qBACX,EAAM,QAAQ,KAAK,GAAQ,MAAM;YAEhC,IAAM,IADS,EAAiB,IAAI,EAAO,EAC9B,MAAW,aAClB,IAAS,EAAO,OAAO,GACvB,IAAS,MAAM,EAAM,QAAQ,SAAS,GACtC,IAAO,EAAY,EAAO;YAChC,OACE,kBAAC,MAAD;aAAoB,WAAU;uBAA9B,CAEE,kBAAC,OAAD;cAAK,WAAU;wBAAf,CACG,IACC,kBAAC,QAAD;eAAM,WAAU;yBACd,kBAAC,IAAD,EAAO,WAAU,4CAA6C,CAAA;cAC1D,CAAA,IACJ,IACF,kBAAC,QAAD;eAAM,WAAU;yBACd,kBAAC,GAAD,EAAM,WAAU,8CAA+C,CAAA;cAC3D,CAAA,IAEN,kBAAC,QAAD;eAAM,WAAU;yBACd,kBAAC,GAAD,EAAM,WAAU,6CAA8C,CAAA;cAC1D,CAAA,GAEP,CAAC,KACA,kBAAC,QAAD,EACE,WAAW,EACT,oBACA,IACI,6EACA,gBACN,EACD,CAAA,CAEA;iBACL,kBAAC,UAAD;cACE,MAAK;cACL,eAAe,EAAa,EAAO,EAAE;cACrC,WAAW,EACT,wEACA,IACI,kCACA,oBACN;cACA,gBAAc,IAAS,SAAS,KAAA;wBATlC,CAWE,kBAAC,QAAD;eACE,WAAW,EACT,0BACA,IACI,kCACA,IACE,wBACA,mBACR;yBAEC,EAAO;cACJ,CAAA,GACN,kBAAC,QAAD;eAAM,WAAU;yBAAhB,CACG,EAAgB,EAAO,IAAI,GAC3B,EAAO,cAAc,IAClB,MAAM,EAAe,EAAO,WAAW,MACvC,EACA;gBACA;eACN;eAzDK,EAAO,EAyDZ;WAER,CAAC;UACC,CAAA,CACD;YA9EK,EAAM,EA8EX;QAET,CAAC;OACE,CAAA,GACJ,KACC,kBAAC,OAAD;QAAK,WAAU;kBACb,kBAAC,GAAD;SACE,SAAQ;SACR,MAAK;SACL,WAAU;SACV,eAAe,EAAW,WAAW,GAAU;mBAJjD,CAME,kBAAC,IAAD,EAAU,WAAU,iBAAkB,CAAA,GAAC,kBACjC;;OACL,CAAA,CAEP,EAAA,CAAA;MAEK,CAAA;KACN,CAAA,GAGP,kBAAC,QAAD;MAAM,WAAU;gBAAhB,CACI,IAOA,kBAAC,GAAD;OAAW,WAAU;OAAQ,WAAU;iBAAvC;QACE,kBAAC,OAAD;SAAK,WAAU;mBAAf;UACE,kBAAC,QAAD;WAAM,WAAU;qBAAhB,CACE,kBAAC,IAAD,EAAc,WAAU,8CAA+C,CAAA,GACtE,EAAgB,EAAe,IAAI,CAChC;;UACL,EAAe,cAAc,KAC5B,kBAAC,QAAD;WAAM,WAAU;qBACb,EAAe,EAAe,WAAW;UACtC,CAAA;UAEP,KACC,kBAAC,QAAD;WAAM,WAAU;qBAAhB,CACE,kBAAC,GAAD,EAAc,WAAU,cAAe,CAAA,GAAC,YACpC;;UAER,kBAAC,QAAD;WAAM,WAAU;qBAAhB;YAAmE;YACzD,IAAgB;YAAE;YAAK,EAAe;WAC1C;;SACH;;QAEL,kBAAC,MAAD;SAAI,WAAU;mBACX,EAAe;QACd,CAAA;QAEH,EAAe,QACd,kBAAC,OAAD;SAAK,WAAU;mBAAf,CACE,kBAAC,KAAD;UAAG,WAAU;oBAAyE;SAEnF,CAAA,GACH,kBAAC,IAAD,EAAU,QAAQ,EAAe,MAAM,GAAK,CAAA,CACzC;aACH;QAEH,EAAe,UACd,kBAAC,KAAD;SAAG,WAAU;mBACV,EAAe;QACf,CAAA,IAEH,kBAAC,KAAD;SAAG,WAAU;mBAAb;UAA2C;UAExC,EAAe,QAAQ,+BAA+B;UAAG;SACzD;;QAIL,kBAAC,OAAD;SAAK,WAAU;mBAAf;UACE,kBAAC,GAAD;WACE,SAAQ;WACR,MAAK;WACL,WAAU;WACV,eAAe,EAAK,EAAE;WACtB,UAAU,KAAiB;qBAL7B,CAOE,kBAAC,IAAD,EAAa,WAAU,eAAgB,CAAA,GAAC,WAClC;;UAEP,IACC,kBAAC,QAAD;WAAM,WAAU;qBAAhB,CACE,kBAAC,GAAD,EAAc,WAAU,UAAW,CAAA,GAAC,kBAChC;eAEN,kBAAC,GAAD;WACE,MAAK;WACL,WAAU;WACV,SAAS;WACT,UAAU,EAAe;qBAJ3B,CAMG,EAAe,YACd,kBAAC,GAAD,EAAS,WAAU,8BAA+B,CAAA,IAElD,kBAAC,GAAD,EAAc,WAAU,iBAAkB,CAAA,GAC1C,eAEI;;UAGV,kBAAC,GAAD;WACE,SAAQ;WACR,MAAK;WACL,WAAU;WACV,eAAe,EAAK,CAAC;WACrB,UAAU,KAAiB,EAAe,SAAS;qBALrD,CAMC,SACM,kBAAC,IAAD,EAAc,WAAU,eAAgB,CAAA,CACvC;;SACL;;OACI;WA7FX,kBAAC,GAAD;OACE,cAAa;OACb,OAAM;OACN,aAAY;MACb,CAAA,GA4FF,KACC,kBAAC,OAAD;OAAK,WAAU;iBAGb,kBAAC,IAAD;QAEE,UAAU,EAAe;QACzB,aAAa,EAAe;OAC7B,GAHM,EAAe,EAGrB;MACE,CAAA,CAEH;OACH;;GACF;;CACK,CAAA;AAEhB"}
+{"version":3,"file":"LessonPlayerPage.js","names":[],"sources":["../../../../src/buildmyiq/pages/learning/LessonPlayerPage.tsx"],"sourcesContent":["/**\n * LessonPlayerPage — the two-pane lesson player for a single enrollment.\n * @module buildmyiq/pages/learning\n *\n * Left pane: the course's module/lesson tree (from `buiCourse`) rendered as a\n * completion timeline driven by the enrollment's `lessonProgress`. Right pane:\n * the selected lesson (title, type, content text rendered safely, and a\n * `FileLink` for any attached media) with Prev / Mark-complete / Next controls.\n * Opening a lesson records IN_PROGRESS once; \"Mark complete\" records COMPLETED;\n * finishing every lesson transitions the enrollment to COMPLETED. All data is\n * live — no fabrication.\n */\n\nimport type { FC } from 'react';\nimport { useEffect, useMemo, useRef, useState } from 'react';\nimport { useParams } from 'react-router-dom';\nimport type { LucideIcon } from 'lucide-react';\nimport {\n  ArrowLeft,\n  BookOpen,\n  Check,\n  CheckCircle2,\n  ChevronLeft,\n  ChevronRight,\n  FileText,\n  HelpCircle,\n  Loader2,\n  ListChecks,\n  MousePointerClick,\n  PenLine,\n  PlayCircle,\n  Radio,\n  Trophy,\n} from 'lucide-react';\nimport { Button, GlassCard } from '@burdenoff/fe-libs/ui';\nimport {\n  PageLayout,\n  StatusBadge,\n  MiniBar,\n  ProgressRing,\n  LoadingView,\n  ErrorView,\n  EmptyState,\n  FileLink,\n  OfflineLessonControl,\n  TutorPanel,\n} from '../../components';\nimport { useBuildmyiq } from '../../context';\nimport {\n  useBuiEnrollment,\n  useBuiCourse,\n  useBuiRecordLessonProgress,\n  useBuiTransitionEnrollment,\n} from '../../hooks';\nimport { cn } from '../../utils/cn';\nimport { formatDuration, formatEnumLabel } from '../../utils/formatters';\nimport type { BuiLesson, BuiLessonType, BuiModule, BuiProgressStatus } from '../../types';\n\ninterface LessonGroup {\n  id: string;\n  title: string;\n  lessons: BuiLesson[];\n}\n\nconst LESSON_ICON: Record<BuiLessonType, LucideIcon> = {\n  ARTICLE: FileText,\n  VIDEO: PlayCircle,\n  QUIZ: HelpCircle,\n  ASSIGNMENT: PenLine,\n  INTERACTIVE: MousePointerClick,\n  LIVE_SESSION: Radio,\n};\n\nconst sortByPosition = <T extends { position: number }>(items: T[]): T[] =>\n  [...items].sort((a, b) => a.position - b.position);\n\nexport const LessonPlayerPage: FC = () => {\n  const { enrollmentId } = useParams<{ enrollmentId: string }>();\n  const { navigateTo } = useBuildmyiq();\n\n  const enrollmentQuery = useBuiEnrollment(enrollmentId);\n  const enrollment = enrollmentQuery.data ?? null;\n  const courseId = enrollment?.courseId;\n  const courseQuery = useBuiCourse(courseId);\n  const course = courseQuery.data ?? null;\n\n  const recordProgress = useBuiRecordLessonProgress();\n  const transitionEnrollment = useBuiTransitionEnrollment();\n\n  // react-query's mutate is referentially stable across renders, so it can be\n  // used directly in effects without a render-time ref write.\n  const recordMutate = recordProgress.mutate;\n  const autoRecordedRef = useRef<Set<string>>(new Set());\n\n  const [userSelectedId, setUserSelectedId] = useState<string | null>(null);\n  const [showTree, setShowTree] = useState(false);\n\n  // Grouped tree (modules → lessons) plus any standalone lessons, de-duplicated.\n  const groups = useMemo<LessonGroup[]>(() => {\n    if (!course) return [];\n    const seen = new Set<string>();\n    const modules: BuiModule[] = sortByPosition(course.modules ?? []);\n    const result: LessonGroup[] = [];\n    for (const m of modules) {\n      const lessons = sortByPosition(m.lessons ?? []).filter((l) => {\n        if (seen.has(l.id)) return false;\n        seen.add(l.id);\n        return true;\n      });\n      if (lessons.length > 0) result.push({ id: m.id, title: m.title, lessons });\n    }\n    const standalone = sortByPosition(course.lessons ?? []).filter((l) => {\n      if (seen.has(l.id)) return false;\n      seen.add(l.id);\n      return true;\n    });\n    if (standalone.length > 0) {\n      result.push({ id: '__standalone', title: 'Lessons', lessons: standalone });\n    }\n    return result;\n  }, [course]);\n\n  // Flat, ordered lesson list for prev/next + completion checks.\n  const orderedLessons = useMemo<BuiLesson[]>(() => groups.flatMap((g) => g.lessons), [groups]);\n\n  const progressByLesson = useMemo(() => {\n    const map = new Map<string, BuiProgressStatus>();\n    for (const p of enrollment?.lessonProgress ?? []) map.set(p.lessonId, p.status);\n    return map;\n  }, [enrollment]);\n\n  // Resolve the active lesson as DERIVED state: the user's pick if it still\n  // exists in the course, otherwise the first lesson. Avoids a setState-in-\n  // effect re-anchor loop.\n  const selectedLessonId = useMemo<string | null>(() => {\n    if (orderedLessons.length === 0) return null;\n    if (userSelectedId && orderedLessons.some((l) => l.id === userSelectedId)) {\n      return userSelectedId;\n    }\n    return orderedLessons[0].id;\n  }, [orderedLessons, userSelectedId]);\n\n  // Record IN_PROGRESS once when a not-yet-started lesson is opened.\n  useEffect(() => {\n    if (!enrollmentId || !selectedLessonId) return;\n    const status = progressByLesson.get(selectedLessonId);\n    if (status === 'COMPLETED' || status === 'IN_PROGRESS') return;\n    if (autoRecordedRef.current.has(selectedLessonId)) return;\n    autoRecordedRef.current.add(selectedLessonId);\n    recordMutate({\n      enrollmentId,\n      lessonId: selectedLessonId,\n      status: 'IN_PROGRESS',\n    });\n  }, [enrollmentId, selectedLessonId, progressByLesson, recordMutate]);\n\n  const selectedIndex = orderedLessons.findIndex((l) => l.id === selectedLessonId);\n  const selectedLesson = selectedIndex >= 0 ? orderedLessons[selectedIndex] : null;\n  const selectedStatus = selectedLesson ? progressByLesson.get(selectedLesson.id) : undefined;\n  const isSelectedComplete = selectedStatus === 'COMPLETED';\n\n  const completedCount = orderedLessons.filter(\n    (l) => progressByLesson.get(l.id) === 'COMPLETED'\n  ).length;\n  const allComplete = orderedLessons.length > 0 && completedCount === orderedLessons.length;\n  const alreadyFinished = enrollment?.status === 'COMPLETED';\n\n  const handleSelect = (lessonId: string) => {\n    setUserSelectedId(lessonId);\n    setShowTree(false);\n  };\n\n  const goTo = (offset: number) => {\n    if (selectedIndex < 0) return;\n    const next = orderedLessons[selectedIndex + offset];\n    if (next) handleSelect(next.id);\n  };\n\n  const handleMarkComplete = async () => {\n    if (!enrollmentId || !selectedLesson) return;\n    await recordProgress.mutateAsync({\n      enrollmentId,\n      lessonId: selectedLesson.id,\n      status: 'COMPLETED',\n    });\n    // Advance to the next incomplete lesson for a natural flow.\n    const next = orderedLessons[selectedIndex + 1];\n    if (next) setUserSelectedId(next.id);\n  };\n\n  const handleFinishCourse = async () => {\n    if (!enrollmentId) return;\n    await transitionEnrollment.mutateAsync({ id: enrollmentId, status: 'COMPLETED' });\n  };\n\n  // ---- top-level states ----------------------------------------------------\n  if (!enrollmentId) {\n    return (\n      <PageLayout title=\"Lesson\">\n        <EmptyState\n          illustration=\"empty-data\"\n          title=\"No enrollment selected\"\n          description=\"Open a course from My Learning to start the lesson player.\"\n          action={<Button onClick={() => navigateTo('learning')}>Back to My Learning</Button>}\n        />\n      </PageLayout>\n    );\n  }\n\n  const isLoading = enrollmentQuery.isLoading || (Boolean(courseId) && courseQuery.isLoading);\n\n  const backAction = (\n    <Button variant=\"ghost\" size=\"sm\" onClick={() => navigateTo('learning')}>\n      <ArrowLeft className=\"mr-1 h-4 w-4\" /> My Learning\n    </Button>\n  );\n\n  if (isLoading) {\n    return (\n      <PageLayout title=\"Lesson\" actions={backAction}>\n        <LoadingView label=\"Loading your lesson…\" />\n      </PageLayout>\n    );\n  }\n\n  if (enrollmentQuery.isError) {\n    return (\n      <PageLayout title=\"Lesson\" actions={backAction}>\n        <ErrorView\n          title=\"Couldn't load this enrollment\"\n          message={\n            enrollmentQuery.error instanceof Error ? enrollmentQuery.error.message : undefined\n          }\n          onRetry={() => enrollmentQuery.refetch()}\n        />\n      </PageLayout>\n    );\n  }\n\n  if (!enrollment) {\n    return (\n      <PageLayout title=\"Lesson\" actions={backAction}>\n        <EmptyState\n          illustration=\"empty-data\"\n          title=\"Enrollment not found\"\n          description=\"This enrollment may have been removed or is not available to you.\"\n          action={<Button onClick={() => navigateTo('learning')}>Back to My Learning</Button>}\n        />\n      </PageLayout>\n    );\n  }\n\n  if (courseQuery.isError) {\n    return (\n      <PageLayout title=\"Lesson\" actions={backAction}>\n        <ErrorView\n          title=\"Couldn't load the course\"\n          message={courseQuery.error instanceof Error ? courseQuery.error.message : undefined}\n          onRetry={() => courseQuery.refetch()}\n        />\n      </PageLayout>\n    );\n  }\n\n  const progressPct = Math.round(enrollment.progressPct ?? 0);\n  const SelectedIcon = selectedLesson ? LESSON_ICON[selectedLesson.type] : FileText;\n\n  return (\n    <PageLayout title={course?.title ?? 'Lesson'} actions={backAction}>\n      <div className=\"flex flex-col gap-5\">\n        {/* Header progress — ProgressRing hero + completion bar */}\n        <GlassCard\n          treatment=\"glass\"\n          glow={progressPct > 0}\n          className=\"flex flex-col gap-4 p-4 sm:flex-row sm:items-center sm:gap-5\"\n        >\n          <ProgressRing value={progressPct} size={64} className=\"shrink-0\" />\n          <div className=\"min-w-0 flex-1\">\n            <div className=\"flex flex-wrap items-center gap-2\">\n              <StatusBadge status={enrollment.status} />\n              <span className=\"text-sm text-text-secondary tabular-nums\">\n                {completedCount} of {orderedLessons.length} lessons complete\n              </span>\n            </div>\n            <MiniBar value={progressPct} className=\"mt-3\" />\n          </div>\n          {allComplete && !alreadyFinished && (\n            <Button\n              className=\"shrink-0 max-sm:w-full\"\n              onClick={handleFinishCourse}\n              disabled={transitionEnrollment.isPending}\n            >\n              {transitionEnrollment.isPending ? (\n                <Loader2 className=\"mr-1 h-4 w-4 animate-spin\" />\n              ) : (\n                <Trophy className=\"mr-1 h-4 w-4\" />\n              )}\n              Finish course\n            </Button>\n          )}\n        </GlassCard>\n\n        {/* Mobile tree toggle — collapses the outline into a top sheet */}\n        <Button\n          variant=\"secondary\"\n          size=\"sm\"\n          className=\"w-full lg:hidden\"\n          onClick={() => setShowTree((v) => !v)}\n        >\n          <ListChecks className=\"mr-1 h-4 w-4\" />\n          {showTree ? 'Hide lessons' : `Lessons (${completedCount}/${orderedLessons.length})`}\n        </Button>\n\n        <div className=\"flex flex-col gap-5 lg:flex-row\">\n          {/* Left: module / lesson completion timeline */}\n          <aside className={cn('lg:block lg:w-80 lg:shrink-0', showTree ? 'block' : 'hidden')}>\n            <GlassCard treatment=\"plain\" className=\"overflow-hidden p-0 lg:sticky lg:top-4\">\n              {orderedLessons.length === 0 ? (\n                <div className=\"p-4 text-sm text-text-secondary\">\n                  This course has no lessons yet.\n                </div>\n              ) : (\n                <>\n                  <nav className=\"max-h-[68vh] overflow-auto p-3\">\n                    {groups.map((group) => {\n                      const groupDone = group.lessons.filter(\n                        (l) => progressByLesson.get(l.id) === 'COMPLETED'\n                      ).length;\n                      return (\n                        <div key={group.id} className=\"mb-4 last:mb-0\">\n                          <div className=\"mb-2 flex items-center justify-between gap-2 px-1\">\n                            <p className=\"min-w-0 truncate text-sm font-semibold text-text-primary\">\n                              {group.title}\n                            </p>\n                            <span className=\"shrink-0 text-xs font-medium tabular-nums text-text-secondary\">\n                              {groupDone} / {group.lessons.length}\n                            </span>\n                          </div>\n                          <ul className=\"flex flex-col\">\n                            {group.lessons.map((lesson, i) => {\n                              const status = progressByLesson.get(lesson.id);\n                              const done = status === 'COMPLETED';\n                              const active = lesson.id === selectedLessonId;\n                              const isLast = i === group.lessons.length - 1;\n                              const Icon = LESSON_ICON[lesson.type];\n                              return (\n                                <li key={lesson.id} className=\"flex gap-3\">\n                                  {/* Timeline node + connector */}\n                                  <div className=\"flex flex-col items-center pt-1.5\">\n                                    {done ? (\n                                      <span className=\"flex h-6 w-6 shrink-0 items-center justify-center rounded-full bg-[var(--color-status-success-text)]\">\n                                        <Check className=\"h-3.5 w-3.5 text-status-success-bg-subtle\" />\n                                      </span>\n                                    ) : active ? (\n                                      <span className=\"flex h-6 w-6 shrink-0 items-center justify-center rounded-full bg-[var(--color-accent-soft)] ring-2 ring-[var(--color-accent-teal)]\">\n                                        <Icon className=\"h-3.5 w-3.5 text-[var(--color-accent-teal)]\" />\n                                      </span>\n                                    ) : (\n                                      <span className=\"flex h-6 w-6 shrink-0 items-center justify-center rounded-full border border-border-seam bg-bg-sunken\">\n                                        <Icon className=\"h-3.5 w-3.5 text-text-secondary opacity-70\" />\n                                      </span>\n                                    )}\n                                    {!isLast && (\n                                      <span\n                                        className={cn(\n                                          'my-1 w-px flex-1',\n                                          done\n                                            ? 'bg-[color-mix(in_srgb,var(--color-status-success-text)_45%,transparent)]'\n                                            : 'bg-border-seam'\n                                        )}\n                                      />\n                                    )}\n                                  </div>\n                                  <button\n                                    type=\"button\"\n                                    onClick={() => handleSelect(lesson.id)}\n                                    className={cn(\n                                      'mb-1 min-w-0 flex-1 rounded-lg px-3 py-2 text-left transition-colors',\n                                      active\n                                        ? 'bg-[var(--color-accent-soft)]'\n                                        : 'hover:bg-bg-sunken'\n                                    )}\n                                    aria-current={active ? 'true' : undefined}\n                                  >\n                                    <span\n                                      className={cn(\n                                        'block truncate text-sm',\n                                        active\n                                          ? 'font-medium text-text-primary'\n                                          : done\n                                            ? 'text-text-secondary'\n                                            : 'text-text-primary'\n                                      )}\n                                    >\n                                      {lesson.title}\n                                    </span>\n                                    <span className=\"mt-0.5 block truncate text-xs text-text-secondary\">\n                                      {formatEnumLabel(lesson.type)}\n                                      {lesson.durationMin > 0\n                                        ? ` · ${formatDuration(lesson.durationMin)}`\n                                        : ''}\n                                    </span>\n                                  </button>\n                                </li>\n                              );\n                            })}\n                          </ul>\n                        </div>\n                      );\n                    })}\n                  </nav>\n                  {courseId && (\n                    <div className=\"border-t border-border-seam p-3\">\n                      <Button\n                        variant=\"outline\"\n                        size=\"sm\"\n                        className=\"w-full\"\n                        onClick={() => navigateTo(`catalog/${courseId}`)}\n                      >\n                        <BookOpen className=\"mr-1.5 h-4 w-4\" /> Course overview\n                      </Button>\n                    </div>\n                  )}\n                </>\n              )}\n            </GlassCard>\n          </aside>\n\n          {/* Right: selected lesson */}\n          <main className=\"min-w-0 flex-1\">\n            {!selectedLesson ? (\n              <EmptyState\n                illustration=\"empty-data\"\n                title=\"No lesson to show\"\n                description=\"This course doesn't have any lessons yet. Check back once the author adds content.\"\n              />\n            ) : (\n              <GlassCard treatment=\"plain\" className=\"flex flex-col gap-4 p-5 sm:p-7\">\n                <div className=\"flex flex-wrap items-center gap-2\">\n                  <span className=\"inline-flex items-center gap-1.5 rounded-full bg-[var(--color-accent-soft)] px-2.5 py-1 text-xs font-medium text-text-primary\">\n                    <SelectedIcon className=\"h-3.5 w-3.5 text-[var(--color-accent-teal)]\" />\n                    {formatEnumLabel(selectedLesson.type)}\n                  </span>\n                  {selectedLesson.durationMin > 0 && (\n                    <span className=\"text-xs text-text-secondary\">\n                      {formatDuration(selectedLesson.durationMin)}\n                    </span>\n                  )}\n                  {isSelectedComplete && (\n                    <span className=\"inline-flex items-center gap-1 text-xs font-medium text-status-success-text\">\n                      <CheckCircle2 className=\"h-3.5 w-3.5\" /> Completed\n                    </span>\n                  )}\n                  <OfflineLessonControl key={selectedLesson.id} lesson={selectedLesson} />\n                  <span className=\"ml-auto text-xs tabular-nums text-text-secondary\">\n                    Lesson {selectedIndex + 1} of {orderedLessons.length}\n                  </span>\n                </div>\n\n                <h2 className=\"text-2xl font-semibold tracking-tight text-text-primary\">\n                  {selectedLesson.title}\n                </h2>\n\n                {selectedLesson.media ? (\n                  <div className=\"rounded-xl border border-border-seam bg-bg-sunken p-3\">\n                    <p className=\"mb-2 text-xs font-semibold uppercase tracking-wide text-text-secondary\">\n                      Resources\n                    </p>\n                    <FileLink fileId={selectedLesson.media.id} />\n                  </div>\n                ) : null}\n\n                {selectedLesson.content ? (\n                  <p className=\"max-w-prose whitespace-pre-wrap text-[15px] leading-7 text-text-primary\">\n                    {selectedLesson.content}\n                  </p>\n                ) : (\n                  <p className=\"text-sm text-text-secondary\">\n                    This lesson has no written content\n                    {selectedLesson.media ? ' beyond the attached media' : ''}.\n                  </p>\n                )}\n\n                {/* Actions — Prev · Mark complete · Next */}\n                <div className=\"mt-2 flex flex-col gap-3 border-t border-border-seam pt-5 sm:flex-row sm:items-center sm:justify-between\">\n                  <Button\n                    variant=\"outline\"\n                    size=\"sm\"\n                    className=\"max-sm:w-full\"\n                    onClick={() => goTo(-1)}\n                    disabled={selectedIndex <= 0}\n                  >\n                    <ChevronLeft className=\"mr-1 h-4 w-4\" /> Previous\n                  </Button>\n\n                  {isSelectedComplete ? (\n                    <span className=\"inline-flex items-center justify-center gap-2 rounded-lg bg-status-success-bg-subtle px-4 py-2 text-sm font-medium text-status-success-text max-sm:w-full\">\n                      <CheckCircle2 className=\"h-4 w-4\" /> Lesson complete\n                    </span>\n                  ) : (\n                    <Button\n                      size=\"lg\"\n                      className=\"max-sm:w-full\"\n                      onClick={handleMarkComplete}\n                      disabled={recordProgress.isPending}\n                    >\n                      {recordProgress.isPending ? (\n                        <Loader2 className=\"mr-1.5 h-4 w-4 animate-spin\" />\n                      ) : (\n                        <CheckCircle2 className=\"mr-1.5 h-4 w-4\" />\n                      )}\n                      Mark complete\n                    </Button>\n                  )}\n\n                  <Button\n                    variant=\"outline\"\n                    size=\"sm\"\n                    className=\"max-sm:w-full\"\n                    onClick={() => goTo(1)}\n                    disabled={selectedIndex >= orderedLessons.length - 1}\n                  >\n                    Next <ChevronRight className=\"ml-1 h-4 w-4\" />\n                  </Button>\n                </div>\n              </GlassCard>\n            )}\n\n            {selectedLesson && (\n              <div className=\"mt-5\">\n                {/* `key` remounts the panel per lesson so its local\n                    session/draft/error state resets cleanly on switch. */}\n                <TutorPanel\n                  key={selectedLesson.id}\n                  lessonId={selectedLesson.id}\n                  lessonTitle={selectedLesson.title}\n                />\n              </div>\n            )}\n          </main>\n        </div>\n      </div>\n    </PageLayout>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAgEA,IAAM,IAAiD;CACrD,SAAS;CACT,OAAO;CACP,MAAM;CACN,YAAY;CACZ,aAAa;CACb,cAAc;AAChB,GAEM,KAAkD,MACtD,CAAC,GAAG,CAAK,EAAE,MAAM,GAAG,MAAM,EAAE,WAAW,EAAE,QAAQ,GAEtC,UAA6B;CACxC,IAAM,EAAE,oBAAiB,GAAoC,GACvD,EAAE,kBAAe,EAAa,GAE9B,IAAkB,EAAiB,CAAY,GAC/C,IAAa,EAAgB,QAAQ,MACrC,IAAW,GAAY,UACvB,IAAc,GAAa,CAAQ,GACnC,IAAS,EAAY,QAAQ,MAE7B,IAAiB,EAA2B,GAC5C,IAAuB,EAA2B,GAIlD,IAAe,EAAe,QAC9B,IAAkB,mBAAoB,IAAI,IAAI,CAAC,GAE/C,CAAC,GAAgB,KAAqB,EAAwB,IAAI,GAClE,CAAC,GAAU,KAAe,EAAS,EAAK,GAGxC,IAAS,QAA6B;EAC1C,IAAI,CAAC,GAAQ,OAAO,CAAC;EACrB,IAAM,oBAAO,IAAI,IAAY,GACvB,IAAuB,EAAe,EAAO,WAAW,CAAC,CAAC,GAC1D,IAAwB,CAAC;EAC/B,KAAK,IAAM,KAAK,GAAS;GACvB,IAAM,IAAU,EAAe,EAAE,WAAW,CAAC,CAAC,EAAE,QAAQ,MAClD,EAAK,IAAI,EAAE,EAAE,IAAU,MAC3B,EAAK,IAAI,EAAE,EAAE,GACN,GACR;GACD,AAAI,EAAQ,SAAS,KAAG,EAAO,KAAK;IAAE,IAAI,EAAE;IAAI,OAAO,EAAE;IAAO;GAAQ,CAAC;EAC3E;EACA,IAAM,IAAa,EAAe,EAAO,WAAW,CAAC,CAAC,EAAE,QAAQ,MAC1D,EAAK,IAAI,EAAE,EAAE,IAAU,MAC3B,EAAK,IAAI,EAAE,EAAE,GACN,GACR;EAID,OAHI,EAAW,SAAS,KACtB,EAAO,KAAK;GAAE,IAAI;GAAgB,OAAO;GAAW,SAAS;EAAW,CAAC,GAEpE;CACT,GAAG,CAAC,CAAM,CAAC,GAGL,IAAiB,QAA2B,EAAO,SAAS,MAAM,EAAE,OAAO,GAAG,CAAC,CAAM,CAAC,GAEtF,IAAmB,QAAc;EACrC,IAAM,oBAAM,IAAI,IAA+B;EAC/C,KAAK,IAAM,KAAK,GAAY,kBAAkB,CAAC,GAAG,EAAI,IAAI,EAAE,UAAU,EAAE,MAAM;EAC9E,OAAO;CACT,GAAG,CAAC,CAAU,CAAC,GAKT,IAAmB,QACnB,EAAe,WAAW,IAAU,OACpC,KAAkB,EAAe,MAAM,MAAM,EAAE,OAAO,CAAc,IAC/D,IAEF,EAAe,GAAG,IACxB,CAAC,GAAgB,CAAc,CAAC;CAGnC,SAAgB;EACd,IAAI,CAAC,KAAgB,CAAC,GAAkB;EACxC,IAAM,IAAS,EAAiB,IAAI,CAAgB;EAChD,MAAW,eAAe,MAAW,iBACrC,EAAgB,QAAQ,IAAI,CAAgB,MAChD,EAAgB,QAAQ,IAAI,CAAgB,GAC5C,EAAa;GACX;GACA,UAAU;GACV,QAAQ;EACV,CAAC;CACH,GAAG;EAAC;EAAc;EAAkB;EAAkB;CAAY,CAAC;CAEnE,IAAM,IAAgB,EAAe,WAAW,MAAM,EAAE,OAAO,CAAgB,GACzE,IAAiB,KAAiB,IAAI,EAAe,KAAiB,MAEtE,KADiB,IAAiB,EAAiB,IAAI,EAAe,EAAE,IAAI,KAAA,OACpC,aAExC,IAAiB,EAAe,QACnC,MAAM,EAAiB,IAAI,EAAE,EAAE,MAAM,WACxC,EAAE,QACI,KAAc,EAAe,SAAS,KAAK,MAAmB,EAAe,QAC7E,KAAkB,GAAY,WAAW,aAEzC,KAAgB,MAAqB;EAEzC,AADA,EAAkB,CAAQ,GAC1B,EAAY,EAAK;CACnB,GAEM,KAAQ,MAAmB;EAC/B,IAAI,IAAgB,GAAG;EACvB,IAAM,IAAO,EAAe,IAAgB;EAC5C,AAAI,KAAM,EAAa,EAAK,EAAE;CAChC,GAEM,KAAqB,YAAY;EACrC,IAAI,CAAC,KAAgB,CAAC,GAAgB;EACtC,MAAM,EAAe,YAAY;GAC/B;GACA,UAAU,EAAe;GACzB,QAAQ;EACV,CAAC;EAED,IAAM,IAAO,EAAe,IAAgB;EAC5C,AAAI,KAAM,EAAkB,EAAK,EAAE;CACrC,GAEM,KAAqB,YAAY;EAChC,KACL,MAAM,EAAqB,YAAY;GAAE,IAAI;GAAc,QAAQ;EAAY,CAAC;CAClF;CAGA,IAAI,CAAC,GACH,OACE,kBAAC,GAAD;EAAY,OAAM;YAChB,kBAAC,GAAD;GACE,cAAa;GACb,OAAM;GACN,aAAY;GACZ,QAAQ,kBAAC,GAAD;IAAQ,eAAe,EAAW,UAAU;cAAG;GAA2B,CAAA;EACnF,CAAA;CACS,CAAA;CAIhB,IAAM,KAAY,EAAgB,aAAc,EAAQ,KAAa,EAAY,WAE3E,IACJ,kBAAC,GAAD;EAAQ,SAAQ;EAAQ,MAAK;EAAK,eAAe,EAAW,UAAU;YAAtE,CACE,kBAAC,IAAD,EAAW,WAAU,eAAgB,CAAA,GAAC,cAChC;;CAGV,IAAI,IACF,OACE,kBAAC,GAAD;EAAY,OAAM;EAAS,SAAS;YAClC,kBAAC,GAAD,EAAa,OAAM,uBAAwB,CAAA;CACjC,CAAA;CAIhB,IAAI,EAAgB,SAClB,OACE,kBAAC,GAAD;EAAY,OAAM;EAAS,SAAS;YAClC,kBAAC,GAAD;GACE,OAAM;GACN,SACE,EAAgB,iBAAiB,QAAQ,EAAgB,MAAM,UAAU,KAAA;GAE3E,eAAe,EAAgB,QAAQ;EACxC,CAAA;CACS,CAAA;CAIhB,IAAI,CAAC,GACH,OACE,kBAAC,GAAD;EAAY,OAAM;EAAS,SAAS;YAClC,kBAAC,GAAD;GACE,cAAa;GACb,OAAM;GACN,aAAY;GACZ,QAAQ,kBAAC,GAAD;IAAQ,eAAe,EAAW,UAAU;cAAG;GAA2B,CAAA;EACnF,CAAA;CACS,CAAA;CAIhB,IAAI,EAAY,SACd,OACE,kBAAC,GAAD;EAAY,OAAM;EAAS,SAAS;YAClC,kBAAC,GAAD;GACE,OAAM;GACN,SAAS,EAAY,iBAAiB,QAAQ,EAAY,MAAM,UAAU,KAAA;GAC1E,eAAe,EAAY,QAAQ;EACpC,CAAA;CACS,CAAA;CAIhB,IAAM,IAAc,KAAK,MAAM,EAAW,eAAe,CAAC,GACpD,KAAe,IAAiB,EAAY,EAAe,QAAQ;CAEzE,OACE,kBAAC,GAAD;EAAY,OAAO,GAAQ,SAAS;EAAU,SAAS;YACrD,kBAAC,OAAD;GAAK,WAAU;aAAf;IAEE,kBAAC,GAAD;KACE,WAAU;KACV,MAAM,IAAc;KACpB,WAAU;eAHZ;MAKE,kBAAC,IAAD;OAAc,OAAO;OAAa,MAAM;OAAI,WAAU;MAAY,CAAA;MAClE,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,OAAD;QAAK,WAAU;kBAAf,CACE,kBAAC,GAAD,EAAa,QAAQ,EAAW,OAAS,CAAA,GACzC,kBAAC,QAAD;SAAM,WAAU;mBAAhB;UACG;UAAe;UAAK,EAAe;UAAO;SACvC;UACH;WACL,kBAAC,GAAD;QAAS,OAAO;QAAa,WAAU;OAAQ,CAAA,CAC5C;;MACJ,MAAe,CAAC,MACf,kBAAC,GAAD;OACE,WAAU;OACV,SAAS;OACT,UAAU,EAAqB;iBAHjC,CAKG,EAAqB,YACpB,kBAAC,GAAD,EAAS,WAAU,4BAA6B,CAAA,IAEhD,kBAAC,IAAD,EAAQ,WAAU,eAAgB,CAAA,GAClC,eAEI;;KAED;;IAGX,kBAAC,GAAD;KACE,SAAQ;KACR,MAAK;KACL,WAAU;KACV,eAAe,GAAa,MAAM,CAAC,CAAC;eAJtC,CAME,kBAAC,IAAD,EAAY,WAAU,eAAgB,CAAA,GACrC,IAAW,iBAAiB,YAAY,EAAe,GAAG,EAAe,OAAO,EAC3E;;IAER,kBAAC,OAAD;KAAK,WAAU;eAAf,CAEE,kBAAC,SAAD;MAAO,WAAW,EAAG,gCAAgC,IAAW,UAAU,QAAQ;gBAChF,kBAAC,GAAD;OAAW,WAAU;OAAQ,WAAU;iBACpC,EAAe,WAAW,IACzB,kBAAC,OAAD;QAAK,WAAU;kBAAkC;OAE5C,CAAA,IAEL,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,OAAD;QAAK,WAAU;kBACZ,EAAO,KAAK,MAAU;SACrB,IAAM,IAAY,EAAM,QAAQ,QAC7B,MAAM,EAAiB,IAAI,EAAE,EAAE,MAAM,WACxC,EAAE;SACF,OACE,kBAAC,OAAD;UAAoB,WAAU;oBAA9B,CACE,kBAAC,OAAD;WAAK,WAAU;qBAAf,CACE,kBAAC,KAAD;YAAG,WAAU;sBACV,EAAM;WACN,CAAA,GACH,kBAAC,QAAD;YAAM,WAAU;sBAAhB;aACG;aAAU;aAAI,EAAM,QAAQ;YACzB;aACH;cACL,kBAAC,MAAD;WAAI,WAAU;qBACX,EAAM,QAAQ,KAAK,GAAQ,MAAM;YAEhC,IAAM,IADS,EAAiB,IAAI,EAAO,EAC9B,MAAW,aAClB,IAAS,EAAO,OAAO,GACvB,IAAS,MAAM,EAAM,QAAQ,SAAS,GACtC,IAAO,EAAY,EAAO;YAChC,OACE,kBAAC,MAAD;aAAoB,WAAU;uBAA9B,CAEE,kBAAC,OAAD;cAAK,WAAU;wBAAf,CACG,IACC,kBAAC,QAAD;eAAM,WAAU;yBACd,kBAAC,GAAD,EAAO,WAAU,4CAA6C,CAAA;cAC1D,CAAA,IACJ,IACF,kBAAC,QAAD;eAAM,WAAU;yBACd,kBAAC,GAAD,EAAM,WAAU,8CAA+C,CAAA;cAC3D,CAAA,IAEN,kBAAC,QAAD;eAAM,WAAU;yBACd,kBAAC,GAAD,EAAM,WAAU,6CAA8C,CAAA;cAC1D,CAAA,GAEP,CAAC,KACA,kBAAC,QAAD,EACE,WAAW,EACT,oBACA,IACI,6EACA,gBACN,EACD,CAAA,CAEA;iBACL,kBAAC,UAAD;cACE,MAAK;cACL,eAAe,EAAa,EAAO,EAAE;cACrC,WAAW,EACT,wEACA,IACI,kCACA,oBACN;cACA,gBAAc,IAAS,SAAS,KAAA;wBATlC,CAWE,kBAAC,QAAD;eACE,WAAW,EACT,0BACA,IACI,kCACA,IACE,wBACA,mBACR;yBAEC,EAAO;cACJ,CAAA,GACN,kBAAC,QAAD;eAAM,WAAU;yBAAhB,CACG,EAAgB,EAAO,IAAI,GAC3B,EAAO,cAAc,IAClB,MAAM,EAAe,EAAO,WAAW,MACvC,EACA;gBACA;eACN;eAzDK,EAAO,EAyDZ;WAER,CAAC;UACC,CAAA,CACD;YA9EK,EAAM,EA8EX;QAET,CAAC;OACE,CAAA,GACJ,KACC,kBAAC,OAAD;QAAK,WAAU;kBACb,kBAAC,GAAD;SACE,SAAQ;SACR,MAAK;SACL,WAAU;SACV,eAAe,EAAW,WAAW,GAAU;mBAJjD,CAME,kBAAC,IAAD,EAAU,WAAU,iBAAkB,CAAA,GAAC,kBACjC;;OACL,CAAA,CAEP,EAAA,CAAA;MAEK,CAAA;KACN,CAAA,GAGP,kBAAC,QAAD;MAAM,WAAU;gBAAhB,CACI,IAOA,kBAAC,GAAD;OAAW,WAAU;OAAQ,WAAU;iBAAvC;QACE,kBAAC,OAAD;SAAK,WAAU;mBAAf;UACE,kBAAC,QAAD;WAAM,WAAU;qBAAhB,CACE,kBAAC,IAAD,EAAc,WAAU,8CAA+C,CAAA,GACtE,EAAgB,EAAe,IAAI,CAChC;;UACL,EAAe,cAAc,KAC5B,kBAAC,QAAD;WAAM,WAAU;qBACb,EAAe,EAAe,WAAW;UACtC,CAAA;UAEP,KACC,kBAAC,QAAD;WAAM,WAAU;qBAAhB,CACE,kBAAC,GAAD,EAAc,WAAU,cAAe,CAAA,GAAC,YACpC;;UAER,kBAAC,IAAD,EAA8C,QAAQ,EAAiB,GAA5C,EAAe,EAA6B;UACvE,kBAAC,QAAD;WAAM,WAAU;qBAAhB;YAAmE;YACzD,IAAgB;YAAE;YAAK,EAAe;WAC1C;;SACH;;QAEL,kBAAC,MAAD;SAAI,WAAU;mBACX,EAAe;QACd,CAAA;QAEH,EAAe,QACd,kBAAC,OAAD;SAAK,WAAU;mBAAf,CACE,kBAAC,KAAD;UAAG,WAAU;oBAAyE;SAEnF,CAAA,GACH,kBAAC,GAAD,EAAU,QAAQ,EAAe,MAAM,GAAK,CAAA,CACzC;aACH;QAEH,EAAe,UACd,kBAAC,KAAD;SAAG,WAAU;mBACV,EAAe;QACf,CAAA,IAEH,kBAAC,KAAD;SAAG,WAAU;mBAAb;UAA2C;UAExC,EAAe,QAAQ,+BAA+B;UAAG;SACzD;;QAIL,kBAAC,OAAD;SAAK,WAAU;mBAAf;UACE,kBAAC,GAAD;WACE,SAAQ;WACR,MAAK;WACL,WAAU;WACV,eAAe,EAAK,EAAE;WACtB,UAAU,KAAiB;qBAL7B,CAOE,kBAAC,IAAD,EAAa,WAAU,eAAgB,CAAA,GAAC,WAClC;;UAEP,IACC,kBAAC,QAAD;WAAM,WAAU;qBAAhB,CACE,kBAAC,GAAD,EAAc,WAAU,UAAW,CAAA,GAAC,kBAChC;eAEN,kBAAC,GAAD;WACE,MAAK;WACL,WAAU;WACV,SAAS;WACT,UAAU,EAAe;qBAJ3B,CAMG,EAAe,YACd,kBAAC,GAAD,EAAS,WAAU,8BAA+B,CAAA,IAElD,kBAAC,GAAD,EAAc,WAAU,iBAAkB,CAAA,GAC1C,eAEI;;UAGV,kBAAC,GAAD;WACE,SAAQ;WACR,MAAK;WACL,WAAU;WACV,eAAe,EAAK,CAAC;WACrB,UAAU,KAAiB,EAAe,SAAS;qBALrD,CAMC,SACM,kBAAC,IAAD,EAAc,WAAU,eAAgB,CAAA,CACvC;;SACL;;OACI;WA9FX,kBAAC,GAAD;OACE,cAAa;OACb,OAAM;OACN,aAAY;MACb,CAAA,GA6FF,KACC,kBAAC,OAAD;OAAK,WAAU;iBAGb,kBAAC,IAAD;QAEE,UAAU,EAAe;QACzB,aAAa,EAAe;OAC7B,GAHM,EAAe,EAGrB;MACE,CAAA,CAEH;OACH;;GACF;;CACK,CAAA;AAEhB"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@burdenoff/microfe-buildmyiq",
-  "version": "2026.731.2",
+  "version": "2026.731.3",
   "description": "Burdenoff BuildMyIQ Microfrontend — education, learning & development",
   "type": "module",
   "files": [