@burdenoff/microfe-organization 2026.510.110

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

@@ -0,0 +1,438 @@
+import { useOrgConsole as e } from "../../../providers/OrgConsoleProvider.js";
+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 { usePermissions as S } from "@burdenoff/fe-libs/shared/providers/shell";
+import { Fragment as C, jsx as w, jsxs as T } from "react/jsx-runtime";
+import { useParams as E } from "react-router-dom";
+//#region src/organization-management/modules/workspaces/pages/WorkspaceDetailPage.tsx
+function D(e) {
+	return new Date(e).toLocaleDateString("en-US", {
+		year: "numeric",
+		month: "long",
+		day: "numeric",
+		hour: "2-digit",
+		minute: "2-digit"
+	});
+}
+function O() {
+	let O = n(), { id: k } = E(), { navigate: A, basePath: j = "/organizations" } = e(), { hasPermission: M, isLoading: N } = S(), { workspace: P, loading: F, error: I } = l(k ?? ""), [L, R] = h("overview"), [z, B] = h(!1), { openConfirmDialog: V, ConfirmDialog: H } = o(), { members: U, loading: W, error: G, refetch: K } = f(L === "members" && k ? k ?? "" : "", 50, 0), { removeWorkspaceMember: q, loading: J } = d(), Y = U.length > 0 || L === "members" ? U.length : P?.memberCount ?? 0, X = m(() => [{
+		id: "overview",
+		label: O("workspaces.detail.tab.overview", "Overview")
+	}, {
+		id: "members",
+		label: `${O("workspaces.detail.tab.members", "Members")} (${Y})`
+	}], [Y, O]), Z = (e) => {
+		k && V({
+			title: O("workspaces.removeMember.title", "Remove workspace member"),
+			description: `${O("workspaces.removeMember.prefix", "Remove")} ${e} ${O("workspaces.removeMember.suffix", "from this workspace? They will keep their organization membership.")}`,
+			confirmText: O("common.remove", "Remove"),
+			variant: "danger",
+			onConfirm: () => {
+				(async () => {
+					try {
+						let n = await q(k, e);
+						if (n.errors?.length) throw Error(n.errors[0]?.message ?? O("workspaces.removeMember.failed", "Failed to remove workspace member"));
+						await K(), t.success(O("workspaces.removeMember.success", "Workspace member removed successfully"));
+					} catch (e) {
+						t.error(e instanceof Error ? e.message : O("workspaces.removeMember.failed", "Failed to remove workspace member"));
+					}
+				})();
+			}
+		});
+	};
+	return N ? /* @__PURE__ */ w("div", {
+		className: "min-h-full bg-[var(--color-bg-canvas)] p-6",
+		children: /* @__PURE__ */ w(r, { message: O("common.loadingPermissions", "Loading permissions...") })
+	}) : M(s.WORKSPACE_READ) ? F ? /* @__PURE__ */ w("div", {
+		className: "min-h-full bg-[var(--color-bg-canvas)] px-4 py-6 sm:px-6",
+		children: /* @__PURE__ */ w(r, { message: O("workspaces.detail.loading", "Loading workspace details...") })
+	}) : I || !P ? /* @__PURE__ */ w("div", {
+		className: "min-h-full bg-[var(--color-bg-canvas)] px-4 py-6 sm:px-6",
+		children: /* @__PURE__ */ w(i, {
+			message: I?.message || O("workspaces.detail.notFound", "Workspace not found"),
+			action: {
+				label: O("workspaces.create.backToWorkspaces", "Back to Workspaces"),
+				onClick: () => A(`${j}/workspaces`)
+			}
+		})
+	}) : /* @__PURE__ */ T("div", {
+		className: "min-h-full bg-[var(--color-bg-canvas)] px-4 py-6 sm:px-6 animate-in fade-in duration-300",
+		children: [
+			/* @__PURE__ */ T("div", {
+				className: "mx-auto flex w-full max-w-7xl flex-col gap-6",
+				children: [/* @__PURE__ */ T("div", {
+					className: "space-y-4",
+					children: [/* @__PURE__ */ T("button", {
+						onClick: () => A(`${j}/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)] active:scale-[0.98]",
+						children: [/* @__PURE__ */ w(g, {
+							size: 20,
+							"aria-hidden": "true"
+						}), /* @__PURE__ */ w("span", {
+							className: "text-sm font-medium",
+							children: O("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",
+						children: [/* @__PURE__ */ T("div", {
+							className: "flex min-w-0 items-start gap-4",
+							children: [/* @__PURE__ */ w("div", {
+								className: "flex h-16 w-16 items-center justify-center rounded-xl bg-[var(--color-status-info-bgSubtle)] text-[var(--color-status-info-text)]",
+								children: /* @__PURE__ */ w(_, {
+									size: 28,
+									"aria-hidden": "true"
+								})
+							}), /* @__PURE__ */ T("div", {
+								className: "min-w-0 space-y-2",
+								children: [/* @__PURE__ */ T("div", {
+									className: "flex flex-wrap items-start gap-2",
+									children: [
+										/* @__PURE__ */ w("h1", {
+											className: "text-3xl font-bold text-[var(--color-text-primary)]",
+											children: P.name
+										}),
+										/* @__PURE__ */ w(u, { status: P.status }),
+										/* @__PURE__ */ w("span", {
+											className: "inline-flex items-center rounded-md bg-[var(--color-bg-subtle)] px-2 py-1 text-xs font-medium text-[var(--color-text-secondary)]",
+											children: P.type
+										})
+									]
+								}), /* @__PURE__ */ T("p", {
+									className: "break-all font-mono text-sm text-[var(--color-text-secondary)]",
+									children: ["/", P.slug]
+								})]
+							})]
+						}), /* @__PURE__ */ T("div", {
+							className: "flex flex-col gap-3 sm:flex-row",
+							children: [/* @__PURE__ */ T("button", {
+								onClick: () => A(`${j}/${P.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, {
+									size: 16,
+									"aria-hidden": "true"
+								}), /* @__PURE__ */ w("span", { children: O("workspaces.detail.viewOrganization", "View Organization") })]
+							}), M(s.WORKSPACE_UPDATE) && /* @__PURE__ */ T("button", {
+								onClick: () => A(`${j}/workspaces/${k}/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 active:scale-[0.98]",
+								children: [/* @__PURE__ */ w(v, {
+									size: 16,
+									"aria-hidden": "true"
+								}), /* @__PURE__ */ w("span", { children: O("workspaces.edit.title", "Edit Workspace") })]
+							})]
+						})]
+					})]
+				}), /* @__PURE__ */ T("div", {
+					className: "rounded-xl border border-[var(--color-border-default)] bg-[var(--color-bg-surface)] shadow-[var(--shadow-elevation-1)]",
+					children: [/* @__PURE__ */ w("div", {
+						className: "overflow-x-auto border-b border-[var(--color-border-default)]",
+						children: /* @__PURE__ */ w("div", {
+							className: "flex min-w-max gap-2 px-4 pt-4 sm:px-6",
+							children: X.map((e) => {
+								let t = L === e.id;
+								return /* @__PURE__ */ w("button", {
+									onClick: () => R(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
+								}, e.id);
+							})
+						})
+					}), /* @__PURE__ */ w("div", {
+						className: "p-4 sm:p-6",
+						children: L === "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__ */ w("h2", {
+									className: "text-lg font-semibold text-[var(--color-text-primary)]",
+									children: O("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: O("common.name", "Name")
+										}), /* @__PURE__ */ w("dd", {
+											className: "mt-1 text-sm text-[var(--color-text-primary)]",
+											children: P.name
+										})] }),
+										/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("dt", {
+											className: "text-sm font-medium text-[var(--color-text-secondary)]",
+											children: O("common.slug", "Slug")
+										}), /* @__PURE__ */ w("dd", {
+											className: "mt-1 break-all font-mono text-sm text-[var(--color-text-primary)]",
+											children: P.slug
+										})] }),
+										/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("dt", {
+											className: "text-sm font-medium text-[var(--color-text-secondary)]",
+											children: O("common.status", "Status")
+										}), /* @__PURE__ */ w("dd", {
+											className: "mt-1",
+											children: /* @__PURE__ */ w(u, { status: P.status })
+										})] }),
+										/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("dt", {
+											className: "text-sm font-medium text-[var(--color-text-secondary)]",
+											children: O("workspaces.list.column.type", "Type")
+										}), /* @__PURE__ */ w("dd", {
+											className: "mt-1 text-sm text-[var(--color-text-primary)]",
+											children: P.type
+										})] }),
+										/* @__PURE__ */ T("div", {
+											className: "sm:col-span-2",
+											children: [/* @__PURE__ */ w("dt", {
+												className: "text-sm font-medium text-[var(--color-text-secondary)]",
+												children: O("members.detail.orgId", "Organization ID")
+											}), /* @__PURE__ */ w("dd", {
+												className: "mt-1 break-all font-mono text-sm text-[var(--color-text-primary)]",
+												children: P.organizationId
+											})]
+										}),
+										P.endpoint ? /* @__PURE__ */ T("div", {
+											className: "sm:col-span-2",
+											children: [/* @__PURE__ */ w("dt", {
+												className: "text-sm font-medium text-[var(--color-text-secondary)]",
+												children: O("workspaces.detail.endpoint", "Endpoint")
+											}), /* @__PURE__ */ w("dd", {
+												className: "mt-1 break-all font-mono text-sm text-[var(--color-text-primary)]",
+												children: P.endpoint
+											})]
+										}) : null
+									]
+								})]
+							}), /* @__PURE__ */ T("aside", {
+								className: "rounded-xl border border-[var(--color-border-default)] bg-[var(--color-bg-canvas)] p-5",
+								children: [/* @__PURE__ */ w("h2", {
+									className: "text-lg font-semibold text-[var(--color-text-primary)]",
+									children: O("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: O("workspaces.list.members", "Members")
+										}), /* @__PURE__ */ w("dd", {
+											className: "mt-1 text-sm text-[var(--color-text-primary)]",
+											children: Y
+										})] }),
+										/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("dt", {
+											className: "text-sm font-medium text-[var(--color-text-secondary)]",
+											children: O("common.created", "Created")
+										}), /* @__PURE__ */ w("dd", {
+											className: "mt-1 text-sm text-[var(--color-text-primary)]",
+											children: D(P.createdAt)
+										})] }),
+										/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("dt", {
+											className: "text-sm font-medium text-[var(--color-text-secondary)]",
+											children: O("common.lastUpdated", "Last updated")
+										}), /* @__PURE__ */ w("dd", {
+											className: "mt-1 text-sm text-[var(--color-text-primary)]",
+											children: D(P.updatedAt)
+										})] }),
+										P.region ? /* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("dt", {
+											className: "text-sm font-medium text-[var(--color-text-secondary)]",
+											children: O("workspaces.detail.region", "Region")
+										}), /* @__PURE__ */ w("dd", {
+											className: "mt-1 text-sm text-[var(--color-text-primary)]",
+											children: P.region
+										})] }) : null
+									]
+								})]
+							})]
+						}) : /* @__PURE__ */ T("section", {
+							className: "space-y-4",
+							children: [/* @__PURE__ */ T("div", {
+								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: O("workspaces.detail.membersTitle", "Workspace members")
+								}), /* @__PURE__ */ w("p", {
+									className: "text-sm text-[var(--color-text-secondary)]",
+									children: O("workspaces.detail.membersSubtitle", "Add organization members to this workspace and manage access.")
+								})] }), M(s.MEMBER_INVITE) && /* @__PURE__ */ T("button", {
+									onClick: () => B(!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 active:scale-[0.98]",
+									children: [/* @__PURE__ */ w(b, {
+										size: 16,
+										"aria-hidden": "true"
+									}), /* @__PURE__ */ w("span", { children: O("workspaces.detail.addMember", "Add Member") })]
+								})]
+							}), W ? /* @__PURE__ */ w("div", {
+								className: "py-8",
+								children: /* @__PURE__ */ w(r, { message: O("workspaces.detail.loadingMembers", "Loading workspace members...") })
+							}) : G ? /* @__PURE__ */ w(i, {
+								message: G.message,
+								action: {
+									label: O("common.retry", "Retry"),
+									onClick: () => {
+										K();
+									}
+								}
+							}) : U.length > 0 ? /* @__PURE__ */ T(C, { children: [/* @__PURE__ */ w("div", {
+								className: "grid gap-4 md:hidden",
+								children: U.map((e) => /* @__PURE__ */ w("article", {
+									className: "rounded-xl border border-[var(--color-border-default)] bg-[var(--color-bg-canvas)] p-4",
+									children: /* @__PURE__ */ T("div", {
+										className: "space-y-3",
+										children: [
+											/* @__PURE__ */ T("div", {
+												className: "flex items-start justify-between gap-3",
+												children: [/* @__PURE__ */ T("div", {
+													className: "min-w-0",
+													children: [/* @__PURE__ */ w("h3", {
+														className: "break-all font-mono text-sm font-semibold text-[var(--color-text-primary)]",
+														children: e.userId
+													}), /* @__PURE__ */ T("p", {
+														className: "mt-1 text-sm text-[var(--color-text-secondary)]",
+														children: [
+															O("members.list.joined", "Joined"),
+															" ",
+															D(e.joinedAt)
+														]
+													})]
+												}), /* @__PURE__ */ w(c, { role: e.role })]
+											}),
+											/* @__PURE__ */ w("dl", {
+												className: "grid grid-cols-1 gap-3 text-sm",
+												children: /* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("dt", {
+													className: "text-[var(--color-text-secondary)]",
+													children: O("members.list.invitedBy", "Invited by")
+												}), /* @__PURE__ */ w("dd", {
+													className: "mt-1 break-all font-mono text-[var(--color-text-primary)]",
+													children: e.invitedBy || "—"
+												})] })
+											}),
+											/* @__PURE__ */ T("button", {
+												onClick: () => Z(e.userId),
+												disabled: J,
+												className: "inline-flex min-h-10 items-center gap-2 rounded-lg border border-[var(--color-status-error-border)] px-3 py-2 text-sm text-[var(--color-status-error-text)] transition-all duration-200 hover:bg-[var(--color-status-error-bgSubtle)] disabled:cursor-not-allowed disabled:opacity-50",
+												children: [/* @__PURE__ */ w(y, {
+													size: 16,
+													"aria-hidden": "true"
+												}), O("common.remove", "Remove")]
+											})
+										]
+									})
+								}, e.id))
+							}), /* @__PURE__ */ w("div", {
+								className: "hidden overflow-hidden rounded-xl border border-[var(--color-border-default)] bg-[var(--color-bg-canvas)] md:block",
+								children: /* @__PURE__ */ w("div", {
+									className: "overflow-x-auto",
+									children: /* @__PURE__ */ T("table", {
+										className: "min-w-full",
+										children: [/* @__PURE__ */ w("thead", {
+											className: "bg-[var(--color-bg-subtle)]",
+											children: /* @__PURE__ */ T("tr", { children: [
+												/* @__PURE__ */ w("th", {
+													className: "px-6 py-3 text-left text-xs font-semibold uppercase tracking-wide text-[var(--color-text-secondary)]",
+													children: O("members.detail.userId", "User ID")
+												}),
+												/* @__PURE__ */ w("th", {
+													className: "px-6 py-3 text-left text-xs font-semibold uppercase tracking-wide text-[var(--color-text-secondary)]",
+													children: O("members.list.column.role", "Role")
+												}),
+												/* @__PURE__ */ w("th", {
+													className: "px-6 py-3 text-left text-xs font-semibold uppercase tracking-wide text-[var(--color-text-secondary)]",
+													children: O("members.list.joined", "Joined")
+												}),
+												/* @__PURE__ */ w("th", {
+													className: "px-6 py-3 text-left text-xs font-semibold uppercase tracking-wide text-[var(--color-text-secondary)]",
+													children: O("members.list.invitedBy", "Invited by")
+												}),
+												/* @__PURE__ */ w("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")
+												})
+											] })
+										}), /* @__PURE__ */ w("tbody", {
+											className: "divide-y divide-[var(--color-border-default)]",
+											children: U.map((e) => /* @__PURE__ */ T("tr", {
+												className: "transition-colors hover:bg-[var(--color-bg-subtle)]",
+												children: [
+													/* @__PURE__ */ w("td", {
+														className: "px-6 py-4 font-mono text-sm text-[var(--color-text-primary)]",
+														children: e.userId
+													}),
+													/* @__PURE__ */ w("td", {
+														className: "px-6 py-4",
+														children: /* @__PURE__ */ w(c, { role: e.role })
+													}),
+													/* @__PURE__ */ w("td", {
+														className: "px-6 py-4 text-sm text-[var(--color-text-secondary)]",
+														children: D(e.joinedAt)
+													}),
+													/* @__PURE__ */ w("td", {
+														className: "px-6 py-4 break-all font-mono text-sm text-[var(--color-text-secondary)]",
+														children: e.invitedBy || "—"
+													}),
+													/* @__PURE__ */ w("td", {
+														className: "px-6 py-4 text-right",
+														children: /* @__PURE__ */ w("button", {
+															onClick: () => Z(e.userId),
+															disabled: J,
+															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": `${O("workspaces.removeMember.ariaPrefix", "Remove")} ${e.userId} ${O("workspaces.removeMember.ariaSuffix", "from workspace")}`,
+															title: `${O("workspaces.removeMember.ariaPrefix", "Remove")} ${e.userId} ${O("workspaces.removeMember.ariaSuffix", "from workspace")}`,
+															children: /* @__PURE__ */ w(y, {
+																size: 18,
+																"aria-hidden": "true"
+															})
+														})
+													})
+												]
+											}, e.id))
+										})]
+									})
+								})
+							})] }) : /* @__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, {
+										size: 40,
+										"aria-hidden": "true"
+									}),
+									title: O("workspaces.detail.emptyMembersTitle", "No workspace members yet"),
+									description: O("workspaces.detail.emptyMembersDescription", "Add people from the parent organization to grant workspace access."),
+									action: {
+										label: O("workspaces.detail.addMember", "Add Member"),
+										onClick: () => B(!0)
+									}
+								})
+							})]
+						})
+					})]
+				})]
+			}),
+			/* @__PURE__ */ w(p, {
+				open: z,
+				onOpenChange: B,
+				workspaceId: P.id,
+				organizationId: P.organizationId,
+				existingMembers: U,
+				onInviteOrganizationMember: () => A(`${j}/${P.organizationId}/members/invite`)
+			}),
+			H
+		]
+	}) : /* @__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: O("workspaces.detail.noPermission", "You don't have permission to view this workspace.")
+		})
+	});
+}
+//#endregion
+export { O as WorkspaceDetailPage };
+
+//# sourceMappingURL=WorkspaceDetailPage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"WorkspaceDetailPage.js","names":[],"sources":["../../../../../src/organization-management/modules/workspaces/pages/WorkspaceDetailPage.tsx"],"sourcesContent":["import { useMemo, useState } from 'react';\nimport { useParams } from 'react-router-dom';\nimport { ArrowLeft, Briefcase, Edit, Trash2, UserPlus, Users } from 'lucide-react';\nimport { toast } from 'sonner';\nimport { usePermissions } from '@burdenoff/fe-libs/shared/providers/shell';\nimport { useOrgConsole } from '../../../providers/OrgConsoleProvider';\nimport { useWorkspace } from '../hooks/useWorkspaces';\nimport { useRemoveWorkspaceMember, useWorkspaceMembers } from '../hooks/useWorkspaceMembers';\nimport { WorkspaceStatusBadge } from '../components/WorkspaceStatusBadge';\nimport { LoadingState } from '../../../shared/components/feedback/LoadingState';\nimport { ErrorState } from '../../../shared/components/feedback/ErrorState';\nimport { EmptyState } from '../../../shared/components/feedback/EmptyState';\nimport { MemberRoleBadge } from '../../members/components/MemberRoleBadge';\nimport { AddWorkspaceMemberDialog } from '../components/AddWorkspaceMemberDialog';\nimport { useConfirmDialog } from '../../../shared/components/dialog/ConfirmDialog';\nimport { PERMISSIONS } from '../../../constants/permissions';\nimport { useTr } from '../../../shared/hooks/useTr';\n\ntype ActiveTab = 'overview' | 'members';\n\nfunction formatDate(dateString: string) {\n  return new Date(dateString).toLocaleDateString('en-US', {\n    year: 'numeric',\n    month: 'long',\n    day: 'numeric',\n    hour: '2-digit',\n    minute: '2-digit',\n  });\n}\n\nexport function WorkspaceDetailPage() {\n  const tr = useTr();\n  const { id } = useParams<{ id: string }>();\n  const { navigate, basePath = '/organizations' } = useOrgConsole();\n  const { hasPermission, isLoading: permissionsLoading } = usePermissions();\n  const { workspace, loading, error } = useWorkspace(id ?? '');\n  const [activeTab, setActiveTab] = useState<ActiveTab>('overview');\n  const [isAddMemberDialogOpen, setIsAddMemberDialogOpen] = useState(false);\n  const { openConfirmDialog, ConfirmDialog } = useConfirmDialog();\n\n  const shouldFetchMembers = activeTab === 'members' && Boolean(id);\n  const {\n    members,\n    loading: membersLoading,\n    error: membersError,\n    refetch: refetchMembers,\n  } = useWorkspaceMembers(shouldFetchMembers ? (id ?? '') : '', 50, 0);\n  const { removeWorkspaceMember, loading: removingMember } = useRemoveWorkspaceMember();\n  const resolvedMemberCount =\n    members.length > 0 || activeTab === 'members' ? members.length : (workspace?.memberCount ?? 0);\n\n  const tabItems = useMemo(\n    () => [\n      { id: 'overview' as const, label: tr('workspaces.detail.tab.overview', 'Overview') },\n      {\n        id: 'members' as const,\n        label: `${tr('workspaces.detail.tab.members', 'Members')} (${resolvedMemberCount})`,\n      },\n    ],\n    [resolvedMemberCount, tr]\n  );\n\n  const handleRemoveMember = (userId: string) => {\n    if (!id) return;\n\n    openConfirmDialog({\n      title: tr('workspaces.removeMember.title', 'Remove workspace member'),\n      description: `${tr('workspaces.removeMember.prefix', 'Remove')} ${userId} ${tr('workspaces.removeMember.suffix', 'from this workspace? They will keep their organization membership.')}`,\n      confirmText: tr('common.remove', 'Remove'),\n      variant: 'danger',\n      onConfirm: () => {\n        void (async () => {\n          try {\n            const result = await removeWorkspaceMember(id, userId);\n            if (result.errors?.length) {\n              throw new Error(\n                result.errors[0]?.message ??\n                  tr('workspaces.removeMember.failed', 'Failed to remove workspace member')\n              );\n            }\n\n            await refetchMembers();\n            toast.success(\n              tr('workspaces.removeMember.success', 'Workspace member removed successfully')\n            );\n          } catch (removeError) {\n            toast.error(\n              removeError instanceof Error\n                ? removeError.message\n                : tr('workspaces.removeMember.failed', 'Failed to remove workspace member')\n            );\n          }\n        })();\n      },\n    });\n  };\n\n  if (permissionsLoading) {\n    return (\n      <div className=\"min-h-full bg-[var(--color-bg-canvas)] p-6\">\n        <LoadingState message={tr('common.loadingPermissions', 'Loading permissions...')} />\n      </div>\n    );\n  }\n\n  if (!hasPermission(PERMISSIONS.WORKSPACE_READ)) {\n    return (\n      <div className=\"min-h-full bg-[var(--color-bg-canvas)] p-6\">\n        <div className=\"p-8 text-center text-[var(--color-text-secondary)]\">\n          {tr(\n            'workspaces.detail.noPermission',\n            \"You don't have permission to view this workspace.\"\n          )}\n        </div>\n      </div>\n    );\n  }\n\n  if (loading) {\n    return (\n      <div className=\"min-h-full bg-[var(--color-bg-canvas)] px-4 py-6 sm:px-6\">\n        <LoadingState message={tr('workspaces.detail.loading', 'Loading workspace details...')} />\n      </div>\n    );\n  }\n\n  if (error || !workspace) {\n    return (\n      <div className=\"min-h-full bg-[var(--color-bg-canvas)] px-4 py-6 sm:px-6\">\n        <ErrorState\n          message={error?.message || tr('workspaces.detail.notFound', 'Workspace not found')}\n          action={{\n            label: tr('workspaces.create.backToWorkspaces', 'Back to Workspaces'),\n            onClick: () => navigate(`${basePath}/workspaces`),\n          }}\n        />\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"min-h-full bg-[var(--color-bg-canvas)] px-4 py-6 sm:px-6 animate-in fade-in duration-300\">\n      <div className=\"mx-auto flex w-full max-w-7xl flex-col gap-6\">\n        <div className=\"space-y-4\">\n          <button\n            onClick={() => navigate(`${basePath}/workspaces`)}\n            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)] active:scale-[0.98]\"\n          >\n            <ArrowLeft size={20} aria-hidden=\"true\" />\n            <span className=\"text-sm font-medium\">\n              {tr('workspaces.create.backToWorkspaces', 'Back to Workspaces')}\n            </span>\n          </button>\n\n          <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\">\n            <div className=\"flex min-w-0 items-start gap-4\">\n              <div className=\"flex h-16 w-16 items-center justify-center rounded-xl bg-[var(--color-status-info-bgSubtle)] text-[var(--color-status-info-text)]\">\n                <Briefcase size={28} aria-hidden=\"true\" />\n              </div>\n\n              <div className=\"min-w-0 space-y-2\">\n                <div className=\"flex flex-wrap items-start gap-2\">\n                  <h1 className=\"text-3xl font-bold text-[var(--color-text-primary)]\">\n                    {workspace.name}\n                  </h1>\n                  <WorkspaceStatusBadge status={workspace.status} />\n                  <span className=\"inline-flex items-center rounded-md bg-[var(--color-bg-subtle)] px-2 py-1 text-xs font-medium text-[var(--color-text-secondary)]\">\n                    {workspace.type}\n                  </span>\n                </div>\n                <p className=\"break-all font-mono text-sm text-[var(--color-text-secondary)]\">\n                  /{workspace.slug}\n                </p>\n              </div>\n            </div>\n\n            <div className=\"flex flex-col gap-3 sm:flex-row\">\n              <button\n                onClick={() => navigate(`${basePath}/${workspace.organizationId}`)}\n                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)]\"\n              >\n                <Users size={16} aria-hidden=\"true\" />\n                <span>{tr('workspaces.detail.viewOrganization', 'View Organization')}</span>\n              </button>\n              {hasPermission(PERMISSIONS.WORKSPACE_UPDATE) && (\n                <button\n                  onClick={() => navigate(`${basePath}/workspaces/${id}/edit`)}\n                  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 active:scale-[0.98]\"\n                >\n                  <Edit size={16} aria-hidden=\"true\" />\n                  <span>{tr('workspaces.edit.title', 'Edit Workspace')}</span>\n                </button>\n              )}\n            </div>\n          </div>\n        </div>\n\n        <div className=\"rounded-xl border border-[var(--color-border-default)] bg-[var(--color-bg-surface)] shadow-[var(--shadow-elevation-1)]\">\n          <div className=\"overflow-x-auto border-b border-[var(--color-border-default)]\">\n            <div className=\"flex min-w-max gap-2 px-4 pt-4 sm:px-6\">\n              {tabItems.map((tabItem) => {\n                const isActive = activeTab === tabItem.id;\n                return (\n                  <button\n                    key={tabItem.id}\n                    onClick={() => setActiveTab(tabItem.id)}\n                    className={`inline-flex min-h-11 items-center rounded-t-lg border-b-2 px-4 py-3 text-sm font-medium transition-colors ${\n                      isActive\n                        ? 'border-[var(--color-action-primary-bg)] text-[var(--color-action-primary-bg)]'\n                        : 'border-transparent text-[var(--color-text-secondary)] hover:text-[var(--color-text-primary)]'\n                    }`}\n                    aria-pressed={isActive}\n                  >\n                    {tabItem.label}\n                  </button>\n                );\n              })}\n            </div>\n          </div>\n\n          <div className=\"p-4 sm:p-6\">\n            {activeTab === 'overview' ? (\n              <div className=\"grid grid-cols-1 gap-6 xl:grid-cols-[minmax(0,1fr)_320px]\">\n                <section className=\"rounded-xl border border-[var(--color-border-default)] bg-[var(--color-bg-canvas)] p-5\">\n                  <h2 className=\"text-lg font-semibold text-[var(--color-text-primary)]\">\n                    {tr('workspaces.detail.detailsSection', 'Workspace details')}\n                  </h2>\n\n                  <dl className=\"mt-5 grid grid-cols-1 gap-4 sm:grid-cols-2\">\n                    <div>\n                      <dt className=\"text-sm font-medium text-[var(--color-text-secondary)]\">\n                        {tr('common.name', 'Name')}\n                      </dt>\n                      <dd className=\"mt-1 text-sm text-[var(--color-text-primary)]\">\n                        {workspace.name}\n                      </dd>\n                    </div>\n                    <div>\n                      <dt className=\"text-sm font-medium text-[var(--color-text-secondary)]\">\n                        {tr('common.slug', 'Slug')}\n                      </dt>\n                      <dd className=\"mt-1 break-all font-mono text-sm text-[var(--color-text-primary)]\">\n                        {workspace.slug}\n                      </dd>\n                    </div>\n                    <div>\n                      <dt className=\"text-sm font-medium text-[var(--color-text-secondary)]\">\n                        {tr('common.status', 'Status')}\n                      </dt>\n                      <dd className=\"mt-1\">\n                        <WorkspaceStatusBadge status={workspace.status} />\n                      </dd>\n                    </div>\n                    <div>\n                      <dt className=\"text-sm font-medium text-[var(--color-text-secondary)]\">\n                        {tr('workspaces.list.column.type', 'Type')}\n                      </dt>\n                      <dd className=\"mt-1 text-sm text-[var(--color-text-primary)]\">\n                        {workspace.type}\n                      </dd>\n                    </div>\n                    <div className=\"sm:col-span-2\">\n                      <dt className=\"text-sm font-medium text-[var(--color-text-secondary)]\">\n                        {tr('members.detail.orgId', 'Organization ID')}\n                      </dt>\n                      <dd className=\"mt-1 break-all font-mono text-sm text-[var(--color-text-primary)]\">\n                        {workspace.organizationId}\n                      </dd>\n                    </div>\n                    {workspace.endpoint ? (\n                      <div className=\"sm:col-span-2\">\n                        <dt className=\"text-sm font-medium text-[var(--color-text-secondary)]\">\n                          {tr('workspaces.detail.endpoint', 'Endpoint')}\n                        </dt>\n                        <dd className=\"mt-1 break-all font-mono text-sm text-[var(--color-text-primary)]\">\n                          {workspace.endpoint}\n                        </dd>\n                      </div>\n                    ) : null}\n                  </dl>\n                </section>\n\n                <aside className=\"rounded-xl border border-[var(--color-border-default)] bg-[var(--color-bg-canvas)] p-5\">\n                  <h2 className=\"text-lg font-semibold text-[var(--color-text-primary)]\">\n                    {tr('common.metadata', 'Metadata')}\n                  </h2>\n\n                  <dl className=\"mt-5 space-y-4\">\n                    <div>\n                      <dt className=\"text-sm font-medium text-[var(--color-text-secondary)]\">\n                        {tr('workspaces.list.members', 'Members')}\n                      </dt>\n                      <dd className=\"mt-1 text-sm text-[var(--color-text-primary)]\">\n                        {resolvedMemberCount}\n                      </dd>\n                    </div>\n                    <div>\n                      <dt className=\"text-sm font-medium text-[var(--color-text-secondary)]\">\n                        {tr('common.created', 'Created')}\n                      </dt>\n                      <dd className=\"mt-1 text-sm text-[var(--color-text-primary)]\">\n                        {formatDate(workspace.createdAt)}\n                      </dd>\n                    </div>\n                    <div>\n                      <dt className=\"text-sm font-medium text-[var(--color-text-secondary)]\">\n                        {tr('common.lastUpdated', 'Last updated')}\n                      </dt>\n                      <dd className=\"mt-1 text-sm text-[var(--color-text-primary)]\">\n                        {formatDate(workspace.updatedAt)}\n                      </dd>\n                    </div>\n                    {workspace.region ? (\n                      <div>\n                        <dt className=\"text-sm font-medium text-[var(--color-text-secondary)]\">\n                          {tr('workspaces.detail.region', 'Region')}\n                        </dt>\n                        <dd className=\"mt-1 text-sm text-[var(--color-text-primary)]\">\n                          {workspace.region}\n                        </dd>\n                      </div>\n                    ) : null}\n                  </dl>\n                </aside>\n              </div>\n            ) : (\n              <section className=\"space-y-4\">\n                <div className=\"flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between\">\n                  <div>\n                    <h2 className=\"text-lg font-semibold text-[var(--color-text-primary)]\">\n                      {tr('workspaces.detail.membersTitle', 'Workspace members')}\n                    </h2>\n                    <p className=\"text-sm text-[var(--color-text-secondary)]\">\n                      {tr(\n                        'workspaces.detail.membersSubtitle',\n                        'Add organization members to this workspace and manage access.'\n                      )}\n                    </p>\n                  </div>\n                  {hasPermission(PERMISSIONS.MEMBER_INVITE) && (\n                    <button\n                      onClick={() => setIsAddMemberDialogOpen(true)}\n                      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 active:scale-[0.98]\"\n                    >\n                      <UserPlus size={16} aria-hidden=\"true\" />\n                      <span>{tr('workspaces.detail.addMember', 'Add Member')}</span>\n                    </button>\n                  )}\n                </div>\n\n                {membersLoading ? (\n                  <div className=\"py-8\">\n                    <LoadingState\n                      message={tr(\n                        'workspaces.detail.loadingMembers',\n                        'Loading workspace members...'\n                      )}\n                    />\n                  </div>\n                ) : membersError ? (\n                  <ErrorState\n                    message={membersError.message}\n                    action={{\n                      label: tr('common.retry', 'Retry'),\n                      onClick: () => {\n                        void refetchMembers();\n                      },\n                    }}\n                  />\n                ) : members.length > 0 ? (\n                  <>\n                    <div className=\"grid gap-4 md:hidden\">\n                      {members.map((member) => (\n                        <article\n                          key={member.id}\n                          className=\"rounded-xl border border-[var(--color-border-default)] bg-[var(--color-bg-canvas)] p-4\"\n                        >\n                          <div className=\"space-y-3\">\n                            <div className=\"flex items-start justify-between gap-3\">\n                              <div className=\"min-w-0\">\n                                <h3 className=\"break-all font-mono text-sm font-semibold text-[var(--color-text-primary)]\">\n                                  {member.userId}\n                                </h3>\n                                <p className=\"mt-1 text-sm text-[var(--color-text-secondary)]\">\n                                  {tr('members.list.joined', 'Joined')}{' '}\n                                  {formatDate(member.joinedAt)}\n                                </p>\n                              </div>\n                              <MemberRoleBadge role={member.role} />\n                            </div>\n\n                            <dl className=\"grid grid-cols-1 gap-3 text-sm\">\n                              <div>\n                                <dt className=\"text-[var(--color-text-secondary)]\">\n                                  {tr('members.list.invitedBy', 'Invited by')}\n                                </dt>\n                                <dd className=\"mt-1 break-all font-mono text-[var(--color-text-primary)]\">\n                                  {member.invitedBy || '—'}\n                                </dd>\n                              </div>\n                            </dl>\n\n                            <button\n                              onClick={() => handleRemoveMember(member.userId)}\n                              disabled={removingMember}\n                              className=\"inline-flex min-h-10 items-center gap-2 rounded-lg border border-[var(--color-status-error-border)] px-3 py-2 text-sm text-[var(--color-status-error-text)] transition-all duration-200 hover:bg-[var(--color-status-error-bgSubtle)] disabled:cursor-not-allowed disabled:opacity-50\"\n                            >\n                              <Trash2 size={16} aria-hidden=\"true\" />\n                              {tr('common.remove', 'Remove')}\n                            </button>\n                          </div>\n                        </article>\n                      ))}\n                    </div>\n\n                    <div className=\"hidden overflow-hidden rounded-xl border border-[var(--color-border-default)] bg-[var(--color-bg-canvas)] md:block\">\n                      <div className=\"overflow-x-auto\">\n                        <table className=\"min-w-full\">\n                          <thead className=\"bg-[var(--color-bg-subtle)]\">\n                            <tr>\n                              <th className=\"px-6 py-3 text-left text-xs font-semibold uppercase tracking-wide text-[var(--color-text-secondary)]\">\n                                {tr('members.detail.userId', 'User ID')}\n                              </th>\n                              <th className=\"px-6 py-3 text-left text-xs font-semibold uppercase tracking-wide text-[var(--color-text-secondary)]\">\n                                {tr('members.list.column.role', 'Role')}\n                              </th>\n                              <th className=\"px-6 py-3 text-left text-xs font-semibold uppercase tracking-wide text-[var(--color-text-secondary)]\">\n                                {tr('members.list.joined', 'Joined')}\n                              </th>\n                              <th className=\"px-6 py-3 text-left text-xs font-semibold uppercase tracking-wide text-[var(--color-text-secondary)]\">\n                                {tr('members.list.invitedBy', 'Invited by')}\n                              </th>\n                              <th className=\"px-6 py-3 text-right text-xs font-semibold uppercase tracking-wide text-[var(--color-text-secondary)]\">\n                                {tr('common.actions', 'Actions')}\n                              </th>\n                            </tr>\n                          </thead>\n                          <tbody className=\"divide-y divide-[var(--color-border-default)]\">\n                            {members.map((member) => (\n                              <tr\n                                key={member.id}\n                                className=\"transition-colors hover:bg-[var(--color-bg-subtle)]\"\n                              >\n                                <td className=\"px-6 py-4 font-mono text-sm text-[var(--color-text-primary)]\">\n                                  {member.userId}\n                                </td>\n                                <td className=\"px-6 py-4\">\n                                  <MemberRoleBadge role={member.role} />\n                                </td>\n                                <td className=\"px-6 py-4 text-sm text-[var(--color-text-secondary)]\">\n                                  {formatDate(member.joinedAt)}\n                                </td>\n                                <td className=\"px-6 py-4 break-all font-mono text-sm text-[var(--color-text-secondary)]\">\n                                  {member.invitedBy || '—'}\n                                </td>\n                                <td className=\"px-6 py-4 text-right\">\n                                  <button\n                                    onClick={() => handleRemoveMember(member.userId)}\n                                    disabled={removingMember}\n                                    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\"\n                                    aria-label={`${tr('workspaces.removeMember.ariaPrefix', 'Remove')} ${member.userId} ${tr('workspaces.removeMember.ariaSuffix', 'from workspace')}`}\n                                    title={`${tr('workspaces.removeMember.ariaPrefix', 'Remove')} ${member.userId} ${tr('workspaces.removeMember.ariaSuffix', 'from workspace')}`}\n                                  >\n                                    <Trash2 size={18} aria-hidden=\"true\" />\n                                  </button>\n                                </td>\n                              </tr>\n                            ))}\n                          </tbody>\n                        </table>\n                      </div>\n                    </div>\n                  </>\n                ) : (\n                  <div className=\"rounded-xl border border-[var(--color-border-default)] bg-[var(--color-bg-canvas)] p-6\">\n                    <EmptyState\n                      icon={<Users size={40} aria-hidden=\"true\" />}\n                      title={tr('workspaces.detail.emptyMembersTitle', 'No workspace members yet')}\n                      description={tr(\n                        'workspaces.detail.emptyMembersDescription',\n                        'Add people from the parent organization to grant workspace access.'\n                      )}\n                      action={{\n                        label: tr('workspaces.detail.addMember', 'Add Member'),\n                        onClick: () => setIsAddMemberDialogOpen(true),\n                      }}\n                    />\n                  </div>\n                )}\n              </section>\n            )}\n          </div>\n        </div>\n      </div>\n\n      <AddWorkspaceMemberDialog\n        open={isAddMemberDialogOpen}\n        onOpenChange={setIsAddMemberDialogOpen}\n        workspaceId={workspace.id}\n        organizationId={workspace.organizationId}\n        existingMembers={members}\n        onInviteOrganizationMember={() =>\n          navigate(`${basePath}/${workspace.organizationId}/members/invite`)\n        }\n      />\n      {ConfirmDialog}\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/organization-management/modules/workspaces/pages/WorkspaceEditPage.d.ts

@@ -0,0 +1,2 @@
+export declare function WorkspaceEditPage(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=WorkspaceEditPage.d.ts.map

package/dist/organization-management/modules/workspaces/pages/WorkspaceEditPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WorkspaceEditPage.d.ts","sourceRoot":"","sources":["../../../../../src/organization-management/modules/workspaces/pages/WorkspaceEditPage.tsx"],"names":[],"mappings":"AAaA,wBAAgB,iBAAiB,4CAiHhC"}

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

@@ -0,0 +1,90 @@
+import { useOrgConsole as e } from "../../../providers/OrgConsoleProvider.js";
+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 { PERMISSIONS as a } from "../../../constants/permissions.js";
+import { useUpdateWorkspace as o, useWorkspace as s } from "../hooks/useWorkspaces.js";
+import { WorkspaceForm as c } from "../components/WorkspaceForm.js";
+import { ArrowLeft as l } from "lucide-react";
+import { usePermissions as u } from "@burdenoff/fe-libs/shared/providers/shell";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
+import { useParams as p } from "react-router-dom";
+//#region src/organization-management/modules/workspaces/pages/WorkspaceEditPage.tsx
+function m() {
+	let m = n(), { id: h } = p(), { navigate: g, basePath: _ = "/organizations" } = e(), { hasPermission: v, isLoading: y } = u(), { workspace: b, loading: x, error: S } = s(h), { updateWorkspace: C, loading: w } = o(), T = async (e) => {
+		if (h) try {
+			let n = await C(h, e);
+			if (n.errors?.length) throw Error(n.errors[0]?.message ?? m("workspaces.edit.failed", "Failed to update workspace"));
+			t.success(m("workspaces.edit.success", "Workspace updated successfully")), g(`${_}/workspaces/${h}`);
+		} catch (e) {
+			t.error(e instanceof Error ? e.message : m("workspaces.edit.failed", "Failed to update workspace"));
+		}
+	}, E = () => {
+		g(`${_}/workspaces/${h}`);
+	};
+	return y ? /* @__PURE__ */ d("div", {
+		className: "min-h-full bg-[var(--color-bg-canvas)] p-6",
+		children: /* @__PURE__ */ d(r, { message: m("common.loadingPermissions", "Loading permissions...") })
+	}) : v(a.WORKSPACE_UPDATE) ? x ? /* @__PURE__ */ d("div", {
+		className: "min-h-full bg-[var(--color-bg-canvas)] px-4 py-6 sm:px-6",
+		children: /* @__PURE__ */ d(r, { message: m("workspaces.edit.loading", "Loading workspace...") })
+	}) : S || !b ? /* @__PURE__ */ d("div", {
+		className: "min-h-full bg-[var(--color-bg-canvas)] px-4 py-6 sm:px-6",
+		children: /* @__PURE__ */ d(i, {
+			message: S?.message || m("workspaces.detail.notFound", "Workspace not found"),
+			action: {
+				label: m("workspaces.create.backToWorkspaces", "Back to Workspaces"),
+				onClick: () => g(`${_}/workspaces`)
+			}
+		})
+	}) : /* @__PURE__ */ f("div", {
+		className: "min-h-full bg-[var(--color-bg-canvas)] px-4 py-6 sm:px-6 animate-in fade-in duration-300",
+		children: [/* @__PURE__ */ f("div", {
+			className: "mb-6",
+			children: [
+				/* @__PURE__ */ f("button", {
+					onClick: E,
+					className: "\n            inline-flex items-center gap-2 mb-4\n            text-[var(--color-text-secondary)]\n            hover:text-[var(--color-text-primary)]\n            active:scale-[0.98]\n            transition-all duration-200\n          ",
+					children: [/* @__PURE__ */ d(l, { size: 20 }), /* @__PURE__ */ f("span", {
+						className: "text-sm font-medium",
+						children: [
+							m("common.backTo", "Back to"),
+							" ",
+							b.name
+						]
+					})]
+				}),
+				/* @__PURE__ */ d("h1", {
+					className: "text-3xl font-bold text-[var(--color-text-primary)] mb-2",
+					children: m("workspaces.edit.title", "Edit Workspace")
+				}),
+				/* @__PURE__ */ d("p", {
+					className: "text-[var(--color-text-secondary)]",
+					children: m("workspaces.edit.subtitle", "Update workspace information")
+				})
+			]
+		}), /* @__PURE__ */ d("div", {
+			className: "max-w-2xl",
+			children: /* @__PURE__ */ d("div", {
+				className: "bg-[var(--color-bg-surface)] border border-[var(--color-border-default)] rounded-lg p-6 shadow-[var(--shadow-elevation-1)]",
+				children: /* @__PURE__ */ d(c, {
+					workspace: b,
+					onSubmit: T,
+					onCancel: E,
+					loading: w
+				})
+			})
+		})]
+	}) : /* @__PURE__ */ d("div", {
+		className: "min-h-full bg-[var(--color-bg-canvas)] p-6",
+		children: /* @__PURE__ */ d("div", {
+			className: "p-8 text-center text-[var(--color-text-secondary)]",
+			children: m("workspaces.edit.noPermission", "You don't have permission to edit workspaces.")
+		})
+	});
+}
+//#endregion
+export { m as WorkspaceEditPage };
+
+//# sourceMappingURL=WorkspaceEditPage.js.map

package/dist/organization-management/modules/workspaces/pages/WorkspaceEditPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WorkspaceEditPage.js","names":[],"sources":["../../../../../src/organization-management/modules/workspaces/pages/WorkspaceEditPage.tsx"],"sourcesContent":["import { useParams } from 'react-router-dom';\nimport { ArrowLeft } from 'lucide-react';\nimport { toast } from 'sonner';\nimport { usePermissions } from '@burdenoff/fe-libs/shared/providers/shell';\nimport { useOrgConsole } from '../../../providers/OrgConsoleProvider';\nimport { useWorkspace, useUpdateWorkspace } from '../hooks/useWorkspaces';\nimport { WorkspaceForm } from '../components/WorkspaceForm';\nimport { LoadingState } from '../../../shared/components/feedback/LoadingState';\nimport { ErrorState } from '../../../shared/components/feedback/ErrorState';\nimport { PERMISSIONS } from '../../../constants/permissions';\nimport { useTr } from '../../../shared/hooks/useTr';\nimport type { UpdateWorkspaceInput } from '../types';\n\nexport function WorkspaceEditPage() {\n  const tr = useTr();\n  const { id } = useParams<{ id: string }>();\n  const { navigate, basePath = '/organizations' } = useOrgConsole();\n  const { hasPermission, isLoading: permissionsLoading } = usePermissions();\n  const { workspace, loading: fetchLoading, error } = useWorkspace(id!);\n  const { updateWorkspace, loading: updateLoading } = useUpdateWorkspace();\n\n  const handleSubmit = async (data: UpdateWorkspaceInput) => {\n    if (!id) return;\n\n    try {\n      const result = await updateWorkspace(id, data);\n      if (result.errors?.length) {\n        throw new Error(\n          result.errors[0]?.message ?? tr('workspaces.edit.failed', 'Failed to update workspace')\n        );\n      }\n\n      toast.success(tr('workspaces.edit.success', 'Workspace updated successfully'));\n      navigate(`${basePath}/workspaces/${id}`);\n    } catch (error) {\n      toast.error(\n        error instanceof Error\n          ? error.message\n          : tr('workspaces.edit.failed', 'Failed to update workspace')\n      );\n    }\n  };\n\n  const handleCancel = () => {\n    navigate(`${basePath}/workspaces/${id}`);\n  };\n\n  if (permissionsLoading) {\n    return (\n      <div className=\"min-h-full bg-[var(--color-bg-canvas)] p-6\">\n        <LoadingState message={tr('common.loadingPermissions', 'Loading permissions...')} />\n      </div>\n    );\n  }\n\n  if (!hasPermission(PERMISSIONS.WORKSPACE_UPDATE)) {\n    return (\n      <div className=\"min-h-full bg-[var(--color-bg-canvas)] p-6\">\n        <div className=\"p-8 text-center text-[var(--color-text-secondary)]\">\n          {tr('workspaces.edit.noPermission', \"You don't have permission to edit workspaces.\")}\n        </div>\n      </div>\n    );\n  }\n\n  if (fetchLoading) {\n    return (\n      <div className=\"min-h-full bg-[var(--color-bg-canvas)] px-4 py-6 sm:px-6\">\n        <LoadingState message={tr('workspaces.edit.loading', 'Loading workspace...')} />\n      </div>\n    );\n  }\n\n  if (error || !workspace) {\n    return (\n      <div className=\"min-h-full bg-[var(--color-bg-canvas)] px-4 py-6 sm:px-6\">\n        <ErrorState\n          message={error?.message || tr('workspaces.detail.notFound', 'Workspace not found')}\n          action={{\n            label: tr('workspaces.create.backToWorkspaces', 'Back to Workspaces'),\n            onClick: () => navigate(`${basePath}/workspaces`),\n          }}\n        />\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"min-h-full bg-[var(--color-bg-canvas)] px-4 py-6 sm:px-6 animate-in fade-in duration-300\">\n      <div className=\"mb-6\">\n        <button\n          onClick={handleCancel}\n          className=\"\n            inline-flex items-center gap-2 mb-4\n            text-[var(--color-text-secondary)]\n            hover:text-[var(--color-text-primary)]\n            active:scale-[0.98]\n            transition-all duration-200\n          \"\n        >\n          <ArrowLeft size={20} />\n          <span className=\"text-sm font-medium\">\n            {tr('common.backTo', 'Back to')} {workspace.name}\n          </span>\n        </button>\n\n        <h1 className=\"text-3xl font-bold text-[var(--color-text-primary)] mb-2\">\n          {tr('workspaces.edit.title', 'Edit Workspace')}\n        </h1>\n        <p className=\"text-[var(--color-text-secondary)]\">\n          {tr('workspaces.edit.subtitle', 'Update workspace information')}\n        </p>\n      </div>\n\n      <div className=\"max-w-2xl\">\n        <div className=\"bg-[var(--color-bg-surface)] border border-[var(--color-border-default)] rounded-lg p-6 shadow-[var(--shadow-elevation-1)]\">\n          <WorkspaceForm\n            workspace={workspace}\n            onSubmit={handleSubmit}\n            onCancel={handleCancel}\n            loading={updateLoading}\n          />\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;AAaA,SAAgB,IAAoB;CAClC,IAAM,IAAK,GAAO,EACZ,EAAE,UAAO,GAA2B,EACpC,EAAE,aAAU,cAAW,qBAAqB,GAAe,EAC3D,EAAE,kBAAe,WAAW,MAAuB,GAAgB,EACnE,EAAE,cAAW,SAAS,GAAc,aAAU,EAAa,EAAI,EAC/D,EAAE,oBAAiB,SAAS,MAAkB,GAAoB,EAElE,IAAe,OAAO,MAA+B;AACpD,QAEL,KAAI;GACF,IAAM,IAAS,MAAM,EAAgB,GAAI,EAAK;AAC9C,OAAI,EAAO,QAAQ,OACjB,OAAU,MACR,EAAO,OAAO,IAAI,WAAW,EAAG,0BAA0B,6BAA6B,CACxF;AAIH,GADA,EAAM,QAAQ,EAAG,2BAA2B,iCAAiC,CAAC,EAC9E,EAAS,GAAG,EAAS,cAAc,IAAK;WACjC,GAAO;AACd,KAAM,MACJ,aAAiB,QACb,EAAM,UACN,EAAG,0BAA0B,6BAA6B,CAC/D;;IAIC,UAAqB;AACzB,IAAS,GAAG,EAAS,cAAc,IAAK;;AA2C1C,QAxCI,IAEA,kBAAC,OAAD;EAAK,WAAU;YACb,kBAAC,GAAD,EAAc,SAAS,EAAG,6BAA6B,yBAAyB,EAAI,CAAA;EAChF,CAAA,GAIL,EAAc,EAAY,iBAAiB,GAU5C,IAEA,kBAAC,OAAD;EAAK,WAAU;YACb,kBAAC,GAAD,EAAc,SAAS,EAAG,2BAA2B,uBAAuB,EAAI,CAAA;EAC5E,CAAA,GAIN,KAAS,CAAC,IAEV,kBAAC,OAAD;EAAK,WAAU;YACb,kBAAC,GAAD;GACE,SAAS,GAAO,WAAW,EAAG,8BAA8B,sBAAsB;GAClF,QAAQ;IACN,OAAO,EAAG,sCAAsC,qBAAqB;IACrE,eAAe,EAAS,GAAG,EAAS,aAAa;IAClD;GACD,CAAA;EACE,CAAA,GAKR,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,OAAD;GAAK,WAAU;aAAf;IACE,kBAAC,UAAD;KACE,SAAS;KACT,WAAU;eAFZ,CAUE,kBAAC,GAAD,EAAW,MAAM,IAAM,CAAA,EACvB,kBAAC,QAAD;MAAM,WAAU;gBAAhB;OACG,EAAG,iBAAiB,UAAU;OAAC;OAAE,EAAU;OACvC;QACA;;IAET,kBAAC,MAAD;KAAI,WAAU;eACX,EAAG,yBAAyB,iBAAiB;KAC3C,CAAA;IACL,kBAAC,KAAD;KAAG,WAAU;eACV,EAAG,4BAA4B,+BAA+B;KAC7D,CAAA;IACA;MAEN,kBAAC,OAAD;GAAK,WAAU;aACb,kBAAC,OAAD;IAAK,WAAU;cACb,kBAAC,GAAD;KACa;KACX,UAAU;KACV,UAAU;KACV,SAAS;KACT,CAAA;IACE,CAAA;GACF,CAAA,CACF;MAnEJ,kBAAC,OAAD;EAAK,WAAU;YACb,kBAAC,OAAD;GAAK,WAAU;aACZ,EAAG,gCAAgC,gDAAgD;GAChF,CAAA;EACF,CAAA"}