@burdenoff/microfe-workspaces 2026.625.5 → 2026.626.2

package/dist/pages/dashboard/DashboardPage.js

@@ -7,16 +7,16 @@ 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 } from "@burdenoff/fe-libs/ui";
-import { useI18n as y } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { Button as v, PagePurpose as y } from "@burdenoff/fe-libs/ui";
+import { useI18n as b } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
 //#region src/pages/dashboard/DashboardPage.tsx
-function b({ navigate: b, authToken: x, currentUser: S, productId: C = "workspaces" }) {
+function x({ navigate: x, authToken: S, currentUser: C, productId: w = "workspaces" }) {
 	e("workspaces.dashboard");
-	let { t: w } = y(), T = (e, t) => {
-		let n = w(e);
+	let { t: T } = b(), E = (e, t) => {
+		let n = T(e);
 		return n === e ? t : n;
-	}, [E, D] = d(!1), { data: O, isLoading: k, error: A, refetch: j } = i(x), { data: M, isLoading: N, error: P, refetch: F } = t(x), { data: I, isLoading: L, refetch: R } = n(x), z = C === "vibecontrols", { data: B, isLoading: V, refetch: H } = r(x, z), U = a(x), W = k || N || L || V, G = u(() => !O && !M && !I && !B ? null : {
-		...O ?? {
+	}, [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 ?? {
 			workspaces: {
 				items: [],
 				total: 0
@@ -38,33 +38,33 @@ function b({ navigate: b, authToken: x, currentUser: S, productId: C = "workspac
 			workflowStats: null,
 			storageUsage: null
 		},
-		workspaces: M?.workspaces ?? {
+		workspaces: N?.workspaces ?? {
 			items: [],
 			total: 0
 		},
-		projects: I ?? {
+		projects: L ?? {
 			items: [],
 			total: 0
 		},
-		recentVibes: B?.recentVibes,
-		activeSessions: B?.activeSessions,
-		agentFleet: B?.agentFleet ?? null
+		recentVibes: V?.recentVibes,
+		activeSessions: V?.activeSessions,
+		agentFleet: V?.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();
 	}, [
-		O,
 		M,
 		I,
+		z,
+		U,
 		B
-	]), K = M?.dashboardPreferences, q = u(() => o(K?.widgets ?? null, C), [K, C]), J = l(() => {
-		j(), F(), R(), z && H();
-	}, [
-		j,
-		F,
-		R,
-		H,
-		z
-	]), Y = l(async (e) => {
-		await U.mutateAsync(e);
-	}, [U]), X = A || P;
+	]), X = l(async (e) => {
+		await W.mutateAsync(e);
+	}, [W]), Z = j || F;
 	return /* @__PURE__ */ _("div", {
 		className: "min-h-[calc(100vh-8rem)] p-4 md:p-6 bg-bg-canvas",
 		"data-tour": "main-content",
@@ -73,75 +73,79 @@ function b({ navigate: b, authToken: x, currentUser: S, productId: C = "workspac
 				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: T("dashboard.title", "Dashboard")
+					children: E("dashboard.title", "Dashboard")
 				}), /* @__PURE__ */ g("p", {
 					className: "text-sm text-text-secondary mt-0.5",
-					children: T("dashboard.subtitle", "Your workspace overview at a glance")
+					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: J,
-						disabled: W,
+						onClick: Y,
+						disabled: G,
 						className: "text-xs",
-						children: [W ? /* @__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", {
+						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: T("dashboard.refresh", "Refresh")
+							children: E("dashboard.refresh", "Refresh")
 						})]
 					}), /* @__PURE__ */ _(v, {
 						variant: "outline",
 						size: "sm",
-						onClick: () => D(!0),
+						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: T("dashboard.customize", "Customize")
+							children: E("dashboard.customize", "Customize")
 						})]
 					})]
 				})]
 			}),
-			X && /* @__PURE__ */ _("div", {
+			/* @__PURE__ */ g(y, {
+				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.")
+			}),
+			Z && /* @__PURE__ */ _("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", {
 					className: "text-sm text-status-error-text",
 					children: [
-						T("dashboard.error.partialData", "Some data may be unavailable."),
+						E("dashboard.error.partialData", "Some data may be unavailable."),
 						" ",
-						A ? T("dashboard.error.workspaceDown", "Workspace services may be down.") : "",
+						j ? E("dashboard.error.workspaceDown", "Workspace services may be down.") : "",
 						" ",
-						P ? T("dashboard.error.globalDown", "Global services may be down.") : "",
+						F ? E("dashboard.error.globalDown", "Global services may be down.") : "",
 						" ",
 						/* @__PURE__ */ g("button", {
 							type: "button",
 							className: "underline font-medium hover:text-status-error-text/80",
-							onClick: J,
-							children: T("dashboard.error.tryRefreshing", "Try refreshing")
+							onClick: Y,
+							children: E("dashboard.error.tryRefreshing", "Try refreshing")
 						})
 					]
 				})]
 			}),
 			/* @__PURE__ */ g(s, {
-				widgets: q,
-				workspaceData: G,
-				globalData: M ?? null,
-				isLoading: W,
-				navigate: b,
-				productId: C
+				widgets: J,
+				workspaceData: K,
+				globalData: N ?? null,
+				isLoading: G,
+				navigate: x,
+				productId: w
 			}),
 			/* @__PURE__ */ g(c, {
-				open: E,
-				onOpenChange: D,
-				widgets: q,
-				onSave: Y,
-				isSaving: U.isPending,
-				productId: C
+				open: D,
+				onOpenChange: O,
+				widgets: J,
+				onSave: X,
+				isSaving: W.isPending,
+				productId: w
 			})
 		]
 	});
 }
 //#endregion
