@burdenoff/microfe-buildmyiq 2026.512.1 → 2026.705.1

package/dist/buildmyiq/BuildmyiqRoot.d.ts

@@ -0,0 +1,5 @@
+import { FC } from 'react';
+import { BuildmyiqRootProps } from './types';
+
+export declare const BuildmyiqRoot: FC<BuildmyiqRootProps>;
+//# sourceMappingURL=BuildmyiqRoot.d.ts.map

package/dist/buildmyiq/BuildmyiqRoot.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BuildmyiqRoot.d.ts","sourceRoot":"","sources":["../../src/buildmyiq/BuildmyiqRoot.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAmBhC,OAAO,KAAK,EAAE,kBAAkB,EAAW,MAAM,SAAS,CAAC;AAY3D,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC,kBAAkB,CAqHhD,CAAC"}

package/dist/buildmyiq/BuildmyiqRoot.js

@@ -0,0 +1,123 @@
+import { joinPath as e } from "./utils/navigation.js";
+import { BuildmyiqProvider as t } from "./context/BuildmyiqContext.js";
+import { BuildmyiqRoutes as n } from "./BuildmyiqRoutes.js";
+import { useCallback as r, useEffect as i } from "react";
+import { QueryClient as a, QueryClientProvider as o } from "@tanstack/react-query";
+import { FeatureFlagProvider as s } from "@burdenoff/fe-libs/shared/feature-flags";
+import { useI18n as c } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { Award as l, BookOpen as u, CheckSquare as d, ClipboardCheck as f, GraduationCap as p, LayoutDashboard as m, PencilRuler as h, Target as g, Users as _ } from "lucide-react";
+import { jsx as v } from "react/jsx-runtime";
+//#region src/buildmyiq/BuildmyiqRoot.tsx
+var y = new a({ defaultOptions: { queries: {
+	staleTime: 300 * 1e3,
+	retry: 1,
+	refetchOnWindowFocus: !1
+} } }), b = (a) => {
+	let { registerNavItems: b, registerFooterItems: x, basePath: S = "/" } = a, { t: C } = c(), w = r((e, t) => {
+		let n = C(e);
+		return n === e ? t : n;
+	}, [C]);
+	return i(() => {
+		if (b) return b([
+			{
+				id: "buildmyiq-dashboard",
+				label: w("buildmyiq.nav.dashboard", "Dashboard"),
+				path: e(S, ""),
+				icon: /* @__PURE__ */ v(m, { size: 20 }),
+				order: 0,
+				group: "products"
+			},
+			{
+				id: "buildmyiq-catalog",
+				label: w("buildmyiq.nav.catalog", "Catalog"),
+				path: e(S, "catalog"),
+				icon: /* @__PURE__ */ v(u, { size: 20 }),
+				order: 1,
+				group: "products"
+			},
+			{
+				id: "buildmyiq-learning",
+				label: w("buildmyiq.nav.learning", "My Learning"),
+				path: e(S, "learning"),
+				icon: /* @__PURE__ */ v(p, { size: 20 }),
+				order: 2,
+				group: "products"
+			},
+			{
+				id: "buildmyiq-authoring",
+				label: w("buildmyiq.nav.authoring", "Authoring"),
+				path: e(S, "authoring"),
+				icon: /* @__PURE__ */ v(h, { size: 20 }),
+				order: 3,
+				group: "products"
+			},
+			{
+				id: "buildmyiq-assessments",
+				label: w("buildmyiq.nav.assessments", "Assessments"),
+				path: e(S, "assessments"),
+				icon: /* @__PURE__ */ v(f, { size: 20 }),
+				order: 4,
+				group: "products"
+			},
+			{
+				id: "buildmyiq-submissions",
+				label: w("buildmyiq.nav.submissions", "Grading"),
+				path: e(S, "submissions"),
+				icon: /* @__PURE__ */ v(d, { size: 20 }),
+				order: 5,
+				group: "products"
+			},
+			{
+				id: "buildmyiq-cohorts",
+				label: w("buildmyiq.nav.cohorts", "Cohorts"),
+				path: e(S, "cohorts"),
+				icon: /* @__PURE__ */ v(_, { size: 20 }),
+				order: 6,
+				group: "products"
+			},
+			{
+				id: "buildmyiq-skills",
+				label: w("buildmyiq.nav.skills", "Skills"),
+				path: e(S, "skills"),
+				icon: /* @__PURE__ */ v(g, { size: 20 }),
+				order: 7,
+				group: "products"
+			},
+			{
+				id: "buildmyiq-certificates",
+				label: w("buildmyiq.nav.certificates", "Certificates"),
+				path: e(S, "certificates"),
+				icon: /* @__PURE__ */ v(l, { size: 20 }),
+				order: 8,
+				group: "products"
+			}
+		]);
+	}, [
+		b,
+		S,
+		w
+	]), i(() => {
+		if (x) return x([{
+			id: "buildmyiq-status",
+			label: w("buildmyiq.footer.ready", "BuildMyIQ Ready"),
+			type: "status",
+			section: "left",
+			order: 10
+		}]);
+	}, [x, w]), /* @__PURE__ */ v(o, {
+		client: y,
+		children: /* @__PURE__ */ v(s, {
+			workspaceId: null,
+			gateway: "global",
+			defaultEnabled: !0,
+			children: /* @__PURE__ */ v(t, {
+				...a,
+				children: /* @__PURE__ */ v(n, {})
+			})
+		})
+	});
+};
+//#endregion
+export { b as BuildmyiqRoot };
+
+//# sourceMappingURL=BuildmyiqRoot.js.map

