@burdenoff/microfe-workspaces 2026.510.50 → 2026.511.1

package/dist/pages/WorkspacesListPage.js

@@ -4,23 +4,23 @@ 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";
+import { tWithFallback as o } from "../utils/i18n.js";
+import { useWorkspacesPageView as s } from "../hooks/useWorkspacesPageView.js";
+import { useEffect as c, useState as l } from "react";
+import { Grid3X3 as u, List as d, Plus as f, Search as p } from "lucide-react";
+import { Fragment as m, jsx as h, jsxs as g } from "react/jsx-runtime";
+import { Button as _, Input as v, Skeleton as y } from "@burdenoff/fe-libs/ui";
+import { useNavigate as b } from "react-router-dom";
+import { useDebounce as x } from "@burdenoff/fe-libs/shared/hooks";
+import { PermissionButton as S } from "@burdenoff/fe-libs/shared/components";
+import { useI18n as C } 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 = () => {
+function w() {
+	s("workspaces.list");
+	let { t: w } = C(), T = b(), { 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(() => {
+	}, [N, P] = l(A.search || ""), F = x(N, 500);
+	c(() => {
 		F !== A.search && j({ search: F });
 	}, [
 		F,
@@ -32,66 +32,66 @@ function C() {
 		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", {
+	return R ? /* @__PURE__ */ h("div", {
 		className: "space-y-4 sm:space-y-6 p-3 sm:p-6",
-		children: /* @__PURE__ */ h("div", {
+		children: /* @__PURE__ */ g("div", {
 			className: "flex flex-col items-center justify-center py-12",
-			children: [/* @__PURE__ */ m("p", {
+			children: [/* @__PURE__ */ h("p", {
 				className: "text-destructive text-lg font-semibold",
-				children: w("workspacesList.loadError", "Error loading workspaces")
-			}), /* @__PURE__ */ m("p", {
+				children: o(w, "workspacesList.loadError", "Error loading workspaces")
+			}), /* @__PURE__ */ h("p", {
 				className: "text-muted-foreground text-sm mt-2",
-				children: R instanceof Error ? R.message : w("workspacesList.unknownError", "Unknown error")
+				children: R instanceof Error ? R.message : o(w, "workspacesList.unknownError", "Unknown error")
 			})]
 		})
-	}) : /* @__PURE__ */ h("div", {
+	}) : /* @__PURE__ */ g("div", {
 		className: "space-y-4 sm:space-y-6 p-3 sm:p-6",
 		children: [
-			/* @__PURE__ */ h("div", {
+			/* @__PURE__ */ g("div", {
 				className: "flex flex-col sm:flex-row sm:items-center sm:justify-between gap-3",
-				children: [/* @__PURE__ */ h("div", { children: [/* @__PURE__ */ m("h1", {
+				children: [/* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h("h1", {
 					className: "text-2xl sm:text-3xl font-bold",
-					children: w("workspacesList.title", "Workspaces")
-				}), /* @__PURE__ */ m("p", {
+					children: o(w, "workspacesList.title", "Workspaces")
+				}), /* @__PURE__ */ h("p", {
 					className: "text-sm sm:text-base text-muted-foreground",
-					children: w("workspacesList.description", "Manage and organize your workspaces")
-				})] }), /* @__PURE__ */ h("div", {
+					children: o(w, "workspacesList.description", "Manage and organize your workspaces")
+				})] }), /* @__PURE__ */ g("div", {
 					className: "flex items-center gap-2",
 					children: [
-						/* @__PURE__ */ m(g, {
+						/* @__PURE__ */ h(_, {
 							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 })
+							"aria-label": o(w, "workspacesList.gridViewAriaLabel", "Show workspaces in grid view"),
+							title: o(w, "workspacesList.gridViewTitle", "Grid view"),
+							children: /* @__PURE__ */ h(u, { size: 20 })
 						}),
-						/* @__PURE__ */ m(g, {
+						/* @__PURE__ */ h(_, {
 							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 })
+							"aria-label": o(w, "workspacesList.listViewAriaLabel", "Show workspaces in list view"),
+							title: o(w, "workspacesList.listViewTitle", "List view"),
+							children: /* @__PURE__ */ h(d, { size: 20 })
 						}),
-						/* @__PURE__ */ m(x, {
+						/* @__PURE__ */ h(S, {
 							permission: a.WORKSPACE_CREATE,
 							deniedBehavior: "disable",
-							deniedTooltip: w("workspacesList.createDeniedTooltip", "You don't have permission to create workspaces"),
-							children: /* @__PURE__ */ h(g, {
+							deniedTooltip: o(w, "workspacesList.createDeniedTooltip", "You don't have permission to create workspaces"),
+							children: /* @__PURE__ */ g(_, {
 								onClick: M,
 								className: "gap-2",
 								children: [
-									/* @__PURE__ */ m(d, { size: 20 }),
-									/* @__PURE__ */ m("span", {
+									/* @__PURE__ */ h(f, { size: 20 }),
+									/* @__PURE__ */ h("span", {
 										className: "hidden sm:inline",
-										children: w("workspacesList.createButton", "Create Workspace")
+										children: o(w, "workspacesList.createButton", "Create Workspace")
 									}),
-									/* @__PURE__ */ m("span", {
+									/* @__PURE__ */ h("span", {
 										className: "sm:hidden",
-										children: w("workspacesList.createButtonShort", "Create")
+										children: o(w, "workspacesList.createButtonShort", "Create")
 									})
 								]
 							})
@@ -99,13 +99,13 @@ function C() {
 					]
 				})]
 			}),
-			/* @__PURE__ */ h("div", {
+			/* @__PURE__ */ g("div", {
 				className: "relative",
-				children: [/* @__PURE__ */ m(f, {
+				children: [/* @__PURE__ */ h(p, {
 					className: "absolute left-3 top-1/2 -translate-y-1/2 text-muted-foreground",
 					size: 20
-				}), /* @__PURE__ */ m(_, {
-					placeholder: w("workspacesList.searchPlaceholder", "Search workspaces..."),
+				}), /* @__PURE__ */ h(v, {
+					placeholder: o(w, "workspacesList.searchPlaceholder", "Search workspaces..."),
 					value: N,
 					onChange: (e) => {
 						P(e.target.value);
@@ -113,74 +113,74 @@ function C() {
 					className: "pl-[3.25rem]"
 				})]
 			}),
-			L ? /* @__PURE__ */ m("div", {
+			L ? /* @__PURE__ */ h("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", {
+				children: Array.from({ length: 6 }).map((e, t) => /* @__PURE__ */ g("div", {
 					className: "space-y-3 p-6 border rounded-lg",
-					children: [/* @__PURE__ */ h("div", {
+					children: [/* @__PURE__ */ g("div", {
 						className: "flex items-center gap-3",
-						children: [/* @__PURE__ */ m(v, { className: "h-12 w-12 rounded-lg" }), /* @__PURE__ */ h("div", {
+						children: [/* @__PURE__ */ h(y, { className: "h-12 w-12 rounded-lg" }), /* @__PURE__ */ g("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" })]
+							children: [/* @__PURE__ */ h(y, { className: "h-4 w-3/4" }), /* @__PURE__ */ h(y, { className: "h-3 w-1/2" })]
 						})]
-					}), /* @__PURE__ */ m(v, { className: "h-3 w-1/3" })]
+					}), /* @__PURE__ */ h(y, { className: "h-3 w-1/3" })]
 				}, t))
-			}) : z?.items.length === 0 ? /* @__PURE__ */ h("div", {
+			}) : z?.items.length === 0 ? /* @__PURE__ */ g("div", {
 				className: "flex flex-col items-center justify-center py-12 text-center",
 				children: [
-					/* @__PURE__ */ m("div", {
+					/* @__PURE__ */ h("div", {
 						className: "rounded-full bg-muted p-6 mb-4",
-						children: /* @__PURE__ */ m(l, {
+						children: /* @__PURE__ */ h(u, {
 							size: 48,
 							className: "text-muted-foreground"
 						})
 					}),
-					/* @__PURE__ */ m("h3", {
+					/* @__PURE__ */ h("h3", {
 						className: "text-lg font-semibold mb-2",
-						children: w("workspacesList.emptyTitle", "No workspaces found")
+						children: o(w, "workspacesList.emptyTitle", "No workspaces found")
 					}),
-					/* @__PURE__ */ m("p", {
+					/* @__PURE__ */ h("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")
+						children: A.search ? o(w, "workspacesList.emptySearchHint", "Try adjusting your search criteria") : o(w, "workspacesList.emptyCreateHint", "Get started by creating your first workspace")
 					}),
-					!A.search && /* @__PURE__ */ m(x, {
+					!A.search && /* @__PURE__ */ h(S, {
 						permission: a.WORKSPACE_CREATE,
 						deniedBehavior: "disable",
-						deniedTooltip: w("workspacesList.createDeniedTooltip", "You don't have permission to create workspaces"),
-						children: /* @__PURE__ */ h(g, {
+						deniedTooltip: o(w, "workspacesList.createDeniedTooltip", "You don't have permission to create workspaces"),
+						children: /* @__PURE__ */ g(_, {
 							onClick: M,
 							className: "gap-2",
-							children: [/* @__PURE__ */ m(d, { size: 20 }), w("workspacesList.createFirstButton", "Create Your First Workspace")]
+							children: [/* @__PURE__ */ h(f, { size: 20 }), o(w, "workspacesList.createFirstButton", "Create Your First Workspace")]
 						})
 					})
 				]
-			}) : /* @__PURE__ */ h(p, { children: [O === "list" ? /* @__PURE__ */ m("div", {
+			}) : /* @__PURE__ */ g(m, { children: [O === "list" ? /* @__PURE__ */ h("div", {
 				className: "space-y-3",
-				children: z?.items.map((e) => /* @__PURE__ */ m(i, { workspace: e }, e.id))
-			}) : /* @__PURE__ */ m("div", {
+				children: z?.items.map((e) => /* @__PURE__ */ h(i, { workspace: e }, e.id))
+			}) : /* @__PURE__ */ h("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", {
+				children: z?.items.map((e) => /* @__PURE__ */ h(i, { workspace: e }, e.id))
+			}), z && z.total > 0 && /* @__PURE__ */ g("div", {
 				className: "flex items-center justify-between text-sm text-muted-foreground",
-				children: [/* @__PURE__ */ h("p", { children: [
-					w("workspacesList.showing", "Showing"),
+				children: [/* @__PURE__ */ g("p", { children: [
+					o(w, "workspacesList.showing", "Showing"),
 					" ",
 					z.items.length,
 					" ",
-					w("workspacesList.of", "of"),
+					o(w, "workspacesList.of", "of"),
 					" ",
 					z.total,
 					" ",
-					z.total === 1 ? w("workspacesList.workspace", "workspace") : w("workspacesList.workspaces", "workspaces")
-				] }), z.hasMore && /* @__PURE__ */ m("p", {
+					z.total === 1 ? o(w, "workspacesList.workspace", "workspace") : o(w, "workspacesList.workspaces", "workspaces")
+				] }), z.hasMore && /* @__PURE__ */ h("p", {
 					className: "text-xs",
-					children: w("workspacesList.moreAvailable", "More workspaces available - pagination coming soon")
+					children: o(w, "workspacesList.moreAvailable", "More workspaces available - pagination coming soon")
 				})]
 			})] })
 		]
 	});
 }
 //#endregion
-export { C as WorkspacesListPage };
+export { w as WorkspacesListPage };
 
 //# sourceMappingURL=WorkspacesListPage.js.map

package/dist/pages/WorkspacesListPage.js.map

@@ -1 +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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"}
+{"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 } from 'react';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { tWithFallback } from '../utils/i18n';\nimport { useScopedNavigation } from '../hooks/useScopedNavigation';\nimport { useWorkspacesPageView } from '../hooks/useWorkspacesPageView';\n\nexport function WorkspacesListPage() {\n  useWorkspacesPageView('workspaces.list');\n  const { t } = useI18n();\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            {tWithFallback(t, '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              : tWithFallback(t, '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            {tWithFallback(t, 'workspacesList.title', 'Workspaces')}\n          </h1>\n          <p className=\"text-sm sm:text-base text-muted-foreground\">\n            {tWithFallback(t, '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={tWithFallback(\n              t,\n              'workspacesList.gridViewAriaLabel',\n              'Show workspaces in grid view'\n            )}\n            title={tWithFallback(t, '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={tWithFallback(\n              t,\n              'workspacesList.listViewAriaLabel',\n              'Show workspaces in list view'\n            )}\n            title={tWithFallback(t, '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={tWithFallback(\n              t,\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                {tWithFallback(t, 'workspacesList.createButton', 'Create Workspace')}\n              </span>\n              <span className=\"sm:hidden\">\n                {tWithFallback(t, 'workspacesList.createButtonShort', 'Create')}\n              </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={tWithFallback(t, '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            {tWithFallback(t, 'workspacesList.emptyTitle', 'No workspaces found')}\n          </h3>\n          <p className=\"text-muted-foreground mb-4 max-w-sm\">\n            {workspaceFilters.search\n              ? tWithFallback(\n                  t,\n                  'workspacesList.emptySearchHint',\n                  'Try adjusting your search criteria'\n                )\n              : tWithFallback(\n                  t,\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={tWithFallback(\n                t,\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                {tWithFallback(\n                  t,\n                  'workspacesList.createFirstButton',\n                  'Create Your First Workspace'\n                )}\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                {tWithFallback(t, 'workspacesList.showing', 'Showing')} {data.items.length}{' '}\n                {tWithFallback(t, 'workspacesList.of', 'of')} {data.total}{' '}\n                {data.total !== 1\n                  ? tWithFallback(t, 'workspacesList.workspaces', 'workspaces')\n                  : tWithFallback(t, 'workspacesList.workspace', 'workspace')}\n              </p>\n              {data.hasMore && (\n                <p className=\"text-xs\">\n                  {tWithFallback(\n                    t,\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.map

@@ -1 +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"}
+{"version":3,"file":"DashboardCustomizer.d.ts","sourceRoot":"","sources":["../../../src/pages/dashboard/DashboardCustomizer.tsx"],"names":[],"mappings":"AAqBA,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,2CA2J1B"}

package/dist/pages/dashboard/DashboardCustomizer.js

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

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

@@ -1 +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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"}
+{"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 { tWithFallback } from '../../utils/i18n';\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\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>\n            {tWithFallback(t, 'dashboardCustomizer.title', 'Customize Dashboard')}\n          </SheetTitle>\n          <SheetDescription>\n            {tWithFallback(\n              t,\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            {tWithFallback(t, '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            {tWithFallback(t, '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.map

@@ -1 +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"}
+{"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,2CAgC5E"}