@burdenoff/microfe-workspaces 2026.625.2 → 2026.625.4

package/dist/pages/WorkspacesListPage.js

@@ -1,229 +1,218 @@
 import { useWorkspacesContext as e } from "../providers/WorkspacesProvider.js";
 import { useWorkspacesStore as t } from "../store/workspacesStore.js";
-import { useMyWorkspaces as n } from "../hooks/useWorkspaces.js";
-import { useMyPendingInvitations as r } from "../hooks/usePendingInvitations.js";
-import { useScopedNavigation as i } from "../hooks/useScopedNavigation.js";
-import { WorkspaceCard as a } from "../components/WorkspaceCard.js";
-import { WORKSPACE_PERMISSIONS as o } from "../constants/permissions.js";
-import { tWithFallback as s } from "../utils/i18n.js";
-import { useWorkspacesPageView as c } from "../hooks/useWorkspacesPageView.js";
-import { useEffect as l, useState as u } from "react";
-import { Grid3X3 as d, List as f, Mail as p, MoreHorizontal as m, Plus as h, Search as g, UserPlus as _ } from "lucide-react";
-import { Fragment as v, jsx as y, jsxs as b } from "react/jsx-runtime";
-import { Badge as ee, Button as x, DropdownMenu as S, DropdownMenuContent as C, DropdownMenuItem as w, DropdownMenuTrigger as T, Input as E, Skeleton as D } from "@burdenoff/fe-libs/ui";
-import { useNavigate as O } from "react-router-dom";
-import { useDebounce as k } from "@burdenoff/fe-libs/shared/hooks";
-import { PermissionButton as A } from "@burdenoff/fe-libs/shared/components";
-import { useI18n as j } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { useMyWorkspaces as ee } from "../hooks/useWorkspaces.js";
+import { useMyPendingInvitations as n } from "../hooks/usePendingInvitations.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 { 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, Mail as f, MoreHorizontal as p, Plus as m, Search as h, UserPlus as g } from "lucide-react";
+import { Fragment as _, jsx as v, jsxs as y } from "react/jsx-runtime";
+import { AuroraBackground as b, Badge as x, Button as S, DropdownMenu as C, DropdownMenuContent as w, DropdownMenuItem as T, DropdownMenuTrigger as E, GradientText as D, IllustratedEmptyState as te, Input as O, Skeleton as k } from "@burdenoff/fe-libs/ui";
+import { useNavigate as A } from "react-router-dom";
+import { useDebounce as j } from "@burdenoff/fe-libs/shared/hooks";
+import { PermissionButton as M } from "@burdenoff/fe-libs/shared/components";
+import { useI18n as N } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
 //#region src/pages/WorkspacesListPage.tsx