-export { b as DashboardPage };
+export { x 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 } 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      {/* 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 } 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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"}

package/dist/pages/dashboard/widgets/GroupsWidget.js

@@ -1,35 +1,34 @@
 import { WidgetWrapper as e } from "../WidgetWrapper.js";
 import { ArrowRight as t, Users as n } from "lucide-react";
 import { jsx as r, jsxs as i } from "react/jsx-runtime";
-import { Button as a } from "@burdenoff/fe-libs/ui";
+import { Button as a, IllustratedEmptyState as o } from "@burdenoff/fe-libs/ui";
 //#region src/pages/dashboard/widgets/GroupsWidget.tsx
-function o({ workspaceData: o, isLoading: s, navigate: c }) {
-	let l = o?.groups.items ?? [], u = o?.groups.totalCount ?? 0;
+function s({ workspaceData: s, isLoading: c, navigate: l }) {
+	let u = s?.groups.items ?? [], d = s?.groups.totalCount ?? 0;
 	return /* @__PURE__ */ r(e, {
 		title: "Groups",
 		icon: /* @__PURE__ */ r(n, { className: "size-4" }),
 		size: "small",
-		isLoading: s,
-		unavailable: !o,
+		isLoading: c,
+		unavailable: !s,
 		headerAction: /* @__PURE__ */ r(a, {
 			variant: "ghost",
 			size: "sm",
 			className: "text-xs",
-			onClick: () => c("/groups"),
+			onClick: () => l("/groups"),
 			children: /* @__PURE__ */ r(t, { className: "size-3" })
 		}),
-		children: l.length === 0 ? /* @__PURE__ */ r("div", {
-			className: "text-center py-3",
-			children: /* @__PURE__ */ r("p", {
-				className: "text-xs text-text-secondary",
-				children: "No groups yet"
-			})
+		children: u.length === 0 ? /* @__PURE__ */ r(o, {
+			illustration: "empty-people",
+			title: "No groups yet",
+			description: "Groups bundle members together so you can manage and mention them as one.",
+			className: "py-4"
 		}) : /* @__PURE__ */ i("div", {
 			className: "space-y-1.5",
-			children: [l.slice(0, 4).map((e) => /* @__PURE__ */ i("button", {
+			children: [u.slice(0, 4).map((e) => /* @__PURE__ */ i("button", {
 				type: "button",
 				className: "w-full flex items-center gap-2 p-1.5 rounded hover:bg-accent/5 cursor-pointer transition-colors text-left",
-				onClick: () => c("/groups"),
+				onClick: () => l("/groups"),
 				children: [/* @__PURE__ */ r("div", {
 					className: "size-7 rounded-full bg-accent-purple-subtle text-accent-purple flex items-center justify-center text-xs font-bold shrink-0",
 					children: e.name.charAt(0).toUpperCase()
@@ -43,11 +42,11 @@ function o({ workspaceData: o, isLoading: s, navigate: c }) {
 						children: e.description
 					})]
 				})]
-			}, e.id)), u > 4 && /* @__PURE__ */ i("p", {
+			}, e.id)), d > 4 && /* @__PURE__ */ i("p", {
 				className: "text-[11px] text-text-secondary text-center",
 				children: [
 					"+",
-					u - 4,
+					d - 4,
 					" more groups"
 				]
 			})]
@@ -55,6 +54,6 @@ function o({ workspaceData: o, isLoading: s, navigate: c }) {
 	});
 }
 //#endregion
-export { o as GroupsWidget };
+export { s as GroupsWidget };
 
 //# sourceMappingURL=GroupsWidget.js.map

package/dist/pages/dashboard/widgets/GroupsWidget.js.map

@@ -1 +1 @@
-{"version":3,"file":"GroupsWidget.js","names":[],"sources":["../../../../src/pages/dashboard/widgets/GroupsWidget.tsx"],"sourcesContent":["import { Users, ArrowRight } from 'lucide-react';\nimport { Button } from '@burdenoff/fe-libs/ui';\nimport { WidgetWrapper } from '../WidgetWrapper';\nimport type { WidgetProps } from '../types';\n\nexport function GroupsWidget({ workspaceData, isLoading, navigate }: WidgetProps) {\n  const groups = workspaceData?.groups.items ?? [];\n  const total = workspaceData?.groups.totalCount ?? 0;\n\n  return (\n    <WidgetWrapper\n      title=\"Groups\"\n      icon={<Users className=\"size-4\" />}\n      size=\"small\"\n      isLoading={isLoading}\n      unavailable={!workspaceData}\n      headerAction={\n        <Button variant=\"ghost\" size=\"sm\" className=\"text-xs\" onClick={() => navigate('/groups')}>\n          <ArrowRight className=\"size-3\" />\n        </Button>\n      }\n    >\n      {groups.length === 0 ? (\n        <div className=\"text-center py-3\">\n          <p className=\"text-xs text-text-secondary\">No groups yet</p>\n        </div>\n      ) : (\n        <div className=\"space-y-1.5\">\n          {groups.slice(0, 4).map((group) => (\n            <button\n              key={group.id}\n              type=\"button\"\n              className=\"w-full flex items-center gap-2 p-1.5 rounded hover:bg-accent/5 cursor-pointer transition-colors text-left\"\n              onClick={() => navigate('/groups')}\n            >\n              <div className=\"size-7 rounded-full bg-accent-purple-subtle text-accent-purple flex items-center justify-center text-xs font-bold shrink-0\">\n                {group.name.charAt(0).toUpperCase()}\n              </div>\n              <div className=\"min-w-0\">\n                <p className=\"text-sm font-medium text-text-primary truncate\">{group.name}</p>\n                {group.description && (\n                  <p className=\"text-[11px] text-text-secondary truncate\">{group.description}</p>\n                )}\n              </div>\n            </button>\n          ))}\n          {total > 4 && (\n            <p className=\"text-[11px] text-text-secondary text-center\">+{total - 4} more groups</p>\n          )}\n        </div>\n      )}\n    </WidgetWrapper>\n  );\n}\n"],"mappings":";;;;;AAKA,SAAgB,EAAa,EAAE,kBAAe,cAAW,eAAyB;CAChF,IAAM,IAAS,GAAe,OAAO,SAAS,EAAE,EAC1C,IAAQ,GAAe,OAAO,cAAc;AAElD,QACE,kBAAC,GAAD;EACE,OAAM;EACN,MAAM,kBAAC,GAAD,EAAO,WAAU,UAAW,CAAA;EAClC,MAAK;EACM;EACX,aAAa,CAAC;EACd,cACE,kBAAC,GAAD;GAAQ,SAAQ;GAAQ,MAAK;GAAK,WAAU;GAAU,eAAe,EAAS,UAAU;aACtF,kBAAC,GAAD,EAAY,WAAU,UAAW,CAAA;GAC1B,CAAA;YAGV,EAAO,WAAW,IACjB,kBAAC,OAAD;GAAK,WAAU;aACb,kBAAC,KAAD;IAAG,WAAU;cAA8B;IAAiB,CAAA;GACxD,CAAA,GAEN,kBAAC,OAAD;GAAK,WAAU;aAAf,CACG,EAAO,MAAM,GAAG,EAAE,CAAC,KAAK,MACvB,kBAAC,UAAD;IAEE,MAAK;IACL,WAAU;IACV,eAAe,EAAS,UAAU;cAJpC,CAME,kBAAC,OAAD;KAAK,WAAU;eACZ,EAAM,KAAK,OAAO,EAAE,CAAC,aAAa;KAC/B,CAAA,EACN,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,KAAD;MAAG,WAAU;gBAAkD,EAAM;MAAS,CAAA,EAC7E,EAAM,eACL,kBAAC,KAAD;MAAG,WAAU;gBAA4C,EAAM;MAAgB,CAAA,CAE7E;OACC;MAdF,EAAM,GAcJ,CACT,EACD,IAAQ,KACP,kBAAC,KAAD;IAAG,WAAU;cAAb;KAA2D;KAAE,IAAQ;KAAE;KAAgB;MAErF;;EAEM,CAAA"}
+{"version":3,"file":"GroupsWidget.js","names":[],"sources":["../../../../src/pages/dashboard/widgets/GroupsWidget.tsx"],"sourcesContent":["import { Users, ArrowRight } from 'lucide-react';\nimport { Button, IllustratedEmptyState } from '@burdenoff/fe-libs/ui';\nimport { WidgetWrapper } from '../WidgetWrapper';\nimport type { WidgetProps } from '../types';\n\nexport function GroupsWidget({ workspaceData, isLoading, navigate }: WidgetProps) {\n  const groups = workspaceData?.groups.items ?? [];\n  const total = workspaceData?.groups.totalCount ?? 0;\n\n  return (\n    <WidgetWrapper\n      title=\"Groups\"\n      icon={<Users className=\"size-4\" />}\n      size=\"small\"\n      isLoading={isLoading}\n      unavailable={!workspaceData}\n      headerAction={\n        <Button variant=\"ghost\" size=\"sm\" className=\"text-xs\" onClick={() => navigate('/groups')}>\n          <ArrowRight className=\"size-3\" />\n        </Button>\n      }\n    >\n      {groups.length === 0 ? (\n        <IllustratedEmptyState\n          illustration=\"empty-people\"\n          title=\"No groups yet\"\n          description=\"Groups bundle members together so you can manage and mention them as one.\"\n          className=\"py-4\"\n        />\n      ) : (\n        <div className=\"space-y-1.5\">\n          {groups.slice(0, 4).map((group) => (\n            <button\n              key={group.id}\n              type=\"button\"\n              className=\"w-full flex items-center gap-2 p-1.5 rounded hover:bg-accent/5 cursor-pointer transition-colors text-left\"\n              onClick={() => navigate('/groups')}\n            >\n              <div className=\"size-7 rounded-full bg-accent-purple-subtle text-accent-purple flex items-center justify-center text-xs font-bold shrink-0\">\n                {group.name.charAt(0).toUpperCase()}\n              </div>\n              <div className=\"min-w-0\">\n                <p className=\"text-sm font-medium text-text-primary truncate\">{group.name}</p>\n                {group.description && (\n                  <p className=\"text-[11px] text-text-secondary truncate\">{group.description}</p>\n                )}\n              </div>\n            </button>\n          ))}\n          {total > 4 && (\n            <p className=\"text-[11px] text-text-secondary text-center\">+{total - 4} more groups</p>\n          )}\n        </div>\n      )}\n    </WidgetWrapper>\n  );\n}\n"],"mappings":";;;;;AAKA,SAAgB,EAAa,EAAE,kBAAe,cAAW,eAAyB;CAChF,IAAM,IAAS,GAAe,OAAO,SAAS,EAAE,EAC1C,IAAQ,GAAe,OAAO,cAAc;AAElD,QACE,kBAAC,GAAD;EACE,OAAM;EACN,MAAM,kBAAC,GAAD,EAAO,WAAU,UAAW,CAAA;EAClC,MAAK;EACM;EACX,aAAa,CAAC;EACd,cACE,kBAAC,GAAD;GAAQ,SAAQ;GAAQ,MAAK;GAAK,WAAU;GAAU,eAAe,EAAS,UAAU;aACtF,kBAAC,GAAD,EAAY,WAAU,UAAW,CAAA;GAC1B,CAAA;YAGV,EAAO,WAAW,IACjB,kBAAC,GAAD;GACE,cAAa;GACb,OAAM;GACN,aAAY;GACZ,WAAU;GACV,CAAA,GAEF,kBAAC,OAAD;GAAK,WAAU;aAAf,CACG,EAAO,MAAM,GAAG,EAAE,CAAC,KAAK,MACvB,kBAAC,UAAD;IAEE,MAAK;IACL,WAAU;IACV,eAAe,EAAS,UAAU;cAJpC,CAME,kBAAC,OAAD;KAAK,WAAU;eACZ,EAAM,KAAK,OAAO,EAAE,CAAC,aAAa;KAC/B,CAAA,EACN,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,KAAD;MAAG,WAAU;gBAAkD,EAAM;MAAS,CAAA,EAC7E,EAAM,eACL,kBAAC,KAAD;MAAG,WAAU;gBAA4C,EAAM;MAAgB,CAAA,CAE7E;OACC;MAdF,EAAM,GAcJ,CACT,EACD,IAAQ,KACP,kBAAC,KAAD;IAAG,WAAU;cAAb;KAA2D;KAAE,IAAQ;KAAE;KAAgB;MAErF;;EAEM,CAAA"}

package/dist/pages/dashboard/widgets/TagCloudWidget.js

@@ -1,9 +1,9 @@
 import { WidgetWrapper as e } from "../WidgetWrapper.js";
 import { ArrowRight as t, Tags as n } from "lucide-react";
 import { jsx as r, jsxs as i } from "react/jsx-runtime";
-import { Badge as a, Button as o } from "@burdenoff/fe-libs/ui";
+import { Badge as a, Button as o, IllustratedEmptyState as s } from "@burdenoff/fe-libs/ui";
 //#region src/pages/dashboard/widgets/TagCloudWidget.tsx
-var s = [
+var c = [
 	"bg-status-info-bg-subtle text-status-info-text border-border-default",
 	"bg-status-success-bg-subtle text-status-success-text border-border-default",
 	"bg-accent-purple-subtle text-accent-purple border-border-default",
@@ -13,42 +13,41 @@ var s = [
 	"bg-accent-orange-subtle text-accent-orange border-border-default",
 	"bg-accent-rose-subtle text-accent-rose border-border-default"
 ];
-function c({ workspaceData: c, isLoading: l, navigate: u }) {
-	let d = c?.tags.items ?? [], f = c?.tags.total ?? 0;
+function l({ workspaceData: l, isLoading: u, navigate: d }) {
+	let f = l?.tags.items ?? [], p = l?.tags.total ?? 0;
 	return /* @__PURE__ */ r(e, {
 		title: "Tags",
 		icon: /* @__PURE__ */ r(n, { className: "size-4" }),
 		size: "small",
-		isLoading: l,
-		unavailable: !c,
+		isLoading: u,
+		unavailable: !l,
 		headerAction: /* @__PURE__ */ r(o, {
 			variant: "ghost",
 			size: "sm",
 			className: "text-xs",
-			onClick: () => u("/tags"),
+			onClick: () => d("/tags"),
 			children: /* @__PURE__ */ r(t, { className: "size-3" })
 		}),
-		children: d.length === 0 ? /* @__PURE__ */ r("div", {
-			className: "text-center py-3",
-			children: /* @__PURE__ */ r("p", {
-				className: "text-xs text-text-secondary",
-				children: "No tags created yet"
-			})
+		children: f.length === 0 ? /* @__PURE__ */ r(s, {
+			illustration: "empty-generic",
+			title: "No tags created yet",
+			description: "Tags help you label and filter projects and content across the workspace.",
+			className: "py-4"
 		}) : /* @__PURE__ */ i("div", {
 			className: "space-y-2",
 			children: [/* @__PURE__ */ r("div", {
 				className: "flex flex-wrap gap-1.5",
-				children: d.slice(0, 12).map((e, t) => /* @__PURE__ */ r(a, {
+				children: f.slice(0, 12).map((e, t) => /* @__PURE__ */ r(a, {
 					variant: "outline",
-					className: `text-[11px] cursor-pointer hover:opacity-80 transition-opacity ${s[t % s.length]}`,
-					onClick: () => u("/tags"),
+					className: `text-[11px] cursor-pointer hover:opacity-80 transition-opacity ${c[t % c.length]}`,
+					onClick: () => d("/tags"),
 					children: e.label
 				}, e.id))
-			}), f > 12 && /* @__PURE__ */ i("p", {
+			}), p > 12 && /* @__PURE__ */ i("p", {
 				className: "text-[11px] text-text-secondary text-center",
 				children: [
 					"+",
-					f - 12,
+					p - 12,
 					" more tags"
 				]
 			})]
@@ -56,6 +55,6 @@ function c({ workspaceData: c, isLoading: l, navigate: u }) {
 	});
 }
 //#endregion
-export { c as TagCloudWidget };
+export { l as TagCloudWidget };
 
 //# sourceMappingURL=TagCloudWidget.js.map

package/dist/pages/dashboard/widgets/TagCloudWidget.js.map

@@ -1 +1 @@
-{"version":3,"file":"TagCloudWidget.js","names":[],"sources":["../../../../src/pages/dashboard/widgets/TagCloudWidget.tsx"],"sourcesContent":["import { Tags, ArrowRight } from 'lucide-react';\nimport { Badge, Button } from '@burdenoff/fe-libs/ui';\nimport { WidgetWrapper } from '../WidgetWrapper';\nimport type { WidgetProps } from '../types';\n\nconst tagColors = [\n  'bg-status-info-bg-subtle text-status-info-text border-border-default',\n  'bg-status-success-bg-subtle text-status-success-text border-border-default',\n  'bg-accent-purple-subtle text-accent-purple border-border-default',\n  'bg-status-warning-bg-subtle text-status-warning-text border-border-default',\n  'bg-accent-pink-subtle text-accent-pink border-border-default',\n  'bg-accent-cyan-subtle text-accent-cyan border-border-default',\n  'bg-accent-orange-subtle text-accent-orange border-border-default',\n  'bg-accent-rose-subtle text-accent-rose border-border-default',\n];\n\nexport function TagCloudWidget({ workspaceData, isLoading, navigate }: WidgetProps) {\n  const tags = workspaceData?.tags.items ?? [];\n  const total = workspaceData?.tags.total ?? 0;\n\n  return (\n    <WidgetWrapper\n      title=\"Tags\"\n      icon={<Tags className=\"size-4\" />}\n      size=\"small\"\n      isLoading={isLoading}\n      unavailable={!workspaceData}\n      headerAction={\n        <Button variant=\"ghost\" size=\"sm\" className=\"text-xs\" onClick={() => navigate('/tags')}>\n          <ArrowRight className=\"size-3\" />\n        </Button>\n      }\n    >\n      {tags.length === 0 ? (\n        <div className=\"text-center py-3\">\n          <p className=\"text-xs text-text-secondary\">No tags created yet</p>\n        </div>\n      ) : (\n        <div className=\"space-y-2\">\n          <div className=\"flex flex-wrap gap-1.5\">\n            {tags.slice(0, 12).map((tag, idx) => (\n              <Badge\n                key={tag.id}\n                variant=\"outline\"\n                className={`text-[11px] cursor-pointer hover:opacity-80 transition-opacity ${tagColors[idx % tagColors.length]}`}\n                onClick={() => navigate('/tags')}\n              >\n                {tag.label}\n              </Badge>\n            ))}\n          </div>\n          {total > 12 && (\n            <p className=\"text-[11px] text-text-secondary text-center\">+{total - 12} more tags</p>\n          )}\n        </div>\n      )}\n    </WidgetWrapper>\n  );\n}\n"],"mappings":";;;;;AAKA,IAAM,IAAY;CAChB;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACD;AAED,SAAgB,EAAe,EAAE,kBAAe,cAAW,eAAyB;CAClF,IAAM,IAAO,GAAe,KAAK,SAAS,EAAE,EACtC,IAAQ,GAAe,KAAK,SAAS;AAE3C,QACE,kBAAC,GAAD;EACE,OAAM;EACN,MAAM,kBAAC,GAAD,EAAM,WAAU,UAAW,CAAA;EACjC,MAAK;EACM;EACX,aAAa,CAAC;EACd,cACE,kBAAC,GAAD;GAAQ,SAAQ;GAAQ,MAAK;GAAK,WAAU;GAAU,eAAe,EAAS,QAAQ;aACpF,kBAAC,GAAD,EAAY,WAAU,UAAW,CAAA;GAC1B,CAAA;YAGV,EAAK,WAAW,IACf,kBAAC,OAAD;GAAK,WAAU;aACb,kBAAC,KAAD;IAAG,WAAU;cAA8B;IAAuB,CAAA;GAC9D,CAAA,GAEN,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,OAAD;IAAK,WAAU;cACZ,EAAK,MAAM,GAAG,GAAG,CAAC,KAAK,GAAK,MAC3B,kBAAC,GAAD;KAEE,SAAQ;KACR,WAAW,kEAAkE,EAAU,IAAM,EAAU;KACvG,eAAe,EAAS,QAAQ;eAE/B,EAAI;KACC,EAND,EAAI,GAMH,CACR;IACE,CAAA,EACL,IAAQ,MACP,kBAAC,KAAD;IAAG,WAAU;cAAb;KAA2D;KAAE,IAAQ;KAAG;KAAc;MAEpF;;EAEM,CAAA"}
+{"version":3,"file":"TagCloudWidget.js","names":[],"sources":["../../../../src/pages/dashboard/widgets/TagCloudWidget.tsx"],"sourcesContent":["import { Tags, ArrowRight } from 'lucide-react';\nimport { Badge, Button, IllustratedEmptyState } from '@burdenoff/fe-libs/ui';\nimport { WidgetWrapper } from '../WidgetWrapper';\nimport type { WidgetProps } from '../types';\n\nconst tagColors = [\n  'bg-status-info-bg-subtle text-status-info-text border-border-default',\n  'bg-status-success-bg-subtle text-status-success-text border-border-default',\n  'bg-accent-purple-subtle text-accent-purple border-border-default',\n  'bg-status-warning-bg-subtle text-status-warning-text border-border-default',\n  'bg-accent-pink-subtle text-accent-pink border-border-default',\n  'bg-accent-cyan-subtle text-accent-cyan border-border-default',\n  'bg-accent-orange-subtle text-accent-orange border-border-default',\n  'bg-accent-rose-subtle text-accent-rose border-border-default',\n];\n\nexport function TagCloudWidget({ workspaceData, isLoading, navigate }: WidgetProps) {\n  const tags = workspaceData?.tags.items ?? [];\n  const total = workspaceData?.tags.total ?? 0;\n\n  return (\n    <WidgetWrapper\n      title=\"Tags\"\n      icon={<Tags className=\"size-4\" />}\n      size=\"small\"\n      isLoading={isLoading}\n      unavailable={!workspaceData}\n      headerAction={\n        <Button variant=\"ghost\" size=\"sm\" className=\"text-xs\" onClick={() => navigate('/tags')}>\n          <ArrowRight className=\"size-3\" />\n        </Button>\n      }\n    >\n      {tags.length === 0 ? (\n        <IllustratedEmptyState\n          illustration=\"empty-generic\"\n          title=\"No tags created yet\"\n          description=\"Tags help you label and filter projects and content across the workspace.\"\n          className=\"py-4\"\n        />\n      ) : (\n        <div className=\"space-y-2\">\n          <div className=\"flex flex-wrap gap-1.5\">\n            {tags.slice(0, 12).map((tag, idx) => (\n              <Badge\n                key={tag.id}\n                variant=\"outline\"\n                className={`text-[11px] cursor-pointer hover:opacity-80 transition-opacity ${tagColors[idx % tagColors.length]}`}\n                onClick={() => navigate('/tags')}\n              >\n                {tag.label}\n              </Badge>\n            ))}\n          </div>\n          {total > 12 && (\n            <p className=\"text-[11px] text-text-secondary text-center\">+{total - 12} more tags</p>\n          )}\n        </div>\n      )}\n    </WidgetWrapper>\n  );\n}\n"],"mappings":";;;;;AAKA,IAAM,IAAY;CAChB;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACD;AAED,SAAgB,EAAe,EAAE,kBAAe,cAAW,eAAyB;CAClF,IAAM,IAAO,GAAe,KAAK,SAAS,EAAE,EACtC,IAAQ,GAAe,KAAK,SAAS;AAE3C,QACE,kBAAC,GAAD;EACE,OAAM;EACN,MAAM,kBAAC,GAAD,EAAM,WAAU,UAAW,CAAA;EACjC,MAAK;EACM;EACX,aAAa,CAAC;EACd,cACE,kBAAC,GAAD;GAAQ,SAAQ;GAAQ,MAAK;GAAK,WAAU;GAAU,eAAe,EAAS,QAAQ;aACpF,kBAAC,GAAD,EAAY,WAAU,UAAW,CAAA;GAC1B,CAAA;YAGV,EAAK,WAAW,IACf,kBAAC,GAAD;GACE,cAAa;GACb,OAAM;GACN,aAAY;GACZ,WAAU;GACV,CAAA,GAEF,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,OAAD;IAAK,WAAU;cACZ,EAAK,MAAM,GAAG,GAAG,CAAC,KAAK,GAAK,MAC3B,kBAAC,GAAD;KAEE,SAAQ;KACR,WAAW,kEAAkE,EAAU,IAAM,EAAU;KACvG,eAAe,EAAS,QAAQ;eAE/B,EAAI;KACC,EAND,EAAI,GAMH,CACR;IACE,CAAA,EACL,IAAQ,MACP,kBAAC,KAAD;IAAG,WAAU;cAAb;KAA2D;KAAE,IAAQ;KAAG;KAAc;MAEpF;;EAEM,CAAA"}

package/dist/pages/dashboard/widgets/WorkflowStatsWidget.js

@@ -1,9 +1,9 @@
 import { WidgetWrapper as e } from "../WidgetWrapper.js";
 import { ArrowRight as t, CheckCircle2 as n, GitBranch as r, Pause as i, Play as a, XCircle as o } from "lucide-react";
 import { jsx as s, jsxs as c } from "react/jsx-runtime";
-import { Badge as l, Button as u } from "@burdenoff/fe-libs/ui";
+import { Badge as l, Button as u, IllustratedEmptyState as d } from "@burdenoff/fe-libs/ui";
 //#region src/pages/dashboard/widgets/WorkflowStatsWidget.tsx
-var d = {
+var f = {
 	RUNNING: {
 		icon: a,
 		color: "text-accent-blue"
@@ -21,7 +21,7 @@ var d = {
 		color: "text-status-warning-text"
 	}
 };
-function f({ workspaceData: n, isLoading: i, navigate: a }) {
+function p({ workspaceData: n, isLoading: i, navigate: a }) {
 	let o = n?.workflowStats;
 	return /* @__PURE__ */ s(e, {
 		title: "Workflows",
@@ -65,7 +65,7 @@ function f({ workspaceData: n, isLoading: i, navigate: a }) {
 					className: "text-xs font-medium text-text-secondary uppercase tracking-wider",
 					children: "Recent Runs"
 				}), o.recentRuns.slice(0, 3).map((e) => {
-					let t = d[e.status] || d.RUNNING, n = t.icon;
+					let t = f[e.status] || f.RUNNING, n = t.icon;
 					return /* @__PURE__ */ c("div", {
 						className: "flex items-center justify-between p-1.5 rounded hover:bg-accent/5 transition-colors",
 						children: [/* @__PURE__ */ c("div", {
@@ -82,16 +82,15 @@ function f({ workspaceData: n, isLoading: i, navigate: a }) {
 					}, e.id);
 				})]
 			})]
-		}) : /* @__PURE__ */ s("div", {
-			className: "text-center py-4",
-			children: /* @__PURE__ */ s("p", {
-				className: "text-sm text-text-secondary",
-				children: "No workflow data available"
-			})
+		}) : /* @__PURE__ */ s(d, {
+			illustration: "empty-data",
+			title: "No workflow data available",
+			description: "Once you run automations, their status and counts will appear here.",
+			className: "py-4"
 		})
 	});
 }
 //#endregion
-export { f as WorkflowStatsWidget };
+export { p as WorkflowStatsWidget };
 
 //# sourceMappingURL=WorkflowStatsWidget.js.map

package/dist/pages/dashboard/widgets/WorkflowStatsWidget.js.map

@@ -1 +1 @@
-{"version":3,"file":"WorkflowStatsWidget.js","names":[],"sources":["../../../../src/pages/dashboard/widgets/WorkflowStatsWidget.tsx"],"sourcesContent":["import { GitBranch, ArrowRight, Play, Pause, CheckCircle2, XCircle } from 'lucide-react';\nimport { Badge, Button } from '@burdenoff/fe-libs/ui';\nimport { WidgetWrapper } from '../WidgetWrapper';\nimport type { WidgetProps } from '../types';\n\nconst runStatusIcons: Record<string, { icon: typeof Play; color: string }> = {\n  RUNNING: { icon: Play, color: 'text-accent-blue' },\n  COMPLETED: { icon: CheckCircle2, color: 'text-status-success-text' },\n  FAILED: { icon: XCircle, color: 'text-status-error-text' },\n  PAUSED: { icon: Pause, color: 'text-status-warning-text' },\n};\n\nexport function WorkflowStatsWidget({ workspaceData, isLoading, navigate }: WidgetProps) {\n  const stats = workspaceData?.workflowStats;\n\n  return (\n    <WidgetWrapper\n      title=\"Workflows\"\n      icon={<GitBranch className=\"size-4\" />}\n      size=\"medium\"\n      isLoading={isLoading}\n      unavailable={!workspaceData}\n      headerAction={\n        <Button\n          variant=\"ghost\"\n          size=\"sm\"\n          className=\"text-xs\"\n          onClick={() => navigate('/workflows')}\n        >\n          View all <ArrowRight className=\"ml-1 size-3\" />\n        </Button>\n      }\n    >\n      {!stats ? (\n        <div className=\"text-center py-4\">\n          <p className=\"text-sm text-text-secondary\">No workflow data available</p>\n        </div>\n      ) : (\n        <div className=\"space-y-3\">\n          <div className=\"grid grid-cols-2 gap-3\">\n            <div className=\"rounded-lg bg-bg-canvas p-3 border border-border-default text-center\">\n              <p className=\"text-2xl font-bold text-text-primary tabular-nums\">\n                {stats.activeWorkflowsCount}\n              </p>\n              <p className=\"text-xs text-text-secondary\">Active</p>\n            </div>\n            <div className=\"rounded-lg bg-bg-canvas p-3 border border-border-default text-center\">\n              <p className=\"text-2xl font-bold text-text-primary tabular-nums\">\n                {stats.archivedWorkflowsCount}\n              </p>\n              <p className=\"text-xs text-text-secondary\">Archived</p>\n            </div>\n          </div>\n          {stats.recentRuns.length > 0 && (\n            <div className=\"space-y-1.5\">\n              <p className=\"text-xs font-medium text-text-secondary uppercase tracking-wider\">\n                Recent Runs\n              </p>\n              {stats.recentRuns.slice(0, 3).map((run) => {\n                const statusInfo = runStatusIcons[run.status] || runStatusIcons.RUNNING;\n                const StatusIcon = statusInfo.icon;\n                return (\n                  <div\n                    key={run.id}\n                    className=\"flex items-center justify-between p-1.5 rounded hover:bg-accent/5 transition-colors\"\n                  >\n                    <div className=\"flex items-center gap-2 min-w-0\">\n                      <StatusIcon className={`size-3.5 ${statusInfo.color}`} />\n                      <span className=\"text-sm text-text-primary truncate\">{run.workflowKey}</span>\n                    </div>\n                    <Badge variant=\"outline\" className=\"text-[10px]\">\n                      {run.status}\n                    </Badge>\n                  </div>\n                );\n              })}\n            </div>\n          )}\n        </div>\n      )}\n    </WidgetWrapper>\n  );\n}\n"],"mappings":";;;;;AAKA,IAAM,IAAuE;CAC3E,SAAS;EAAE,MAAM;EAAM,OAAO;EAAoB;CAClD,WAAW;EAAE,MAAM;EAAc,OAAO;EAA4B;CACpE,QAAQ;EAAE,MAAM;EAAS,OAAO;EAA0B;CAC1D,QAAQ;EAAE,MAAM;EAAO,OAAO;EAA4B;CAC3D;AAED,SAAgB,EAAoB,EAAE,kBAAe,cAAW,eAAyB;CACvF,IAAM,IAAQ,GAAe;AAE7B,QACE,kBAAC,GAAD;EACE,OAAM;EACN,MAAM,kBAAC,GAAD,EAAW,WAAU,UAAW,CAAA;EACtC,MAAK;EACM;EACX,aAAa,CAAC;EACd,cACE,kBAAC,GAAD;GACE,SAAQ;GACR,MAAK;GACL,WAAU;GACV,eAAe,EAAS,aAAa;aAJvC,CAKC,aACU,kBAAC,GAAD,EAAY,WAAU,eAAgB,CAAA,CACxC;;YAGT,IAKA,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,KAAD;MAAG,WAAU;gBACV,EAAM;MACL,CAAA,EACJ,kBAAC,KAAD;MAAG,WAAU;gBAA8B;MAAU,CAAA,CACjD;QACN,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,KAAD;MAAG,WAAU;gBACV,EAAM;MACL,CAAA,EACJ,kBAAC,KAAD;MAAG,WAAU;gBAA8B;MAAY,CAAA,CACnD;OACF;OACL,EAAM,WAAW,SAAS,KACzB,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,KAAD;KAAG,WAAU;eAAmE;KAE5E,CAAA,EACH,EAAM,WAAW,MAAM,GAAG,EAAE,CAAC,KAAK,MAAQ;KACzC,IAAM,IAAa,EAAe,EAAI,WAAW,EAAe,SAC1D,IAAa,EAAW;AAC9B,YACE,kBAAC,OAAD;MAEE,WAAU;gBAFZ,CAIE,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,GAAD,EAAY,WAAW,YAAY,EAAW,SAAW,CAAA,EACzD,kBAAC,QAAD;QAAM,WAAU;kBAAsC,EAAI;QAAmB,CAAA,CACzE;UACN,kBAAC,GAAD;OAAO,SAAQ;OAAU,WAAU;iBAChC,EAAI;OACC,CAAA,CACJ;QAVC,EAAI,GAUL;MAER,CACE;MAEJ;OA5CN,kBAAC,OAAD;GAAK,WAAU;aACb,kBAAC,KAAD;IAAG,WAAU;cAA8B;IAA8B,CAAA;GACrE,CAAA;EA4CM,CAAA"}
+{"version":3,"file":"WorkflowStatsWidget.js","names":[],"sources":["../../../../src/pages/dashboard/widgets/WorkflowStatsWidget.tsx"],"sourcesContent":["import { GitBranch, ArrowRight, Play, Pause, CheckCircle2, XCircle } from 'lucide-react';\nimport { Badge, Button, IllustratedEmptyState } from '@burdenoff/fe-libs/ui';\nimport { WidgetWrapper } from '../WidgetWrapper';\nimport type { WidgetProps } from '../types';\n\nconst runStatusIcons: Record<string, { icon: typeof Play; color: string }> = {\n  RUNNING: { icon: Play, color: 'text-accent-blue' },\n  COMPLETED: { icon: CheckCircle2, color: 'text-status-success-text' },\n  FAILED: { icon: XCircle, color: 'text-status-error-text' },\n  PAUSED: { icon: Pause, color: 'text-status-warning-text' },\n};\n\nexport function WorkflowStatsWidget({ workspaceData, isLoading, navigate }: WidgetProps) {\n  const stats = workspaceData?.workflowStats;\n\n  return (\n    <WidgetWrapper\n      title=\"Workflows\"\n      icon={<GitBranch className=\"size-4\" />}\n      size=\"medium\"\n      isLoading={isLoading}\n      unavailable={!workspaceData}\n      headerAction={\n        <Button\n          variant=\"ghost\"\n          size=\"sm\"\n          className=\"text-xs\"\n          onClick={() => navigate('/workflows')}\n        >\n          View all <ArrowRight className=\"ml-1 size-3\" />\n        </Button>\n      }\n    >\n      {!stats ? (\n        <IllustratedEmptyState\n          illustration=\"empty-data\"\n          title=\"No workflow data available\"\n          description=\"Once you run automations, their status and counts will appear here.\"\n          className=\"py-4\"\n        />\n      ) : (\n        <div className=\"space-y-3\">\n          <div className=\"grid grid-cols-2 gap-3\">\n            <div className=\"rounded-lg bg-bg-canvas p-3 border border-border-default text-center\">\n              <p className=\"text-2xl font-bold text-text-primary tabular-nums\">\n                {stats.activeWorkflowsCount}\n              </p>\n              <p className=\"text-xs text-text-secondary\">Active</p>\n            </div>\n            <div className=\"rounded-lg bg-bg-canvas p-3 border border-border-default text-center\">\n              <p className=\"text-2xl font-bold text-text-primary tabular-nums\">\n                {stats.archivedWorkflowsCount}\n              </p>\n              <p className=\"text-xs text-text-secondary\">Archived</p>\n            </div>\n          </div>\n          {stats.recentRuns.length > 0 && (\n            <div className=\"space-y-1.5\">\n              <p className=\"text-xs font-medium text-text-secondary uppercase tracking-wider\">\n                Recent Runs\n              </p>\n              {stats.recentRuns.slice(0, 3).map((run) => {\n                const statusInfo = runStatusIcons[run.status] || runStatusIcons.RUNNING;\n                const StatusIcon = statusInfo.icon;\n                return (\n                  <div\n                    key={run.id}\n                    className=\"flex items-center justify-between p-1.5 rounded hover:bg-accent/5 transition-colors\"\n                  >\n                    <div className=\"flex items-center gap-2 min-w-0\">\n                      <StatusIcon className={`size-3.5 ${statusInfo.color}`} />\n                      <span className=\"text-sm text-text-primary truncate\">{run.workflowKey}</span>\n                    </div>\n                    <Badge variant=\"outline\" className=\"text-[10px]\">\n                      {run.status}\n                    </Badge>\n                  </div>\n                );\n              })}\n            </div>\n          )}\n        </div>\n      )}\n    </WidgetWrapper>\n  );\n}\n"],"mappings":";;;;;AAKA,IAAM,IAAuE;CAC3E,SAAS;EAAE,MAAM;EAAM,OAAO;EAAoB;CAClD,WAAW;EAAE,MAAM;EAAc,OAAO;EAA4B;CACpE,QAAQ;EAAE,MAAM;EAAS,OAAO;EAA0B;CAC1D,QAAQ;EAAE,MAAM;EAAO,OAAO;EAA4B;CAC3D;AAED,SAAgB,EAAoB,EAAE,kBAAe,cAAW,eAAyB;CACvF,IAAM,IAAQ,GAAe;AAE7B,QACE,kBAAC,GAAD;EACE,OAAM;EACN,MAAM,kBAAC,GAAD,EAAW,WAAU,UAAW,CAAA;EACtC,MAAK;EACM;EACX,aAAa,CAAC;EACd,cACE,kBAAC,GAAD;GACE,SAAQ;GACR,MAAK;GACL,WAAU;GACV,eAAe,EAAS,aAAa;aAJvC,CAKC,aACU,kBAAC,GAAD,EAAY,WAAU,eAAgB,CAAA,CACxC;;YAGT,IAQA,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,KAAD;MAAG,WAAU;gBACV,EAAM;MACL,CAAA,EACJ,kBAAC,KAAD;MAAG,WAAU;gBAA8B;MAAU,CAAA,CACjD;QACN,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,KAAD;MAAG,WAAU;gBACV,EAAM;MACL,CAAA,EACJ,kBAAC,KAAD;MAAG,WAAU;gBAA8B;MAAY,CAAA,CACnD;OACF;OACL,EAAM,WAAW,SAAS,KACzB,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,KAAD;KAAG,WAAU;eAAmE;KAE5E,CAAA,EACH,EAAM,WAAW,MAAM,GAAG,EAAE,CAAC,KAAK,MAAQ;KACzC,IAAM,IAAa,EAAe,EAAI,WAAW,EAAe,SAC1D,IAAa,EAAW;AAC9B,YACE,kBAAC,OAAD;MAEE,WAAU;gBAFZ,CAIE,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,GAAD,EAAY,WAAW,YAAY,EAAW,SAAW,CAAA,EACzD,kBAAC,QAAD;QAAM,WAAU;kBAAsC,EAAI;QAAmB,CAAA,CACzE;UACN,kBAAC,GAAD;OAAO,SAAQ;OAAU,WAAU;iBAChC,EAAI;OACC,CAAA,CACJ;QAVC,EAAI,GAUL;MAER,CACE;MAEJ;OA/CN,kBAAC,GAAD;GACE,cAAa;GACb,OAAM;GACN,aAAY;GACZ,WAAU;GACV,CAAA;EA4CU,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@burdenoff/microfe-workspaces",
-  "version": "2026.625.5",
+  "version": "2026.626.2",
   "description": "Workspaces microfrontend for Burdenoff products",
   "type": "module",
   "files": [
@@ -44,7 +44,7 @@
   },
   "dependencies": {
     "@apollo/client": "^4.0.11",
-    "@burdenoff/fe-libs": "2026.625.3",
+    "@burdenoff/fe-libs": "2026.625.5",
     "@radix-ui/react-icons": "^1.3.2",
     "@tanstack/react-query": "^5.62.13",
     "axios": "^1.15.2",