@burdenoff/microfe-workspaces 2026.510.50

package/dist/pages/WorkspacesListPage.js

@@ -0,0 +1,186 @@
+import { useWorkspacesContext as e } from "../providers/WorkspacesProvider.js";
+import { useWorkspacesStore as t } from "../store/workspacesStore.js";
+import { useMyWorkspaces as n } from "../hooks/useWorkspaces.js";
+import { useScopedNavigation as r } from "../hooks/useScopedNavigation.js";
+import { WorkspaceCard as i } from "../components/WorkspaceCard.js";
+import { WORKSPACE_PERMISSIONS as a } from "../constants/permissions.js";
+import { useCallback as o, useEffect as s, useState as c } from "react";
+import { Grid3X3 as l, List as u, Plus as d, Search as f } from "lucide-react";
+import { Fragment as p, jsx as m, jsxs as h } from "react/jsx-runtime";
+import { Button as g, Input as _, Skeleton as v } from "@burdenoff/fe-libs/ui";
+import { useNavigate as y } from "react-router-dom";
+import { useDebounce as b } from "@burdenoff/fe-libs/shared/hooks";
+import { PermissionButton as x } from "@burdenoff/fe-libs/shared/components";
+import { useI18n as S } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+//#region src/pages/WorkspacesListPage.tsx
+function C() {
+	let { t: C } = S(), w = o((e, t) => {
+		let n = C(e);
+		return n === e ? t : n;
+	}, [C]), T = y(), { basePath: E = "/" } = e(), { withCurrentSearch: D } = r(), { viewMode: O, setViewMode: k, workspaceFilters: A, setWorkspaceFilters: j } = t(), M = () => {
+		T(D(`${E}/new`));
+	}, [N, P] = c(A.search || ""), F = b(N, 500);
+	s(() => {
+		F !== A.search && j({ search: F });
+	}, [
+		F,
+		A.search,
+		j
+	]);
+	let { data: I, isLoading: L, error: R } = n(), z = I ? {
+		...I,
+		items: F ? I.items.filter((e) => e.name.toLowerCase().includes(F.toLowerCase())) : I.items,
+		total: F ? I.items.filter((e) => e.name.toLowerCase().includes(F.toLowerCase())).length : I.total
+	} : void 0;
+	return R ? /* @__PURE__ */ m("div", {
+		className: "space-y-4 sm:space-y-6 p-3 sm:p-6",
+		children: /* @__PURE__ */ h("div", {
+			className: "flex flex-col items-center justify-center py-12",
+			children: [/* @__PURE__ */ m("p", {
+				className: "text-destructive text-lg font-semibold",
+				children: w("workspacesList.loadError", "Error loading workspaces")
+			}), /* @__PURE__ */ m("p", {
+				className: "text-muted-foreground text-sm mt-2",
+				children: R instanceof Error ? R.message : w("workspacesList.unknownError", "Unknown error")
+			})]
+		})
+	}) : /* @__PURE__ */ h("div", {
+		className: "space-y-4 sm:space-y-6 p-3 sm:p-6",
+		children: [
+			/* @__PURE__ */ h("div", {
+				className: "flex flex-col sm:flex-row sm:items-center sm:justify-between gap-3",
+				children: [/* @__PURE__ */ h("div", { children: [/* @__PURE__ */ m("h1", {
+					className: "text-2xl sm:text-3xl font-bold",
+					children: w("workspacesList.title", "Workspaces")
+				}), /* @__PURE__ */ m("p", {
+					className: "text-sm sm:text-base text-muted-foreground",
+					children: w("workspacesList.description", "Manage and organize your workspaces")
+				})] }), /* @__PURE__ */ h("div", {
+					className: "flex items-center gap-2",
+					children: [
+						/* @__PURE__ */ m(g, {
+							variant: O === "grid" ? "default" : "outline",
+							size: "icon",
+							onClick: () => k("grid"),
+							className: "hidden sm:flex",
+							"aria-label": w("workspacesList.gridViewAriaLabel", "Show workspaces in grid view"),
+							title: w("workspacesList.gridViewTitle", "Grid view"),
+							children: /* @__PURE__ */ m(l, { size: 20 })
+						}),
+						/* @__PURE__ */ m(g, {
+							variant: O === "list" ? "default" : "outline",
+							size: "icon",
+							onClick: () => k("list"),
+							className: "hidden sm:flex",
+							"aria-label": w("workspacesList.listViewAriaLabel", "Show workspaces in list view"),
+							title: w("workspacesList.listViewTitle", "List view"),
+							children: /* @__PURE__ */ m(u, { size: 20 })
+						}),
+						/* @__PURE__ */ m(x, {
+							permission: a.WORKSPACE_CREATE,
+							deniedBehavior: "disable",
+							deniedTooltip: w("workspacesList.createDeniedTooltip", "You don't have permission to create workspaces"),
+							children: /* @__PURE__ */ h(g, {
+								onClick: M,
+								className: "gap-2",
+								children: [
+									/* @__PURE__ */ m(d, { size: 20 }),
+									/* @__PURE__ */ m("span", {
+										className: "hidden sm:inline",
+										children: w("workspacesList.createButton", "Create Workspace")
+									}),
+									/* @__PURE__ */ m("span", {
+										className: "sm:hidden",
+										children: w("workspacesList.createButtonShort", "Create")
+									})
+								]
+							})
+						})
+					]
+				})]
+			}),
+			/* @__PURE__ */ h("div", {
+				className: "relative",
+				children: [/* @__PURE__ */ m(f, {
+					className: "absolute left-3 top-1/2 -translate-y-1/2 text-muted-foreground",
+					size: 20
+				}), /* @__PURE__ */ m(_, {
+					placeholder: w("workspacesList.searchPlaceholder", "Search workspaces..."),
+					value: N,
+					onChange: (e) => {
+						P(e.target.value);
+					},
+					className: "pl-[3.25rem]"
+				})]
+			}),
+			L ? /* @__PURE__ */ m("div", {
+				className: "grid grid-cols-1 md:grid-cols-2 xl:grid-cols-3 gap-4",
+				children: Array.from({ length: 6 }).map((e, t) => /* @__PURE__ */ h("div", {
+					className: "space-y-3 p-6 border rounded-lg",
+					children: [/* @__PURE__ */ h("div", {
+						className: "flex items-center gap-3",
+						children: [/* @__PURE__ */ m(v, { className: "h-12 w-12 rounded-lg" }), /* @__PURE__ */ h("div", {
+							className: "space-y-2 flex-1",
+							children: [/* @__PURE__ */ m(v, { className: "h-4 w-3/4" }), /* @__PURE__ */ m(v, { className: "h-3 w-1/2" })]
+						})]
+					}), /* @__PURE__ */ m(v, { className: "h-3 w-1/3" })]
+				}, t))
+			}) : z?.items.length === 0 ? /* @__PURE__ */ h("div", {
+				className: "flex flex-col items-center justify-center py-12 text-center",
+				children: [
+					/* @__PURE__ */ m("div", {
+						className: "rounded-full bg-muted p-6 mb-4",
+						children: /* @__PURE__ */ m(l, {
+							size: 48,
+							className: "text-muted-foreground"
+						})
+					}),
+					/* @__PURE__ */ m("h3", {
+						className: "text-lg font-semibold mb-2",
+						children: w("workspacesList.emptyTitle", "No workspaces found")
+					}),
+					/* @__PURE__ */ m("p", {
+						className: "text-muted-foreground mb-4 max-w-sm",
+						children: A.search ? w("workspacesList.emptySearchHint", "Try adjusting your search criteria") : w("workspacesList.emptyCreateHint", "Get started by creating your first workspace")
+					}),
+					!A.search && /* @__PURE__ */ m(x, {
+						permission: a.WORKSPACE_CREATE,
+						deniedBehavior: "disable",
+						deniedTooltip: w("workspacesList.createDeniedTooltip", "You don't have permission to create workspaces"),
+						children: /* @__PURE__ */ h(g, {
+							onClick: M,
+							className: "gap-2",
+							children: [/* @__PURE__ */ m(d, { size: 20 }), w("workspacesList.createFirstButton", "Create Your First Workspace")]
+						})
+					})
+				]
+			}) : /* @__PURE__ */ h(p, { children: [O === "list" ? /* @__PURE__ */ m("div", {
+				className: "space-y-3",
+				children: z?.items.map((e) => /* @__PURE__ */ m(i, { workspace: e }, e.id))
+			}) : /* @__PURE__ */ m("div", {
+				className: "grid grid-cols-1 md:grid-cols-2 xl:grid-cols-3 gap-4",
+				children: z?.items.map((e) => /* @__PURE__ */ m(i, { workspace: e }, e.id))
+			}), z && z.total > 0 && /* @__PURE__ */ h("div", {
+				className: "flex items-center justify-between text-sm text-muted-foreground",
+				children: [/* @__PURE__ */ h("p", { children: [
+					w("workspacesList.showing", "Showing"),
+					" ",
+					z.items.length,
+					" ",
+					w("workspacesList.of", "of"),
+					" ",
+					z.total,
+					" ",
+					z.total === 1 ? w("workspacesList.workspace", "workspace") : w("workspacesList.workspaces", "workspaces")
+				] }), z.hasMore && /* @__PURE__ */ m("p", {
+					className: "text-xs",
+					children: w("workspacesList.moreAvailable", "More workspaces available - pagination coming soon")
+				})]
+			})] })
+		]
+	});
+}
+//#endregion
+export { C as WorkspacesListPage };
+
+//# sourceMappingURL=WorkspacesListPage.js.map