-function M() {
-	c("workspaces.list");
-	let { t: M } = j(), N = O(), { basePath: P = "/", currentUser: F, workspaceId: I } = e(), { withCurrentSearch: L } = i(), { viewMode: R, setViewMode: z, workspaceFilters: B, setWorkspaceFilters: V } = t(), H = () => {
-		N(L(`${P}/new`));
-	}, [U, W] = u(B.search || ""), G = k(U, 500);
-	l(() => {
-		G !== B.search && V({ search: G });
+function P() {
+	s("workspaces.list");
+	let { t: P } = N(), F = A(), { basePath: I = "/", currentUser: L, workspaceId: R } = e(), { withCurrentSearch: z } = r(), { viewMode: B, setViewMode: V, workspaceFilters: H, setWorkspaceFilters: U } = t(), W = () => {
+		F(z(`${I}/new`));
+	}, [G, K] = l(H.search || ""), q = j(G, 500);
+	c(() => {
+		q !== H.search && U({ search: q });
 	}, [
-		G,
-		B.search,
-		V
+		q,
+		H.search,
+		U
 	]);
-	let { data: K, isLoading: q, error: J } = n(), { data: Y = [] } = r(F?.email), X = Y.length, Z = () => {
-		N(L(`${P}/invites`));
-	}, Q = () => {
-		I && N(L(`${P}/${I}/invite`));
-	}, $ = K ? {
-		...K,
-		items: G ? K.items.filter((e) => e.name.toLowerCase().includes(G.toLowerCase())) : K.items,
-		total: G ? K.items.filter((e) => e.name.toLowerCase().includes(G.toLowerCase())).length : K.total
+	let { data: J, isLoading: Y, error: X } = ee(), { data: Z = [] } = n(L?.email), Q = Z.length, ne = () => {
+		F(z(`${I}/invites`));
+	}, re = () => {
+		R && F(z(`${I}/${R}/invite`));
+	}, $ = J ? {
+		...J,
+		items: q ? J.items.filter((e) => e.name.toLowerCase().includes(q.toLowerCase())) : J.items,
+		total: q ? J.items.filter((e) => e.name.toLowerCase().includes(q.toLowerCase())).length : J.total
 	} : void 0;
-	return J ? /* @__PURE__ */ y("div", {
+	return X ? /* @__PURE__ */ v("div", {
 		className: "space-y-4 sm:space-y-6 p-3 sm:p-6",
-		children: /* @__PURE__ */ b("div", {
+		children: /* @__PURE__ */ y("div", {
 			className: "flex flex-col items-center justify-center py-12",
-			children: [/* @__PURE__ */ y("p", {
+			children: [/* @__PURE__ */ v("p", {
 				className: "text-status-error-text text-lg font-semibold",
-				children: s(M, "workspacesList.loadError", "Error loading workspaces")
-			}), /* @__PURE__ */ y("p", {
+				children: o(P, "workspacesList.loadError", "Error loading workspaces")
+			}), /* @__PURE__ */ v("p", {
 				className: "text-text-secondary text-sm mt-2",
-				children: J instanceof Error ? J.message : s(M, "workspacesList.unknownError", "Unknown error")
+				children: X instanceof Error ? X.message : o(P, "workspacesList.unknownError", "Unknown error")
 			})]
 		})
-	}) : /* @__PURE__ */ b("div", {
+	}) : /* @__PURE__ */ y("div", {
 		className: "space-y-4 sm:space-y-6 p-3 sm:p-6",
 		children: [
-			/* @__PURE__ */ b("div", {
-				className: "flex flex-col sm:flex-row sm:items-center sm:justify-between gap-3",
+			/* @__PURE__ */ y("div", {
+				className: "relative overflow-hidden rounded-card flex flex-col sm:flex-row sm:items-center sm:justify-between gap-3 px-3 py-3 sm:px-4 sm:py-4",
 				"data-tour": "workspaces-list-header",
-				children: [/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("h1", {
-					className: "text-2xl sm:text-3xl font-bold",
-					children: s(M, "workspacesList.title", "Workspaces")
-				}), /* @__PURE__ */ y("p", {
-					className: "text-sm sm:text-base text-text-secondary",
-					children: s(M, "workspacesList.description", "Manage and organize your workspaces")
-				})] }), /* @__PURE__ */ b("div", {
-					className: "flex items-center gap-2",
-					"data-tour": "workspaces-list-actions",
-					children: [
-						/* @__PURE__ */ y(x, {
-							variant: R === "grid" ? "default" : "outline",
-							size: "icon",
-							onClick: () => z("grid"),
-							className: "hidden sm:flex",
-							"aria-label": s(M, "workspacesList.gridViewAriaLabel", "Show workspaces in grid view"),
-							title: s(M, "workspacesList.gridViewTitle", "Grid view"),
-							children: /* @__PURE__ */ y(d, { size: 20 })
-						}),
-						/* @__PURE__ */ y(x, {
-							variant: R === "list" ? "default" : "outline",
-							size: "icon",
-							onClick: () => z("list"),
-							className: "hidden sm:flex",
-							"aria-label": s(M, "workspacesList.listViewAriaLabel", "Show workspaces in list view"),
-							title: s(M, "workspacesList.listViewTitle", "List view"),
-							children: /* @__PURE__ */ y(f, { size: 20 })
-						}),
-						/* @__PURE__ */ b(S, { children: [/* @__PURE__ */ y(T, {
-							asChild: !0,
-							children: /* @__PURE__ */ b(x, {
-								variant: "outline",
+				children: [
+					/* @__PURE__ */ v(b, { intensity: "subtle" }),
+					/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("h1", {
+						className: "text-2xl sm:text-3xl font-bold",
+						children: /* @__PURE__ */ v(D, { children: o(P, "workspacesList.title", "Workspaces") })
+					}), /* @__PURE__ */ v("p", {
+						className: "text-sm sm:text-base text-text-secondary",
+						children: o(P, "workspacesList.description", "Manage and organize your workspaces")
+					})] }),
+					/* @__PURE__ */ y("div", {
+						className: "flex items-center gap-2",
+						"data-tour": "workspaces-list-actions",
+						children: [
+							/* @__PURE__ */ v(S, {
+								variant: B === "grid" ? "default" : "outline",
 								size: "icon",
-								"aria-label": "More actions",
-								className: "relative",
-								children: [/* @__PURE__ */ y(m, { size: 18 }), X > 0 ? /* @__PURE__ */ y("span", { className: "absolute -top-1 -right-1 flex size-2 rounded-full bg-action-primary-bg" }) : null]
-							})
-						}), /* @__PURE__ */ b(C, {
-							align: "end",
-							children: [/* @__PURE__ */ y(A, {
-								permission: o.MEMBER_CREATE,
+								onClick: () => V("grid"),
+								className: "hidden sm:flex",
+								"aria-label": o(P, "workspacesList.gridViewAriaLabel", "Show workspaces in grid view"),
+								title: o(P, "workspacesList.gridViewTitle", "Grid view"),
+								children: /* @__PURE__ */ v(u, { size: 20 })
+							}),
+							/* @__PURE__ */ v(S, {
+								variant: B === "list" ? "default" : "outline",
+								size: "icon",
+								onClick: () => V("list"),
+								className: "hidden sm:flex",
+								"aria-label": o(P, "workspacesList.listViewAriaLabel", "Show workspaces in list view"),
+								title: o(P, "workspacesList.listViewTitle", "List view"),
+								children: /* @__PURE__ */ v(d, { size: 20 })
+							}),
+							/* @__PURE__ */ y(C, { children: [/* @__PURE__ */ v(E, {
+								asChild: !0,
+								children: /* @__PURE__ */ y(S, {
+									variant: "outline",
+									size: "icon",
+									"aria-label": "More actions",
+									className: "relative",
+									children: [/* @__PURE__ */ v(p, { size: 18 }), Q > 0 ? /* @__PURE__ */ v("span", { className: "absolute -top-1 -right-1 flex size-2 rounded-full bg-action-primary-bg" }) : null]
+								})
+							}), /* @__PURE__ */ y(w, {
+								align: "end",
+								children: [/* @__PURE__ */ v(M, {
+									permission: a.MEMBER_CREATE,
+									deniedBehavior: "disable",
+									deniedTooltip: o(P, "workspacesList.inviteDeniedTooltip", "You don't have permission to invite members into the current workspace"),
+									children: /* @__PURE__ */ y(T, {
+										onSelect: re,
+										disabled: !R,
+										className: "gap-2",
+										children: [/* @__PURE__ */ v(g, { size: 16 }), o(P, "workspacesList.inviteMemberButton", "Invite Member")]
+									})
+								}), /* @__PURE__ */ y(T, {
+									onSelect: ne,
+									className: "gap-2",
+									children: [
+										/* @__PURE__ */ v(f, { size: 16 }),
+										/* @__PURE__ */ v("span", {
+											className: "flex-1",
+											children: o(P, "workspacesList.pendingInvitesButton", "Pending Invites")
+										}),
+										Q > 0 ? /* @__PURE__ */ v(x, {
+											variant: "secondary",
+											children: Q
+										}) : null
+									]
+								})]
+							})] }),
+							/* @__PURE__ */ v(M, {
+								permission: a.WORKSPACE_CREATE,
 								deniedBehavior: "disable",
-								deniedTooltip: s(M, "workspacesList.inviteDeniedTooltip", "You don't have permission to invite members into the current workspace"),
-								children: /* @__PURE__ */ b(w, {
-									onSelect: Q,
-									disabled: !I,
+								deniedTooltip: o(P, "workspacesList.createDeniedTooltip", "You don't have permission to create workspaces"),
+								children: /* @__PURE__ */ y(S, {
+									onClick: W,
 									className: "gap-2",
-									children: [/* @__PURE__ */ y(_, { size: 16 }), s(M, "workspacesList.inviteMemberButton", "Invite Member")]
+									"data-tour": "workspaces-create-button",
+									children: [
+										/* @__PURE__ */ v(m, { size: 20 }),
+										/* @__PURE__ */ v("span", {
+											className: "hidden sm:inline",
+											children: o(P, "workspacesList.createButton", "Create Workspace")
+										}),
+										/* @__PURE__ */ v("span", {
+											className: "sm:hidden",
+											children: o(P, "workspacesList.createButtonShort", "Create")
+										})
+									]
 								})
-							}), /* @__PURE__ */ b(w, {
-								onSelect: Z,
-								className: "gap-2",
-								children: [
-									/* @__PURE__ */ y(p, { size: 16 }),
-									/* @__PURE__ */ y("span", {
-										className: "flex-1",
-										children: s(M, "workspacesList.pendingInvitesButton", "Pending Invites")
-									}),
-									X > 0 ? /* @__PURE__ */ y(ee, {
-										variant: "secondary",
-										children: X
-									}) : null
-								]
-							})]
-						})] }),
-						/* @__PURE__ */ y(A, {
-							permission: o.WORKSPACE_CREATE,
-							deniedBehavior: "disable",
-							deniedTooltip: s(M, "workspacesList.createDeniedTooltip", "You don't have permission to create workspaces"),
-							children: /* @__PURE__ */ b(x, {
-								onClick: H,
-								className: "gap-2",
-								"data-tour": "workspaces-create-button",
-								children: [
-									/* @__PURE__ */ y(h, { size: 20 }),
-									/* @__PURE__ */ y("span", {
-										className: "hidden sm:inline",
-										children: s(M, "workspacesList.createButton", "Create Workspace")
-									}),
-									/* @__PURE__ */ y("span", {
-										className: "sm:hidden",
-										children: s(M, "workspacesList.createButtonShort", "Create")
-									})
-								]
 							})
-						})
-					]
-				})]
+						]
+					})
+				]
 			}),
-			/* @__PURE__ */ b("div", {
+			/* @__PURE__ */ y("div", {
 				className: "relative",
 				"data-tour": "workspaces-search-input",
-				children: [/* @__PURE__ */ y(g, {
+				children: [/* @__PURE__ */ v(h, {
 					className: "absolute left-3 top-1/2 -translate-y-1/2 text-text-secondary",
 					size: 20
-				}), /* @__PURE__ */ y(E, {
-					placeholder: s(M, "workspacesList.searchPlaceholder", "Search workspaces..."),
-					value: U,
+				}), /* @__PURE__ */ v(O, {
+					placeholder: o(P, "workspacesList.searchPlaceholder", "Search workspaces..."),
+					value: G,
 					onChange: (e) => {
-						W(e.target.value);
+						K(e.target.value);
 					},
 					className: "pl-[3.25rem]"
 				})]
 			}),
-			/* @__PURE__ */ y("div", {
+			/* @__PURE__ */ v("div", {
 				className: "space-y-4 sm:space-y-6",
 				"data-tour": "workspaces-view-container",
-				children: q ? /* @__PURE__ */ y("div", {
+				children: Y ? /* @__PURE__ */ v("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__ */ b("div", {
+					children: Array.from({ length: 6 }).map((e, t) => /* @__PURE__ */ y("div", {
 						className: "space-y-3 p-6 border border-border-seam rounded-lg",
-						children: [/* @__PURE__ */ b("div", {
+						children: [/* @__PURE__ */ y("div", {
 							className: "flex items-center gap-3",
-							children: [/* @__PURE__ */ y(D, { className: "size-12 rounded-lg" }), /* @__PURE__ */ b("div", {
+							children: [/* @__PURE__ */ v(k, { className: "size-12 rounded-lg" }), /* @__PURE__ */ y("div", {
 								className: "space-y-2 flex-1",
-								children: [/* @__PURE__ */ y(D, { className: "h-4 w-3/4" }), /* @__PURE__ */ y(D, { className: "h-3 w-1/2" })]
+								children: [/* @__PURE__ */ v(k, { className: "h-4 w-3/4" }), /* @__PURE__ */ v(k, { className: "h-3 w-1/2" })]
 							})]
-						}), /* @__PURE__ */ y(D, { className: "h-3 w-1/3" })]
+						}), /* @__PURE__ */ v(k, { className: "h-3 w-1/3" })]
 					}, t))
-				}) : $?.items.length === 0 ? /* @__PURE__ */ b("div", {
-					className: "flex flex-col items-center justify-center py-12 text-center",
-					children: [
-						/* @__PURE__ */ y("div", {
-							className: "rounded-full bg-bg-sunken p-6 mb-4",
-							children: /* @__PURE__ */ y(d, {
-								size: 48,
-								className: "text-text-secondary"
-							})
-						}),
-						/* @__PURE__ */ y("h3", {
-							className: "text-lg font-semibold mb-2",
-							children: s(M, "workspacesList.emptyTitle", "No workspaces found")
-						}),
-						/* @__PURE__ */ y("p", {
-							className: "text-text-secondary mb-4 max-w-sm",
-							children: B.search ? s(M, "workspacesList.emptySearchHint", "Try adjusting your search criteria") : s(M, "workspacesList.emptyCreateHint", "Get started by creating your first workspace")
-						}),
-						!B.search && /* @__PURE__ */ y(A, {
-							permission: o.WORKSPACE_CREATE,
-							deniedBehavior: "disable",
-							deniedTooltip: s(M, "workspacesList.createDeniedTooltip", "You don't have permission to create workspaces"),
-							children: /* @__PURE__ */ b(x, {
-								onClick: H,
-								className: "gap-2",
-								children: [/* @__PURE__ */ y(h, { size: 20 }), s(M, "workspacesList.createFirstButton", "Create Your First Workspace")]
-							})
+				}) : $?.items.length === 0 ? /* @__PURE__ */ v(te, {
+					illustration: H.search ? "empty-search" : "onboarding",
+					title: o(P, "workspacesList.emptyTitle", "No workspaces found"),
+					description: H.search ? o(P, "workspacesList.emptySearchHint", "Try adjusting your search criteria") : o(P, "workspacesList.emptyCreateHint", "Get started by creating your first workspace"),
+					action: H.search ? void 0 : /* @__PURE__ */ v(M, {
+						permission: a.WORKSPACE_CREATE,
+						deniedBehavior: "disable",
+						deniedTooltip: o(P, "workspacesList.createDeniedTooltip", "You don't have permission to create workspaces"),
+						children: /* @__PURE__ */ y(S, {
+							onClick: W,
+							className: "gap-2",
+							children: [/* @__PURE__ */ v(m, { size: 20 }), o(P, "workspacesList.createFirstButton", "Create Your First Workspace")]
 						})
-					]
-				}) : /* @__PURE__ */ b(v, { children: [R === "list" ? /* @__PURE__ */ y("div", {
+					})
+				}) : /* @__PURE__ */ y(_, { children: [B === "list" ? /* @__PURE__ */ v("div", {
 					className: "space-y-3",
-					children: $?.items.map((e) => /* @__PURE__ */ y(a, { workspace: e }, e.id))
-				}) : /* @__PURE__ */ y("div", {
+					children: $?.items.map((e) => /* @__PURE__ */ v(i, { workspace: e }, e.id))
+				}) : /* @__PURE__ */ v("div", {
 					className: "grid grid-cols-1 md:grid-cols-2 xl:grid-cols-3 gap-4",
-					children: $?.items.map((e) => /* @__PURE__ */ y(a, { workspace: e }, e.id))
-				}), $ && $.total > 0 && /* @__PURE__ */ b("div", {
+					children: $?.items.map((e) => /* @__PURE__ */ v(i, { workspace: e }, e.id))
+				}), $ && $.total > 0 && /* @__PURE__ */ y("div", {
 					className: "flex items-center justify-between text-sm text-text-secondary",
-					children: [/* @__PURE__ */ b("p", { children: [
-						s(M, "workspacesList.showing", "Showing"),
+					children: [/* @__PURE__ */ y("p", { children: [
+						o(P, "workspacesList.showing", "Showing"),
 						" ",
 						$.items.length,
 						" ",
-						s(M, "workspacesList.of", "of"),
+						o(P, "workspacesList.of", "of"),
 						" ",
 						$.total,
 						" ",
-						$.total === 1 ? s(M, "workspacesList.workspace", "workspace") : s(M, "workspacesList.workspaces", "workspaces")
-					] }), $.hasMore && /* @__PURE__ */ y("p", {
+						$.total === 1 ? o(P, "workspacesList.workspace", "workspace") : o(P, "workspacesList.workspaces", "workspaces")
+					] }), $.hasMore && /* @__PURE__ */ v("p", {
 						className: "text-xs",
-						children: s(M, "workspacesList.moreAvailable", "More workspaces available - pagination coming soon")
+						children: o(P, "workspacesList.moreAvailable", "More workspaces available - pagination coming soon")
 					})]
 				})] })
 			})
@@ -231,6 +220,6 @@ function M() {
 	});
 }
 //#endregion
-export { M as WorkspacesListPage };
+export { P 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, Mail, UserPlus } from 'lucide-react';\nimport {\n  Badge,\n  Button,\n  Input,\n  Skeleton,\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuTrigger,\n} from '@burdenoff/fe-libs/ui';\nimport { MoreHorizontal } from 'lucide-react';\nimport { useNavigate } from 'react-router-dom';\nimport { useWorkspacesStore } from '../store/workspacesStore';\nimport { useMyWorkspaces } from '../hooks/useWorkspaces';\nimport { useMyPendingInvitations } from '../hooks/usePendingInvitations';\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 = '/', currentUser, workspaceId: currentWorkspaceId } = 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  const { data: pendingInvitations = [] } = useMyPendingInvitations(currentUser?.email);\n  const pendingInvitesCount = pendingInvitations.length;\n\n  const handleOpenPendingInvites = () => {\n    navigate(withCurrentSearch(`${basePath}/invites`));\n  };\n\n  const handleInviteMember = () => {\n    if (!currentWorkspaceId) {\n      return;\n    }\n\n    navigate(withCurrentSearch(`${basePath}/${currentWorkspaceId}/invite`));\n  };\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-status-error-text text-lg font-semibold\">\n            {tWithFallback(t, 'workspacesList.loadError', 'Error loading workspaces')}\n          </p>\n          <p className=\"text-text-secondary 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\n        className=\"flex flex-col sm:flex-row sm:items-center sm:justify-between gap-3\"\n        data-tour=\"workspaces-list-header\"\n      >\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-text-secondary\">\n            {tWithFallback(t, 'workspacesList.description', 'Manage and organize your workspaces')}\n          </p>\n        </div>\n        <div className=\"flex items-center gap-2\" data-tour=\"workspaces-list-actions\">\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          {/* Secondary actions collapsed into an overflow \"More\" menu */}\n          <DropdownMenu>\n            <DropdownMenuTrigger asChild>\n              <Button variant=\"outline\" size=\"icon\" aria-label=\"More actions\" className=\"relative\">\n                <MoreHorizontal size={18} />\n                {pendingInvitesCount > 0 ? (\n                  <span className=\"absolute -top-1 -right-1 flex size-2 rounded-full bg-action-primary-bg\" />\n                ) : null}\n              </Button>\n            </DropdownMenuTrigger>\n            <DropdownMenuContent align=\"end\">\n              <PermissionButton\n                permission={WORKSPACE_PERMISSIONS.MEMBER_CREATE}\n                deniedBehavior=\"disable\"\n                deniedTooltip={tWithFallback(\n                  t,\n                  'workspacesList.inviteDeniedTooltip',\n                  \"You don't have permission to invite members into the current workspace\"\n                )}\n              >\n                <DropdownMenuItem\n                  onSelect={handleInviteMember}\n                  disabled={!currentWorkspaceId}\n                  className=\"gap-2\"\n                >\n                  <UserPlus size={16} />\n                  {tWithFallback(t, 'workspacesList.inviteMemberButton', 'Invite Member')}\n                </DropdownMenuItem>\n              </PermissionButton>\n              <DropdownMenuItem onSelect={handleOpenPendingInvites} className=\"gap-2\">\n                <Mail size={16} />\n                <span className=\"flex-1\">\n                  {tWithFallback(t, 'workspacesList.pendingInvitesButton', 'Pending Invites')}\n                </span>\n                {pendingInvitesCount > 0 ? (\n                  <Badge variant=\"secondary\">{pendingInvitesCount}</Badge>\n                ) : null}\n              </DropdownMenuItem>\n            </DropdownMenuContent>\n          </DropdownMenu>\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\n              onClick={handleCreateWorkspace}\n              className=\"gap-2\"\n              data-tour=\"workspaces-create-button\"\n            >\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\" data-tour=\"workspaces-search-input\">\n        <Search\n          className=\"absolute left-3 top-1/2 -translate-y-1/2 text-text-secondary\"\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      <div className=\"space-y-4 sm:space-y-6\" data-tour=\"workspaces-view-container\">\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 border-border-seam 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-bg-sunken p-6 mb-4\">\n              <Grid3X3 size={48} className=\"text-text-secondary\" />\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-text-secondary 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-text-secondary\">\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    </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, Mail, UserPlus } from 'lucide-react';\nimport {\n  Badge,\n  Button,\n  Input,\n  Skeleton,\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuTrigger,\n  AuroraBackground,\n  GradientText,\n  IllustratedEmptyState,\n} from '@burdenoff/fe-libs/ui';\nimport { MoreHorizontal } from 'lucide-react';\nimport { useNavigate } from 'react-router-dom';\nimport { useWorkspacesStore } from '../store/workspacesStore';\nimport { useMyWorkspaces } from '../hooks/useWorkspaces';\nimport { useMyPendingInvitations } from '../hooks/usePendingInvitations';\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 = '/', currentUser, workspaceId: currentWorkspaceId } = 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  const { data: pendingInvitations = [] } = useMyPendingInvitations(currentUser?.email);\n  const pendingInvitesCount = pendingInvitations.length;\n\n  const handleOpenPendingInvites = () => {\n    navigate(withCurrentSearch(`${basePath}/invites`));\n  };\n\n  const handleInviteMember = () => {\n    if (!currentWorkspaceId) {\n      return;\n    }\n\n    navigate(withCurrentSearch(`${basePath}/${currentWorkspaceId}/invite`));\n  };\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-status-error-text text-lg font-semibold\">\n            {tWithFallback(t, 'workspacesList.loadError', 'Error loading workspaces')}\n          </p>\n          <p className=\"text-text-secondary 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\n        className=\"relative overflow-hidden rounded-card flex flex-col sm:flex-row sm:items-center sm:justify-between gap-3 px-3 py-3 sm:px-4 sm:py-4\"\n        data-tour=\"workspaces-list-header\"\n      >\n        <AuroraBackground intensity=\"subtle\" />\n        <div>\n          <h1 className=\"text-2xl sm:text-3xl font-bold\">\n            <GradientText>{tWithFallback(t, 'workspacesList.title', 'Workspaces')}</GradientText>\n          </h1>\n          <p className=\"text-sm sm:text-base text-text-secondary\">\n            {tWithFallback(t, 'workspacesList.description', 'Manage and organize your workspaces')}\n          </p>\n        </div>\n        <div className=\"flex items-center gap-2\" data-tour=\"workspaces-list-actions\">\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          {/* Secondary actions collapsed into an overflow \"More\" menu */}\n          <DropdownMenu>\n            <DropdownMenuTrigger asChild>\n              <Button variant=\"outline\" size=\"icon\" aria-label=\"More actions\" className=\"relative\">\n                <MoreHorizontal size={18} />\n                {pendingInvitesCount > 0 ? (\n                  <span className=\"absolute -top-1 -right-1 flex size-2 rounded-full bg-action-primary-bg\" />\n                ) : null}\n              </Button>\n            </DropdownMenuTrigger>\n            <DropdownMenuContent align=\"end\">\n              <PermissionButton\n                permission={WORKSPACE_PERMISSIONS.MEMBER_CREATE}\n                deniedBehavior=\"disable\"\n                deniedTooltip={tWithFallback(\n                  t,\n                  'workspacesList.inviteDeniedTooltip',\n                  \"You don't have permission to invite members into the current workspace\"\n                )}\n              >\n                <DropdownMenuItem\n                  onSelect={handleInviteMember}\n                  disabled={!currentWorkspaceId}\n                  className=\"gap-2\"\n                >\n                  <UserPlus size={16} />\n                  {tWithFallback(t, 'workspacesList.inviteMemberButton', 'Invite Member')}\n                </DropdownMenuItem>\n              </PermissionButton>\n              <DropdownMenuItem onSelect={handleOpenPendingInvites} className=\"gap-2\">\n                <Mail size={16} />\n                <span className=\"flex-1\">\n                  {tWithFallback(t, 'workspacesList.pendingInvitesButton', 'Pending Invites')}\n                </span>\n                {pendingInvitesCount > 0 ? (\n                  <Badge variant=\"secondary\">{pendingInvitesCount}</Badge>\n                ) : null}\n              </DropdownMenuItem>\n            </DropdownMenuContent>\n          </DropdownMenu>\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\n              onClick={handleCreateWorkspace}\n              className=\"gap-2\"\n              data-tour=\"workspaces-create-button\"\n            >\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\" data-tour=\"workspaces-search-input\">\n        <Search\n          className=\"absolute left-3 top-1/2 -translate-y-1/2 text-text-secondary\"\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      <div className=\"space-y-4 sm:space-y-6\" data-tour=\"workspaces-view-container\">\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 border-border-seam 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          <IllustratedEmptyState\n            illustration={workspaceFilters.search ? 'empty-search' : 'onboarding'}\n            title={tWithFallback(t, 'workspacesList.emptyTitle', 'No workspaces found')}\n            description={\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            }\n            action={\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              ) : undefined\n            }\n          />\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-text-secondary\">\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    </div>\n  );\n}\n"],"mappings":"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"}

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

@@ -1,40 +1,39 @@
 import { WidgetWrapper as e } from "../WidgetWrapper.js";
 import { AlertTriangle as t, ArrowRight as n, Bot as r, Wifi as i, WifiOff as a } from "lucide-react";
 import { jsx as o, jsxs as s } from "react/jsx-runtime";
-import { Button as c } from "@burdenoff/fe-libs/ui";
+import { Button as c, IllustratedEmptyState as l } from "@burdenoff/fe-libs/ui";
 //#region src/pages/dashboard/widgets/AgentsWidget.tsx
-function l({ workspaceData: l, isLoading: u, navigate: d }) {
-	let f = l?.agentFleet ?? null, p = f?.total ?? 0;
+function u({ workspaceData: u, isLoading: d, navigate: f }) {
+	let p = u?.agentFleet ?? null, m = p?.total ?? 0;
 	return /* @__PURE__ */ o(e, {
 		title: "Agent Fleet",
 		icon: /* @__PURE__ */ o(r, { className: "size-4" }),
 		size: "small",
-		isLoading: u,
-		unavailable: !l,
+		isLoading: d,
+		unavailable: !u,
 		headerAction: /* @__PURE__ */ s(c, {
 			variant: "ghost",
 			size: "sm",
 			className: "text-xs",
-			onClick: () => d("/vibecontrols/agents"),
+			onClick: () => f("/vibecontrols/agents"),
 			children: ["Open ", /* @__PURE__ */ o(n, { className: "ml-1 size-3" })]
 		}),
-		children: !f || p === 0 ? /* @__PURE__ */ s("div", {
-			className: "text-center py-3",
-			children: [/* @__PURE__ */ o("p", {
-				className: "text-sm text-text-secondary mb-2",
-				children: "No agents connected"
-			}), /* @__PURE__ */ o(c, {
+		children: !p || m === 0 ? /* @__PURE__ */ o(l, {
+			illustration: "empty-agents",
+			title: "No agents connected",
+			className: "py-4",
+			action: /* @__PURE__ */ o(c, {
 				variant: "outline",
 				size: "sm",
-				onClick: () => d("/vibecontrols/agents/new"),
+				onClick: () => f("/vibecontrols/agents/new"),
 				children: "Connect agent"
-			})]
+			})
 		}) : /* @__PURE__ */ s("div", {
 			className: "space-y-3",
 			children: [
 				/* @__PURE__ */ s("p", {
 					className: "text-2xl font-semibold text-text-primary",
-					children: [p, /* @__PURE__ */ o("span", {
+					children: [m, /* @__PURE__ */ o("span", {
 						className: "ml-1 text-xs font-normal text-text-secondary",
 						children: "total"
 					})]
@@ -45,10 +44,10 @@ function l({ workspaceData: l, isLoading: u, navigate: d }) {
 						/* @__PURE__ */ s("div", {
 							className: "rounded-md bg-status-success-bg/30 p-2",
 							children: [
-								/* @__PURE__ */ o(i, { className: "mx-auto size-4 text-status-success-text" }),
+								/* @__PURE__ */ o(i, { className: `mx-auto size-4 text-status-success-text ${p.online > 0 ? "motion-safe:animate-vc-glow-pulse" : ""}` }),
 								/* @__PURE__ */ o("p", {
 									className: "mt-1 text-sm font-semibold text-text-primary",
-									children: f.online
+									children: p.online
 								}),
 								/* @__PURE__ */ o("p", {
 									className: "text-[10px] text-text-secondary",
@@ -62,7 +61,7 @@ function l({ workspaceData: l, isLoading: u, navigate: d }) {
 								/* @__PURE__ */ o(t, { className: "mx-auto size-4 text-status-warning-text" }),
 								/* @__PURE__ */ o("p", {
 									className: "mt-1 text-sm font-semibold text-text-primary",
-									children: f.degraded
+									children: p.degraded
 								}),
 								/* @__PURE__ */ o("p", {
 									className: "text-[10px] text-text-secondary",
@@ -76,7 +75,7 @@ function l({ workspaceData: l, isLoading: u, navigate: d }) {
 								/* @__PURE__ */ o(a, { className: "mx-auto size-4 text-text-tertiary" }),
 								/* @__PURE__ */ o("p", {
 									className: "mt-1 text-sm font-semibold text-text-primary",
-									children: f.offline
+									children: p.offline
 								}),
 								/* @__PURE__ */ o("p", {
 									className: "text-[10px] text-text-secondary",
@@ -86,12 +85,12 @@ function l({ workspaceData: l, isLoading: u, navigate: d }) {
 						})
 					]
 				}),
-				f.lastSeenAt ? /* @__PURE__ */ s("p", {
+				p.lastSeenAt ? /* @__PURE__ */ s("p", {
 					className: "text-[11px] text-text-secondary text-center",
 					children: [
 						"Last seen",
 						" ",
-						new Date(f.lastSeenAt).toLocaleString(void 0, {
+						new Date(p.lastSeenAt).toLocaleString(void 0, {
 							hour: "2-digit",
 							minute: "2-digit",
 							month: "short",
@@ -104,6 +103,6 @@ function l({ workspaceData: l, isLoading: u, navigate: d }) {
 	});
 }
 //#endregion
-export { l as AgentsWidget };
+export { u as AgentsWidget };
 
 //# sourceMappingURL=AgentsWidget.js.map