@burdenoff/microfe-organization 2026.625.2 → 2026.626.1

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

@@ -13,6 +13,7 @@ function c({ status: c, showIcon: l = !0 }) {
 			case e.ACTIVE: return {
 				label: d("workspaces.status.active", "Active"),
 				icon: r,
+				pulse: !0,
 				className: "bg-[var(--color-status-success-bgSubtle)] text-[var(--color-status-success-text)] border-[var(--color-status-success-border)]"
 			};
 			case e.INACTIVE: return {
@@ -40,7 +41,10 @@ function c({ status: c, showIcon: l = !0 }) {
         transition-colors duration-200
         ${f.className}
       `,
-		children: [l && /* @__PURE__ */ a(p, { size: 14 }), f.label]
+		children: [l && /* @__PURE__ */ a(p, {
+			size: 14,
+			className: "pulse" in f && f.pulse ? "motion-safe:animate-vc-glow-pulse" : ""
+		}), f.label]
 	});
 }
 //#endregion

package/dist/organization-management/modules/workspaces/components/WorkspaceStatusBadge.js.map

@@ -1 +1 @@
-{"version":3,"file":"WorkspaceStatusBadge.js","names":[],"sources":["../../../../../src/organization-management/modules/workspaces/components/WorkspaceStatusBadge.tsx"],"sourcesContent":["import { CircleCheck, CircleX, CircleAlert } from 'lucide-react';\nimport { useCallback } from 'react';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { WorkspaceStatus } from '../types';\n\ninterface WorkspaceStatusBadgeProps {\n  status: WorkspaceStatus;\n  showIcon?: boolean;\n}\n\n/**\n * WorkspaceStatusBadge\n * Displays the status of a workspace with color coding and optional icon\n */\nexport function WorkspaceStatusBadge({ status, showIcon = true }: WorkspaceStatusBadgeProps) {\n  const { t } = useI18n();\n  const tr = useCallback(\n    (key: string, fallback: string) => {\n      const translated = t(key);\n      return translated === key ? fallback : translated;\n    },\n    [t]\n  );\n  const getStatusConfig = () => {\n    switch (status) {\n      case WorkspaceStatus.ACTIVE:\n        return {\n          label: tr('workspaces.status.active', 'Active'),\n          icon: CircleCheck,\n          className:\n            'bg-[var(--color-status-success-bgSubtle)] text-[var(--color-status-success-text)] border-[var(--color-status-success-border)]',\n        };\n      case WorkspaceStatus.INACTIVE:\n        return {\n          label: tr('workspaces.status.inactive', 'Inactive'),\n          icon: CircleX,\n          className:\n            'bg-[var(--color-bg-muted)] text-[var(--color-text-secondary)] border-[var(--color-border-default)]',\n        };\n      case WorkspaceStatus.ARCHIVED:\n        return {\n          label: tr('workspaces.status.archived', 'Archived'),\n          icon: CircleAlert,\n          className:\n            'bg-[var(--color-status-warning-bgSubtle)] text-[var(--color-status-warning-text)] border-[var(--color-status-warning-border)]',\n        };\n      default:\n        return {\n          label: status,\n          icon: CircleAlert,\n          className:\n            'bg-[var(--color-bg-muted)] text-[var(--color-text-secondary)] border-[var(--color-border-default)]',\n        };\n    }\n  };\n\n  const config = getStatusConfig();\n  const Icon = config.icon;\n\n  return (\n    <span\n      className={`\n        inline-flex items-center gap-1.5 px-2.5 py-1\n        rounded-full text-xs font-medium\n        border\n        transition-colors duration-200\n        ${config.className}\n      `}\n    >\n      {showIcon && <Icon size={14} />}\n      {config.label}\n    </span>\n  );\n}\n"],"mappings":";;;;;;AAcA,SAAgB,EAAqB,EAAE,WAAQ,cAAW,MAAmC;CAC3F,IAAM,EAAE,SAAM,GAAS,EACjB,IAAK,GACR,GAAa,MAAqB;EACjC,IAAM,IAAa,EAAE,EAAI;AACzB,SAAO,MAAe,IAAM,IAAW;IAEzC,CAAC,EAAE,CACJ,EAkCK,WAjCwB;AAC5B,UAAQ,GAAR;GACE,KAAK,EAAgB,OACnB,QAAO;IACL,OAAO,EAAG,4BAA4B,SAAS;IAC/C,MAAM;IACN,WACE;IACH;GACH,KAAK,EAAgB,SACnB,QAAO;IACL,OAAO,EAAG,8BAA8B,WAAW;IACnD,MAAM;IACN,WACE;IACH;GACH,KAAK,EAAgB,SACnB,QAAO;IACL,OAAO,EAAG,8BAA8B,WAAW;IACnD,MAAM;IACN,WACE;IACH;GACH,QACE,QAAO;IACL,OAAO;IACP,MAAM;IACN,WACE;IACH;;KAIyB,EAC1B,IAAO,EAAO;AAEpB,QACE,kBAAC,QAAD;EACE,WAAW;;;;;UAKP,EAAO,UAAU;;YANvB,CASG,KAAY,kBAAC,GAAD,EAAM,MAAM,IAAM,CAAA,EAC9B,EAAO,MACH"}
+{"version":3,"file":"WorkspaceStatusBadge.js","names":[],"sources":["../../../../../src/organization-management/modules/workspaces/components/WorkspaceStatusBadge.tsx"],"sourcesContent":["import { CircleCheck, CircleX, CircleAlert } from 'lucide-react';\nimport { useCallback } from 'react';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { WorkspaceStatus } from '../types';\n\ninterface WorkspaceStatusBadgeProps {\n  status: WorkspaceStatus;\n  showIcon?: boolean;\n}\n\n/**\n * WorkspaceStatusBadge\n * Displays the status of a workspace with color coding and optional icon\n */\nexport function WorkspaceStatusBadge({ status, showIcon = true }: WorkspaceStatusBadgeProps) {\n  const { t } = useI18n();\n  const tr = useCallback(\n    (key: string, fallback: string) => {\n      const translated = t(key);\n      return translated === key ? fallback : translated;\n    },\n    [t]\n  );\n  const getStatusConfig = () => {\n    switch (status) {\n      case WorkspaceStatus.ACTIVE:\n        return {\n          label: tr('workspaces.status.active', 'Active'),\n          icon: CircleCheck,\n          pulse: true,\n          className:\n            'bg-[var(--color-status-success-bgSubtle)] text-[var(--color-status-success-text)] border-[var(--color-status-success-border)]',\n        };\n      case WorkspaceStatus.INACTIVE:\n        return {\n          label: tr('workspaces.status.inactive', 'Inactive'),\n          icon: CircleX,\n          className:\n            'bg-[var(--color-bg-muted)] text-[var(--color-text-secondary)] border-[var(--color-border-default)]',\n        };\n      case WorkspaceStatus.ARCHIVED:\n        return {\n          label: tr('workspaces.status.archived', 'Archived'),\n          icon: CircleAlert,\n          className:\n            'bg-[var(--color-status-warning-bgSubtle)] text-[var(--color-status-warning-text)] border-[var(--color-status-warning-border)]',\n        };\n      default:\n        return {\n          label: status,\n          icon: CircleAlert,\n          className:\n            'bg-[var(--color-bg-muted)] text-[var(--color-text-secondary)] border-[var(--color-border-default)]',\n        };\n    }\n  };\n\n  const config = getStatusConfig();\n  const Icon = config.icon;\n\n  return (\n    <span\n      className={`\n        inline-flex items-center gap-1.5 px-2.5 py-1\n        rounded-full text-xs font-medium\n        border\n        transition-colors duration-200\n        ${config.className}\n      `}\n    >\n      {showIcon && (\n        <Icon\n          size={14}\n          className={'pulse' in config && config.pulse ? 'motion-safe:animate-vc-glow-pulse' : ''}\n        />\n      )}\n      {config.label}\n    </span>\n  );\n}\n"],"mappings":";;;;;;AAcA,SAAgB,EAAqB,EAAE,WAAQ,cAAW,MAAmC;CAC3F,IAAM,EAAE,SAAM,GAAS,EACjB,IAAK,GACR,GAAa,MAAqB;EACjC,IAAM,IAAa,EAAE,EAAI;AACzB,SAAO,MAAe,IAAM,IAAW;IAEzC,CAAC,EAAE,CACJ,EAmCK,WAlCwB;AAC5B,UAAQ,GAAR;GACE,KAAK,EAAgB,OACnB,QAAO;IACL,OAAO,EAAG,4BAA4B,SAAS;IAC/C,MAAM;IACN,OAAO;IACP,WACE;IACH;GACH,KAAK,EAAgB,SACnB,QAAO;IACL,OAAO,EAAG,8BAA8B,WAAW;IACnD,MAAM;IACN,WACE;IACH;GACH,KAAK,EAAgB,SACnB,QAAO;IACL,OAAO,EAAG,8BAA8B,WAAW;IACnD,MAAM;IACN,WACE;IACH;GACH,QACE,QAAO;IACL,OAAO;IACP,MAAM;IACN,WACE;IACH;;KAIyB,EAC1B,IAAO,EAAO;AAEpB,QACE,kBAAC,QAAD;EACE,WAAW;;;;;UAKP,EAAO,UAAU;;YANvB,CASG,KACC,kBAAC,GAAD;GACE,MAAM;GACN,WAAW,WAAW,KAAU,EAAO,QAAQ,sCAAsC;GACrF,CAAA,EAEH,EAAO,MACH"}

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

@@ -6,73 +6,78 @@ import { LoadingState as i } from "../../../shared/components/feedback/LoadingSt
 import { useCreateWorkspace as a } from "../hooks/useWorkspaces.js";
 import { WorkspaceForm as o } from "../components/WorkspaceForm.js";
 import { ArrowLeft as s } from "lucide-react";
-import { GlassCard as c } from "@burdenoff/fe-libs/ui";
-import { usePermissions as l } from "@burdenoff/fe-libs/shared/providers/shell";
-import { jsx as u, jsxs as d } from "react/jsx-runtime";
-import { useSearchParams as f } from "react-router-dom";
+import { GlassCard as c, PagePurpose as l } from "@burdenoff/fe-libs/ui";
+import { usePermissions as u } from "@burdenoff/fe-libs/shared/providers/shell";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
+import { useSearchParams as p } from "react-router-dom";
 //#region src/organization-management/modules/workspaces/pages/WorkspaceCreatePage.tsx
-function p() {
-	let p = r(), { navigate: m, basePath: h = "/organizations" } = e(), { isLoading: g } = l(), { createWorkspace: _, loading: v } = a(), [y] = f(), b = y.get("organizationId") || void 0, { organization: x } = n(b || ""), S = async (e) => {
+function m() {
+	let m = r(), { navigate: h, basePath: g = "/organizations" } = e(), { isLoading: _ } = u(), { createWorkspace: v, loading: y } = a(), [b] = p(), x = b.get("organizationId") || void 0, { organization: S } = n(x || ""), C = async (e) => {
 		try {
-			let n = await _(e);
-			if (n.data?.createWorkspace) t.success(p("workspaces.create.success", "Workspace created successfully")), m(b ? `${h}/${b}` : `${h}/workspaces/${n.data.createWorkspace.id}`);
+			let n = await v(e);
+			if (n.data?.createWorkspace) t.success(m("workspaces.create.success", "Workspace created successfully")), h(x ? `${g}/${x}` : `${g}/workspaces/${n.data.createWorkspace.id}`);
 			else if (n.errors && n.errors.length > 0) {
-				let e = n.errors[0]?.message || p("workspaces.create.failed", "Failed to create workspace");
-				n.errors[0]?.extensions?.code === "UNAUTHENTICATED" ? t.error(p("common.authRequired", "Authentication required. Please log in again.")) : t.error(e);
+				let e = n.errors[0]?.message || m("workspaces.create.failed", "Failed to create workspace");
+				n.errors[0]?.extensions?.code === "UNAUTHENTICATED" ? t.error(m("common.authRequired", "Authentication required. Please log in again.")) : t.error(e);
 			}
 		} catch (e) {
-			let n = e instanceof Error ? e.message : p("common.unexpectedError", "An unexpected error occurred");
+			let n = e instanceof Error ? e.message : m("common.unexpectedError", "An unexpected error occurred");
 			t.error(n);
 		}
-	}, C = () => {
-		m(b ? `${h}/${b}` : `${h}/workspaces`);
+	}, w = () => {
+		h(x ? `${g}/${x}` : `${g}/workspaces`);
 	};
-	return g ? /* @__PURE__ */ u("div", {
+	return _ ? /* @__PURE__ */ d("div", {
 		className: "min-h-full bg-[var(--color-bg-canvas)] p-6",
-		children: /* @__PURE__ */ u(i, { message: p("common.loadingPermissions", "Loading permissions...") })
-	}) : /* @__PURE__ */ d("div", {
+		children: /* @__PURE__ */ d(i, { message: m("common.loadingPermissions", "Loading permissions...") })
+	}) : /* @__PURE__ */ f("div", {
 		className: "min-h-full bg-[var(--color-bg-canvas)] px-4 py-6 sm:px-6 animate-in fade-in duration-200",
-		children: [/* @__PURE__ */ d("div", {
+		children: [/* @__PURE__ */ f("div", {
 			className: "mb-6",
 			children: [
-				/* @__PURE__ */ d("button", {
+				/* @__PURE__ */ f("button", {
 					type: "button",
-					onClick: C,
+					onClick: w,
 					className: "\n            inline-flex items-center gap-2 mb-4\n            text-[var(--color-text-secondary)]\n            hover:text-[var(--color-text-primary)]\n           \n            transition-all duration-200\n          ",
-					children: [/* @__PURE__ */ u(s, { size: 20 }), /* @__PURE__ */ u("span", {
+					children: [/* @__PURE__ */ d(s, { size: 20 }), /* @__PURE__ */ d("span", {
 						className: "text-sm font-medium",
-						children: b ? `${p("common.backTo", "Back to")} ${x?.name || p("common.organization", "Organization")}` : p("workspaces.create.backToWorkspaces", "Back to Workspaces")
+						children: x ? `${m("common.backTo", "Back to")} ${S?.name || m("common.organization", "Organization")}` : m("workspaces.create.backToWorkspaces", "Back to Workspaces")
 					})]
 				}),
-				/* @__PURE__ */ u("h1", {
+				/* @__PURE__ */ d("h1", {
 					className: "text-3xl font-bold text-[var(--color-text-primary)] mb-2",
-					children: p("workspaces.create.title", "Create Workspace")
+					children: m("workspaces.create.title", "Create Workspace")
 				}),
-				/* @__PURE__ */ u("p", {
+				/* @__PURE__ */ d("p", {
 					className: "text-[var(--color-text-secondary)]",
-					children: b && x ? `${p("workspaces.create.subtitleForOrg", "Add a new workspace to")} ${x.name}` : p("workspaces.create.subtitle", "Add a new workspace to an organization")
+					children: x && S ? `${m("workspaces.create.subtitleForOrg", "Add a new workspace to")} ${S.name}` : m("workspaces.create.subtitle", "Add a new workspace to an organization")
+				}),
+				/* @__PURE__ */ d(l, {
+					className: "mt-2 max-w-2xl",
+					children: m("workspaces.create.purpose", "A workspace gives a team or project its own dedicated space inside an organization. Create one to group the right people and their work — once it exists you can add members and start collaborating.")
 				})
 			]
-		}), /* @__PURE__ */ u("div", {
+		}), /* @__PURE__ */ d("div", {
 			className: "max-w-2xl",
-			children: /* @__PURE__ */ u(c, {
-				treatment: "plain",
+			children: /* @__PURE__ */ d(c, {
+				treatment: "glass",
+				glow: !0,
 				className: "border-border-seam p-6",
-				children: /* @__PURE__ */ u(o, {
-					tenantId: x?.tenantId,
-					tenantName: x?.tenantId,
-					organizationId: b,
-					organizationName: x?.name,
-					showOrganizationSelector: !b,
-					onSubmit: S,
-					onCancel: C,
-					loading: v
+				children: /* @__PURE__ */ d(o, {
+					tenantId: S?.tenantId,
+					tenantName: S?.tenantId,
+					organizationId: x,
+					organizationName: S?.name,
+					showOrganizationSelector: !x,
+					onSubmit: C,
+					onCancel: w,
+					loading: y
 				})
 			})
 		})]
 	});
 }
 //#endregion
-export { p as WorkspaceCreatePage };
+export { m as WorkspaceCreatePage };
 
 //# sourceMappingURL=WorkspaceCreatePage.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"WorkspaceCreatePage.js","names":[],"sources":["../../../../../src/organization-management/modules/workspaces/pages/WorkspaceCreatePage.tsx"],"sourcesContent":["import { ArrowLeft } from 'lucide-react';\nimport { useSearchParams } from 'react-router-dom';\nimport { toast } from 'sonner';\nimport { GlassCard } from '@burdenoff/fe-libs/ui';\nimport { usePermissions } from '@burdenoff/fe-libs/shared/providers/shell';\nimport { useOrgConsole } from '../../../providers/OrgConsoleProvider';\nimport { useCreateWorkspace } from '../hooks/useWorkspaces';\nimport { useOrganization } from '../../organizations/hooks/useOrganizations';\nimport { WorkspaceForm } from '../components/WorkspaceForm';\nimport { LoadingState } from '../../../shared/components/feedback/LoadingState';\nimport { useTr } from '../../../shared/hooks/useTr';\nimport type { CreateWorkspaceInput, UpdateWorkspaceInput } from '../types';\n\nexport function WorkspaceCreatePage() {\n  const tr = useTr();\n  const { navigate, basePath = '/organizations' } = useOrgConsole();\n  // `usePermissions` is still used for the permissionsLoading gate below\n  // even though the static workspace:create page-level guard was removed\n  // (see comment further down) — keep the hook call so the loading\n  // skeleton still waits for the provider to settle before mounting the\n  // form.\n  const { isLoading: permissionsLoading } = usePermissions();\n  const { createWorkspace, loading } = useCreateWorkspace();\n  const [searchParams] = useSearchParams();\n\n  // Get organizationId from URL query params (e.g., ?organizationId=xxx)\n  const organizationIdFromUrl = searchParams.get('organizationId') || undefined;\n\n  // Fetch organization details if ID is provided (to show org name and get tenantId)\n  const { organization } = useOrganization(organizationIdFromUrl || '');\n\n  const handleSubmit = async (data: CreateWorkspaceInput | UpdateWorkspaceInput) => {\n    try {\n      const createData = data as CreateWorkspaceInput;\n      const result = await createWorkspace(createData);\n      if (result.data?.createWorkspace) {\n        toast.success(tr('workspaces.create.success', 'Workspace created successfully'));\n        if (organizationIdFromUrl) {\n          navigate(`${basePath}/${organizationIdFromUrl}`);\n        } else {\n          navigate(`${basePath}/workspaces/${result.data.createWorkspace.id}`);\n        }\n      } else if (result.errors && result.errors.length > 0) {\n        // Handle GraphQL errors returned in result\n        const errorMessage =\n          result.errors[0]?.message || tr('workspaces.create.failed', 'Failed to create workspace');\n        const errorCode = result.errors[0]?.extensions?.code;\n\n        if (errorCode === 'UNAUTHENTICATED') {\n          toast.error(tr('common.authRequired', 'Authentication required. Please log in again.'));\n        } else {\n          toast.error(errorMessage);\n        }\n      }\n    } catch (error) {\n      const errorMessage =\n        error instanceof Error\n          ? error.message\n          : tr('common.unexpectedError', 'An unexpected error occurred');\n      toast.error(errorMessage);\n    }\n  };\n\n  const handleCancel = () => {\n    // Navigate back to organization if came from there, otherwise to workspaces list\n    if (organizationIdFromUrl) {\n      navigate(`${basePath}/${organizationIdFromUrl}`);\n    } else {\n      navigate(`${basePath}/workspaces`);\n    }\n  };\n\n  if (permissionsLoading) {\n    return (\n      <div className=\"min-h-full bg-[var(--color-bg-canvas)] p-6\">\n        <LoadingState message={tr('common.loadingPermissions', 'Loading permissions...')} />\n      </div>\n    );\n  }\n\n  // NOTE: deliberately NOT gating on hasPermission(WORKSPACE_CREATE) at the\n  // page level. `usePermissions()` here resolves at the outer tenant scope\n  // (from OrgConsoleProvider), and `workspace:create` is an org-scope\n  // permission — a user who is Owner of even one org would be incorrectly\n  // denied entry to the form. WorkspaceForm's organization dropdown is\n  // permission-filtered (only orgs where the user actually has\n  // workspace:create are listed), and the backend @rbac directive on the\n  // createWorkspace mutation is the authoritative enforcement point. If a\n  // user has no orgs they can create a workspace in, the dropdown will\n  // surface that message and submit will stay disabled.\n\n  return (\n    <div className=\"min-h-full bg-[var(--color-bg-canvas)] px-4 py-6 sm:px-6 animate-in fade-in duration-200\">\n      <div className=\"mb-6\">\n        <button\n          type=\"button\"\n          onClick={handleCancel}\n          className=\"\n            inline-flex items-center gap-2 mb-4\n            text-[var(--color-text-secondary)]\n            hover:text-[var(--color-text-primary)]\n           \n            transition-all duration-200\n          \"\n        >\n          <ArrowLeft size={20} />\n          <span className=\"text-sm font-medium\">\n            {organizationIdFromUrl\n              ? `${tr('common.backTo', 'Back to')} ${organization?.name || tr('common.organization', 'Organization')}`\n              : tr('workspaces.create.backToWorkspaces', 'Back to Workspaces')}\n          </span>\n        </button>\n\n        <h1 className=\"text-3xl font-bold text-[var(--color-text-primary)] mb-2\">\n          {tr('workspaces.create.title', 'Create Workspace')}\n        </h1>\n        <p className=\"text-[var(--color-text-secondary)]\">\n          {organizationIdFromUrl && organization\n            ? `${tr('workspaces.create.subtitleForOrg', 'Add a new workspace to')} ${organization.name}`\n            : tr('workspaces.create.subtitle', 'Add a new workspace to an organization')}\n        </p>\n      </div>\n\n      <div className=\"max-w-2xl\">\n        <GlassCard treatment=\"plain\" className=\"border-border-seam p-6\">\n          <WorkspaceForm\n            tenantId={organization?.tenantId}\n            tenantName={organization?.tenantId}\n            organizationId={organizationIdFromUrl}\n            organizationName={organization?.name}\n            showOrganizationSelector={!organizationIdFromUrl}\n            onSubmit={handleSubmit}\n            onCancel={handleCancel}\n            loading={loading}\n          />\n        </GlassCard>\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;AAaA,SAAgB,IAAsB;CACpC,IAAM,IAAK,GAAO,EACZ,EAAE,aAAU,cAAW,qBAAqB,GAAe,EAM3D,EAAE,WAAW,MAAuB,GAAgB,EACpD,EAAE,oBAAiB,eAAY,GAAoB,EACnD,CAAC,KAAgB,GAAiB,EAGlC,IAAwB,EAAa,IAAI,iBAAiB,IAAI,KAAA,GAG9D,EAAE,oBAAiB,EAAgB,KAAyB,GAAG,EAE/D,IAAe,OAAO,MAAsD;AAChF,MAAI;GAEF,IAAM,IAAS,MAAM,EADF,EAC6B;AAChD,OAAI,EAAO,MAAM,gBAEf,CADA,EAAM,QAAQ,EAAG,6BAA6B,iCAAiC,CAAC,EAE9E,EADE,IACO,GAAG,EAAS,GAAG,MAEf,GAAG,EAAS,cAAc,EAAO,KAAK,gBAAgB,KAAK;YAE7D,EAAO,UAAU,EAAO,OAAO,SAAS,GAAG;IAEpD,IAAM,IACJ,EAAO,OAAO,IAAI,WAAW,EAAG,4BAA4B,6BAA6B;AAG3F,IAFkB,EAAO,OAAO,IAAI,YAAY,SAE9B,oBAChB,EAAM,MAAM,EAAG,uBAAuB,gDAAgD,CAAC,GAEvF,EAAM,MAAM,EAAa;;WAGtB,GAAO;GACd,IAAM,IACJ,aAAiB,QACb,EAAM,UACN,EAAG,0BAA0B,+BAA+B;AAClE,KAAM,MAAM,EAAa;;IAIvB,UAAqB;AAEzB,EACE,EADE,IACO,GAAG,EAAS,GAAG,MAEf,GAAG,EAAS,aAAa;;AAuBtC,QAnBI,IAEA,kBAAC,OAAD;EAAK,WAAU;YACb,kBAAC,GAAD,EAAc,SAAS,EAAG,6BAA6B,yBAAyB,EAAI,CAAA;EAChF,CAAA,GAgBR,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,OAAD;GAAK,WAAU;aAAf;IACE,kBAAC,UAAD;KACE,MAAK;KACL,SAAS;KACT,WAAU;eAHZ,CAWE,kBAAC,GAAD,EAAW,MAAM,IAAM,CAAA,EACvB,kBAAC,QAAD;MAAM,WAAU;gBACb,IACG,GAAG,EAAG,iBAAiB,UAAU,CAAC,GAAG,GAAc,QAAQ,EAAG,uBAAuB,eAAe,KACpG,EAAG,sCAAsC,qBAAqB;MAC7D,CAAA,CACA;;IAET,kBAAC,MAAD;KAAI,WAAU;eACX,EAAG,2BAA2B,mBAAmB;KAC/C,CAAA;IACL,kBAAC,KAAD;KAAG,WAAU;eACV,KAAyB,IACtB,GAAG,EAAG,oCAAoC,yBAAyB,CAAC,GAAG,EAAa,SACpF,EAAG,8BAA8B,yCAAyC;KAC5E,CAAA;IACA;MAEN,kBAAC,OAAD;GAAK,WAAU;aACb,kBAAC,GAAD;IAAW,WAAU;IAAQ,WAAU;cACrC,kBAAC,GAAD;KACE,UAAU,GAAc;KACxB,YAAY,GAAc;KAC1B,gBAAgB;KAChB,kBAAkB,GAAc;KAChC,0BAA0B,CAAC;KAC3B,UAAU;KACV,UAAU;KACD;KACT,CAAA;IACQ,CAAA;GACR,CAAA,CACF"}
+{"version":3,"file":"WorkspaceCreatePage.js","names":[],"sources":["../../../../../src/organization-management/modules/workspaces/pages/WorkspaceCreatePage.tsx"],"sourcesContent":["import { ArrowLeft } from 'lucide-react';\nimport { useSearchParams } from 'react-router-dom';\nimport { toast } from 'sonner';\nimport { GlassCard, PagePurpose } from '@burdenoff/fe-libs/ui';\nimport { usePermissions } from '@burdenoff/fe-libs/shared/providers/shell';\nimport { useOrgConsole } from '../../../providers/OrgConsoleProvider';\nimport { useCreateWorkspace } from '../hooks/useWorkspaces';\nimport { useOrganization } from '../../organizations/hooks/useOrganizations';\nimport { WorkspaceForm } from '../components/WorkspaceForm';\nimport { LoadingState } from '../../../shared/components/feedback/LoadingState';\nimport { useTr } from '../../../shared/hooks/useTr';\nimport type { CreateWorkspaceInput, UpdateWorkspaceInput } from '../types';\n\nexport function WorkspaceCreatePage() {\n  const tr = useTr();\n  const { navigate, basePath = '/organizations' } = useOrgConsole();\n  // `usePermissions` is still used for the permissionsLoading gate below\n  // even though the static workspace:create page-level guard was removed\n  // (see comment further down) — keep the hook call so the loading\n  // skeleton still waits for the provider to settle before mounting the\n  // form.\n  const { isLoading: permissionsLoading } = usePermissions();\n  const { createWorkspace, loading } = useCreateWorkspace();\n  const [searchParams] = useSearchParams();\n\n  // Get organizationId from URL query params (e.g., ?organizationId=xxx)\n  const organizationIdFromUrl = searchParams.get('organizationId') || undefined;\n\n  // Fetch organization details if ID is provided (to show org name and get tenantId)\n  const { organization } = useOrganization(organizationIdFromUrl || '');\n\n  const handleSubmit = async (data: CreateWorkspaceInput | UpdateWorkspaceInput) => {\n    try {\n      const createData = data as CreateWorkspaceInput;\n      const result = await createWorkspace(createData);\n      if (result.data?.createWorkspace) {\n        toast.success(tr('workspaces.create.success', 'Workspace created successfully'));\n        if (organizationIdFromUrl) {\n          navigate(`${basePath}/${organizationIdFromUrl}`);\n        } else {\n          navigate(`${basePath}/workspaces/${result.data.createWorkspace.id}`);\n        }\n      } else if (result.errors && result.errors.length > 0) {\n        // Handle GraphQL errors returned in result\n        const errorMessage =\n          result.errors[0]?.message || tr('workspaces.create.failed', 'Failed to create workspace');\n        const errorCode = result.errors[0]?.extensions?.code;\n\n        if (errorCode === 'UNAUTHENTICATED') {\n          toast.error(tr('common.authRequired', 'Authentication required. Please log in again.'));\n        } else {\n          toast.error(errorMessage);\n        }\n      }\n    } catch (error) {\n      const errorMessage =\n        error instanceof Error\n          ? error.message\n          : tr('common.unexpectedError', 'An unexpected error occurred');\n      toast.error(errorMessage);\n    }\n  };\n\n  const handleCancel = () => {\n    // Navigate back to organization if came from there, otherwise to workspaces list\n    if (organizationIdFromUrl) {\n      navigate(`${basePath}/${organizationIdFromUrl}`);\n    } else {\n      navigate(`${basePath}/workspaces`);\n    }\n  };\n\n  if (permissionsLoading) {\n    return (\n      <div className=\"min-h-full bg-[var(--color-bg-canvas)] p-6\">\n        <LoadingState message={tr('common.loadingPermissions', 'Loading permissions...')} />\n      </div>\n    );\n  }\n\n  // NOTE: deliberately NOT gating on hasPermission(WORKSPACE_CREATE) at the\n  // page level. `usePermissions()` here resolves at the outer tenant scope\n  // (from OrgConsoleProvider), and `workspace:create` is an org-scope\n  // permission — a user who is Owner of even one org would be incorrectly\n  // denied entry to the form. WorkspaceForm's organization dropdown is\n  // permission-filtered (only orgs where the user actually has\n  // workspace:create are listed), and the backend @rbac directive on the\n  // createWorkspace mutation is the authoritative enforcement point. If a\n  // user has no orgs they can create a workspace in, the dropdown will\n  // surface that message and submit will stay disabled.\n\n  return (\n    <div className=\"min-h-full bg-[var(--color-bg-canvas)] px-4 py-6 sm:px-6 animate-in fade-in duration-200\">\n      <div className=\"mb-6\">\n        <button\n          type=\"button\"\n          onClick={handleCancel}\n          className=\"\n            inline-flex items-center gap-2 mb-4\n            text-[var(--color-text-secondary)]\n            hover:text-[var(--color-text-primary)]\n           \n            transition-all duration-200\n          \"\n        >\n          <ArrowLeft size={20} />\n          <span className=\"text-sm font-medium\">\n            {organizationIdFromUrl\n              ? `${tr('common.backTo', 'Back to')} ${organization?.name || tr('common.organization', 'Organization')}`\n              : tr('workspaces.create.backToWorkspaces', 'Back to Workspaces')}\n          </span>\n        </button>\n\n        <h1 className=\"text-3xl font-bold text-[var(--color-text-primary)] mb-2\">\n          {tr('workspaces.create.title', 'Create Workspace')}\n        </h1>\n        <p className=\"text-[var(--color-text-secondary)]\">\n          {organizationIdFromUrl && organization\n            ? `${tr('workspaces.create.subtitleForOrg', 'Add a new workspace to')} ${organization.name}`\n            : tr('workspaces.create.subtitle', 'Add a new workspace to an organization')}\n        </p>\n        <PagePurpose className=\"mt-2 max-w-2xl\">\n          {tr(\n            'workspaces.create.purpose',\n            'A workspace gives a team or project its own dedicated space inside an organization. Create one to group the right people and their work — once it exists you can add members and start collaborating.'\n          )}\n        </PagePurpose>\n      </div>\n\n      <div className=\"max-w-2xl\">\n        <GlassCard treatment=\"glass\" glow className=\"border-border-seam p-6\">\n          <WorkspaceForm\n            tenantId={organization?.tenantId}\n            tenantName={organization?.tenantId}\n            organizationId={organizationIdFromUrl}\n            organizationName={organization?.name}\n            showOrganizationSelector={!organizationIdFromUrl}\n            onSubmit={handleSubmit}\n            onCancel={handleCancel}\n            loading={loading}\n          />\n        </GlassCard>\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;AAaA,SAAgB,IAAsB;CACpC,IAAM,IAAK,GAAO,EACZ,EAAE,aAAU,cAAW,qBAAqB,GAAe,EAM3D,EAAE,WAAW,MAAuB,GAAgB,EACpD,EAAE,oBAAiB,eAAY,GAAoB,EACnD,CAAC,KAAgB,GAAiB,EAGlC,IAAwB,EAAa,IAAI,iBAAiB,IAAI,KAAA,GAG9D,EAAE,oBAAiB,EAAgB,KAAyB,GAAG,EAE/D,IAAe,OAAO,MAAsD;AAChF,MAAI;GAEF,IAAM,IAAS,MAAM,EADF,EAC6B;AAChD,OAAI,EAAO,MAAM,gBAEf,CADA,EAAM,QAAQ,EAAG,6BAA6B,iCAAiC,CAAC,EAE9E,EADE,IACO,GAAG,EAAS,GAAG,MAEf,GAAG,EAAS,cAAc,EAAO,KAAK,gBAAgB,KAAK;YAE7D,EAAO,UAAU,EAAO,OAAO,SAAS,GAAG;IAEpD,IAAM,IACJ,EAAO,OAAO,IAAI,WAAW,EAAG,4BAA4B,6BAA6B;AAG3F,IAFkB,EAAO,OAAO,IAAI,YAAY,SAE9B,oBAChB,EAAM,MAAM,EAAG,uBAAuB,gDAAgD,CAAC,GAEvF,EAAM,MAAM,EAAa;;WAGtB,GAAO;GACd,IAAM,IACJ,aAAiB,QACb,EAAM,UACN,EAAG,0BAA0B,+BAA+B;AAClE,KAAM,MAAM,EAAa;;IAIvB,UAAqB;AAEzB,EACE,EADE,IACO,GAAG,EAAS,GAAG,MAEf,GAAG,EAAS,aAAa;;AAuBtC,QAnBI,IAEA,kBAAC,OAAD;EAAK,WAAU;YACb,kBAAC,GAAD,EAAc,SAAS,EAAG,6BAA6B,yBAAyB,EAAI,CAAA;EAChF,CAAA,GAgBR,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,OAAD;GAAK,WAAU;aAAf;IACE,kBAAC,UAAD;KACE,MAAK;KACL,SAAS;KACT,WAAU;eAHZ,CAWE,kBAAC,GAAD,EAAW,MAAM,IAAM,CAAA,EACvB,kBAAC,QAAD;MAAM,WAAU;gBACb,IACG,GAAG,EAAG,iBAAiB,UAAU,CAAC,GAAG,GAAc,QAAQ,EAAG,uBAAuB,eAAe,KACpG,EAAG,sCAAsC,qBAAqB;MAC7D,CAAA,CACA;;IAET,kBAAC,MAAD;KAAI,WAAU;eACX,EAAG,2BAA2B,mBAAmB;KAC/C,CAAA;IACL,kBAAC,KAAD;KAAG,WAAU;eACV,KAAyB,IACtB,GAAG,EAAG,oCAAoC,yBAAyB,CAAC,GAAG,EAAa,SACpF,EAAG,8BAA8B,yCAAyC;KAC5E,CAAA;IACJ,kBAAC,GAAD;KAAa,WAAU;eACpB,EACC,6BACA,wMACD;KACW,CAAA;IACV;MAEN,kBAAC,OAAD;GAAK,WAAU;aACb,kBAAC,GAAD;IAAW,WAAU;IAAQ,MAAA;IAAK,WAAU;cAC1C,kBAAC,GAAD;KACE,UAAU,GAAc;KACxB,YAAY,GAAc;KAC1B,gBAAgB;KAChB,kBAAkB,GAAc;KAChC,0BAA0B,CAAC;KAC3B,UAAU;KACV,UAAU;KACD;KACT,CAAA;IACQ,CAAA;GACR,CAAA,CACF"}