package/dist/buildmyiq/BuildmyiqRoot.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BuildmyiqRoot.js","names":[],"sources":["../../src/buildmyiq/BuildmyiqRoot.tsx"],"sourcesContent":["/**\n * Buildmyiq Root Component\n * @module buildmyiq\n *\n * Host-contract entry point. Registers the product's sidebar nav (nine sections\n * that map 1:1 to the wspace-buildmyiq-svc `bui*` backend) and mounts the routed\n * pages inside the shared QueryClient + FeatureFlag providers.\n */\n\nimport type { FC } from 'react';\nimport { useCallback, useEffect } from 'react';\nimport { QueryClient, QueryClientProvider } from '@tanstack/react-query';\nimport { FeatureFlagProvider } from '@burdenoff/fe-libs/shared/feature-flags';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport {\n  LayoutDashboard,\n  BookOpen,\n  GraduationCap,\n  PencilRuler,\n  ClipboardCheck,\n  CheckSquare,\n  Users,\n  Target,\n  Award,\n} from 'lucide-react';\nimport { BuildmyiqProvider } from './context/BuildmyiqContext';\nimport { BuildmyiqRoutes } from './BuildmyiqRoutes';\nimport { joinPath } from './utils/navigation';\nimport type { BuildmyiqRootProps, NavItem } from './types';\n\nconst queryClient = new QueryClient({\n  defaultOptions: {\n    queries: {\n      staleTime: 5 * 60 * 1000,\n      retry: 1,\n      refetchOnWindowFocus: false,\n    },\n  },\n});\n\nexport const BuildmyiqRoot: FC<BuildmyiqRootProps> = (props) => {\n  const { registerNavItems, registerFooterItems, basePath = '/' } = props;\n  const { t: translate } = useI18n();\n  const t = useCallback(\n    (key: string, fallback: string): string => {\n      const value = translate(key);\n      return value === key ? fallback : value;\n    },\n    [translate]\n  );\n\n  // Register navigation items with the shell on mount. Ids/paths/orders match\n  // the app-shell static NavRegistration block so the two are a single,\n  // consistent source of truth.\n  useEffect(() => {\n    if (!registerNavItems) return;\n\n    const navItems: NavItem[] = [\n      {\n        id: 'buildmyiq-dashboard',\n        label: t('buildmyiq.nav.dashboard', 'Dashboard'),\n        path: joinPath(basePath, ''),\n        icon: <LayoutDashboard size={20} />,\n        order: 0,\n        group: 'products',\n      },\n      {\n        id: 'buildmyiq-catalog',\n        label: t('buildmyiq.nav.catalog', 'Catalog'),\n        path: joinPath(basePath, 'catalog'),\n        icon: <BookOpen size={20} />,\n        order: 1,\n        group: 'products',\n      },\n      {\n        id: 'buildmyiq-learning',\n        label: t('buildmyiq.nav.learning', 'My Learning'),\n        path: joinPath(basePath, 'learning'),\n        icon: <GraduationCap size={20} />,\n        order: 2,\n        group: 'products',\n      },\n      {\n        id: 'buildmyiq-authoring',\n        label: t('buildmyiq.nav.authoring', 'Authoring'),\n        path: joinPath(basePath, 'authoring'),\n        icon: <PencilRuler size={20} />,\n        order: 3,\n        group: 'products',\n      },\n      {\n        id: 'buildmyiq-assessments',\n        label: t('buildmyiq.nav.assessments', 'Assessments'),\n        path: joinPath(basePath, 'assessments'),\n        icon: <ClipboardCheck size={20} />,\n        order: 4,\n        group: 'products',\n      },\n      {\n        id: 'buildmyiq-submissions',\n        label: t('buildmyiq.nav.submissions', 'Grading'),\n        path: joinPath(basePath, 'submissions'),\n        icon: <CheckSquare size={20} />,\n        order: 5,\n        group: 'products',\n      },\n      {\n        id: 'buildmyiq-cohorts',\n        label: t('buildmyiq.nav.cohorts', 'Cohorts'),\n        path: joinPath(basePath, 'cohorts'),\n        icon: <Users size={20} />,\n        order: 6,\n        group: 'products',\n      },\n      {\n        id: 'buildmyiq-skills',\n        label: t('buildmyiq.nav.skills', 'Skills'),\n        path: joinPath(basePath, 'skills'),\n        icon: <Target size={20} />,\n        order: 7,\n        group: 'products',\n      },\n      {\n        id: 'buildmyiq-certificates',\n        label: t('buildmyiq.nav.certificates', 'Certificates'),\n        path: joinPath(basePath, 'certificates'),\n        icon: <Award size={20} />,\n        order: 8,\n        group: 'products',\n      },\n    ];\n\n    return registerNavItems(navItems);\n  }, [registerNavItems, basePath, t]);\n\n  useEffect(() => {\n    if (!registerFooterItems) return;\n    return registerFooterItems([\n      {\n        id: 'buildmyiq-status',\n        label: t('buildmyiq.footer.ready', 'BuildMyIQ Ready'),\n        type: 'status',\n        section: 'left',\n        order: 10,\n      },\n    ]);\n  }, [registerFooterItems, t]);\n\n  return (\n    <QueryClientProvider client={queryClient}>\n      <FeatureFlagProvider workspaceId={null} gateway=\"global\" defaultEnabled={true}>\n        <BuildmyiqProvider {...props}>\n          <BuildmyiqRoutes />\n        </BuildmyiqProvider>\n      </FeatureFlagProvider>\n    </QueryClientProvider>\n  );\n};\n"],"mappings":";;;;;;;;;;AA8BA,IAAM,IAAc,IAAI,EAAY,EAClC,gBAAgB,EACd,SAAS;CACP,WAAW,MAAS;CACpB,OAAO;CACP,sBAAsB;CACvB,EACF,EACF,CAAC,EAEW,KAAyC,MAAU;CAC9D,IAAM,EAAE,qBAAkB,wBAAqB,cAAW,QAAQ,GAC5D,EAAE,GAAG,MAAc,GAAS,EAC5B,IAAI,GACP,GAAa,MAA6B;EACzC,IAAM,IAAQ,EAAU,EAAI;AAC5B,SAAO,MAAU,IAAM,IAAW;IAEpC,CAAC,EAAU,CACZ;AAmGD,QA9FA,QAAgB;AACT,QA6EL,QAAO,EA3EqB;GAC1B;IACE,IAAI;IACJ,OAAO,EAAE,2BAA2B,YAAY;IAChD,MAAM,EAAS,GAAU,GAAG;IAC5B,MAAM,kBAAC,GAAD,EAAiB,MAAM,IAAM,CAAA;IACnC,OAAO;IACP,OAAO;IACR;GACD;IACE,IAAI;IACJ,OAAO,EAAE,yBAAyB,UAAU;IAC5C,MAAM,EAAS,GAAU,UAAU;IACnC,MAAM,kBAAC,GAAD,EAAU,MAAM,IAAM,CAAA;IAC5B,OAAO;IACP,OAAO;IACR;GACD;IACE,IAAI;IACJ,OAAO,EAAE,0BAA0B,cAAc;IACjD,MAAM,EAAS,GAAU,WAAW;IACpC,MAAM,kBAAC,GAAD,EAAe,MAAM,IAAM,CAAA;IACjC,OAAO;IACP,OAAO;IACR;GACD;IACE,IAAI;IACJ,OAAO,EAAE,2BAA2B,YAAY;IAChD,MAAM,EAAS,GAAU,YAAY;IACrC,MAAM,kBAAC,GAAD,EAAa,MAAM,IAAM,CAAA;IAC/B,OAAO;IACP,OAAO;IACR;GACD;IACE,IAAI;IACJ,OAAO,EAAE,6BAA6B,cAAc;IACpD,MAAM,EAAS,GAAU,cAAc;IACvC,MAAM,kBAAC,GAAD,EAAgB,MAAM,IAAM,CAAA;IAClC,OAAO;IACP,OAAO;IACR;GACD;IACE,IAAI;IACJ,OAAO,EAAE,6BAA6B,UAAU;IAChD,MAAM,EAAS,GAAU,cAAc;IACvC,MAAM,kBAAC,GAAD,EAAa,MAAM,IAAM,CAAA;IAC/B,OAAO;IACP,OAAO;IACR;GACD;IACE,IAAI;IACJ,OAAO,EAAE,yBAAyB,UAAU;IAC5C,MAAM,EAAS,GAAU,UAAU;IACnC,MAAM,kBAAC,GAAD,EAAO,MAAM,IAAM,CAAA;IACzB,OAAO;IACP,OAAO;IACR;GACD;IACE,IAAI;IACJ,OAAO,EAAE,wBAAwB,SAAS;IAC1C,MAAM,EAAS,GAAU,SAAS;IAClC,MAAM,kBAAC,GAAD,EAAQ,MAAM,IAAM,CAAA;IAC1B,OAAO;IACP,OAAO;IACR;GACD;IACE,IAAI;IACJ,OAAO,EAAE,8BAA8B,eAAe;IACtD,MAAM,EAAS,GAAU,eAAe;IACxC,MAAM,kBAAC,GAAD,EAAO,MAAM,IAAM,CAAA;IACzB,OAAO;IACP,OAAO;IACR;GACF,CAEgC;IAChC;EAAC;EAAkB;EAAU;EAAE,CAAC,EAEnC,QAAgB;AACT,QACL,QAAO,EAAoB,CACzB;GACE,IAAI;GACJ,OAAO,EAAE,0BAA0B,kBAAkB;GACrD,MAAM;GACN,SAAS;GACT,OAAO;GACR,CACF,CAAC;IACD,CAAC,GAAqB,EAAE,CAAC,EAG1B,kBAAC,GAAD;EAAqB,QAAQ;YAC3B,kBAAC,GAAD;GAAqB,aAAa;GAAM,SAAQ;GAAS,gBAAgB;aACvE,kBAAC,GAAD;IAAmB,GAAI;cACrB,kBAAC,GAAD,EAAmB,CAAA;IACD,CAAA;GACA,CAAA;EACF,CAAA"}

package/dist/buildmyiq/BuildmyiqRoutes.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+
+export declare const BuildmyiqRoutes: FC;
+//# sourceMappingURL=BuildmyiqRoutes.d.ts.map

package/dist/buildmyiq/BuildmyiqRoutes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BuildmyiqRoutes.d.ts","sourceRoot":"","sources":["../../src/buildmyiq/BuildmyiqRoutes.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,EAAE,KAAK,EAAE,EAAkB,MAAM,OAAO,CAAC;AAoEhD,eAAO,MAAM,eAAe,EAAE,EA4C7B,CAAC"}

package/dist/buildmyiq/BuildmyiqRoutes.js

@@ -0,0 +1,84 @@
+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";
+//#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/submissions/SubmissionsPage.js").then((e) => ({ default: e.SubmissionsPage }))), b = r(() => import("./pages/cohorts/CohortsPage.js").then((e) => ({ default: e.CohortsPage }))), x = r(() => import("./pages/skills/SkillsPage.js").then((e) => ({ default: e.SkillsPage }))), S = r(() => import("./pages/certificates/CertificatesPage.js").then((e) => ({ default: e.CertificatesPage }))), C = () => /* @__PURE__ */ c("div", {
+	className: "flex min-h-[400px] items-center justify-center",
+	children: /* @__PURE__ */ c(u, { size: "lg" })
+}), w = () => {
+	let { basePath: r, isStandalone: u } = e(), w = s(), T = r === "/" ? "" : (r ?? "").replace(/\/$/, "");
+	return T && !u && !(w.pathname === T || w.pathname.startsWith(T + "/")) ? null : /* @__PURE__ */ c("div", {
+		className: "flex min-h-full flex-col",
+		children: /* @__PURE__ */ c(n, {
+			fallback: /* @__PURE__ */ c(C, {}),
+			children: /* @__PURE__ */ l(o, { children: [
+				/* @__PURE__ */ c(a, {
+					index: !0,
+					element: /* @__PURE__ */ c(t, {})
+				}),
+				/* @__PURE__ */ c(a, {
+					path: "catalog",
+					element: /* @__PURE__ */ c(d, {})
+				}),
+				/* @__PURE__ */ c(a, {
+					path: "catalog/:courseId",
+					element: /* @__PURE__ */ c(f, {})
+				}),
+				/* @__PURE__ */ c(a, {
+					path: "learning",
+					element: /* @__PURE__ */ c(p, {})
+				}),
+				/* @__PURE__ */ c(a, {
+					path: "learning/:enrollmentId",
+					element: /* @__PURE__ */ c(m, {})
+				}),
+				/* @__PURE__ */ c(a, {
+					path: "authoring",
+					element: /* @__PURE__ */ c(h, {})
+				}),
+				/* @__PURE__ */ c(a, {
+					path: "authoring/:courseId",
+					element: /* @__PURE__ */ c(g, {})
+				}),
+				/* @__PURE__ */ c(a, {
+					path: "assessments",
+					element: /* @__PURE__ */ c(_, {})
+				}),
+				/* @__PURE__ */ c(a, {
+					path: "assessments/:assessmentId",
+					element: /* @__PURE__ */ c(v, {})
+				}),
+				/* @__PURE__ */ c(a, {
+					path: "submissions",
+					element: /* @__PURE__ */ c(y, {})
+				}),
+				/* @__PURE__ */ c(a, {
+					path: "cohorts",
+					element: /* @__PURE__ */ c(b, {})
+				}),
+				/* @__PURE__ */ c(a, {
+					path: "skills",
+					element: /* @__PURE__ */ c(x, {})
+				}),
+				/* @__PURE__ */ c(a, {
+					path: "certificates",
+					element: /* @__PURE__ */ c(S, {})
+				}),
+				/* @__PURE__ */ c(a, {
+					path: "*",
+					element: /* @__PURE__ */ c(i, {
+						to: T || "/",
+						replace: !0
+					})
+				})
+			] })
+		})
+	});
+};
+//#endregion
+export { w as BuildmyiqRoutes };
+
+//# sourceMappingURL=BuildmyiqRoutes.js.map

