@burdenoff/microfe-workspaces 2026.510.50 → 2026.511.1

package/dist/pages/dashboard/DashboardGrid.js

@@ -1,54 +1,51 @@
-import { WelcomeWidget as e } from "./widgets/WelcomeWidget.js";
-import { QuickActionsWidget as t } from "./widgets/QuickActionsWidget.js";
-import { WorkspacesWidget as n } from "./widgets/WorkspacesWidget.js";
-import { ProjectsWidget as r } from "./widgets/ProjectsWidget.js";
-import { RecentActivityWidget as i } from "./widgets/RecentActivityWidget.js";
-import { UpcomingEventsWidget as a } from "./widgets/UpcomingEventsWidget.js";
-import { WorkflowStatsWidget as o } from "./widgets/WorkflowStatsWidget.js";
-import { TagCloudWidget as s } from "./widgets/TagCloudWidget.js";
-import { StorageWidget as c } from "./widgets/StorageWidget.js";
-import { GroupsWidget as l } from "./widgets/GroupsWidget.js";
-import { MembersWidget as u } from "./widgets/MembersWidget.js";
-import { SystemHealthWidget as d } from "./widgets/SystemHealthWidget.js";
-import { TipsWidget as f } from "./widgets/TipsWidget.js";
-import { useCallback as p } from "react";
+import { tWithFallback as e } from "../../utils/i18n.js";
+import { WelcomeWidget as t } from "./widgets/WelcomeWidget.js";
+import { QuickActionsWidget as n } from "./widgets/QuickActionsWidget.js";
+import { WorkspacesWidget as r } from "./widgets/WorkspacesWidget.js";
+import { ProjectsWidget as i } from "./widgets/ProjectsWidget.js";
+import { RecentActivityWidget as a } from "./widgets/RecentActivityWidget.js";
+import { UpcomingEventsWidget as o } from "./widgets/UpcomingEventsWidget.js";
+import { WorkflowStatsWidget as s } from "./widgets/WorkflowStatsWidget.js";
+import { TagCloudWidget as c } from "./widgets/TagCloudWidget.js";
+import { StorageWidget as l } from "./widgets/StorageWidget.js";
+import { GroupsWidget as u } from "./widgets/GroupsWidget.js";
+import { MembersWidget as d } from "./widgets/MembersWidget.js";
+import { SystemHealthWidget as f } from "./widgets/SystemHealthWidget.js";
+import { TipsWidget as p } from "./widgets/TipsWidget.js";
 import { jsx as m, jsxs as h } from "react/jsx-runtime";
 import { useI18n as g } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
 //#region src/pages/dashboard/DashboardGrid.tsx
 var _ = {
-	welcome: e,
-	quickActions: t,
-	workspaces: n,
-	projects: r,
-	activity: i,
-	calendar: a,
-	workflows: o,
-	tags: s,
-	storage: c,
-	groups: l,
-	members: u,
-	systemHealth: d,
-	tips: f
+	welcome: t,
+	quickActions: n,
+	workspaces: r,
+	projects: i,
+	activity: a,
+	calendar: o,
+	workflows: s,
+	tags: c,
+	storage: l,
+	groups: u,
+	members: d,
+	systemHealth: f,
+	tips: p
 };
