@burdenoff/microfe-workspaces 2026.627.2 → 2026.711.1

package/dist/pages/dashboard/DashboardGrid.js

@@ -1,66 +1,78 @@
 import { tWithFallback as e } from "../../utils/i18n.js";
 import { WIDGET_DEFINITIONS as t, isWidgetAvailable as n } from "./config.js";
-import { WelcomeWidget as r } from "./widgets/WelcomeWidget.js";
-import { QuickActionsWidget as i } from "./widgets/QuickActionsWidget.js";
-import { WorkspacesWidget as a } from "./widgets/WorkspacesWidget.js";
-import { ProjectsWidget as o } from "./widgets/ProjectsWidget.js";
-import { RecentActivityWidget as s } from "./widgets/RecentActivityWidget.js";
-import { UpcomingEventsWidget as c } from "./widgets/UpcomingEventsWidget.js";
-import { WorkflowStatsWidget as l } from "./widgets/WorkflowStatsWidget.js";
-import { TagCloudWidget as u } from "./widgets/TagCloudWidget.js";
-import { StorageWidget as d } from "./widgets/StorageWidget.js";
-import { GroupsWidget as f } from "./widgets/GroupsWidget.js";
-import { MembersWidget as p } from "./widgets/MembersWidget.js";
-import { TipsWidget as m } from "./widgets/TipsWidget.js";
-import { VibesWidget as h } from "./widgets/VibesWidget.js";
-import { SessionsWidget as g } from "./widgets/SessionsWidget.js";
-import { AgentsWidget as _ } from "./widgets/AgentsWidget.js";
-import { jsx as v, jsxs as y } from "react/jsx-runtime";
-import { useI18n as b } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { getColSpan as r } from "./WidgetWrapper.js";
+import { WelcomeWidget as i } from "./widgets/WelcomeWidget.js";
+import { QuickActionsWidget as a } from "./widgets/QuickActionsWidget.js";
+import { WorkspacesWidget as o } from "./widgets/WorkspacesWidget.js";
+import { ProjectsWidget as s } from "./widgets/ProjectsWidget.js";
+import { RecentActivityWidget as c } from "./widgets/RecentActivityWidget.js";
+import { UpcomingEventsWidget as l } from "./widgets/UpcomingEventsWidget.js";
+import { WorkflowStatsWidget as u } from "./widgets/WorkflowStatsWidget.js";
+import { TagCloudWidget as d } from "./widgets/TagCloudWidget.js";
+import { StorageWidget as f } from "./widgets/StorageWidget.js";
+import { GroupsWidget as p } from "./widgets/GroupsWidget.js";
+import { MembersWidget as m } from "./widgets/MembersWidget.js";
+import { TipsWidget as h } from "./widgets/TipsWidget.js";
+import { VibesWidget as g } from "./widgets/VibesWidget.js";
+import { SessionsWidget as _ } from "./widgets/SessionsWidget.js";
+import { AgentsWidget as v } from "./widgets/AgentsWidget.js";
+import { WorkflowsOverviewWidget as y } from "./widgets/WorkflowsOverviewWidget.js";
+import { WorkflowRunsWidget as b } from "./widgets/WorkflowRunsWidget.js";
+import { jsx as x, jsxs as S } from "react/jsx-runtime";
+import { useI18n as C } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { MotionItem as w, MotionList as T } from "@burdenoff/fe-libs/shared/motion";
 //#region src/pages/dashboard/DashboardGrid.tsx