package/dist/buildmyiq/BuildmyiqRoutes.js.map

@@ -0,0 +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\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=\"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\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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"}

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

@@ -0,0 +1,18 @@
+/**
+ * BuiDiscussion — a comment thread on any Buildmyiq entity (Integration B).
+ * @module buildmyiq/components/BuiDiscussion
+ *
+ * Reuses the platform EntityComment API (`getEntityComments` /
+ * `createEntityComment`) keyed by `(entityType, entityId)` — no buildmyiq-svc change.
+ * Renders root comments (author, body, time) + a composer. Robust to empty
+ * state and errors.
+ */
+interface BuiDiscussionProps {
+    entityType: string;
+    entityId: string;
+    title?: string;
+    description?: string;
+}
+export declare function BuiDiscussion({ entityType, entityId, title, description, }: BuiDiscussionProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=BuiDiscussion.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BuiDiscussion.d.ts","sourceRoot":"","sources":["../../../src/buildmyiq/components/BuiDiscussion.tsx"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAWH,UAAU,kBAAkB;IAC1B,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAaD,wBAAgB,aAAa,CAAC,EAC5B,UAAU,EACV,QAAQ,EACR,KAAoB,EACpB,WAAkE,GACnE,EAAE,kBAAkB,2CAoGpB"}

