@burdenoff/microfe-buildmyiq 2026.706.11 → 2026.709.1

package/dist/buildmyiq/BuildmyiqRoutes.js

@@ -1,88 +1,106 @@
 import { useBuildmyiq as e } from "./context/BuildmyiqContext.js";
-import { DashboardPage as t } from "./pages/DashboardPage.js";
-import { Suspense as n, lazy as r } from "react";
-import { Navigate as i, Route as a, Routes as o, useLocation as s } from "react-router-dom";
-import { jsx as c, jsxs as l } from "react/jsx-runtime";
-import { Spinner as u } from "@burdenoff/fe-libs/ui";
+import "./context/index.js";
+import { useTr as t } from "./shared/hooks/useTr.js";
+import { DashboardPage as n } from "./pages/DashboardPage.js";
+import { Suspense as r, lazy as i } from "react";
+import { FeatureGate as a } from "@burdenoff/fe-libs/shared/feature-flags";
+import { Navigate as o, Route as s, Routes as c, useLocation as l } from "react-router-dom";
+import { jsx as u, jsxs as d } from "react/jsx-runtime";
+import { Spinner as f } from "@burdenoff/fe-libs/ui";
 //#region src/buildmyiq/BuildmyiqRoutes.tsx
-var d = r(() => import("./pages/catalog/CatalogPage.js").then((e) => ({ default: e.CatalogPage }))), f = r(() => import("./pages/catalog/CourseDetailPage.js").then((e) => ({ default: e.CourseDetailPage }))), p = r(() => import("./pages/learning/MyLearningPage.js").then((e) => ({ default: e.MyLearningPage }))), m = r(() => import("./pages/learning/LessonPlayerPage.js").then((e) => ({ default: e.LessonPlayerPage }))), h = r(() => import("./pages/authoring/AuthoringPage.js").then((e) => ({ default: e.AuthoringPage }))), g = r(() => import("./pages/authoring/CourseBuilderPage.js").then((e) => ({ default: e.CourseBuilderPage }))), _ = r(() => import("./pages/assessments/AssessmentsPage.js").then((e) => ({ default: e.AssessmentsPage }))), v = r(() => import("./pages/assessments/AssessmentDetailPage.js").then((e) => ({ default: e.AssessmentDetailPage }))), y = r(() => import("./pages/assessments/TakeAssessmentPage.js").then((e) => ({ default: e.TakeAssessmentPage }))), b = r(() => import("./pages/insights/InsightsPage.js").then((e) => ({ default: e.InsightsPage }))), x = r(() => import("./pages/paths/PathsPage.js").then((e) => ({ default: e.PathsPage }))), S = r(() => import("./pages/submissions/SubmissionsPage.js").then((e) => ({ default: e.SubmissionsPage }))), C = r(() => import("./pages/cohorts/CohortsPage.js").then((e) => ({ default: e.CohortsPage }))), w = r(() => import("./pages/skills/SkillsPage.js").then((e) => ({ default: e.SkillsPage }))), T = r(() => import("./pages/certificates/CertificatesPage.js").then((e) => ({ default: e.CertificatesPage }))), E = () => /* @__PURE__ */ c("div", {
+var p = i(() => import("./pages/catalog/CatalogPage.js").then((e) => ({ default: e.CatalogPage }))), m = i(() => import("./pages/catalog/CourseDetailPage.js").then((e) => ({ default: e.CourseDetailPage }))), h = i(() => import("./pages/learning/MyLearningPage.js").then((e) => ({ default: e.MyLearningPage }))), g = i(() => import("./pages/learning/LessonPlayerPage.js").then((e) => ({ default: e.LessonPlayerPage }))), _ = i(() => import("./pages/authoring/AuthoringPage.js").then((e) => ({ default: e.AuthoringPage }))), v = i(() => import("./pages/authoring/CourseBuilderPage.js").then((e) => ({ default: e.CourseBuilderPage }))), y = i(() => import("./pages/assessments/AssessmentsPage.js").then((e) => ({ default: e.AssessmentsPage }))), b = i(() => import("./pages/assessments/AssessmentDetailPage.js").then((e) => ({ default: e.AssessmentDetailPage }))), x = i(() => import("./pages/assessments/TakeAssessmentPage.js").then((e) => ({ default: e.TakeAssessmentPage }))), S = i(() => import("./pages/insights/InsightsPage.js").then((e) => ({ default: e.InsightsPage }))), C = i(() => import("./pages/paths/PathsPage.js").then((e) => ({ default: e.PathsPage }))), w = i(() => import("./pages/submissions/SubmissionsPage.js").then((e) => ({ default: e.SubmissionsPage }))), T = i(() => import("./pages/cohorts/CohortsPage.js").then((e) => ({ default: e.CohortsPage }))), E = i(() => import("./pages/skills/SkillsPage.js").then((e) => ({ default: e.SkillsPage }))), D = i(() => import("./pages/certificates/CertificatesPage.js").then((e) => ({ default: e.CertificatesPage }))), O = () => /* @__PURE__ */ u("div", {
 	className: "flex min-h-[400px] items-center justify-center",
-	children: /* @__PURE__ */ c(u, { size: "lg" })
-}), D = () => {
-	let { basePath: r, isStandalone: u } = e(), D = s(), O = r === "/" ? "" : (r ?? "").replace(/\/$/, "");
-	return O && !u && !(D.pathname === O || D.pathname.startsWith(O + "/")) ? null : /* @__PURE__ */ c("div", {
+	children: /* @__PURE__ */ u(f, { size: "lg" })
+});
+function k() {
+	return /* @__PURE__ */ u("div", {
+		className: "flex h-full min-h-[200px] items-center justify-center text-sm text-text-secondary",
+		children: t()("buildmyiq.pages.featureDisabled", "This feature is currently disabled. You can enable it from Feature Previews.")
+	});
+}
+function A(e, t, n = !0) {
+	return /* @__PURE__ */ u(a, {
+		flag: e,
+		defaultValue: n,
+		fallback: /* @__PURE__ */ u(k, {}),
+		children: t
+	});
+}
+var j = () => {
+	let { basePath: t, isStandalone: i } = e(), a = l(), f = t === "/" ? "" : (t ?? "").replace(/\/$/, "");
+	return f && !i && !(a.pathname === f || a.pathname.startsWith(f + "/")) ? null : /* @__PURE__ */ u("div", {
 		className: "flex min-h-full flex-col",
-		children: /* @__PURE__ */ c(n, {
-			fallback: /* @__PURE__ */ c(E, {}),
-			children: /* @__PURE__ */ l(o, { children: [
-				/* @__PURE__ */ c(a, {
+		children: /* @__PURE__ */ u(r, {
+			fallback: /* @__PURE__ */ u(O, {}),
+			children: /* @__PURE__ */ d(c, { children: [
+				/* @__PURE__ */ u(s, {
 					index: !0,
-					element: /* @__PURE__ */ c(t, {})
+					element: A("buildmyiq.overview", /* @__PURE__ */ u(n, {}))
 				}),
-				/* @__PURE__ */ c(a, {
+				/* @__PURE__ */ u(s, {
 					path: "catalog",
-					element: /* @__PURE__ */ c(d, {})
+					element: A("buildmyiq.catalog", /* @__PURE__ */ u(p, {}))
 				}),
-				/* @__PURE__ */ c(a, {
+				/* @__PURE__ */ u(s, {
 					path: "catalog/:courseId",
-					element: /* @__PURE__ */ c(f, {})
+					element: A("buildmyiq.catalog", /* @__PURE__ */ u(m, {}))
 				}),
-				/* @__PURE__ */ c(a, {
+				/* @__PURE__ */ u(s, {
 					path: "learning",
-					element: /* @__PURE__ */ c(p, {})
+					element: A("buildmyiq.learning", /* @__PURE__ */ u(h, {}))
 				}),
-				/* @__PURE__ */ c(a, {
+				/* @__PURE__ */ u(s, {
 					path: "learning/:enrollmentId",
-					element: /* @__PURE__ */ c(m, {})
+					element: A("buildmyiq.learning", /* @__PURE__ */ u(g, {}))
 				}),
-				/* @__PURE__ */ c(a, {
+				/* @__PURE__ */ u(s, {
 					path: "paths",
-					element: /* @__PURE__ */ c(x, {})
+					element: A("buildmyiq.paths", /* @__PURE__ */ u(C, {}))
 				}),
-				/* @__PURE__ */ c(a, {
+				/* @__PURE__ */ u(s, {
 					path: "authoring",
-					element: /* @__PURE__ */ c(h, {})
+					element: A("buildmyiq.authoring", /* @__PURE__ */ u(_, {}))
 				}),
-				/* @__PURE__ */ c(a, {
+				/* @__PURE__ */ u(s, {
 					path: "authoring/:courseId",
-					element: /* @__PURE__ */ c(g, {})
+					element: A("buildmyiq.authoring", /* @__PURE__ */ u(v, {}))
 				}),
-				/* @__PURE__ */ c(a, {
+				/* @__PURE__ */ u(s, {
 					path: "assessments",
-					element: /* @__PURE__ */ c(_, {})
+					element: A("buildmyiq.assessments", /* @__PURE__ */ u(y, {}))
 				}),
-				/* @__PURE__ */ c(a, {
+				/* @__PURE__ */ u(s, {
 					path: "assessments/:assessmentId",
-					element: /* @__PURE__ */ c(v, {})
+					element: A("buildmyiq.assessments", /* @__PURE__ */ u(b, {}))
 				}),
-				/* @__PURE__ */ c(a, {
+				/* @__PURE__ */ u(s, {
 					path: "assessments/:assessmentId/take",
-					element: /* @__PURE__ */ c(y, {})
+					element: A("buildmyiq.assessments", /* @__PURE__ */ u(x, {}))
 				}),
-				/* @__PURE__ */ c(a, {
+				/* @__PURE__ */ u(s, {
 					path: "insights",
-					element: /* @__PURE__ */ c(b, {})
+					element: A("buildmyiq.insights", /* @__PURE__ */ u(S, {}))
 				}),
-				/* @__PURE__ */ c(a, {
+				/* @__PURE__ */ u(s, {
 					path: "submissions",
-					element: /* @__PURE__ */ c(S, {})
+					element: A("buildmyiq.submissions", /* @__PURE__ */ u(w, {}))
 				}),
-				/* @__PURE__ */ c(a, {
+				/* @__PURE__ */ u(s, {
 					path: "cohorts",
-					element: /* @__PURE__ */ c(C, {})
+					element: A("buildmyiq.cohorts", /* @__PURE__ */ u(T, {}))
 				}),
-				/* @__PURE__ */ c(a, {
+				/* @__PURE__ */ u(s, {
 					path: "skills",
-					element: /* @__PURE__ */ c(w, {})
+					element: A("buildmyiq.skills", /* @__PURE__ */ u(E, {}))
 				}),
-				/* @__PURE__ */ c(a, {
+				/* @__PURE__ */ u(s, {
 					path: "certificates",
-					element: /* @__PURE__ */ c(T, {})
+					element: A("buildmyiq.certificates", /* @__PURE__ */ u(D, {}))
 				}),
-				/* @__PURE__ */ c(a, {
+				/* @__PURE__ */ u(s, {
 					path: "*",
-					element: /* @__PURE__ */ c(i, {
-						to: O || "/",
+					element: /* @__PURE__ */ u(o, {
+						to: f || "/",
 						replace: !0
 					})
 				})
@@ -91,6 +109,6 @@ var d = r(() => import("./pages/catalog/CatalogPage.js").then((e) => ({ default:
 	});
 };
 //#endregion
-export { D as BuildmyiqRoutes };
+export { j as BuildmyiqRoutes };
 
 //# sourceMappingURL=BuildmyiqRoutes.js.map

package/dist/buildmyiq/BuildmyiqRoutes.js.map

@@ -1 +1 @@
-{"version":3,"file":"BuildmyiqRoutes.js","names":[],"sources":["../../src/buildmyiq/BuildmyiqRoutes.tsx"],"sourcesContent":["/**\n * Buildmyiq Routes\n * @module buildmyiq\n *\n * Domain routes. The dashboard is eager-loaded (primary landing); all other\n * pages are lazy-loaded. Every route maps to a real `bui*` backend capability.\n */\n\nimport { type FC, lazy, Suspense } from 'react';\nimport { Routes, Route, Navigate, useLocation } from 'react-router-dom';\nimport { Spinner } from '@burdenoff/fe-libs/ui';\nimport { useBuildmyiq } from './context/BuildmyiqContext';\n\n// Eager — primary landing\nimport { DashboardPage } from './pages/DashboardPage';\n\n// Catalog (learner-facing course discovery + detail + enrol)\nconst CatalogPage = lazy(() =>\n  import('./pages/catalog/CatalogPage').then((m) => ({ default: m.CatalogPage }))\n);\nconst CourseDetailPage = lazy(() =>\n  import('./pages/catalog/CourseDetailPage').then((m) => ({ default: m.CourseDetailPage }))\n);\n\n// My Learning (enrollments + progress + lesson player)\nconst MyLearningPage = lazy(() =>\n  import('./pages/learning/MyLearningPage').then((m) => ({ default: m.MyLearningPage }))\n);\nconst LessonPlayerPage = lazy(() =>\n  import('./pages/learning/LessonPlayerPage').then((m) => ({ default: m.LessonPlayerPage }))\n);\n\n// Authoring (instructor course management + builder)\nconst AuthoringPage = lazy(() =>\n  import('./pages/authoring/AuthoringPage').then((m) => ({ default: m.AuthoringPage }))\n);\nconst CourseBuilderPage = lazy(() =>\n  import('./pages/authoring/CourseBuilderPage').then((m) => ({ default: m.CourseBuilderPage }))\n);\n\n// Assessments (list + builder/questions/detail)\nconst AssessmentsPage = lazy(() =>\n  import('./pages/assessments/AssessmentsPage').then((m) => ({ default: m.AssessmentsPage }))\n);\nconst AssessmentDetailPage = lazy(() =>\n  import('./pages/assessments/AssessmentDetailPage').then((m) => ({\n    default: m.AssessmentDetailPage,\n  }))\n);\n// Learner-facing: take a published assessment (answer + submit)\nconst TakeAssessmentPage = lazy(() =>\n  import('./pages/assessments/TakeAssessmentPage').then((m) => ({ default: m.TakeAssessmentPage }))\n);\n\n// Insights (educator analytics, derived from real data)\nconst InsightsPage = lazy(() =>\n  import('./pages/insights/InsightsPage').then((m) => ({ default: m.InsightsPage }))\n);\n\n// Skill Journeys (derived guided paths)\nconst PathsPage = lazy(() =>\n  import('./pages/paths/PathsPage').then((m) => ({ default: m.PathsPage }))\n);\n\n// Grading (submissions queue)\nconst SubmissionsPage = lazy(() =>\n  import('./pages/submissions/SubmissionsPage').then((m) => ({ default: m.SubmissionsPage }))\n);\n\n// Cohorts\nconst CohortsPage = lazy(() =>\n  import('./pages/cohorts/CohortsPage').then((m) => ({ default: m.CohortsPage }))\n);\n\n// Skills taxonomy\nconst SkillsPage = lazy(() =>\n  import('./pages/skills/SkillsPage').then((m) => ({ default: m.SkillsPage }))\n);\n\n// Certificates\nconst CertificatesPage = lazy(() =>\n  import('./pages/certificates/CertificatesPage').then((m) => ({ default: m.CertificatesPage }))\n);\n\nconst PageLoader: FC = () => (\n  <div className=\"flex min-h-[400px] items-center justify-center\">\n    <Spinner size=\"lg\" />\n  </div>\n);\n\nexport const BuildmyiqRoutes: FC = () => {\n  const { basePath, isStandalone } = useBuildmyiq();\n  const location = useLocation();\n\n  const normalizedBasePath = basePath === '/' ? '' : (basePath ?? '').replace(/\\/$/, '');\n\n  // Guard: only render if the current path matches basePath (integrated mode).\n  if (normalizedBasePath && !isStandalone) {\n    const pathMatches =\n      location.pathname === normalizedBasePath ||\n      location.pathname.startsWith(normalizedBasePath + '/');\n    if (!pathMatches) {\n      return null;\n    }\n  }\n\n  return (\n    <div className=\"flex min-h-full flex-col\">\n      <Suspense fallback={<PageLoader />}>\n        <Routes>\n          <Route index element={<DashboardPage />} />\n\n          <Route path=\"catalog\" element={<CatalogPage />} />\n          <Route path=\"catalog/:courseId\" element={<CourseDetailPage />} />\n\n          <Route path=\"learning\" element={<MyLearningPage />} />\n          <Route path=\"learning/:enrollmentId\" element={<LessonPlayerPage />} />\n\n          <Route path=\"paths\" element={<PathsPage />} />\n\n          <Route path=\"authoring\" element={<AuthoringPage />} />\n          <Route path=\"authoring/:courseId\" element={<CourseBuilderPage />} />\n\n          <Route path=\"assessments\" element={<AssessmentsPage />} />\n          <Route path=\"assessments/:assessmentId\" element={<AssessmentDetailPage />} />\n          <Route path=\"assessments/:assessmentId/take\" element={<TakeAssessmentPage />} />\n\n          <Route path=\"insights\" element={<InsightsPage />} />\n\n          <Route path=\"submissions\" element={<SubmissionsPage />} />\n          <Route path=\"cohorts\" element={<CohortsPage />} />\n          <Route path=\"skills\" element={<SkillsPage />} />\n          <Route path=\"certificates\" element={<CertificatesPage />} />\n\n          <Route path=\"*\" element={<Navigate to={normalizedBasePath || '/'} replace />} />\n        </Routes>\n      </Suspense>\n    </div>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"BuildmyiqRoutes.js","names":[],"sources":["../../src/buildmyiq/BuildmyiqRoutes.tsx"],"sourcesContent":["/**\n * Buildmyiq Routes\n * @module buildmyiq\n *\n * Domain routes. The dashboard is eager-loaded (primary landing); all other\n * pages are lazy-loaded. Every route maps to a real `bui*` backend capability.\n * All product routes are gated by feature flags that default to enabled.\n */\n\nimport React, { type FC, lazy, Suspense } from 'react';\nimport { Routes, Route, Navigate, useLocation } from 'react-router-dom';\nimport { FeatureGate } from '@burdenoff/fe-libs/shared/feature-flags';\nimport { Spinner } from '@burdenoff/fe-libs/ui';\nimport { useBuildmyiq } from './context';\nimport { useTr } from './shared/hooks/useTr';\n\n// Eager — primary landing\nimport { DashboardPage } from './pages/DashboardPage';\n\n// Catalog (learner-facing course discovery + detail + enrol)\nconst CatalogPage = lazy(() =>\n  import('./pages/catalog/CatalogPage').then((m) => ({ default: m.CatalogPage }))\n);\nconst CourseDetailPage = lazy(() =>\n  import('./pages/catalog/CourseDetailPage').then((m) => ({ default: m.CourseDetailPage }))\n);\n\n// My Learning (enrollments + progress + lesson player)\nconst MyLearningPage = lazy(() =>\n  import('./pages/learning/MyLearningPage').then((m) => ({ default: m.MyLearningPage }))\n);\nconst LessonPlayerPage = lazy(() =>\n  import('./pages/learning/LessonPlayerPage').then((m) => ({ default: m.LessonPlayerPage }))\n);\n\n// Authoring (instructor course management + builder)\nconst AuthoringPage = lazy(() =>\n  import('./pages/authoring/AuthoringPage').then((m) => ({ default: m.AuthoringPage }))\n);\nconst CourseBuilderPage = lazy(() =>\n  import('./pages/authoring/CourseBuilderPage').then((m) => ({ default: m.CourseBuilderPage }))\n);\n\n// Assessments (list + builder/questions/detail)\nconst AssessmentsPage = lazy(() =>\n  import('./pages/assessments/AssessmentsPage').then((m) => ({ default: m.AssessmentsPage }))\n);\nconst AssessmentDetailPage = lazy(() =>\n  import('./pages/assessments/AssessmentDetailPage').then((m) => ({\n    default: m.AssessmentDetailPage,\n  }))\n);\n// Learner-facing: take a published assessment (answer + submit)\nconst TakeAssessmentPage = lazy(() =>\n  import('./pages/assessments/TakeAssessmentPage').then((m) => ({ default: m.TakeAssessmentPage }))\n);\n\n// Insights (educator analytics, derived from real data)\nconst InsightsPage = lazy(() =>\n  import('./pages/insights/InsightsPage').then((m) => ({ default: m.InsightsPage }))\n);\n\n// Skill Journeys (derived guided paths)\nconst PathsPage = lazy(() =>\n  import('./pages/paths/PathsPage').then((m) => ({ default: m.PathsPage }))\n);\n\n// Grading (submissions queue)\nconst SubmissionsPage = lazy(() =>\n  import('./pages/submissions/SubmissionsPage').then((m) => ({ default: m.SubmissionsPage }))\n);\n\n// Cohorts\nconst CohortsPage = lazy(() =>\n  import('./pages/cohorts/CohortsPage').then((m) => ({ default: m.CohortsPage }))\n);\n\n// Skills taxonomy\nconst SkillsPage = lazy(() =>\n  import('./pages/skills/SkillsPage').then((m) => ({ default: m.SkillsPage }))\n);\n\n// Certificates\nconst CertificatesPage = lazy(() =>\n  import('./pages/certificates/CertificatesPage').then((m) => ({ default: m.CertificatesPage }))\n);\n\nconst PageLoader: FC = () => (\n  <div className=\"flex min-h-[400px] items-center justify-center\">\n    <Spinner size=\"lg\" />\n  </div>\n);\n\nfunction FeatureDisabledFallback() {\n  const tr = useTr();\n  return (\n    <div className=\"flex h-full min-h-[200px] items-center justify-center text-sm text-text-secondary\">\n      {tr(\n        'buildmyiq.pages.featureDisabled',\n        'This feature is currently disabled. You can enable it from Feature Previews.'\n      )}\n    </div>\n  );\n}\n\nfunction gated(flag: string, element: React.ReactNode, defaultValue = true): React.ReactElement {\n  return (\n    <FeatureGate flag={flag} defaultValue={defaultValue} fallback={<FeatureDisabledFallback />}>\n      {element}\n    </FeatureGate>\n  );\n}\n\nexport const BuildmyiqRoutes: FC = () => {\n  const { basePath, isStandalone } = useBuildmyiq();\n  const location = useLocation();\n\n  const normalizedBasePath = basePath === '/' ? '' : (basePath ?? '').replace(/\\/$/, '');\n\n  // Guard: only render if the current path matches basePath (integrated mode).\n  if (normalizedBasePath && !isStandalone) {\n    const pathMatches =\n      location.pathname === normalizedBasePath ||\n      location.pathname.startsWith(normalizedBasePath + '/');\n    if (!pathMatches) {\n      return null;\n    }\n  }\n\n  return (\n    <div className=\"flex min-h-full flex-col\">\n      <Suspense fallback={<PageLoader />}>\n        <Routes>\n          <Route index element={gated('buildmyiq.overview', <DashboardPage />)} />\n\n          <Route path=\"catalog\" element={gated('buildmyiq.catalog', <CatalogPage />)} />\n          <Route\n            path=\"catalog/:courseId\"\n            element={gated('buildmyiq.catalog', <CourseDetailPage />)}\n          />\n\n          <Route path=\"learning\" element={gated('buildmyiq.learning', <MyLearningPage />)} />\n          <Route\n            path=\"learning/:enrollmentId\"\n            element={gated('buildmyiq.learning', <LessonPlayerPage />)}\n          />\n\n          <Route path=\"paths\" element={gated('buildmyiq.paths', <PathsPage />)} />\n\n          <Route path=\"authoring\" element={gated('buildmyiq.authoring', <AuthoringPage />)} />\n          <Route\n            path=\"authoring/:courseId\"\n            element={gated('buildmyiq.authoring', <CourseBuilderPage />)}\n          />\n\n          <Route path=\"assessments\" element={gated('buildmyiq.assessments', <AssessmentsPage />)} />\n          <Route\n            path=\"assessments/:assessmentId\"\n            element={gated('buildmyiq.assessments', <AssessmentDetailPage />)}\n          />\n          <Route\n            path=\"assessments/:assessmentId/take\"\n            element={gated('buildmyiq.assessments', <TakeAssessmentPage />)}\n          />\n\n          <Route path=\"insights\" element={gated('buildmyiq.insights', <InsightsPage />)} />\n\n          <Route path=\"submissions\" element={gated('buildmyiq.submissions', <SubmissionsPage />)} />\n          <Route path=\"cohorts\" element={gated('buildmyiq.cohorts', <CohortsPage />)} />\n          <Route path=\"skills\" element={gated('buildmyiq.skills', <SkillsPage />)} />\n          <Route\n            path=\"certificates\"\n            element={gated('buildmyiq.certificates', <CertificatesPage />)}\n          />\n\n          <Route path=\"*\" element={<Navigate to={normalizedBasePath || '/'} replace />} />\n        </Routes>\n      </Suspense>\n    </div>\n  );\n};\n"],"mappings":"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"}

package/dist/buildmyiq/components/BuiDiscussion.js

@@ -1,8 +1,8 @@
 import { useBuildmyiq as e } from "../context/BuildmyiqContext.js";
+import "../context/index.js";
 import { formatDateTime as t } from "../utils/formatters.js";
 import { EmptyState as n } from "./EmptyState.js";
 import { ErrorView as r, LoadingView as i, Section as a } from "./StateViews.js";
-import "../context/index.js";
 import { useBuiComments as o, useEcoCreateComment as s } from "../hooks/useBuiComments.js";
 import "../hooks/index.js";
 import { useState as c } from "react";

package/dist/buildmyiq/index.js

@@ -1,6 +1,6 @@
 import "./utils/navigation.js";
 import "./context/BuildmyiqContext.js";
+import "./context/index.js";
 import "./utils/cn.js";
 import "./utils/formatters.js";
-import "./context/index.js";
 import "./BuildmyiqRoot.js";

package/dist/buildmyiq/pages/DashboardPage.js

@@ -1,25 +1,27 @@
 import { useBuildmyiq as e } from "../context/BuildmyiqContext.js";
-import { cn as t } from "../utils/cn.js";
-import { PageLayout as n } from "../components/PageLayout.js";
-import { MetricsCard as r } from "../components/MetricsCard.js";
-import { formatEnumLabel as i, formatRelativeTime as a } from "../utils/formatters.js";
-import { EmptyState as o } from "../components/EmptyState.js";
-import { LoadingView as s, Section as c } from "../components/StateViews.js";
-import { MiniBar as l } from "../components/MiniBar.js";
-import { Avatar as u } from "../components/Avatar.js";
-import { Sparkline as d } from "../components/Viz.js";
 import "../context/index.js";
-import { useBuiCertificates as f, useBuiCourses as p, useBuiEnrollments as m } from "../hooks/useBuildmyiqApi.js";
+import { useTr as t } from "../shared/hooks/useTr.js";
+import { cn as n } from "../utils/cn.js";
+import { PageLayout as r } from "../components/PageLayout.js";
+import { MetricsCard as i } from "../components/MetricsCard.js";
+import { formatEnumLabel as a, formatRelativeTime as o } from "../utils/formatters.js";
+import { EmptyState as s } from "../components/EmptyState.js";
+import { LoadingView as c, Section as l } from "../components/StateViews.js";
+import { MiniBar as u } from "../components/MiniBar.js";
+import { Avatar as d } from "../components/Avatar.js";
+import { Sparkline as f } from "../components/Viz.js";
+import { useBuiCertificates as p, useBuiCourses as m, useBuiEnrollments as h } from "../hooks/useBuildmyiqApi.js";
 import "../hooks/index.js";
 import "../components/index.js";
-import { CourseCard as h } from "./_shared/CourseCard.js";
+import { CourseCard as g } from "./_shared/CourseCard.js";
 import "./_shared/index.js";
-import { useMemo as g } from "react";
-import { ArrowRight as _, Award as v, BookOpen as y, CheckCircle2 as b, Clock as x, Play as S } from "lucide-react";
-import { jsx as C, jsxs as w } from "react/jsx-runtime";
-import { Button as T, GlassCard as E } from "@burdenoff/fe-libs/ui";
+import { useMemo as _ } from "react";
+import { ArrowRight as v, Award as y, BookOpen as b, CheckCircle2 as x, Clock as S, Play as C } from "lucide-react";
+import { jsx as w, jsxs as T } from "react/jsx-runtime";
+import { Button as E, GlassCard as D } from "@burdenoff/fe-libs/ui";
+import { useEventBus as O } from "@burdenoff/fe-libs/shared/events";
 //#region src/buildmyiq/pages/DashboardPage.tsx
-var D = (e, t = 8) => {
+var k = (e, t = 8) => {
 	let n = e.map((e) => e ? new Date(e).getTime() : NaN).filter((e) => !Number.isNaN(e)).sort((e, t) => e - t);
 	if (n.length < 2) return n.length === 1 ? [1] : [];
 	let r = n[0], i = Math.max(1, Date.now() - r), a = [];
@@ -28,187 +30,211 @@ var D = (e, t = 8) => {
 		a.push(n.filter((e) => e <= o).length);
 	}
 	return a;
-}, O = ({ tint: e, children: n }) => /* @__PURE__ */ C("span", {
-	className: t("inline-flex h-10 w-10 items-center justify-center rounded-xl", e),
+}, A = ({ tint: e, children: t }) => /* @__PURE__ */ w("span", {
+	className: n("inline-flex h-10 w-10 items-center justify-center rounded-xl", e),
 	"aria-hidden": "true",
-	children: n
-}), k = () => {
-	let { currentUser: t, navigateTo: k } = e(), A = t?.id, j = p({
+	children: t
+}), j = () => {
+	let { currentUser: n, navigateTo: j, workspaceId: M } = e(), N = t(), P = O(), F = n?.id, I = m({
 		status: "PUBLISHED",
 		limit: 50
-	}), M = m({
-		learnerId: A,
+	}), L = h({
+		learnerId: F,
 		limit: 50,
-		enabled: !!A
-	}), N = f(void 0, A), P = j.data?.items ?? [], F = M.data?.items ?? [], I = N.data ?? [], L = g(() => F.filter((e) => e.status === "ENROLLED" || e.status === "IN_PROGRESS").sort((e, t) => (t.lastActiveAt ?? t.enrolledAt).localeCompare(e.lastActiveAt ?? e.enrolledAt)), [F]), R = F.filter((e) => e.status === "COMPLETED").length, z = t?.firstName || t?.name?.split(" ")[0] || "there", B = [t?.firstName, t?.lastName].filter(Boolean).join(" ").trim(), V = t?.name || B || (z === "there" ? "" : z), H = t?.role ? i(t.role) : t?.email, U = j.isLoading || !!A && M.isLoading, W = g(() => {
+		enabled: !!F
+	}), R = p(void 0, F), z = I.data?.items ?? [], B = L.data?.items ?? [], V = R.data ?? [], H = _(() => B.filter((e) => e.status === "ENROLLED" || e.status === "IN_PROGRESS").sort((e, t) => (t.lastActiveAt ?? t.enrolledAt).localeCompare(e.lastActiveAt ?? e.enrolledAt)), [B]), U = B.filter((e) => e.status === "COMPLETED").length, W = n?.firstName || n?.name?.split(" ")[0] || "there", G = [n?.firstName, n?.lastName].filter(Boolean).join(" ").trim(), K = n?.name || G || (W === "there" ? "" : W), q = n?.role ? a(n.role) : n?.email, J = I.isLoading || !!F && L.isLoading, Y = _(() => {
 		let e = /* @__PURE__ */ new Map();
-		for (let t of P) e.set(t.id, t);
+		for (let t of z) e.set(t.id, t);
 		return e;
-	}, [P]), G = g(() => ({
-		published: D(P.map((e) => e.publishedAt ?? e.createdAt)),
-		inProgress: D(F.map((e) => e.enrolledAt)),
-		completed: D(F.filter((e) => e.status === "COMPLETED").map((e) => e.completedAt ?? e.updatedAt)),
-		certificates: D(I.map((e) => e.issuedAt))
+	}, [z]), X = _(() => ({
+		published: k(z.map((e) => e.publishedAt ?? e.createdAt)),
+		inProgress: k(B.map((e) => e.enrolledAt)),
+		completed: k(B.filter((e) => e.status === "COMPLETED").map((e) => e.completedAt ?? e.updatedAt)),
+		certificates: k(V.map((e) => e.issuedAt))
 	}), [
-		P,
-		F,
-		I
-	]), K = [
+		z,
+		B,
+		V
+	]), Z = [
 		{
 			key: "published",
-			icon: /* @__PURE__ */ C(y, { className: "h-5 w-5" }),
+			icon: /* @__PURE__ */ w(b, { className: "h-5 w-5" }),
 			tint: "bg-[var(--color-accent-soft)] text-[var(--color-accent-primary)]",
-			value: `${P.length}${j.data?.pageInfo?.hasMore ? "+" : ""}`,
-			label: "Published courses",
+			value: `${z.length}${I.data?.pageInfo?.hasMore ? "+" : ""}`,
+			label: N("buildmyiq.dashboard.publishedCourses", "Published courses"),
 			featured: !0,
-			series: G.published,
+			series: X.published,
 			sparkColor: "var(--color-accent-primary)"
 		},
 		{
 			key: "in-progress",
-			icon: /* @__PURE__ */ C(x, { className: "h-5 w-5" }),
+			icon: /* @__PURE__ */ w(S, { className: "h-5 w-5" }),
 			tint: "bg-[color-mix(in_srgb,var(--color-accent-teal)_16%,transparent)] text-[var(--color-accent-teal)]",
-			value: L.length,
-			label: "Courses in progress",
-			series: G.inProgress,
+			value: H.length,
+			label: N("buildmyiq.dashboard.coursesInProgress", "Courses in progress"),
+			series: X.inProgress,
 			sparkColor: "var(--color-accent-teal)"
 		},
 		{
 			key: "completed",
-			icon: /* @__PURE__ */ C(b, { className: "h-5 w-5" }),
+			icon: /* @__PURE__ */ w(x, { className: "h-5 w-5" }),
 			tint: "bg-status-success-bg-subtle text-status-success-text",
-			value: R,
-			label: "Completed",
-			series: G.completed,
+			value: U,
+			label: N("buildmyiq.dashboard.completed", "Completed"),
+			series: X.completed,
 			sparkColor: "var(--color-status-success-text)"
 		},
 		{
 			key: "certificates",
-			icon: /* @__PURE__ */ C(v, { className: "h-5 w-5" }),
+			icon: /* @__PURE__ */ w(y, { className: "h-5 w-5" }),
 			tint: "bg-status-warning-bg-subtle text-status-warning-text",
-			value: I.length,
-			label: "Certificates earned",
-			series: G.certificates,
+			value: V.length,
+			label: N("buildmyiq.dashboard.certificatesEarned", "Certificates earned"),
+			series: X.certificates,
 			sparkColor: "var(--color-status-warning-text)"
 		}
 	];
-	return /* @__PURE__ */ C(n, {
-		title: `Welcome back, ${z}`,
-		description: "Your learning, teaching and credentialing — all in one workspace.",
+	return /* @__PURE__ */ w(r, {
+		title: N("buildmyiq.dashboard.welcomeBack", "Welcome back, {{name}}", { name: W }),
+		description: N("buildmyiq.dashboard.subtitle", "Your learning, teaching and credentialing — all in one workspace."),
 		titleGradient: !0,
 		aurora: !0,
-		actions: t ? /* @__PURE__ */ w("div", {
+		actions: n ? /* @__PURE__ */ T("div", {
 			className: "flex w-fit items-center gap-2.5 rounded-full border border-border-seam bg-bg-surface/60 py-1.5 pl-1.5 pr-3.5 backdrop-blur",
-			children: [/* @__PURE__ */ C(u, {
-				name: V || null,
-				seed: t.id,
-				src: t.avatar,
+			children: [/* @__PURE__ */ w(d, {
+				name: K || null,
+				seed: n.id,
+				src: n.avatar,
 				size: "sm"
-			}), (V || H) && /* @__PURE__ */ w("div", {
+			}), (K || q) && /* @__PURE__ */ T("div", {
 				className: "min-w-0 leading-tight",
-				children: [V && /* @__PURE__ */ C("p", {
+				children: [K && /* @__PURE__ */ w("p", {
 					className: "truncate text-sm font-medium text-text-primary",
-					children: V
-				}), H && /* @__PURE__ */ C("p", {
+					children: K
+				}), q && /* @__PURE__ */ w("p", {
 					className: "max-w-[10rem] truncate text-xs text-text-secondary",
-					children: H
+					children: q
 				})]
 			})]
 		}) : void 0,
-		children: U ? /* @__PURE__ */ C(s, { label: "Loading your learning dashboard…" }) : /* @__PURE__ */ w("div", {
+		children: J ? /* @__PURE__ */ w(c, { label: N("buildmyiq.dashboard.loading", "Loading your learning dashboard…") }) : /* @__PURE__ */ T("div", {
 			className: "flex flex-col gap-8",
+			"data-tour": "buildmyiq-dashboard-content",
 			children: [
-				/* @__PURE__ */ C("div", {
+				/* @__PURE__ */ w("div", {
 					className: "grid grid-cols-1 gap-4 sm:grid-cols-2 xl:grid-cols-4",
-					children: K.map((e) => /* @__PURE__ */ C(r, {
-						icon: /* @__PURE__ */ C(O, {
+					"data-tour": "buildmyiq-dashboard-kpis",
+					children: Z.map((e) => /* @__PURE__ */ w(i, {
+						icon: /* @__PURE__ */ w(A, {
 							tint: e.tint,
 							children: e.icon
 						}),
 						value: e.value,
 						label: e.label,
 						featured: e.featured,
-						pill: e.series.length >= 2 ? /* @__PURE__ */ C(d, {
+						pill: e.series.length >= 2 ? /* @__PURE__ */ w(f, {
 							data: e.series,
 							color: e.sparkColor
 						}) : void 0
 					}, e.key))
 				}),
-				/* @__PURE__ */ C(c, {
-					title: "Continue learning",
-					description: "Pick up where you left off.",
-					action: /* @__PURE__ */ w(T, {
+				/* @__PURE__ */ w(l, {
+					title: N("buildmyiq.dashboard.continueLearning", "Continue learning"),
+					description: N("buildmyiq.dashboard.continueLearningDescription", "Pick up where you left off."),
+					action: /* @__PURE__ */ T(E, {
 						variant: "ghost",
 						size: "sm",
-						onClick: () => k("learning"),
-						children: ["My learning ", /* @__PURE__ */ C(_, { className: "ml-1 h-4 w-4" })]
+						onClick: () => {
+							P.emitCustom("buildmyiq.dashboard.my_learning_clicked", { workspaceId: M }), j("learning");
+						},
+						"data-tour": "buildmyiq-dashboard-my-learning",
+						children: [
+							N("buildmyiq.dashboard.myLearning", "My learning"),
+							" ",
+							/* @__PURE__ */ w(v, { className: "ml-1 h-4 w-4" })
+						]
 					}),
-					children: L.length === 0 ? /* @__PURE__ */ C(o, {
+					children: H.length === 0 ? /* @__PURE__ */ w(s, {
 						illustration: "onboarding",
-						title: "No active courses yet",
-						description: "Browse the catalog and enrol in a course to start learning.",
-						action: /* @__PURE__ */ C(T, {
-							onClick: () => k("catalog"),
-							children: "Explore the catalog"
+						title: N("buildmyiq.dashboard.noActiveCoursesTitle", "No active courses yet"),
+						description: N("buildmyiq.dashboard.noActiveCoursesDescription", "Browse the catalog and enrol in a course to start learning."),
+						action: /* @__PURE__ */ w(E, {
+							onClick: () => {
+								P.emitCustom("buildmyiq.dashboard.explore_catalog_clicked", { workspaceId: M }), j("catalog");
+							},
+							"data-tour": "buildmyiq-dashboard-explore-catalog",
+							children: N("common.explore", "Explore the catalog")
 						})
-					}) : /* @__PURE__ */ C("div", {
+					}) : /* @__PURE__ */ w("div", {
 						className: "grid grid-cols-1 gap-4 md:grid-cols-2",
-						children: L.slice(0, 4).map((e) => {
-							let t = W.get(e.courseId), n = t?.title ?? "Course", r = (t) => {
-								t?.stopPropagation(), k(`learning/${e.id}`);
+						"data-tour": "buildmyiq-dashboard-continue-cards",
+						children: H.slice(0, 4).map((e) => {
+							let t = Y.get(e.courseId), n = t?.title ?? "Course", r = (t) => {
+								t?.stopPropagation(), j(`learning/${e.id}`);
 							};
-							return /* @__PURE__ */ w(E, {
+							return /* @__PURE__ */ T(D, {
 								treatment: "plain",
 								className: "group flex cursor-pointer flex-col overflow-hidden transition-shadow hover:shadow-lg sm:flex-row",
 								onClick: () => r(),
-								children: [/* @__PURE__ */ w("div", {
+								children: [/* @__PURE__ */ T("div", {
 									className: "relative h-36 w-full shrink-0 overflow-hidden bg-bg-sunken sm:h-auto sm:w-40",
-									children: [t?.cover?.downloadUrl ? /* @__PURE__ */ C("img", {
+									children: [t?.cover?.downloadUrl ? /* @__PURE__ */ w("img", {
 										src: t.cover.downloadUrl,
 										alt: "",
 										className: "h-full w-full object-cover transition-transform duration-500 group-hover:scale-105"
-									}) : /* @__PURE__ */ C("div", {
+									}) : /* @__PURE__ */ w("div", {
 										className: "flex h-full w-full items-center justify-center bg-gradient-to-br from-[var(--color-accent-soft)] to-bg-sunken",
-										children: /* @__PURE__ */ C(y, { className: "h-8 w-8 text-text-secondary opacity-60" })
-									}), /* @__PURE__ */ C("div", {
+										children: /* @__PURE__ */ w(b, { className: "h-8 w-8 text-text-secondary opacity-60" })
+									}), /* @__PURE__ */ w("div", {
 										className: "absolute inset-0 flex items-center justify-center",
-										children: /* @__PURE__ */ C("span", {
+										children: /* @__PURE__ */ w("span", {
 											className: "inline-flex h-11 w-11 items-center justify-center rounded-full bg-bg-surface/85 shadow-lg backdrop-blur transition-transform duration-200 group-hover:scale-110",
-											children: /* @__PURE__ */ C(S, { className: "ml-0.5 h-5 w-5 fill-current text-[var(--color-accent-primary)]" })
+											children: /* @__PURE__ */ w(C, { className: "ml-0.5 h-5 w-5 fill-current text-[var(--color-accent-primary)]" })
 										})
 									})]
-								}), /* @__PURE__ */ w("div", {
+								}), /* @__PURE__ */ T("div", {
 									className: "flex min-w-0 flex-1 flex-col gap-2 p-4",
 									children: [
-										/* @__PURE__ */ C("p", {
+										/* @__PURE__ */ w("p", {
 											className: "line-clamp-1 font-semibold text-text-primary",
 											children: n
 										}),
-										t?.summary && /* @__PURE__ */ C("p", {
+										t?.summary && /* @__PURE__ */ w("p", {
 											className: "line-clamp-2 text-sm text-text-secondary",
 											children: t.summary
 										}),
-										/* @__PURE__ */ w("div", {
+										/* @__PURE__ */ T("div", {
 											className: "mt-auto space-y-2.5 pt-2",
-											children: [/* @__PURE__ */ w("div", {
+											children: [/* @__PURE__ */ T("div", {
 												className: "flex items-center gap-2",
-												children: [/* @__PURE__ */ C(l, {
+												children: [/* @__PURE__ */ w(u, {
 													value: e.progressPct,
 													className: "flex-1"
-												}), /* @__PURE__ */ w("span", {
+												}), /* @__PURE__ */ T("span", {
 													className: "shrink-0 text-xs font-semibold tabular-nums text-text-secondary",
 													children: [e.progressPct, "%"]
 												})]
-											}), /* @__PURE__ */ w("div", {
+											}), /* @__PURE__ */ T("div", {
 												className: "flex items-center justify-between gap-2",
-												children: [/* @__PURE__ */ w("span", {
+												children: [/* @__PURE__ */ T("span", {
 													className: "truncate text-xs text-text-secondary",
-													children: ["Active ", a(e.lastActiveAt ?? e.enrolledAt)]
-												}), /* @__PURE__ */ w(T, {
+													children: ["Active ", o(e.lastActiveAt ?? e.enrolledAt)]
+												}), /* @__PURE__ */ T(E, {
 													size: "sm",
 													className: "min-h-[40px] shrink-0",
-													onClick: (e) => r(e),
-													children: [/* @__PURE__ */ C(S, { className: "mr-1 h-4 w-4 fill-current" }), " Continue"]
+													onClick: (t) => {
+														P.emitCustom("buildmyiq.dashboard.continue_course_clicked", {
+															workspaceId: M,
+															enrollmentId: e.id,
+															courseId: e.courseId
+														}), r(t);
+													},
+													"data-tour": "buildmyiq-dashboard-continue-button",
+													children: [
+														/* @__PURE__ */ w(C, { className: "mr-1 h-4 w-4 fill-current" }),
+														" ",
+														N("common.continue", "Continue")
+													]
 												})]
 											})]
 										})
@@ -218,28 +244,39 @@ var D = (e, t = 8) => {
 						})
 					})
 				}),
-				/* @__PURE__ */ C(c, {
-					title: "Explore the catalog",
-					description: "Newly published courses in your workspace.",
-					action: /* @__PURE__ */ w(T, {
+				/* @__PURE__ */ w(l, {
+					title: N("buildmyiq.dashboard.exploreCatalog", "Explore the catalog"),
+					description: N("buildmyiq.dashboard.exploreCatalogDescription", "Newly published courses in your workspace."),
+					action: /* @__PURE__ */ T(E, {
 						variant: "ghost",
 						size: "sm",
-						onClick: () => k("catalog"),
-						children: ["Browse all ", /* @__PURE__ */ C(_, { className: "ml-1 h-4 w-4" })]
+						onClick: () => {
+							P.emitCustom("buildmyiq.dashboard.browse_all_catalog_clicked", { workspaceId: M }), j("catalog");
+						},
+						"data-tour": "buildmyiq-dashboard-browse-all",
+						children: [
+							N("common.browseAll", "Browse all"),
+							" ",
+							/* @__PURE__ */ w(v, { className: "ml-1 h-4 w-4" })
+						]
 					}),
-					children: P.length === 0 ? /* @__PURE__ */ C(o, {
+					children: z.length === 0 ? /* @__PURE__ */ w(s, {
 						illustration: "empty-data",
-						title: "No published courses yet",
-						description: "Create and publish a course in Authoring to populate the catalog.",
-						action: /* @__PURE__ */ C(T, {
-							onClick: () => k("authoring"),
-							children: "Go to Authoring"
+						title: N("buildmyiq.dashboard.noPublishedCoursesTitle", "No published courses yet"),
+						description: N("buildmyiq.dashboard.noPublishedCoursesDescription", "Create and publish a course in Authoring to populate the catalog."),
+						action: /* @__PURE__ */ w(E, {
+							onClick: () => {
+								P.emitCustom("buildmyiq.dashboard.go_to_authoring_clicked", { workspaceId: M }), j("authoring");
+							},
+							"data-tour": "buildmyiq-dashboard-go-authoring",
+							children: N("common.create", "Go to Authoring")
 						})
-					}) : /* @__PURE__ */ C("div", {
+					}) : /* @__PURE__ */ w("div", {
 						className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4",
-						children: P.slice(0, 8).map((e) => /* @__PURE__ */ C(h, {
+						"data-tour": "buildmyiq-dashboard-catalog-grid",
+						children: z.slice(0, 8).map((e) => /* @__PURE__ */ w(g, {
 							course: e,
-							onClick: () => k(`catalog/${e.id}`)
+							onClick: () => j(`catalog/${e.id}`)
 						}, e.id))
 					})
 				})
@@ -248,6 +285,6 @@ var D = (e, t = 8) => {
 	});
 };
 //#endregion
-export { k as DashboardPage };
+export { j as DashboardPage };
 
 //# sourceMappingURL=DashboardPage.js.map

package/dist/buildmyiq/pages/DashboardPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"DashboardPage.js","names":[],"sources":["../../../src/buildmyiq/pages/DashboardPage.tsx"],"sourcesContent":["/**\n * DashboardPage — the Buildmyiq landing surface.\n * @module buildmyiq/pages\n *\n * A learner + educator overview built entirely from real `bui*` data:\n *  - KPI row: published courses, my active enrollments, completed, certificates\n *    — each stat card carries a tinted icon tile and (where derivable) a\n *    Sparkline trend built from the REAL timestamps of the underlying rows.\n *  - Continue learning: the caller's in-progress enrollments as rich cards with\n *    real cover art, summary, a progress bar and a Continue action.\n *  - Explore: recently published catalog courses.\n * Every number, row, avatar and trend is derived from live hooks; empty states\n * are honest and no value is fabricated.\n */\n\nimport type { FC, ReactNode, MouseEvent } from 'react';\nimport { useMemo } from 'react';\nimport { BookOpen, Clock, CheckCircle2, Award, ArrowRight, Play } from 'lucide-react';\nimport { Button, GlassCard } from '@burdenoff/fe-libs/ui';\nimport {\n  PageLayout,\n  MetricsCard,\n  EmptyState,\n  LoadingView,\n  Section,\n  MiniBar,\n  Avatar,\n  Sparkline,\n} from '../components';\nimport { CourseCard } from './_shared';\nimport { cn } from '../utils/cn';\nimport { useBuildmyiq } from '../context';\nimport { useBuiCourses, useBuiEnrollments, useBuiCertificates } from '../hooks';\nimport { formatRelativeTime, formatEnumLabel } from '../utils/formatters';\nimport type { BuiCourse, BuiEnrollment } from '../types';\n\n/**\n * Build a cumulative-count trend series from a set of REAL event timestamps\n * (e.g. `publishedAt`, `enrolledAt`, `issuedAt`). The span from the earliest\n * event to now is split into `buckets` slots and each slot holds the running\n * count of events up to its boundary — a genuine, non-fabricated growth line.\n * Returns fewer than two points when there is not enough history to plot; the\n * caller then omits the sparkline rather than drawing a meaningless flat line.\n */\nconst cumulativeSeries = (\n  isoDates: Array<string | null | undefined>,\n  buckets = 8\n): number[] => {\n  const times = isoDates\n    .map((d) => (d ? new Date(d).getTime() : Number.NaN))\n    .filter((t) => !Number.isNaN(t))\n    .sort((a, b) => a - b);\n  if (times.length < 2) return times.length === 1 ? [1] : [];\n  const start = times[0];\n  const end = Date.now();\n  const span = Math.max(1, end - start);\n  const series: number[] = [];\n  for (let i = 1; i <= buckets; i += 1) {\n    const boundary = start + (span * i) / buckets;\n    series.push(times.filter((t) => t <= boundary).length);\n  }\n  return series;\n};\n\n/** A tinted, rounded icon tile used in the KPI stat cards. */\nconst StatIcon: FC<{ tint: string; children: ReactNode }> = ({ tint, children }) => (\n  <span\n    className={cn('inline-flex h-10 w-10 items-center justify-center rounded-xl', tint)}\n    aria-hidden=\"true\"\n  >\n    {children}\n  </span>\n);\n\nexport const DashboardPage: FC = () => {\n  const { currentUser, navigateTo } = useBuildmyiq();\n  const learnerId = currentUser?.id;\n\n  const coursesQuery = useBuiCourses({ status: 'PUBLISHED', limit: 50 });\n  const enrollmentsQuery = useBuiEnrollments({ learnerId, limit: 50, enabled: Boolean(learnerId) });\n  const certsQuery = useBuiCertificates(undefined, learnerId);\n\n  const courses: BuiCourse[] = coursesQuery.data?.items ?? [];\n  const enrollments: BuiEnrollment[] = enrollmentsQuery.data?.items ?? [];\n  const certificates = certsQuery.data ?? [];\n\n  const activeEnrollments = useMemo(\n    () =>\n      enrollments\n        .filter((e) => e.status === 'ENROLLED' || e.status === 'IN_PROGRESS')\n        .sort((a, b) =>\n          (b.lastActiveAt ?? b.enrolledAt).localeCompare(a.lastActiveAt ?? a.enrolledAt)\n        ),\n    [enrollments]\n  );\n  const completedCount = enrollments.filter((e) => e.status === 'COMPLETED').length;\n\n  const firstName = currentUser?.firstName || currentUser?.name?.split(' ')[0] || 'there';\n  const fullName = [currentUser?.firstName, currentUser?.lastName].filter(Boolean).join(' ').trim();\n  const displayName = currentUser?.name || fullName || (firstName === 'there' ? '' : firstName);\n  const roleLabel = currentUser?.role ? formatEnumLabel(currentUser.role) : currentUser?.email;\n\n  const isLoading = coursesQuery.isLoading || (Boolean(learnerId) && enrollmentsQuery.isLoading);\n\n  const courseById = useMemo(() => {\n    const map = new Map<string, BuiCourse>();\n    for (const c of courses) map.set(c.id, c);\n    return map;\n  }, [courses]);\n\n  // REAL trend lines — cumulative growth from each entity's own timestamps.\n  const trends = useMemo(\n    () => ({\n      published: cumulativeSeries(courses.map((c) => c.publishedAt ?? c.createdAt)),\n      inProgress: cumulativeSeries(enrollments.map((e) => e.enrolledAt)),\n      completed: cumulativeSeries(\n        enrollments\n          .filter((e) => e.status === 'COMPLETED')\n          .map((e) => e.completedAt ?? e.updatedAt)\n      ),\n      certificates: cumulativeSeries(certificates.map((c) => c.issuedAt)),\n    }),\n    [courses, enrollments, certificates]\n  );\n\n  const kpis: Array<{\n    key: string;\n    icon: ReactNode;\n    tint: string;\n    value: string | number;\n    label: string;\n    featured?: boolean;\n    series: number[];\n    sparkColor: string;\n  }> = [\n    {\n      key: 'published',\n      icon: <BookOpen className=\"h-5 w-5\" />,\n      tint: 'bg-[var(--color-accent-soft)] text-[var(--color-accent-primary)]',\n      value: `${courses.length}${coursesQuery.data?.pageInfo?.hasMore ? '+' : ''}`,\n      label: 'Published courses',\n      featured: true,\n      series: trends.published,\n      sparkColor: 'var(--color-accent-primary)',\n    },\n    {\n      key: 'in-progress',\n      icon: <Clock className=\"h-5 w-5\" />,\n      tint: 'bg-[color-mix(in_srgb,var(--color-accent-teal)_16%,transparent)] text-[var(--color-accent-teal)]',\n      value: activeEnrollments.length,\n      label: 'Courses in progress',\n      series: trends.inProgress,\n      sparkColor: 'var(--color-accent-teal)',\n    },\n    {\n      key: 'completed',\n      icon: <CheckCircle2 className=\"h-5 w-5\" />,\n      tint: 'bg-status-success-bg-subtle text-status-success-text',\n      value: completedCount,\n      label: 'Completed',\n      series: trends.completed,\n      sparkColor: 'var(--color-status-success-text)',\n    },\n    {\n      key: 'certificates',\n      icon: <Award className=\"h-5 w-5\" />,\n      tint: 'bg-status-warning-bg-subtle text-status-warning-text',\n      value: certificates.length,\n      label: 'Certificates earned',\n      series: trends.certificates,\n      sparkColor: 'var(--color-status-warning-text)',\n    },\n  ];\n\n  return (\n    <PageLayout\n      title={`Welcome back, ${firstName}`}\n      description=\"Your learning, teaching and credentialing — all in one workspace.\"\n      titleGradient\n      aurora\n      actions={\n        currentUser ? (\n          <div className=\"flex w-fit items-center gap-2.5 rounded-full border border-border-seam bg-bg-surface/60 py-1.5 pl-1.5 pr-3.5 backdrop-blur\">\n            <Avatar name={displayName || null} seed={currentUser.id} src={currentUser.avatar} size=\"sm\" />\n            {(displayName || roleLabel) && (\n              <div className=\"min-w-0 leading-tight\">\n                {displayName && (\n                  <p className=\"truncate text-sm font-medium text-text-primary\">{displayName}</p>\n                )}\n                {roleLabel && (\n                  <p className=\"max-w-[10rem] truncate text-xs text-text-secondary\">{roleLabel}</p>\n                )}\n              </div>\n            )}\n          </div>\n        ) : undefined\n      }\n    >\n      {isLoading ? (\n        <LoadingView label=\"Loading your learning dashboard…\" />\n      ) : (\n        <div className=\"flex flex-col gap-8\">\n          {/* KPI row */}\n          <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2 xl:grid-cols-4\">\n            {kpis.map((k) => (\n              <MetricsCard\n                key={k.key}\n                icon={<StatIcon tint={k.tint}>{k.icon}</StatIcon>}\n                value={k.value}\n                label={k.label}\n                featured={k.featured}\n                pill={\n                  k.series.length >= 2 ? (\n                    <Sparkline data={k.series} color={k.sparkColor} />\n                  ) : undefined\n                }\n              />\n            ))}\n          </div>\n\n          {/* Continue learning */}\n          <Section\n            title=\"Continue learning\"\n            description=\"Pick up where you left off.\"\n            action={\n              <Button variant=\"ghost\" size=\"sm\" onClick={() => navigateTo('learning')}>\n                My learning <ArrowRight className=\"ml-1 h-4 w-4\" />\n              </Button>\n            }\n          >\n            {activeEnrollments.length === 0 ? (\n              <EmptyState\n                illustration=\"onboarding\"\n                title=\"No active courses yet\"\n                description=\"Browse the catalog and enrol in a course to start learning.\"\n                action={<Button onClick={() => navigateTo('catalog')}>Explore the catalog</Button>}\n              />\n            ) : (\n              <div className=\"grid grid-cols-1 gap-4 md:grid-cols-2\">\n                {activeEnrollments.slice(0, 4).map((e) => {\n                  const course = courseById.get(e.courseId);\n                  const title = course?.title ?? 'Course';\n                  const goToCourse = (ev?: MouseEvent) => {\n                    ev?.stopPropagation();\n                    navigateTo(`learning/${e.id}`);\n                  };\n                  return (\n                    <GlassCard\n                      key={e.id}\n                      treatment=\"plain\"\n                      className=\"group flex cursor-pointer flex-col overflow-hidden transition-shadow hover:shadow-lg sm:flex-row\"\n                      onClick={() => goToCourse()}\n                    >\n                      {/* Cover / play thumbnail */}\n                      <div className=\"relative h-36 w-full shrink-0 overflow-hidden bg-bg-sunken sm:h-auto sm:w-40\">\n                        {course?.cover?.downloadUrl ? (\n                          <img\n                            src={course.cover.downloadUrl}\n                            alt=\"\"\n                            className=\"h-full w-full object-cover transition-transform duration-500 group-hover:scale-105\"\n                          />\n                        ) : (\n                          <div className=\"flex h-full w-full items-center justify-center bg-gradient-to-br from-[var(--color-accent-soft)] to-bg-sunken\">\n                            <BookOpen className=\"h-8 w-8 text-text-secondary opacity-60\" />\n                          </div>\n                        )}\n                        <div className=\"absolute inset-0 flex items-center justify-center\">\n                          <span className=\"inline-flex h-11 w-11 items-center justify-center rounded-full bg-bg-surface/85 shadow-lg backdrop-blur transition-transform duration-200 group-hover:scale-110\">\n                            <Play className=\"ml-0.5 h-5 w-5 fill-current text-[var(--color-accent-primary)]\" />\n                          </span>\n                        </div>\n                      </div>\n\n                      {/* Content */}\n                      <div className=\"flex min-w-0 flex-1 flex-col gap-2 p-4\">\n                        <p className=\"line-clamp-1 font-semibold text-text-primary\">{title}</p>\n                        {course?.summary && (\n                          <p className=\"line-clamp-2 text-sm text-text-secondary\">\n                            {course.summary}\n                          </p>\n                        )}\n                        <div className=\"mt-auto space-y-2.5 pt-2\">\n                          <div className=\"flex items-center gap-2\">\n                            <MiniBar value={e.progressPct} className=\"flex-1\" />\n                            <span className=\"shrink-0 text-xs font-semibold tabular-nums text-text-secondary\">\n                              {e.progressPct}%\n                            </span>\n                          </div>\n                          <div className=\"flex items-center justify-between gap-2\">\n                            <span className=\"truncate text-xs text-text-secondary\">\n                              Active {formatRelativeTime(e.lastActiveAt ?? e.enrolledAt)}\n                            </span>\n                            <Button\n                              size=\"sm\"\n                              className=\"min-h-[40px] shrink-0\"\n                              onClick={(ev: MouseEvent) => goToCourse(ev)}\n                            >\n                              <Play className=\"mr-1 h-4 w-4 fill-current\" /> Continue\n                            </Button>\n                          </div>\n                        </div>\n                      </div>\n                    </GlassCard>\n                  );\n                })}\n              </div>\n            )}\n          </Section>\n\n          {/* Explore catalog */}\n          <Section\n            title=\"Explore the catalog\"\n            description=\"Newly published courses in your workspace.\"\n            action={\n              <Button variant=\"ghost\" size=\"sm\" onClick={() => navigateTo('catalog')}>\n                Browse all <ArrowRight className=\"ml-1 h-4 w-4\" />\n              </Button>\n            }\n          >\n            {courses.length === 0 ? (\n              <EmptyState\n                illustration=\"empty-data\"\n                title=\"No published courses yet\"\n                description=\"Create and publish a course in Authoring to populate the catalog.\"\n                action={<Button onClick={() => navigateTo('authoring')}>Go to Authoring</Button>}\n              />\n            ) : (\n              <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4\">\n                {courses.slice(0, 8).map((course) => (\n                  <CourseCard\n                    key={course.id}\n                    course={course}\n                    onClick={() => navigateTo(`catalog/${course.id}`)}\n                  />\n                ))}\n              </div>\n            )}\n          </Section>\n        </div>\n      )}\n    </PageLayout>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"DashboardPage.js","names":[],"sources":["../../../src/buildmyiq/pages/DashboardPage.tsx"],"sourcesContent":["/**\n * DashboardPage — the Buildmyiq landing surface.\n * @module buildmyiq/pages\n *\n * A learner + educator overview built entirely from real `bui*` data:\n *  - KPI row: published courses, my active enrollments, completed, certificates\n *    — each stat card carries a tinted icon tile and (where derivable) a\n *    Sparkline trend built from the REAL timestamps of the underlying rows.\n *  - Continue learning: the caller's in-progress enrollments as rich cards with\n *    real cover art, summary, a progress bar and a Continue action.\n *  - Explore: recently published catalog courses.\n * Every number, row, avatar and trend is derived from live hooks; empty states\n * are honest and no value is fabricated.\n */\n\nimport type { FC, ReactNode, MouseEvent } from 'react';\nimport { useMemo } from 'react';\nimport { BookOpen, Clock, CheckCircle2, Award, ArrowRight, Play } from 'lucide-react';\nimport { Button, GlassCard } from '@burdenoff/fe-libs/ui';\nimport { useEventBus } from '@burdenoff/fe-libs/shared/events';\nimport {\n  PageLayout,\n  MetricsCard,\n  EmptyState,\n  LoadingView,\n  Section,\n  MiniBar,\n  Avatar,\n  Sparkline,\n} from '../components';\nimport { CourseCard } from './_shared';\nimport { cn } from '../utils/cn';\nimport { useBuildmyiq } from '../context';\nimport { useBuiCourses, useBuiEnrollments, useBuiCertificates } from '../hooks';\nimport { useTr } from '../shared/hooks/useTr';\nimport { formatRelativeTime, formatEnumLabel } from '../utils/formatters';\nimport type { BuiCourse, BuiEnrollment } from '../types';\n\n/**\n * Build a cumulative-count trend series from a set of REAL event timestamps\n * (e.g. `publishedAt`, `enrolledAt`, `issuedAt`). The span from the earliest\n * event to now is split into `buckets` slots and each slot holds the running\n * count of events up to its boundary — a genuine, non-fabricated growth line.\n * Returns fewer than two points when there is not enough history to plot; the\n * caller then omits the sparkline rather than drawing a meaningless flat line.\n */\nconst cumulativeSeries = (isoDates: Array<string | null | undefined>, buckets = 8): number[] => {\n  const times = isoDates\n    .map((d) => (d ? new Date(d).getTime() : Number.NaN))\n    .filter((t) => !Number.isNaN(t))\n    .sort((a, b) => a - b);\n  if (times.length < 2) return times.length === 1 ? [1] : [];\n  const start = times[0];\n  const end = Date.now();\n  const span = Math.max(1, end - start);\n  const series: number[] = [];\n  for (let i = 1; i <= buckets; i += 1) {\n    const boundary = start + (span * i) / buckets;\n    series.push(times.filter((t) => t <= boundary).length);\n  }\n  return series;\n};\n\n/** A tinted, rounded icon tile used in the KPI stat cards. */\nconst StatIcon: FC<{ tint: string; children: ReactNode }> = ({ tint, children }) => (\n  <span\n    className={cn('inline-flex h-10 w-10 items-center justify-center rounded-xl', tint)}\n    aria-hidden=\"true\"\n  >\n    {children}\n  </span>\n);\n\nexport const DashboardPage: FC = () => {\n  const { currentUser, navigateTo, workspaceId } = useBuildmyiq();\n  const tr = useTr();\n  const bus = useEventBus();\n  const learnerId = currentUser?.id;\n\n  const coursesQuery = useBuiCourses({ status: 'PUBLISHED', limit: 50 });\n  const enrollmentsQuery = useBuiEnrollments({ learnerId, limit: 50, enabled: Boolean(learnerId) });\n  const certsQuery = useBuiCertificates(undefined, learnerId);\n\n  const courses: BuiCourse[] = coursesQuery.data?.items ?? [];\n  const enrollments: BuiEnrollment[] = enrollmentsQuery.data?.items ?? [];\n  const certificates = certsQuery.data ?? [];\n\n  const activeEnrollments = useMemo(\n    () =>\n      enrollments\n        .filter((e) => e.status === 'ENROLLED' || e.status === 'IN_PROGRESS')\n        .sort((a, b) =>\n          (b.lastActiveAt ?? b.enrolledAt).localeCompare(a.lastActiveAt ?? a.enrolledAt)\n        ),\n    [enrollments]\n  );\n  const completedCount = enrollments.filter((e) => e.status === 'COMPLETED').length;\n\n  const firstName = currentUser?.firstName || currentUser?.name?.split(' ')[0] || 'there';\n  const fullName = [currentUser?.firstName, currentUser?.lastName].filter(Boolean).join(' ').trim();\n  const displayName = currentUser?.name || fullName || (firstName === 'there' ? '' : firstName);\n  const roleLabel = currentUser?.role ? formatEnumLabel(currentUser.role) : currentUser?.email;\n\n  const isLoading = coursesQuery.isLoading || (Boolean(learnerId) && enrollmentsQuery.isLoading);\n\n  const courseById = useMemo(() => {\n    const map = new Map<string, BuiCourse>();\n    for (const c of courses) map.set(c.id, c);\n    return map;\n  }, [courses]);\n\n  // REAL trend lines — cumulative growth from each entity's own timestamps.\n  const trends = useMemo(\n    () => ({\n      published: cumulativeSeries(courses.map((c) => c.publishedAt ?? c.createdAt)),\n      inProgress: cumulativeSeries(enrollments.map((e) => e.enrolledAt)),\n      completed: cumulativeSeries(\n        enrollments.filter((e) => e.status === 'COMPLETED').map((e) => e.completedAt ?? e.updatedAt)\n      ),\n      certificates: cumulativeSeries(certificates.map((c) => c.issuedAt)),\n    }),\n    [courses, enrollments, certificates]\n  );\n\n  const kpis: Array<{\n    key: string;\n    icon: ReactNode;\n    tint: string;\n    value: string | number;\n    label: string;\n    featured?: boolean;\n    series: number[];\n    sparkColor: string;\n  }> = [\n    {\n      key: 'published',\n      icon: <BookOpen className=\"h-5 w-5\" />,\n      tint: 'bg-[var(--color-accent-soft)] text-[var(--color-accent-primary)]',\n      value: `${courses.length}${coursesQuery.data?.pageInfo?.hasMore ? '+' : ''}`,\n      label: tr('buildmyiq.dashboard.publishedCourses', 'Published courses'),\n      featured: true,\n      series: trends.published,\n      sparkColor: 'var(--color-accent-primary)',\n    },\n    {\n      key: 'in-progress',\n      icon: <Clock className=\"h-5 w-5\" />,\n      tint: 'bg-[color-mix(in_srgb,var(--color-accent-teal)_16%,transparent)] text-[var(--color-accent-teal)]',\n      value: activeEnrollments.length,\n      label: tr('buildmyiq.dashboard.coursesInProgress', 'Courses in progress'),\n      series: trends.inProgress,\n      sparkColor: 'var(--color-accent-teal)',\n    },\n    {\n      key: 'completed',\n      icon: <CheckCircle2 className=\"h-5 w-5\" />,\n      tint: 'bg-status-success-bg-subtle text-status-success-text',\n      value: completedCount,\n      label: tr('buildmyiq.dashboard.completed', 'Completed'),\n      series: trends.completed,\n      sparkColor: 'var(--color-status-success-text)',\n    },\n    {\n      key: 'certificates',\n      icon: <Award className=\"h-5 w-5\" />,\n      tint: 'bg-status-warning-bg-subtle text-status-warning-text',\n      value: certificates.length,\n      label: tr('buildmyiq.dashboard.certificatesEarned', 'Certificates earned'),\n      series: trends.certificates,\n      sparkColor: 'var(--color-status-warning-text)',\n    },\n  ];\n\n  return (\n    <PageLayout\n      title={tr('buildmyiq.dashboard.welcomeBack', 'Welcome back, {{name}}', { name: firstName })}\n      description={tr(\n        'buildmyiq.dashboard.subtitle',\n        'Your learning, teaching and credentialing — all in one workspace.'\n      )}\n      titleGradient\n      aurora\n      actions={\n        currentUser ? (\n          <div className=\"flex w-fit items-center gap-2.5 rounded-full border border-border-seam bg-bg-surface/60 py-1.5 pl-1.5 pr-3.5 backdrop-blur\">\n            <Avatar\n              name={displayName || null}\n              seed={currentUser.id}\n              src={currentUser.avatar}\n              size=\"sm\"\n            />\n            {(displayName || roleLabel) && (\n              <div className=\"min-w-0 leading-tight\">\n                {displayName && (\n                  <p className=\"truncate text-sm font-medium text-text-primary\">{displayName}</p>\n                )}\n                {roleLabel && (\n                  <p className=\"max-w-[10rem] truncate text-xs text-text-secondary\">{roleLabel}</p>\n                )}\n              </div>\n            )}\n          </div>\n        ) : undefined\n      }\n    >\n      {isLoading ? (\n        <LoadingView\n          label={tr('buildmyiq.dashboard.loading', 'Loading your learning dashboard…')}\n        />\n      ) : (\n        <div className=\"flex flex-col gap-8\" data-tour=\"buildmyiq-dashboard-content\">\n          {/* KPI row */}\n          <div\n            className=\"grid grid-cols-1 gap-4 sm:grid-cols-2 xl:grid-cols-4\"\n            data-tour=\"buildmyiq-dashboard-kpis\"\n          >\n            {kpis.map((k) => (\n              <MetricsCard\n                key={k.key}\n                icon={<StatIcon tint={k.tint}>{k.icon}</StatIcon>}\n                value={k.value}\n                label={k.label}\n                featured={k.featured}\n                pill={\n                  k.series.length >= 2 ? (\n                    <Sparkline data={k.series} color={k.sparkColor} />\n                  ) : undefined\n                }\n              />\n            ))}\n          </div>\n\n          {/* Continue learning */}\n          <Section\n            title={tr('buildmyiq.dashboard.continueLearning', 'Continue learning')}\n            description={tr(\n              'buildmyiq.dashboard.continueLearningDescription',\n              'Pick up where you left off.'\n            )}\n            action={\n              <Button\n                variant=\"ghost\"\n                size=\"sm\"\n                onClick={() => {\n                  bus.emitCustom('buildmyiq.dashboard.my_learning_clicked', { workspaceId });\n                  navigateTo('learning');\n                }}\n                data-tour=\"buildmyiq-dashboard-my-learning\"\n              >\n                {tr('buildmyiq.dashboard.myLearning', 'My learning')}{' '}\n                <ArrowRight className=\"ml-1 h-4 w-4\" />\n              </Button>\n            }\n          >\n            {activeEnrollments.length === 0 ? (\n              <EmptyState\n                illustration=\"onboarding\"\n                title={tr('buildmyiq.dashboard.noActiveCoursesTitle', 'No active courses yet')}\n                description={tr(\n                  'buildmyiq.dashboard.noActiveCoursesDescription',\n                  'Browse the catalog and enrol in a course to start learning.'\n                )}\n                action={\n                  <Button\n                    onClick={() => {\n                      bus.emitCustom('buildmyiq.dashboard.explore_catalog_clicked', {\n                        workspaceId,\n                      });\n                      navigateTo('catalog');\n                    }}\n                    data-tour=\"buildmyiq-dashboard-explore-catalog\"\n                  >\n                    {tr('common.explore', 'Explore the catalog')}\n                  </Button>\n                }\n              />\n            ) : (\n              <div\n                className=\"grid grid-cols-1 gap-4 md:grid-cols-2\"\n                data-tour=\"buildmyiq-dashboard-continue-cards\"\n              >\n                {activeEnrollments.slice(0, 4).map((e) => {\n                  const course = courseById.get(e.courseId);\n                  const title = course?.title ?? 'Course';\n                  const goToCourse = (ev?: MouseEvent) => {\n                    ev?.stopPropagation();\n                    navigateTo(`learning/${e.id}`);\n                  };\n                  return (\n                    <GlassCard\n                      key={e.id}\n                      treatment=\"plain\"\n                      className=\"group flex cursor-pointer flex-col overflow-hidden transition-shadow hover:shadow-lg sm:flex-row\"\n                      onClick={() => goToCourse()}\n                    >\n                      {/* Cover / play thumbnail */}\n                      <div className=\"relative h-36 w-full shrink-0 overflow-hidden bg-bg-sunken sm:h-auto sm:w-40\">\n                        {course?.cover?.downloadUrl ? (\n                          <img\n                            src={course.cover.downloadUrl}\n                            alt=\"\"\n                            className=\"h-full w-full object-cover transition-transform duration-500 group-hover:scale-105\"\n                          />\n                        ) : (\n                          <div className=\"flex h-full w-full items-center justify-center bg-gradient-to-br from-[var(--color-accent-soft)] to-bg-sunken\">\n                            <BookOpen className=\"h-8 w-8 text-text-secondary opacity-60\" />\n                          </div>\n                        )}\n                        <div className=\"absolute inset-0 flex items-center justify-center\">\n                          <span className=\"inline-flex h-11 w-11 items-center justify-center rounded-full bg-bg-surface/85 shadow-lg backdrop-blur transition-transform duration-200 group-hover:scale-110\">\n                            <Play className=\"ml-0.5 h-5 w-5 fill-current text-[var(--color-accent-primary)]\" />\n                          </span>\n                        </div>\n                      </div>\n\n                      {/* Content */}\n                      <div className=\"flex min-w-0 flex-1 flex-col gap-2 p-4\">\n                        <p className=\"line-clamp-1 font-semibold text-text-primary\">{title}</p>\n                        {course?.summary && (\n                          <p className=\"line-clamp-2 text-sm text-text-secondary\">\n                            {course.summary}\n                          </p>\n                        )}\n                        <div className=\"mt-auto space-y-2.5 pt-2\">\n                          <div className=\"flex items-center gap-2\">\n                            <MiniBar value={e.progressPct} className=\"flex-1\" />\n                            <span className=\"shrink-0 text-xs font-semibold tabular-nums text-text-secondary\">\n                              {e.progressPct}%\n                            </span>\n                          </div>\n                          <div className=\"flex items-center justify-between gap-2\">\n                            <span className=\"truncate text-xs text-text-secondary\">\n                              Active {formatRelativeTime(e.lastActiveAt ?? e.enrolledAt)}\n                            </span>\n                            <Button\n                              size=\"sm\"\n                              className=\"min-h-[40px] shrink-0\"\n                              onClick={(ev: MouseEvent) => {\n                                bus.emitCustom('buildmyiq.dashboard.continue_course_clicked', {\n                                  workspaceId,\n                                  enrollmentId: e.id,\n                                  courseId: e.courseId,\n                                });\n                                goToCourse(ev);\n                              }}\n                              data-tour=\"buildmyiq-dashboard-continue-button\"\n                            >\n                              <Play className=\"mr-1 h-4 w-4 fill-current\" />{' '}\n                              {tr('common.continue', 'Continue')}\n                            </Button>\n                          </div>\n                        </div>\n                      </div>\n                    </GlassCard>\n                  );\n                })}\n              </div>\n            )}\n          </Section>\n\n          {/* Explore catalog */}\n          <Section\n            title={tr('buildmyiq.dashboard.exploreCatalog', 'Explore the catalog')}\n            description={tr(\n              'buildmyiq.dashboard.exploreCatalogDescription',\n              'Newly published courses in your workspace.'\n            )}\n            action={\n              <Button\n                variant=\"ghost\"\n                size=\"sm\"\n                onClick={() => {\n                  bus.emitCustom('buildmyiq.dashboard.browse_all_catalog_clicked', { workspaceId });\n                  navigateTo('catalog');\n                }}\n                data-tour=\"buildmyiq-dashboard-browse-all\"\n              >\n                {tr('common.browseAll', 'Browse all')} <ArrowRight className=\"ml-1 h-4 w-4\" />\n              </Button>\n            }\n          >\n            {courses.length === 0 ? (\n              <EmptyState\n                illustration=\"empty-data\"\n                title={tr(\n                  'buildmyiq.dashboard.noPublishedCoursesTitle',\n                  'No published courses yet'\n                )}\n                description={tr(\n                  'buildmyiq.dashboard.noPublishedCoursesDescription',\n                  'Create and publish a course in Authoring to populate the catalog.'\n                )}\n                action={\n                  <Button\n                    onClick={() => {\n                      bus.emitCustom('buildmyiq.dashboard.go_to_authoring_clicked', {\n                        workspaceId,\n                      });\n                      navigateTo('authoring');\n                    }}\n                    data-tour=\"buildmyiq-dashboard-go-authoring\"\n                  >\n                    {tr('common.create', 'Go to Authoring')}\n                  </Button>\n                }\n              />\n            ) : (\n              <div\n                className=\"grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4\"\n                data-tour=\"buildmyiq-dashboard-catalog-grid\"\n              >\n                {courses.slice(0, 8).map((course) => (\n                  <CourseCard\n                    key={course.id}\n                    course={course}\n                    onClick={() => navigateTo(`catalog/${course.id}`)}\n                  />\n                ))}\n              </div>\n            )}\n          </Section>\n        </div>\n      )}\n    </PageLayout>\n  );\n};\n"],"mappings":"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"}

package/dist/buildmyiq/pages/assessments/AssessmentDetailPage.js

@@ -1,11 +1,11 @@
 import { useBuildmyiq as e } from "../../context/BuildmyiqContext.js";
+import "../../context/index.js";
 import { cn as t } from "../../utils/cn.js";
 import { PageLayout as n } from "../../components/PageLayout.js";
 import { formatDuration as r, formatEnumLabel as i } from "../../utils/formatters.js";
 import { StatusBadge as a } from "../../components/StatusBadge.js";
 import { EmptyState as o } from "../../components/EmptyState.js";
 import { ErrorView as ee, LoadingView as te, Section as ne } from "../../components/StateViews.js";
-import "../../context/index.js";
 import { useBuiAssessment as re, useBuiCreateQuestion as s, useBuiPublishAssessment as c } from "../../hooks/useBuildmyiqApi.js";
 import "../../hooks/index.js";
 import "../../components/index.js";

package/dist/buildmyiq/pages/assessments/AssessmentsPage.js

@@ -1,4 +1,5 @@
 import { useBuildmyiq as e } from "../../context/BuildmyiqContext.js";
+import "../../context/index.js";
 import { PageLayout as t } from "../../components/PageLayout.js";
 import { MetricsCard as n } from "../../components/MetricsCard.js";
 import { formatEnumLabel as ee, formatRelativeTime as te } from "../../utils/formatters.js";
@@ -7,7 +8,6 @@ import { EmptyState as i } from "../../components/EmptyState.js";
 import { ErrorView as ne, LoadingView as a } from "../../components/StateViews.js";
 import { DataTable as o } from "../../components/DataTable.js";
 import { FilterTabs as s } from "../../components/FilterTabs.js";
-import "../../context/index.js";
 import { useBuiAssessments as c, useBuiCourses as l, useBuiCreateAssessment as u } from "../../hooks/useBuildmyiqApi.js";
 import "../../hooks/index.js";
 import "../../components/index.js";

package/dist/buildmyiq/pages/assessments/TakeAssessmentPage.js

@@ -1,4 +1,5 @@
 import { useBuildmyiq as e } from "../../context/BuildmyiqContext.js";
+import "../../context/index.js";
 import { cn as t } from "../../utils/cn.js";
 import { PageLayout as n } from "../../components/PageLayout.js";
 import { formatDuration as r, formatEnumLabel as i } from "../../utils/formatters.js";
@@ -6,7 +7,6 @@ import { StatusBadge as a } from "../../components/StatusBadge.js";
 import { EmptyState as o } from "../../components/EmptyState.js";
 import { ErrorView as s, LoadingView as c } from "../../components/StateViews.js";
 import { ProgressRing as l } from "../../components/Viz.js";
-import "../../context/index.js";
 import { useBuiAssessment as u, useBuiEnrollments as d, useBuiSubmitAssessment as f } from "../../hooks/useBuildmyiqApi.js";
 import "../../hooks/index.js";
 import "../../components/index.js";

package/dist/buildmyiq/pages/authoring/AuthoringPage.js

@@ -1,11 +1,11 @@
 import { useBuildmyiq as e } from "../../context/BuildmyiqContext.js";
+import "../../context/index.js";
 import { PageLayout as t } from "../../components/PageLayout.js";
 import { formatEnumLabel as n } from "../../utils/formatters.js";
 import { EmptyState as r } from "../../components/EmptyState.js";
 import { ErrorView as i, LoadingView as a } from "../../components/StateViews.js";
 import { FilterTabs as o } from "../../components/FilterTabs.js";
 import { Pagination as s } from "../../components/Pagination.js";
-import "../../context/index.js";
 import { useBuiCourses as c, useBuiCreateCourse as l, useBuiSkills as u } from "../../hooks/useBuildmyiqApi.js";
 import { useCursorPager as d } from "../../hooks/useCursorPager.js";
 import "../../hooks/index.js";

package/dist/buildmyiq/pages/authoring/CourseBuilderPage.js

@@ -1,4 +1,5 @@
 import { useBuildmyiq as e } from "../../context/BuildmyiqContext.js";
+import "../../context/index.js";
 import { cn as t } from "../../utils/cn.js";
 import { PageLayout as n } from "../../components/PageLayout.js";
 import { formatDate as r, formatDuration as i, formatEnumLabel as a } from "../../utils/formatters.js";
@@ -6,7 +7,6 @@ import { StatusBadge as o } from "../../components/StatusBadge.js";
 import { EmptyState as s } from "../../components/EmptyState.js";
 import { ErrorView as c, LoadingView as l, Section as u } from "../../components/StateViews.js";
 import { Tabs as d } from "../../components/Tabs.js";
-import "../../context/index.js";
 import { useBuiArchiveCourse as f, useBuiAssessments as p, useBuiCourse as m, useBuiCreateLesson as h, useBuiCreateModule as g, useBuiModules as _, useBuiPublishCourse as v, useBuiSkills as y, useBuiUpdateCourse as b } from "../../hooks/useBuildmyiqApi.js";
 import "../../hooks/index.js";
 import { EvidenceUpload as x } from "../../components/EvidenceUpload.js";

package/dist/buildmyiq/pages/catalog/CatalogPage.js

@@ -1,11 +1,11 @@
 import { useBuildmyiq as e } from "../../context/BuildmyiqContext.js";
+import "../../context/index.js";
 import { PageLayout as t } from "../../components/PageLayout.js";
 import { formatEnumLabel as n } from "../../utils/formatters.js";
 import { EmptyState as r } from "../../components/EmptyState.js";
 import { ErrorView as i, LoadingView as a } from "../../components/StateViews.js";
 import { FilterTabs as o } from "../../components/FilterTabs.js";
 import { Pagination as s } from "../../components/Pagination.js";
-import "../../context/index.js";
 import { useBuiCourses as c } from "../../hooks/useBuildmyiqApi.js";
 import { useCursorPager as l } from "../../hooks/useCursorPager.js";
 import "../../hooks/index.js";

package/dist/buildmyiq/pages/catalog/CourseDetailPage.js

@@ -1,4 +1,5 @@
 import { useBuildmyiq as e } from "../../context/BuildmyiqContext.js";
+import "../../context/index.js";
 import { cn as t } from "../../utils/cn.js";
 import { PageLayout as n } from "../../components/PageLayout.js";
 import { formatDuration as r, formatEnumLabel as i, formatHours as a } from "../../utils/formatters.js";
@@ -6,7 +7,6 @@ import { StatusBadge as o } from "../../components/StatusBadge.js";
 import { EmptyState as s } from "../../components/EmptyState.js";
 import { ErrorView as c, LoadingView as l, Section as u } from "../../components/StateViews.js";
 import { MiniBar as d } from "../../components/MiniBar.js";
-import "../../context/index.js";
 import { useBuiAssessments as f, useBuiCourse as ee, useBuiEnroll as p, useBuiEnrollments as m, useBuiModules as h } from "../../hooks/useBuildmyiqApi.js";
 import "../../hooks/index.js";
 import { BuiDiscussion as te } from "../../components/BuiDiscussion.js";

package/dist/buildmyiq/pages/certificates/CertificatesPage.js

@@ -1,4 +1,5 @@
 import { useBuildmyiq as e } from "../../context/BuildmyiqContext.js";
+import "../../context/index.js";
 import { PageLayout as t } from "../../components/PageLayout.js";
 import { MetricsCard as n } from "../../components/MetricsCard.js";
 import { formatDate as r, formatPercent as ee } from "../../utils/formatters.js";
@@ -9,7 +10,6 @@ import { DataTable as ie } from "../../components/DataTable.js";
 import { FilterTabs as ae } from "../../components/FilterTabs.js";
 import { Pagination as oe } from "../../components/Pagination.js";
 import { Avatar as se } from "../../components/Avatar.js";
-import "../../context/index.js";
 import { useBuiCertificates as ce, useBuiCourses as le, useBuiIssueCertificate as ue, useBuiRevokeCertificate as de } from "../../hooks/useBuildmyiqApi.js";
 import "../../hooks/index.js";
 import { FileLink as fe } from "../../components/FileLink.js";

package/dist/buildmyiq/pages/cohorts/CohortsPage.js

@@ -1,4 +1,5 @@
 import { useBuildmyiq as e } from "../../context/BuildmyiqContext.js";
+import "../../context/index.js";
 import { PageLayout as t } from "../../components/PageLayout.js";
 import { MetricsCard as n } from "../../components/MetricsCard.js";
 import { formatDate as r, formatEnumLabel as i, formatNumber as a } from "../../utils/formatters.js";
@@ -7,7 +8,6 @@ import { EmptyState as te } from "../../components/EmptyState.js";
 import { ErrorView as ne, LoadingView as re } from "../../components/StateViews.js";
 import { DataTable as ie } from "../../components/DataTable.js";
 import { FilterTabs as ae } from "../../components/FilterTabs.js";
-import "../../context/index.js";
 import { useBuiCohorts as o, useBuiCourses as s, useBuiCreateCohort as c } from "../../hooks/useBuildmyiqApi.js";
 import "../../hooks/index.js";
 import "../../components/index.js";

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

@@ -1,4 +1,5 @@
 import { useBuildmyiq as e } from "../../context/BuildmyiqContext.js";
+import "../../context/index.js";
 import { cn as t } from "../../utils/cn.js";
 import { PageLayout as n } from "../../components/PageLayout.js";
 import { formatDuration as r, formatEnumLabel as i } from "../../utils/formatters.js";
@@ -7,7 +8,6 @@ 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 u } from "../../components/Viz.js";
-import "../../context/index.js";
 import { useBuiCourse as ee, useBuiEnrollment as te, useBuiRecordLessonProgress as ne, useBuiTransitionEnrollment as re } from "../../hooks/useBuildmyiqApi.js";
 import "../../hooks/index.js";
 import { FileLink as d } from "../../components/FileLink.js";

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

@@ -1,4 +1,5 @@
 import { useBuildmyiq as e } from "../../context/BuildmyiqContext.js";
+import "../../context/index.js";
 import { cn as t } from "../../utils/cn.js";
 import { PageLayout as n } from "../../components/PageLayout.js";
 import { formatDate as r, formatDateTime as i, formatRelativeTime as a } from "../../utils/formatters.js";
@@ -9,7 +10,6 @@ import { DataTable as d } from "../../components/DataTable.js";
 import { Tabs as f } from "../../components/Tabs.js";
 import { MiniBar as p } from "../../components/MiniBar.js";
 import { ProgressRing as m, Sparkline as h } from "../../components/Viz.js";
-import "../../context/index.js";
 import { useBuiCertificates as g, useBuiCourses as ee, useBuiEnrollments as te, useBuiSubmissions as ne } from "../../hooks/useBuildmyiqApi.js";
 import "../../hooks/index.js";
 import { FileLink as _ } from "../../components/FileLink.js";

package/dist/buildmyiq/pages/paths/PathsPage.js

@@ -1,4 +1,5 @@
 import { useBuildmyiq as e } from "../../context/BuildmyiqContext.js";
+import "../../context/index.js";
 import { cn as t } from "../../utils/cn.js";
 import { PageLayout as n } from "../../components/PageLayout.js";
 import { formatHours as r } from "../../utils/formatters.js";
@@ -6,7 +7,6 @@ import { StatusBadge as i } from "../../components/StatusBadge.js";
 import { EmptyState as a } from "../../components/EmptyState.js";
 import { ErrorView as o, LoadingView as s } from "../../components/StateViews.js";
 import { ProgressRing as c } from "../../components/Viz.js";
-import "../../context/index.js";
 import { useBuiCourses as l, useBuiEnrollments as u, useBuiSkills as d } from "../../hooks/useBuildmyiqApi.js";
 import "../../hooks/index.js";
 import "../../components/index.js";

package/dist/buildmyiq/pages/submissions/SubmissionsPage.js

@@ -1,4 +1,5 @@
 import { useBuildmyiq as e } from "../../context/BuildmyiqContext.js";
+import "../../context/index.js";
 import { PageLayout as t } from "../../components/PageLayout.js";
 import { MetricsCard as n } from "../../components/MetricsCard.js";
 import { formatDate as r, formatDateTime as i } from "../../utils/formatters.js";
@@ -9,7 +10,6 @@ import { DataTable as ne } from "../../components/DataTable.js";
 import { Tabs as s } from "../../components/Tabs.js";
 import { Pagination as c } from "../../components/Pagination.js";
 import { Avatar as l } from "../../components/Avatar.js";
-import "../../context/index.js";
 import { useBuiGradeSubmission as u, useBuiSubmissions as re } from "../../hooks/useBuildmyiqApi.js";
 import { useCursorPager as ie } from "../../hooks/useCursorPager.js";
 import "../../hooks/index.js";

package/dist/buildmyiq/shared/hooks/useTr.js

@@ -0,0 +1,14 @@
+import { useCallback as e } from "react";
+import { useI18n as t } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+//#region src/buildmyiq/shared/hooks/useTr.ts
+function n() {
+	let { t: n } = t();
+	return e((e, t, r) => {
+		let i = n(e, r), a = i === e ? t : i;
+		return r ? Object.entries(r).reduce((e, [t, n]) => e.replace(RegExp(`\\{\\{${t}\\}\\}`, "g"), String(n)), a) : a;
+	}, [n]);
+}
+//#endregion
+export { n as useTr };
+
+//# sourceMappingURL=useTr.js.map

package/dist/buildmyiq/shared/hooks/useTr.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTr.js","names":[],"sources":["../../../../src/buildmyiq/shared/hooks/useTr.ts"],"sourcesContent":["import { useCallback } from 'react';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\n\n/**\n * useTr — translation hook with fallback semantics.\n *\n * Wraps `useI18n().t()` so that when a key has no translation (i.e. the\n * provider returns the key itself), the caller's English fallback is used\n * instead. Supports optional interpolation params using `{{key}}` placeholders.\n */\nexport function useTr(): (\n  key: string,\n  fallback: string,\n  params?: Record<string, string | number>\n) => string {\n  const { t } = useI18n();\n  return useCallback(\n    (key: string, fallback: string, params?: Record<string, string | number>): string => {\n      const translated = t(key, params);\n      const raw = translated === key ? fallback : translated;\n      if (!params) return raw;\n      return Object.entries(params).reduce(\n        (str, [k, v]) => str.replace(new RegExp(`\\\\{\\\\{${k}\\\\}\\\\}`, 'g'), String(v)),\n        raw\n      );\n    },\n    [t]\n  );\n}\n"],"mappings":";;;AAUA,SAAgB,IAIJ;CACV,IAAM,EAAE,SAAM,GAAS;AACvB,QAAO,GACJ,GAAa,GAAkB,MAAqD;EACnF,IAAM,IAAa,EAAE,GAAK,EAAO,EAC3B,IAAM,MAAe,IAAM,IAAW;AAE5C,SADK,IACE,OAAO,QAAQ,EAAO,CAAC,QAC3B,GAAK,CAAC,GAAG,OAAO,EAAI,QAAY,OAAO,SAAS,EAAE,SAAS,IAAI,EAAE,OAAO,EAAE,CAAC,EAC5E,EACD,GAJmB;IAMtB,CAAC,EAAE,CACJ"}

package/package.json

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