@burdenoff/microfe-workspaces 2026.519.1 → 2026.528.1

package/dist/pages/dashboard/DashboardPage.js

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

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

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

@@ -28,7 +28,7 @@ function p({ message: e }) {
 		className: "flex flex-col items-center justify-center py-6 text-center",
 		children: [/* @__PURE__ */ r("div", {
 			className: "rounded-full bg-destructive/10 p-2 mb-2",
-			children: /* @__PURE__ */ r(t, { className: "h-5 w-5 text-destructive" })
+			children: /* @__PURE__ */ r(t, { className: "size-5 text-destructive" })
 		}), /* @__PURE__ */ r("p", {
 			className: "text-sm text-muted-foreground",
 			children: e
@@ -41,7 +41,7 @@ function m() {
 		className: "flex flex-col items-center justify-center py-6 text-center",
 		children: [/* @__PURE__ */ r("div", {
 			className: "rounded-full bg-muted p-2 mb-2",
-			children: /* @__PURE__ */ r(n, { className: "h-5 w-5 text-muted-foreground" })
+			children: /* @__PURE__ */ r(n, { className: "size-5 text-muted-foreground" })
 		}), /* @__PURE__ */ r("p", {
 			className: "text-sm text-muted-foreground",
 			children: e(t, "widgetWrapper.serviceUnavailable", "Service unavailable")
@@ -52,7 +52,7 @@ function h({ title: e, icon: t, size: n, isLoading: l, error: u, unavailable: h,
 	return /* @__PURE__ */ i(a, {
 		className: `${d(n)} transition-all duration-200 hover:shadow-md border border-border-default bg-bg-surface ${v}`,
 		children: [/* @__PURE__ */ i(s, {
-			className: "flex flex-row items-center justify-between pb-2 space-y-0",
+			className: "flex flex-row items-center justify-between pb-2 gap-y-0",
 			children: [/* @__PURE__ */ i(c, {
 				className: "text-sm font-semibold text-text-primary flex items-center gap-2",
 				children: [t, e]

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

package/dist/pages/dashboard/config.js

@@ -1,5 +1,5 @@
 //#region src/pages/dashboard/config.ts
-var e = {
+var e = "workspaces", t = {
 	welcome: {
 		id: "welcome",
 		title: "Welcome",
@@ -52,7 +52,8 @@ var e = {
 		icon: "Calendar",
 		defaultSize: "medium",
 		removable: !0,
-		dataSource: "workspace"
+		dataSource: "workspace",
+		availableInProducts: ["workspaces"]
 	},
 	workflows: {
 		id: "workflows",
@@ -61,7 +62,8 @@ var e = {
 		icon: "GitBranch",
 		defaultSize: "medium",
 		removable: !0,
-		dataSource: "workspace"
+		dataSource: "workspace",
+		availableInProducts: ["workspaces"]
 	},
 	tags: {
 		id: "tags",
@@ -99,15 +101,6 @@ var e = {
 		removable: !0,
 		dataSource: "workspace"
 	},
-	systemHealth: {
-		id: "systemHealth",
-		title: "System Status",
-		description: "Service health and availability",
-		icon: "HeartPulse",
-		defaultSize: "small",
-		removable: !0,
-		dataSource: "global"
-	},
 	tips: {
 		id: "tips",
 		title: "Tips & Resources",
@@ -116,8 +109,38 @@ var e = {
 		defaultSize: "small",
 		removable: !0,
 		dataSource: "static"
+	},
+	vibes: {
+		id: "vibes",
+		title: "Recent Vibes",
+		description: "Your most recently active development vibes",
+		icon: "Sparkles",
+		defaultSize: "medium",
+		removable: !0,
+		dataSource: "workspace",
+		availableInProducts: ["vibecontrols"]
+	},
+	sessions: {
+		id: "sessions",
+		title: "Active Sessions",
+		description: "Running terminal and agent sessions",
+		icon: "Terminal",
+		defaultSize: "medium",
+		removable: !0,
+		dataSource: "workspace",
+		availableInProducts: ["vibecontrols"]
+	},
+	agents: {
+		id: "agents",
+		title: "Agent Fleet",
+		description: "Online, offline, and degraded agents at a glance",
+		icon: "Bot",
+		defaultSize: "small",
+		removable: !0,
+		dataSource: "workspace",
+		availableInProducts: ["vibecontrols"]
 	}
-}, t = [
+}, n = [
 	{
 		widgetId: "welcome",
 		enabled: !0,
@@ -184,31 +207,104 @@ var e = {
 		order: 10,
 		size: "small"
 	},
-	{
-		widgetId: "systemHealth",
-		enabled: !0,
-		order: 11,
-		size: "small"
-	},
 	{
 		widgetId: "tips",
 		enabled: !0,
-		order: 12,
+		order: 11,
 		size: "small"
 	}
-];
-function n(n) {
-	if (!n || n.length === 0) return t;
-	let r = new Set(n.map((e) => e.widgetId)), i = [...n];
-	for (let t of Object.values(e)) r.has(t.id) || i.push({
-		widgetId: t.id,
+], r = {
+	workspaces: n,
+	vibecontrols: [
+		{
+			widgetId: "welcome",
+			enabled: !0,
+			order: 0,
+			size: "large"
+		},
+		{
+			widgetId: "quickActions",
+			enabled: !0,
+			order: 1,
+			size: "medium"
+		},
+		{
+			widgetId: "vibes",
+			enabled: !0,
+			order: 2,
+			size: "medium"
+		},
+		{
+			widgetId: "sessions",
+			enabled: !0,
+			order: 3,
+			size: "medium"
+		},
+		{
+			widgetId: "agents",
+			enabled: !0,
+			order: 4,
+			size: "small"
+		},
+		{
+			widgetId: "workspaces",
+			enabled: !0,
+			order: 5,
+			size: "medium"
+		},
+		{
+			widgetId: "projects",
+			enabled: !0,
+			order: 6,
+			size: "medium"
+		},
+		{
+			widgetId: "activity",
+			enabled: !0,
+			order: 7,
+			size: "large"
+		},
+		{
+			widgetId: "storage",
+			enabled: !0,
+			order: 8,
+			size: "small"
+		},
+		{
+			widgetId: "members",
+			enabled: !0,
+			order: 9,
+			size: "small"
+		},
+		{
+			widgetId: "tips",
+			enabled: !0,
+			order: 10,
+			size: "small"
+		}
+	]
+}, i = n;
+function a(t, n = e) {
+	return !t.availableInProducts || t.availableInProducts.length === 0 ? !0 : t.availableInProducts.includes(n);
+}
+function o(n = e) {
+	let r = {};
+	for (let [e, i] of Object.entries(t)) a(i, n) && (r[e] = i);
+	return r;
+}
+function s(t, i = e) {
+	let a = r[i] ?? n, s = o(i), c = new Set(Object.keys(s));
+	if (!t || t.length === 0) return a.filter((e) => c.has(e.widgetId));
+	let l = t.filter((e) => c.has(e.widgetId)), u = new Set(l.map((e) => e.widgetId)), d = [...l];
+	for (let e of Object.values(s)) u.has(e.id) || d.push({
+		widgetId: e.id,
 		enabled: !1,
-		order: i.length,
-		size: t.defaultSize
+		order: d.length,
+		size: e.defaultSize
 	});
-	return i.sort((e, t) => e.order - t.order);
+	return d.sort((e, t) => e.order - t.order);
 }
 //#endregion
-export { t as DEFAULT_DASHBOARD_WIDGETS, e as WIDGET_DEFINITIONS, n as getEffectiveWidgets };
+export { i as DEFAULT_DASHBOARD_WIDGETS, r as DEFAULT_DASHBOARD_WIDGETS_BY_PRODUCT, t as WIDGET_DEFINITIONS, s as getEffectiveWidgets, a as isWidgetAvailable };
 
 //# sourceMappingURL=config.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"config.js","names":[],"sources":["../../../src/pages/dashboard/config.ts"],"sourcesContent":["/**\n * Dashboard Widget Registry & Default Configuration\n */\nimport type { WidgetConfig, WidgetDefinition } from './types';\n\n// ─── Widget Definitions ───────────────────────────────────────────────────────\n\nexport const WIDGET_DEFINITIONS: Record<string, WidgetDefinition> = {\n  welcome: {\n    id: 'welcome',\n    title: 'Welcome',\n    description: 'Greeting and overview statistics',\n    icon: 'LayoutDashboard',\n    defaultSize: 'large',\n    removable: false,\n    dataSource: 'global',\n  },\n  quickActions: {\n    id: 'quickActions',\n    title: 'Quick Actions',\n    description: 'Frequently used actions and shortcuts',\n    icon: 'Zap',\n    defaultSize: 'medium',\n    removable: true,\n    dataSource: 'static',\n  },\n  workspaces: {\n    id: 'workspaces',\n    title: 'Workspaces',\n    description: 'Your workspaces overview and quick access',\n    icon: 'Building2',\n    defaultSize: 'medium',\n    removable: true,\n    dataSource: 'workspace',\n  },\n  projects: {\n    id: 'projects',\n    title: 'Projects',\n    description: 'Recent projects and status breakdown',\n    icon: 'FolderKanban',\n    defaultSize: 'medium',\n    removable: true,\n    dataSource: 'workspace',\n  },\n  activity: {\n    id: 'activity',\n    title: 'Recent Activity',\n    description: 'Timeline of recent activity across modules',\n    icon: 'Activity',\n    defaultSize: 'large',\n    removable: true,\n    dataSource: 'workspace',\n  },\n  calendar: {\n    id: 'calendar',\n    title: 'Upcoming Events',\n    description: 'Next upcoming calendar events',\n    icon: 'Calendar',\n    defaultSize: 'medium',\n    removable: true,\n    dataSource: 'workspace',\n  },\n  workflows: {\n    id: 'workflows',\n    title: 'Workflows',\n    description: 'Active workflow stats and recent runs',\n    icon: 'GitBranch',\n    defaultSize: 'medium',\n    removable: true,\n    dataSource: 'workspace',\n  },\n  tags: {\n    id: 'tags',\n    title: 'Tags',\n    description: 'Popular tags across your workspace',\n    icon: 'Tags',\n    defaultSize: 'small',\n    removable: true,\n    dataSource: 'workspace',\n  },\n  storage: {\n    id: 'storage',\n    title: 'Storage',\n    description: 'Storage usage and file statistics',\n    icon: 'HardDrive',\n    defaultSize: 'small',\n    removable: true,\n    dataSource: 'workspace',\n  },\n  groups: {\n    id: 'groups',\n    title: 'Groups',\n    description: 'Your groups and teams',\n    icon: 'Users',\n    defaultSize: 'small',\n    removable: true,\n    dataSource: 'workspace',\n  },\n  members: {\n    id: 'members',\n    title: 'Members',\n    description: 'Workspace member overview',\n    icon: 'UserPlus',\n    defaultSize: 'small',\n    removable: true,\n    dataSource: 'workspace',\n  },\n  systemHealth: {\n    id: 'systemHealth',\n    title: 'System Status',\n    description: 'Service health and availability',\n    icon: 'HeartPulse',\n    defaultSize: 'small',\n    removable: true,\n    dataSource: 'global',\n  },\n  tips: {\n    id: 'tips',\n    title: 'Tips & Resources',\n    description: 'Getting started tips and documentation links',\n    icon: 'Lightbulb',\n    defaultSize: 'small',\n    removable: true,\n    dataSource: 'static',\n  },\n};\n\n// ─── Default Widget Layout ────────────────────────────────────────────────────\n\nexport const DEFAULT_DASHBOARD_WIDGETS: WidgetConfig[] = [\n  { widgetId: 'welcome', enabled: true, order: 0, size: 'large' },\n  { widgetId: 'quickActions', enabled: true, order: 1, size: 'medium' },\n  { widgetId: 'workspaces', enabled: true, order: 2, size: 'medium' },\n  { widgetId: 'projects', enabled: true, order: 3, size: 'medium' },\n  { widgetId: 'activity', enabled: true, order: 4, size: 'large' },\n  { widgetId: 'calendar', enabled: true, order: 5, size: 'medium' },\n  { widgetId: 'workflows', enabled: true, order: 6, size: 'medium' },\n  { widgetId: 'tags', enabled: true, order: 7, size: 'small' },\n  { widgetId: 'storage', enabled: true, order: 8, size: 'small' },\n  { widgetId: 'groups', enabled: true, order: 9, size: 'small' },\n  { widgetId: 'members', enabled: true, order: 10, size: 'small' },\n  { widgetId: 'systemHealth', enabled: true, order: 11, size: 'small' },\n  { widgetId: 'tips', enabled: true, order: 12, size: 'small' },\n];\n\n/**\n * Get the effective widget configuration, merging user prefs with defaults.\n */\nexport function getEffectiveWidgets(userPrefs: WidgetConfig[] | null | undefined): WidgetConfig[] {\n  if (!userPrefs || userPrefs.length === 0) {\n    return DEFAULT_DASHBOARD_WIDGETS;\n  }\n\n  // Ensure all defined widgets exist in user prefs (add any new ones as disabled)\n  const userWidgetIds = new Set(userPrefs.map((w) => w.widgetId));\n  const merged = [...userPrefs];\n\n  for (const def of Object.values(WIDGET_DEFINITIONS)) {\n    if (!userWidgetIds.has(def.id)) {\n      merged.push({\n        widgetId: def.id,\n        enabled: false,\n        order: merged.length,\n        size: def.defaultSize,\n      });\n    }\n  }\n\n  return merged.sort((a, b) => a.order - b.order);\n}\n"],"mappings":"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"}
+{"version":3,"file":"config.js","names":[],"sources":["../../../src/pages/dashboard/config.ts"],"sourcesContent":["/**\n * Dashboard Widget Registry & Default Configuration\n *\n * Product-aware. Hosts pass `productId` to filter widgets relevant for that\n * product. `availableInProducts` on each definition gates registry visibility;\n * `DEFAULT_DASHBOARD_WIDGETS_BY_PRODUCT` controls the default visible/order\n * layout for first-time users.\n */\nimport type { WidgetConfig, WidgetDefinition } from './types';\n\nexport const DEFAULT_PRODUCT_ID = 'workspaces';\n\n// ─── Widget Definitions ───────────────────────────────────────────────────────\n\nexport const WIDGET_DEFINITIONS: Record<string, WidgetDefinition> = {\n  welcome: {\n    id: 'welcome',\n    title: 'Welcome',\n    description: 'Greeting and overview statistics',\n    icon: 'LayoutDashboard',\n    defaultSize: 'large',\n    removable: false,\n    dataSource: 'global',\n  },\n  quickActions: {\n    id: 'quickActions',\n    title: 'Quick Actions',\n    description: 'Frequently used actions and shortcuts',\n    icon: 'Zap',\n    defaultSize: 'medium',\n    removable: true,\n    dataSource: 'static',\n  },\n  workspaces: {\n    id: 'workspaces',\n    title: 'Workspaces',\n    description: 'Your workspaces overview and quick access',\n    icon: 'Building2',\n    defaultSize: 'medium',\n    removable: true,\n    dataSource: 'workspace',\n  },\n  projects: {\n    id: 'projects',\n    title: 'Projects',\n    description: 'Recent projects and status breakdown',\n    icon: 'FolderKanban',\n    defaultSize: 'medium',\n    removable: true,\n    dataSource: 'workspace',\n  },\n  activity: {\n    id: 'activity',\n    title: 'Recent Activity',\n    description: 'Timeline of recent activity across modules',\n    icon: 'Activity',\n    defaultSize: 'large',\n    removable: true,\n    dataSource: 'workspace',\n  },\n  calendar: {\n    id: 'calendar',\n    title: 'Upcoming Events',\n    description: 'Next upcoming calendar events',\n    icon: 'Calendar',\n    defaultSize: 'medium',\n    removable: true,\n    dataSource: 'workspace',\n    availableInProducts: ['workspaces'],\n  },\n  workflows: {\n    id: 'workflows',\n    title: 'Workflows',\n    description: 'Active workflow stats and recent runs',\n    icon: 'GitBranch',\n    defaultSize: 'medium',\n    removable: true,\n    dataSource: 'workspace',\n    availableInProducts: ['workspaces'],\n  },\n  tags: {\n    id: 'tags',\n    title: 'Tags',\n    description: 'Popular tags across your workspace',\n    icon: 'Tags',\n    defaultSize: 'small',\n    removable: true,\n    dataSource: 'workspace',\n  },\n  storage: {\n    id: 'storage',\n    title: 'Storage',\n    description: 'Storage usage and file statistics',\n    icon: 'HardDrive',\n    defaultSize: 'small',\n    removable: true,\n    dataSource: 'workspace',\n  },\n  groups: {\n    id: 'groups',\n    title: 'Groups',\n    description: 'Your groups and teams',\n    icon: 'Users',\n    defaultSize: 'small',\n    removable: true,\n    dataSource: 'workspace',\n  },\n  members: {\n    id: 'members',\n    title: 'Members',\n    description: 'Workspace member overview',\n    icon: 'UserPlus',\n    defaultSize: 'small',\n    removable: true,\n    dataSource: 'workspace',\n  },\n  tips: {\n    id: 'tips',\n    title: 'Tips & Resources',\n    description: 'Getting started tips and documentation links',\n    icon: 'Lightbulb',\n    defaultSize: 'small',\n    removable: true,\n    dataSource: 'static',\n  },\n  // ── VibeControls-specific widgets ───────────────────────────────────────────\n  vibes: {\n    id: 'vibes',\n    title: 'Recent Vibes',\n    description: 'Your most recently active development vibes',\n    icon: 'Sparkles',\n    defaultSize: 'medium',\n    removable: true,\n    dataSource: 'workspace',\n    availableInProducts: ['vibecontrols'],\n  },\n  sessions: {\n    id: 'sessions',\n    title: 'Active Sessions',\n    description: 'Running terminal and agent sessions',\n    icon: 'Terminal',\n    defaultSize: 'medium',\n    removable: true,\n    dataSource: 'workspace',\n    availableInProducts: ['vibecontrols'],\n  },\n  agents: {\n    id: 'agents',\n    title: 'Agent Fleet',\n    description: 'Online, offline, and degraded agents at a glance',\n    icon: 'Bot',\n    defaultSize: 'small',\n    removable: true,\n    dataSource: 'workspace',\n    availableInProducts: ['vibecontrols'],\n  },\n};\n\n// ─── Default Widget Layouts ───────────────────────────────────────────────────\n\nconst WORKSPACES_DEFAULT_WIDGETS: WidgetConfig[] = [\n  { widgetId: 'welcome', enabled: true, order: 0, size: 'large' },\n  { widgetId: 'quickActions', enabled: true, order: 1, size: 'medium' },\n  { widgetId: 'workspaces', enabled: true, order: 2, size: 'medium' },\n  { widgetId: 'projects', enabled: true, order: 3, size: 'medium' },\n  { widgetId: 'activity', enabled: true, order: 4, size: 'large' },\n  { widgetId: 'calendar', enabled: true, order: 5, size: 'medium' },\n  { widgetId: 'workflows', enabled: true, order: 6, size: 'medium' },\n  { widgetId: 'tags', enabled: true, order: 7, size: 'small' },\n  { widgetId: 'storage', enabled: true, order: 8, size: 'small' },\n  { widgetId: 'groups', enabled: true, order: 9, size: 'small' },\n  { widgetId: 'members', enabled: true, order: 10, size: 'small' },\n  { widgetId: 'tips', enabled: true, order: 11, size: 'small' },\n];\n\nconst VIBECONTROLS_DEFAULT_WIDGETS: WidgetConfig[] = [\n  { widgetId: 'welcome', enabled: true, order: 0, size: 'large' },\n  { widgetId: 'quickActions', enabled: true, order: 1, size: 'medium' },\n  { widgetId: 'vibes', enabled: true, order: 2, size: 'medium' },\n  { widgetId: 'sessions', enabled: true, order: 3, size: 'medium' },\n  { widgetId: 'agents', enabled: true, order: 4, size: 'small' },\n  { widgetId: 'workspaces', enabled: true, order: 5, size: 'medium' },\n  { widgetId: 'projects', enabled: true, order: 6, size: 'medium' },\n  { widgetId: 'activity', enabled: true, order: 7, size: 'large' },\n  { widgetId: 'storage', enabled: true, order: 8, size: 'small' },\n  { widgetId: 'members', enabled: true, order: 9, size: 'small' },\n  { widgetId: 'tips', enabled: true, order: 10, size: 'small' },\n];\n\nexport const DEFAULT_DASHBOARD_WIDGETS_BY_PRODUCT: Record<string, WidgetConfig[]> = {\n  workspaces: WORKSPACES_DEFAULT_WIDGETS,\n  vibecontrols: VIBECONTROLS_DEFAULT_WIDGETS,\n};\n\n/** Backwards-compatible export — kept for callers that don't pass productId. */\nexport const DEFAULT_DASHBOARD_WIDGETS: WidgetConfig[] = WORKSPACES_DEFAULT_WIDGETS;\n\n// ─── Helpers ──────────────────────────────────────────────────────────────────\n\nexport function isWidgetAvailable(\n  widget: WidgetDefinition,\n  productId: string = DEFAULT_PRODUCT_ID\n): boolean {\n  if (!widget.availableInProducts || widget.availableInProducts.length === 0) {\n    return true;\n  }\n  return widget.availableInProducts.includes(productId);\n}\n\nexport function getDefinitionsForProduct(\n  productId: string = DEFAULT_PRODUCT_ID\n): Record<string, WidgetDefinition> {\n  const out: Record<string, WidgetDefinition> = {};\n  for (const [key, def] of Object.entries(WIDGET_DEFINITIONS)) {\n    if (isWidgetAvailable(def, productId)) {\n      out[key] = def;\n    }\n  }\n  return out;\n}\n\n/**\n * Get the effective widget configuration, merging user prefs with defaults.\n * Filters out widgets that are not available for the given product.\n */\nexport function getEffectiveWidgets(\n  userPrefs: WidgetConfig[] | null | undefined,\n  productId: string = DEFAULT_PRODUCT_ID\n): WidgetConfig[] {\n  const productDefaults =\n    DEFAULT_DASHBOARD_WIDGETS_BY_PRODUCT[productId] ?? WORKSPACES_DEFAULT_WIDGETS;\n  const availableDefinitions = getDefinitionsForProduct(productId);\n  const availableIds = new Set(Object.keys(availableDefinitions));\n\n  if (!userPrefs || userPrefs.length === 0) {\n    return productDefaults.filter((w) => availableIds.has(w.widgetId));\n  }\n\n  // Drop saved prefs for widgets that no longer exist for this product (legacy\n  // prefs e.g. systemHealth or workflows on vibecontrols).\n  const filteredPrefs = userPrefs.filter((w) => availableIds.has(w.widgetId));\n  const userWidgetIds = new Set(filteredPrefs.map((w) => w.widgetId));\n  const merged = [...filteredPrefs];\n\n  for (const def of Object.values(availableDefinitions)) {\n    if (!userWidgetIds.has(def.id)) {\n      merged.push({\n        widgetId: def.id,\n        enabled: false,\n        order: merged.length,\n        size: def.defaultSize,\n      });\n    }\n  }\n\n  return merged.sort((a, b) => a.order - b.order);\n}\n"],"mappings":"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"}

package/dist/pages/dashboard/hooks/useDashboardData.js

@@ -84,7 +84,44 @@ function l(e) {
 		refetchOnWindowFocus: !0
 	});
 }
-function u(e) {
+var u = "\n  query VibeControlsDashboardData {\n    recentVibes(limit: 5) {\n      id\n      name\n      status\n      workspaceId\n      updatedAt\n    }\n    activeSessions(pagination: { limit: 5 }) {\n      items {\n        id\n        name\n        status\n        agentName\n        startedAt\n        vibeId\n      }\n    }\n    agentFleetSummary {\n      total\n      online\n      offline\n      degraded\n      lastSeenAt\n    }\n  }\n";
+function d(e, t = !1) {
+	let { workspaceId: n } = r();
+	return i({
+		queryKey: [
+			"dashboard",
+			"vibecontrols",
+			n
+		],
+		enabled: !!e && !!n && t,
+		queryFn: async () => {
+			try {
+				let t = (await o({
+					gateway: "workspace",
+					authToken: e || void 0,
+					workspaceToken: !0,
+					query: u
+				})).data;
+				return {
+					recentVibes: t?.recentVibes ?? [],
+					activeSessions: t?.activeSessions?.items ?? [],
+					agentFleet: t?.agentFleetSummary ?? null
+				};
+			} catch {
+				return {
+					recentVibes: [],
+					activeSessions: [],
+					agentFleet: null
+				};
+			}
+		},
+		staleTime: 60 * 1e3,
+		gcTime: 300 * 1e3,
+		retry: 0,
+		refetchOnWindowFocus: !0
+	});
+}
+function f(e) {
 	return i({
 		queryKey: ["dashboard", "global"],
 		enabled: !!e,
@@ -113,6 +150,6 @@ function u(e) {
 	});
 }
 //#endregion
-export { u as useGlobalDashboardData, c as useProjectsDashboardData, l as useWorkspaceDashboardData };
+export { f as useGlobalDashboardData, c as useProjectsDashboardData, d as useVibecontrolsDashboardData, l as useWorkspaceDashboardData };
 
 //# sourceMappingURL=useDashboardData.js.map