package/dist/buildmyiq/components/BuiDiscussion.js

@@ -0,0 +1,109 @@
+import { useBuildmyiq as e } from "../context/BuildmyiqContext.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";
+import { MessageSquare as l, Send as u } from "lucide-react";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
+import { Button as p, Textarea as m } from "@burdenoff/fe-libs/ui";
+//#region src/buildmyiq/components/BuiDiscussion.tsx
+function h(e) {
+	if (!e) return "You";
+	let t = [e.firstName, e.lastName].filter(Boolean).join(" ").trim();
+	return e.name || t || e.username || e.email || "You";
+}
+function g(e) {
+	let t = e.trim();
+	return t ? t[0].toUpperCase() : "?";
+}
+function _({ entityType: _, entityId: v, title: y = "Discussion", description: b = "Coordinate review and verification with your team." }) {
+	let { currentUser: x } = e(), { data: S, isLoading: C, isError: w, refetch: T } = o(_, v), E = s(_, v), [D, O] = c(""), [k, A] = c(null), j = h(x), M = (e) => x?.id && e.authorId === x.id ? j : "Workspace member", N = async () => {
+		let e = D.trim();
+		if (e) {
+			A(null);
+			try {
+				await E.mutateAsync(e), O("");
+			} catch (e) {
+				A(e instanceof Error ? e.message : "Failed to post comment.");
+			}
+		}
+	}, P = S?.items ?? [];
+	return /* @__PURE__ */ d(a, {
+		title: y,
+		description: b,
+		children: /* @__PURE__ */ f("div", {
+			className: "rounded-xl border border-border-seam bg-bg-surface/40 p-4",
+			children: [/* @__PURE__ */ f("div", {
+				className: "flex gap-3",
+				children: [/* @__PURE__ */ d("div", {
+					className: "flex h-8 w-8 shrink-0 items-center justify-center rounded-full bg-action-primary-bg/15 text-sm font-semibold text-action-primary-bg",
+					children: g(j)
+				}), /* @__PURE__ */ f("div", {
+					className: "flex-1",
+					children: [/* @__PURE__ */ d(m, {
+						value: D,
+						onChange: (e) => O(e.target.value),
+						placeholder: "Add a comment for your team…",
+						rows: 2
+					}), /* @__PURE__ */ f("div", {
+						className: "mt-2 flex items-center justify-end gap-2",
+						children: [k && /* @__PURE__ */ d("span", {
+							className: "mr-auto text-xs text-status-error-text",
+							children: k
+						}), /* @__PURE__ */ f(p, {
+							size: "sm",
+							onClick: N,
+							disabled: !D.trim() || E.isPending,
+							children: [/* @__PURE__ */ d(u, { className: "mr-1.5 h-4 w-4" }), E.isPending ? "Posting…" : "Comment"]
+						})]
+					})]
+				})]
+			}), /* @__PURE__ */ d("div", {
+				className: "mt-4 border-t border-border-seam pt-4",
+				children: C ? /* @__PURE__ */ d(i, { label: "Loading discussion…" }) : w ? /* @__PURE__ */ d(r, {
+					message: "Couldn't load the discussion.",
+					onRetry: () => T()
+				}) : P.length === 0 ? /* @__PURE__ */ d(n, {
+					illustration: "empty-data",
+					icon: /* @__PURE__ */ d(l, { className: "h-9 w-9" }),
+					title: "No comments yet",
+					description: "Start the discussion by adding the first comment."
+				}) : /* @__PURE__ */ d("ul", {
+					className: "flex flex-col gap-4",
+					children: P.map((e) => {
+						let n = M(e), r = e.content.text ?? e.content.markdown ?? "";
+						return /* @__PURE__ */ f("li", {
+							className: "flex gap-3",
+							children: [/* @__PURE__ */ d("div", {
+								className: "flex h-8 w-8 shrink-0 items-center justify-center rounded-full bg-bg-sunken text-sm font-semibold text-text-secondary",
+								children: g(n)
+							}), /* @__PURE__ */ f("div", {
+								className: "min-w-0 flex-1",
+								children: [/* @__PURE__ */ f("div", {
+									className: "flex flex-wrap items-baseline gap-x-2",
+									children: [/* @__PURE__ */ d("span", {
+										className: "text-sm font-semibold text-text-primary",
+										children: n
+									}), /* @__PURE__ */ f("span", {
+										className: "text-xs text-text-tertiary",
+										children: [t(e.createdAt), e.edited ? " · edited" : ""]
+									})]
+								}), /* @__PURE__ */ d("p", {
+									className: "mt-0.5 whitespace-pre-wrap break-words text-sm text-text-secondary",
+									children: r
+								})]
+							})]
+						}, e.id);
+					})
+				})
+			})]
+		})
+	});
+}
+//#endregion
+export { _ as BuiDiscussion };
+
+//# sourceMappingURL=BuiDiscussion.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BuiDiscussion.js","names":[],"sources":["../../../src/buildmyiq/components/BuiDiscussion.tsx"],"sourcesContent":["/**\n * BuiDiscussion — a comment thread on any Buildmyiq entity (Integration B).\n * @module buildmyiq/components/BuiDiscussion\n *\n * Reuses the platform EntityComment API (`getEntityComments` /\n * `createEntityComment`) keyed by `(entityType, entityId)` — no buildmyiq-svc change.\n * Renders root comments (author, body, time) + a composer. Robust to empty\n * state and errors.\n */\n\nimport { useState } from 'react';\nimport { MessageSquare, Send } from 'lucide-react';\nimport { Button, Textarea } from '@burdenoff/fe-libs/ui';\nimport { Section, LoadingView, ErrorView } from './StateViews';\nimport { EmptyState } from './EmptyState';\nimport { useBuildmyiq } from '../context';\nimport { useBuiComments, useEcoCreateComment, type BuiComment } from '../hooks';\nimport { formatDateTime } from '../utils/formatters';\n\ninterface BuiDiscussionProps {\n  entityType: string;\n  entityId: string;\n  title?: string;\n  description?: string;\n}\n\nfunction displayName(user: ReturnType<typeof useBuildmyiq>['currentUser']): string {\n  if (!user) return 'You';\n  const full = [user.firstName, user.lastName].filter(Boolean).join(' ').trim();\n  return user.name || full || user.username || user.email || 'You';\n}\n\nfunction initialFor(label: string): string {\n  const trimmed = label.trim();\n  return trimmed ? trimmed[0]!.toUpperCase() : '?';\n}\n\nexport function BuiDiscussion({\n  entityType,\n  entityId,\n  title = 'Discussion',\n  description = 'Coordinate review and verification with your team.',\n}: BuiDiscussionProps) {\n  const { currentUser } = useBuildmyiq();\n  const { data, isLoading, isError, refetch } = useBuiComments(entityType, entityId);\n  const createComment = useEcoCreateComment(entityType, entityId);\n\n  const [draft, setDraft] = useState('');\n  const [error, setError] = useState<string | null>(null);\n\n  const selfName = displayName(currentUser);\n\n  const authorLabel = (comment: BuiComment): string =>\n    currentUser?.id && comment.authorId === currentUser.id ? selfName : 'Workspace member';\n\n  const handleSubmit = async () => {\n    const text = draft.trim();\n    if (!text) return;\n    setError(null);\n    try {\n      await createComment.mutateAsync(text);\n      setDraft('');\n    } catch (err) {\n      setError(err instanceof Error ? err.message : 'Failed to post comment.');\n    }\n  };\n\n  const comments = data?.items ?? [];\n\n  return (\n    <Section title={title} description={description}>\n      <div className=\"rounded-xl border border-border-seam bg-bg-surface/40 p-4\">\n        {/* Composer */}\n        <div className=\"flex gap-3\">\n          <div className=\"flex h-8 w-8 shrink-0 items-center justify-center rounded-full bg-action-primary-bg/15 text-sm font-semibold text-action-primary-bg\">\n            {initialFor(selfName)}\n          </div>\n          <div className=\"flex-1\">\n            <Textarea\n              value={draft}\n              onChange={(e) => setDraft(e.target.value)}\n              placeholder=\"Add a comment for your team…\"\n              rows={2}\n            />\n            <div className=\"mt-2 flex items-center justify-end gap-2\">\n              {error && <span className=\"mr-auto text-xs text-status-error-text\">{error}</span>}\n              <Button\n                size=\"sm\"\n                onClick={handleSubmit}\n                disabled={!draft.trim() || createComment.isPending}\n              >\n                <Send className=\"mr-1.5 h-4 w-4\" />\n                {createComment.isPending ? 'Posting…' : 'Comment'}\n              </Button>\n            </div>\n          </div>\n        </div>\n\n        {/* Thread */}\n        <div className=\"mt-4 border-t border-border-seam pt-4\">\n          {isLoading ? (\n            <LoadingView label=\"Loading discussion…\" />\n          ) : isError ? (\n            <ErrorView message=\"Couldn't load the discussion.\" onRetry={() => refetch()} />\n          ) : comments.length === 0 ? (\n            <EmptyState\n              illustration=\"empty-data\"\n              icon={<MessageSquare className=\"h-9 w-9\" />}\n              title=\"No comments yet\"\n              description=\"Start the discussion by adding the first comment.\"\n            />\n          ) : (\n            <ul className=\"flex flex-col gap-4\">\n              {comments.map((comment) => {\n                const label = authorLabel(comment);\n                const body = comment.content.text ?? comment.content.markdown ?? '';\n                return (\n                  <li key={comment.id} className=\"flex gap-3\">\n                    <div className=\"flex h-8 w-8 shrink-0 items-center justify-center rounded-full bg-bg-sunken text-sm font-semibold text-text-secondary\">\n                      {initialFor(label)}\n                    </div>\n                    <div className=\"min-w-0 flex-1\">\n                      <div className=\"flex flex-wrap items-baseline gap-x-2\">\n                        <span className=\"text-sm font-semibold text-text-primary\">{label}</span>\n                        <span className=\"text-xs text-text-tertiary\">\n                          {formatDateTime(comment.createdAt)}\n                          {comment.edited ? ' · edited' : ''}\n                        </span>\n                      </div>\n                      <p className=\"mt-0.5 whitespace-pre-wrap break-words text-sm text-text-secondary\">\n                        {body}\n                      </p>\n                    </div>\n                  </li>\n                );\n              })}\n            </ul>\n          )}\n        </div>\n      </div>\n    </Section>\n  );\n}\n"],"mappings":"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"}

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

