@burdenoff/microfe-organization 2026.519.1 → 2026.521.1

package/dist/organization-management/modules/workspaces/components/WorkspaceForm.js

@@ -3,107 +3,112 @@ import { useTr as t } from "../../../shared/hooks/useTr.js";
 import { useTenants as n } from "../hooks/useWorkspaces.js";
 import { ZodError as r } from "../../../../node_modules/zod/v3/ZodError.js";
 import { createWorkspaceSchema as i, updateWorkspaceSchema as a } from "../schemas/index.js";
-import { useEffect as o, useMemo as s, useState as c } from "react";
-import { Building as l, Home as u, Loader2 as d } from "lucide-react";
-import { Fragment as f, jsx as p, jsxs as m } from "react/jsx-runtime";
+import { useOrgsWithPermission as o } from "../../organizations/hooks/useOrgsWithPermission.js";
+import { useEffect as s, useMemo as c, useState as l } from "react";
+import { Building as u, Home as d, Loader2 as f } from "lucide-react";
+import { Fragment as p, jsx as m, jsxs as h } from "react/jsx-runtime";
 //#region src/organization-management/modules/workspaces/components/WorkspaceForm.tsx
-function h({ workspace: h, tenantId: g, tenantName: _, organizationId: v, organizationName: y, showOrganizationSelector: b = !1, onSubmit: x, onCancel: S, loading: C }) {
-	let w = t(), [T, E] = c({
-		name: h?.name || "",
-		slug: h?.slug || "",
-		type: h?.type || "PERSONAL",
-		tenantId: g || h?.tenantId || "",
-		organizationId: v || h?.organizationId || ""
-	}), [D, O] = c({}), k = !h && b && !g, A = !h && b && !v, { tenants: j, loading: M } = n(100, 0, k), { organizations: N, loading: P } = e(T.tenantId ? { tenantId: T.tenantId } : void 0, 100, 0, A);
-	o(() => {
-		g && g !== T.tenantId && E((e) => ({
+function g({ workspace: g, tenantId: _, tenantName: v, organizationId: y, organizationName: b, showOrganizationSelector: x = !1, onSubmit: S, onCancel: C, loading: w }) {
+	let T = t(), [E, D] = l({
+		name: g?.name || "",
+		slug: g?.slug || "",
+		type: g?.type || "PERSONAL",
+		tenantId: _ || g?.tenantId || "",
+		organizationId: y || g?.organizationId || ""
+	}), [O, k] = l({}), A = !g && x && !_, j = !g && x && !y, { tenants: M, loading: N } = n(100, 0, A), { organizations: P, loading: F } = e(E.tenantId ? { tenantId: E.tenantId } : void 0, 100, 0, j), { allowedIds: I, loading: L } = o(c(() => P.map((e) => e.id), [P]), "workspace", "create"), R = !g && x && !y, z = c(() => R ? P.filter((e) => I.has(e.id)) : P, [
+		P,
+		I,
+		R
+	]);
+	s(() => {
+		_ && _ !== E.tenantId && D((e) => ({
 			...e,
-			tenantId: g
+			tenantId: _
 		}));
-	}, [T.tenantId, g]), o(() => {
-		v && v !== T.organizationId && E((e) => ({
+	}, [E.tenantId, _]), s(() => {
+		y && y !== E.organizationId && D((e) => ({
 			...e,
-			organizationId: v
+			organizationId: y
 		}));
-	}, [T.organizationId, v]), o(() => {
-		!b || v || h || E((e) => !e.organizationId || N.some((t) => t.id === e.organizationId) ? e : {
+	}, [E.organizationId, y]), s(() => {
+		!x || y || g || D((e) => !e.organizationId || z.some((t) => t.id === e.organizationId) ? e : {
 			...e,
 			organizationId: ""
 		});
 	}, [
+		y,
+		z,
+		x,
+		g
+	]);
+	let B = c(() => v || (M.find((e) => e.id === E.tenantId)?.name ?? E.tenantId), [
+		E.tenantId,
 		v,
-		N,
+		M
+	]), V = c(() => b || (z.find((e) => e.id === E.organizationId)?.name ?? E.organizationId), [
+		E.organizationId,
 		b,
-		h
-	]);
-	let F = s(() => _ || (j.find((e) => e.id === T.tenantId)?.name ?? T.tenantId), [
-		T.tenantId,
-		_,
-		j
-	]), I = s(() => y || (N.find((e) => e.id === T.organizationId)?.name ?? T.organizationId), [
-		T.organizationId,
-		y,
-		N
-	]), L = () => {
+		z
+	]), H = () => {
 		try {
-			return (h ? a : i).parse(T), O({}), !0;
+			return (g ? a : i).parse(E), k({}), !0;
 		} catch (e) {
 			if (e instanceof r) {
 				let t = {};
 				e.issues.forEach((e) => {
 					let n = e.path.join(".");
 					t[n] = e.message;
-				}), O(t);
+				}), k(t);
 			}
 			return !1;
 		}
 	};
-	return /* @__PURE__ */ m("form", {
+	return /* @__PURE__ */ h("form", {
 		onSubmit: async (e) => {
-			e.preventDefault(), L() && await x(h ? {
-				name: T.name === h.name ? void 0 : T.name,
-				type: T.type === h.type ? void 0 : T.type
+			e.preventDefault(), H() && await S(g ? {
+				name: E.name === g.name ? void 0 : E.name,
+				type: E.type === g.type ? void 0 : E.type
 			} : {
-				tenantId: T.tenantId,
-				organizationId: T.organizationId,
-				name: T.name,
-				slug: T.slug,
-				type: T.type || void 0
+				tenantId: E.tenantId,
+				organizationId: E.organizationId,
+				name: E.name,
+				slug: E.slug,
+				type: E.type || void 0
 			});
 		},
 		className: "space-y-6",
 		children: [
-			h ? null : /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ m("div", { children: [
-				/* @__PURE__ */ m("label", {
+			g ? null : /* @__PURE__ */ h(p, { children: [/* @__PURE__ */ h("div", { children: [
+				/* @__PURE__ */ h("label", {
 					htmlFor: "tenantId",
 					className: "mb-1 block text-sm font-medium text-[var(--color-text-primary)]",
 					children: [
-						w("organizations.form.tenant", "Tenant"),
+						T("organizations.form.tenant", "Tenant"),
 						" ",
-						/* @__PURE__ */ p("span", {
+						/* @__PURE__ */ m("span", {
 							className: "text-[var(--color-status-error-text)]",
 							children: "*"
 						})
 					]
 				}),
-				b && !g ? /* @__PURE__ */ m("div", {
+				x && !_ ? /* @__PURE__ */ h("div", {
 					className: "relative",
 					children: [
-						/* @__PURE__ */ m("select", {
+						/* @__PURE__ */ h("select", {
 							id: "tenantId",
-							value: T.tenantId,
-							onChange: (e) => E((t) => ({
+							value: E.tenantId,
+							onChange: (e) => D((t) => ({
 								...t,
 								tenantId: e.target.value,
 								organizationId: ""
 							})),
 							className: "w-full appearance-none rounded-lg border border-[var(--color-border-default)] bg-[var(--color-bg-surface)] py-2 pl-10 pr-10 text-[var(--color-text-primary)] focus:outline-none focus:ring-2 focus:ring-[var(--color-border-focus)] disabled:cursor-not-allowed disabled:bg-[var(--color-bg-muted)]",
-							disabled: C || M,
+							disabled: w || N,
 							required: !0,
-							children: [/* @__PURE__ */ p("option", {
+							children: [/* @__PURE__ */ m("option", {
 								value: "",
-								children: w("workspaces.form.selectTenant", "Select a tenant...")
-							}), j.map((e) => /* @__PURE__ */ m("option", {
+								children: T("workspaces.form.selectTenant", "Select a tenant...")
+							}), M.map((e) => /* @__PURE__ */ h("option", {
 								value: e.id,
 								children: [
 									e.name,
@@ -113,18 +118,18 @@ function h({ workspace: h, tenantId: g, tenantName: _, organizationId: v, organi
 								]
 							}, e.id))]
 						}),
-						/* @__PURE__ */ p(u, {
+						/* @__PURE__ */ m(d, {
 							size: 18,
 							className: "pointer-events-none absolute left-3 top-1/2 -translate-y-1/2 text-[var(--color-text-muted)]"
 						}),
-						/* @__PURE__ */ p("div", {
+						/* @__PURE__ */ m("div", {
 							className: "pointer-events-none absolute right-3 top-1/2 -translate-y-1/2 text-[var(--color-text-muted)]",
-							children: /* @__PURE__ */ p("svg", {
+							children: /* @__PURE__ */ m("svg", {
 								className: "h-4 w-4",
 								fill: "none",
 								viewBox: "0 0 24 24",
 								stroke: "currentColor",
-								children: /* @__PURE__ */ p("path", {
+								children: /* @__PURE__ */ m("path", {
 									strokeLinecap: "round",
 									strokeLinejoin: "round",
 									strokeWidth: 2,
@@ -132,72 +137,72 @@ function h({ workspace: h, tenantId: g, tenantName: _, organizationId: v, organi
 								})
 							})
 						}),
-						M ? /* @__PURE__ */ p("div", {
+						N ? /* @__PURE__ */ m("div", {
 							className: "absolute right-10 top-1/2 -translate-y-1/2",
-							children: /* @__PURE__ */ p(d, {
+							children: /* @__PURE__ */ m(f, {
 								size: 16,
 								className: "animate-spin text-[var(--color-text-muted)]"
 							})
 						}) : null
 					]
-				}) : /* @__PURE__ */ m("div", {
+				}) : /* @__PURE__ */ h("div", {
 					className: "relative",
-					children: [/* @__PURE__ */ p("input", {
+					children: [/* @__PURE__ */ m("input", {
 						id: "tenantId",
 						type: "text",
-						value: F,
-						onChange: (e) => E((t) => ({
+						value: B,
+						onChange: (e) => D((t) => ({
 							...t,
 							tenantId: e.target.value
 						})),
 						className: "w-full rounded-lg border border-[var(--color-border-default)] bg-[var(--color-bg-surface)] py-2 pl-10 pr-4 text-[var(--color-text-primary)] placeholder:text-[var(--color-text-muted)] focus:outline-none focus:ring-2 focus:ring-[var(--color-border-focus)] disabled:cursor-not-allowed disabled:bg-[var(--color-bg-muted)]",
-						placeholder: w("organizations.form.tenantPlaceholder", "Enter tenant ID"),
-						disabled: C || !!g,
+						placeholder: T("organizations.form.tenantPlaceholder", "Enter tenant ID"),
+						disabled: w || !!_,
 						required: !0,
 						autoComplete: "off"
-					}), /* @__PURE__ */ p(u, {
+					}), /* @__PURE__ */ m(d, {
 						size: 18,
 						className: "absolute left-3 top-1/2 -translate-y-1/2 text-[var(--color-text-muted)]"
 					})]
 				}),
-				(g || T.tenantId) && /* @__PURE__ */ p("p", {
+				(_ || E.tenantId) && /* @__PURE__ */ m("p", {
 					className: "mt-1 text-xs text-[var(--color-text-muted)]",
-					children: w("workspaces.form.creatingUnderTenant", "Creating workspace under the selected tenant.")
+					children: T("workspaces.form.creatingUnderTenant", "Creating workspace under the selected tenant.")
 				}),
-				D.tenantId ? /* @__PURE__ */ p("p", {
+				O.tenantId ? /* @__PURE__ */ m("p", {
 					className: "mt-1 text-sm text-[var(--color-status-error-text)]",
-					children: D.tenantId
+					children: O.tenantId
 				}) : null
-			] }), /* @__PURE__ */ m("div", { children: [
-				/* @__PURE__ */ m("label", {
+			] }), /* @__PURE__ */ h("div", { children: [
+				/* @__PURE__ */ h("label", {
 					htmlFor: "organizationId",
 					className: "mb-1 block text-sm font-medium text-[var(--color-text-primary)]",
 					children: [
-						w("common.organization", "Organization"),
+						T("common.organization", "Organization"),
 						" ",
-						/* @__PURE__ */ p("span", {
+						/* @__PURE__ */ m("span", {
 							className: "text-[var(--color-status-error-text)]",
 							children: "*"
 						})
 					]
 				}),
-				b && !v ? /* @__PURE__ */ m("div", {
+				x && !y ? /* @__PURE__ */ h("div", {
 					className: "relative",
 					children: [
-						/* @__PURE__ */ m("select", {
+						/* @__PURE__ */ h("select", {
 							id: "organizationId",
-							value: T.organizationId,
-							onChange: (e) => E((t) => ({
+							value: E.organizationId,
+							onChange: (e) => D((t) => ({
 								...t,
 								organizationId: e.target.value
 							})),
 							className: "w-full appearance-none rounded-lg border border-[var(--color-border-default)] bg-[var(--color-bg-surface)] py-2 pl-10 pr-10 text-[var(--color-text-primary)] focus:outline-none focus:ring-2 focus:ring-[var(--color-border-focus)] disabled:cursor-not-allowed disabled:bg-[var(--color-bg-muted)]",
-							disabled: C || P || !T.tenantId,
+							disabled: w || F || L || !E.tenantId,
 							required: !0,
-							children: [/* @__PURE__ */ p("option", {
+							children: [/* @__PURE__ */ m("option", {
 								value: "",
-								children: T.tenantId ? w("workspaces.form.selectOrganization", "Select an organization...") : w("workspaces.form.selectTenantFirst", "Select a tenant first")
-							}), N.map((e) => /* @__PURE__ */ m("option", {
+								children: E.tenantId ? z.length === 0 && !F && !L ? T("workspaces.form.noOrganizationsAvailable", "No organizations available — you need workspace create permission") : T("workspaces.form.selectOrganization", "Select an organization...") : T("workspaces.form.selectTenantFirst", "Select a tenant first")
+							}), z.map((e) => /* @__PURE__ */ h("option", {
 								value: e.id,
 								children: [
 									e.name,
@@ -207,18 +212,18 @@ function h({ workspace: h, tenantId: g, tenantName: _, organizationId: v, organi
 								]
 							}, e.id))]
 						}),
-						/* @__PURE__ */ p(l, {
+						/* @__PURE__ */ m(u, {
 							size: 18,
 							className: "pointer-events-none absolute left-3 top-1/2 -translate-y-1/2 text-[var(--color-text-muted)]"
 						}),
-						/* @__PURE__ */ p("div", {
+						/* @__PURE__ */ m("div", {
 							className: "pointer-events-none absolute right-3 top-1/2 -translate-y-1/2 text-[var(--color-text-muted)]",
-							children: /* @__PURE__ */ p("svg", {
+							children: /* @__PURE__ */ m("svg", {
 								className: "h-4 w-4",
 								fill: "none",
 								viewBox: "0 0 24 24",
 								stroke: "currentColor",
-								children: /* @__PURE__ */ p("path", {
+								children: /* @__PURE__ */ m("path", {
 									strokeLinecap: "round",
 									strokeLinejoin: "round",
 									strokeWidth: 2,
@@ -226,161 +231,161 @@ function h({ workspace: h, tenantId: g, tenantName: _, organizationId: v, organi
 								})
 							})
 						}),
-						P ? /* @__PURE__ */ p("div", {
+						F || L ? /* @__PURE__ */ m("div", {
 							className: "absolute right-10 top-1/2 -translate-y-1/2",
-							children: /* @__PURE__ */ p(d, {
+							children: /* @__PURE__ */ m(f, {
 								size: 16,
 								className: "animate-spin text-[var(--color-text-muted)]"
 							})
 						}) : null
 					]
-				}) : /* @__PURE__ */ m("div", {
+				}) : /* @__PURE__ */ h("div", {
 					className: "relative",
-					children: [/* @__PURE__ */ p("input", {
+					children: [/* @__PURE__ */ m("input", {
 						id: "organizationId",
 						type: "text",
-						value: I,
-						onChange: (e) => E((t) => ({
+						value: V,
+						onChange: (e) => D((t) => ({
 							...t,
 							organizationId: e.target.value
 						})),
 						className: "w-full rounded-lg border border-[var(--color-border-default)] bg-[var(--color-bg-surface)] py-2 pl-10 pr-4 text-[var(--color-text-primary)] placeholder:text-[var(--color-text-muted)] focus:outline-none focus:ring-2 focus:ring-[var(--color-border-focus)] disabled:cursor-not-allowed disabled:bg-[var(--color-bg-muted)]",
-						placeholder: w("workspaces.form.orgIdPlaceholder", "Enter organization ID"),
-						disabled: C || !!v,
+						placeholder: T("workspaces.form.orgIdPlaceholder", "Enter organization ID"),
+						disabled: w || !!y,
 						required: !0,
 						autoComplete: "off"
-					}), /* @__PURE__ */ p(l, {
+					}), /* @__PURE__ */ m(u, {
 						size: 18,
 						className: "absolute left-3 top-1/2 -translate-y-1/2 text-[var(--color-text-muted)]"
 					})]
 				}),
-				(v || T.organizationId) && /* @__PURE__ */ p("p", {
+				(y || E.organizationId) && /* @__PURE__ */ m("p", {
 					className: "mt-1 text-xs text-[var(--color-text-muted)]",
-					children: w("workspaces.form.creatingUnderOrg", "Creating workspace under the selected organization.")
+					children: T("workspaces.form.creatingUnderOrg", "Creating workspace under the selected organization.")
 				}),
-				D.organizationId ? /* @__PURE__ */ p("p", {
+				O.organizationId ? /* @__PURE__ */ m("p", {
 					className: "mt-1 text-sm text-[var(--color-status-error-text)]",
-					children: D.organizationId
+					children: O.organizationId
 				}) : null
 			] })] }),
-			/* @__PURE__ */ m("div", { children: [
-				/* @__PURE__ */ m("label", {
+			/* @__PURE__ */ h("div", { children: [
+				/* @__PURE__ */ h("label", {
 					htmlFor: "name",
 					className: "mb-1 block text-sm font-medium text-[var(--color-text-primary)]",
 					children: [
-						w("workspaces.form.name", "Workspace Name"),
+						T("workspaces.form.name", "Workspace Name"),
 						" ",
-						/* @__PURE__ */ p("span", {
+						/* @__PURE__ */ m("span", {
 							className: "text-[var(--color-status-error-text)]",
 							children: "*"
 						})
 					]
 				}),
-				/* @__PURE__ */ p("input", {
+				/* @__PURE__ */ m("input", {
 					id: "name",
 					type: "text",
-					value: T.name,
-					onChange: (e) => E((t) => ({
+					value: E.name,
+					onChange: (e) => D((t) => ({
 						...t,
 						name: e.target.value
 					})),
 					className: "w-full rounded-lg border border-[var(--color-border-default)] bg-[var(--color-bg-surface)] px-3 py-2 text-[var(--color-text-primary)] placeholder:text-[var(--color-text-muted)] focus:outline-none focus:ring-2 focus:ring-[var(--color-border-focus)] disabled:cursor-not-allowed disabled:bg-[var(--color-bg-muted)]",
-					placeholder: w("workspaces.form.namePlaceholder", "Enter workspace name"),
-					disabled: C,
+					placeholder: T("workspaces.form.namePlaceholder", "Enter workspace name"),
+					disabled: w,
 					required: !0,
 					autoComplete: "organization-title"
 				}),
-				D.name ? /* @__PURE__ */ p("p", {
+				O.name ? /* @__PURE__ */ m("p", {
 					className: "mt-1 text-sm text-[var(--color-status-error-text)]",
-					children: D.name
+					children: O.name
 				}) : null
 			] }),
-			/* @__PURE__ */ m("div", { children: [
-				/* @__PURE__ */ m("label", {
+			/* @__PURE__ */ h("div", { children: [
+				/* @__PURE__ */ h("label", {
 					htmlFor: "slug",
 					className: "mb-1 block text-sm font-medium text-[var(--color-text-primary)]",
 					children: [
-						w("common.slug", "Slug"),
+						T("common.slug", "Slug"),
 						" ",
-						/* @__PURE__ */ p("span", {
+						/* @__PURE__ */ m("span", {
 							className: "text-[var(--color-status-error-text)]",
 							children: "*"
 						})
 					]
 				}),
-				/* @__PURE__ */ p("input", {
+				/* @__PURE__ */ m("input", {
 					id: "slug",
 					type: "text",
-					value: T.slug,
-					onChange: (e) => E((t) => ({
+					value: E.slug,
+					onChange: (e) => D((t) => ({
 						...t,
 						slug: e.target.value.toLowerCase().replace(/\s+/g, "-")
 					})),
 					className: "w-full rounded-lg border border-[var(--color-border-default)] bg-[var(--color-bg-surface)] px-3 py-2 text-[var(--color-text-primary)] placeholder:text-[var(--color-text-muted)] focus:outline-none focus:ring-2 focus:ring-[var(--color-border-focus)] disabled:cursor-not-allowed disabled:bg-[var(--color-bg-muted)]",
-					placeholder: w("workspaces.form.slugPlaceholder", "workspace-slug"),
-					disabled: C || !!h,
-					required: !h,
+					placeholder: T("workspaces.form.slugPlaceholder", "workspace-slug"),
+					disabled: w || !!g,
+					required: !g,
 					autoComplete: "off"
 				}),
-				/* @__PURE__ */ p("p", {
+				/* @__PURE__ */ m("p", {
 					className: "mt-1 text-xs text-[var(--color-text-muted)]",
-					children: w("organizations.form.slugImmutable", "Lowercase letters, numbers, and hyphens only. Cannot be changed after creation.")
+					children: T("organizations.form.slugImmutable", "Lowercase letters, numbers, and hyphens only. Cannot be changed after creation.")
 				}),
-				D.slug ? /* @__PURE__ */ p("p", {
+				O.slug ? /* @__PURE__ */ m("p", {
 					className: "mt-1 text-sm text-[var(--color-status-error-text)]",
-					children: D.slug
+					children: O.slug
 				}) : null
 			] }),
-			/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("label", {
+			/* @__PURE__ */ h("div", { children: [/* @__PURE__ */ m("label", {
 				htmlFor: "type",
 				className: "mb-1 block text-sm font-medium text-[var(--color-text-primary)]",
-				children: w("workspaces.list.column.type", "Type")
-			}), /* @__PURE__ */ m("select", {
+				children: T("workspaces.list.column.type", "Type")
+			}), /* @__PURE__ */ h("select", {
 				id: "type",
-				value: T.type,
-				onChange: (e) => E((t) => ({
+				value: E.type,
+				onChange: (e) => D((t) => ({
 					...t,
 					type: e.target.value
 				})),
 				className: "w-full rounded-lg border border-[var(--color-border-default)] bg-[var(--color-bg-surface)] px-3 py-2 text-[var(--color-text-primary)] focus:outline-none focus:ring-2 focus:ring-[var(--color-border-focus)] disabled:cursor-not-allowed disabled:bg-[var(--color-bg-muted)]",
-				disabled: C,
+				disabled: w,
 				children: [
-					/* @__PURE__ */ p("option", {
+					/* @__PURE__ */ m("option", {
 						value: "PERSONAL",
-						children: w("workspaces.type.personal", "Personal")
+						children: T("workspaces.type.personal", "Personal")
 					}),
-					/* @__PURE__ */ p("option", {
+					/* @__PURE__ */ m("option", {
 						value: "TEAM",
-						children: w("workspaces.type.team", "Team")
+						children: T("workspaces.type.team", "Team")
 					}),
-					/* @__PURE__ */ p("option", {
+					/* @__PURE__ */ m("option", {
 						value: "ENTERPRISE",
-						children: w("workspaces.type.enterprise", "Enterprise")
+						children: T("workspaces.type.enterprise", "Enterprise")
 					})
 				]
 			})] }),
-			/* @__PURE__ */ m("div", {
+			/* @__PURE__ */ h("div", {
 				className: "flex flex-col gap-3 border-t border-[var(--color-border-default)] pt-4 sm:flex-row",
-				children: [/* @__PURE__ */ m("button", {
+				children: [/* @__PURE__ */ h("button", {
 					type: "submit",
-					disabled: C,
+					disabled: w,
 					className: "inline-flex items-center justify-center gap-2 rounded-lg bg-[var(--color-action-primary-bg)] px-6 py-2.5 font-medium text-[var(--color-action-primary-text)] transition-all duration-200 hover:opacity-90 hover:scale-[1.02] active:scale-[0.98] disabled:cursor-not-allowed disabled:opacity-50 sm:min-w-[220px]",
-					children: [C ? /* @__PURE__ */ p(d, {
+					children: [w ? /* @__PURE__ */ m(f, {
 						size: 16,
 						className: "animate-spin"
-					}) : null, h ? w("workspaces.form.updateSubmit", "Update Workspace") : w("workspaces.create.button", "Create Workspace")]
-				}), /* @__PURE__ */ p("button", {
+					}) : null, g ? T("workspaces.form.updateSubmit", "Update Workspace") : T("workspaces.create.button", "Create Workspace")]
+				}), /* @__PURE__ */ m("button", {
 					type: "button",
-					onClick: S,
-					disabled: C,
+					onClick: C,
+					disabled: w,
 					className: "rounded-lg border border-[var(--color-border-default)] bg-transparent px-6 py-2.5 font-medium text-[var(--color-text-primary)] transition-all duration-200 hover:bg-[var(--color-bg-subtle)] active:scale-[0.98] disabled:cursor-not-allowed disabled:opacity-50 sm:min-w-[140px]",
-					children: w("common.cancel", "Cancel")
+					children: T("common.cancel", "Cancel")
 				})]
 			})
 		]
 	});
 }
 //#endregion
-export { h as WorkspaceForm };
+export { g as WorkspaceForm };
 
 //# sourceMappingURL=WorkspaceForm.js.map