@burdenoff/microfe-workspaces 2026.520.1 → 2026.528.1

package/dist/hooks/useWorkspacesEventEmitter.js.map

@@ -1 +1 @@
-{"version":3,"file":"useWorkspacesEventEmitter.js","names":[],"sources":["../../src/hooks/useWorkspacesEventEmitter.ts"],"sourcesContent":["/**\n * Workspaces-domain event emitter. Emits lifecycle events to the host shell's\n * event bus per `~/products/infra/infra-specs/microfrontends/47-FRONTEND-EVENT-BUS.md`.\n *\n * The MFE never sinks directly to Rybbit/audit — it goes through the bus.\n *\n * The fe-libs `EventBus.emit` is statically typed against `BurdenoffEventName`\n * which doesn't list our workspaces-domain names. The runtime bus is dynamic,\n * so the cast loses autocomplete but is sound.\n */\nimport { useCallback } from 'react';\n\nimport { useEventBus } from '@burdenoff/fe-libs/shared/events';\n\nexport type WorkspacesDomainEvent =\n  // Lifecycle (success)\n  | 'workspace.created'\n  | 'workspace.updated'\n  | 'workspace.deleted'\n  | 'workspace.archived'\n  | 'workspace.reactivated'\n  | 'project.created'\n  | 'project.updated'\n  | 'project.deleted'\n  | 'project.archived'\n  | 'project.unarchived'\n  | 'workspace-member.added'\n  | 'workspace-member.removed'\n  | 'workspace-member.role-updated'\n  | 'workspace-invitation.created'\n  | 'workspace-invitation.updated'\n  | 'workspace-invitation.accepted'\n  | 'workspace-invitation.rejected'\n  | 'workspace-invitation.cancelled'\n  | 'workspace-invitation.resent'\n  | 'workspace-invitation.deleted'\n  | 'workspace-activity.appended'\n  // Failure / observability — forwarded to OtelBrowserSink + audit sink\n  | 'workspace.create_failed'\n  | 'workspace.update_failed'\n  | 'workspace.delete_failed'\n  | 'workspace.archive_failed'\n  | 'workspace.reactivate_failed'\n  | 'project.create_failed'\n  | 'project.update_failed'\n  | 'project.delete_failed'\n  | 'project.archive_failed'\n  | 'project.unarchive_failed'\n  | 'workspace-member.add_failed'\n  | 'workspace-member.remove_failed'\n  | 'workspace-member.role-update_failed'\n  | 'workspace-invitation.create_failed'\n  | 'workspace-invitation.update_failed'\n  | 'workspace-invitation.accept_failed'\n  | 'workspace-invitation.reject_failed'\n  | 'workspace-invitation.cancel_failed'\n  | 'workspace-invitation.resend_failed'\n  | 'workspace-invitation.delete_failed'\n  // Module-scoped (plural) — describes a navigation event into the module,\n  // not an action on a single resource.\n  | 'workspaces.page.viewed';\n\nexport interface WorkspacesEventPayload {\n  workspaceId?: string;\n  projectId?: string;\n  memberId?: string;\n  invitationId?: string;\n  userId?: string;\n  email?: string;\n  source?: string;\n  // Observability fields (no PII per SRE guide §7)\n  page?: string;\n  durationMs?: number;\n  errorCode?: string;\n  errorMessage?: string;\n}\n\nexport function useWorkspacesEventEmitter(): {\n  emit: (event: WorkspacesDomainEvent, payload?: WorkspacesEventPayload) => void;\n} {\n  const bus = useEventBus();\n  // Memoize the emit callback so consumers (notably `useWorkspacesPageView`)\n  // can put it in effect dep arrays without firing on every render.\n  const emit = useCallback(\n    (event: WorkspacesDomainEvent, payload: WorkspacesEventPayload = {}) => {\n      try {\n        type DynamicEmit = (e: string, p: unknown) => void;\n        (bus as unknown as { emit: DynamicEmit }).emit(event, payload);\n      } catch (err) {\n        // Bus failures must not break workspace operations — but in dev we\n        // surface the error so a wrong event shape doesn't disappear silently.\n        if (import.meta.env?.DEV) {\n          // eslint-disable-next-line no-console\n          console.warn('[useWorkspacesEventEmitter] event bus emit failed', {\n            event,\n            payload,\n            err,\n          });\n        }\n      }\n    },\n    [bus]\n  );\n  return { emit };\n}\n"],"mappings":";;;AA6EA,SAAgB,IAEd;CACA,IAAM,IAAM,GAAa;AAuBzB,QAAO,EAAE,MApBI,GACV,GAA8B,IAAkC,EAAE,KAAK;AACtE,MAAI;AAED,KAAyC,KAAK,GAAO,EAAQ;UAClD;IAahB,CAAC,EAAI,CACN,EACc"}
+{"version":3,"file":"useWorkspacesEventEmitter.js","names":[],"sources":["../../src/hooks/useWorkspacesEventEmitter.ts"],"sourcesContent":["/**\n * Workspaces-domain event emitter. Emits lifecycle events to the host shell's\n * event bus per `~/products/infra/infra-specs/microfrontends/47-FRONTEND-EVENT-BUS.md`.\n *\n * The MFE never sinks directly to Rybbit/audit — it goes through the bus.\n *\n * The fe-libs `EventBus.emit` is statically typed against `BurdenoffEventName`\n * which doesn't list our workspaces-domain names. The runtime bus is dynamic,\n * so the cast loses autocomplete but is sound.\n */\nimport { useCallback } from 'react';\n\nimport { useEventBus } from '@burdenoff/fe-libs/shared/events';\n\nexport type WorkspacesDomainEvent =\n  // Lifecycle (success)\n  | 'workspace.created'\n  | 'workspace.updated'\n  | 'workspace.deleted'\n  | 'workspace.archived'\n  | 'workspace.reactivated'\n  | 'project.created'\n  | 'project.updated'\n  | 'project.deleted'\n  | 'project.archived'\n  | 'project.unarchived'\n  | 'workspace-member.added'\n  | 'workspace-member.removed'\n  | 'workspace-member.role-updated'\n  | 'workspace-invitation.created'\n  | 'workspace-invitation.updated'\n  | 'workspace-invitation.accepted'\n  | 'workspace-invitation.rejected'\n  | 'workspace-invitation.cancelled'\n  | 'workspace-invitation.resent'\n  | 'workspace-invitation.deleted'\n  | 'workspace-activity.appended'\n  // Failure / observability — forwarded to OtelBrowserSink + audit sink\n  | 'workspace.create_failed'\n  | 'workspace.update_failed'\n  | 'workspace.delete_failed'\n  | 'workspace.archive_failed'\n  | 'workspace.reactivate_failed'\n  | 'project.create_failed'\n  | 'project.update_failed'\n  | 'project.delete_failed'\n  | 'project.archive_failed'\n  | 'project.unarchive_failed'\n  | 'workspace-member.add_failed'\n  | 'workspace-member.remove_failed'\n  | 'workspace-member.role-update_failed'\n  | 'workspace-invitation.create_failed'\n  | 'workspace-invitation.update_failed'\n  | 'workspace-invitation.accept_failed'\n  | 'workspace-invitation.reject_failed'\n  | 'workspace-invitation.cancel_failed'\n  | 'workspace-invitation.resend_failed'\n  | 'workspace-invitation.delete_failed'\n  // Module-scoped (plural) — describes a navigation event into the module,\n  // not an action on a single resource.\n  | 'workspaces.page.viewed';\n\nexport interface WorkspacesEventPayload {\n  workspaceId?: string;\n  projectId?: string;\n  memberId?: string;\n  invitationId?: string;\n  userId?: string;\n  email?: string;\n  source?: string;\n  // Observability fields (no PII per SRE guide §7)\n  page?: string;\n  durationMs?: number;\n  errorCode?: string;\n  errorMessage?: string;\n}\n\nexport function useWorkspacesEventEmitter(): {\n  emit: (event: WorkspacesDomainEvent, payload?: WorkspacesEventPayload) => void;\n} {\n  const bus = useEventBus();\n  // Memoize the emit callback so consumers (notably `useWorkspacesPageView`)\n  // can put it in effect dep arrays without firing on every render.\n  const emit = useCallback(\n    (event: WorkspacesDomainEvent, payload: WorkspacesEventPayload = {}) => {\n      try {\n        type DynamicEmit = (e: string, p: unknown) => void;\n        (bus as unknown as { emit: DynamicEmit }).emit(event, payload);\n      } catch (err) {\n        // Bus failures must not break workspace operations — but in dev we\n        // surface the error so a wrong event shape doesn't disappear silently.\n        if (import.meta.env?.DEV) {\n          console.warn('[useWorkspacesEventEmitter] event bus emit failed', {\n            event,\n            payload,\n            err,\n          });\n        }\n      }\n    },\n    [bus]\n  );\n  return { emit };\n}\n"],"mappings":";;;AA6EA,SAAgB,IAEd;CACA,IAAM,IAAM,GAAa;AAsBzB,QAAO,EAAE,MAnBI,GACV,GAA8B,IAAkC,EAAE,KAAK;AACtE,MAAI;AAED,KAAyC,KAAK,GAAO,EAAQ;UAClD;IAYhB,CAAC,EAAI,CACN,EACc"}