@@ -0,0 +1,17 @@
+/**
+ * BuiTags — a lightweight tag control for Buildmyiq entities (Integration C).
+ * @module buildmyiq/components/BuiTags
+ *
+ * The buildmyiq svc exposes no tags field, so this drives the platform tag store
+ * directly: `getEntityTags` (display), `searchTags` (+ `createTag`) to pick or
+ * create, `assignTag`/`removeTagAssignment` to link — all via the workspace
+ * gateway. No buildmyiq-svc change.
+ */
+interface BuiTagsProps {
+    entityType: string;
+    entityId: string;
+    label?: string;
+}
+export declare function BuiTags({ entityType, entityId, label }: BuiTagsProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=BuiTags.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BuiTags.d.ts","sourceRoot":"","sources":["../../../src/buildmyiq/components/BuiTags.tsx"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAoBH,UAAU,YAAY;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,wBAAgB,OAAO,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,KAAc,EAAE,EAAE,YAAY,2CAuL7E"}

package/dist/buildmyiq/components/BuiTags.js

@@ -0,0 +1,149 @@
+import { useEcoAssignTag as e, useEcoCreateAndAssignTag as t, useEcoEntityTags as n, useEcoRemoveTagAssignment as r, useEcoTagSearch as i } from "../hooks/useBuiTags.js";
+import "../hooks/index.js";
+import { useEffect as a, useState as o } from "react";
+import { Loader2 as s, Plus as c, Tag as l, X as u } from "lucide-react";
+import { Fragment as d, jsx as f, jsxs as p } from "react/jsx-runtime";
+import { Button as m, Input as h, Popover as g, PopoverContent as _, PopoverTrigger as v, Spinner as y } from "@burdenoff/fe-libs/ui";
+//#region src/buildmyiq/components/BuiTags.tsx
+function b({ entityType: b, entityId: x, label: S = "Tags" }) {
+	let C = n(b, x), w = e(b, x), T = r(b, x), E = t(b, x), [D, O] = o(!1), [k, A] = o(""), [j, M] = o(""), [N, P] = o(null);
+	a(() => {
+		let e = setTimeout(() => M(k), 250);
+		return () => clearTimeout(e);
+	}, [k]);
+	let F = i(j), I = C.data ?? [], L = new Set(I.map((e) => e.tag.id)), R = j.trim(), z = (F.data ?? []).filter((e) => !L.has(e.id)), B = R.length > 0 && [...I.map((e) => e.tag.label), ...(F.data ?? []).map((e) => e.label)].some((e) => e.toLowerCase() === R.toLowerCase()), V = R.length > 0 && !B, H = w.isPending || E.isPending, U = () => {
+		A(""), M(""), P(null);
+	}, W = async (e) => {
+		P(null);
+		try {
+			await w.mutateAsync(e), U(), O(!1);
+		} catch (e) {
+			P(e instanceof Error ? e.message : "Failed to add tag.");
+		}
+	}, G = async () => {
+		if (R) {
+			P(null);
+			try {
+				await E.mutateAsync(R), U(), O(!1);
+			} catch (e) {
+				P(e instanceof Error ? e.message : "Failed to create tag.");
+			}
+		}
+	}, K = async (e) => {
+		P(null);
+		try {
+			await T.mutateAsync(e);
+		} catch (e) {
+			P(e instanceof Error ? e.message : "Failed to remove tag.");
+		}
+	};
+	return /* @__PURE__ */ p("div", { children: [
+		/* @__PURE__ */ f("p", {
+			className: "mb-1.5 text-xs text-text-tertiary",
+			children: S
+		}),
+		/* @__PURE__ */ p("div", {
+			className: "flex flex-wrap items-center gap-2",
+			children: [C.isLoading ? /* @__PURE__ */ p("span", {
+				className: "inline-flex items-center gap-1.5 text-sm text-text-tertiary",
+				children: [/* @__PURE__ */ f(s, { className: "h-3.5 w-3.5 animate-spin" }), " Loading tags…"]
+			}) : I.map((e) => /* @__PURE__ */ p("span", {
+				className: "inline-flex items-center gap-1.5 rounded-full border border-border-seam bg-bg-sunken px-2.5 py-1 text-xs text-text-secondary",
+				children: [
+					e.tag.color ? /* @__PURE__ */ f("span", {
+						className: "h-2 w-2 shrink-0 rounded-full",
+						style: { backgroundColor: e.tag.color },
+						"aria-hidden": !0
+					}) : /* @__PURE__ */ f(l, { className: "h-3 w-3 text-text-tertiary" }),
+					/* @__PURE__ */ f("span", {
+						className: "max-w-[10rem] truncate",
+						children: e.tag.label
+					}),
+					/* @__PURE__ */ f("button", {
+						type: "button",
+						onClick: () => K(e.id),
+						disabled: T.isPending,
+						"aria-label": `Remove tag ${e.tag.label}`,
+						className: "rounded-full p-0.5 text-text-tertiary hover:bg-bg-canvas hover:text-text-primary",
+						children: /* @__PURE__ */ f(u, { className: "h-3 w-3" })
+					})
+				]
+			}, e.id)), /* @__PURE__ */ p(g, {
+				open: D,
+				onOpenChange: (e) => {
+					O(e), e || U();
+				},
+				children: [/* @__PURE__ */ f(v, {
+					asChild: !0,
+					children: /* @__PURE__ */ p(m, {
+						size: "sm",
+						variant: "outline",
+						className: "h-7 gap-1 px-2 text-xs",
+						children: [/* @__PURE__ */ f(c, { className: "h-3.5 w-3.5" }), " Add tag"]
+					})
+				}), /* @__PURE__ */ p(_, {
+					align: "start",
+					className: "w-64 p-2",
+					children: [/* @__PURE__ */ f(h, {
+						autoFocus: !0,
+						value: k,
+						onChange: (e) => A(e.target.value),
+						placeholder: "Search or create a tag…",
+						className: "h-8"
+					}), /* @__PURE__ */ f("div", {
+						className: "mt-2 max-h-56 overflow-y-auto",
+						children: F.isFetching && R.length > 0 ? /* @__PURE__ */ p("div", {
+							className: "flex items-center gap-2 px-1 py-2 text-sm text-text-tertiary",
+							children: [/* @__PURE__ */ f(y, { size: "sm" }), " Searching…"]
+						}) : /* @__PURE__ */ p(d, { children: [
+							z.map((e) => /* @__PURE__ */ p("button", {
+								type: "button",
+								onClick: () => W(e.id),
+								disabled: H,
+								className: "flex w-full items-center gap-2 rounded-md px-2 py-1.5 text-left text-sm text-text-secondary hover:bg-bg-sunken disabled:opacity-60",
+								children: [e.color ? /* @__PURE__ */ f("span", {
+									className: "h-2 w-2 shrink-0 rounded-full",
+									style: { backgroundColor: e.color },
+									"aria-hidden": !0
+								}) : /* @__PURE__ */ f(l, { className: "h-3.5 w-3.5 text-text-tertiary" }), /* @__PURE__ */ f("span", {
+									className: "truncate",
+									children: e.label
+								})]
+							}, e.id)),
+							V && /* @__PURE__ */ p("button", {
+								type: "button",
+								onClick: G,
+								disabled: H,
+								className: "flex w-full items-center gap-2 rounded-md px-2 py-1.5 text-left text-sm text-action-primary-bg hover:bg-bg-sunken disabled:opacity-60",
+								children: [/* @__PURE__ */ f(c, { className: "h-3.5 w-3.5 shrink-0" }), /* @__PURE__ */ p("span", {
+									className: "truncate",
+									children: [
+										"Create “",
+										R,
+										"”"
+									]
+								})]
+							}),
+							!V && z.length === 0 && R.length > 0 && /* @__PURE__ */ f("p", {
+								className: "px-2 py-2 text-sm text-text-tertiary",
+								children: "Already added."
+							}),
+							R.length === 0 && /* @__PURE__ */ f("p", {
+								className: "px-2 py-2 text-sm text-text-tertiary",
+								children: "Type to search existing tags or create a new one."
+							})
+						] })
+					})]
+				})]
+			})]
+		}),
+		N && /* @__PURE__ */ f("p", {
+			className: "mt-1.5 text-xs text-status-error-text",
+			children: N
+		})
+	] });
+}
+//#endregion
+export { b as BuiTags };
+
+//# sourceMappingURL=BuiTags.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BuiTags.js","names":[],"sources":["../../../src/buildmyiq/components/BuiTags.tsx"],"sourcesContent":["/**\n * BuiTags — a lightweight tag control for Buildmyiq entities (Integration C).\n * @module buildmyiq/components/BuiTags\n *\n * The buildmyiq svc exposes no tags field, so this drives the platform tag store\n * directly: `getEntityTags` (display), `searchTags` (+ `createTag`) to pick or\n * create, `assignTag`/`removeTagAssignment` to link — all via the workspace\n * gateway. No buildmyiq-svc change.\n */\n\nimport { useEffect, useState } from 'react';\nimport { Loader2, Plus, Tag as TagIcon, X } from 'lucide-react';\nimport {\n  Button,\n  Input,\n  Popover,\n  PopoverContent,\n  PopoverTrigger,\n  Spinner,\n} from '@burdenoff/fe-libs/ui';\nimport {\n  useEcoEntityTags,\n  useEcoTagSearch,\n  useEcoAssignTag,\n  useEcoRemoveTagAssignment,\n  useEcoCreateAndAssignTag,\n} from '../hooks';\n\ninterface BuiTagsProps {\n  entityType: string;\n  entityId: string;\n  label?: string;\n}\n\nexport function BuiTags({ entityType, entityId, label = 'Tags' }: BuiTagsProps) {\n  const tags = useEcoEntityTags(entityType, entityId);\n  const assign = useEcoAssignTag(entityType, entityId);\n  const remove = useEcoRemoveTagAssignment(entityType, entityId);\n  const createAndAssign = useEcoCreateAndAssignTag(entityType, entityId);\n\n  const [open, setOpen] = useState(false);\n  const [query, setQuery] = useState('');\n  const [debounced, setDebounced] = useState('');\n  const [error, setError] = useState<string | null>(null);\n\n  useEffect(() => {\n    const timer = setTimeout(() => setDebounced(query), 250);\n    return () => clearTimeout(timer);\n  }, [query]);\n\n  const search = useEcoTagSearch(debounced);\n\n  const assignments = tags.data ?? [];\n  const assignedIds = new Set(assignments.map((a) => a.tag.id));\n  const q = debounced.trim();\n  const searchResults = (search.data ?? []).filter((t) => !assignedIds.has(t.id));\n  const hasExact =\n    q.length > 0 &&\n    [...assignments.map((a) => a.tag.label), ...(search.data ?? []).map((t) => t.label)].some(\n      (l) => l.toLowerCase() === q.toLowerCase()\n    );\n  const showCreate = q.length > 0 && !hasExact;\n  const busy = assign.isPending || createAndAssign.isPending;\n\n  const resetInput = () => {\n    setQuery('');\n    setDebounced('');\n    setError(null);\n  };\n\n  const handleAssign = async (tagId: string) => {\n    setError(null);\n    try {\n      await assign.mutateAsync(tagId);\n      resetInput();\n      setOpen(false);\n    } catch (err) {\n      setError(err instanceof Error ? err.message : 'Failed to add tag.');\n    }\n  };\n\n  const handleCreate = async () => {\n    if (!q) return;\n    setError(null);\n    try {\n      await createAndAssign.mutateAsync(q);\n      resetInput();\n      setOpen(false);\n    } catch (err) {\n      setError(err instanceof Error ? err.message : 'Failed to create tag.');\n    }\n  };\n\n  const handleRemove = async (assignmentId: string) => {\n    setError(null);\n    try {\n      await remove.mutateAsync(assignmentId);\n    } catch (err) {\n      setError(err instanceof Error ? err.message : 'Failed to remove tag.');\n    }\n  };\n\n  return (\n    <div>\n      <p className=\"mb-1.5 text-xs text-text-tertiary\">{label}</p>\n      <div className=\"flex flex-wrap items-center gap-2\">\n        {tags.isLoading ? (\n          <span className=\"inline-flex items-center gap-1.5 text-sm text-text-tertiary\">\n            <Loader2 className=\"h-3.5 w-3.5 animate-spin\" /> Loading tags…\n          </span>\n        ) : (\n          assignments.map((assignment) => (\n            <span\n              key={assignment.id}\n              className=\"inline-flex items-center gap-1.5 rounded-full border border-border-seam bg-bg-sunken px-2.5 py-1 text-xs text-text-secondary\"\n            >\n              {assignment.tag.color ? (\n                <span\n                  className=\"h-2 w-2 shrink-0 rounded-full\"\n                  style={{ backgroundColor: assignment.tag.color }}\n                  aria-hidden\n                />\n              ) : (\n                <TagIcon className=\"h-3 w-3 text-text-tertiary\" />\n              )}\n              <span className=\"max-w-[10rem] truncate\">{assignment.tag.label}</span>\n              <button\n                type=\"button\"\n                onClick={() => handleRemove(assignment.id)}\n                disabled={remove.isPending}\n                aria-label={`Remove tag ${assignment.tag.label}`}\n                className=\"rounded-full p-0.5 text-text-tertiary hover:bg-bg-canvas hover:text-text-primary\"\n              >\n                <X className=\"h-3 w-3\" />\n              </button>\n            </span>\n          ))\n        )}\n\n        <Popover\n          open={open}\n          onOpenChange={(next) => {\n            setOpen(next);\n            if (!next) resetInput();\n          }}\n        >\n          <PopoverTrigger asChild>\n            <Button size=\"sm\" variant=\"outline\" className=\"h-7 gap-1 px-2 text-xs\">\n              <Plus className=\"h-3.5 w-3.5\" /> Add tag\n            </Button>\n          </PopoverTrigger>\n          <PopoverContent align=\"start\" className=\"w-64 p-2\">\n            <Input\n              autoFocus\n              value={query}\n              onChange={(e) => setQuery(e.target.value)}\n              placeholder=\"Search or create a tag…\"\n              className=\"h-8\"\n            />\n            <div className=\"mt-2 max-h-56 overflow-y-auto\">\n              {search.isFetching && q.length > 0 ? (\n                <div className=\"flex items-center gap-2 px-1 py-2 text-sm text-text-tertiary\">\n                  <Spinner size=\"sm\" /> Searching…\n                </div>\n              ) : (\n                <>\n                  {searchResults.map((tag) => (\n                    <button\n                      key={tag.id}\n                      type=\"button\"\n                      onClick={() => handleAssign(tag.id)}\n                      disabled={busy}\n                      className=\"flex w-full items-center gap-2 rounded-md px-2 py-1.5 text-left text-sm text-text-secondary hover:bg-bg-sunken disabled:opacity-60\"\n                    >\n                      {tag.color ? (\n                        <span\n                          className=\"h-2 w-2 shrink-0 rounded-full\"\n                          style={{ backgroundColor: tag.color }}\n                          aria-hidden\n                        />\n                      ) : (\n                        <TagIcon className=\"h-3.5 w-3.5 text-text-tertiary\" />\n                      )}\n                      <span className=\"truncate\">{tag.label}</span>\n                    </button>\n                  ))}\n\n                  {showCreate && (\n                    <button\n                      type=\"button\"\n                      onClick={handleCreate}\n                      disabled={busy}\n                      className=\"flex w-full items-center gap-2 rounded-md px-2 py-1.5 text-left text-sm text-action-primary-bg hover:bg-bg-sunken disabled:opacity-60\"\n                    >\n                      <Plus className=\"h-3.5 w-3.5 shrink-0\" />\n                      <span className=\"truncate\">Create “{q}”</span>\n                    </button>\n                  )}\n\n                  {!showCreate && searchResults.length === 0 && q.length > 0 && (\n                    <p className=\"px-2 py-2 text-sm text-text-tertiary\">Already added.</p>\n                  )}\n                  {q.length === 0 && (\n                    <p className=\"px-2 py-2 text-sm text-text-tertiary\">\n                      Type to search existing tags or create a new one.\n                    </p>\n                  )}\n                </>\n              )}\n            </div>\n          </PopoverContent>\n        </Popover>\n      </div>\n\n      {error && <p className=\"mt-1.5 text-xs text-status-error-text\">{error}</p>}\n    </div>\n  );\n}\n"],"mappings":"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"}

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

@@ -0,0 +1,28 @@
+import { ReactNode } from 'react';
+
+export interface Column<T> {
+    key: string;
+    header: ReactNode;
+    render: (row: T) => ReactNode;
+    align?: 'left' | 'right' | 'center';
+    className?: string;
+    /** Hide below the `md` breakpoint for a mobile-friendly layout. */
+    hideOnMobile?: boolean;
+    /** Provide to make this column click-sortable (returns a comparable value). */
+    sortValue?: (row: T) => string | number;
+}
+interface DataTableProps<T> {
+    columns: Column<T>[];
+    rows: T[];
+    rowKey: (row: T) => string;
+    onRowClick?: (row: T) => void;
+    className?: string;
+    /** Default sort: a column key + direction. */
+    defaultSort?: {
+        key: string;
+        dir: 'asc' | 'desc';
+    };
+}
+export declare function DataTable<T>({ columns, rows, rowKey, onRowClick, className, defaultSort, }: DataTableProps<T>): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=DataTable.d.ts.map