-function v({ widgets: e, ...t }) {
-	let { t: n } = g(), r = p((e, t) => {
-		let r = n(e);
-		return r === e ? t : r;
-	}, [n]), i = e.filter((e) => e.enabled).sort((e, t) => e.order - t.order);
+function v({ widgets: t, ...n }) {
+	let { t: r } = g(), i = t.filter((e) => e.enabled).sort((e, t) => e.order - t.order);
 	return i.length === 0 ? /* @__PURE__ */ h("div", {
 		className: "text-center py-12",
 		children: [/* @__PURE__ */ m("p", {
 			className: "text-lg text-muted-foreground",
-			children: r("dashboardGrid.noWidgetsEnabled", "No widgets enabled")
+			children: e(r, "dashboardGrid.noWidgetsEnabled", "No widgets enabled")
 		}), /* @__PURE__ */ m("p", {
 			className: "text-sm text-muted-foreground mt-1",
-			children: r("dashboardGrid.noWidgetsHint", "Click \"Customize\" to add widgets to your dashboard")
+			children: e(r, "dashboardGrid.noWidgetsHint", "Click \"Customize\" to add widgets to your dashboard")
 		})]
 	}) : /* @__PURE__ */ m("div", {
 		className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4",
 		children: i.map((e) => {
-			let n = _[e.widgetId];
-			return n ? /* @__PURE__ */ m(n, { ...t }, e.widgetId) : null;
+			let t = _[e.widgetId];
+			return t ? /* @__PURE__ */ m(t, { ...n }, e.widgetId) : null;
 		})
 	});
 }

package/dist/pages/dashboard/DashboardGrid.js.map

@@ -1 +1 @@
-{"version":3,"file":"DashboardGrid.js","names":[],"sources":["../../../src/pages/dashboard/DashboardGrid.tsx"],"sourcesContent":["/**\n * DashboardGrid — Renders the configured widgets in a responsive grid.\n */\nimport { useCallback } from 'react';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport type { WidgetConfig, WidgetProps } from './types';\nimport { WIDGET_DEFINITIONS } from './config';\n\n// Widget components\nimport { WelcomeWidget } from './widgets/WelcomeWidget';\nimport { QuickActionsWidget } from './widgets/QuickActionsWidget';\nimport { WorkspacesWidget } from './widgets/WorkspacesWidget';\nimport { ProjectsWidget } from './widgets/ProjectsWidget';\nimport { RecentActivityWidget } from './widgets/RecentActivityWidget';\nimport { UpcomingEventsWidget } from './widgets/UpcomingEventsWidget';\nimport { WorkflowStatsWidget } from './widgets/WorkflowStatsWidget';\nimport { TagCloudWidget } from './widgets/TagCloudWidget';\nimport { StorageWidget } from './widgets/StorageWidget';\nimport { GroupsWidget } from './widgets/GroupsWidget';\nimport { MembersWidget } from './widgets/MembersWidget';\nimport { SystemHealthWidget } from './widgets/SystemHealthWidget';\nimport { TipsWidget } from './widgets/TipsWidget';\n\n// Widget component registry\nconst WIDGET_COMPONENTS: Record<string, React.FC<WidgetProps>> = {\n  welcome: WelcomeWidget,\n  quickActions: QuickActionsWidget,\n  workspaces: WorkspacesWidget,\n  projects: ProjectsWidget,\n  activity: RecentActivityWidget,\n  calendar: UpcomingEventsWidget,\n  workflows: WorkflowStatsWidget,\n  tags: TagCloudWidget,\n  storage: StorageWidget,\n  groups: GroupsWidget,\n  members: MembersWidget,\n  systemHealth: SystemHealthWidget,\n  tips: TipsWidget,\n};\n\ninterface DashboardGridProps extends WidgetProps {\n  widgets: WidgetConfig[];\n}\n\nexport function DashboardGrid({ widgets, ...widgetProps }: DashboardGridProps) {\n  const { t } = useI18n();\n  const tr = useCallback(\n    (key: string, fallback: string): string => {\n      const value = t(key);\n      return value === key ? fallback : value;\n    },\n    [t]\n  );\n\n  const enabledWidgets = widgets.filter((w) => w.enabled).sort((a, b) => a.order - b.order);\n\n  if (enabledWidgets.length === 0) {\n    return (\n      <div className=\"text-center py-12\">\n        <p className=\"text-lg text-muted-foreground\">\n          {tr('dashboardGrid.noWidgetsEnabled', 'No widgets enabled')}\n        </p>\n        <p className=\"text-sm text-muted-foreground mt-1\">\n          {tr('dashboardGrid.noWidgetsHint', 'Click \"Customize\" to add widgets to your dashboard')}\n        </p>\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4\">\n      {enabledWidgets.map((widgetConfig) => {\n        const Component = WIDGET_COMPONENTS[widgetConfig.widgetId];\n        if (!Component) return null;\n\n        return <Component key={widgetConfig.widgetId} {...widgetProps} />;\n      })}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAwBA,IAAM,IAA2D;CAC/D,SAAS;CACT,cAAc;CACd,YAAY;CACZ,UAAU;CACV,UAAU;CACV,UAAU;CACV,WAAW;CACX,MAAM;CACN,SAAS;CACT,QAAQ;CACR,SAAS;CACT,cAAc;CACd,MAAM;CACP;AAMD,SAAgB,EAAc,EAAE,YAAS,GAAG,KAAmC;CAC7E,IAAM,EAAE,SAAM,GAAS,EACjB,IAAK,GACR,GAAa,MAA6B;EACzC,IAAM,IAAQ,EAAE,EAAI;AACpB,SAAO,MAAU,IAAM,IAAW;IAEpC,CAAC,EAAE,CACJ,EAEK,IAAiB,EAAQ,QAAQ,MAAM,EAAE,QAAQ,CAAC,MAAM,GAAG,MAAM,EAAE,QAAQ,EAAE,MAAM;AAezF,QAbI,EAAe,WAAW,IAE1B,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,KAAD;GAAG,WAAU;aACV,EAAG,kCAAkC,qBAAqB;GACzD,CAAA,EACJ,kBAAC,KAAD;GAAG,WAAU;aACV,EAAG,+BAA+B,uDAAqD;GACtF,CAAA,CACA;MAKR,kBAAC,OAAD;EAAK,WAAU;YACZ,EAAe,KAAK,MAAiB;GACpC,IAAM,IAAY,EAAkB,EAAa;AAGjD,UAFK,IAEE,kBAAC,GAAD,EAAuC,GAAI,GAAe,EAA1C,EAAa,SAA6B,GAF1C;IAGvB;EACE,CAAA"}
+{"version":3,"file":"DashboardGrid.js","names":[],"sources":["../../../src/pages/dashboard/DashboardGrid.tsx"],"sourcesContent":["/**\n * DashboardGrid — Renders the configured widgets in a responsive grid.\n */\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { tWithFallback } from '../../utils/i18n';\nimport type { WidgetConfig, WidgetProps } from './types';\nimport { WIDGET_DEFINITIONS } from './config';\n\n// Widget components\nimport { WelcomeWidget } from './widgets/WelcomeWidget';\nimport { QuickActionsWidget } from './widgets/QuickActionsWidget';\nimport { WorkspacesWidget } from './widgets/WorkspacesWidget';\nimport { ProjectsWidget } from './widgets/ProjectsWidget';\nimport { RecentActivityWidget } from './widgets/RecentActivityWidget';\nimport { UpcomingEventsWidget } from './widgets/UpcomingEventsWidget';\nimport { WorkflowStatsWidget } from './widgets/WorkflowStatsWidget';\nimport { TagCloudWidget } from './widgets/TagCloudWidget';\nimport { StorageWidget } from './widgets/StorageWidget';\nimport { GroupsWidget } from './widgets/GroupsWidget';\nimport { MembersWidget } from './widgets/MembersWidget';\nimport { SystemHealthWidget } from './widgets/SystemHealthWidget';\nimport { TipsWidget } from './widgets/TipsWidget';\n\n// Widget component registry\nconst WIDGET_COMPONENTS: Record<string, React.FC<WidgetProps>> = {\n  welcome: WelcomeWidget,\n  quickActions: QuickActionsWidget,\n  workspaces: WorkspacesWidget,\n  projects: ProjectsWidget,\n  activity: RecentActivityWidget,\n  calendar: UpcomingEventsWidget,\n  workflows: WorkflowStatsWidget,\n  tags: TagCloudWidget,\n  storage: StorageWidget,\n  groups: GroupsWidget,\n  members: MembersWidget,\n  systemHealth: SystemHealthWidget,\n  tips: TipsWidget,\n};\n\ninterface DashboardGridProps extends WidgetProps {\n  widgets: WidgetConfig[];\n}\n\nexport function DashboardGrid({ widgets, ...widgetProps }: DashboardGridProps) {\n  const { t } = useI18n();\n\n  const enabledWidgets = widgets.filter((w) => w.enabled).sort((a, b) => a.order - b.order);\n\n  if (enabledWidgets.length === 0) {\n    return (\n      <div className=\"text-center py-12\">\n        <p className=\"text-lg text-muted-foreground\">\n          {tWithFallback(t, 'dashboardGrid.noWidgetsEnabled', 'No widgets enabled')}\n        </p>\n        <p className=\"text-sm text-muted-foreground mt-1\">\n          {tWithFallback(\n            t,\n            'dashboardGrid.noWidgetsHint',\n            'Click \"Customize\" to add widgets to your dashboard'\n          )}\n        </p>\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4\">\n      {enabledWidgets.map((widgetConfig) => {\n        const Component = WIDGET_COMPONENTS[widgetConfig.widgetId];\n        if (!Component) return null;\n\n        return <Component key={widgetConfig.widgetId} {...widgetProps} />;\n      })}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAwBA,IAAM,IAA2D;CAC/D,SAAS;CACT,cAAc;CACd,YAAY;CACZ,UAAU;CACV,UAAU;CACV,UAAU;CACV,WAAW;CACX,MAAM;CACN,SAAS;CACT,QAAQ;CACR,SAAS;CACT,cAAc;CACd,MAAM;CACP;AAMD,SAAgB,EAAc,EAAE,YAAS,GAAG,KAAmC;CAC7E,IAAM,EAAE,SAAM,GAAS,EAEjB,IAAiB,EAAQ,QAAQ,MAAM,EAAE,QAAQ,CAAC,MAAM,GAAG,MAAM,EAAE,QAAQ,EAAE,MAAM;AAmBzF,QAjBI,EAAe,WAAW,IAE1B,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,KAAD;GAAG,WAAU;aACV,EAAc,GAAG,kCAAkC,qBAAqB;GACvE,CAAA,EACJ,kBAAC,KAAD;GAAG,WAAU;aACV,EACC,GACA,+BACA,uDACD;GACC,CAAA,CACA;MAKR,kBAAC,OAAD;EAAK,WAAU;YACZ,EAAe,KAAK,MAAiB;GACpC,IAAM,IAAY,EAAkB,EAAa;AAGjD,UAFK,IAEE,kBAAC,GAAD,EAAuC,GAAI,GAAe,EAA1C,EAAa,SAA6B,GAF1C;IAGvB;EACE,CAAA"}

package/dist/pages/dashboard/DashboardPage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DashboardPage.d.ts","sourceRoot":"","sources":["../../../src/pages/dashboard/DashboardPage.tsx"],"names":[],"mappings":"AAiCA,UAAU,kBAAkB;IAC1B,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,WAAW,CAAC,EAAE;QACZ,EAAE,EAAE,MAAM,CAAC;QACX,KAAK,EAAE,MAAM,CAAC;QACd,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,IAAI,CAAC,EAAE,MAAM,CAAC;KACf,GAAG,IAAI,CAAC;CACV;AAED,wBAAgB,aAAa,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,WAAW,EAAE,EAAE,kBAAkB,2CA+JrF"}
+{"version":3,"file":"DashboardPage.d.ts","sourceRoot":"","sources":["../../../src/pages/dashboard/DashboardPage.tsx"],"names":[],"mappings":"AAkCA,UAAU,kBAAkB;IAC1B,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,WAAW,CAAC,EAAE;QACZ,EAAE,EAAE,MAAM,CAAC;QACX,KAAK,EAAE,MAAM,CAAC;QACd,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,IAAI,CAAC,EAAE,MAAM,CAAC;KACf,GAAG,IAAI,CAAC;CACV;AAED,wBAAgB,aAAa,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,WAAW,EAAE,EAAE,kBAAkB,2CAgKrF"}

package/dist/pages/dashboard/DashboardPage.js

@@ -1,20 +1,22 @@
-import { useGlobalDashboardData as e, useProjectsDashboardData as t, useWorkspaceDashboardData as n } from "./hooks/useDashboardData.js";
-import { useUpdateDashboardPreferences as r } from "./hooks/useDashboardPreferences.js";
-import { DashboardGrid as i } from "./DashboardGrid.js";
-import { getEffectiveWidgets as a } from "./config.js";
-import { DashboardCustomizer as o } from "./DashboardCustomizer.js";
-import { useCallback as s, useMemo as c, useState as l } from "react";
-import { AlertCircle as u, Loader2 as d, RefreshCw as f, Settings2 as p } from "lucide-react";
-import { jsx as m, jsxs as h } from "react/jsx-runtime";
-import { Button as g } from "@burdenoff/fe-libs/ui";
-import { useI18n as _ } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { useWorkspacesPageView as e } from "../../hooks/useWorkspacesPageView.js";
+import { useGlobalDashboardData as t, useProjectsDashboardData as n, useWorkspaceDashboardData as r } from "./hooks/useDashboardData.js";
+import { useUpdateDashboardPreferences as i } from "./hooks/useDashboardPreferences.js";
+import { DashboardGrid as a } from "./DashboardGrid.js";
+import { getEffectiveWidgets as o } from "./config.js";
+import { DashboardCustomizer as s } from "./DashboardCustomizer.js";
+import { useCallback as c, useMemo as l, useState as u } from "react";
+import { AlertCircle as d, Loader2 as f, RefreshCw as p, Settings2 as m } from "lucide-react";
+import { jsx as h, jsxs as g } from "react/jsx-runtime";
+import { Button as _ } from "@burdenoff/fe-libs/ui";
+import { useI18n as v } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
 //#region src/pages/dashboard/DashboardPage.tsx
-function v({ navigate: v, authToken: y, currentUser: b }) {
-	let { t: x } = _(), S = (e, t) => {
-		let n = x(e);
+function y({ navigate: y, authToken: b, currentUser: x }) {
+	e("workspaces.dashboard");
+	let { t: S } = v(), C = (e, t) => {
+		let n = S(e);
 		return n === e ? t : n;
-	}, [C, w] = l(!1), { data: T, isLoading: E, error: D, refetch: O } = n(y), { data: k, isLoading: A, error: j, refetch: M } = e(y), { data: N, isLoading: P, refetch: F } = t(y), I = r(y), L = E || A || P, R = c(() => !T && !k && !N ? null : {
-		...T ?? {
+	}, [w, T] = u(!1), { data: E, isLoading: D, error: O, refetch: k } = r(b), { data: A, isLoading: j, error: M, refetch: N } = t(b), { data: P, isLoading: F, refetch: I } = n(b), L = i(b), R = D || j || F, z = l(() => !E && !A && !P ? null : {
+		...E ?? {
 			workspaces: {
 				items: [],
 				total: 0
@@ -36,101 +38,101 @@ function v({ navigate: v, authToken: y, currentUser: b }) {
 			workflowStats: null,
 			storageUsage: null
 		},
-		workspaces: k?.workspaces ?? {
+		workspaces: A?.workspaces ?? {
 			items: [],
 			total: 0
 		},
-		projects: N ?? {
+		projects: P ?? {
 			items: [],
 			total: 0
 		}
 	}, [
-		T,
-		k,
-		N
-	]), z = k?.dashboardPreferences, B = c(() => a(z?.widgets ?? null), [z]), V = s(() => {
-		O(), M(), F();
+		E,
+		A,
+		P
+	]), B = A?.dashboardPreferences, V = l(() => o(B?.widgets ?? null), [B]), H = c(() => {
+		k(), N(), I();
 	}, [
-		O,
-		M,
-		F
-	]), H = s(async (e) => {
-		await I.mutateAsync(e);
-	}, [I]), U = D || j;
-	return /* @__PURE__ */ h("div", {
+		k,
+		N,
+		I
+	]), U = c(async (e) => {
+		await L.mutateAsync(e);
+	}, [L]), W = O || M;
+	return /* @__PURE__ */ g("div", {
 		className: "min-h-[calc(100vh-8rem)] p-4 md:p-6 bg-bg-canvas",
 		"data-tour": "main-content",
 		children: [
-			/* @__PURE__ */ h("div", {
+			/* @__PURE__ */ g("div", {
 				className: "flex flex-wrap items-center justify-between gap-4 mb-6",
-				children: [/* @__PURE__ */ h("div", { children: [/* @__PURE__ */ m("h1", {
+				children: [/* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h("h1", {
 					className: "text-xl font-bold text-text-primary",
-					children: S("dashboard.title", "Dashboard")
-				}), /* @__PURE__ */ m("p", {
+					children: C("dashboard.title", "Dashboard")
+				}), /* @__PURE__ */ h("p", {
 					className: "text-sm text-muted-foreground mt-0.5",
-					children: S("dashboard.subtitle", "Your workspace overview at a glance")
-				})] }), /* @__PURE__ */ h("div", {
+					children: C("dashboard.subtitle", "Your workspace overview at a glance")
+				})] }), /* @__PURE__ */ g("div", {
 					className: "flex flex-wrap items-center gap-2",
 					"data-tour": "quick-actions",
-					children: [/* @__PURE__ */ h(g, {
+					children: [/* @__PURE__ */ g(_, {
 						variant: "outline",
 						size: "sm",
-						onClick: V,
-						disabled: L,
+						onClick: H,
+						disabled: R,
 						className: "text-xs",
-						children: [L ? /* @__PURE__ */ m(d, { className: "h-3.5 w-3.5 sm:mr-1.5 animate-spin" }) : /* @__PURE__ */ m(f, { className: "h-3.5 w-3.5 sm:mr-1.5" }), /* @__PURE__ */ m("span", {
+						children: [R ? /* @__PURE__ */ h(f, { className: "h-3.5 w-3.5 sm:mr-1.5 animate-spin" }) : /* @__PURE__ */ h(p, { className: "h-3.5 w-3.5 sm:mr-1.5" }), /* @__PURE__ */ h("span", {
 							className: "hidden sm:inline",
-							children: S("dashboard.refresh", "Refresh")
+							children: C("dashboard.refresh", "Refresh")
 						})]
-					}), /* @__PURE__ */ h(g, {
+					}), /* @__PURE__ */ g(_, {
 						variant: "outline",
 						size: "sm",
-						onClick: () => w(!0),
+						onClick: () => T(!0),
 						className: "text-xs",
-						children: [/* @__PURE__ */ m(p, { className: "h-3.5 w-3.5 sm:mr-1.5" }), /* @__PURE__ */ m("span", {
+						children: [/* @__PURE__ */ h(m, { className: "h-3.5 w-3.5 sm:mr-1.5" }), /* @__PURE__ */ h("span", {
 							className: "hidden sm:inline",
-							children: S("dashboard.customize", "Customize")
+							children: C("dashboard.customize", "Customize")
 						})]
 					})]
 				})]
 			}),
-			U && /* @__PURE__ */ h("div", {
+			W && /* @__PURE__ */ g("div", {
 				className: "mb-4 p-3 bg-destructive/10 border border-destructive/20 rounded-lg flex items-center gap-2",
-				children: [/* @__PURE__ */ m(u, { className: "h-4 w-4 text-destructive shrink-0" }), /* @__PURE__ */ h("p", {
+				children: [/* @__PURE__ */ h(d, { className: "h-4 w-4 text-destructive shrink-0" }), /* @__PURE__ */ g("p", {
 					className: "text-sm text-destructive",
 					children: [
-						S("dashboard.error.partialData", "Some data may be unavailable."),
+						C("dashboard.error.partialData", "Some data may be unavailable."),
 						" ",
-						D ? S("dashboard.error.workspaceDown", "Workspace services may be down.") : "",
+						O ? C("dashboard.error.workspaceDown", "Workspace services may be down.") : "",
 						" ",
-						j ? S("dashboard.error.globalDown", "Global services may be down.") : "",
+						M ? C("dashboard.error.globalDown", "Global services may be down.") : "",
 						" ",
-						/* @__PURE__ */ m("button", {
+						/* @__PURE__ */ h("button", {
 							className: "underline font-medium hover:text-destructive/80",
-							onClick: V,
-							children: S("dashboard.error.tryRefreshing", "Try refreshing")
+							onClick: H,
+							children: C("dashboard.error.tryRefreshing", "Try refreshing")
 						})
 					]
 				})]
 			}),
-			/* @__PURE__ */ m(i, {
-				widgets: B,
-				workspaceData: R,
-				globalData: k ?? null,
-				isLoading: L,
-				navigate: v
+			/* @__PURE__ */ h(a, {
+				widgets: V,
+				workspaceData: z,
+				globalData: A ?? null,
+				isLoading: R,
+				navigate: y
 			}),
-			/* @__PURE__ */ m(o, {
-				open: C,
-				onOpenChange: w,
-				widgets: B,
-				onSave: H,
-				isSaving: I.isPending
+			/* @__PURE__ */ h(s, {
+				open: w,
+				onOpenChange: T,
+				widgets: V,
+				onSave: U,
+				isSaving: L.isPending
 			})
 		]
 	});
 }
 //#endregion
-export { v as DashboardPage };
+export { y as DashboardPage };
 
 //# sourceMappingURL=DashboardPage.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"DashboardPage.js","names":[],"sources":["../../../src/pages/dashboard/DashboardPage.tsx"],"sourcesContent":["/**\n * DashboardPage — Comprehensive workspace dashboard.\n *\n * This is the main dashboard component exported from microfe-workspaces.\n * It fetches data from both workspace and global gateways, manages widget\n * layout preferences, and renders a customizable grid of widgets.\n *\n * Props:\n * - navigate: Shell navigation function\n * - authToken: Current user's auth token\n * - currentUser: Basic user info from shell\n *\n * Data Flow:\n * 1. Two parallel queries: workspace gateway + global gateway\n * 2. Global query returns user preferences (dashboard layout)\n * 3. Widget layout falls back to defaults if no preferences saved\n * 4. Data is passed as props to individual widgets\n */\nimport { useState, useMemo, useCallback } from 'react';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { Button, Skeleton } from '@burdenoff/fe-libs/ui';\nimport { Settings2, RefreshCw, Loader2, AlertCircle } from 'lucide-react';\nimport {\n  useWorkspaceDashboardData,\n  useGlobalDashboardData,\n  useProjectsDashboardData,\n} from './hooks/useDashboardData';\nimport { useUpdateDashboardPreferences } from './hooks/useDashboardPreferences';\nimport { DashboardGrid } from './DashboardGrid';\nimport { DashboardCustomizer } from './DashboardCustomizer';\nimport { getEffectiveWidgets, DEFAULT_DASHBOARD_WIDGETS } from './config';\nimport type { WidgetConfig, DashboardPreferences } from './types';\n\ninterface DashboardPageProps {\n  navigate: (path: string) => void;\n  authToken?: string | null;\n  currentUser?: {\n    id: string;\n    email: string;\n    firstName?: string;\n    lastName?: string;\n    name?: string;\n  } | null;\n}\n\nexport function DashboardPage({ navigate, authToken, currentUser }: DashboardPageProps) {\n  const { t } = useI18n();\n  const tr = (key: string, fallback: string): string => {\n    const v = t(key);\n    return v === key ? fallback : v;\n  };\n  const [customizerOpen, setCustomizerOpen] = useState(false);\n\n  // ─── Data Fetching ────────────────────────────────────────────────────────\n  const {\n    data: workspaceData,\n    isLoading: wsLoading,\n    error: wsError,\n    refetch: refetchWs,\n  } = useWorkspaceDashboardData(authToken);\n\n  const {\n    data: globalData,\n    isLoading: globalLoading,\n    error: globalError,\n    refetch: refetchGlobal,\n  } = useGlobalDashboardData(authToken);\n\n  const {\n    data: projectsData,\n    isLoading: projectsLoading,\n    refetch: refetchProjects,\n  } = useProjectsDashboardData(authToken);\n\n  const updatePrefs = useUpdateDashboardPreferences(authToken);\n\n  const isLoading = wsLoading || globalLoading || projectsLoading;\n\n  // ─── Merge data ───────────────────────────────────────────────────────────\n  // Workspace/org stats come from the global tenant service (globalData),\n  // while workspace-scoped features (activity, calendar, tags, etc.) come\n  // from the workspace gateway (workspaceData). Merge them so widgets\n  // reading workspaceData.workspaces see the real tenant data.\n  const mergedWorkspaceData = useMemo(() => {\n    if (!workspaceData && !globalData && !projectsData) return null;\n    return {\n      ...(workspaceData ?? {\n        workspaces: { items: [], total: 0 },\n        projects: { items: [], total: 0 },\n        recentActivities: [],\n        upcomingEvents: [],\n        tags: { items: [], total: 0 },\n        groups: { items: [], totalCount: 0 },\n        workflowStats: null,\n        storageUsage: null,\n      }),\n      // Override with real workspace/org data from the global gateway\n      workspaces: globalData?.workspaces ?? { items: [], total: 0 },\n      // Override with real project data from the separate projects query\n      // (fetched independently to avoid being poisoned by other subgraph errors)\n      projects: projectsData ?? { items: [], total: 0 },\n    };\n  }, [workspaceData, globalData, projectsData]);\n\n  // ─── Widget Configuration ─────────────────────────────────────────────────\n  const savedPrefs = globalData?.dashboardPreferences;\n  const widgets = useMemo(() => getEffectiveWidgets(savedPrefs?.widgets ?? null), [savedPrefs]);\n\n  // ─── Handlers ─────────────────────────────────────────────────────────────\n  const handleRefresh = useCallback(() => {\n    refetchWs();\n    refetchGlobal();\n    refetchProjects();\n  }, [refetchWs, refetchGlobal, refetchProjects]);\n\n  const handleSaveWidgets = useCallback(\n    async (newWidgets: WidgetConfig[]) => {\n      await updatePrefs.mutateAsync(newWidgets);\n    },\n    [updatePrefs]\n  );\n\n  // ─── Error Banner ─────────────────────────────────────────────────────────\n  const hasError = wsError || globalError;\n\n  return (\n    <div className=\"min-h-[calc(100vh-8rem)] p-4 md:p-6 bg-bg-canvas\" data-tour=\"main-content\">\n      {/* Header */}\n      <div className=\"flex flex-wrap items-center justify-between gap-4 mb-6\">\n        <div>\n          <h1 className=\"text-xl font-bold text-text-primary\">\n            {tr('dashboard.title', 'Dashboard')}\n          </h1>\n          <p className=\"text-sm text-muted-foreground mt-0.5\">\n            {tr('dashboard.subtitle', 'Your workspace overview at a glance')}\n          </p>\n        </div>\n        <div className=\"flex flex-wrap items-center gap-2\" data-tour=\"quick-actions\">\n          <Button\n            variant=\"outline\"\n            size=\"sm\"\n            onClick={handleRefresh}\n            disabled={isLoading}\n            className=\"text-xs\"\n          >\n            {isLoading ? (\n              <Loader2 className=\"h-3.5 w-3.5 sm:mr-1.5 animate-spin\" />\n            ) : (\n              <RefreshCw className=\"h-3.5 w-3.5 sm:mr-1.5\" />\n            )}\n            <span className=\"hidden sm:inline\">{tr('dashboard.refresh', 'Refresh')}</span>\n          </Button>\n          <Button\n            variant=\"outline\"\n            size=\"sm\"\n            onClick={() => setCustomizerOpen(true)}\n            className=\"text-xs\"\n          >\n            <Settings2 className=\"h-3.5 w-3.5 sm:mr-1.5\" />\n            <span className=\"hidden sm:inline\">{tr('dashboard.customize', 'Customize')}</span>\n          </Button>\n        </div>\n      </div>\n\n      {/* Error Banner */}\n      {hasError && (\n        <div className=\"mb-4 p-3 bg-destructive/10 border border-destructive/20 rounded-lg flex items-center gap-2\">\n          <AlertCircle className=\"h-4 w-4 text-destructive shrink-0\" />\n          <p className=\"text-sm text-destructive\">\n            {tr('dashboard.error.partialData', 'Some data may be unavailable.')}{' '}\n            {wsError ? tr('dashboard.error.workspaceDown', 'Workspace services may be down.') : ''}{' '}\n            {globalError ? tr('dashboard.error.globalDown', 'Global services may be down.') : ''}{' '}\n            <button\n              className=\"underline font-medium hover:text-destructive/80\"\n              onClick={handleRefresh}\n            >\n              {tr('dashboard.error.tryRefreshing', 'Try refreshing')}\n            </button>\n          </p>\n        </div>\n      )}\n\n      {/* Widget Grid */}\n      {/* Merge workspace/org data from the global query into workspaceData\n          so widgets that read workspaceData.workspaces see the real data\n          from the global tenant service. */}\n      <DashboardGrid\n        widgets={widgets}\n        workspaceData={mergedWorkspaceData}\n        globalData={globalData ?? null}\n        isLoading={isLoading}\n        navigate={navigate}\n      />\n\n      {/* Customizer */}\n      <DashboardCustomizer\n        open={customizerOpen}\n        onOpenChange={setCustomizerOpen}\n        widgets={widgets}\n        onSave={handleSaveWidgets}\n        isSaving={updatePrefs.isPending}\n      />\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"DashboardPage.js","names":[],"sources":["../../../src/pages/dashboard/DashboardPage.tsx"],"sourcesContent":["/**\n * DashboardPage — Comprehensive workspace dashboard.\n *\n * This is the main dashboard component exported from microfe-workspaces.\n * It fetches data from both workspace and global gateways, manages widget\n * layout preferences, and renders a customizable grid of widgets.\n *\n * Props:\n * - navigate: Shell navigation function\n * - authToken: Current user's auth token\n * - currentUser: Basic user info from shell\n *\n * Data Flow:\n * 1. Two parallel queries: workspace gateway + global gateway\n * 2. Global query returns user preferences (dashboard layout)\n * 3. Widget layout falls back to defaults if no preferences saved\n * 4. Data is passed as props to individual widgets\n */\nimport { useState, useMemo, useCallback } from 'react';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { Button, Skeleton } from '@burdenoff/fe-libs/ui';\nimport { Settings2, RefreshCw, Loader2, AlertCircle } from 'lucide-react';\nimport {\n  useWorkspaceDashboardData,\n  useGlobalDashboardData,\n  useProjectsDashboardData,\n} from './hooks/useDashboardData';\nimport { useUpdateDashboardPreferences } from './hooks/useDashboardPreferences';\nimport { DashboardGrid } from './DashboardGrid';\nimport { DashboardCustomizer } from './DashboardCustomizer';\nimport { getEffectiveWidgets, DEFAULT_DASHBOARD_WIDGETS } from './config';\nimport type { WidgetConfig, DashboardPreferences } from './types';\nimport { useWorkspacesPageView } from '../../hooks/useWorkspacesPageView';\n\ninterface DashboardPageProps {\n  navigate: (path: string) => void;\n  authToken?: string | null;\n  currentUser?: {\n    id: string;\n    email: string;\n    firstName?: string;\n    lastName?: string;\n    name?: string;\n  } | null;\n}\n\nexport function DashboardPage({ navigate, authToken, currentUser }: DashboardPageProps) {\n  useWorkspacesPageView('workspaces.dashboard');\n  const { t } = useI18n();\n  const tr = (key: string, fallback: string): string => {\n    const v = t(key);\n    return v === key ? fallback : v;\n  };\n  const [customizerOpen, setCustomizerOpen] = useState(false);\n\n  // ─── Data Fetching ────────────────────────────────────────────────────────\n  const {\n    data: workspaceData,\n    isLoading: wsLoading,\n    error: wsError,\n    refetch: refetchWs,\n  } = useWorkspaceDashboardData(authToken);\n\n  const {\n    data: globalData,\n    isLoading: globalLoading,\n    error: globalError,\n    refetch: refetchGlobal,\n  } = useGlobalDashboardData(authToken);\n\n  const {\n    data: projectsData,\n    isLoading: projectsLoading,\n    refetch: refetchProjects,\n  } = useProjectsDashboardData(authToken);\n\n  const updatePrefs = useUpdateDashboardPreferences(authToken);\n\n  const isLoading = wsLoading || globalLoading || projectsLoading;\n\n  // ─── Merge data ───────────────────────────────────────────────────────────\n  // Workspace/org stats come from the global tenant service (globalData),\n  // while workspace-scoped features (activity, calendar, tags, etc.) come\n  // from the workspace gateway (workspaceData). Merge them so widgets\n  // reading workspaceData.workspaces see the real tenant data.\n  const mergedWorkspaceData = useMemo(() => {\n    if (!workspaceData && !globalData && !projectsData) return null;\n    return {\n      ...(workspaceData ?? {\n        workspaces: { items: [], total: 0 },\n        projects: { items: [], total: 0 },\n        recentActivities: [],\n        upcomingEvents: [],\n        tags: { items: [], total: 0 },\n        groups: { items: [], totalCount: 0 },\n        workflowStats: null,\n        storageUsage: null,\n      }),\n      // Override with real workspace/org data from the global gateway\n      workspaces: globalData?.workspaces ?? { items: [], total: 0 },\n      // Override with real project data from the separate projects query\n      // (fetched independently to avoid being poisoned by other subgraph errors)\n      projects: projectsData ?? { items: [], total: 0 },\n    };\n  }, [workspaceData, globalData, projectsData]);\n\n  // ─── Widget Configuration ─────────────────────────────────────────────────\n  const savedPrefs = globalData?.dashboardPreferences;\n  const widgets = useMemo(() => getEffectiveWidgets(savedPrefs?.widgets ?? null), [savedPrefs]);\n\n  // ─── Handlers ─────────────────────────────────────────────────────────────\n  const handleRefresh = useCallback(() => {\n    refetchWs();\n    refetchGlobal();\n    refetchProjects();\n  }, [refetchWs, refetchGlobal, refetchProjects]);\n\n  const handleSaveWidgets = useCallback(\n    async (newWidgets: WidgetConfig[]) => {\n      await updatePrefs.mutateAsync(newWidgets);\n    },\n    [updatePrefs]\n  );\n\n  // ─── Error Banner ─────────────────────────────────────────────────────────\n  const hasError = wsError || globalError;\n\n  return (\n    <div className=\"min-h-[calc(100vh-8rem)] p-4 md:p-6 bg-bg-canvas\" data-tour=\"main-content\">\n      {/* Header */}\n      <div className=\"flex flex-wrap items-center justify-between gap-4 mb-6\">\n        <div>\n          <h1 className=\"text-xl font-bold text-text-primary\">\n            {tr('dashboard.title', 'Dashboard')}\n          </h1>\n          <p className=\"text-sm text-muted-foreground mt-0.5\">\n            {tr('dashboard.subtitle', 'Your workspace overview at a glance')}\n          </p>\n        </div>\n        <div className=\"flex flex-wrap items-center gap-2\" data-tour=\"quick-actions\">\n          <Button\n            variant=\"outline\"\n            size=\"sm\"\n            onClick={handleRefresh}\n            disabled={isLoading}\n            className=\"text-xs\"\n          >\n            {isLoading ? (\n              <Loader2 className=\"h-3.5 w-3.5 sm:mr-1.5 animate-spin\" />\n            ) : (\n              <RefreshCw className=\"h-3.5 w-3.5 sm:mr-1.5\" />\n            )}\n            <span className=\"hidden sm:inline\">{tr('dashboard.refresh', 'Refresh')}</span>\n          </Button>\n          <Button\n            variant=\"outline\"\n            size=\"sm\"\n            onClick={() => setCustomizerOpen(true)}\n            className=\"text-xs\"\n          >\n            <Settings2 className=\"h-3.5 w-3.5 sm:mr-1.5\" />\n            <span className=\"hidden sm:inline\">{tr('dashboard.customize', 'Customize')}</span>\n          </Button>\n        </div>\n      </div>\n\n      {/* Error Banner */}\n      {hasError && (\n        <div className=\"mb-4 p-3 bg-destructive/10 border border-destructive/20 rounded-lg flex items-center gap-2\">\n          <AlertCircle className=\"h-4 w-4 text-destructive shrink-0\" />\n          <p className=\"text-sm text-destructive\">\n            {tr('dashboard.error.partialData', 'Some data may be unavailable.')}{' '}\n            {wsError ? tr('dashboard.error.workspaceDown', 'Workspace services may be down.') : ''}{' '}\n            {globalError ? tr('dashboard.error.globalDown', 'Global services may be down.') : ''}{' '}\n            <button\n              className=\"underline font-medium hover:text-destructive/80\"\n              onClick={handleRefresh}\n            >\n              {tr('dashboard.error.tryRefreshing', 'Try refreshing')}\n            </button>\n          </p>\n        </div>\n      )}\n\n      {/* Widget Grid */}\n      {/* Merge workspace/org data from the global query into workspaceData\n          so widgets that read workspaceData.workspaces see the real data\n          from the global tenant service. */}\n      <DashboardGrid\n        widgets={widgets}\n        workspaceData={mergedWorkspaceData}\n        globalData={globalData ?? null}\n        isLoading={isLoading}\n        navigate={navigate}\n      />\n\n      {/* Customizer */}\n      <DashboardCustomizer\n        open={customizerOpen}\n        onOpenChange={setCustomizerOpen}\n        widgets={widgets}\n        onSave={handleSaveWidgets}\n        isSaving={updatePrefs.isPending}\n      />\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/pages/dashboard/WidgetWrapper.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WidgetWrapper.d.ts","sourceRoot":"","sources":["../../../src/pages/dashboard/WidgetWrapper.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAO,EAAE,KAAK,SAAS,EAAe,MAAM,OAAO,CAAC;AAKpD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAE1C,UAAU,kBAAkB;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,IAAI,EAAE,UAAU,CAAC;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AA2DD,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,IAAI,EACJ,IAAI,EACJ,SAAS,EACT,KAAK,EACL,WAAW,EACX,YAAY,EACZ,QAAQ,EACR,SAAc,GACf,EAAE,kBAAkB,2CA2BpB"}
+{"version":3,"file":"WidgetWrapper.d.ts","sourceRoot":"","sources":["../../../src/pages/dashboard/WidgetWrapper.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAMvC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAE1C,UAAU,kBAAkB;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,IAAI,EAAE,UAAU,CAAC;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAoDD,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,IAAI,EACJ,IAAI,EACJ,SAAS,EACT,KAAK,EACL,WAAW,EACX,YAAY,EACZ,QAAQ,EACR,SAAc,GACf,EAAE,kBAAkB,2CA2BpB"}

package/dist/pages/dashboard/WidgetWrapper.js

@@ -1,4 +1,4 @@
-import { useCallback as e } from "react";
+import { tWithFallback as e } from "../../utils/i18n.js";
 import { AlertCircle as t, WifiOff as n } from "lucide-react";
 import { jsx as r, jsxs as i } from "react/jsx-runtime";
 import { Card as a, CardContent as o, CardHeader as s, CardTitle as c, Skeleton as l } from "@burdenoff/fe-libs/ui";
@@ -36,10 +36,7 @@ function p({ message: e }) {
 	});
 }
 function m() {
-	let { t } = u(), a = e((e, n) => {
-		let r = t(e);
-		return r === e ? n : r;
-	}, [t]);
+	let { t } = u();
 	return /* @__PURE__ */ i("div", {
 		className: "flex flex-col items-center justify-center py-6 text-center",
 		children: [/* @__PURE__ */ r("div", {
@@ -47,7 +44,7 @@ function m() {
 			children: /* @__PURE__ */ r(n, { className: "h-5 w-5 text-muted-foreground" })
 		}), /* @__PURE__ */ r("p", {
 			className: "text-sm text-muted-foreground",
-			children: a("widgetWrapper.serviceUnavailable", "Service unavailable")
+			children: e(t, "widgetWrapper.serviceUnavailable", "Service unavailable")
 		})]
 	});
 }

package/dist/pages/dashboard/WidgetWrapper.js.map

@@ -1 +1 @@
-{"version":3,"file":"WidgetWrapper.js","names":[],"sources":["../../../src/pages/dashboard/WidgetWrapper.tsx"],"sourcesContent":["/**\n * WidgetWrapper — Common wrapper for all dashboard widgets.\n *\n * Provides consistent card styling, loading skeleton, error state,\n * and unavailable state.\n */\nimport { type ReactNode, useCallback } from 'react';\nimport { Card, CardContent, CardHeader, CardTitle } from '@burdenoff/fe-libs/ui';\nimport { Skeleton } from '@burdenoff/fe-libs/ui';\nimport { AlertCircle, WifiOff } from 'lucide-react';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport type { WidgetSize } from './types';\n\ninterface WidgetWrapperProps {\n  title: string;\n  icon?: ReactNode;\n  size: WidgetSize;\n  isLoading?: boolean;\n  error?: string | null;\n  unavailable?: boolean;\n  headerAction?: ReactNode;\n  children: ReactNode;\n  className?: string;\n}\n\nfunction getColSpan(size: WidgetSize): string {\n  switch (size) {\n    case 'large':\n      return 'col-span-1 sm:col-span-2 lg:col-span-3';\n    case 'medium':\n      return 'col-span-1 sm:col-span-2 lg:col-span-2 xl:col-span-2 2xl:col-span-1';\n    case 'small':\n      return 'col-span-1';\n    default:\n      return 'col-span-1';\n  }\n}\n\nfunction LoadingSkeleton() {\n  return (\n    <div className=\"space-y-3 p-1\">\n      <Skeleton className=\"h-4 w-3/4\" />\n      <Skeleton className=\"h-4 w-1/2\" />\n      <Skeleton className=\"h-20 w-full\" />\n      <Skeleton className=\"h-4 w-2/3\" />\n    </div>\n  );\n}\n\nfunction ErrorState({ message }: { message: string }) {\n  return (\n    <div className=\"flex flex-col items-center justify-center py-6 text-center\">\n      <div className=\"rounded-full bg-destructive/10 p-2 mb-2\">\n        <AlertCircle className=\"h-5 w-5 text-destructive\" />\n      </div>\n      <p className=\"text-sm text-muted-foreground\">{message}</p>\n    </div>\n  );\n}\n\nfunction UnavailableState() {\n  const { t } = useI18n();\n  const tr = useCallback(\n    (key: string, fallback: string): string => {\n      const value = t(key);\n      return value === key ? fallback : value;\n    },\n    [t]\n  );\n\n  return (\n    <div className=\"flex flex-col items-center justify-center py-6 text-center\">\n      <div className=\"rounded-full bg-muted p-2 mb-2\">\n        <WifiOff className=\"h-5 w-5 text-muted-foreground\" />\n      </div>\n      <p className=\"text-sm text-muted-foreground\">\n        {tr('widgetWrapper.serviceUnavailable', 'Service unavailable')}\n      </p>\n    </div>\n  );\n}\n\nexport function WidgetWrapper({\n  title,\n  icon,\n  size,\n  isLoading,\n  error,\n  unavailable,\n  headerAction,\n  children,\n  className = '',\n}: WidgetWrapperProps) {\n  const colSpan = getColSpan(size);\n\n  return (\n    <Card\n      className={`${colSpan} transition-all duration-200 hover:shadow-md border border-border-default bg-bg-surface ${className}`}\n    >\n      <CardHeader className=\"flex flex-row items-center justify-between pb-2 space-y-0\">\n        <CardTitle className=\"text-sm font-semibold text-text-primary flex items-center gap-2\">\n          {icon}\n          {title}\n        </CardTitle>\n        {headerAction}\n      </CardHeader>\n      <CardContent className=\"pt-0\">\n        {isLoading ? (\n          <LoadingSkeleton />\n        ) : error ? (\n          <ErrorState message={error} />\n        ) : unavailable ? (\n          <UnavailableState />\n        ) : (\n          children\n        )}\n      </CardContent>\n    </Card>\n  );\n}\n"],"mappings":";;;;;;AAyBA,SAAS,EAAW,GAA0B;AAC5C,SAAQ,GAAR;EACE,KAAK,QACH,QAAO;EACT,KAAK,SACH,QAAO;EACT,KAAK,QACH,QAAO;EACT,QACE,QAAO;;;AAIb,SAAS,IAAkB;AACzB,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf;GACE,kBAAC,GAAD,EAAU,WAAU,aAAc,CAAA;GAClC,kBAAC,GAAD,EAAU,WAAU,aAAc,CAAA;GAClC,kBAAC,GAAD,EAAU,WAAU,eAAgB,CAAA;GACpC,kBAAC,GAAD,EAAU,WAAU,aAAc,CAAA;GAC9B;;;AAIV,SAAS,EAAW,EAAE,cAAgC;AACpD,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,OAAD;GAAK,WAAU;aACb,kBAAC,GAAD,EAAa,WAAU,4BAA6B,CAAA;GAChD,CAAA,EACN,kBAAC,KAAD;GAAG,WAAU;aAAiC;GAAY,CAAA,CACtD;;;AAIV,SAAS,IAAmB;CAC1B,IAAM,EAAE,MAAM,GAAS,EACjB,IAAK,GACR,GAAa,MAA6B;EACzC,IAAM,IAAQ,EAAE,EAAI;AACpB,SAAO,MAAU,IAAM,IAAW;IAEpC,CAAC,EAAE,CACJ;AAED,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,OAAD;GAAK,WAAU;aACb,kBAAC,GAAD,EAAS,WAAU,iCAAkC,CAAA;GACjD,CAAA,EACN,kBAAC,KAAD;GAAG,WAAU;aACV,EAAG,oCAAoC,sBAAsB;GAC5D,CAAA,CACA;;;AAIV,SAAgB,EAAc,EAC5B,UACA,SACA,SACA,cACA,UACA,gBACA,iBACA,aACA,eAAY,MACS;AAGrB,QACE,kBAAC,GAAD;EACE,WAAW,GAJC,EAAW,EAAK,CAIN,0FAA0F;YADlH,CAGE,kBAAC,GAAD;GAAY,WAAU;aAAtB,CACE,kBAAC,GAAD;IAAW,WAAU;cAArB,CACG,GACA,EACS;OACX,EACU;MACb,kBAAC,GAAD;GAAa,WAAU;aACpB,IACC,kBAAC,GAAD,EAAmB,CAAA,GACjB,IACF,kBAAC,GAAD,EAAY,SAAS,GAAS,CAAA,GAC5B,IACF,kBAAC,GAAD,EAAoB,CAAA,GAEpB;GAEU,CAAA,CACT"}
+{"version":3,"file":"WidgetWrapper.js","names":[],"sources":["../../../src/pages/dashboard/WidgetWrapper.tsx"],"sourcesContent":["/**\n * WidgetWrapper — Common wrapper for all dashboard widgets.\n *\n * Provides consistent card styling, loading skeleton, error state,\n * and unavailable state.\n */\nimport { type ReactNode } from 'react';\nimport { Card, CardContent, CardHeader, CardTitle } from '@burdenoff/fe-libs/ui';\nimport { Skeleton } from '@burdenoff/fe-libs/ui';\nimport { AlertCircle, WifiOff } from 'lucide-react';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { tWithFallback } from '../../utils/i18n';\nimport type { WidgetSize } from './types';\n\ninterface WidgetWrapperProps {\n  title: string;\n  icon?: ReactNode;\n  size: WidgetSize;\n  isLoading?: boolean;\n  error?: string | null;\n  unavailable?: boolean;\n  headerAction?: ReactNode;\n  children: ReactNode;\n  className?: string;\n}\n\nfunction getColSpan(size: WidgetSize): string {\n  switch (size) {\n    case 'large':\n      return 'col-span-1 sm:col-span-2 lg:col-span-3';\n    case 'medium':\n      return 'col-span-1 sm:col-span-2 lg:col-span-2 xl:col-span-2 2xl:col-span-1';\n    case 'small':\n      return 'col-span-1';\n    default:\n      return 'col-span-1';\n  }\n}\n\nfunction LoadingSkeleton() {\n  return (\n    <div className=\"space-y-3 p-1\">\n      <Skeleton className=\"h-4 w-3/4\" />\n      <Skeleton className=\"h-4 w-1/2\" />\n      <Skeleton className=\"h-20 w-full\" />\n      <Skeleton className=\"h-4 w-2/3\" />\n    </div>\n  );\n}\n\nfunction ErrorState({ message }: { message: string }) {\n  return (\n    <div className=\"flex flex-col items-center justify-center py-6 text-center\">\n      <div className=\"rounded-full bg-destructive/10 p-2 mb-2\">\n        <AlertCircle className=\"h-5 w-5 text-destructive\" />\n      </div>\n      <p className=\"text-sm text-muted-foreground\">{message}</p>\n    </div>\n  );\n}\n\nfunction UnavailableState() {\n  const { t } = useI18n();\n\n  return (\n    <div className=\"flex flex-col items-center justify-center py-6 text-center\">\n      <div className=\"rounded-full bg-muted p-2 mb-2\">\n        <WifiOff className=\"h-5 w-5 text-muted-foreground\" />\n      </div>\n      <p className=\"text-sm text-muted-foreground\">\n        {tWithFallback(t, 'widgetWrapper.serviceUnavailable', 'Service unavailable')}\n      </p>\n    </div>\n  );\n}\n\nexport function WidgetWrapper({\n  title,\n  icon,\n  size,\n  isLoading,\n  error,\n  unavailable,\n  headerAction,\n  children,\n  className = '',\n}: WidgetWrapperProps) {\n  const colSpan = getColSpan(size);\n\n  return (\n    <Card\n      className={`${colSpan} transition-all duration-200 hover:shadow-md border border-border-default bg-bg-surface ${className}`}\n    >\n      <CardHeader className=\"flex flex-row items-center justify-between pb-2 space-y-0\">\n        <CardTitle className=\"text-sm font-semibold text-text-primary flex items-center gap-2\">\n          {icon}\n          {title}\n        </CardTitle>\n        {headerAction}\n      </CardHeader>\n      <CardContent className=\"pt-0\">\n        {isLoading ? (\n          <LoadingSkeleton />\n        ) : error ? (\n          <ErrorState message={error} />\n        ) : unavailable ? (\n          <UnavailableState />\n        ) : (\n          children\n        )}\n      </CardContent>\n    </Card>\n  );\n}\n"],"mappings":";;;;;;AA0BA,SAAS,EAAW,GAA0B;AAC5C,SAAQ,GAAR;EACE,KAAK,QACH,QAAO;EACT,KAAK,SACH,QAAO;EACT,KAAK,QACH,QAAO;EACT,QACE,QAAO;;;AAIb,SAAS,IAAkB;AACzB,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf;GACE,kBAAC,GAAD,EAAU,WAAU,aAAc,CAAA;GAClC,kBAAC,GAAD,EAAU,WAAU,aAAc,CAAA;GAClC,kBAAC,GAAD,EAAU,WAAU,eAAgB,CAAA;GACpC,kBAAC,GAAD,EAAU,WAAU,aAAc,CAAA;GAC9B;;;AAIV,SAAS,EAAW,EAAE,cAAgC;AACpD,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,OAAD;GAAK,WAAU;aACb,kBAAC,GAAD,EAAa,WAAU,4BAA6B,CAAA;GAChD,CAAA,EACN,kBAAC,KAAD;GAAG,WAAU;aAAiC;GAAY,CAAA,CACtD;;;AAIV,SAAS,IAAmB;CAC1B,IAAM,EAAE,MAAM,GAAS;AAEvB,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,OAAD;GAAK,WAAU;aACb,kBAAC,GAAD,EAAS,WAAU,iCAAkC,CAAA;GACjD,CAAA,EACN,kBAAC,KAAD;GAAG,WAAU;aACV,EAAc,GAAG,oCAAoC,sBAAsB;GAC1E,CAAA,CACA;;;AAIV,SAAgB,EAAc,EAC5B,UACA,SACA,SACA,cACA,UACA,gBACA,iBACA,aACA,eAAY,MACS;AAGrB,QACE,kBAAC,GAAD;EACE,WAAW,GAJC,EAAW,EAAK,CAIN,0FAA0F;YADlH,CAGE,kBAAC,GAAD;GAAY,WAAU;aAAtB,CACE,kBAAC,GAAD;IAAW,WAAU;cAArB,CACG,GACA,EACS;OACX,EACU;MACb,kBAAC,GAAD;GAAa,WAAU;aACpB,IACC,kBAAC,GAAD,EAAmB,CAAA,GACjB,IACF,kBAAC,GAAD,EAAY,SAAS,GAAS,CAAA,GAC5B,IACF,kBAAC,GAAD,EAAoB,CAAA,GAEpB;GAEU,CAAA,CACT"}

package/dist/utils/i18n.d.ts

@@ -0,0 +1,13 @@
+import { I18nContextValue } from '@burdenoff/fe-libs/shared/providers/shell';
+
+type TranslationParams = Record<string, string | number>;
+/**
+ * Translate `key` and fall back to `fallback` when the i18n provider
+ * returns the key itself (the convention shell's `useI18n().t(...)` uses
+ * to indicate a missing translation). Optional `params` are forwarded to
+ * the translator and also used for `{name}` style interpolation in the
+ * fallback string.
+ */
+export declare function tWithFallback(t: I18nContextValue['t'], key: string, fallback: string, params?: TranslationParams): string;
+export {};
+//# sourceMappingURL=i18n.d.ts.map

package/dist/utils/i18n.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"i18n.d.ts","sourceRoot":"","sources":["../../src/utils/i18n.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,2CAA2C,CAAC;AAElF,KAAK,iBAAiB,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC,CAAC;AAEzD;;;;;;GAMG;AACH,wBAAgB,aAAa,CAC3B,CAAC,EAAE,gBAAgB,CAAC,GAAG,CAAC,EACxB,GAAG,EAAE,MAAM,EACX,QAAQ,EAAE,MAAM,EAChB,MAAM,CAAC,EAAE,iBAAiB,GACzB,MAAM,CAUR"}

package/dist/utils/i18n.js

@@ -0,0 +1,12 @@
+//#region src/utils/i18n.ts
+function e(e, t, n, r) {
+	let i = e(t, r);
+	return i === t ? r ? n.replace(/\{(\w+)\}/g, (e, t) => {
+		let n = r[t];
+		return n === void 0 ? e : String(n);
+	}) : n : i;
+}
+//#endregion
+export { e as tWithFallback };
+
+//# sourceMappingURL=i18n.js.map

package/dist/utils/i18n.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"i18n.js","names":[],"sources":["../../src/utils/i18n.ts"],"sourcesContent":["import type { I18nContextValue } from '@burdenoff/fe-libs/shared/providers/shell';\n\ntype TranslationParams = Record<string, string | number>;\n\n/**\n * Translate `key` and fall back to `fallback` when the i18n provider\n * returns the key itself (the convention shell's `useI18n().t(...)` uses\n * to indicate a missing translation). Optional `params` are forwarded to\n * the translator and also used for `{name}` style interpolation in the\n * fallback string.\n */\nexport function tWithFallback(\n  t: I18nContextValue['t'],\n  key: string,\n  fallback: string,\n  params?: TranslationParams\n): string {\n  const translated = t(key, params);\n  if (translated !== key) {\n    return translated;\n  }\n  if (!params) return fallback;\n  return fallback.replace(/\\{(\\w+)\\}/g, (match, name: string) => {\n    const value = params[name];\n    return value === undefined ? match : String(value);\n  });\n}\n"],"mappings":";AAWA,SAAgB,EACd,GACA,GACA,GACA,GACQ;CACR,IAAM,IAAa,EAAE,GAAK,EAAO;AAKjC,QAJI,MAAe,IAGd,IACE,EAAS,QAAQ,eAAe,GAAO,MAAiB;EAC7D,IAAM,IAAQ,EAAO;AACrB,SAAO,MAAU,KAAA,IAAY,IAAQ,OAAO,EAAM;GAClD,GAJkB,IAFX"}

package/dist/utils/telemetryError.d.ts

@@ -0,0 +1,2 @@
+export declare function safeTelemetryError(err: unknown): string;
+//# sourceMappingURL=telemetryError.d.ts.map

package/dist/utils/telemetryError.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"telemetryError.d.ts","sourceRoot":"","sources":["../../src/utils/telemetryError.ts"],"names":[],"mappings":"AAwDA,wBAAgB,kBAAkB,CAAC,GAAG,EAAE,OAAO,GAAG,MAAM,CAIvD"}

package/dist/utils/telemetryError.js

@@ -0,0 +1,28 @@
+//#region src/utils/telemetryError.ts
+var e = 200;
+function t(e) {
+	if (typeof e != "object" || !e) return !1;
+	let t = e;
+	if (typeof t.message != "string") return !1;
+	let n = Array.isArray(t.graphQLErrors), r = t.networkError instanceof Error;
+	return n || r;
+}
+function n(e) {
+	if (e == null) return "An unknown error occurred";
+	if (t(e)) {
+		if (e.graphQLErrors && e.graphQLErrors.length > 0) {
+			let t = e.graphQLErrors.map((e) => typeof e?.message == "string" ? e.message : "").filter((e) => e.length > 0);
+			if (t.length > 0) return t.join(", ");
+		}
+		return e.networkError ? "Network error. Please check your connection." : e.message;
+	}
+	return e instanceof Error ? e.message : typeof e == "string" ? e : String(e);
+}
+function r(t) {
+	let r = n(t);
+	return r.length <= e ? r : `${r.slice(0, e - 1)}…`;
+}
+//#endregion
+export { r as safeTelemetryError };
+
+//# sourceMappingURL=telemetryError.js.map

package/dist/utils/telemetryError.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"telemetryError.js","names":[],"sources":["../../src/utils/telemetryError.ts"],"sourcesContent":["/**\n * Build a payload-safe error string for the event bus / OtelBrowserSink.\n *\n * Apollo errors expose a `graphQLErrors[*].message` array — these are the\n * server-sanitized messages. For native Errors and arbitrary throws we fall\n * back to `.message` / String coercion. Everything is capped at 200 chars\n * so stack frames or SQL fragments that slip through don't end up in audit\n * sinks. Keep in sync with SRE guide §7.\n *\n * Trust assumption: server error messages are assumed sanitized. Callers\n * MUST NOT pass raw user input through this helper — its job is to bound\n * the size and shape, not to scrub PII.\n */\nconst MAX_TELEMETRY_ERROR_LEN = 200;\n\ninterface ApolloErrorLike {\n  graphQLErrors?: Array<{ message: string }>;\n  networkError?: Error & { statusCode?: number };\n  message: string;\n}\n\nfunction isApolloErrorLike(err: unknown): err is ApolloErrorLike {\n  if (typeof err !== 'object' || err === null) return false;\n  const e = err as Record<string, unknown>;\n  // Must look like an Apollo error in shape, not just key-presence:\n  // - `graphQLErrors`, when present, must be an array (null / wrong-type\n  //   versions of the property silently passed the old guard).\n  // - `networkError`, when present, must be an Error instance.\n  // - `message` must be a string (Apollo always sets one).\n  if (typeof e['message'] !== 'string') return false;\n  const hasArrayGqlErrors = Array.isArray(e['graphQLErrors']);\n  const hasErrorNetwork = e['networkError'] instanceof Error;\n  return hasArrayGqlErrors || hasErrorNetwork;\n}\n\nfunction rawMessage(err: unknown): string {\n  if (err == null) return 'An unknown error occurred';\n  if (isApolloErrorLike(err)) {\n    if (err.graphQLErrors && err.graphQLErrors.length > 0) {\n      // Filter out anything without a string message — wrong-shape entries\n      // would otherwise stringify to \"undefined\" and dilute the output.\n      const messages = err.graphQLErrors\n        .map((e) => (typeof e?.message === 'string' ? e.message : ''))\n        .filter((m) => m.length > 0);\n      if (messages.length > 0) return messages.join(', ');\n    }\n    if (err.networkError) {\n      return 'Network error. Please check your connection.';\n    }\n    return err.message;\n  }\n  if (err instanceof Error) return err.message;\n  if (typeof err === 'string') return err;\n  return String(err);\n}\n\nexport function safeTelemetryError(err: unknown): string {\n  const msg = rawMessage(err);\n  if (msg.length <= MAX_TELEMETRY_ERROR_LEN) return msg;\n  return `${msg.slice(0, MAX_TELEMETRY_ERROR_LEN - 1)}…`;\n}\n"],"mappings":";AAaA,IAAM,IAA0B;AAQhC,SAAS,EAAkB,GAAsC;AAC/D,KAAI,OAAO,KAAQ,aAAY,EAAc,QAAO;CACpD,IAAM,IAAI;AAMV,KAAI,OAAO,EAAE,WAAe,SAAU,QAAO;CAC7C,IAAM,IAAoB,MAAM,QAAQ,EAAE,cAAiB,EACrD,IAAkB,EAAE,wBAA2B;AACrD,QAAO,KAAqB;;AAG9B,SAAS,EAAW,GAAsB;AACxC,KAAI,KAAO,KAAM,QAAO;AACxB,KAAI,EAAkB,EAAI,EAAE;AAC1B,MAAI,EAAI,iBAAiB,EAAI,cAAc,SAAS,GAAG;GAGrD,IAAM,IAAW,EAAI,cAClB,KAAK,MAAO,OAAO,GAAG,WAAY,WAAW,EAAE,UAAU,GAAI,CAC7D,QAAQ,MAAM,EAAE,SAAS,EAAE;AAC9B,OAAI,EAAS,SAAS,EAAG,QAAO,EAAS,KAAK,KAAK;;AAKrD,SAHI,EAAI,eACC,iDAEF,EAAI;;AAIb,QAFI,aAAe,QAAc,EAAI,UACjC,OAAO,KAAQ,WAAiB,IAC7B,OAAO,EAAI;;AAGpB,SAAgB,EAAmB,GAAsB;CACvD,IAAM,IAAM,EAAW,EAAI;AAE3B,QADI,EAAI,UAAU,IAAgC,IAC3C,GAAG,EAAI,MAAM,GAAG,IAA0B,EAAE,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@burdenoff/microfe-workspaces",
-  "version": "2026.510.50",
+  "version": "2026.511.1",
   "description": "Workspaces microfrontend for Burdenoff products",
   "type": "module",
   "files": [
@@ -29,7 +29,10 @@
     "format": "prettier --write \"src/**/*.{ts,tsx}\"",
     "format:check": "prettier --check \"src/**/*.{ts,tsx}\"",
     "type:check": "tsc --noEmit",
-    "sanity": "bun run codegen && bun run lint:sanity && bun run format && bun run type:check && bun run build",
+    "test": "vitest run",
+    "test:watch": "vitest",
+    "test:coverage": "vitest run --coverage",
+    "sanity": "bun run codegen && bun run lint:sanity && bun run format && bun run type:check && bun run build && bun run test",
     "schema:pull": "graphql-codegen --project schema-wspace && graphql-codegen --project schema-global",
     "codegen": "graphql-codegen --project wspace && graphql-codegen --project global",
     "codegen:all": "bun run schema:pull && bun run codegen",
@@ -41,7 +44,7 @@
   },
   "dependencies": {
     "@apollo/client": "^4.0.11",
-    "@burdenoff/fe-libs": "2026.507.125",
+    "@burdenoff/fe-libs": "2026.511.2",
     "@iconify/react": "^6.0.2",
     "@radix-ui/react-icons": "^1.3.2",
     "@tanstack/react-query": "^5.62.13",
@@ -82,7 +85,9 @@
     "typescript": "^5.9.0",
     "typescript-eslint": "^8.46.0",
     "vite": "8.0.8",
-    "vite-plugin-dts": "3.9.1"
+    "vite-plugin-dts": "3.9.1",
+    "vitest": "^3.2.4",
+    "@vitest/coverage-v8": "^3.2.4"
   },
   "peerDependencies": {
     "@apollo/client": "^4.0.11",