package/dist/pages/WorkspacesListPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WorkspacesListPage.js","names":[],"sources":["../../src/pages/WorkspacesListPage.tsx"],"sourcesContent":["import { Plus, Grid3X3, List as ListIcon, Search } from 'lucide-react';\nimport { Button, Input, Skeleton } from '@burdenoff/fe-libs/ui';\nimport { useNavigate } from 'react-router-dom';\nimport { useWorkspacesStore } from '../store/workspacesStore';\nimport { useMyWorkspaces } from '../hooks/useWorkspaces';\nimport { WorkspaceCard } from '../components/WorkspaceCard';\nimport { useWorkspacesContext } from '../providers/WorkspacesProvider';\nimport { useDebounce } from '@burdenoff/fe-libs/shared/hooks';\nimport { PermissionButton } from '@burdenoff/fe-libs/shared/components';\nimport { WORKSPACE_PERMISSIONS } from '../constants/permissions';\nimport { useState, useEffect, useCallback } from 'react';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { useScopedNavigation } from '../hooks/useScopedNavigation';\n\nexport function WorkspacesListPage() {\n  const { t } = useI18n();\n  const tr = useCallback(\n    (key: string, fallback: string): string => {\n      const value = t(key);\n      return value === key ? fallback : value;\n    },\n    [t]\n  );\n\n  const navigate = useNavigate();\n  const { basePath = '/' } = useWorkspacesContext();\n  const { withCurrentSearch } = useScopedNavigation();\n  const { viewMode, setViewMode, workspaceFilters, setWorkspaceFilters } = useWorkspacesStore();\n\n  // Navigate to unified workspace creation page\n  const handleCreateWorkspace = () => {\n    navigate(withCurrentSearch(`${basePath}/new`));\n  };\n\n  const [searchValue, setSearchValue] = useState(workspaceFilters.search || '');\n  const debouncedSearch = useDebounce(searchValue, 500);\n\n  // Update filters when debounced search changes\n  useEffect(() => {\n    if (debouncedSearch !== workspaceFilters.search) {\n      setWorkspaceFilters({ search: debouncedSearch });\n    }\n  }, [debouncedSearch, workspaceFilters.search, setWorkspaceFilters]);\n\n  const { data: rawData, isLoading, error } = useMyWorkspaces();\n\n  // Client-side search filtering (myWorkspaces doesn't accept filter args)\n  const data = rawData\n    ? {\n        ...rawData,\n        items: debouncedSearch\n          ? rawData.items.filter((ws) =>\n              ws.name.toLowerCase().includes(debouncedSearch.toLowerCase())\n            )\n          : rawData.items,\n        total: debouncedSearch\n          ? rawData.items.filter((ws) =>\n              ws.name.toLowerCase().includes(debouncedSearch.toLowerCase())\n            ).length\n          : rawData.total,\n      }\n    : undefined;\n\n  const handleSearchChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    setSearchValue(e.target.value);\n  };\n\n  if (error) {\n    return (\n      <div className=\"space-y-4 sm:space-y-6 p-3 sm:p-6\">\n        <div className=\"flex flex-col items-center justify-center py-12\">\n          <p className=\"text-destructive text-lg font-semibold\">\n            {tr('workspacesList.loadError', 'Error loading workspaces')}\n          </p>\n          <p className=\"text-muted-foreground text-sm mt-2\">\n            {error instanceof Error\n              ? error.message\n              : tr('workspacesList.unknownError', 'Unknown error')}\n          </p>\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"space-y-4 sm:space-y-6 p-3 sm:p-6\">\n      {/* Header with title + actions */}\n      <div className=\"flex flex-col sm:flex-row sm:items-center sm:justify-between gap-3\">\n        <div>\n          <h1 className=\"text-2xl sm:text-3xl font-bold\">\n            {tr('workspacesList.title', 'Workspaces')}\n          </h1>\n          <p className=\"text-sm sm:text-base text-muted-foreground\">\n            {tr('workspacesList.description', 'Manage and organize your workspaces')}\n          </p>\n        </div>\n        <div className=\"flex items-center gap-2\">\n          {/* View mode toggle */}\n          <Button\n            variant={viewMode === 'grid' ? 'default' : 'outline'}\n            size=\"icon\"\n            onClick={() => setViewMode('grid')}\n            className=\"hidden sm:flex\"\n            aria-label={tr('workspacesList.gridViewAriaLabel', 'Show workspaces in grid view')}\n            title={tr('workspacesList.gridViewTitle', 'Grid view')}\n          >\n            <Grid3X3 size={20} />\n          </Button>\n          <Button\n            variant={viewMode === 'list' ? 'default' : 'outline'}\n            size=\"icon\"\n            onClick={() => setViewMode('list')}\n            className=\"hidden sm:flex\"\n            aria-label={tr('workspacesList.listViewAriaLabel', 'Show workspaces in list view')}\n            title={tr('workspacesList.listViewTitle', 'List view')}\n          >\n            <ListIcon size={20} />\n          </Button>\n          {/* Create button - requires workspace:create permission */}\n          <PermissionButton\n            permission={WORKSPACE_PERMISSIONS.WORKSPACE_CREATE}\n            deniedBehavior=\"disable\"\n            deniedTooltip={tr(\n              'workspacesList.createDeniedTooltip',\n              \"You don't have permission to create workspaces\"\n            )}\n          >\n            <Button onClick={handleCreateWorkspace} className=\"gap-2\">\n              <Plus size={20} />\n              <span className=\"hidden sm:inline\">\n                {tr('workspacesList.createButton', 'Create Workspace')}\n              </span>\n              <span className=\"sm:hidden\">{tr('workspacesList.createButtonShort', 'Create')}</span>\n            </Button>\n          </PermissionButton>\n        </div>\n      </div>\n\n      {/* Search */}\n      <div className=\"relative\">\n        <Search\n          className=\"absolute left-3 top-1/2 -translate-y-1/2 text-muted-foreground\"\n          size={20}\n        />\n        <Input\n          placeholder={tr('workspacesList.searchPlaceholder', 'Search workspaces...')}\n          value={searchValue}\n          onChange={handleSearchChange}\n          className=\"pl-[3.25rem]\"\n        />\n      </div>\n\n      {/* Content */}\n      {isLoading ? (\n        <div className=\"grid grid-cols-1 md:grid-cols-2 xl:grid-cols-3 gap-4\">\n          {Array.from({ length: 6 }).map((_, i) => (\n            <div key={i} className=\"space-y-3 p-6 border rounded-lg\">\n              <div className=\"flex items-center gap-3\">\n                <Skeleton className=\"h-12 w-12 rounded-lg\" />\n                <div className=\"space-y-2 flex-1\">\n                  <Skeleton className=\"h-4 w-3/4\" />\n                  <Skeleton className=\"h-3 w-1/2\" />\n                </div>\n              </div>\n              <Skeleton className=\"h-3 w-1/3\" />\n            </div>\n          ))}\n        </div>\n      ) : data?.items.length === 0 ? (\n        <div className=\"flex flex-col items-center justify-center py-12 text-center\">\n          <div className=\"rounded-full bg-muted p-6 mb-4\">\n            <Grid3X3 size={48} className=\"text-muted-foreground\" />\n          </div>\n          <h3 className=\"text-lg font-semibold mb-2\">\n            {tr('workspacesList.emptyTitle', 'No workspaces found')}\n          </h3>\n          <p className=\"text-muted-foreground mb-4 max-w-sm\">\n            {workspaceFilters.search\n              ? tr('workspacesList.emptySearchHint', 'Try adjusting your search criteria')\n              : tr(\n                  'workspacesList.emptyCreateHint',\n                  'Get started by creating your first workspace'\n                )}\n          </p>\n          {!workspaceFilters.search && (\n            <PermissionButton\n              permission={WORKSPACE_PERMISSIONS.WORKSPACE_CREATE}\n              deniedBehavior=\"disable\"\n              deniedTooltip={tr(\n                'workspacesList.createDeniedTooltip',\n                \"You don't have permission to create workspaces\"\n              )}\n            >\n              <Button onClick={handleCreateWorkspace} className=\"gap-2\">\n                <Plus size={20} />\n                {tr('workspacesList.createFirstButton', 'Create Your First Workspace')}\n              </Button>\n            </PermissionButton>\n          )}\n        </div>\n      ) : (\n        <>\n          {/* View */}\n          {viewMode === 'list' ? (\n            <div className=\"space-y-3\">\n              {data?.items.map((workspace) => (\n                <WorkspaceCard key={workspace.id} workspace={workspace} />\n              ))}\n            </div>\n          ) : (\n            <div className=\"grid grid-cols-1 md:grid-cols-2 xl:grid-cols-3 gap-4\">\n              {data?.items.map((workspace) => (\n                <WorkspaceCard key={workspace.id} workspace={workspace} />\n              ))}\n            </div>\n          )}\n\n          {/* Pagination info */}\n          {data && data.total > 0 && (\n            <div className=\"flex items-center justify-between text-sm text-muted-foreground\">\n              <p>\n                {tr('workspacesList.showing', 'Showing')} {data.items.length}{' '}\n                {tr('workspacesList.of', 'of')} {data.total}{' '}\n                {data.total !== 1\n                  ? tr('workspacesList.workspaces', 'workspaces')\n                  : tr('workspacesList.workspace', 'workspace')}\n              </p>\n              {data.hasMore && (\n                <p className=\"text-xs\">\n                  {tr(\n                    'workspacesList.moreAvailable',\n                    'More workspaces available - pagination coming soon'\n                  )}\n                </p>\n              )}\n            </div>\n          )}\n        </>\n      )}\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/pages/dashboard/DashboardCustomizer.d.ts

@@ -0,0 +1,12 @@
+import { WidgetConfig } from './types';
+
+interface DashboardCustomizerProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    widgets: WidgetConfig[];
+    onSave: (widgets: WidgetConfig[]) => Promise<void>;
+    isSaving: boolean;
+}
+export declare function DashboardCustomizer({ open, onOpenChange, widgets, onSave, isSaving, }: DashboardCustomizerProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=DashboardCustomizer.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DashboardCustomizer.d.ts","sourceRoot":"","sources":["../../../src/pages/dashboard/DashboardCustomizer.tsx"],"names":[],"mappings":"AAoBA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAI5C,UAAU,wBAAwB;IAChC,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,MAAM,EAAE,CAAC,OAAO,EAAE,YAAY,EAAE,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACnD,QAAQ,EAAE,OAAO,CAAC;CACnB;AAED,wBAAgB,mBAAmB,CAAC,EAClC,IAAI,EACJ,YAAY,EACZ,OAAO,EACP,MAAM,EACN,QAAQ,GACT,EAAE,wBAAwB,2CA+J1B"}

package/dist/pages/dashboard/DashboardCustomizer.js

@@ -0,0 +1,136 @@
+import { DEFAULT_DASHBOARD_WIDGETS as e, WIDGET_DEFINITIONS as t } from "./config.js";
+import { nativeImpact as n } from "../../utils/nativeBridge.js";
+import { useCallback as r, useEffect as i, useState as a } from "react";
+import { ArrowDown as o, ArrowUp as s, GripVertical as c, Loader2 as l, RotateCcw as u, Save as d } from "lucide-react";
+import { jsx as f, jsxs as p } from "react/jsx-runtime";
+import { Badge as m, Button as h, Separator as g, Sheet as _, SheetContent as v, SheetDescription as y, SheetFooter as b, SheetHeader as x, SheetTitle as S, Switch as C } from "@burdenoff/fe-libs/ui";
+import { useI18n as w } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+//#region src/pages/dashboard/DashboardCustomizer.tsx
+function T({ open: T, onOpenChange: E, widgets: D, onSave: O, isSaving: k }) {
+	let { t: A } = w(), j = r((e, t) => {
+		let n = A(e);
+		return n === e ? t : n;
+	}, [A]), [M, N] = a(D), [P, F] = a(!1);
+	i(() => {
+		T && (N([...D]), F(!1));
+	}, [T, D]);
+	let I = r((e) => {
+		N((t) => t.map((t) => t.widgetId === e ? {
+			...t,
+			enabled: !t.enabled
+		} : t)), F(!0);
+	}, []), L = r((e, t) => {
+		N((n) => {
+			let r = [...n].sort((e, t) => e.order - t.order), i = r.findIndex((t) => t.widgetId === e);
+			if (i < 0) return n;
+			let a = t === "up" ? i - 1 : i + 1;
+			if (a < 0 || a >= r.length) return n;
+			let o = r[i].order;
+			return r[i] = {
+				...r[i],
+				order: r[a].order
+			}, r[a] = {
+				...r[a],
+				order: o
+			}, r;
+		}), F(!0);
+	}, []), R = r(() => {
+		N([...e]), F(!0);
+	}, []), z = r(async () => {
+		await O(M), F(!1), E(!1);
+	}, [
+		M,
+		O,
+		E
+	]), B = [...M].sort((e, t) => e.order - t.order);
+	return /* @__PURE__ */ f(_, {
+		open: T,
+		onOpenChange: E,
+		children: /* @__PURE__ */ p(v, {
+			className: "w-full sm:max-w-md overflow-y-auto",
+			side: "right",
+			children: [
+				/* @__PURE__ */ p(x, { children: [/* @__PURE__ */ f(S, { children: j("dashboardCustomizer.title", "Customize Dashboard") }), /* @__PURE__ */ f(y, { children: j("dashboardCustomizer.description", "Toggle widgets on or off and reorder them to personalize your dashboard.") })] }),
+				/* @__PURE__ */ f("div", {
+					className: "py-4 space-y-1",
+					children: B.map((e, r) => {
+						let i = t[e.widgetId];
+						return i ? /* @__PURE__ */ p("div", {
+							className: `flex items-center gap-3 p-3 rounded-lg border transition-colors ${e.enabled ? "border-border-default bg-bg-surface" : "border-transparent bg-muted/30 opacity-60"}`,
+							children: [
+								/* @__PURE__ */ f(c, { className: "h-4 w-4 text-muted-foreground shrink-0" }),
+								/* @__PURE__ */ p("div", {
+									className: "flex-1 min-w-0",
+									children: [/* @__PURE__ */ p("div", {
+										className: "flex items-center gap-2",
+										children: [/* @__PURE__ */ f("span", {
+											className: "text-sm font-medium text-text-primary",
+											children: i.title
+										}), /* @__PURE__ */ f(m, {
+											variant: "outline",
+											className: "text-[10px]",
+											children: i.defaultSize
+										})]
+									}), /* @__PURE__ */ f("p", {
+										className: "text-xs text-muted-foreground truncate",
+										children: i.description
+									})]
+								}),
+								/* @__PURE__ */ p("div", {
+									className: "flex items-center gap-1 shrink-0",
+									children: [
+										/* @__PURE__ */ f(h, {
+											variant: "ghost",
+											size: "sm",
+											className: "h-7 w-7 p-0",
+											disabled: r === 0,
+											onClick: () => L(e.widgetId, "up"),
+											children: /* @__PURE__ */ f(s, { className: "h-3 w-3" })
+										}),
+										/* @__PURE__ */ f(h, {
+											variant: "ghost",
+											size: "sm",
+											className: "h-7 w-7 p-0",
+											disabled: r === B.length - 1,
+											onClick: () => L(e.widgetId, "down"),
+											children: /* @__PURE__ */ f(o, { className: "h-3 w-3" })
+										}),
+										/* @__PURE__ */ f(C, {
+											checked: e.enabled,
+											onCheckedChange: () => {
+												n("medium"), I(e.widgetId);
+											},
+											disabled: !i.removable,
+											className: "ml-1"
+										})
+									]
+								})
+							]
+						}, e.widgetId) : null;
+					})
+				}),
+				/* @__PURE__ */ f(g, {}),
+				/* @__PURE__ */ p(b, {
+					className: "flex-row gap-2 pt-4",
+					children: [/* @__PURE__ */ p(h, {
+						variant: "outline",
+						size: "sm",
+						onClick: R,
+						className: "flex-1",
+						children: [/* @__PURE__ */ f(u, { className: "h-3 w-3 mr-1.5" }), j("dashboardCustomizer.resetToDefaults", "Reset to defaults")]
+					}), /* @__PURE__ */ p(h, {
+						size: "sm",
+						onClick: z,
+						disabled: !P || k,
+						className: "flex-1",
+						children: [k ? /* @__PURE__ */ f(l, { className: "h-3 w-3 mr-1.5 animate-spin" }) : /* @__PURE__ */ f(d, { className: "h-3 w-3 mr-1.5" }), j("dashboardCustomizer.saveLayout", "Save layout")]
+					})]
+				})
+			]
+		})
+	});
+}
+//#endregion
+export { T as DashboardCustomizer };
+
+//# sourceMappingURL=DashboardCustomizer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DashboardCustomizer.js","names":[],"sources":["../../../src/pages/dashboard/DashboardCustomizer.tsx"],"sourcesContent":["/**\n * DashboardCustomizer — Sheet overlay for customizing dashboard widgets.\n *\n * Allows users to toggle widgets on/off, reorder them, and save their layout.\n */\nimport { useState, useCallback, useEffect } from 'react';\nimport {\n  Sheet,\n  SheetContent,\n  SheetHeader,\n  SheetTitle,\n  SheetDescription,\n  SheetFooter,\n  Button,\n  Switch,\n  Badge,\n  Separator,\n} from '@burdenoff/fe-libs/ui';\nimport { ArrowUp, ArrowDown, RotateCcw, Save, Loader2, GripVertical } from 'lucide-react';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport type { WidgetConfig } from './types';\nimport { WIDGET_DEFINITIONS, DEFAULT_DASHBOARD_WIDGETS } from './config';\nimport { nativeImpact } from '../../utils/nativeBridge';\n\ninterface DashboardCustomizerProps {\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n  widgets: WidgetConfig[];\n  onSave: (widgets: WidgetConfig[]) => Promise<void>;\n  isSaving: boolean;\n}\n\nexport function DashboardCustomizer({\n  open,\n  onOpenChange,\n  widgets,\n  onSave,\n  isSaving,\n}: DashboardCustomizerProps) {\n  const { t } = useI18n();\n  const tr = useCallback(\n    (key: string, fallback: string): string => {\n      const value = t(key);\n      return value === key ? fallback : value;\n    },\n    [t]\n  );\n\n  const [localWidgets, setLocalWidgets] = useState<WidgetConfig[]>(widgets);\n  const [hasChanges, setHasChanges] = useState(false);\n\n  // Sync local state when sheet opens or widgets prop changes while open\n  useEffect(() => {\n    if (open) {\n      setLocalWidgets([...widgets]);\n      setHasChanges(false);\n    }\n  }, [open, widgets]);\n\n  const toggleWidget = useCallback((widgetId: string) => {\n    setLocalWidgets((prev) =>\n      prev.map((w) => (w.widgetId === widgetId ? { ...w, enabled: !w.enabled } : w))\n    );\n    setHasChanges(true);\n  }, []);\n\n  const moveWidget = useCallback((widgetId: string, direction: 'up' | 'down') => {\n    setLocalWidgets((prev) => {\n      const sorted = [...prev].sort((a, b) => a.order - b.order);\n      const idx = sorted.findIndex((w) => w.widgetId === widgetId);\n      if (idx < 0) return prev;\n\n      const swapIdx = direction === 'up' ? idx - 1 : idx + 1;\n      if (swapIdx < 0 || swapIdx >= sorted.length) return prev;\n\n      // Swap orders\n      const tempOrder = sorted[idx].order;\n      sorted[idx] = { ...sorted[idx], order: sorted[swapIdx].order };\n      sorted[swapIdx] = { ...sorted[swapIdx], order: tempOrder };\n\n      return sorted;\n    });\n    setHasChanges(true);\n  }, []);\n\n  const resetToDefaults = useCallback(() => {\n    setLocalWidgets([...DEFAULT_DASHBOARD_WIDGETS]);\n    setHasChanges(true);\n  }, []);\n\n  const handleSave = useCallback(async () => {\n    await onSave(localWidgets);\n    setHasChanges(false);\n    onOpenChange(false);\n  }, [localWidgets, onSave, onOpenChange]);\n\n  const sorted = [...localWidgets].sort((a, b) => a.order - b.order);\n\n  return (\n    <Sheet open={open} onOpenChange={onOpenChange}>\n      <SheetContent className=\"w-full sm:max-w-md overflow-y-auto\" side=\"right\">\n        <SheetHeader>\n          <SheetTitle>{tr('dashboardCustomizer.title', 'Customize Dashboard')}</SheetTitle>\n          <SheetDescription>\n            {tr(\n              'dashboardCustomizer.description',\n              'Toggle widgets on or off and reorder them to personalize your dashboard.'\n            )}\n          </SheetDescription>\n        </SheetHeader>\n\n        <div className=\"py-4 space-y-1\">\n          {sorted.map((widget, idx) => {\n            const definition = WIDGET_DEFINITIONS[widget.widgetId];\n            if (!definition) return null;\n\n            return (\n              <div\n                key={widget.widgetId}\n                className={`flex items-center gap-3 p-3 rounded-lg border transition-colors ${\n                  widget.enabled\n                    ? 'border-border-default bg-bg-surface'\n                    : 'border-transparent bg-muted/30 opacity-60'\n                }`}\n              >\n                <GripVertical className=\"h-4 w-4 text-muted-foreground shrink-0\" />\n\n                <div className=\"flex-1 min-w-0\">\n                  <div className=\"flex items-center gap-2\">\n                    <span className=\"text-sm font-medium text-text-primary\">\n                      {definition.title}\n                    </span>\n                    <Badge variant=\"outline\" className=\"text-[10px]\">\n                      {definition.defaultSize}\n                    </Badge>\n                  </div>\n                  <p className=\"text-xs text-muted-foreground truncate\">{definition.description}</p>\n                </div>\n\n                <div className=\"flex items-center gap-1 shrink-0\">\n                  <Button\n                    variant=\"ghost\"\n                    size=\"sm\"\n                    className=\"h-7 w-7 p-0\"\n                    disabled={idx === 0}\n                    onClick={() => moveWidget(widget.widgetId, 'up')}\n                  >\n                    <ArrowUp className=\"h-3 w-3\" />\n                  </Button>\n                  <Button\n                    variant=\"ghost\"\n                    size=\"sm\"\n                    className=\"h-7 w-7 p-0\"\n                    disabled={idx === sorted.length - 1}\n                    onClick={() => moveWidget(widget.widgetId, 'down')}\n                  >\n                    <ArrowDown className=\"h-3 w-3\" />\n                  </Button>\n                  <Switch\n                    checked={widget.enabled}\n                    onCheckedChange={() => {\n                      void nativeImpact('medium');\n                      toggleWidget(widget.widgetId);\n                    }}\n                    disabled={!definition.removable}\n                    className=\"ml-1\"\n                  />\n                </div>\n              </div>\n            );\n          })}\n        </div>\n\n        <Separator />\n\n        <SheetFooter className=\"flex-row gap-2 pt-4\">\n          <Button variant=\"outline\" size=\"sm\" onClick={resetToDefaults} className=\"flex-1\">\n            <RotateCcw className=\"h-3 w-3 mr-1.5\" />\n            {tr('dashboardCustomizer.resetToDefaults', 'Reset to defaults')}\n          </Button>\n          <Button\n            size=\"sm\"\n            onClick={handleSave}\n            disabled={!hasChanges || isSaving}\n            className=\"flex-1\"\n          >\n            {isSaving ? (\n              <Loader2 className=\"h-3 w-3 mr-1.5 animate-spin\" />\n            ) : (\n              <Save className=\"h-3 w-3 mr-1.5\" />\n            )}\n            {tr('dashboardCustomizer.saveLayout', 'Save layout')}\n          </Button>\n        </SheetFooter>\n      </SheetContent>\n    </Sheet>\n  );\n}\n"],"mappings":"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"}

package/dist/pages/dashboard/DashboardGrid.d.ts

@@ -0,0 +1,8 @@
+import { WidgetConfig, WidgetProps } from './types';
+
+interface DashboardGridProps extends WidgetProps {
+    widgets: WidgetConfig[];
+}
+export declare function DashboardGrid({ widgets, ...widgetProps }: DashboardGridProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=DashboardGrid.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DashboardGrid.d.ts","sourceRoot":"","sources":["../../../src/pages/dashboard/DashboardGrid.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAmCzD,UAAU,kBAAmB,SAAQ,WAAW;IAC9C,OAAO,EAAE,YAAY,EAAE,CAAC;CACzB;AAED,wBAAgB,aAAa,CAAC,EAAE,OAAO,EAAE,GAAG,WAAW,EAAE,EAAE,kBAAkB,2CAmC5E"}

package/dist/pages/dashboard/DashboardGrid.js

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

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

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

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

@@ -0,0 +1,14 @@
+interface DashboardPageProps {
+    navigate: (path: string) => void;
+    authToken?: string | null;
+    currentUser?: {
+        id: string;
+        email: string;
+        firstName?: string;
+        lastName?: string;
+        name?: string;
+    } | null;
+}
+export declare function DashboardPage({ navigate, authToken, currentUser }: DashboardPageProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=DashboardPage.d.ts.map

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

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

package/dist/pages/dashboard/DashboardPage.js

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