@burdenoff/microfe-organization 2026.1026.1 → 2026.1101.2

package/dist/organization-management/modules/workspaces/pages/WorkspacesListPage.js

@@ -1,298 +1,298 @@
-import { useOrgConsole as e } from "../../../providers/OrgConsoleProvider.js";
-import { toast as t } from "../../../../node_modules/sonner/dist/index.js";
-import { WorkspaceStatus as n } from "../../../shared/types/graphql.js";
-import { useTr as r } from "../../../shared/hooks/useTr.js";
-import { SearchInput as i } from "../../../shared/components/input/SearchInput.js";
+import { toast as e } from "../../../../node_modules/sonner/dist/index.js";
+import { useOrgConsole as t } from "../../../providers/OrgConsoleProvider.js";
+import { useDeleteWorkspace as n, useWorkspaces as r } from "../hooks/useWorkspaces.js";
+import { WorkspaceStatusBadge as i } from "../components/WorkspaceStatusBadge.js";
+import { SearchInput as ee } from "../../../shared/components/input/SearchInput.js";
 import { SelectionCheckbox as a } from "../../../shared/components/input/SelectionCheckbox.js";
 import { LoadingState as o } from "../../../shared/components/feedback/LoadingState.js";
 import { ErrorState as s } from "../../../shared/components/feedback/ErrorState.js";
-import { useDebouncedValue as ee } from "../../../shared/hooks/useDebouncedValue.js";
-import { useConfirmDialog as te } from "../../../shared/components/dialog/ConfirmDialog.js";
+import { useDebouncedValue as te } from "../../../shared/hooks/useDebouncedValue.js";
+import { useConfirmDialog as ne } from "../../../shared/components/dialog/ConfirmDialog.js";
 import { PERMISSIONS as c } from "../../../constants/permissions.js";
-import { isNative as l, nativeConfirm as ne, nativeImpact as re, nativeNotify as u, nativeToast as d } from "../../../../utils/nativeBridge.js";
-import { useDeleteWorkspace as ie, useWorkspaces as ae } from "../hooks/useWorkspaces.js";
-import { WorkspaceStatusBadge as f } from "../components/WorkspaceStatusBadge.js";
-import { useEffect as p, useMemo as m, useState as h } from "react";
-import { Eye as g, Plus as _, RefreshCw as oe, SquarePen as v, Trash2 as y } from "lucide-react";
-import { GlassCard as b, IllustratedEmptyState as se, PagePurpose as x } from "@burdenoff/fe-libs/ui";
+import { useTr as l } from "../../../shared/hooks/useTr.js";
+import { WorkspaceStatus as u } from "../../../shared/types/graphql.js";
+import { isNative as d, nativeConfirm as re, nativeImpact as f, nativeNotify as p, nativeToast as m } from "../../../../utils/nativeBridge.js";
+import { useEffect as ie, useMemo as h, useState as g } from "react";
+import { Eye as _, Plus as v, RefreshCw as ae, SquarePen as y, Trash2 as b } from "lucide-react";
+import { GlassCard as x, IllustratedEmptyState as oe, PagePurpose as se } from "@burdenoff/fe-libs/ui";
 import { usePermissions as S } from "@burdenoff/fe-libs/shared/providers/shell";
