@burdenoff/microfe-organization 2026.624.2 → 2026.625.2

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

@@ -3,23 +3,23 @@ import { toast as t } from "../../../../node_modules/sonner/dist/index.js";
 import { useTr as n } from "../../../shared/hooks/useTr.js";
 import { LoadingState as r } from "../../../shared/components/feedback/LoadingState.js";
 import { ErrorState as i } from "../../../shared/components/feedback/ErrorState.js";
-import { EmptyState as a } from "../../../shared/components/feedback/EmptyState.js";
-import { useConfirmDialog as o } from "../../../shared/components/dialog/ConfirmDialog.js";
-import { PERMISSIONS as s } from "../../../constants/permissions.js";
-import { MemberRoleBadge as c } from "../../members/components/MemberRoleBadge.js";
-import { useWorkspace as l } from "../hooks/useWorkspaces.js";
-import { WorkspaceStatusBadge as u } from "../components/WorkspaceStatusBadge.js";
-import { useRemoveWorkspaceMember as d, useWorkspaceMembers as f } from "../hooks/useWorkspaceMembers.js";
-import { AddWorkspaceMemberDialog as p } from "../components/AddWorkspaceMemberDialog.js";
-import { useMemo as m, useState as h } from "react";
-import { ArrowLeft as g, Briefcase as _, Edit as v, Trash2 as y, UserPlus as b, Users as x } from "lucide-react";
-import { ResponsiveTable as S } from "@burdenoff/fe-libs/ui";
-import { usePermissions as C } from "@burdenoff/fe-libs/shared/providers/shell";
+import { EmptyState as ee } from "../../../shared/components/feedback/EmptyState.js";
+import { useConfirmDialog as a } from "../../../shared/components/dialog/ConfirmDialog.js";
+import { PERMISSIONS as o } from "../../../constants/permissions.js";
+import { MemberRoleBadge as s } from "../../members/components/MemberRoleBadge.js";
+import { useWorkspace as c } from "../hooks/useWorkspaces.js";
+import { WorkspaceStatusBadge as l } from "../components/WorkspaceStatusBadge.js";
+import { useRemoveWorkspaceMember as u, useWorkspaceMembers as d } from "../hooks/useWorkspaceMembers.js";
+import { AddWorkspaceMemberDialog as f } from "../components/AddWorkspaceMemberDialog.js";
+import { useMemo as p, useState as m } from "react";
+import { ArrowLeft as h, Briefcase as g, Edit as _, Trash2 as v, UserPlus as te, Users as y } from "lucide-react";
+import { CTAOverflowMenu as b, EmphasisPanel as x, GlassCard as S, ResponsiveTable as C } from "@burdenoff/fe-libs/ui";
+import { usePermissions as ne } from "@burdenoff/fe-libs/shared/providers/shell";
 import { jsx as w, jsxs as T } from "react/jsx-runtime";
-import { useParams as ee } from "react-router-dom";
-import { ActorIdentity as E, buildActorFallback as D, useActorProfiles as O } from "@burdenoff/fe-libs/shared";
+import { useParams as E } from "react-router-dom";
+import { ActorIdentity as D, buildActorFallback as O, useActorProfiles as k } from "@burdenoff/fe-libs/shared";
 //#region src/organization-management/modules/workspaces/pages/WorkspaceDetailPage.tsx
