@burdenoff/microfe-workspaces 2026.625.5 → 2026.626.1

package/dist/pages/ActivityListPage.js

@@ -4,115 +4,119 @@ import { useWorkspacePermissions as n } from "../hooks/useWorkspacePermissions.j
 import { formatDate as r } from "../utils/formatters.js";
 import { useWorkspaceActivity as i } from "../hooks/useWorkspaceActivity.js";
 import { jsx as a, jsxs as o } from "react/jsx-runtime";
-import { CardContent as s, CardHeader as c, CardTitle as l, GlassCard as u, IllustratedEmptyState as d, Skeleton as f } from "@burdenoff/fe-libs/ui";
-import { useParams as p } from "react-router-dom";
-import { useI18n as m } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { CardContent as s, CardHeader as c, CardTitle as l, GlassCard as u, IllustratedEmptyState as d, PagePurpose as f, Skeleton as p } from "@burdenoff/fe-libs/ui";
+import { useParams as m } from "react-router-dom";
+import { useI18n as h } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
 //#region src/pages/ActivityListPage.tsx
-function h() {
-	let { t: h } = m(), { workspaceId: g } = p();
+function g() {
+	let { t: g } = h(), { workspaceId: _ } = m();
 	t("workspaces.activity", {
-		workspaceId: g,
+		workspaceId: _,
 		requireParams: !0
 	});
-	let { data: _, isLoading: v, error: y } = i(g), { canViewActivity: b, isLoading: x } = n();
-	return x ? /* @__PURE__ */ o("div", {
+	let { data: v, isLoading: y, error: b } = i(_), { canViewActivity: x, isLoading: S } = n();
+	return S ? /* @__PURE__ */ o("div", {
 		className: "space-y-4 p-6",
-		children: [/* @__PURE__ */ a(f, { className: "h-10 w-1/3" }), /* @__PURE__ */ a(f, { className: "h-64" })]
-	}) : b ? /* @__PURE__ */ o("div", {
+		children: [/* @__PURE__ */ a(p, { className: "h-10 w-1/3" }), /* @__PURE__ */ a(p, { className: "h-64" })]
+	}) : x ? /* @__PURE__ */ o("div", {
 		className: "space-y-4 sm:space-y-6 p-3 sm:p-6",
-		children: [/* @__PURE__ */ o("div", { children: [/* @__PURE__ */ a("h1", {
-			className: "text-2xl sm:text-3xl font-bold",
-			children: e(h, "activityList.title", "Activity")
-		}), /* @__PURE__ */ a("p", {
-			className: "text-text-secondary",
-			children: e(h, "activityList.description", "Track workspace activity")
-		})] }), v ? /* @__PURE__ */ a(u, {
-			treatment: "plain",
-			className: "border-border-seam",
-			children: /* @__PURE__ */ a(s, {
-				className: "py-8 text-sm text-text-muted",
-				children: e(h, "activityList.loading", "Loading activity…")
-			})
-		}) : y ? /* @__PURE__ */ a(u, {
-			treatment: "plain",
-			className: "border-border-seam",
-			children: /* @__PURE__ */ a(s, {
-				className: "py-8 text-sm text-status-error-text",
-				children: y instanceof Error ? y.message : e(h, "activityList.loadError", "Failed to load activity")
-			})
-		}) : (_?.length ?? 0) === 0 ? /* @__PURE__ */ a(d, {
-			illustration: "empty-data",
-			title: e(h, "activityList.emptyTitle", "No recent activity"),
-			description: e(h, "activityList.emptyDescription", "Recent workspace actions will appear here as your team creates, updates, and manages work.")
-		}) : /* @__PURE__ */ a("div", {
-			className: "space-y-3",
-			children: _?.map((t) => /* @__PURE__ */ o(u, {
-				treatment: "insight",
+		children: [
+			/* @__PURE__ */ o("div", { children: [/* @__PURE__ */ a("h1", {
+				className: "text-2xl sm:text-3xl font-bold",
+				children: e(g, "activityList.title", "Activity")
+			}), /* @__PURE__ */ a("p", {
+				className: "text-text-secondary",
+				children: e(g, "activityList.description", "Track workspace activity")
+			})] }),
+			/* @__PURE__ */ a(f, { children: e(g, "activityList.purpose", "This is the audit trail for the workspace — a running log of who did what and when. Use it to catch up after time away, confirm a change went through, or investigate when and by whom a project or member was modified.") }),
+			y ? /* @__PURE__ */ a(u, {
+				treatment: "plain",
 				className: "border-border-seam",
-				children: [/* @__PURE__ */ a(c, {
-					className: "pb-2",
-					children: /* @__PURE__ */ a(l, {
-						className: "text-base",
-						children: t.description || t.action
-					})
-				}), /* @__PURE__ */ o(s, {
-					className: "space-y-1 text-sm text-text-muted",
-					children: [
-						/* @__PURE__ */ o("p", { children: [
-							e(h, "activityList.labelAction", "Action"),
-							":",
-							" ",
-							/* @__PURE__ */ a("span", {
-								className: "text-text-primary",
-								children: t.action
-							})
-						] }),
-						t.resourceType && /* @__PURE__ */ o("p", { children: [
-							e(h, "activityList.labelResource", "Resource"),
-							":",
-							" ",
-							/* @__PURE__ */ a("span", {
-								className: "text-text-primary",
-								children: t.resourceType
-							})
-						] }),
-						/* @__PURE__ */ o("p", { children: [
-							e(h, "activityList.labelWhen", "When"),
-							":",
-							" ",
-							/* @__PURE__ */ a("span", {
-								className: "text-text-primary",
-								children: r(t.timestamp)
-							})
-						] }),
-						/* @__PURE__ */ o("p", { children: [
-							e(h, "activityList.labelActor", "Actor"),
-							":",
-							" ",
-							/* @__PURE__ */ a("span", {
-								className: "break-all text-text-primary",
-								children: t.userId
-							})
-						] })
-					]
-				})]
-			}, t.id))
-		})]
+				children: /* @__PURE__ */ a(s, {
+					className: "py-8 text-sm text-text-muted",
+					children: e(g, "activityList.loading", "Loading activity…")
+				})
+			}) : b ? /* @__PURE__ */ a(u, {
+				treatment: "plain",
+				className: "border-border-seam",
+				children: /* @__PURE__ */ a(s, {
+					className: "py-8 text-sm text-status-error-text",
+					children: b instanceof Error ? b.message : e(g, "activityList.loadError", "Failed to load activity")
+				})
+			}) : (v?.length ?? 0) === 0 ? /* @__PURE__ */ a(d, {
+				illustration: "empty-data",
+				title: e(g, "activityList.emptyTitle", "No recent activity"),
+				description: e(g, "activityList.emptyDescription", "Recent workspace actions will appear here as your team creates, updates, and manages work.")
+			}) : /* @__PURE__ */ a("div", {
+				className: "space-y-3",
+				children: v?.map((t) => /* @__PURE__ */ o(u, {
+					treatment: "insight",
+					className: "border-border-seam",
+					children: [/* @__PURE__ */ a(c, {
+						className: "pb-2",
+						children: /* @__PURE__ */ a(l, {
+							className: "text-base",
+							children: t.description || t.action
+						})
+					}), /* @__PURE__ */ o(s, {
+						className: "space-y-1 text-sm text-text-muted",
+						children: [
+							/* @__PURE__ */ o("p", { children: [
+								e(g, "activityList.labelAction", "Action"),
+								":",
+								" ",
+								/* @__PURE__ */ a("span", {
+									className: "text-text-primary",
+									children: t.action
+								})
+							] }),
+							t.resourceType && /* @__PURE__ */ o("p", { children: [
+								e(g, "activityList.labelResource", "Resource"),
+								":",
+								" ",
+								/* @__PURE__ */ a("span", {
+									className: "text-text-primary",
+									children: t.resourceType
+								})
+							] }),
+							/* @__PURE__ */ o("p", { children: [
+								e(g, "activityList.labelWhen", "When"),
+								":",
+								" ",
+								/* @__PURE__ */ a("span", {
+									className: "text-text-primary",
+									children: r(t.timestamp)
+								})
+							] }),
+							/* @__PURE__ */ o("p", { children: [
+								e(g, "activityList.labelActor", "Actor"),
+								":",
+								" ",
+								/* @__PURE__ */ a("span", {
+									className: "break-all text-text-primary",
+									children: t.userId
+								})
+							] })
+						]
+					})]
+				}, t.id))
+			})
+		]
 	}) : /* @__PURE__ */ a("div", {
 		className: "flex items-center justify-center min-h-[400px]",
 		children: /* @__PURE__ */ o("div", {
 			className: "text-center space-y-2",
 			children: [/* @__PURE__ */ a("h2", {
 				className: "text-lg font-semibold",
-				children: e(h, "activityList.accessDenied", "Access Denied")
+				children: e(g, "activityList.accessDenied", "Access Denied")
 			}), /* @__PURE__ */ a("p", {
 				className: "text-sm text-text-secondary",
-				children: e(h, "activityList.accessDeniedDescription", "You don't have permission to view activity.")
+				children: e(g, "activityList.accessDeniedDescription", "You don't have permission to view activity.")
 			})]
 		})
 	});
 }
 //#endregion
-export { h as ActivityListPage };
+export { g as ActivityListPage };
 
 //# sourceMappingURL=ActivityListPage.js.map

package/dist/pages/ActivityListPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"ActivityListPage.js","names":[],"sources":["../../src/pages/ActivityListPage.tsx"],"sourcesContent":["import { useParams } from 'react-router-dom';\nimport {\n  GlassCard,\n  CardContent,\n  CardHeader,\n  CardTitle,\n  Skeleton,\n  IllustratedEmptyState,\n} from '@burdenoff/fe-libs/ui';\nimport { useWorkspaceActivity } from '../hooks/useWorkspaceActivity';\nimport { useWorkspacePermissions } from '../hooks/useWorkspacePermissions';\nimport { useWorkspacesPageView } from '../hooks/useWorkspacesPageView';\nimport { formatDate } from '../utils/formatters';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { tWithFallback } from '../utils/i18n';\n\nexport function ActivityListPage() {\n  const { t } = useI18n();\n\n  // The URL path `:workspaceId` (when present) intentionally overrides the active\n  // context. WorkspaceContextPathSync rewrites this segment on a context switch so\n  // the override can't point at a stale workspace. (BOFF-2805 follow-up)\n  const { workspaceId } = useParams<{ workspaceId: string }>();\n  useWorkspacesPageView('workspaces.activity', { workspaceId, requireParams: true });\n  const { data: activities, isLoading, error } = useWorkspaceActivity(workspaceId);\n  const { canViewActivity, isLoading: permissionsLoading } = useWorkspacePermissions();\n\n  if (permissionsLoading) {\n    return (\n      <div className=\"space-y-4 p-6\">\n        <Skeleton className=\"h-10 w-1/3\" />\n        <Skeleton className=\"h-64\" />\n      </div>\n    );\n  }\n\n  if (!canViewActivity) {\n    return (\n      <div className=\"flex items-center justify-center min-h-[400px]\">\n        <div className=\"text-center space-y-2\">\n          <h2 className=\"text-lg font-semibold\">\n            {tWithFallback(t, 'activityList.accessDenied', 'Access Denied')}\n          </h2>\n          <p className=\"text-sm text-text-secondary\">\n            {tWithFallback(\n              t,\n              'activityList.accessDeniedDescription',\n              \"You don't have permission to view activity.\"\n            )}\n          </p>\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"space-y-4 sm:space-y-6 p-3 sm:p-6\">\n      <div>\n        <h1 className=\"text-2xl sm:text-3xl font-bold\">\n          {tWithFallback(t, 'activityList.title', 'Activity')}\n        </h1>\n        <p className=\"text-text-secondary\">\n          {tWithFallback(t, 'activityList.description', 'Track workspace activity')}\n        </p>\n      </div>\n\n      {isLoading ? (\n        <GlassCard treatment=\"plain\" className=\"border-border-seam\">\n          <CardContent className=\"py-8 text-sm text-text-muted\">\n            {tWithFallback(t, 'activityList.loading', 'Loading activity…')}\n          </CardContent>\n        </GlassCard>\n      ) : error ? (\n        <GlassCard treatment=\"plain\" className=\"border-border-seam\">\n          <CardContent className=\"py-8 text-sm text-status-error-text\">\n            {error instanceof Error\n              ? error.message\n              : tWithFallback(t, 'activityList.loadError', 'Failed to load activity')}\n          </CardContent>\n        </GlassCard>\n      ) : (activities?.length ?? 0) === 0 ? (\n        <IllustratedEmptyState\n          illustration=\"empty-data\"\n          title={tWithFallback(t, 'activityList.emptyTitle', 'No recent activity')}\n          description={tWithFallback(\n            t,\n            'activityList.emptyDescription',\n            'Recent workspace actions will appear here as your team creates, updates, and manages work.'\n          )}\n        />\n      ) : (\n        <div className=\"space-y-3\">\n          {activities?.map((item) => (\n            <GlassCard key={item.id} treatment=\"insight\" className=\"border-border-seam\">\n              <CardHeader className=\"pb-2\">\n                <CardTitle className=\"text-base\">{item.description || item.action}</CardTitle>\n              </CardHeader>\n              <CardContent className=\"space-y-1 text-sm text-text-muted\">\n                <p>\n                  {tWithFallback(t, 'activityList.labelAction', 'Action')}:{' '}\n                  <span className=\"text-text-primary\">{item.action}</span>\n                </p>\n                {item.resourceType && (\n                  <p>\n                    {tWithFallback(t, 'activityList.labelResource', 'Resource')}:{' '}\n                    <span className=\"text-text-primary\">{item.resourceType}</span>\n                  </p>\n                )}\n                <p>\n                  {tWithFallback(t, 'activityList.labelWhen', 'When')}:{' '}\n                  <span className=\"text-text-primary\">{formatDate(item.timestamp)}</span>\n                </p>\n                <p>\n                  {tWithFallback(t, 'activityList.labelActor', 'Actor')}:{' '}\n                  <span className=\"break-all text-text-primary\">{item.userId}</span>\n                </p>\n              </CardContent>\n            </GlassCard>\n          ))}\n        </div>\n      )}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;AAgBA,SAAgB,IAAmB;CACjC,IAAM,EAAE,SAAM,GAAS,EAKjB,EAAE,mBAAgB,GAAoC;AAC5D,GAAsB,uBAAuB;EAAE;EAAa,eAAe;EAAM,CAAC;CAClF,IAAM,EAAE,MAAM,GAAY,cAAW,aAAU,EAAqB,EAAY,EAC1E,EAAE,oBAAiB,WAAW,MAAuB,GAAyB;AA8BpF,QA5BI,IAEA,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,GAAD,EAAU,WAAU,cAAe,CAAA,EACnC,kBAAC,GAAD,EAAU,WAAU,QAAS,CAAA,CACzB;MAIL,IAoBH,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,MAAD;GAAI,WAAU;aACX,EAAc,GAAG,sBAAsB,WAAW;GAChD,CAAA,EACL,kBAAC,KAAD;GAAG,WAAU;aACV,EAAc,GAAG,4BAA4B,2BAA2B;GACvE,CAAA,CACA,EAAA,CAAA,EAEL,IACC,kBAAC,GAAD;GAAW,WAAU;GAAQ,WAAU;aACrC,kBAAC,GAAD;IAAa,WAAU;cACpB,EAAc,GAAG,wBAAwB,oBAAoB;IAClD,CAAA;GACJ,CAAA,GACV,IACF,kBAAC,GAAD;GAAW,WAAU;GAAQ,WAAU;aACrC,kBAAC,GAAD;IAAa,WAAU;cACpB,aAAiB,QACd,EAAM,UACN,EAAc,GAAG,0BAA0B,0BAA0B;IAC7D,CAAA;GACJ,CAAA,IACT,GAAY,UAAU,OAAO,IAChC,kBAAC,GAAD;GACE,cAAa;GACb,OAAO,EAAc,GAAG,2BAA2B,qBAAqB;GACxE,aAAa,EACX,GACA,iCACA,6FACD;GACD,CAAA,GAEF,kBAAC,OAAD;GAAK,WAAU;aACZ,GAAY,KAAK,MAChB,kBAAC,GAAD;IAAyB,WAAU;IAAU,WAAU;cAAvD,CACE,kBAAC,GAAD;KAAY,WAAU;eACpB,kBAAC,GAAD;MAAW,WAAU;gBAAa,EAAK,eAAe,EAAK;MAAmB,CAAA;KACnE,CAAA,EACb,kBAAC,GAAD;KAAa,WAAU;eAAvB;MACE,kBAAC,KAAD,EAAA,UAAA;OACG,EAAc,GAAG,4BAA4B,SAAS;OAAC;OAAE;OAC1D,kBAAC,QAAD;QAAM,WAAU;kBAAqB,EAAK;QAAc,CAAA;OACtD,EAAA,CAAA;MACH,EAAK,gBACJ,kBAAC,KAAD,EAAA,UAAA;OACG,EAAc,GAAG,8BAA8B,WAAW;OAAC;OAAE;OAC9D,kBAAC,QAAD;QAAM,WAAU;kBAAqB,EAAK;QAAoB,CAAA;OAC5D,EAAA,CAAA;MAEN,kBAAC,KAAD,EAAA,UAAA;OACG,EAAc,GAAG,0BAA0B,OAAO;OAAC;OAAE;OACtD,kBAAC,QAAD;QAAM,WAAU;kBAAqB,EAAW,EAAK,UAAU;QAAQ,CAAA;OACrE,EAAA,CAAA;MACJ,kBAAC,KAAD,EAAA,UAAA;OACG,EAAc,GAAG,2BAA2B,QAAQ;OAAC;OAAE;OACxD,kBAAC,QAAD;QAAM,WAAU;kBAA+B,EAAK;QAAc,CAAA;OAChE,EAAA,CAAA;MACQ;OACJ;MAxBI,EAAK,GAwBT,CACZ;GACE,CAAA,CAEJ;MAnFJ,kBAAC,OAAD;EAAK,WAAU;YACb,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,MAAD;IAAI,WAAU;cACX,EAAc,GAAG,6BAA6B,gBAAgB;IAC5D,CAAA,EACL,kBAAC,KAAD;IAAG,WAAU;cACV,EACC,GACA,wCACA,8CACD;IACC,CAAA,CACA;;EACF,CAAA"}
+{"version":3,"file":"ActivityListPage.js","names":[],"sources":["../../src/pages/ActivityListPage.tsx"],"sourcesContent":["import { useParams } from 'react-router-dom';\nimport {\n  GlassCard,\n  CardContent,\n  CardHeader,\n  CardTitle,\n  Skeleton,\n  IllustratedEmptyState,\n  PagePurpose,\n} from '@burdenoff/fe-libs/ui';\nimport { useWorkspaceActivity } from '../hooks/useWorkspaceActivity';\nimport { useWorkspacePermissions } from '../hooks/useWorkspacePermissions';\nimport { useWorkspacesPageView } from '../hooks/useWorkspacesPageView';\nimport { formatDate } from '../utils/formatters';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { tWithFallback } from '../utils/i18n';\n\nexport function ActivityListPage() {\n  const { t } = useI18n();\n\n  // The URL path `:workspaceId` (when present) intentionally overrides the active\n  // context. WorkspaceContextPathSync rewrites this segment on a context switch so\n  // the override can't point at a stale workspace. (BOFF-2805 follow-up)\n  const { workspaceId } = useParams<{ workspaceId: string }>();\n  useWorkspacesPageView('workspaces.activity', { workspaceId, requireParams: true });\n  const { data: activities, isLoading, error } = useWorkspaceActivity(workspaceId);\n  const { canViewActivity, isLoading: permissionsLoading } = useWorkspacePermissions();\n\n  if (permissionsLoading) {\n    return (\n      <div className=\"space-y-4 p-6\">\n        <Skeleton className=\"h-10 w-1/3\" />\n        <Skeleton className=\"h-64\" />\n      </div>\n    );\n  }\n\n  if (!canViewActivity) {\n    return (\n      <div className=\"flex items-center justify-center min-h-[400px]\">\n        <div className=\"text-center space-y-2\">\n          <h2 className=\"text-lg font-semibold\">\n            {tWithFallback(t, 'activityList.accessDenied', 'Access Denied')}\n          </h2>\n          <p className=\"text-sm text-text-secondary\">\n            {tWithFallback(\n              t,\n              'activityList.accessDeniedDescription',\n              \"You don't have permission to view activity.\"\n            )}\n          </p>\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"space-y-4 sm:space-y-6 p-3 sm:p-6\">\n      <div>\n        <h1 className=\"text-2xl sm:text-3xl font-bold\">\n          {tWithFallback(t, 'activityList.title', 'Activity')}\n        </h1>\n        <p className=\"text-text-secondary\">\n          {tWithFallback(t, 'activityList.description', 'Track workspace activity')}\n        </p>\n      </div>\n\n      <PagePurpose>\n        {tWithFallback(\n          t,\n          'activityList.purpose',\n          'This is the audit trail for the workspace — a running log of who did what and when. Use it to catch up after time away, confirm a change went through, or investigate when and by whom a project or member was modified.'\n        )}\n      </PagePurpose>\n\n      {isLoading ? (\n        <GlassCard treatment=\"plain\" className=\"border-border-seam\">\n          <CardContent className=\"py-8 text-sm text-text-muted\">\n            {tWithFallback(t, 'activityList.loading', 'Loading activity…')}\n          </CardContent>\n        </GlassCard>\n      ) : error ? (\n        <GlassCard treatment=\"plain\" className=\"border-border-seam\">\n          <CardContent className=\"py-8 text-sm text-status-error-text\">\n            {error instanceof Error\n              ? error.message\n              : tWithFallback(t, 'activityList.loadError', 'Failed to load activity')}\n          </CardContent>\n        </GlassCard>\n      ) : (activities?.length ?? 0) === 0 ? (\n        <IllustratedEmptyState\n          illustration=\"empty-data\"\n          title={tWithFallback(t, 'activityList.emptyTitle', 'No recent activity')}\n          description={tWithFallback(\n            t,\n            'activityList.emptyDescription',\n            'Recent workspace actions will appear here as your team creates, updates, and manages work.'\n          )}\n        />\n      ) : (\n        <div className=\"space-y-3\">\n          {activities?.map((item) => (\n            <GlassCard key={item.id} treatment=\"insight\" className=\"border-border-seam\">\n              <CardHeader className=\"pb-2\">\n                <CardTitle className=\"text-base\">{item.description || item.action}</CardTitle>\n              </CardHeader>\n              <CardContent className=\"space-y-1 text-sm text-text-muted\">\n                <p>\n                  {tWithFallback(t, 'activityList.labelAction', 'Action')}:{' '}\n                  <span className=\"text-text-primary\">{item.action}</span>\n                </p>\n                {item.resourceType && (\n                  <p>\n                    {tWithFallback(t, 'activityList.labelResource', 'Resource')}:{' '}\n                    <span className=\"text-text-primary\">{item.resourceType}</span>\n                  </p>\n                )}\n                <p>\n                  {tWithFallback(t, 'activityList.labelWhen', 'When')}:{' '}\n                  <span className=\"text-text-primary\">{formatDate(item.timestamp)}</span>\n                </p>\n                <p>\n                  {tWithFallback(t, 'activityList.labelActor', 'Actor')}:{' '}\n                  <span className=\"break-all text-text-primary\">{item.userId}</span>\n                </p>\n              </CardContent>\n            </GlassCard>\n          ))}\n        </div>\n      )}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;AAiBA,SAAgB,IAAmB;CACjC,IAAM,EAAE,SAAM,GAAS,EAKjB,EAAE,mBAAgB,GAAoC;AAC5D,GAAsB,uBAAuB;EAAE;EAAa,eAAe;EAAM,CAAC;CAClF,IAAM,EAAE,MAAM,GAAY,cAAW,aAAU,EAAqB,EAAY,EAC1E,EAAE,oBAAiB,WAAW,MAAuB,GAAyB;AA8BpF,QA5BI,IAEA,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,GAAD,EAAU,WAAU,cAAe,CAAA,EACnC,kBAAC,GAAD,EAAU,WAAU,QAAS,CAAA,CACzB;MAIL,IAoBH,kBAAC,OAAD;EAAK,WAAU;YAAf;GACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,MAAD;IAAI,WAAU;cACX,EAAc,GAAG,sBAAsB,WAAW;IAChD,CAAA,EACL,kBAAC,KAAD;IAAG,WAAU;cACV,EAAc,GAAG,4BAA4B,2BAA2B;IACvE,CAAA,CACA,EAAA,CAAA;GAEN,kBAAC,GAAD,EAAA,UACG,EACC,GACA,wBACA,2NACD,EACW,CAAA;GAEb,IACC,kBAAC,GAAD;IAAW,WAAU;IAAQ,WAAU;cACrC,kBAAC,GAAD;KAAa,WAAU;eACpB,EAAc,GAAG,wBAAwB,oBAAoB;KAClD,CAAA;IACJ,CAAA,GACV,IACF,kBAAC,GAAD;IAAW,WAAU;IAAQ,WAAU;cACrC,kBAAC,GAAD;KAAa,WAAU;eACpB,aAAiB,QACd,EAAM,UACN,EAAc,GAAG,0BAA0B,0BAA0B;KAC7D,CAAA;IACJ,CAAA,IACT,GAAY,UAAU,OAAO,IAChC,kBAAC,GAAD;IACE,cAAa;IACb,OAAO,EAAc,GAAG,2BAA2B,qBAAqB;IACxE,aAAa,EACX,GACA,iCACA,6FACD;IACD,CAAA,GAEF,kBAAC,OAAD;IAAK,WAAU;cACZ,GAAY,KAAK,MAChB,kBAAC,GAAD;KAAyB,WAAU;KAAU,WAAU;eAAvD,CACE,kBAAC,GAAD;MAAY,WAAU;gBACpB,kBAAC,GAAD;OAAW,WAAU;iBAAa,EAAK,eAAe,EAAK;OAAmB,CAAA;MACnE,CAAA,EACb,kBAAC,GAAD;MAAa,WAAU;gBAAvB;OACE,kBAAC,KAAD,EAAA,UAAA;QACG,EAAc,GAAG,4BAA4B,SAAS;QAAC;QAAE;QAC1D,kBAAC,QAAD;SAAM,WAAU;mBAAqB,EAAK;SAAc,CAAA;QACtD,EAAA,CAAA;OACH,EAAK,gBACJ,kBAAC,KAAD,EAAA,UAAA;QACG,EAAc,GAAG,8BAA8B,WAAW;QAAC;QAAE;QAC9D,kBAAC,QAAD;SAAM,WAAU;mBAAqB,EAAK;SAAoB,CAAA;QAC5D,EAAA,CAAA;OAEN,kBAAC,KAAD,EAAA,UAAA;QACG,EAAc,GAAG,0BAA0B,OAAO;QAAC;QAAE;QACtD,kBAAC,QAAD;SAAM,WAAU;mBAAqB,EAAW,EAAK,UAAU;SAAQ,CAAA;QACrE,EAAA,CAAA;OACJ,kBAAC,KAAD,EAAA,UAAA;QACG,EAAc,GAAG,2BAA2B,QAAQ;QAAC;QAAE;QACxD,kBAAC,QAAD;SAAM,WAAU;mBAA+B,EAAK;SAAc,CAAA;QAChE,EAAA,CAAA;OACQ;QACJ;OAxBI,EAAK,GAwBT,CACZ;IACE,CAAA;GAEJ;MA3FJ,kBAAC,OAAD;EAAK,WAAU;YACb,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,MAAD;IAAI,WAAU;cACX,EAAc,GAAG,6BAA6B,gBAAgB;IAC5D,CAAA,EACL,kBAAC,KAAD;IAAG,WAAU;cACV,EACC,GACA,wCACA,8CACD;IACC,CAAA,CACA;;EACF,CAAA"}

package/dist/pages/CreateWorkspacePage.js

@@ -3,26 +3,26 @@ import { tWithFallback as t } from "../utils/i18n.js";
 import { useWorkspacesPageView as n } from "../hooks/useWorkspacesPageView.js";
 import { useCreateWorkspace as ee } from "../hooks/useWorkspaceMutations.js";
 import { useMyOrganizations as r, useMyTenants as i } from "../hooks/useTenants.js";
-import { generateSlug as a } from "../utils/slug.js";
-import { useOrgsWithPermission as te } from "../hooks/useOrgsWithPermission.js";
+import { generateSlug as te } from "../utils/slug.js";
+import { useOrgsWithPermission as a } from "../hooks/useOrgsWithPermission.js";
 import { useEffect as o, useMemo as s } from "react";
 import { AlertCircle as c, ArrowLeft as l } from "lucide-react";
 import { jsx as u, jsxs as d } from "react/jsx-runtime";
-import { Button as f, CardContent as p, CardDescription as m, CardHeader as ne, CardTitle as h, GlassCard as g, Skeleton as _ } from "@burdenoff/fe-libs/ui";
-import { Link as v, useNavigate as y } from "react-router-dom";
-import { useUpgradePrompt as b } from "@burdenoff/fe-libs/shared/hooks";
-import { AccessDenied as x, UpgradeInlineBanner as S } from "@burdenoff/fe-libs/shared/components";
-import { useI18n as C } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { useForm as w, z as T } from "@burdenoff/fe-libs/form";
+import { Button as f, CardContent as p, CardDescription as m, CardHeader as h, CardTitle as ne, GlassCard as g, PagePurpose as _, Skeleton as v } from "@burdenoff/fe-libs/ui";
+import { Link as y, useNavigate as b } from "react-router-dom";
+import { useUpgradePrompt as x } from "@burdenoff/fe-libs/shared/hooks";
+import { AccessDenied as S, UpgradeInlineBanner as C } from "@burdenoff/fe-libs/shared/components";
+import { useI18n as w } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { useForm as T, z as E } from "@burdenoff/fe-libs/form";
 //#region src/pages/CreateWorkspacePage.tsx
-function E() {
+function D() {
 	n("workspaces.create");
-	let { t: E } = C(), { isFree: D, approachingLimits: O, plan: k } = b({ resource: "workspaces" }), A = O[0], j = !!A && typeof A.limit == "number" && A.current >= A.limit, re = D && !!A, M = s(() => T.object({
-		name: T.string().min(2, t(E, "createWorkspace.validation.nameMin", "Name must be at least 2 characters")).max(100),
-		slug: T.string().min(2, t(E, "createWorkspace.validation.slugMin", "Slug must be at least 2 characters")).max(50).regex(/^[a-z0-9-]+$/, t(E, "createWorkspace.validation.slugFormat", "Slug can only contain lowercase letters, numbers, and hyphens")),
-		tenantId: T.string().min(1, t(E, "createWorkspace.validation.tenantRequired", "Please select a tenant")),
-		organizationId: T.string().min(1, t(E, "createWorkspace.validation.organizationRequired", "Please select an organization"))
-	}), [E]), N = y(), { basePath: P = "/" } = e(), { mutate: F, isPending: I } = ee(), { data: L, isLoading: R, error: z } = i(), { data: B, isLoading: V, error: H } = r(), U = s(() => L?.items ?? [], [L]), W = s(() => B?.items ?? [], [B]), G = s(() => U.find((e) => e.type === "SHARED" || e.slug === "burdenoff-shared")?.id ?? U[0]?.id ?? "", [U]), K = w({
+	let { t: D } = w(), { isFree: O, approachingLimits: re, plan: ie } = x({ resource: "workspaces" }), k = re[0], A = !!k && typeof k.limit == "number" && k.current >= k.limit, j = O && !!k, M = s(() => E.object({
+		name: E.string().min(2, t(D, "createWorkspace.validation.nameMin", "Name must be at least 2 characters")).max(100),
+		slug: E.string().min(2, t(D, "createWorkspace.validation.slugMin", "Slug must be at least 2 characters")).max(50).regex(/^[a-z0-9-]+$/, t(D, "createWorkspace.validation.slugFormat", "Slug can only contain lowercase letters, numbers, and hyphens")),
+		tenantId: E.string().min(1, t(D, "createWorkspace.validation.tenantRequired", "Please select a tenant")),
+		organizationId: E.string().min(1, t(D, "createWorkspace.validation.organizationRequired", "Please select an organization"))
+	}), [D]), N = b(), { basePath: P = "/" } = e(), { mutate: F, isPending: I } = ee(), { data: L, isLoading: R, error: z } = i(), { data: B, isLoading: V, error: H } = r(), U = s(() => L?.items ?? [], [L]), W = s(() => B?.items ?? [], [B]), G = s(() => U.find((e) => e.type === "SHARED" || e.slug === "burdenoff-shared")?.id ?? U[0]?.id ?? "", [U]), K = T({
 		schema: M,
 		defaultValues: {
 			name: "",
@@ -30,13 +30,13 @@ function E() {
 			tenantId: "",
 			organizationId: ""
 		}
-	}), q = K.watch("tenantId"), J = K.watch("name"), { allowedIds: Y, loading: X, isError: Z } = te(s(() => W.map((e) => e.id), [W]), "workspace", "create"), Q = s(() => q ? W.filter((e) => e.tenantId === q) : [], [q, W]), $ = s(() => Z ? Q : Q.filter((e) => Y.has(e.id)), [
+	}), q = K.watch("tenantId"), J = K.watch("name"), { allowedIds: Y, loading: X, isError: Z } = a(s(() => W.map((e) => e.id), [W]), "workspace", "create"), Q = s(() => q ? W.filter((e) => e.tenantId === q) : [], [q, W]), $ = s(() => Z ? Q : Q.filter((e) => Y.has(e.id)), [
 		Q,
 		Y,
 		Z
 	]);
 	o(() => {
-		K.setValue("slug", J ? a(J) : "");
+		K.setValue("slug", J ? te(J) : "");
 	}, [J, K]), o(() => {
 		K.setValue("organizationId", "");
 	}, [q, K]), o(() => {
@@ -51,7 +51,7 @@ function E() {
 			shouldTouch: !1
 		});
 	}, [$, K]);
-	let ie = (e) => {
+	let ae = (e) => {
 		F({
 			name: e.name,
 			slug: e.slug,
@@ -60,53 +60,58 @@ function E() {
 		}, { onSuccess: (e) => {
 			N(`${P}/${e.id}`);
 		} });
-	}, ae = Y.size > 0, oe = R || V || X, se = !z && !H && W.length > 0;
-	return !oe && !Z && se && !ae ? /* @__PURE__ */ d("div", {
+	}, oe = Y.size > 0, se = R || V || X, ce = !z && !H && W.length > 0;
+	return !se && !Z && ce && !oe ? /* @__PURE__ */ d("div", {
 		className: "p-6",
-		children: [/* @__PURE__ */ d(v, {
+		children: [/* @__PURE__ */ d(y, {
 			to: `${P}/list`,
 			className: "inline-flex items-center gap-2 text-text-secondary hover:text-text-primary transition-colors mb-6",
-			children: [/* @__PURE__ */ u(l, { size: 20 }), t(E, "createWorkspace.backToWorkspaces", "Back to Workspaces")]
-		}), /* @__PURE__ */ u(x, {
+			children: [/* @__PURE__ */ u(l, { size: 20 }), t(D, "createWorkspace.backToWorkspaces", "Back to Workspaces")]
+		}), /* @__PURE__ */ u(S, {
 			variant: "card",
-			title: t(E, "createWorkspace.permissionRequiredTitle", "Permission Required"),
-			description: t(E, "createWorkspace.permissionRequiredDescription", "You don't have permission to create workspaces in any of your organizations."),
-			details: t(E, "createWorkspace.permissionRequiredDetails", "Required: workspace:create"),
+			title: t(D, "createWorkspace.permissionRequiredTitle", "Permission Required"),
+			description: t(D, "createWorkspace.permissionRequiredDescription", "You don't have permission to create workspaces in any of your organizations."),
+			details: t(D, "createWorkspace.permissionRequiredDetails", "Required: workspace:create"),
 			primaryAction: {
-				label: t(E, "createWorkspace.goBack", "Go Back"),
+				label: t(D, "createWorkspace.goBack", "Go Back"),
 				onClick: () => N(`${P}/list`)
 			}
 		})]
 	}) : /* @__PURE__ */ d("div", {
 		className: "space-y-4 sm:space-y-6 p-3 sm:p-6",
 		children: [
-			/* @__PURE__ */ d(v, {
+			/* @__PURE__ */ d(y, {
 				to: `${P}/list`,
 				className: "inline-flex items-center gap-2 text-text-secondary hover:text-text-primary transition-colors",
-				children: [/* @__PURE__ */ u(l, { size: 20 }), t(E, "createWorkspace.backToWorkspaces", "Back to Workspaces")]
+				children: [/* @__PURE__ */ u(l, { size: 20 }), t(D, "createWorkspace.backToWorkspaces", "Back to Workspaces")]
 			}),
-			re && /* @__PURE__ */ u("div", {
+			/* @__PURE__ */ u("div", {
 				className: "max-w-2xl mx-auto w-full",
-				children: /* @__PURE__ */ u(S, {
+				children: /* @__PURE__ */ u(_, { children: t(D, "createWorkspace.purpose", "Create a workspace to give a team, client or initiative its own dedicated space — with its own projects, members, agents and activity, kept separate from the rest. Give it a clear name, pick the organization that owns it, and you can invite people and add projects right after.") })
+			}),
+			j && /* @__PURE__ */ u("div", {
+				className: "max-w-2xl mx-auto w-full",
+				children: /* @__PURE__ */ u(C, {
 					resource: "workspaces",
-					current: A.current,
-					limit: A.limit ?? void 0,
-					severity: j ? "critical" : void 0,
-					message: j ? t(E, "createWorkspace.upgradeCapMessage", `You've used all workspaces in the ${k?.planName ?? "free"} plan.`) : t(E, "createWorkspace.upgradeApproachingMessage", "Upgrade to create more workspaces.")
+					current: k.current,
+					limit: k.limit ?? void 0,
+					severity: A ? "critical" : void 0,
+					message: A ? t(D, "createWorkspace.upgradeCapMessage", `You've used all workspaces in the ${ie?.planName ?? "free"} plan.`) : t(D, "createWorkspace.upgradeApproachingMessage", "Upgrade to create more workspaces.")
 				})
 			}),
 			/* @__PURE__ */ d(g, {
-				treatment: "plain",
+				treatment: "glass",
+				glow: !0,
 				className: "max-w-2xl mx-auto border-border-seam",
-				children: [/* @__PURE__ */ d(ne, { children: [/* @__PURE__ */ u(h, { children: t(E, "createWorkspace.title", "Create New Workspace") }), /* @__PURE__ */ u(m, { children: t(E, "createWorkspace.subtitle", "Set up a new workspace for your team") })] }), /* @__PURE__ */ d(p, { children: [Z && /* @__PURE__ */ d("div", {
+				children: [/* @__PURE__ */ d(h, { children: [/* @__PURE__ */ u(ne, { children: t(D, "createWorkspace.title", "Create New Workspace") }), /* @__PURE__ */ u(m, { children: t(D, "createWorkspace.subtitle", "Set up a new workspace for your team") })] }), /* @__PURE__ */ d(p, { children: [Z && /* @__PURE__ */ d("div", {
 					role: "alert",
 					className: "mb-4 flex items-start gap-2 rounded-md border border-warning/30 bg-warning/10 p-3 text-sm text-text-primary",
 					children: [/* @__PURE__ */ u(c, {
 						size: 16,
 						className: "mt-0.5 shrink-0 text-warning"
-					}), /* @__PURE__ */ u("span", { children: t(E, "createWorkspace.permissionCheckUnavailable", "We couldn't verify your workspace-create permissions just now, so the organization list isn't filtered. If you submit and don't have access, the request will be rejected and you can retry.") })]
+					}), /* @__PURE__ */ u("span", { children: t(D, "createWorkspace.permissionCheckUnavailable", "We couldn't verify your workspace-create permissions just now, so the organization list isn't filtered. If you submit and don't have access, the request will be rejected and you can retry.") })]
 				}), /* @__PURE__ */ d("form", {
-					onSubmit: K.handleSubmit(ie),
+					onSubmit: K.handleSubmit(ae),
 					className: "space-y-6",
 					children: [
 						/* @__PURE__ */ d("div", {
@@ -115,17 +120,17 @@ function E() {
 								/* @__PURE__ */ u("label", {
 									htmlFor: "workspace-name",
 									className: "text-sm font-medium text-text-primary",
-									children: t(E, "createWorkspace.nameLabel", "Workspace Name *")
+									children: t(D, "createWorkspace.nameLabel", "Workspace Name *")
 								}),
 								/* @__PURE__ */ u("input", {
 									id: "workspace-name",
-									placeholder: t(E, "createWorkspace.namePlaceholder", "My Workspace"),
+									placeholder: t(D, "createWorkspace.namePlaceholder", "My Workspace"),
 									className: "h-10 w-full rounded-md border border-border-default bg-bg-surface px-3 py-2 text-sm text-text-primary",
 									...K.register("name")
 								}),
 								/* @__PURE__ */ u("p", {
 									className: "text-xs text-text-secondary",
-									children: t(E, "createWorkspace.nameHint", "A descriptive name for your workspace")
+									children: t(D, "createWorkspace.nameHint", "A descriptive name for your workspace")
 								}),
 								K.formState.errors.name?.message && /* @__PURE__ */ u("p", {
 									className: "text-sm text-status-error-text",
@@ -139,17 +144,17 @@ function E() {
 								/* @__PURE__ */ u("label", {
 									htmlFor: "workspace-slug",
 									className: "text-sm font-medium text-text-primary",
-									children: t(E, "createWorkspace.slugLabel", "Slug *")
+									children: t(D, "createWorkspace.slugLabel", "Slug *")
 								}),
 								/* @__PURE__ */ u("input", {
 									id: "workspace-slug",
-									placeholder: t(E, "createWorkspace.slugPlaceholder", "my-workspace"),
+									placeholder: t(D, "createWorkspace.slugPlaceholder", "my-workspace"),
 									className: "h-10 w-full rounded-md border border-border-default bg-bg-surface px-3 py-2 text-sm text-text-primary",
 									...K.register("slug")
 								}),
 								/* @__PURE__ */ u("p", {
 									className: "text-xs text-text-secondary",
-									children: t(E, "createWorkspace.slugHint", "URL-friendly identifier (auto-generated, but you can edit it)")
+									children: t(D, "createWorkspace.slugHint", "URL-friendly identifier (auto-generated, but you can edit it)")
 								}),
 								K.formState.errors.slug?.message && /* @__PURE__ */ u("p", {
 									className: "text-sm text-status-error-text",
@@ -163,21 +168,21 @@ function E() {
 								/* @__PURE__ */ u("label", {
 									htmlFor: "workspace-tenant",
 									className: "text-sm font-medium text-text-primary",
-									children: t(E, "createWorkspace.tenantLabel", "Tenant *")
+									children: t(D, "createWorkspace.tenantLabel", "Tenant *")
 								}),
-								R ? /* @__PURE__ */ u(_, { className: "h-10 w-full" }) : z ? /* @__PURE__ */ d("div", {
+								R ? /* @__PURE__ */ u(v, { className: "h-10 w-full" }) : z ? /* @__PURE__ */ d("div", {
 									className: "flex items-center gap-2 text-sm text-status-error-text",
-									children: [/* @__PURE__ */ u(c, { size: 16 }), t(E, "createWorkspace.failedToLoadTenants", "Failed to load tenants")]
+									children: [/* @__PURE__ */ u(c, { size: 16 }), t(D, "createWorkspace.failedToLoadTenants", "Failed to load tenants")]
 								}) : U.length === 0 ? /* @__PURE__ */ u("div", {
 									className: "text-sm text-text-secondary",
-									children: t(E, "createWorkspace.noTenantsAvailable", "No tenants available. Contact your administrator.")
+									children: t(D, "createWorkspace.noTenantsAvailable", "No tenants available. Contact your administrator.")
 								}) : /* @__PURE__ */ d("select", {
 									id: "workspace-tenant",
 									className: "h-10 w-full rounded-md border border-border-default bg-bg-surface px-3 py-2 text-sm text-text-primary",
 									...K.register("tenantId"),
 									children: [/* @__PURE__ */ u("option", {
 										value: "",
-										children: t(E, "createWorkspace.selectTenantPlaceholder", "Select a tenant")
+										children: t(D, "createWorkspace.selectTenantPlaceholder", "Select a tenant")
 									}), U.map((e) => /* @__PURE__ */ u("option", {
 										value: e.id,
 										children: e.name
@@ -185,7 +190,7 @@ function E() {
 								}),
 								/* @__PURE__ */ u("p", {
 									className: "text-xs text-text-secondary",
-									children: t(E, "createWorkspace.tenantHint", "Select which tenant this workspace belongs to")
+									children: t(D, "createWorkspace.tenantHint", "Select which tenant this workspace belongs to")
 								}),
 								K.formState.errors.tenantId?.message && /* @__PURE__ */ u("p", {
 									className: "text-sm text-status-error-text",
@@ -199,14 +204,14 @@ function E() {
 								/* @__PURE__ */ u("label", {
 									htmlFor: "workspace-organization",
 									className: "text-sm font-medium text-text-primary",
-									children: t(E, "createWorkspace.organizationLabel", "Organization *")
+									children: t(D, "createWorkspace.organizationLabel", "Organization *")
 								}),
-								V || X ? /* @__PURE__ */ u(_, { className: "h-10 w-full" }) : H ? /* @__PURE__ */ d("div", {
+								V || X ? /* @__PURE__ */ u(v, { className: "h-10 w-full" }) : H ? /* @__PURE__ */ d("div", {
 									className: "flex items-center gap-2 text-sm text-status-error-text",
-									children: [/* @__PURE__ */ u(c, { size: 16 }), t(E, "createWorkspace.failedToLoadOrganizations", "Failed to load organizations")]
+									children: [/* @__PURE__ */ u(c, { size: 16 }), t(D, "createWorkspace.failedToLoadOrganizations", "Failed to load organizations")]
 								}) : q ? $.length === 0 ? /* @__PURE__ */ u("div", {
 									className: "text-sm text-text-secondary",
-									children: t(E, "createWorkspace.noOrganizationsFound", "No organizations found for this tenant")
+									children: t(D, "createWorkspace.noOrganizationsFound", "No organizations found for this tenant")
 								}) : /* @__PURE__ */ d("select", {
 									id: "workspace-organization",
 									className: "h-10 w-full rounded-md border border-border-default bg-bg-surface px-3 py-2 text-sm text-text-primary",
@@ -214,18 +219,18 @@ function E() {
 									...K.register("organizationId"),
 									children: [/* @__PURE__ */ u("option", {
 										value: "",
-										children: t(E, "createWorkspace.selectOrganizationPlaceholder", "Select an organization")
+										children: t(D, "createWorkspace.selectOrganizationPlaceholder", "Select an organization")
 									}), $.map((e) => /* @__PURE__ */ u("option", {
 										value: e.id,
 										children: e.name
 									}, e.id))]
 								}) : /* @__PURE__ */ u("div", {
 									className: "text-sm text-text-secondary",
-									children: t(E, "createWorkspace.selectTenantFirst", "Please select a tenant first")
+									children: t(D, "createWorkspace.selectTenantFirst", "Please select a tenant first")
 								}),
 								/* @__PURE__ */ u("p", {
 									className: "text-xs text-text-secondary",
-									children: t(E, "createWorkspace.organizationHint", "Select which organization owns this workspace")
+									children: t(D, "createWorkspace.organizationHint", "Select which organization owns this workspace")
 								}),
 								K.formState.errors.organizationId?.message && /* @__PURE__ */ u("p", {
 									className: "text-sm text-status-error-text",
@@ -240,12 +245,12 @@ function E() {
 								variant: "outline",
 								onClick: () => N(`${P}/list`),
 								disabled: I,
-								children: t(E, "createWorkspace.cancel", "Cancel")
+								children: t(D, "createWorkspace.cancel", "Cancel")
 							}), /* @__PURE__ */ u(f, {
 								type: "submit",
-								disabled: I || R || V || X || j,
-								title: j ? t(E, "createWorkspace.disabledAtCap", "Workspace limit reached — upgrade your plan to create more.") : void 0,
-								children: I ? t(E, "createWorkspace.creating", "Creating...") : t(E, "createWorkspace.submit", "Create Workspace")
+								disabled: I || R || V || X || A,
+								title: A ? t(D, "createWorkspace.disabledAtCap", "Workspace limit reached — upgrade your plan to create more.") : void 0,
+								children: I ? t(D, "createWorkspace.creating", "Creating...") : t(D, "createWorkspace.submit", "Create Workspace")
 							})]
 						})
 					]
@@ -255,6 +260,6 @@ function E() {
 	});
 }
 //#endregion
-export { E as CreateWorkspacePage };
+export { D as CreateWorkspacePage };
 
 //# sourceMappingURL=CreateWorkspacePage.js.map