-import { Fragment as C, jsx as w, jsxs as T } from "react/jsx-runtime";
-//#region src/organization-management/modules/workspaces/pages/WorkspacesListPage.tsx
-function E(e) {
+import { Fragment as ce, jsx as C, jsxs as w } from "react/jsx-runtime";
+// src/organization-management/modules/workspaces/pages/WorkspacesListPage.tsx
+function T(e) {
 	return new Date(e).toLocaleDateString();
 }
-function D({ mode: D = "my" } = {}) {
-	let O = r(), { navigate: k, basePath: A = "/organizations" } = e(), { hasPermission: j, isLoading: ce } = S(), [M, le] = h(""), N = ee(M, 300), [P, ue] = h({}), [F, I] = h(/* @__PURE__ */ new Set()), { openConfirmDialog: L, ConfirmDialog: R } = te(), z = D === "admin" ? "all" : "my", { workspaces: B, loading: V, error: H, refetch: U } = ae({
+function E({ mode: E = "my" } = {}) {
+	let D = l(), { navigate: O, basePath: k = "/organizations" } = t(), { hasPermission: A, isLoading: j } = S(), [M, le] = g(""), N = te(M, 300), [P, F] = g({}), [I, L] = g(/* @__PURE__ */ new Set()), { openConfirmDialog: R, ConfirmDialog: z } = ne(), B = E === "admin" ? "all" : "my", { workspaces: V, loading: H, error: U, refetch: W } = r({
 		...P,
 		search: N || void 0
-	}, z === "my" ? 100 : 20, 0, z), W = m(() => {
-		if (z !== "my") return B;
+	}, B === "my" ? 100 : 20, 0, B), G = h(() => {
+		if (B !== "my") return V;
 		let e = N.trim().toLowerCase();
-		return B.filter((t) => {
+		return V.filter((t) => {
 			let n = !e || t.name.toLowerCase().includes(e) || (t.slug?.toLowerCase().includes(e) ?? !1), r = !P.status || t.status === P.status;
 			return n && r;
 		});
 	}, [
+		V,
 		B,
-		z,
 		N,
 		P.status
-	]), { deleteWorkspace: de, loading: G } = ie();
-	p(() => {
-		I((e) => {
-			let t = new Set(W.map((e) => e.id)), n = new Set([...e].filter((e) => t.has(e)));
+	]), { deleteWorkspace: ue, loading: K } = n();
+	ie(() => {
+		L((e) => {
+			let t = new Set(G.map((e) => e.id)), n = new Set([...e].filter((e) => t.has(e)));
 			return n.size === e.size ? e : n;
 		});
-	}, [W]);
-	let K = m(() => W.filter((e) => F.has(e.id)), [F, W]), q = W.length > 0 && W.every((e) => F.has(e.id)), J = W.some((e) => F.has(e.id)) && !q, Y = async (e) => {
+	}, [G]);
+	let q = h(() => G.filter((e) => I.has(e.id)), [I, G]), J = G.length > 0 && G.every((e) => I.has(e.id)), Y = G.some((e) => I.has(e.id)) && !J, X = async (t) => {
 		try {
-			let n = (await Promise.allSettled(e.map(async (e) => {
-				let t = await de(e);
-				if (t.errors?.length) throw Error(t.errors[0]?.message ?? O("workspaces.suspend.failed", "Failed to suspend workspace"));
+			let n = (await Promise.allSettled(t.map(async (e) => {
+				let t = await ue(e);
+				if (t.errors?.length) throw Error(t.errors[0]?.message ?? D("workspaces.suspend.failed", "Failed to suspend workspace"));
 			}))).find((e) => e.status === "rejected");
 			if (n?.status === "rejected") throw n.reason;
-			I(/* @__PURE__ */ new Set()), await U();
-			let r = e.length === 1 ? O("workspaces.suspend.successSingle", "Workspace suspended successfully") : `${e.length} ${O("workspaces.suspend.successMany", "workspaces suspended successfully")}`;
-			t.success(r), u("success"), l() && d(r);
-		} catch (e) {
-			let n = e instanceof Error ? e.message : O("workspaces.suspend.failed", "Failed to suspend workspace");
-			t.error(n), u("error"), l() && d(n);
+			L(/* @__PURE__ */ new Set()), await W();
+			let r = t.length === 1 ? D("workspaces.suspend.successSingle", "Workspace suspended successfully") : `${t.length} ${D("workspaces.suspend.successMany", "workspaces suspended successfully")}`;
+			e.success(r), p("success"), d() && m(r);
+		} catch (t) {
+			let n = t instanceof Error ? t.message : D("workspaces.suspend.failed", "Failed to suspend workspace");
+			e.error(n), p("error"), d() && m(n);
 		}
-	}, X = (e, t) => {
-		re("medium");
-		let n = O("workspaces.suspend.title", "Suspend workspace"), r = `${O("workspaces.suspend.prefix", "Suspend")} ${t}? ${O("workspaces.suspend.suffix", "Workspace members will lose access until it is reactivated.")}`;
-		ne({
+	}, Z = (e, t) => {
+		f("medium");
+		let n = D("workspaces.suspend.title", "Suspend workspace"), r = `${D("workspaces.suspend.prefix", "Suspend")} ${t}? ${D("workspaces.suspend.suffix", "Workspace members will lose access until it is reactivated.")}`;
+		re({
 			title: n,
 			message: r,
-			okButtonTitle: O("workspaces.suspend.confirm", "Suspend")
+			okButtonTitle: D("workspaces.suspend.confirm", "Suspend")
 		}).then((t) => {
-			t === null ? L({
+			t === null ? R({
 				title: n,
 				description: r,
-				confirmText: O("workspaces.suspend.confirm", "Suspend"),
+				confirmText: D("workspaces.suspend.confirm", "Suspend"),
 				variant: "warning",
 				onConfirm: () => {
-					Y([e]);
+					X([e]);
 				}
-			}) : t && Y([e]);
+			}) : t && X([e]);
 		});
-	}, Z = () => {
-		K.length !== 0 && L({
-			title: O("workspaces.suspend.bulkTitle", "Suspend selected workspaces"),
-			description: `${O("workspaces.suspend.prefix", "Suspend")} ${K.length} ${O(K.length === 1 ? "workspaces.suspend.bulkSuffixSingle" : "workspaces.suspend.bulkSuffixMany", K.length === 1 ? "selected workspace?" : "selected workspaces?")}`,
-			confirmText: `${O("workspaces.suspend.confirm", "Suspend")} ${K.length}`,
+	}, de = () => {
+		q.length !== 0 && R({
+			title: D("workspaces.suspend.bulkTitle", "Suspend selected workspaces"),
+			description: `${D("workspaces.suspend.prefix", "Suspend")} ${q.length} ${D(q.length === 1 ? "workspaces.suspend.bulkSuffixSingle" : "workspaces.suspend.bulkSuffixMany", q.length === 1 ? "selected workspace?" : "selected workspaces?")}`,
+			confirmText: `${D("workspaces.suspend.confirm", "Suspend")} ${q.length}`,
 			variant: "warning",
 			onConfirm: () => {
-				Y(K.map((e) => e.id));
+				X(q.map((e) => e.id));
 			}
 		});
 	}, Q = (e, t) => {
-		I((n) => {
+		L((n) => {
 			let r = new Set(n);
 			return t ? r.add(e) : r.delete(e), r;
 		});
 	}, $ = (e) => {
-		I((t) => {
+		L((t) => {
 			let n = new Set(t);
-			return W.forEach((t) => {
+			return G.forEach((t) => {
 				e ? n.add(t.id) : n.delete(t.id);
 			}), n;
 		});
 	};
-	return ce ? /* @__PURE__ */ w("div", {
+	return j ? /* @__PURE__ */ C("div", {
 		className: "min-h-full bg-[var(--color-bg-canvas)] p-6",
-		children: /* @__PURE__ */ w(o, { message: O("common.loadingPermissions", "Loading permissions...") })
-	}) : j(c.WORKSPACE_LIST) ? V ? /* @__PURE__ */ w("div", {
+		children: /* @__PURE__ */ C(o, { message: D("common.loadingPermissions", "Loading permissions...") })
+	}) : A(c.WORKSPACE_LIST) ? H ? /* @__PURE__ */ C("div", {
 		className: "min-h-full bg-[var(--color-bg-canvas)] px-4 py-6 sm:px-6",
-		children: /* @__PURE__ */ w(o, { message: O("workspaces.list.loading", "Loading workspaces...") })
-	}) : H ? /* @__PURE__ */ w("div", {
+		children: /* @__PURE__ */ C(o, { message: D("workspaces.list.loading", "Loading workspaces...") })
+	}) : U ? /* @__PURE__ */ C("div", {
 		className: "min-h-full bg-[var(--color-bg-canvas)] px-4 py-6 sm:px-6",
-		children: /* @__PURE__ */ w(s, {
-			message: H.message,
+		children: /* @__PURE__ */ C(s, {
+			message: U.message,
 			action: {
-				label: O("common.retry", "Retry"),
+				label: D("common.retry", "Retry"),
 				onClick: () => {
-					U();
+					W();
 				}
 			}
 		})
-	}) : /* @__PURE__ */ T("div", {
+	}) : /* @__PURE__ */ w("div", {
 		className: "min-h-full bg-[var(--color-bg-canvas)] px-4 py-6 sm:px-6 animate-in fade-in duration-200",
-		children: [/* @__PURE__ */ T("div", {
+		children: [/* @__PURE__ */ w("div", {
 			className: "mx-auto flex w-full max-w-7xl flex-col gap-6",
 			children: [
-				/* @__PURE__ */ T("div", {
+				/* @__PURE__ */ w("div", {
 					className: "flex flex-col gap-4 lg:flex-row lg:items-start lg:justify-between",
-					children: [/* @__PURE__ */ T("div", {
+					children: [/* @__PURE__ */ w("div", {
 						className: "space-y-2",
 						children: [
-							/* @__PURE__ */ w("h1", {
+							/* @__PURE__ */ C("h1", {
 								className: "text-3xl font-bold text-[var(--color-text-primary)]",
-								children: O("workspaces.list.title", "Workspaces")
+								children: D("workspaces.list.title", "Workspaces")
 							}),
-							/* @__PURE__ */ w("p", {
+							/* @__PURE__ */ C("p", {
 								className: "max-w-2xl text-[var(--color-text-secondary)]",
-								children: O("workspaces.list.subtitle", "Manage organization workspaces, review their status, and open the workspace detail flow.")
+								children: D("workspaces.list.subtitle", "Manage organization workspaces, review their status, and open the workspace detail flow.")
 							}),
-							/* @__PURE__ */ w(x, {
+							/* @__PURE__ */ C(se, {
 								className: "max-w-2xl",
-								children: O("workspaces.list.purpose", "A workspace is where a team actually does its work — it holds the members, settings, and collaboration for one project or department. Create a workspace to give a group its own space, add the right people, and keep its status (active, inactive, archived) under control.")
+								children: D("workspaces.list.purpose", "A workspace is where a team actually does its work — it holds the members, settings, and collaboration for one project or department. Create a workspace to give a group its own space, add the right people, and keep its status (active, inactive, archived) under control.")
 							})
 						]
-					}), j(c.WORKSPACE_CREATE) && /* @__PURE__ */ T("button", {
+					}), A(c.WORKSPACE_CREATE) && /* @__PURE__ */ w("button", {
 						type: "button",
-						onClick: () => k(`${A}/workspaces/new`),
+						onClick: () => O(`${k}/workspaces/new`),
 						className: "inline-flex min-h-11 items-center justify-center gap-2 rounded-lg bg-[var(--color-action-primary-bg)] px-4 py-2.5 text-[var(--color-action-primary-text)] transition-all duration-200 hover:opacity-90",
-						children: [/* @__PURE__ */ w(_, {
+						children: [/* @__PURE__ */ C(v, {
 							size: 18,
 							"aria-hidden": "true"
-						}), /* @__PURE__ */ w("span", {
+						}), /* @__PURE__ */ C("span", {
 							className: "font-medium",
-							children: O("workspaces.create.button", "Create Workspace")
+							children: D("workspaces.create.button", "Create Workspace")
 						})]
 					})]
 				}),
-				B.length > 0 ? /* @__PURE__ */ T("div", {
+				V.length > 0 ? /* @__PURE__ */ w("div", {
 					className: "grid grid-cols-2 gap-4 sm:grid-cols-3",
 					children: [
-						/* @__PURE__ */ T(b, {
+						/* @__PURE__ */ w(x, {
 							treatment: "glass",
 							glow: !0,
 							className: "p-4",
-							children: [/* @__PURE__ */ w("p", {
+							children: [/* @__PURE__ */ C("p", {
 								className: "text-sm text-text-secondary",
-								children: O("workspaces.list.title", "Workspaces")
-							}), /* @__PURE__ */ w("p", {
+								children: D("workspaces.list.title", "Workspaces")
+							}), /* @__PURE__ */ C("p", {
 								className: "mt-1 text-2xl font-semibold tabular-nums text-text-primary",
-								children: B.length
+								children: V.length
 							})]
 						}),
-						/* @__PURE__ */ T(b, {
+						/* @__PURE__ */ w(x, {
 							treatment: "metric",
 							className: "p-4",
-							children: [/* @__PURE__ */ w("p", {
+							children: [/* @__PURE__ */ C("p", {
 								className: "text-sm text-text-secondary",
-								children: O("workspaces.status.active", "Active")
-							}), /* @__PURE__ */ w("p", {
+								children: D("workspaces.status.active", "Active")
+							}), /* @__PURE__ */ C("p", {
 								className: "mt-1 text-2xl font-semibold tabular-nums text-text-primary",
-								children: B.filter((e) => e.status === n.ACTIVE).length
+								children: V.filter((e) => e.status === u.ACTIVE).length
 							})]
 						}),
-						/* @__PURE__ */ T(b, {
+						/* @__PURE__ */ w(x, {
 							treatment: "metric",
 							className: "col-span-2 p-4 sm:col-span-1",
-							children: [/* @__PURE__ */ w("p", {
+							children: [/* @__PURE__ */ C("p", {
 								className: "text-sm text-text-secondary",
-								children: O("workspaces.list.members", "Members")
-							}), /* @__PURE__ */ w("p", {
+								children: D("workspaces.list.members", "Members")
+							}), /* @__PURE__ */ C("p", {
 								className: "mt-1 text-2xl font-semibold tabular-nums text-text-primary",
-								children: B.reduce((e, t) => e + (t.memberCount ?? 0), 0)
+								children: V.reduce((e, t) => e + (t.memberCount ?? 0), 0)
 							})]
 						})
 					]
 				}) : null,
-				/* @__PURE__ */ T(b, {
+				/* @__PURE__ */ w(x, {
 					treatment: "plain",
 					className: "border-border-seam p-4",
-					children: [/* @__PURE__ */ T("div", {
+					children: [/* @__PURE__ */ w("div", {
 						className: "flex flex-col gap-3 lg:flex-row lg:items-center",
 						children: [
-							/* @__PURE__ */ w(i, {
+							/* @__PURE__ */ C(ee, {
 								value: M,
 								onChange: le,
-								placeholder: O("workspaces.list.searchPlaceholder", "Search workspaces..."),
-								label: O("workspaces.list.searchLabel", "Search workspaces"),
+								placeholder: D("workspaces.list.searchPlaceholder", "Search workspaces..."),
+								label: D("workspaces.list.searchLabel", "Search workspaces"),
 								inputId: "workspaces-search",
 								className: "flex-1"
 							}),
-							/* @__PURE__ */ T("label", {
+							/* @__PURE__ */ w("label", {
 								className: "flex min-h-11 min-w-[180px] flex-col justify-center rounded-lg border border-[var(--color-border-default)] bg-[var(--color-bg-surface)] px-3 py-2 text-sm text-[var(--color-text-secondary)]",
-								children: [/* @__PURE__ */ w("span", {
+								children: [/* @__PURE__ */ C("span", {
 									className: "sr-only",
-									children: O("workspaces.list.filterByStatus", "Filter by workspace status")
-								}), /* @__PURE__ */ T("select", {
+									children: D("workspaces.list.filterByStatus", "Filter by workspace status")
+								}), /* @__PURE__ */ w("select", {
 									value: P.status || "",
-									onChange: (e) => ue({
+									onChange: (e) => F({
 										...P,
 										status: e.target.value ? e.target.value : void 0
 									}),
 									className: "bg-transparent text-[var(--color-text-primary)] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-focus-ring)] scheme-normal dark:scheme-dark [&_option]:bg-bg-surface [&_option]:text-text-primary",
-									"aria-label": O("workspaces.list.filterByStatus", "Filter by workspace status"),
+									"aria-label": D("workspaces.list.filterByStatus", "Filter by workspace status"),
 									children: [
-										/* @__PURE__ */ w("option", {
+										/* @__PURE__ */ C("option", {
 											value: "",
-											children: O("workspaces.list.allStatuses", "All statuses")
+											children: D("workspaces.list.allStatuses", "All statuses")
 										}),
-										/* @__PURE__ */ w("option", {
-											value: n.ACTIVE,
-											children: O("workspaces.status.active", "Active")
+										/* @__PURE__ */ C("option", {
+											value: u.ACTIVE,
+											children: D("workspaces.status.active", "Active")
 										}),
-										/* @__PURE__ */ w("option", {
-											value: n.INACTIVE,
-											children: O("workspaces.status.inactive", "Inactive")
+										/* @__PURE__ */ C("option", {
+											value: u.INACTIVE,
+											children: D("workspaces.status.inactive", "Inactive")
 										}),
-										/* @__PURE__ */ w("option", {
-											value: n.ARCHIVED,
-											children: O("workspaces.status.archived", "Archived")
+										/* @__PURE__ */ C("option", {
+											value: u.ARCHIVED,
+											children: D("workspaces.status.archived", "Archived")
 										})
 									]
 								})]
 							}),
-							/* @__PURE__ */ w("button", {
+							/* @__PURE__ */ C("button", {
 								type: "button",
 								onClick: () => {
-									U();
+									W();
 								},
 								className: "inline-flex min-h-11 items-center justify-center gap-2 rounded-lg border border-[var(--color-border-default)] bg-[var(--color-bg-surface)] px-4 py-2 text-[var(--color-text-primary)] transition-all duration-200 hover:bg-[var(--color-bg-subtle)]",
-								"aria-label": O("workspaces.list.refresh", "Refresh workspaces"),
-								title: O("workspaces.list.refresh", "Refresh workspaces"),
-								children: /* @__PURE__ */ w(oe, {
+								"aria-label": D("workspaces.list.refresh", "Refresh workspaces"),
+								title: D("workspaces.list.refresh", "Refresh workspaces"),
+								children: /* @__PURE__ */ C(ae, {
 									size: 18,
 									"aria-hidden": "true"
 								})
 							})
 						]
-					}), W.length > 0 ? /* @__PURE__ */ T("div", {
+					}), G.length > 0 ? /* @__PURE__ */ w("div", {
 						className: "mt-4 flex flex-col gap-3 rounded-lg border border-[var(--color-border-default)] bg-[var(--color-bg-canvas)] p-4 sm:flex-row sm:items-center sm:justify-between",
-						children: [/* @__PURE__ */ T("div", {
+						children: [/* @__PURE__ */ w("div", {
 							className: "flex flex-wrap items-center gap-3",
-							children: [/* @__PURE__ */ T("label", {
+							children: [/* @__PURE__ */ w("label", {
 								className: "flex items-center gap-2 text-sm text-[var(--color-text-primary)]",
-								children: [/* @__PURE__ */ w(a, {
-									checked: q,
-									indeterminate: J,
+								children: [/* @__PURE__ */ C(a, {
+									checked: J,
+									indeterminate: Y,
 									onChange: $,
-									ariaLabel: O("workspaces.list.selectAll", "Select all workspaces")
-								}), /* @__PURE__ */ w("span", { children: O("common.selectAllVisible", "Select all visible") })]
-							}), F.size > 0 ? /* @__PURE__ */ w("button", {
+									ariaLabel: D("workspaces.list.selectAll", "Select all workspaces")
+								}), /* @__PURE__ */ C("span", { children: D("common.selectAllVisible", "Select all visible") })]
+							}), I.size > 0 ? /* @__PURE__ */ C("button", {
 								type: "button",
-								onClick: () => I(/* @__PURE__ */ new Set()),
+								onClick: () => L(/* @__PURE__ */ new Set()),
 								className: "text-sm text-[var(--color-text-secondary)] transition-colors hover:text-[var(--color-text-primary)]",
-								children: O("common.clearSelection", "Clear selection")
+								children: D("common.clearSelection", "Clear selection")
 							}) : null]
-						}), /* @__PURE__ */ T("div", {
+						}), /* @__PURE__ */ w("div", {
 							className: "flex flex-col gap-2 sm:flex-row sm:items-center",
-							children: [/* @__PURE__ */ T("span", {
+							children: [/* @__PURE__ */ w("span", {
 								className: "text-sm text-[var(--color-text-secondary)]",
 								children: [
-									F.size,
+									I.size,
 									" ",
-									O("common.selected", "selected")
+									D("common.selected", "selected")
 								]
-							}), j(c.WORKSPACE_DELETE) && /* @__PURE__ */ T("button", {
+							}), A(c.WORKSPACE_DELETE) && /* @__PURE__ */ w("button", {
 								type: "button",
-								onClick: Z,
-								disabled: K.length === 0 || G,
+								onClick: de,
+								disabled: q.length === 0 || K,
 								className: "inline-flex min-h-11 items-center justify-center gap-2 rounded-lg border border-[var(--color-status-warning-border)] px-3 py-2 text-[var(--color-status-warning-text)] transition-all duration-200 hover:bg-[var(--color-status-warning-bgSubtle)] disabled:cursor-not-allowed disabled:opacity-50",
 								children: [
-									/* @__PURE__ */ w(y, {
+									/* @__PURE__ */ C(b, {
 										size: 16,
 										"aria-hidden": "true"
 									}),
-									/* @__PURE__ */ w("span", { children: O("workspaces.list.suspendSelected", "Suspend Selected") }),
-									K.length > 0 ? /* @__PURE__ */ T("span", { children: [
+									/* @__PURE__ */ C("span", { children: D("workspaces.list.suspendSelected", "Suspend Selected") }),
+									q.length > 0 ? /* @__PURE__ */ w("span", { children: [
 										"(",
-										K.length,
+										q.length,
 										")"
 									] }) : null
 								]
@@ -300,199 +300,199 @@ function D({ mode: D = "my" } = {}) {
 						})]
 					}) : null]
 				}),
-				W.length === 0 ? /* @__PURE__ */ w(b, {
+				G.length === 0 ? /* @__PURE__ */ C(x, {
 					treatment: "glass",
-					glow: B.length === 0,
+					glow: V.length === 0,
 					className: "border-border-seam p-6",
-					children: /* @__PURE__ */ w(se, {
+					children: /* @__PURE__ */ C(oe, {
 						illustration: "empty-data",
-						title: O("workspaces.list.emptyNoneTitle", "No workspaces found"),
-						description: j(c.WORKSPACE_CREATE) ? O("workspaces.list.emptyNoneDescription", "Create a workspace to start mapping members, organization ownership, and collaboration settings.") : O("workspaces.list.emptyNoneDescriptionViewer", "No workspaces have been created yet."),
-						action: j(c.WORKSPACE_CREATE) ? /* @__PURE__ */ T("button", {
+						title: D("workspaces.list.emptyNoneTitle", "No workspaces found"),
+						description: A(c.WORKSPACE_CREATE) ? D("workspaces.list.emptyNoneDescription", "Create a workspace to start mapping members, organization ownership, and collaboration settings.") : D("workspaces.list.emptyNoneDescriptionViewer", "No workspaces have been created yet."),
+						action: A(c.WORKSPACE_CREATE) ? /* @__PURE__ */ w("button", {
 							type: "button",
-							onClick: () => k(`${A}/workspaces/new`),
+							onClick: () => O(`${k}/workspaces/new`),
 							className: "inline-flex min-h-11 items-center justify-center gap-2 rounded-lg bg-[var(--color-action-primary-bg)] px-4 py-2 font-medium text-[var(--color-action-primary-text)] transition-all duration-200 hover:bg-[var(--color-action-primary-bgHover)]",
-							children: [/* @__PURE__ */ w(_, {
+							children: [/* @__PURE__ */ C(v, {
 								size: 18,
 								"aria-hidden": "true"
-							}), O("workspaces.create.button", "Create Workspace")]
+							}), D("workspaces.create.button", "Create Workspace")]
 						}) : void 0
 					})
-				}) : /* @__PURE__ */ T(C, { children: [/* @__PURE__ */ w("div", {
+				}) : /* @__PURE__ */ w(ce, { children: [/* @__PURE__ */ C("div", {
 					className: "grid gap-4 md:hidden",
-					children: W.map((e) => /* @__PURE__ */ T(b, {
+					children: G.map((e) => /* @__PURE__ */ w(x, {
 						treatment: "insight",
 						className: "border-border-seam p-4",
-						children: [/* @__PURE__ */ T("div", {
+						children: [/* @__PURE__ */ w("div", {
 							className: "flex items-start gap-3",
-							children: [/* @__PURE__ */ w(a, {
-								checked: F.has(e.id),
+							children: [/* @__PURE__ */ C(a, {
+								checked: I.has(e.id),
 								onChange: (t) => Q(e.id, t),
-								ariaLabel: `${O("workspaces.list.selectOne", "Select workspace")} ${e.name}`
-							}), /* @__PURE__ */ T("div", {
+								ariaLabel: `${D("workspaces.list.selectOne", "Select workspace")} ${e.name}`
+							}), /* @__PURE__ */ w("div", {
 								className: "min-w-0 flex-1 space-y-3",
-								children: [/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ T("div", {
+								children: [/* @__PURE__ */ w("div", { children: [/* @__PURE__ */ w("div", {
 									className: "flex flex-wrap items-start gap-2",
-									children: [/* @__PURE__ */ w("h2", {
+									children: [/* @__PURE__ */ C("h2", {
 										className: "text-base font-semibold text-[var(--color-text-primary)]",
 										children: e.name
-									}), /* @__PURE__ */ w(f, { status: e.status })]
-								}), /* @__PURE__ */ T("p", {
+									}), /* @__PURE__ */ C(i, { status: e.status })]
+								}), /* @__PURE__ */ w("p", {
 									className: "mt-1 break-all font-mono text-sm text-[var(--color-text-muted)]",
 									children: ["/", e.slug]
-								})] }), /* @__PURE__ */ T("dl", {
+								})] }), /* @__PURE__ */ w("dl", {
 									className: "grid grid-cols-2 gap-3 text-sm",
-									children: [/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("dt", {
+									children: [/* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("dt", {
 										className: "text-[var(--color-text-secondary)]",
-										children: O("workspaces.list.members", "Members")
-									}), /* @__PURE__ */ w("dd", {
+										children: D("workspaces.list.members", "Members")
+									}), /* @__PURE__ */ C("dd", {
 										className: "font-medium text-[var(--color-text-primary)]",
 										children: e.memberCount ?? 0
-									})] }), /* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("dt", {
+									})] }), /* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("dt", {
 										className: "text-[var(--color-text-secondary)]",
-										children: O("common.created", "Created")
-									}), /* @__PURE__ */ w("dd", {
+										children: D("common.created", "Created")
+									}), /* @__PURE__ */ C("dd", {
 										className: "font-medium text-[var(--color-text-primary)]",
-										children: E(e.createdAt)
+										children: T(e.createdAt)
 									})] })]
 								})]
 							})]
-						}), /* @__PURE__ */ T("div", {
+						}), /* @__PURE__ */ w("div", {
 							className: "mt-4 flex flex-wrap gap-2 border-t border-[var(--color-border-default)] pt-4",
 							children: [
-								/* @__PURE__ */ T("button", {
+								/* @__PURE__ */ w("button", {
 									type: "button",
-									onClick: () => k(`${A}/workspaces/${e.id}`),
+									onClick: () => O(`${k}/workspaces/${e.id}`),
 									className: "inline-flex min-h-10 items-center gap-2 rounded-lg border border-[var(--color-border-default)] px-3 py-2 text-sm text-[var(--color-text-primary)] transition-all duration-200 hover:bg-[var(--color-bg-subtle)]",
-									children: [/* @__PURE__ */ w(g, {
+									children: [/* @__PURE__ */ C(_, {
 										size: 16,
 										"aria-hidden": "true"
-									}), O("common.view", "View")]
+									}), D("common.view", "View")]
 								}),
-								j(c.WORKSPACE_UPDATE) && /* @__PURE__ */ T("button", {
+								A(c.WORKSPACE_UPDATE) && /* @__PURE__ */ w("button", {
 									type: "button",
-									onClick: () => k(`${A}/workspaces/${e.id}/edit`),
+									onClick: () => O(`${k}/workspaces/${e.id}/edit`),
 									className: "inline-flex min-h-10 items-center gap-2 rounded-lg border border-[var(--color-border-default)] px-3 py-2 text-sm text-[var(--color-text-primary)] transition-all duration-200 hover:bg-[var(--color-bg-subtle)]",
-									children: [/* @__PURE__ */ w(v, {
+									children: [/* @__PURE__ */ C(y, {
 										size: 16,
 										"aria-hidden": "true"
-									}), O("common.edit", "Edit")]
+									}), D("common.edit", "Edit")]
 								}),
-								j(c.WORKSPACE_DELETE) && /* @__PURE__ */ T("button", {
+								A(c.WORKSPACE_DELETE) && /* @__PURE__ */ w("button", {
 									type: "button",
-									onClick: () => X(e.id, e.name),
-									disabled: G,
+									onClick: () => Z(e.id, e.name),
+									disabled: K,
 									className: "inline-flex min-h-10 items-center gap-2 rounded-lg border border-[var(--color-status-warning-border)] px-3 py-2 text-sm text-[var(--color-status-warning-text)] transition-all duration-200 hover:bg-[var(--color-status-warning-bgSubtle)] disabled:cursor-not-allowed disabled:opacity-50",
-									children: [/* @__PURE__ */ w(y, {
+									children: [/* @__PURE__ */ C(b, {
 										size: 16,
 										"aria-hidden": "true"
-									}), O("workspaces.suspend.confirm", "Suspend")]
+									}), D("workspaces.suspend.confirm", "Suspend")]
 								})
 							]
 						})]
 					}, e.id))
-				}), /* @__PURE__ */ w(b, {
+				}), /* @__PURE__ */ C(x, {
 					treatment: "plain",
 					className: "hidden overflow-hidden border-border-seam p-0 md:block",
-					children: /* @__PURE__ */ w("div", {
+					children: /* @__PURE__ */ C("div", {
 						className: "overflow-x-auto",
-						children: /* @__PURE__ */ T("table", {
+						children: /* @__PURE__ */ w("table", {
 							className: "min-w-full",
-							children: [/* @__PURE__ */ w("thead", {
+							children: [/* @__PURE__ */ C("thead", {
 								className: "bg-[var(--color-bg-subtle)]",
-								children: /* @__PURE__ */ T("tr", { children: [
-									/* @__PURE__ */ w("th", {
+								children: /* @__PURE__ */ w("tr", { children: [
+									/* @__PURE__ */ C("th", {
 										className: "w-12 px-6 py-3 text-left text-xs font-semibold uppercase tracking-wide text-[var(--color-text-secondary)]",
-										children: /* @__PURE__ */ w(a, {
-											checked: q,
-											indeterminate: J,
+										children: /* @__PURE__ */ C(a, {
+											checked: J,
+											indeterminate: Y,
 											onChange: $,
-											ariaLabel: O("workspaces.list.selectAll", "Select all workspaces")
+											ariaLabel: D("workspaces.list.selectAll", "Select all workspaces")
 										})
 									}),
-									/* @__PURE__ */ w("th", {
+									/* @__PURE__ */ C("th", {
 										className: "px-6 py-3 text-left text-xs font-semibold uppercase tracking-wide text-[var(--color-text-secondary)]",
-										children: O("workspaces.list.column.workspace", "Workspace")
+										children: D("workspaces.list.column.workspace", "Workspace")
 									}),
-									/* @__PURE__ */ w("th", {
+									/* @__PURE__ */ C("th", {
 										className: "px-6 py-3 text-left text-xs font-semibold uppercase tracking-wide text-[var(--color-text-secondary)]",
-										children: O("common.status", "Status")
+										children: D("common.status", "Status")
 									}),
-									/* @__PURE__ */ w("th", {
+									/* @__PURE__ */ C("th", {
 										className: "px-6 py-3 text-left text-xs font-semibold uppercase tracking-wide text-[var(--color-text-secondary)]",
-										children: O("common.created", "Created")
+										children: D("common.created", "Created")
 									}),
-									/* @__PURE__ */ w("th", {
+									/* @__PURE__ */ C("th", {
 										className: "px-6 py-3 text-right text-xs font-semibold uppercase tracking-wide text-[var(--color-text-secondary)]",
-										children: O("common.actions", "Actions")
+										children: D("common.actions", "Actions")
 									})
 								] })
-							}), /* @__PURE__ */ w("tbody", {
+							}), /* @__PURE__ */ C("tbody", {
 								className: "divide-y divide-[var(--color-border-seam)]",
-								children: W.map((e) => /* @__PURE__ */ T("tr", {
+								children: G.map((e) => /* @__PURE__ */ w("tr", {
 									className: "transition-colors hover:bg-[var(--color-bg-subtle)]",
 									children: [
-										/* @__PURE__ */ w("td", {
+										/* @__PURE__ */ C("td", {
 											className: "px-6 py-4 align-top",
-											children: /* @__PURE__ */ w(a, {
-												checked: F.has(e.id),
+											children: /* @__PURE__ */ C(a, {
+												checked: I.has(e.id),
 												onChange: (t) => Q(e.id, t),
-												ariaLabel: `${O("workspaces.list.selectOne", "Select workspace")} ${e.name}`
+												ariaLabel: `${D("workspaces.list.selectOne", "Select workspace")} ${e.name}`
 											})
 										}),
-										/* @__PURE__ */ w("td", {
+										/* @__PURE__ */ C("td", {
 											className: "px-6 py-4",
-											children: /* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("p", {
+											children: /* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("p", {
 												className: "font-medium text-[var(--color-text-primary)]",
 												children: e.name
-											}), /* @__PURE__ */ T("p", {
+											}), /* @__PURE__ */ w("p", {
 												className: "break-all font-mono text-sm text-[var(--color-text-muted)]",
 												children: ["/", e.slug]
 											})] })
 										}),
-										/* @__PURE__ */ w("td", {
+										/* @__PURE__ */ C("td", {
 											className: "px-6 py-4 align-top",
-											children: /* @__PURE__ */ w(f, { status: e.status })
+											children: /* @__PURE__ */ C(i, { status: e.status })
 										}),
-										/* @__PURE__ */ w("td", {
+										/* @__PURE__ */ C("td", {
 											className: "px-6 py-4 align-top text-sm text-[var(--color-text-secondary)]",
-											children: E(e.createdAt)
+											children: T(e.createdAt)
 										}),
-										/* @__PURE__ */ w("td", {
+										/* @__PURE__ */ C("td", {
 											className: "px-6 py-4 align-top",
-											children: /* @__PURE__ */ T("div", {
+											children: /* @__PURE__ */ w("div", {
 												className: "flex items-center justify-end gap-2",
 												children: [
-													/* @__PURE__ */ w("button", {
+													/* @__PURE__ */ C("button", {
 														type: "button",
-														onClick: () => k(`${A}/workspaces/${e.id}`),
+														onClick: () => O(`${k}/workspaces/${e.id}`),
 														className: "rounded-lg p-2 text-[var(--color-text-secondary)] transition-all duration-200 hover:bg-[var(--color-bg-muted)] hover:text-[var(--color-text-primary)]",
-														title: `${O("common.view", "View")} ${e.name}`,
-														"aria-label": `${O("common.view", "View")} ${e.name}`,
-														children: /* @__PURE__ */ w(g, {
+														title: `${D("common.view", "View")} ${e.name}`,
+														"aria-label": `${D("common.view", "View")} ${e.name}`,
+														children: /* @__PURE__ */ C(_, {
 															size: 18,
 															"aria-hidden": "true"
 														})
 													}),
-													j(c.WORKSPACE_UPDATE) && /* @__PURE__ */ w("button", {
+													A(c.WORKSPACE_UPDATE) && /* @__PURE__ */ C("button", {
 														type: "button",
-														onClick: () => k(`${A}/workspaces/${e.id}/edit`),
+														onClick: () => O(`${k}/workspaces/${e.id}/edit`),
 														className: "rounded-lg p-2 text-[var(--color-text-secondary)] transition-all duration-200 hover:bg-[var(--color-bg-muted)] hover:text-[var(--color-text-primary)]",
-														title: `${O("common.edit", "Edit")} ${e.name}`,
-														"aria-label": `${O("common.edit", "Edit")} ${e.name}`,
-														children: /* @__PURE__ */ w(v, {
+														title: `${D("common.edit", "Edit")} ${e.name}`,
+														"aria-label": `${D("common.edit", "Edit")} ${e.name}`,
+														children: /* @__PURE__ */ C(y, {
 															size: 18,
 															"aria-hidden": "true"
 														})
 													}),
-													j(c.WORKSPACE_DELETE) && /* @__PURE__ */ w("button", {
+													A(c.WORKSPACE_DELETE) && /* @__PURE__ */ C("button", {
 														type: "button",
-														onClick: () => X(e.id, e.name),
-														disabled: G,
+														onClick: () => Z(e.id, e.name),
+														disabled: K,
 														className: "rounded-lg p-2 text-[var(--color-status-warning-text)] transition-all duration-200 hover:bg-[var(--color-status-warning-bgSubtle)] disabled:cursor-not-allowed disabled:opacity-50",
-														title: `${O("workspaces.suspend.confirm", "Suspend")} ${e.name}`,
-														"aria-label": `${O("workspaces.suspend.confirm", "Suspend")} ${e.name}`,
-														children: /* @__PURE__ */ w(y, {
+														title: `${D("workspaces.suspend.confirm", "Suspend")} ${e.name}`,
+														"aria-label": `${D("workspaces.suspend.confirm", "Suspend")} ${e.name}`,
+														children: /* @__PURE__ */ C(b, {
 															size: 18,
 															"aria-hidden": "true"
 														})
@@ -507,16 +507,15 @@ function D({ mode: D = "my" } = {}) {
 					})
 				})] })
 			]
-		}), R]
-	}) : /* @__PURE__ */ w("div", {
+		}), z]
+	}) : /* @__PURE__ */ C("div", {
 		className: "min-h-full bg-[var(--color-bg-canvas)] p-6",
-		children: /* @__PURE__ */ w("div", {
+		children: /* @__PURE__ */ C("div", {
 			className: "p-8 text-center text-[var(--color-text-secondary)]",
-			children: O("workspaces.list.noPermission", "You don't have permission to view workspaces.")
+			children: D("workspaces.list.noPermission", "You don't have permission to view workspaces.")
 		})
 	});
 }
-//#endregion
-export { D as WorkspacesListPage };
+export { E as WorkspacesListPage };
 
 //# sourceMappingURL=WorkspacesListPage.js.map