@burdenoff/microfe-workspaces 2026.519.1 → 2026.528.1

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 } 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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"}
+{"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=\"size-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.js

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"DashboardGrid.js","names":[],"sources":["../../../src/pages/dashboard/DashboardGrid.tsx"],"sourcesContent":["/**\n * DashboardGrid — Renders the configured widgets in a responsive grid.\n */\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { tWithFallback } from '../../utils/i18n';\nimport type { WidgetConfig, WidgetProps } from './types';\nimport { 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\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          {tWithFallback(t, 'dashboardGrid.noWidgetsEnabled', 'No widgets enabled')}\n        </p>\n        <p className=\"text-sm text-muted-foreground mt-1\">\n          {tWithFallback(\n            t,\n            'dashboardGrid.noWidgetsHint',\n            'Click \"Customize\" to add widgets to your dashboard'\n          )}\n        </p>\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4\">\n      {enabledWidgets.map((widgetConfig) => {\n        const Component = WIDGET_COMPONENTS[widgetConfig.widgetId];\n        if (!Component) return null;\n\n        return <Component key={widgetConfig.widgetId} {...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,EAEjB,IAAiB,EAAQ,QAAQ,MAAM,EAAE,QAAQ,CAAC,MAAM,GAAG,MAAM,EAAE,QAAQ,EAAE,MAAM;AAmBzF,QAjBI,EAAe,WAAW,IAE1B,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,KAAD;GAAG,WAAU;aACV,EAAc,GAAG,kCAAkC,qBAAqB;GACvE,CAAA,EACJ,kBAAC,KAAD;GAAG,WAAU;aACV,EACC,GACA,+BACA,uDACD;GACC,CAAA,CACA;MAKR,kBAAC,OAAD;EAAK,WAAU;YACZ,EAAe,KAAK,MAAiB;GACpC,IAAM,IAAY,EAAkB,EAAa;AAGjD,UAFK,IAEE,kBAAC,GAAD,EAAuC,GAAI,GAAe,EAA1C,EAAa,SAA6B,GAF1C;IAGvB;EACE,CAAA"}
+{"version":3,"file":"DashboardGrid.js","names":[],"sources":["../../../src/pages/dashboard/DashboardGrid.tsx"],"sourcesContent":["/**\n * DashboardGrid — Renders the configured widgets in a responsive grid.\n */\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { tWithFallback } from '../../utils/i18n';\nimport type { WidgetConfig, WidgetProps } from './types';\nimport { isWidgetAvailable, WIDGET_DEFINITIONS } from './config';\n\n// Widget components\nimport { WelcomeWidget } from './widgets/WelcomeWidget';\nimport { QuickActionsWidget } from './widgets/QuickActionsWidget';\nimport { WorkspacesWidget } from './widgets/WorkspacesWidget';\nimport { ProjectsWidget } from './widgets/ProjectsWidget';\nimport { RecentActivityWidget } from './widgets/RecentActivityWidget';\nimport { UpcomingEventsWidget } from './widgets/UpcomingEventsWidget';\nimport { WorkflowStatsWidget } from './widgets/WorkflowStatsWidget';\nimport { TagCloudWidget } from './widgets/TagCloudWidget';\nimport { StorageWidget } from './widgets/StorageWidget';\nimport { GroupsWidget } from './widgets/GroupsWidget';\nimport { MembersWidget } from './widgets/MembersWidget';\nimport { TipsWidget } from './widgets/TipsWidget';\nimport { VibesWidget } from './widgets/VibesWidget';\nimport { SessionsWidget } from './widgets/SessionsWidget';\nimport { AgentsWidget } from './widgets/AgentsWidget';\n\n// Widget component registry\nconst WIDGET_COMPONENTS: Record<string, React.FC<WidgetProps>> = {\n  welcome: WelcomeWidget,\n  quickActions: QuickActionsWidget,\n  workspaces: WorkspacesWidget,\n  projects: ProjectsWidget,\n  activity: RecentActivityWidget,\n  calendar: UpcomingEventsWidget,\n  workflows: WorkflowStatsWidget,\n  tags: TagCloudWidget,\n  storage: StorageWidget,\n  groups: GroupsWidget,\n  members: MembersWidget,\n  tips: TipsWidget,\n  vibes: VibesWidget,\n  sessions: SessionsWidget,\n  agents: AgentsWidget,\n};\n\ninterface DashboardGridProps extends WidgetProps {\n  widgets: WidgetConfig[];\n}\n\nexport function DashboardGrid({ widgets, productId, ...widgetProps }: DashboardGridProps) {\n  const { t } = useI18n();\n\n  const enabledWidgets = widgets\n    .filter((w) => w.enabled)\n    .filter((w) => {\n      const def = WIDGET_DEFINITIONS[w.widgetId];\n      if (!def) return false;\n      return isWidgetAvailable(def, productId);\n    })\n    .sort((a, b) => a.order - b.order);\n\n  if (enabledWidgets.length === 0) {\n    return (\n      <div className=\"text-center py-12\">\n        <p className=\"text-lg text-muted-foreground\">\n          {tWithFallback(t, 'dashboardGrid.noWidgetsEnabled', 'No widgets enabled')}\n        </p>\n        <p className=\"text-sm text-muted-foreground mt-1\">\n          {tWithFallback(\n            t,\n            'dashboardGrid.noWidgetsHint',\n            'Click \"Customize\" to add widgets to your dashboard'\n          )}\n        </p>\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4\">\n      {enabledWidgets.map((widgetConfig) => {\n        const Component = WIDGET_COMPONENTS[widgetConfig.widgetId];\n        if (!Component) return null;\n\n        return <Component key={widgetConfig.widgetId} productId={productId} {...widgetProps} />;\n      })}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AA0BA,IAAM,IAA2D;CAC/D,SAAS;CACT,cAAc;CACd,YAAY;CACZ,UAAU;CACV,UAAU;CACV,UAAU;CACV,WAAW;CACX,MAAM;CACN,SAAS;CACT,QAAQ;CACR,SAAS;CACT,MAAM;CACN,OAAO;CACP,UAAU;CACV,QAAQ;CACT;AAMD,SAAgB,EAAc,EAAE,YAAS,cAAW,GAAG,KAAmC;CACxF,IAAM,EAAE,SAAM,GAAS,EAEjB,IAAiB,EACpB,QAAQ,MAAM,EAAE,QAAQ,CACxB,QAAQ,MAAM;EACb,IAAM,IAAM,EAAmB,EAAE;AAEjC,SADK,IACE,EAAkB,GAAK,EAAU,GADvB;GAEjB,CACD,MAAM,GAAG,MAAM,EAAE,QAAQ,EAAE,MAAM;AAmBpC,QAjBI,EAAe,WAAW,IAE1B,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,KAAD;GAAG,WAAU;aACV,EAAc,GAAG,kCAAkC,qBAAqB;GACvE,CAAA,EACJ,kBAAC,KAAD;GAAG,WAAU;aACV,EACC,GACA,+BACA,uDACD;GACC,CAAA,CACA;MAKR,kBAAC,OAAD;EAAK,WAAU;YACZ,EAAe,KAAK,MAAiB;GACpC,IAAM,IAAY,EAAkB,EAAa;AAGjD,UAFK,IAEE,kBAAC,GAAD;IAAkD;IAAW,GAAI;IAAe,EAAhE,EAAa,SAAmD,GAFhE;IAGvB;EACE,CAAA"}