package/dist/hooks/useWorkspacesPageView.js

@@ -3,14 +3,14 @@ import { useEffect as t, useRef as n } from "react";
 //#region src/hooks/useWorkspacesPageView.ts
 var r = (e) => typeof e == "string" && e.length > 0;
 function i(i, a) {
-	let { emit: o } = e(), s = a?.workspaceId, c = a?.projectId, l = a?.requireParams ?? !1, u = n(null);
+	let { emit: o } = e(), s = a?.workspaceId, c = a?.projectId, l = a?.requireParams ?? !1, u = a ? "workspaceId" in a : !1, d = a ? "projectId" in a : !1, f = n(null);
 	t(() => {
 		if (l) {
 			let e = [];
-			if (a && "workspaceId" in a && e.push(s), a && "projectId" in a && e.push(c), e.some((e) => !r(e))) return;
+			if (u && e.push(s), d && e.push(c), e.some((e) => !r(e))) return;
 		}
 		let e = `${i}::${s ?? ""}::${c ?? ""}`;
-		u.current !== e && (u.current = e, o("workspaces.page.viewed", {
+		f.current !== e && (f.current = e, o("workspaces.page.viewed", {
 			page: i,
 			workspaceId: s ?? void 0,
 			projectId: c ?? void 0
@@ -20,7 +20,9 @@ function i(i, a) {
 		i,
 		s,
 		c,
-		l
+		l,
+		u,
+		d
 	]);
 }
 //#endregion

package/dist/hooks/useWorkspacesPageView.js.map

@@ -1 +1 @@
-{"version":3,"file":"useWorkspacesPageView.js","names":[],"sources":["../../src/hooks/useWorkspacesPageView.ts"],"sourcesContent":["import { useEffect, useRef } from 'react';\n\nimport { useWorkspacesEventEmitter } from './useWorkspacesEventEmitter';\n\ninterface PageViewExtra {\n  /**\n   * Workspace context for the page. `undefined` / `null` / `''` are all\n   * treated as \"unresolved\" when `requireParams` is true so that\n   * `useParams()`'s `string | undefined` initial render doesn't fire\n   * a phantom event with missing context.\n   */\n  workspaceId?: string | null;\n  projectId?: string | null;\n  /**\n   * Set to `true` on routes that include `:workspaceId` / `:projectId`\n   * in the path. The hook then skips the emit until **every value\n   * supplied in `extra`** resolves to a non-empty string. Anything you\n   * don't pass to `extra` is treated as \"not applicable to this page\"\n   * — the hook ignores it.\n   */\n  requireParams?: boolean;\n}\n\nconst isResolved = (v: string | null | undefined): v is string =>\n  typeof v === 'string' && v.length > 0;\n\n/**\n * Emit a `workspaces.page.viewed` event when a top-level workspaces page mounts\n * (and again when its `page` / `workspaceId` / `projectId` context changes).\n * The event is forwarded by the shell's bus to OtelBrowserSink / RybbitSink /\n * BackendAuditSink — the MFE never sinks directly.\n */\nexport function useWorkspacesPageView(page: string, extra?: PageViewExtra): void {\n  const { emit } = useWorkspacesEventEmitter();\n  const workspaceId = extra?.workspaceId;\n  const projectId = extra?.projectId;\n  const requireParams = extra?.requireParams ?? false;\n\n  // Track the last (page, workspaceId, projectId) tuple we emitted for, so\n  // when params resolve asynchronously and the same effect re-runs we don't\n  // double-fire — and so a quick router transition that lands on the same\n  // page only counts once.\n  const lastKey = useRef<string | null>(null);\n\n  useEffect(() => {\n    // Skip while params are still resolving on routes that need them.\n    // We check every key the caller actually supplied — if `extra.projectId`\n    // wasn't passed it stays `undefined` and is ignored; if it WAS passed\n    // (even as `undefined` from `useParams`) we wait for it to resolve.\n    if (requireParams) {\n      const passed: Array<string | null | undefined> = [];\n      if (extra && 'workspaceId' in extra) passed.push(workspaceId);\n      if (extra && 'projectId' in extra) passed.push(projectId);\n      if (passed.some((v) => !isResolved(v))) {\n        if (import.meta.env?.DEV) {\n          // eslint-disable-next-line no-console\n          console.debug('[useWorkspacesPageView] skipping — required params not yet resolved', {\n            page,\n            workspaceId,\n            projectId,\n          });\n        }\n        return;\n      }\n    }\n\n    const key = `${page}::${workspaceId ?? ''}::${projectId ?? ''}`;\n    if (lastKey.current === key) return;\n    lastKey.current = key;\n\n    emit('workspaces.page.viewed', {\n      page,\n      workspaceId: workspaceId ?? undefined,\n      projectId: projectId ?? undefined,\n    });\n    // `extra` is read up-front and stable for the lifetime of this\n    // page mount — the workspaceId/projectId values inside it ARE in\n    // the dep array, which is what matters for effect re-runs.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [emit, page, workspaceId, projectId, requireParams]);\n}\n"],"mappings":";;;AAuBA,IAAM,KAAc,MAClB,OAAO,KAAM,YAAY,EAAE,SAAS;AAQtC,SAAgB,EAAsB,GAAc,GAA6B;CAC/E,IAAM,EAAE,YAAS,GAA2B,EACtC,IAAc,GAAO,aACrB,IAAY,GAAO,WACnB,IAAgB,GAAO,iBAAiB,IAMxC,IAAU,EAAsB,KAAK;AAE3C,SAAgB;AAKd,MAAI,GAAe;GACjB,IAAM,IAA2C,EAAE;AAGnD,OAFI,KAAS,iBAAiB,KAAO,EAAO,KAAK,EAAY,EACzD,KAAS,eAAe,KAAO,EAAO,KAAK,EAAU,EACrD,EAAO,MAAM,MAAM,CAAC,EAAW,EAAE,CAAC,CASpC;;EAIJ,IAAM,IAAM,GAAG,EAAK,IAAI,KAAe,GAAG,IAAI,KAAa;AACvD,IAAQ,YAAY,MACxB,EAAQ,UAAU,GAElB,EAAK,0BAA0B;GAC7B;GACA,aAAa,KAAe,KAAA;GAC5B,WAAW,KAAa,KAAA;GACzB,CAAC;IAKD;EAAC;EAAM;EAAM;EAAa;EAAW;EAAc,CAAC"}
+{"version":3,"file":"useWorkspacesPageView.js","names":[],"sources":["../../src/hooks/useWorkspacesPageView.ts"],"sourcesContent":["import { useEffect, useRef } from 'react';\n\nimport { useWorkspacesEventEmitter } from './useWorkspacesEventEmitter';\n\ninterface PageViewExtra {\n  /**\n   * Workspace context for the page. `undefined` / `null` / `''` are all\n   * treated as \"unresolved\" when `requireParams` is true so that\n   * `useParams()`'s `string | undefined` initial render doesn't fire\n   * a phantom event with missing context.\n   */\n  workspaceId?: string | null;\n  projectId?: string | null;\n  /**\n   * Set to `true` on routes that include `:workspaceId` / `:projectId`\n   * in the path. The hook then skips the emit until **every value\n   * supplied in `extra`** resolves to a non-empty string. Anything you\n   * don't pass to `extra` is treated as \"not applicable to this page\"\n   * — the hook ignores it.\n   */\n  requireParams?: boolean;\n}\n\nconst isResolved = (v: string | null | undefined): v is string =>\n  typeof v === 'string' && v.length > 0;\n\n/**\n * Emit a `workspaces.page.viewed` event when a top-level workspaces page mounts\n * (and again when its `page` / `workspaceId` / `projectId` context changes).\n * The event is forwarded by the shell's bus to OtelBrowserSink / RybbitSink /\n * BackendAuditSink — the MFE never sinks directly.\n */\nexport function useWorkspacesPageView(page: string, extra?: PageViewExtra): void {\n  const { emit } = useWorkspacesEventEmitter();\n  const workspaceId = extra?.workspaceId;\n  const projectId = extra?.projectId;\n  const requireParams = extra?.requireParams ?? false;\n  const hasWorkspaceIdKey = extra ? 'workspaceId' in extra : false;\n  const hasProjectIdKey = extra ? 'projectId' in extra : false;\n\n  // Track the last (page, workspaceId, projectId) tuple we emitted for, so\n  // when params resolve asynchronously and the same effect re-runs we don't\n  // double-fire — and so a quick router transition that lands on the same\n  // page only counts once.\n  const lastKey = useRef<string | null>(null);\n\n  useEffect(() => {\n    // Skip while params are still resolving on routes that need them.\n    // We check every key the caller actually supplied — if `extra.projectId`\n    // wasn't passed it stays `undefined` and is ignored; if it WAS passed\n    // (even as `undefined` from `useParams`) we wait for it to resolve.\n    if (requireParams) {\n      const passed: Array<string | null | undefined> = [];\n      if (hasWorkspaceIdKey) passed.push(workspaceId);\n      if (hasProjectIdKey) passed.push(projectId);\n      if (passed.some((v) => !isResolved(v))) {\n        if (import.meta.env?.DEV) {\n          console.debug('[useWorkspacesPageView] skipping — required params not yet resolved', {\n            page,\n            workspaceId,\n            projectId,\n          });\n        }\n        return;\n      }\n    }\n\n    const key = `${page}::${workspaceId ?? ''}::${projectId ?? ''}`;\n    if (lastKey.current === key) return;\n    lastKey.current = key;\n\n    emit('workspaces.page.viewed', {\n      page,\n      workspaceId: workspaceId ?? undefined,\n      projectId: projectId ?? undefined,\n    });\n  }, [emit, page, workspaceId, projectId, requireParams, hasWorkspaceIdKey, hasProjectIdKey]);\n}\n"],"mappings":";;;AAuBA,IAAM,KAAc,MAClB,OAAO,KAAM,YAAY,EAAE,SAAS;AAQtC,SAAgB,EAAsB,GAAc,GAA6B;CAC/E,IAAM,EAAE,YAAS,GAA2B,EACtC,IAAc,GAAO,aACrB,IAAY,GAAO,WACnB,IAAgB,GAAO,iBAAiB,IACxC,IAAoB,IAAQ,iBAAiB,IAAQ,IACrD,IAAkB,IAAQ,eAAe,IAAQ,IAMjD,IAAU,EAAsB,KAAK;AAE3C,SAAgB;AAKd,MAAI,GAAe;GACjB,IAAM,IAA2C,EAAE;AAGnD,OAFI,KAAmB,EAAO,KAAK,EAAY,EAC3C,KAAiB,EAAO,KAAK,EAAU,EACvC,EAAO,MAAM,MAAM,CAAC,EAAW,EAAE,CAAC,CAQpC;;EAIJ,IAAM,IAAM,GAAG,EAAK,IAAI,KAAe,GAAG,IAAI,KAAa;AACvD,IAAQ,YAAY,MACxB,EAAQ,UAAU,GAElB,EAAK,0BAA0B;GAC7B;GACA,aAAa,KAAe,KAAA;GAC5B,WAAW,KAAa,KAAA;GACzB,CAAC;IACD;EAAC;EAAM;EAAM;EAAa;EAAW;EAAe;EAAmB;EAAgB,CAAC"}

package/dist/pages/CreateWorkspacePage.js

@@ -1,29 +1,30 @@
 import { useWorkspacesContext as e } from "../providers/WorkspacesProvider.js";
 import { tWithFallback as t } from "../utils/i18n.js";
-import { useWorkspacesPageView as n } from "../hooks/useWorkspacesPageView.js";
-import { useCreateWorkspace as r } from "../hooks/useWorkspaceMutations.js";
-import { useMyOrganizations as i, useMyTenants as a } from "../hooks/useTenants.js";
-import { generateSlug as o } from "../utils/slug.js";
-import { useOrgsWithPermission as s } from "../hooks/useOrgsWithPermission.js";
-import { useEffect as c, useMemo as l } from "react";
-import { AlertCircle as u, ArrowLeft as d } from "lucide-react";
-import { jsx as f, jsxs as p } from "react/jsx-runtime";
-import { Button as m, Card as h, CardContent as g, CardDescription as _, CardHeader as v, CardTitle as y, Skeleton as b } from "@burdenoff/fe-libs/ui";
-import { Link as x, useNavigate as S } from "react-router-dom";
-import { AccessDenied as C } from "@burdenoff/fe-libs/shared/components";
+import { useWorkspacesPageView as ee } from "../hooks/useWorkspacesPageView.js";
+import { useCreateWorkspace as n } 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 o } from "../hooks/useOrgsWithPermission.js";
+import { useEffect as s, useMemo as c } from "react";
+import { AlertCircle as l, ArrowLeft as u } from "lucide-react";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
+import { Button as p, Card as te, CardContent as m, CardDescription as h, CardHeader as g, CardTitle 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 D() {
-	n("workspaces.create");
-	let { t: D } = w(), O = l(() => E.object({
+	ee("workspaces.create");
+	let { t: D } = w(), { isFree: O, approachingLimits: k, plan: ne } = x({ resource: "workspaces" }), A = k[0], j = !!A && typeof A.limit == "number" && A.current >= A.limit, re = O && !!A, M = c(() => 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")),
 		type: E.enum(["TEAM", "PERSONAL"]).optional()
-	}), [D]), k = S(), { basePath: A = "/" } = e(), { mutate: j, isPending: M } = r(), { data: N, isLoading: P, error: F } = a(), { data: I, isLoading: L, error: R } = i(), z = N?.items ?? [], B = I?.items ?? [], V = l(() => z.find((e) => e.type === "SHARED" || e.slug === "burdenoff-shared")?.id ?? z[0]?.id ?? "", [z]), H = T({
-		schema: O,
+	}), [D]), N = b(), { basePath: P = "/" } = e(), { mutate: F, isPending: I } = n(), { data: L, isLoading: R, error: z } = i(), { data: B, isLoading: V, error: H } = r(), U = c(() => L?.items ?? [], [L]), W = c(() => B?.items ?? [], [B]), G = c(() => U.find((e) => e.type === "SHARED" || e.slug === "burdenoff-shared")?.id ?? U[0]?.id ?? "", [U]), K = T({
+		schema: M,
 		defaultValues: {
 			name: "",
 			slug: "",
@@ -31,240 +32,254 @@ function D() {
 			organizationId: "",
 			type: "TEAM"
 		}
-	}), U = H.watch("tenantId"), W = H.watch("name"), { allowedIds: G, loading: K, isError: q } = s(l(() => B.map((e) => e.id), [B]), "workspace", "create"), J = l(() => U ? B.filter((e) => e.tenantId === U) : [], [U, B]), Y = l(() => q ? J : J.filter((e) => G.has(e.id)), [
-		J,
-		G,
-		q
+	}), q = K.watch("tenantId"), J = K.watch("name"), { allowedIds: Y, loading: X, isError: Z } = o(c(() => W.map((e) => e.id), [W]), "workspace", "create"), Q = c(() => q ? W.filter((e) => e.tenantId === q) : [], [q, W]), $ = c(() => Z ? Q : Q.filter((e) => Y.has(e.id)), [
+		Q,
+		Y,
+		Z
 	]);
-	c(() => {
-		H.setValue("slug", W ? o(W) : "");
-	}, [W, H]), c(() => {
-		H.setValue("organizationId", "");
-	}, [U, H]), c(() => {
-		!H.getValues("tenantId") && V && H.setValue("tenantId", V, {
+	s(() => {
+		K.setValue("slug", J ? a(J) : "");
+	}, [J, K]), s(() => {
+		K.setValue("organizationId", "");
+	}, [q, K]), s(() => {
+		!K.getValues("tenantId") && G && K.setValue("tenantId", G, {
 			shouldDirty: !1,
 			shouldTouch: !1
 		});
-	}, [V, H]), c(() => {
-		let e = H.getValues("organizationId");
-		!Y.some((t) => t.id === e) && Y[0]?.id && H.setValue("organizationId", Y[0].id, {
+	}, [G, K]), s(() => {
+		let e = K.getValues("organizationId");
+		!$.some((t) => t.id === e) && $[0]?.id && K.setValue("organizationId", $[0].id, {
 			shouldDirty: !1,
 			shouldTouch: !1
 		});
-	}, [Y, H]);
-	let X = (e) => {
-		j({
+	}, [$, K]);
+	let ie = (e) => {
+		F({
 			name: e.name,
 			slug: e.slug,
 			tenantId: e.tenantId,
 			organizationId: e.organizationId,
 			type: e.type
 		}, { onSuccess: (e) => {
-			k(`${A}/${e.id}`);
+			N(`${P}/${e.id}`);
 		} });
-	}, Z = G.size > 0, Q = P || L || K, $ = !F && !R && B.length > 0;
-	return !Q && !q && $ && !Z ? /* @__PURE__ */ p("div", {
+	}, ae = Y.size > 0, oe = R || V || X, se = !z && !H && W.length > 0;
+	return !oe && !Z && se && !ae ? /* @__PURE__ */ f("div", {
 		className: "p-6",
-		children: [/* @__PURE__ */ p(x, {
-			to: `${A}/list`,
+		children: [/* @__PURE__ */ f(y, {
+			to: `${P}/list`,
 			className: "inline-flex items-center gap-2 text-muted-foreground hover:text-foreground transition-colors mb-6",
-			children: [/* @__PURE__ */ f(d, { size: 20 }), t(D, "createWorkspace.backToWorkspaces", "Back to Workspaces")]
-		}), /* @__PURE__ */ f(C, {
+			children: [/* @__PURE__ */ d(u, { size: 20 }), t(D, "createWorkspace.backToWorkspaces", "Back to Workspaces")]
+		}), /* @__PURE__ */ d(S, {
 			variant: "card",
 			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(D, "createWorkspace.goBack", "Go Back"),
-				onClick: () => k(`${A}/list`)
+				onClick: () => N(`${P}/list`)
 			}
 		})]
-	}) : /* @__PURE__ */ p("div", {
+	}) : /* @__PURE__ */ f("div", {
 		className: "space-y-4 sm:space-y-6 p-3 sm:p-6",
-		children: [/* @__PURE__ */ p(x, {
-			to: `${A}/list`,
-			className: "inline-flex items-center gap-2 text-muted-foreground hover:text-foreground transition-colors",
-			children: [/* @__PURE__ */ f(d, { size: 20 }), t(D, "createWorkspace.backToWorkspaces", "Back to Workspaces")]
-		}), /* @__PURE__ */ p(h, {
-			className: "max-w-2xl mx-auto",
-			children: [/* @__PURE__ */ p(v, { children: [/* @__PURE__ */ f(y, { children: t(D, "createWorkspace.title", "Create New Workspace") }), /* @__PURE__ */ f(_, { children: t(D, "createWorkspace.subtitle", "Set up a new workspace for your team or personal use") })] }), /* @__PURE__ */ p(g, { children: [q && /* @__PURE__ */ p("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-foreground",
-				children: [/* @__PURE__ */ f(u, {
-					size: 16,
-					className: "mt-0.5 shrink-0 text-warning"
-				}), /* @__PURE__ */ f("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__ */ p("form", {
-				onSubmit: H.handleSubmit(X),
-				className: "space-y-6",
-				children: [
-					/* @__PURE__ */ p("div", {
-						className: "space-y-2",
-						children: [
-							/* @__PURE__ */ f("label", {
-								htmlFor: "workspace-name",
-								className: "text-sm font-medium text-foreground",
-								children: t(D, "createWorkspace.nameLabel", "Workspace Name *")
-							}),
-							/* @__PURE__ */ f("input", {
-								id: "workspace-name",
-								placeholder: t(D, "createWorkspace.namePlaceholder", "My Workspace"),
-								className: "h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm text-foreground",
-								...H.register("name")
-							}),
-							/* @__PURE__ */ f("p", {
-								className: "text-xs text-muted-foreground",
-								children: t(D, "createWorkspace.nameHint", "A descriptive name for your workspace")
-							}),
-							H.formState.errors.name?.message && /* @__PURE__ */ f("p", {
-								className: "text-sm text-destructive",
-								children: H.formState.errors.name.message
-							})
-						]
-					}),
-					/* @__PURE__ */ p("div", {
-						className: "space-y-2",
-						children: [
-							/* @__PURE__ */ f("label", {
-								htmlFor: "workspace-slug",
-								className: "text-sm font-medium text-foreground",
-								children: t(D, "createWorkspace.slugLabel", "Slug *")
-							}),
-							/* @__PURE__ */ f("input", {
-								id: "workspace-slug",
-								placeholder: t(D, "createWorkspace.slugPlaceholder", "my-workspace"),
-								className: "h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm text-foreground",
-								...H.register("slug")
-							}),
-							/* @__PURE__ */ f("p", {
-								className: "text-xs text-muted-foreground",
-								children: t(D, "createWorkspace.slugHint", "URL-friendly identifier (auto-generated, but you can edit it)")
-							}),
-							H.formState.errors.slug?.message && /* @__PURE__ */ f("p", {
-								className: "text-sm text-destructive",
-								children: H.formState.errors.slug.message
-							})
-						]
-					}),
-					/* @__PURE__ */ p("div", {
-						className: "space-y-2",
-						children: [
-							/* @__PURE__ */ f("label", {
-								htmlFor: "workspace-tenant",
-								className: "text-sm font-medium text-foreground",
-								children: t(D, "createWorkspace.tenantLabel", "Tenant *")
-							}),
-							P ? /* @__PURE__ */ f(b, { className: "h-10 w-full" }) : F ? /* @__PURE__ */ p("div", {
-								className: "flex items-center gap-2 text-sm text-destructive",
-								children: [/* @__PURE__ */ f(u, { size: 16 }), t(D, "createWorkspace.failedToLoadTenants", "Failed to load tenants")]
-							}) : z.length === 0 ? /* @__PURE__ */ f("div", {
-								className: "text-sm text-muted-foreground",
-								children: t(D, "createWorkspace.noTenantsAvailable", "No tenants available. Contact your administrator.")
-							}) : /* @__PURE__ */ p("select", {
-								id: "workspace-tenant",
-								className: "h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm text-foreground",
-								...H.register("tenantId"),
-								children: [/* @__PURE__ */ f("option", {
-									value: "",
-									children: t(D, "createWorkspace.selectTenantPlaceholder", "Select a tenant")
-								}), z.map((e) => /* @__PURE__ */ f("option", {
-									value: e.id,
-									children: e.name
-								}, e.id))]
-							}),
-							/* @__PURE__ */ f("p", {
-								className: "text-xs text-muted-foreground",
-								children: t(D, "createWorkspace.tenantHint", "Select which tenant this workspace belongs to")
-							}),
-							H.formState.errors.tenantId?.message && /* @__PURE__ */ f("p", {
-								className: "text-sm text-destructive",
-								children: H.formState.errors.tenantId.message
-							})
-						]
-					}),
-					/* @__PURE__ */ p("div", {
-						className: "space-y-2",
-						children: [
-							/* @__PURE__ */ f("label", {
-								htmlFor: "workspace-organization",
-								className: "text-sm font-medium text-foreground",
-								children: t(D, "createWorkspace.organizationLabel", "Organization *")
-							}),
-							L || K ? /* @__PURE__ */ f(b, { className: "h-10 w-full" }) : R ? /* @__PURE__ */ p("div", {
-								className: "flex items-center gap-2 text-sm text-destructive",
-								children: [/* @__PURE__ */ f(u, { size: 16 }), t(D, "createWorkspace.failedToLoadOrganizations", "Failed to load organizations")]
-							}) : U ? Y.length === 0 ? /* @__PURE__ */ f("div", {
-								className: "text-sm text-muted-foreground",
-								children: t(D, "createWorkspace.noOrganizationsFound", "No organizations found for this tenant")
-							}) : /* @__PURE__ */ p("select", {
-								id: "workspace-organization",
-								className: "h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm text-foreground",
-								disabled: !U,
-								...H.register("organizationId"),
-								children: [/* @__PURE__ */ f("option", {
-									value: "",
-									children: t(D, "createWorkspace.selectOrganizationPlaceholder", "Select an organization")
-								}), Y.map((e) => /* @__PURE__ */ f("option", {
-									value: e.id,
-									children: e.name
-								}, e.id))]
-							}) : /* @__PURE__ */ f("div", {
-								className: "text-sm text-muted-foreground",
-								children: t(D, "createWorkspace.selectTenantFirst", "Please select a tenant first")
-							}),
-							/* @__PURE__ */ f("p", {
-								className: "text-xs text-muted-foreground",
-								children: t(D, "createWorkspace.organizationHint", "Select which organization owns this workspace")
-							}),
-							H.formState.errors.organizationId?.message && /* @__PURE__ */ f("p", {
-								className: "text-sm text-destructive",
-								children: H.formState.errors.organizationId.message
-							})
-						]
-					}),
-					/* @__PURE__ */ p("div", {
-						className: "space-y-2",
-						children: [
-							/* @__PURE__ */ f("label", {
-								htmlFor: "workspace-type",
-								className: "text-sm font-medium text-foreground",
-								children: t(D, "createWorkspace.typeLabel", "Workspace Type")
-							}),
-							/* @__PURE__ */ p("select", {
-								id: "workspace-type",
-								className: "h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm text-foreground",
-								...H.register("type"),
-								children: [/* @__PURE__ */ f("option", {
-									value: "TEAM",
-									children: t(D, "createWorkspace.typeTeam", "Team Workspace")
-								}), /* @__PURE__ */ f("option", {
-									value: "PERSONAL",
-									children: t(D, "createWorkspace.typePersonal", "Personal Workspace")
-								})]
-							}),
-							/* @__PURE__ */ f("p", {
-								className: "text-xs text-muted-foreground",
-								children: t(D, "createWorkspace.typeHint", "Choose between a collaborative workspace or a personal one")
-							})
-						]
-					}),
-					/* @__PURE__ */ p("div", {
-						className: "flex justify-end gap-3 pt-4",
-						children: [/* @__PURE__ */ f(m, {
-							type: "button",
-							variant: "outline",
-							onClick: () => k(`${A}/list`),
-							disabled: M,
-							children: t(D, "createWorkspace.cancel", "Cancel")
-						}), /* @__PURE__ */ f(m, {
-							type: "submit",
-							disabled: M || P || L || K,
-							children: M ? t(D, "createWorkspace.creating", "Creating...") : t(D, "createWorkspace.submit", "Create Workspace")
-						})]
-					})
-				]
-			})] })]
-		})]
+		children: [
+			/* @__PURE__ */ f(y, {
+				to: `${P}/list`,
+				className: "inline-flex items-center gap-2 text-muted-foreground hover:text-foreground transition-colors",
+				children: [/* @__PURE__ */ d(u, { size: 20 }), t(D, "createWorkspace.backToWorkspaces", "Back to Workspaces")]
+			}),
+			re && /* @__PURE__ */ d("div", {
+				className: "max-w-2xl mx-auto w-full",
+				children: /* @__PURE__ */ d(C, {
+					resource: "workspaces",
+					current: A.current,
+					limit: A.limit ?? void 0,
+					severity: j ? "critical" : void 0,
+					message: j ? t(D, "createWorkspace.upgradeCapMessage", `You've used all workspaces in the ${ne?.planName ?? "free"} plan.`) : t(D, "createWorkspace.upgradeApproachingMessage", "Upgrade to create more workspaces.")
+				})
+			}),
+			/* @__PURE__ */ f(te, {
+				className: "max-w-2xl mx-auto",
+				children: [/* @__PURE__ */ f(g, { children: [/* @__PURE__ */ d(_, { children: t(D, "createWorkspace.title", "Create New Workspace") }), /* @__PURE__ */ d(h, { children: t(D, "createWorkspace.subtitle", "Set up a new workspace for your team or personal use") })] }), /* @__PURE__ */ f(m, { children: [Z && /* @__PURE__ */ f("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-foreground",
+					children: [/* @__PURE__ */ d(l, {
+						size: 16,
+						className: "mt-0.5 shrink-0 text-warning"
+					}), /* @__PURE__ */ d("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__ */ f("form", {
+					onSubmit: K.handleSubmit(ie),
+					className: "space-y-6",
+					children: [
+						/* @__PURE__ */ f("div", {
+							className: "space-y-2",
+							children: [
+								/* @__PURE__ */ d("label", {
+									htmlFor: "workspace-name",
+									className: "text-sm font-medium text-foreground",
+									children: t(D, "createWorkspace.nameLabel", "Workspace Name *")
+								}),
+								/* @__PURE__ */ d("input", {
+									id: "workspace-name",
+									placeholder: t(D, "createWorkspace.namePlaceholder", "My Workspace"),
+									className: "h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm text-foreground",
+									...K.register("name")
+								}),
+								/* @__PURE__ */ d("p", {
+									className: "text-xs text-muted-foreground",
+									children: t(D, "createWorkspace.nameHint", "A descriptive name for your workspace")
+								}),
+								K.formState.errors.name?.message && /* @__PURE__ */ d("p", {
+									className: "text-sm text-destructive",
+									children: K.formState.errors.name.message
+								})
+							]
+						}),
+						/* @__PURE__ */ f("div", {
+							className: "space-y-2",
+							children: [
+								/* @__PURE__ */ d("label", {
+									htmlFor: "workspace-slug",
+									className: "text-sm font-medium text-foreground",
+									children: t(D, "createWorkspace.slugLabel", "Slug *")
+								}),
+								/* @__PURE__ */ d("input", {
+									id: "workspace-slug",
+									placeholder: t(D, "createWorkspace.slugPlaceholder", "my-workspace"),
+									className: "h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm text-foreground",
+									...K.register("slug")
+								}),
+								/* @__PURE__ */ d("p", {
+									className: "text-xs text-muted-foreground",
+									children: t(D, "createWorkspace.slugHint", "URL-friendly identifier (auto-generated, but you can edit it)")
+								}),
+								K.formState.errors.slug?.message && /* @__PURE__ */ d("p", {
+									className: "text-sm text-destructive",
+									children: K.formState.errors.slug.message
+								})
+							]
+						}),
+						/* @__PURE__ */ f("div", {
+							className: "space-y-2",
+							children: [
+								/* @__PURE__ */ d("label", {
+									htmlFor: "workspace-tenant",
+									className: "text-sm font-medium text-foreground",
+									children: t(D, "createWorkspace.tenantLabel", "Tenant *")
+								}),
+								R ? /* @__PURE__ */ d(v, { className: "h-10 w-full" }) : z ? /* @__PURE__ */ f("div", {
+									className: "flex items-center gap-2 text-sm text-destructive",
+									children: [/* @__PURE__ */ d(l, { size: 16 }), t(D, "createWorkspace.failedToLoadTenants", "Failed to load tenants")]
+								}) : U.length === 0 ? /* @__PURE__ */ d("div", {
+									className: "text-sm text-muted-foreground",
+									children: t(D, "createWorkspace.noTenantsAvailable", "No tenants available. Contact your administrator.")
+								}) : /* @__PURE__ */ f("select", {
+									id: "workspace-tenant",
+									className: "h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm text-foreground",
+									...K.register("tenantId"),
+									children: [/* @__PURE__ */ d("option", {
+										value: "",
+										children: t(D, "createWorkspace.selectTenantPlaceholder", "Select a tenant")
+									}), U.map((e) => /* @__PURE__ */ d("option", {
+										value: e.id,
+										children: e.name
+									}, e.id))]
+								}),
+								/* @__PURE__ */ d("p", {
+									className: "text-xs text-muted-foreground",
+									children: t(D, "createWorkspace.tenantHint", "Select which tenant this workspace belongs to")
+								}),
+								K.formState.errors.tenantId?.message && /* @__PURE__ */ d("p", {
+									className: "text-sm text-destructive",
+									children: K.formState.errors.tenantId.message
+								})
+							]
+						}),
+						/* @__PURE__ */ f("div", {
+							className: "space-y-2",
+							children: [
+								/* @__PURE__ */ d("label", {
+									htmlFor: "workspace-organization",
+									className: "text-sm font-medium text-foreground",
+									children: t(D, "createWorkspace.organizationLabel", "Organization *")
+								}),
+								V || X ? /* @__PURE__ */ d(v, { className: "h-10 w-full" }) : H ? /* @__PURE__ */ f("div", {
+									className: "flex items-center gap-2 text-sm text-destructive",
+									children: [/* @__PURE__ */ d(l, { size: 16 }), t(D, "createWorkspace.failedToLoadOrganizations", "Failed to load organizations")]
+								}) : q ? $.length === 0 ? /* @__PURE__ */ d("div", {
+									className: "text-sm text-muted-foreground",
+									children: t(D, "createWorkspace.noOrganizationsFound", "No organizations found for this tenant")
+								}) : /* @__PURE__ */ f("select", {
+									id: "workspace-organization",
+									className: "h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm text-foreground",
+									disabled: !q,
+									...K.register("organizationId"),
+									children: [/* @__PURE__ */ d("option", {
+										value: "",
+										children: t(D, "createWorkspace.selectOrganizationPlaceholder", "Select an organization")
+									}), $.map((e) => /* @__PURE__ */ d("option", {
+										value: e.id,
+										children: e.name
+									}, e.id))]
+								}) : /* @__PURE__ */ d("div", {
+									className: "text-sm text-muted-foreground",
+									children: t(D, "createWorkspace.selectTenantFirst", "Please select a tenant first")
+								}),
+								/* @__PURE__ */ d("p", {
+									className: "text-xs text-muted-foreground",
+									children: t(D, "createWorkspace.organizationHint", "Select which organization owns this workspace")
+								}),
+								K.formState.errors.organizationId?.message && /* @__PURE__ */ d("p", {
+									className: "text-sm text-destructive",
+									children: K.formState.errors.organizationId.message
+								})
+							]
+						}),
+						/* @__PURE__ */ f("div", {
+							className: "space-y-2",
+							children: [
+								/* @__PURE__ */ d("label", {
+									htmlFor: "workspace-type",
+									className: "text-sm font-medium text-foreground",
+									children: t(D, "createWorkspace.typeLabel", "Workspace Type")
+								}),
+								/* @__PURE__ */ f("select", {
+									id: "workspace-type",
+									className: "h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm text-foreground",
+									...K.register("type"),
+									children: [/* @__PURE__ */ d("option", {
+										value: "TEAM",
+										children: t(D, "createWorkspace.typeTeam", "Team Workspace")
+									}), /* @__PURE__ */ d("option", {
+										value: "PERSONAL",
+										children: t(D, "createWorkspace.typePersonal", "Personal Workspace")
+									})]
+								}),
+								/* @__PURE__ */ d("p", {
+									className: "text-xs text-muted-foreground",
+									children: t(D, "createWorkspace.typeHint", "Choose between a collaborative workspace or a personal one")
+								})
+							]
+						}),
+						/* @__PURE__ */ f("div", {
+							className: "flex justify-end gap-3 pt-4",
+							children: [/* @__PURE__ */ d(p, {
+								type: "button",
+								variant: "outline",
+								onClick: () => N(`${P}/list`),
+								disabled: I,
+								children: t(D, "createWorkspace.cancel", "Cancel")
+							}), /* @__PURE__ */ d(p, {
+								type: "submit",
+								disabled: I || R || V || X || j,
+								title: j ? 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")
+							})]
+						})
+					]
+				})] })]
+			})
+		]
 	});
 }
 //#endregion