-var x = {
-	welcome: r,
-	quickActions: i,
-	workspaces: a,
-	projects: o,
-	activity: s,
-	calendar: c,
-	workflows: l,
-	tags: u,
-	storage: d,
-	groups: f,
-	members: p,
-	tips: m,
-	vibes: h,
-	sessions: g,
-	agents: _
+var E = {
+	welcome: i,
+	quickActions: a,
+	workspaces: o,
+	projects: s,
+	activity: c,
+	calendar: l,
+	workflows: u,
+	tags: d,
+	storage: f,
+	groups: p,
+	members: m,
+	tips: h,
+	vibes: g,
+	sessions: _,
+	agents: v,
+	workflowsOverview: y,
+	workflowRuns: b
 };
-function S({ widgets: r, productId: i, ...a }) {
-	let { t: o } = b(), s = r.filter((e) => e.enabled).filter((e) => {
+function D({ widgets: i, productId: a, ...o }) {
+	let { t: s } = C(), c = i.filter((e) => e.enabled).filter((e) => {
 		let r = t[e.widgetId];
-		return r ? n(r, i) : !1;
+		return r ? n(r, a) : !1;
 	}).sort((e, t) => e.order - t.order);
-	return s.length === 0 ? /* @__PURE__ */ y("div", {
+	return c.length === 0 ? /* @__PURE__ */ S("div", {
 		className: "text-center py-12",
-		children: [/* @__PURE__ */ v("p", {
+		children: [/* @__PURE__ */ x("p", {
 			className: "text-lg text-text-secondary",
-			children: e(o, "dashboardGrid.noWidgetsEnabled", "No widgets enabled")
-		}), /* @__PURE__ */ v("p", {
+			children: e(s, "dashboardGrid.noWidgetsEnabled", "No widgets enabled")
+		}), /* @__PURE__ */ x("p", {
 			className: "text-sm text-text-secondary mt-1",
-			children: e(o, "dashboardGrid.noWidgetsHint", "Click \"Customize\" to add widgets to your dashboard")
+			children: e(s, "dashboardGrid.noWidgetsHint", "Click \"Customize\" to add widgets to your dashboard")
 		})]
-	}) : /* @__PURE__ */ v("div", {
+	}) : /* @__PURE__ */ x(T, {
 		className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4",
-		children: s.map((e) => {
-			let t = x[e.widgetId];
-			return t ? /* @__PURE__ */ v(t, {
-				productId: i,
-				...a
+		stagger: .06,
+		children: c.map((e) => {
+			let t = E[e.widgetId];
+			return t ? /* @__PURE__ */ x(w, {
+				className: r(e.size),
+				variant: "fadeUp",
+				hoverable: !0,
+				children: /* @__PURE__ */ x(t, {
+					productId: a,
+					...o
+				})
 			}, e.widgetId) : null;
 		})
 	});
 }
 //#endregion
-export { S as DashboardGrid };
+export { D as DashboardGrid };
 
 //# sourceMappingURL=DashboardGrid.js.map

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 { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { tWithFallback } from '../../utils/i18n';\nimport type { WidgetConfig, WidgetProps } from './types';\nimport { isWidgetAvailable, 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 { TipsWidget } from './widgets/TipsWidget';\nimport { VibesWidget } from './widgets/VibesWidget';\nimport { SessionsWidget } from './widgets/SessionsWidget';\nimport { AgentsWidget } from './widgets/AgentsWidget';\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  tips: TipsWidget,\n  vibes: VibesWidget,\n  sessions: SessionsWidget,\n  agents: AgentsWidget,\n};\n\ninterface DashboardGridProps extends WidgetProps {\n  widgets: WidgetConfig[];\n}\n\nexport function DashboardGrid({ widgets, productId, ...widgetProps }: DashboardGridProps) {\n  const { t } = useI18n();\n\n  const enabledWidgets = widgets\n    .filter((w) => w.enabled)\n    .filter((w) => {\n      const def = WIDGET_DEFINITIONS[w.widgetId];\n      if (!def) return false;\n      return isWidgetAvailable(def, productId);\n    })\n    .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-text-secondary\">\n          {tWithFallback(t, 'dashboardGrid.noWidgetsEnabled', 'No widgets enabled')}\n        </p>\n        <p className=\"text-sm text-text-secondary 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} productId={productId} {...widgetProps} />;\n      })}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AA0BA,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,MAAM;CACN,OAAO;CACP,UAAU;CACV,QAAQ;CACT;AAMD,SAAgB,EAAc,EAAE,YAAS,cAAW,GAAG,KAAmC;CACxF,IAAM,EAAE,SAAM,GAAS,EAEjB,IAAiB,EACpB,QAAQ,MAAM,EAAE,QAAQ,CACxB,QAAQ,MAAM;EACb,IAAM,IAAM,EAAmB,EAAE;AAEjC,SADK,IACE,EAAkB,GAAK,EAAU,GADvB;GAEjB,CACD,MAAM,GAAG,MAAM,EAAE,QAAQ,EAAE,MAAM;AAmBpC,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;IAAkD;IAAW,GAAI;IAAe,EAAhE,EAAa,SAAmD,GAFhE;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 { MotionList, MotionItem } from '@burdenoff/fe-libs/shared/motion';\nimport { tWithFallback } from '../../utils/i18n';\nimport type { WidgetConfig, WidgetProps } from './types';\nimport { isWidgetAvailable, WIDGET_DEFINITIONS } from './config';\nimport { getColSpan } from './WidgetWrapper';\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 { TipsWidget } from './widgets/TipsWidget';\nimport { VibesWidget } from './widgets/VibesWidget';\nimport { SessionsWidget } from './widgets/SessionsWidget';\nimport { AgentsWidget } from './widgets/AgentsWidget';\nimport { WorkflowsOverviewWidget } from './widgets/WorkflowsOverviewWidget';\nimport { WorkflowRunsWidget } from './widgets/WorkflowRunsWidget';\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  tips: TipsWidget,\n  vibes: VibesWidget,\n  sessions: SessionsWidget,\n  agents: AgentsWidget,\n  workflowsOverview: WorkflowsOverviewWidget,\n  workflowRuns: WorkflowRunsWidget,\n};\n\ninterface DashboardGridProps extends WidgetProps {\n  widgets: WidgetConfig[];\n}\n\nexport function DashboardGrid({ widgets, productId, ...widgetProps }: DashboardGridProps) {\n  const { t } = useI18n();\n\n  const enabledWidgets = widgets\n    .filter((w) => w.enabled)\n    .filter((w) => {\n      const def = WIDGET_DEFINITIONS[w.widgetId];\n      if (!def) return false;\n      return isWidgetAvailable(def, productId);\n    })\n    .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-text-secondary\">\n          {tWithFallback(t, 'dashboardGrid.noWidgetsEnabled', 'No widgets enabled')}\n        </p>\n        <p className=\"text-sm text-text-secondary 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    <MotionList className=\"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4\" stagger={0.06}>\n      {enabledWidgets.map((widgetConfig) => {\n        const Component = WIDGET_COMPONENTS[widgetConfig.widgetId];\n        if (!Component) return null;\n\n        return (\n          <MotionItem\n            key={widgetConfig.widgetId}\n            className={getColSpan(widgetConfig.size)}\n            variant=\"fadeUp\"\n            hoverable\n          >\n            <Component productId={productId} {...widgetProps} />\n          </MotionItem>\n        );\n      })}\n    </MotionList>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AA8BA,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,MAAM;CACN,OAAO;CACP,UAAU;CACV,QAAQ;CACR,mBAAmB;CACnB,cAAc;CACf;AAMD,SAAgB,EAAc,EAAE,YAAS,cAAW,GAAG,KAAmC;CACxF,IAAM,EAAE,SAAM,GAAS,EAEjB,IAAiB,EACpB,QAAQ,MAAM,EAAE,QAAQ,CACxB,QAAQ,MAAM;EACb,IAAM,IAAM,EAAmB,EAAE;AAEjC,SADK,IACE,EAAkB,GAAK,EAAU,GADvB;GAEjB,CACD,MAAM,GAAG,MAAM,EAAE,QAAQ,EAAE,MAAM;AAmBpC,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,GAAD;EAAY,WAAU;EAAuD,SAAS;YACnF,EAAe,KAAK,MAAiB;GACpC,IAAM,IAAY,EAAkB,EAAa;AAGjD,UAFK,IAGH,kBAAC,GAAD;IAEE,WAAW,EAAW,EAAa,KAAK;IACxC,SAAQ;IACR,WAAA;cAEA,kBAAC,GAAD;KAAsB;KAAW,GAAI;KAAe,CAAA;IACzC,EANN,EAAa,SAMP,GAVQ;IAYvB;EACS,CAAA"}

package/dist/pages/dashboard/DashboardPage.js

@@ -3,20 +3,41 @@ import { useGlobalDashboardData as t, useProjectsDashboardData as n, useVibecont
 import { useUpdateDashboardPreferences as a } from "./hooks/useDashboardPreferences.js";
 import { getEffectiveWidgets as o } from "./config.js";
 import { DashboardGrid as s } from "./DashboardGrid.js";
-import { DashboardCustomizer as c } from "./DashboardCustomizer.js";
-import { useCallback as l, useMemo as u, useState as d } from "react";
-import { AlertCircle as f, Loader2 as p, RefreshCw as m, Settings2 as h } from "lucide-react";
-import { jsx as g, jsxs as _ } from "react/jsx-runtime";
-import { Button as v, PagePurpose as y } from "@burdenoff/fe-libs/ui";
-import { useI18n as b } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { DashboardCustomizer as ee } from "./DashboardCustomizer.js";
+import { useCallback as c, useMemo as l, useState as u } from "react";
+import { AlertCircle as d, Building2 as f, GitBranch as p, Loader2 as m, RefreshCw as h, Settings2 as g, Sparkles as _ } from "lucide-react";
+import { Fragment as v, jsx as y, jsxs as b } from "react/jsx-runtime";
+import { AuroraBackground as x, Button as S, GradientText as C, PagePurpose as w } from "@burdenoff/fe-libs/ui";
+import { useI18n as T } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { PageHeader as E } from "@burdenoff/fe-libs/chrome";
 //#region src/pages/dashboard/DashboardPage.tsx
-function x({ navigate: x, authToken: S, currentUser: C, productId: w = "workspaces" }) {
+var D = {
+	workspaces: {
+		noun: "Workspaces",
+		subtitle: "Your workspace overview at a glance",
+		purpose: "This is your home base — a single glance across everything that matters: your workspaces and projects, recent activity, upcoming events and live status. Use Customize to choose which cards appear and how they are arranged, and click any card to dive into the full view.",
+		Icon: f
+	},
+	vibecontrols: {
+		noun: "VibeControls",
+		subtitle: "Your workspace at a glance",
+		purpose: "This is your home base for this workspace — check on recent vibes, active sessions, and your agent fleet, then jump straight into whatever needs you. Use Customize to choose which cards appear and how they are arranged.",
+		Icon: _
+	},
+	fluidgrids: {
+		noun: "FluidGrids",
+		subtitle: "Your workflow automation at a glance",
+		purpose: "This is your home base — track workflow health, recent runs, and team activity, then jump straight into building or debugging. Use Customize to choose which cards appear and how they are arranged.",
+		Icon: p
+	}
+};
+function O({ navigate: f, authToken: p, currentUser: _, productId: O = "workspaces" }) {
 	e("workspaces.dashboard");
-	let { t: T } = b(), E = (e, t) => {
-		let n = T(e);
+	let { t: te } = T(), k = (e, t) => {
+		let n = te(e);
 		return n === e ? t : n;
-	}, [D, O] = d(!1), { data: k, isLoading: A, error: j, refetch: M } = i(S), { data: N, isLoading: P, error: F, refetch: I } = t(S), { data: L, isLoading: R, refetch: z } = n(S), B = w === "vibecontrols", { data: V, isLoading: H, refetch: U } = r(S, B), W = a(S), G = A || P || R || H, K = u(() => !k && !N && !L && !V ? null : {
-		...k ?? {
+	}, [ne, A] = u(!1), j = D[O] ?? D.workspaces, M = j.Icon, { data: N, isLoading: P, error: F, refetch: I } = i(p), { data: L, isLoading: R, error: z, refetch: B } = t(p), { data: V, isLoading: H, refetch: U } = n(p), W = O === "vibecontrols", { data: G, isLoading: K, refetch: q } = r(p, W), J = a(p), Y = P || R || H || K, X = l(() => !N && !L && !V && !G ? null : {
+		...N ?? {
 			workspaces: {
 				items: [],
 				total: 0
@@ -38,114 +59,118 @@ function x({ navigate: x, authToken: S, currentUser: C, productId: w = "workspac
 			workflowStats: null,
 			storageUsage: null
 		},
-		workspaces: N?.workspaces ?? {
+		workspaces: L?.workspaces ?? {
 			items: [],
 			total: 0
 		},
-		projects: L ?? {
+		projects: V ?? {
 			items: [],
 			total: 0
 		},
-		recentVibes: V?.recentVibes,
-		activeSessions: V?.activeSessions,
-		agentFleet: V?.agentFleet ?? null
+		recentVibes: G?.recentVibes,
+		activeSessions: G?.activeSessions,
+		agentFleet: G?.agentFleet ?? null
 	}, [
-		k,
 		N,
 		L,
-		V
-	]), q = N?.dashboardPreferences, J = u(() => o(q?.widgets ?? null, w), [q, w]), Y = l(() => {
-		M(), I(), z(), B && U();
+		V,
+		G
+	]), Z = L?.dashboardPreferences, Q = l(() => o(Z?.widgets ?? null, O), [Z, O]), $ = c(() => {
+		I(), B(), U(), W && q();
 	}, [
-		M,
 		I,
-		z,
+		B,
 		U,
-		B
-	]), X = l(async (e) => {
-		await W.mutateAsync(e);
-	}, [W]), Z = j || F;
-	return /* @__PURE__ */ _("div", {
+		q,
+		W
+	]), re = c(async (e) => {
+		await J.mutateAsync(e);
+	}, [J]), ie = F || z;
+	return /* @__PURE__ */ b("div", {
 		className: "min-h-[calc(100vh-8rem)] p-4 md:p-6 bg-bg-canvas",
 		"data-tour": "main-content",
 		children: [
-			/* @__PURE__ */ _("div", {
-				className: "flex flex-wrap items-center justify-between gap-4 mb-6",
-				children: [/* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("h1", {
-					className: "text-xl font-bold text-text-primary",
-					children: E("dashboard.title", "Dashboard")
-				}), /* @__PURE__ */ g("p", {
-					className: "text-sm text-text-secondary mt-0.5",
-					children: E("dashboard.subtitle", "Your workspace overview at a glance")
-				})] }), /* @__PURE__ */ _("div", {
-					className: "flex flex-wrap items-center gap-2",
-					"data-tour": "quick-actions",
-					children: [/* @__PURE__ */ _(v, {
-						variant: "outline",
-						size: "sm",
-						onClick: Y,
-						disabled: G,
-						className: "text-xs",
-						children: [G ? /* @__PURE__ */ g(p, { className: "size-3.5 sm:mr-1.5 animate-spin" }) : /* @__PURE__ */ g(m, { className: "size-3.5 sm:mr-1.5" }), /* @__PURE__ */ g("span", {
-							className: "hidden sm:inline",
-							children: E("dashboard.refresh", "Refresh")
-						})]
-					}), /* @__PURE__ */ _(v, {
-						variant: "outline",
-						size: "sm",
-						onClick: () => O(!0),
-						className: "text-xs",
-						children: [/* @__PURE__ */ g(h, { className: "size-3.5 sm:mr-1.5" }), /* @__PURE__ */ g("span", {
-							className: "hidden sm:inline",
-							children: E("dashboard.customize", "Customize")
+			/* @__PURE__ */ b("div", {
+				className: "relative overflow-hidden rounded-card -mx-1 px-1 pt-1",
+				children: [/* @__PURE__ */ y(x, { intensity: "subtle" }), /* @__PURE__ */ y(E, {
+					icon: /* @__PURE__ */ y(M, { className: "size-6" }),
+					title: /* @__PURE__ */ b(v, { children: [
+						/* @__PURE__ */ y(C, { children: k(`dashboard.titleNoun.${O}`, j.noun) }),
+						" ",
+						k("dashboard.titleSuffix", "Dashboard")
+					] }),
+					description: k(`dashboard.subtitle.${O}`, j.subtitle),
+					actions: /* @__PURE__ */ b("div", {
+						className: "flex flex-wrap items-center gap-2",
+						"data-tour": "quick-actions",
+						children: [/* @__PURE__ */ b(S, {
+							variant: "outline",
+							size: "sm",
+							onClick: $,
+							disabled: Y,
+							className: "text-xs",
+							children: [Y ? /* @__PURE__ */ y(m, { className: "size-3.5 sm:mr-1.5 animate-spin" }) : /* @__PURE__ */ y(h, { className: "size-3.5 sm:mr-1.5" }), /* @__PURE__ */ y("span", {
+								className: "hidden sm:inline",
+								children: k("dashboard.refresh", "Refresh")
+							})]
+						}), /* @__PURE__ */ b(S, {
+							variant: "outline",
+							size: "sm",
+							onClick: () => A(!0),
+							className: "text-xs",
+							children: [/* @__PURE__ */ y(g, { className: "size-3.5 sm:mr-1.5" }), /* @__PURE__ */ y("span", {
+								className: "hidden sm:inline",
+								children: k("dashboard.customize", "Customize")
+							})]
 						})]
-					})]
+					})
 				})]
 			}),
-			/* @__PURE__ */ g(y, {
+			/* @__PURE__ */ y(w, {
+				icon: /* @__PURE__ */ y(M, { className: "size-4" }),
 				className: "mb-6 -mt-2",
-				children: E("dashboard.purpose", "This is your home base — a single glance across everything that matters: your workspaces and projects, recent activity, upcoming events and live status. Use Customize to choose which cards appear and how they are arranged, and click any card to dive into the full view.")
+				children: k(`dashboard.purpose.${O}`, j.purpose)
 			}),
-			Z && /* @__PURE__ */ _("div", {
+			ie && /* @__PURE__ */ b("div", {
 				className: "mb-4 p-3 bg-status-error-bg/10 border border-status-error-border/20 rounded-lg flex items-center gap-2",
-				children: [/* @__PURE__ */ g(f, { className: "size-4 text-status-error-text shrink-0" }), /* @__PURE__ */ _("p", {
+				children: [/* @__PURE__ */ y(d, { className: "size-4 text-status-error-text shrink-0" }), /* @__PURE__ */ b("p", {
 					className: "text-sm text-status-error-text",
 					children: [
-						E("dashboard.error.partialData", "Some data may be unavailable."),
+						k("dashboard.error.partialData", "Some data may be unavailable."),
 						" ",
-						j ? E("dashboard.error.workspaceDown", "Workspace services may be down.") : "",
+						F ? k("dashboard.error.workspaceDown", "Workspace services may be down.") : "",
 						" ",
-						F ? E("dashboard.error.globalDown", "Global services may be down.") : "",
+						z ? k("dashboard.error.globalDown", "Global services may be down.") : "",
 						" ",
-						/* @__PURE__ */ g("button", {
+						/* @__PURE__ */ y("button", {
 							type: "button",
 							className: "underline font-medium hover:text-status-error-text/80",
-							onClick: Y,
-							children: E("dashboard.error.tryRefreshing", "Try refreshing")
+							onClick: $,
+							children: k("dashboard.error.tryRefreshing", "Try refreshing")
 						})
 					]
 				})]
 			}),
-			/* @__PURE__ */ g(s, {
-				widgets: J,
-				workspaceData: K,
-				globalData: N ?? null,
-				isLoading: G,
-				navigate: x,
-				productId: w
+			/* @__PURE__ */ y(s, {
+				widgets: Q,
+				workspaceData: X,
+				globalData: L ?? null,
+				isLoading: Y,
+				navigate: f,
+				productId: O
 			}),
-			/* @__PURE__ */ g(c, {
-				open: D,
-				onOpenChange: O,
-				widgets: J,
-				onSave: X,
-				isSaving: W.isPending,
-				productId: w
+			/* @__PURE__ */ y(ee, {
+				open: ne,
+				onOpenChange: A,
+				widgets: Q,
+				onSave: re,
+				isSaving: J.isPending,
+				productId: O
 			})
 		]
 	});
 }
 //#endregion
-export { x as DashboardPage };
+export { O 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, PagePurpose } from '@burdenoff/fe-libs/ui';\nimport { Settings2, RefreshCw, Loader2, AlertCircle } from 'lucide-react';\nimport {\n  useWorkspaceDashboardData,\n  useGlobalDashboardData,\n  useProjectsDashboardData,\n  useVibecontrolsDashboardData,\n} from './hooks/useDashboardData';\nimport { useUpdateDashboardPreferences } from './hooks/useDashboardPreferences';\nimport { DashboardGrid } from './DashboardGrid';\nimport { DashboardCustomizer } from './DashboardCustomizer';\nimport { getEffectiveWidgets } from './config';\nimport type { WidgetConfig } 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   * Host product identifier ('workspaces', 'vibecontrols', etc.). Drives\n   * which widgets appear in the registry + default layout. Defaults to\n   * 'workspaces' for legacy callers.\n   */\n  productId?: string;\n}\n\nexport function DashboardPage({\n  navigate,\n  authToken,\n  currentUser: _currentUser,\n  productId = 'workspaces',\n}: 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 isVibecontrols = productId === 'vibecontrols';\n  const {\n    data: vibecontrolsData,\n    isLoading: vibecontrolsLoading,\n    refetch: refetchVibecontrols,\n  } = useVibecontrolsDashboardData(authToken, isVibecontrols);\n\n  const updatePrefs = useUpdateDashboardPreferences(authToken);\n\n  const isLoading = wsLoading || globalLoading || projectsLoading || vibecontrolsLoading;\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 && !vibecontrolsData) 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      // VibeControls-only data; undefined for other products\n      recentVibes: vibecontrolsData?.recentVibes,\n      activeSessions: vibecontrolsData?.activeSessions,\n      agentFleet: vibecontrolsData?.agentFleet ?? null,\n    };\n  }, [workspaceData, globalData, projectsData, vibecontrolsData]);\n\n  // ─── Widget Configuration ─────────────────────────────────────────────────\n  const savedPrefs = globalData?.dashboardPreferences;\n  const widgets = useMemo(\n    () => getEffectiveWidgets(savedPrefs?.widgets ?? null, productId),\n    [savedPrefs, productId]\n  );\n\n  // ─── Handlers ─────────────────────────────────────────────────────────────\n  const handleRefresh = useCallback(() => {\n    refetchWs();\n    refetchGlobal();\n    refetchProjects();\n    if (isVibecontrols) refetchVibecontrols();\n  }, [refetchWs, refetchGlobal, refetchProjects, refetchVibecontrols, isVibecontrols]);\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-text-secondary 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=\"size-3.5 sm:mr-1.5 animate-spin\" />\n            ) : (\n              <RefreshCw className=\"size-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=\"size-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      <PagePurpose className=\"mb-6 -mt-2\">\n        {tr(\n          'dashboard.purpose',\n          'This is your home base — a single glance across everything that matters: your workspaces and projects, recent activity, upcoming events and live status. Use Customize to choose which cards appear and how they are arranged, and click any card to dive into the full view.'\n        )}\n      </PagePurpose>\n\n      {/* Error Banner */}\n      {hasError && (\n        <div className=\"mb-4 p-3 bg-status-error-bg/10 border border-status-error-border/20 rounded-lg flex items-center gap-2\">\n          <AlertCircle className=\"size-4 text-status-error-text shrink-0\" />\n          <p className=\"text-sm text-status-error-text\">\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              type=\"button\"\n              className=\"underline font-medium hover:text-status-error-text/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        productId={productId}\n      />\n\n      {/* Customizer */}\n      <DashboardCustomizer\n        open={customizerOpen}\n        onOpenChange={setCustomizerOpen}\n        widgets={widgets}\n        onSave={handleSaveWidgets}\n        isSaving={updatePrefs.isPending}\n        productId={productId}\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, PagePurpose, AuroraBackground, GradientText } from '@burdenoff/fe-libs/ui';\nimport { PageHeader } from '@burdenoff/fe-libs/chrome';\nimport {\n  Settings2,\n  RefreshCw,\n  Loader2,\n  AlertCircle,\n  Building2,\n  Sparkles,\n  GitBranch,\n  type LucideIcon,\n} from 'lucide-react';\nimport {\n  useWorkspaceDashboardData,\n  useGlobalDashboardData,\n  useProjectsDashboardData,\n  useVibecontrolsDashboardData,\n} from './hooks/useDashboardData';\nimport { useUpdateDashboardPreferences } from './hooks/useDashboardPreferences';\nimport { DashboardGrid } from './DashboardGrid';\nimport { DashboardCustomizer } from './DashboardCustomizer';\nimport { getEffectiveWidgets } from './config';\nimport type { WidgetConfig } from './types';\nimport { useWorkspacesPageView } from '../../hooks/useWorkspacesPageView';\n\ninterface ProductHeroCopy {\n  noun: string;\n  subtitle: string;\n  purpose: string;\n  Icon: LucideIcon;\n}\n\n/** Per-product hero heading/subtitle/purpose copy — keeps the dashboard from\n * reading as generic boilerplate for products layered on the shared page. */\nconst PRODUCT_HERO: Record<string, ProductHeroCopy> = {\n  workspaces: {\n    noun: 'Workspaces',\n    subtitle: 'Your workspace overview at a glance',\n    purpose:\n      'This is your home base — a single glance across everything that matters: your workspaces and projects, recent activity, upcoming events and live status. Use Customize to choose which cards appear and how they are arranged, and click any card to dive into the full view.',\n    Icon: Building2,\n  },\n  vibecontrols: {\n    noun: 'VibeControls',\n    subtitle: 'Your workspace at a glance',\n    purpose:\n      'This is your home base for this workspace — check on recent vibes, active sessions, and your agent fleet, then jump straight into whatever needs you. Use Customize to choose which cards appear and how they are arranged.',\n    Icon: Sparkles,\n  },\n  fluidgrids: {\n    noun: 'FluidGrids',\n    subtitle: 'Your workflow automation at a glance',\n    purpose:\n      'This is your home base — track workflow health, recent runs, and team activity, then jump straight into building or debugging. Use Customize to choose which cards appear and how they are arranged.',\n    Icon: GitBranch,\n  },\n};\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   * Host product identifier ('workspaces', 'vibecontrols', etc.). Drives\n   * which widgets appear in the registry + default layout. Defaults to\n   * 'workspaces' for legacy callers.\n   */\n  productId?: string;\n}\n\nexport function DashboardPage({\n  navigate,\n  authToken,\n  currentUser: _currentUser,\n  productId = 'workspaces',\n}: 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  const hero = PRODUCT_HERO[productId] ?? PRODUCT_HERO.workspaces;\n  const HeroIcon = hero.Icon;\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 isVibecontrols = productId === 'vibecontrols';\n  const {\n    data: vibecontrolsData,\n    isLoading: vibecontrolsLoading,\n    refetch: refetchVibecontrols,\n  } = useVibecontrolsDashboardData(authToken, isVibecontrols);\n\n  const updatePrefs = useUpdateDashboardPreferences(authToken);\n\n  const isLoading = wsLoading || globalLoading || projectsLoading || vibecontrolsLoading;\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 && !vibecontrolsData) 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      // VibeControls-only data; undefined for other products\n      recentVibes: vibecontrolsData?.recentVibes,\n      activeSessions: vibecontrolsData?.activeSessions,\n      agentFleet: vibecontrolsData?.agentFleet ?? null,\n    };\n  }, [workspaceData, globalData, projectsData, vibecontrolsData]);\n\n  // ─── Widget Configuration ─────────────────────────────────────────────────\n  const savedPrefs = globalData?.dashboardPreferences;\n  const widgets = useMemo(\n    () => getEffectiveWidgets(savedPrefs?.widgets ?? null, productId),\n    [savedPrefs, productId]\n  );\n\n  // ─── Handlers ─────────────────────────────────────────────────────────────\n  const handleRefresh = useCallback(() => {\n    refetchWs();\n    refetchGlobal();\n    refetchProjects();\n    if (isVibecontrols) refetchVibecontrols();\n  }, [refetchWs, refetchGlobal, refetchProjects, refetchVibecontrols, isVibecontrols]);\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=\"relative overflow-hidden rounded-card -mx-1 px-1 pt-1\">\n        <AuroraBackground intensity=\"subtle\" />\n        <PageHeader\n          icon={<HeroIcon className=\"size-6\" />}\n          title={\n            <>\n              <GradientText>{tr(`dashboard.titleNoun.${productId}`, hero.noun)}</GradientText>{' '}\n              {tr('dashboard.titleSuffix', 'Dashboard')}\n            </>\n          }\n          description={tr(`dashboard.subtitle.${productId}`, hero.subtitle)}\n          actions={\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=\"size-3.5 sm:mr-1.5 animate-spin\" />\n                ) : (\n                  <RefreshCw className=\"size-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=\"size-3.5 sm:mr-1.5\" />\n                <span className=\"hidden sm:inline\">{tr('dashboard.customize', 'Customize')}</span>\n              </Button>\n            </div>\n          }\n        />\n      </div>\n\n      <PagePurpose icon={<HeroIcon className=\"size-4\" />} className=\"mb-6 -mt-2\">\n        {tr(`dashboard.purpose.${productId}`, hero.purpose)}\n      </PagePurpose>\n\n      {/* Error Banner */}\n      {hasError && (\n        <div className=\"mb-4 p-3 bg-status-error-bg/10 border border-status-error-border/20 rounded-lg flex items-center gap-2\">\n          <AlertCircle className=\"size-4 text-status-error-text shrink-0\" />\n          <p className=\"text-sm text-status-error-text\">\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              type=\"button\"\n              className=\"underline font-medium hover:text-status-error-text/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        productId={productId}\n      />\n\n      {/* Customizer */}\n      <DashboardCustomizer\n        open={customizerOpen}\n        onOpenChange={setCustomizerOpen}\n        widgets={widgets}\n        onSave={handleSaveWidgets}\n        isSaving={updatePrefs.isPending}\n        productId={productId}\n      />\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/pages/dashboard/WidgetWrapper.js

@@ -51,7 +51,7 @@ function m() {
 function h({ title: e, icon: t, size: n, isLoading: l, error: u, unavailable: h, headerAction: g, children: _, className: v = "" }) {
 	return /* @__PURE__ */ i(c, {
 		treatment: "insight",
-		className: `${d(n)} border-border-seam bg-bg-surface ${v}`,
+		className: `h-full ${d(n)} border-border-seam bg-bg-surface ${v}`,
 		children: [/* @__PURE__ */ i(o, {
 			className: "flex flex-row items-center justify-between pb-2 gap-y-0",
 			children: [/* @__PURE__ */ i(s, {
@@ -65,6 +65,6 @@ function h({ title: e, icon: t, size: n, isLoading: l, error: u, unavailable: h,
 	});
 }
 //#endregion
-export { h as WidgetWrapper };
+export { h as WidgetWrapper, d as getColSpan };
 
 //# sourceMappingURL=WidgetWrapper.js.map

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 } from 'react';\nimport { GlassCard, 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-status-error-bg/10 p-2 mb-2\">\n        <AlertCircle className=\"size-5 text-status-error-text\" />\n      </div>\n      <p className=\"text-sm text-text-secondary\">{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-bg-sunken p-2 mb-2\">\n        <WifiOff className=\"size-5 text-text-secondary\" />\n      </div>\n      <p className=\"text-sm text-text-secondary\">\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    <GlassCard\n      treatment=\"insight\"\n      className={`${colSpan} border-border-seam bg-bg-surface ${className}`}\n    >\n      <CardHeader className=\"flex flex-row items-center justify-between pb-2 gap-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    </GlassCard>\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,iCAAkC,CAAA;GACrD,CAAA,EACN,kBAAC,KAAD;GAAG,WAAU;aAA+B;GAAY,CAAA,CACpD;;;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,8BAA+B,CAAA;GAC9C,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,WAAU;EACV,WAAW,GALC,EAAW,EAAK,CAKN,oCAAoC;YAF5D,CAIE,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,CACJ"}
+{"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 { GlassCard, 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\nexport function 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-status-error-bg/10 p-2 mb-2\">\n        <AlertCircle className=\"size-5 text-status-error-text\" />\n      </div>\n      <p className=\"text-sm text-text-secondary\">{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-bg-sunken p-2 mb-2\">\n        <WifiOff className=\"size-5 text-text-secondary\" />\n      </div>\n      <p className=\"text-sm text-text-secondary\">\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    <GlassCard\n      treatment=\"insight\"\n      className={`h-full ${colSpan} border-border-seam bg-bg-surface ${className}`}\n    >\n      <CardHeader className=\"flex flex-row items-center justify-between pb-2 gap-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    </GlassCard>\n  );\n}\n"],"mappings":";;;;;;AA0BA,SAAgB,EAAW,GAA0B;AACnD,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,iCAAkC,CAAA;GACrD,CAAA,EACN,kBAAC,KAAD;GAAG,WAAU;aAA+B;GAAY,CAAA,CACpD;;;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,8BAA+B,CAAA;GAC9C,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,WAAU;EACV,WAAW,UALC,EAAW,EAAK,CAKC,oCAAoC;YAFnE,CAIE,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,CACJ"}

package/dist/pages/dashboard/config.js

@@ -139,6 +139,26 @@ var e = "workspaces", t = {
 		removable: !0,
 		dataSource: "workspace",
 		availableInProducts: ["vibecontrols"]
+	},
+	workflowsOverview: {
+		id: "workflowsOverview",
+		title: "Workflows",
+		description: "Active/archived workflow counts and recently updated workflows",
+		icon: "GitBranch",
+		defaultSize: "medium",
+		removable: !0,
+		dataSource: "workspace",
+		availableInProducts: ["fluidgrids"]
+	},
+	workflowRuns: {
+		id: "workflowRuns",
+		title: "Workflow Runs",
+		description: "Run health, success rate, and recent executions",
+		icon: "Activity",
+		defaultSize: "medium",
+		removable: !0,
+		dataSource: "workspace",
+		availableInProducts: ["fluidgrids"]
 	}
 }, n = [
 	{
@@ -282,6 +302,68 @@ var e = "workspaces", t = {
 			order: 10,
 			size: "small"
 		}
+	],
+	fluidgrids: [
+		{
+			widgetId: "welcome",
+			enabled: !0,
+			order: 0,
+			size: "large"
+		},
+		{
+			widgetId: "quickActions",
+			enabled: !0,
+			order: 1,
+			size: "medium"
+		},
+		{
+			widgetId: "workflowsOverview",
+			enabled: !0,
+			order: 2,
+			size: "medium"
+		},
+		{
+			widgetId: "workflowRuns",
+			enabled: !0,
+			order: 3,
+			size: "medium"
+		},
+		{
+			widgetId: "workspaces",
+			enabled: !0,
+			order: 4,
+			size: "medium"
+		},
+		{
+			widgetId: "projects",
+			enabled: !0,
+			order: 5,
+			size: "medium"
+		},
+		{
+			widgetId: "tips",
+			enabled: !0,
+			order: 6,
+			size: "small"
+		},
+		{
+			widgetId: "activity",
+			enabled: !0,
+			order: 7,
+			size: "large"
+		},
+		{
+			widgetId: "groups",
+			enabled: !0,
+			order: 8,
+			size: "small"
+		},
+		{
+			widgetId: "members",
+			enabled: !0,
+			order: 9,
+			size: "small"
+		}
 	]
 }, i = n;
 function a(t, n = e) {