-function k(e) {
+function A(e) {
 	return new Date(e).toLocaleDateString("en-US", {
 		year: "numeric",
 		month: "long",
@@ -28,46 +28,46 @@ function k(e) {
 		minute: "2-digit"
 	});
 }
-function A() {
-	let A = n(), { id: j } = ee(), { navigate: M, basePath: N = "/organizations", apiGatewayUrl: P, authToken: F } = e(), { hasPermission: I, isLoading: L } = C(), { workspace: R, loading: z, error: B } = l(j ?? ""), [V, H] = h("overview"), [U, W] = h(!1), { openConfirmDialog: G, ConfirmDialog: K } = o(), { members: q, loading: J, error: Y, refetch: X } = f(V === "members" && j ? j ?? "" : "", 50, 0), { removeWorkspaceMember: Z, loading: Q } = d(), $ = q.length > 0 || V === "members" ? q.length : R?.memberCount ?? 0, te = O(m(() => q.map((e) => ({
+function j() {
+	let j = n(), { id: M } = E(), { navigate: N, basePath: P = "/organizations", apiGatewayUrl: F, authToken: I } = e(), { hasPermission: L, isLoading: R } = ne(), { workspace: z, loading: B, error: V } = c(M ?? ""), [H, U] = m("overview"), [W, G] = m(!1), { openConfirmDialog: K, ConfirmDialog: q } = a(), { members: J, loading: Y, error: X, refetch: Z } = d(H === "members" && M ? M ?? "" : "", 50, 0), { removeWorkspaceMember: Q, loading: re } = u(), $ = J.length > 0 || H === "members" ? J.length : z?.memberCount ?? 0, ie = k(p(() => J.map((e) => ({
 		actorId: e.userId,
 		actorType: "user"
-	})), [q]), {
-		apiGatewayUrl: P,
-		authToken: F,
-		orgId: R?.organizationId,
-		workspaceId: j
-	}), ne = m(() => [{
+	})), [J]), {
+		apiGatewayUrl: F,
+		authToken: I,
+		orgId: z?.organizationId,
+		workspaceId: M
+	}), ae = p(() => [{
 		id: "overview",
-		label: A("workspaces.detail.tab.overview", "Overview")
+		label: j("workspaces.detail.tab.overview", "Overview")
 	}, {
 		id: "members",
-		label: `${A("workspaces.detail.tab.members", "Members")} (${$})`
-	}], [$, A]), re = (e) => {
-		j && G({
-			title: A("workspaces.removeMember.title", "Remove workspace member"),
-			description: `${A("workspaces.removeMember.prefix", "Remove")} ${e} ${A("workspaces.removeMember.suffix", "from this workspace? They will keep their organization membership.")}`,
-			confirmText: A("common.remove", "Remove"),
+		label: `${j("workspaces.detail.tab.members", "Members")} (${$})`
+	}], [$, j]), oe = (e) => {
+		M && K({
+			title: j("workspaces.removeMember.title", "Remove workspace member"),
+			description: `${j("workspaces.removeMember.prefix", "Remove")} ${e} ${j("workspaces.removeMember.suffix", "from this workspace? They will keep their organization membership.")}`,
+			confirmText: j("common.remove", "Remove"),
 			variant: "danger",
 			onConfirm: () => {
 				(async () => {
 					try {
-						let n = await Z(j, e);
-						if (n.errors?.length) throw Error(n.errors[0]?.message ?? A("workspaces.removeMember.failed", "Failed to remove workspace member"));
-						await X(), t.success(A("workspaces.removeMember.success", "Workspace member removed successfully"));
+						let n = await Q(M, e);
+						if (n.errors?.length) throw Error(n.errors[0]?.message ?? j("workspaces.removeMember.failed", "Failed to remove workspace member"));
+						await Z(), t.success(j("workspaces.removeMember.success", "Workspace member removed successfully"));
 					} catch (e) {
-						t.error(e instanceof Error ? e.message : A("workspaces.removeMember.failed", "Failed to remove workspace member"));
+						t.error(e instanceof Error ? e.message : j("workspaces.removeMember.failed", "Failed to remove workspace member"));
 					}
 				})();
 			}
 		});
-	}, ie = [
+	}, se = [
 		{
 			key: "user",
-			header: A("members.detail.userId", "User ID"),
+			header: j("members.detail.userId", "User ID"),
 			priority: "primary",
-			cell: (e) => /* @__PURE__ */ w(E, {
-				profile: te[e.userId] ?? D({
+			cell: (e) => /* @__PURE__ */ w(D, {
+				profile: ie[e.userId] ?? O({
 					actorId: e.userId,
 					actorType: "user"
 				}),
@@ -76,22 +76,22 @@ function A() {
 		},
 		{
 			key: "role",
-			header: A("members.list.column.role", "Role"),
+			header: j("members.list.column.role", "Role"),
 			priority: "secondary",
-			cell: (e) => /* @__PURE__ */ w(c, { role: e.role })
+			cell: (e) => /* @__PURE__ */ w(s, { role: e.role })
 		},
 		{
 			key: "joined",
-			header: A("members.list.joined", "Joined"),
+			header: j("members.list.joined", "Joined"),
 			priority: "secondary",
 			cell: (e) => /* @__PURE__ */ w("span", {
 				className: "text-sm text-[var(--color-text-secondary)]",
-				children: k(e.joinedAt)
+				children: A(e.joinedAt)
 			})
 		},
 		{
 			key: "invitedBy",
-			header: A("members.list.invitedBy", "Invited by"),
+			header: j("members.list.invitedBy", "Invited by"),
 			priority: "secondary",
 			cell: (e) => /* @__PURE__ */ w("span", {
 				className: "break-all font-mono text-sm text-[var(--color-text-secondary)]",
@@ -99,19 +99,19 @@ function A() {
 			})
 		}
 	];
-	return L ? /* @__PURE__ */ w("div", {
+	return R ? /* @__PURE__ */ w("div", {
 		className: "min-h-full bg-[var(--color-bg-canvas)] p-6",
-		children: /* @__PURE__ */ w(r, { message: A("common.loadingPermissions", "Loading permissions...") })
-	}) : I(s.WORKSPACE_READ) ? z ? /* @__PURE__ */ w("div", {
+		children: /* @__PURE__ */ w(r, { message: j("common.loadingPermissions", "Loading permissions...") })
+	}) : L(o.WORKSPACE_READ) ? B ? /* @__PURE__ */ w("div", {
 		className: "min-h-full bg-[var(--color-bg-canvas)] px-4 py-6 sm:px-6",
-		children: /* @__PURE__ */ w(r, { message: A("workspaces.detail.loading", "Loading workspace details...") })
-	}) : B || !R ? /* @__PURE__ */ w("div", {
+		children: /* @__PURE__ */ w(r, { message: j("workspaces.detail.loading", "Loading workspace details...") })
+	}) : V || !z ? /* @__PURE__ */ w("div", {
 		className: "min-h-full bg-[var(--color-bg-canvas)] px-4 py-6 sm:px-6",
 		children: /* @__PURE__ */ w(i, {
-			message: B?.message || A("workspaces.detail.notFound", "Workspace not found"),
+			message: V?.message || j("workspaces.detail.notFound", "Workspace not found"),
 			action: {
-				label: A("workspaces.create.backToWorkspaces", "Back to Workspaces"),
-				onClick: () => M(`${N}/workspaces`)
+				label: j("workspaces.create.backToWorkspaces", "Back to Workspaces"),
+				onClick: () => N(`${P}/workspaces`)
 			}
 		})
 	}) : /* @__PURE__ */ T("div", {
@@ -123,22 +123,22 @@ function A() {
 					className: "space-y-4",
 					children: [/* @__PURE__ */ T("button", {
 						type: "button",
-						onClick: () => M(`${N}/workspaces`),
+						onClick: () => N(`${P}/workspaces`),
 						className: "inline-flex min-h-10 items-center gap-2 text-[var(--color-text-secondary)] transition-all duration-200 hover:text-[var(--color-text-primary)]",
-						children: [/* @__PURE__ */ w(g, {
+						children: [/* @__PURE__ */ w(h, {
 							size: 20,
 							"aria-hidden": "true"
 						}), /* @__PURE__ */ w("span", {
 							className: "text-sm font-medium",
-							children: A("workspaces.create.backToWorkspaces", "Back to Workspaces")
+							children: j("workspaces.create.backToWorkspaces", "Back to Workspaces")
 						})]
-					}), /* @__PURE__ */ T("div", {
-						className: "flex flex-col gap-4 rounded-xl border border-[var(--color-border-default)] bg-[var(--color-bg-surface)] p-5 shadow-[var(--shadow-elevation-1)] lg:flex-row lg:items-start lg:justify-between",
+					}), /* @__PURE__ */ T(x, {
+						className: "flex flex-col gap-4 p-5 lg:flex-row lg:items-start lg:justify-between",
 						children: [/* @__PURE__ */ T("div", {
 							className: "flex min-w-0 items-start gap-4",
 							children: [/* @__PURE__ */ w("div", {
 								className: "flex size-16 items-center justify-center rounded-xl bg-[var(--color-status-info-bgSubtle)] text-[var(--color-status-info-text)]",
-								children: /* @__PURE__ */ w(_, {
+								children: /* @__PURE__ */ w(g, {
 									size: 28,
 									"aria-hidden": "true"
 								})
@@ -148,45 +148,44 @@ function A() {
 									className: "flex flex-wrap items-start gap-2",
 									children: [/* @__PURE__ */ w("h1", {
 										className: "text-3xl font-bold text-[var(--color-text-primary)]",
-										children: R.name
-									}), /* @__PURE__ */ w(u, { status: R.status })]
+										children: z.name
+									}), /* @__PURE__ */ w(l, { status: z.status })]
 								}), /* @__PURE__ */ T("p", {
 									className: "break-all font-mono text-sm text-[var(--color-text-secondary)]",
-									children: ["/", R.slug]
+									children: ["/", z.slug]
 								})]
 							})]
-						}), /* @__PURE__ */ T("div", {
-							className: "flex flex-col gap-3 sm:flex-row",
-							children: [/* @__PURE__ */ T("button", {
-								type: "button",
-								onClick: () => M(`${N}/${R.organizationId}`),
-								className: "inline-flex min-h-11 items-center justify-center gap-2 rounded-lg border border-[var(--color-border-default)] px-4 py-2.5 text-[var(--color-text-primary)] transition-all duration-200 hover:bg-[var(--color-bg-subtle)]",
-								children: [/* @__PURE__ */ w(x, {
+						}), /* @__PURE__ */ w(b, {
+							primary: L(o.WORKSPACE_UPDATE) ? {
+								label: j("workspaces.edit.title", "Edit Workspace"),
+								icon: /* @__PURE__ */ w(_, {
 									size: 16,
 									"aria-hidden": "true"
-								}), /* @__PURE__ */ w("span", { children: A("workspaces.detail.viewOrganization", "View Organization") })]
-							}), I(s.WORKSPACE_UPDATE) && /* @__PURE__ */ T("button", {
-								type: "button",
-								onClick: () => M(`${N}/workspaces/${j}/edit`),
-								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(v, {
+								}),
+								onSelect: () => N(`${P}/workspaces/${M}/edit`)
+							} : void 0,
+							actions: [{
+								label: j("workspaces.detail.viewOrganization", "View Organization"),
+								icon: /* @__PURE__ */ w(y, {
 									size: 16,
 									"aria-hidden": "true"
-								}), /* @__PURE__ */ w("span", { children: A("workspaces.edit.title", "Edit Workspace") })]
-							})]
+								}),
+								onSelect: () => N(`${P}/${z.organizationId}`)
+							}]
 						})]
 					})]
-				}), /* @__PURE__ */ T("div", {
-					className: "rounded-xl border border-[var(--color-border-default)] bg-[var(--color-bg-surface)] shadow-[var(--shadow-elevation-1)]",
+				}), /* @__PURE__ */ T(S, {
+					treatment: "plain",
+					className: "border-border-seam p-0",
 					children: [/* @__PURE__ */ w("div", {
-						className: "overflow-x-auto border-b border-[var(--color-border-default)]",
+						className: "overflow-x-auto border-b border-[var(--color-border-seam)]",
 						children: /* @__PURE__ */ w("div", {
 							className: "flex min-w-max gap-2 px-4 pt-4 sm:px-6",
-							children: ne.map((e) => {
-								let t = V === e.id;
+							children: ae.map((e) => {
+								let t = H === e.id;
 								return /* @__PURE__ */ w("button", {
 									type: "button",
-									onClick: () => H(e.id),
+									onClick: () => U(e.id),
 									className: `inline-flex min-h-11 items-center rounded-t-lg border-b-2 px-4 py-3 text-sm font-medium transition-colors ${t ? "border-[var(--color-action-primary-bg)] text-[var(--color-action-primary-bg)]" : "border-transparent text-[var(--color-text-secondary)] hover:text-[var(--color-text-primary)]"}`,
 									"aria-pressed": t,
 									children: e.label
@@ -195,94 +194,96 @@ function A() {
 						})
 					}), /* @__PURE__ */ w("div", {
 						className: "p-4 sm:p-6",
-						children: V === "overview" ? /* @__PURE__ */ T("div", {
+						children: H === "overview" ? /* @__PURE__ */ T("div", {
 							className: "grid grid-cols-1 gap-6 xl:grid-cols-[minmax(0,1fr)_320px]",
-							children: [/* @__PURE__ */ T("section", {
-								className: "rounded-xl border border-[var(--color-border-default)] bg-[var(--color-bg-canvas)] p-5",
+							children: [/* @__PURE__ */ T(S, {
+								treatment: "plain",
+								className: "border-border-seam bg-[var(--color-bg-canvas)] p-5",
 								children: [/* @__PURE__ */ w("h2", {
 									className: "text-lg font-semibold text-[var(--color-text-primary)]",
-									children: A("workspaces.detail.detailsSection", "Workspace details")
+									children: j("workspaces.detail.detailsSection", "Workspace details")
 								}), /* @__PURE__ */ T("dl", {
 									className: "mt-5 grid grid-cols-1 gap-4 sm:grid-cols-2",
 									children: [
 										/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("dt", {
 											className: "text-sm font-medium text-[var(--color-text-secondary)]",
-											children: A("common.name", "Name")
+											children: j("common.name", "Name")
 										}), /* @__PURE__ */ w("dd", {
 											className: "mt-1 text-sm text-[var(--color-text-primary)]",
-											children: R.name
+											children: z.name
 										})] }),
 										/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("dt", {
 											className: "text-sm font-medium text-[var(--color-text-secondary)]",
-											children: A("common.slug", "Slug")
+											children: j("common.slug", "Slug")
 										}), /* @__PURE__ */ w("dd", {
 											className: "mt-1 break-all font-mono text-sm text-[var(--color-text-primary)]",
-											children: R.slug
+											children: z.slug
 										})] }),
 										/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("dt", {
 											className: "text-sm font-medium text-[var(--color-text-secondary)]",
-											children: A("common.status", "Status")
+											children: j("common.status", "Status")
 										}), /* @__PURE__ */ w("dd", {
 											className: "mt-1",
-											children: /* @__PURE__ */ w(u, { status: R.status })
+											children: /* @__PURE__ */ w(l, { status: z.status })
 										})] }),
 										/* @__PURE__ */ T("div", {
 											className: "sm:col-span-2",
 											children: [/* @__PURE__ */ w("dt", {
 												className: "text-sm font-medium text-[var(--color-text-secondary)]",
-												children: A("members.detail.orgId", "Organization ID")
+												children: j("members.detail.orgId", "Organization ID")
 											}), /* @__PURE__ */ w("dd", {
 												className: "mt-1 break-all font-mono text-sm text-[var(--color-text-primary)]",
-												children: R.organizationId
+												children: z.organizationId
 											})]
 										}),
-										R.endpoint ? /* @__PURE__ */ T("div", {
+										z.endpoint ? /* @__PURE__ */ T("div", {
 											className: "sm:col-span-2",
 											children: [/* @__PURE__ */ w("dt", {
 												className: "text-sm font-medium text-[var(--color-text-secondary)]",
-												children: A("workspaces.detail.endpoint", "Endpoint")
+												children: j("workspaces.detail.endpoint", "Endpoint")
 											}), /* @__PURE__ */ w("dd", {
 												className: "mt-1 break-all font-mono text-sm text-[var(--color-text-primary)]",
-												children: R.endpoint
+												children: z.endpoint
 											})]
 										}) : null
 									]
 								})]
-							}), /* @__PURE__ */ T("aside", {
-								className: "rounded-xl border border-[var(--color-border-default)] bg-[var(--color-bg-canvas)] p-5",
+							}), /* @__PURE__ */ T(S, {
+								treatment: "plain",
+								className: "border-border-seam bg-[var(--color-bg-canvas)] p-5 xl:sticky xl:top-6 xl:self-start",
 								children: [/* @__PURE__ */ w("h2", {
 									className: "text-lg font-semibold text-[var(--color-text-primary)]",
-									children: A("common.metadata", "Metadata")
+									children: j("common.metadata", "Metadata")
 								}), /* @__PURE__ */ T("dl", {
 									className: "mt-5 space-y-4",
 									children: [
 										/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("dt", {
 											className: "text-sm font-medium text-[var(--color-text-secondary)]",
-											children: A("workspaces.list.members", "Members")
+											children: j("workspaces.list.members", "Members")
 										}), /* @__PURE__ */ w("dd", {
 											className: "mt-1 text-sm text-[var(--color-text-primary)]",
 											children: $
 										})] }),
 										/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("dt", {
 											className: "text-sm font-medium text-[var(--color-text-secondary)]",
-											children: A("common.created", "Created")
+											children: j("common.created", "Created")
 										}), /* @__PURE__ */ w("dd", {
 											className: "mt-1 text-sm text-[var(--color-text-primary)]",
-											children: k(R.createdAt)
+											children: A(z.createdAt)
 										})] }),
 										/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("dt", {
 											className: "text-sm font-medium text-[var(--color-text-secondary)]",
-											children: A("common.lastUpdated", "Last updated")
+											children: j("common.lastUpdated", "Last updated")
 										}), /* @__PURE__ */ w("dd", {
 											className: "mt-1 text-sm text-[var(--color-text-primary)]",
-											children: k(R.updatedAt)
+											children: A(z.updatedAt)
 										})] }),
-										R.region ? /* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("dt", {
+										z.region ? /* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("dt", {
 											className: "text-sm font-medium text-[var(--color-text-secondary)]",
-											children: A("workspaces.detail.region", "Region")
+											children: j("workspaces.detail.region", "Region")
 										}), /* @__PURE__ */ w("dd", {
 											className: "mt-1 text-sm text-[var(--color-text-primary)]",
-											children: R.region
+											children: z.region
 										})] }) : null
 									]
 								})]
@@ -293,44 +294,44 @@ function A() {
 								className: "flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between",
 								children: [/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("h2", {
 									className: "text-lg font-semibold text-[var(--color-text-primary)]",
-									children: A("workspaces.detail.membersTitle", "Workspace members")
+									children: j("workspaces.detail.membersTitle", "Workspace members")
 								}), /* @__PURE__ */ w("p", {
 									className: "text-sm text-[var(--color-text-secondary)]",
-									children: A("workspaces.detail.membersSubtitle", "Add organization members to this workspace and manage access.")
-								})] }), I(s.MEMBER_INVITE) && /* @__PURE__ */ T("button", {
+									children: j("workspaces.detail.membersSubtitle", "Add organization members to this workspace and manage access.")
+								})] }), L(o.MEMBER_INVITE) && /* @__PURE__ */ T("button", {
 									type: "button",
-									onClick: () => W(!0),
+									onClick: () => G(!0),
 									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(b, {
+									children: [/* @__PURE__ */ w(te, {
 										size: 16,
 										"aria-hidden": "true"
-									}), /* @__PURE__ */ w("span", { children: A("workspaces.detail.addMember", "Add Member") })]
+									}), /* @__PURE__ */ w("span", { children: j("workspaces.detail.addMember", "Add Member") })]
 								})]
-							}), J ? /* @__PURE__ */ w("div", {
+							}), Y ? /* @__PURE__ */ w("div", {
 								className: "py-8",
-								children: /* @__PURE__ */ w(r, { message: A("workspaces.detail.loadingMembers", "Loading workspace members...") })
-							}) : Y ? /* @__PURE__ */ w(i, {
-								message: Y.message,
+								children: /* @__PURE__ */ w(r, { message: j("workspaces.detail.loadingMembers", "Loading workspace members...") })
+							}) : X ? /* @__PURE__ */ w(i, {
+								message: X.message,
 								action: {
-									label: A("common.retry", "Retry"),
+									label: j("common.retry", "Retry"),
 									onClick: () => {
-										X();
+										Z();
 									}
 								}
-							}) : q.length > 0 ? /* @__PURE__ */ w("div", {
-								className: "overflow-hidden rounded-xl border border-[var(--color-border-default)] bg-[var(--color-bg-canvas)] md:p-2",
-								children: /* @__PURE__ */ w(S, {
-									columns: ie,
-									data: q,
+							}) : J.length > 0 ? /* @__PURE__ */ w("div", {
+								className: "overflow-hidden rounded-xl border border-[var(--color-border-seam)] bg-[var(--color-bg-canvas)] md:p-2",
+								children: /* @__PURE__ */ w(C, {
+									columns: se,
+									data: J,
 									rowKey: (e) => e.id,
 									rowActions: (e) => /* @__PURE__ */ w("button", {
 										type: "button",
-										onClick: () => re(e.userId),
-										disabled: Q,
+										onClick: () => oe(e.userId),
+										disabled: re,
 										className: "rounded-lg p-2 text-[var(--color-status-error-text)] transition-all duration-200 hover:bg-[var(--color-status-error-bgSubtle)] disabled:cursor-not-allowed disabled:opacity-50",
-										"aria-label": `${A("workspaces.removeMember.ariaPrefix", "Remove")} ${e.userId} ${A("workspaces.removeMember.ariaSuffix", "from workspace")}`,
-										title: `${A("workspaces.removeMember.ariaPrefix", "Remove")} ${e.userId} ${A("workspaces.removeMember.ariaSuffix", "from workspace")}`,
-										children: /* @__PURE__ */ w(y, {
+										"aria-label": `${j("workspaces.removeMember.ariaPrefix", "Remove")} ${e.userId} ${j("workspaces.removeMember.ariaSuffix", "from workspace")}`,
+										title: `${j("workspaces.removeMember.ariaPrefix", "Remove")} ${e.userId} ${j("workspaces.removeMember.ariaSuffix", "from workspace")}`,
+										children: /* @__PURE__ */ w(v, {
 											size: 18,
 											"aria-hidden": "true"
 										})
@@ -338,16 +339,16 @@ function A() {
 								})
 							}) : /* @__PURE__ */ w("div", {
 								className: "rounded-xl border border-[var(--color-border-default)] bg-[var(--color-bg-canvas)] p-6",
-								children: /* @__PURE__ */ w(a, {
-									icon: /* @__PURE__ */ w(x, {
+								children: /* @__PURE__ */ w(ee, {
+									icon: /* @__PURE__ */ w(y, {
 										size: 40,
 										"aria-hidden": "true"
 									}),
-									title: A("workspaces.detail.emptyMembersTitle", "No workspace members yet"),
-									description: A("workspaces.detail.emptyMembersDescription", "Add people from the parent organization to grant workspace access."),
+									title: j("workspaces.detail.emptyMembersTitle", "No workspace members yet"),
+									description: j("workspaces.detail.emptyMembersDescription", "Add people from the parent organization to grant workspace access."),
 									action: {
-										label: A("workspaces.detail.addMember", "Add Member"),
-										onClick: () => W(!0)
+										label: j("workspaces.detail.addMember", "Add Member"),
+										onClick: () => G(!0)
 									}
 								})
 							})]
@@ -355,25 +356,25 @@ function A() {
 					})]
 				})]
 			}),
-			/* @__PURE__ */ w(p, {
-				open: U,
-				onOpenChange: W,
-				workspaceId: R.id,
-				organizationId: R.organizationId,
-				existingMembers: q,
-				onInviteOrganizationMember: () => M(`${N}/${R.organizationId}/members/invite`)
+			/* @__PURE__ */ w(f, {
+				open: W,
+				onOpenChange: G,
+				workspaceId: z.id,
+				organizationId: z.organizationId,
+				existingMembers: J,
+				onInviteOrganizationMember: () => N(`${P}/${z.organizationId}/members/invite`)
 			}),
-			K
+			q
 		]
 	}) : /* @__PURE__ */ w("div", {
 		className: "min-h-full bg-[var(--color-bg-canvas)] p-6",
 		children: /* @__PURE__ */ w("div", {
 			className: "p-8 text-center text-[var(--color-text-secondary)]",
-			children: A("workspaces.detail.noPermission", "You don't have permission to view this workspace.")
+			children: j("workspaces.detail.noPermission", "You don't have permission to view this workspace.")
 		})
 	});
 }
 //#endregion
-export { A as WorkspaceDetailPage };
+export { j as WorkspaceDetailPage };
 
 //# sourceMappingURL=WorkspaceDetailPage.js.map