@burdenoff/microfe-workspaces 2026.510.50

package/dist/pages/CreateWorkspacePage.js

@@ -0,0 +1,264 @@
+import { useWorkspacesContext as e } from "../providers/WorkspacesProvider.js";
+import { WORKSPACE_PERMISSIONS as t } from "../constants/permissions.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 { useCallback as o, 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 m, CardContent as h, CardDescription as g, CardHeader as _, CardTitle as v, Skeleton as y } from "@burdenoff/fe-libs/ui";
+import { Link as b, useNavigate as x } from "react-router-dom";
+import { AccessDenied as S, PermissionGate 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() {
+	let { t: D } = w(), O = o((e, t) => {
+		let n = D(e);
+		return n === e ? t : n;
+	}, [D]), k = c(() => E.object({
+		name: E.string().min(2, O("createWorkspace.validation.nameMin", "Name must be at least 2 characters")).max(100),
+		slug: E.string().min(2, O("createWorkspace.validation.slugMin", "Slug must be at least 2 characters")).max(50).regex(/^[a-z0-9-]+$/, O("createWorkspace.validation.slugFormat", "Slug can only contain lowercase letters, numbers, and hyphens")),
+		tenantId: E.string().min(1, O("createWorkspace.validation.tenantRequired", "Please select a tenant")),
+		organizationId: E.string().min(1, O("createWorkspace.validation.organizationRequired", "Please select an organization")),
+		type: E.enum(["TEAM", "PERSONAL"]).optional()
+	}), [O]), A = x(), { basePath: j = "/" } = e(), { mutate: M, isPending: N } = n(), { data: P, isLoading: F, error: I } = i(), { data: L, isLoading: R, error: z } = r(), B = P?.items ?? [], V = L?.items ?? [], H = c(() => B.find((e) => e.type === "SHARED" || e.slug === "burdenoff-shared")?.id ?? B[0]?.id ?? "", [B]), U = T({
+		schema: k,
+		defaultValues: {
+			name: "",
+			slug: "",
+			tenantId: "",
+			organizationId: "",
+			type: "TEAM"
+		}
+	}), W = U.watch("tenantId"), G = U.watch("name"), K = c(() => W ? V.filter((e) => e.tenantId === W) : [], [W, V]);
+	return s(() => {
+		U.setValue("slug", G ? a(G) : "");
+	}, [G, U]), s(() => {
+		U.setValue("organizationId", "");
+	}, [W, U]), s(() => {
+		!U.getValues("tenantId") && H && U.setValue("tenantId", H, {
+			shouldDirty: !1,
+			shouldTouch: !1
+		});
+	}, [H, U]), s(() => {
+		let e = U.getValues("organizationId");
+		!K.some((t) => t.id === e) && K[0]?.id && U.setValue("organizationId", K[0].id, {
+			shouldDirty: !1,
+			shouldTouch: !1
+		});
+	}, [K, U]), /* @__PURE__ */ d(C, {
+		permission: t.WORKSPACE_CREATE,
+		fallback: /* @__PURE__ */ f("div", {
+			className: "p-6",
+			children: [/* @__PURE__ */ f(b, {
+				to: `${j}/list`,
+				className: "inline-flex items-center gap-2 text-muted-foreground hover:text-foreground transition-colors mb-6",
+				children: [/* @__PURE__ */ d(u, { size: 20 }), O("createWorkspace.backToWorkspaces", "Back to Workspaces")]
+			}), /* @__PURE__ */ d(S, {
+				variant: "card",
+				title: O("createWorkspace.permissionRequiredTitle", "Permission Required"),
+				description: O("createWorkspace.permissionRequiredDescription", "You don't have permission to create workspaces."),
+				details: O("createWorkspace.permissionRequiredDetails", "Required: workspace:create"),
+				primaryAction: {
+					label: O("createWorkspace.goBack", "Go Back"),
+					onClick: () => A(`${j}/list`)
+				}
+			})]
+		}),
+		children: /* @__PURE__ */ f("div", {
+			className: "space-y-4 sm:space-y-6 p-3 sm:p-6",
+			children: [/* @__PURE__ */ f(b, {
+				to: `${j}/list`,
+				className: "inline-flex items-center gap-2 text-muted-foreground hover:text-foreground transition-colors",
+				children: [/* @__PURE__ */ d(u, { size: 20 }), O("createWorkspace.backToWorkspaces", "Back to Workspaces")]
+			}), /* @__PURE__ */ f(m, {
+				className: "max-w-2xl mx-auto",
+				children: [/* @__PURE__ */ f(_, { children: [/* @__PURE__ */ d(v, { children: O("createWorkspace.title", "Create New Workspace") }), /* @__PURE__ */ d(g, { children: O("createWorkspace.subtitle", "Set up a new workspace for your team or personal use") })] }), /* @__PURE__ */ d(h, { children: /* @__PURE__ */ f("form", {
+					onSubmit: U.handleSubmit((e) => {
+						M({
+							name: e.name,
+							slug: e.slug,
+							tenantId: e.tenantId,
+							organizationId: e.organizationId,
+							type: e.type
+						}, { onSuccess: (e) => {
+							A(`${j}/${e.id}`);
+						} });
+					}),
+					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: O("createWorkspace.nameLabel", "Workspace Name *")
+								}),
+								/* @__PURE__ */ d("input", {
+									id: "workspace-name",
+									placeholder: O("createWorkspace.namePlaceholder", "My Workspace"),
+									className: "h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm text-foreground",
+									...U.register("name")
+								}),
+								/* @__PURE__ */ d("p", {
+									className: "text-xs text-muted-foreground",
+									children: O("createWorkspace.nameHint", "A descriptive name for your workspace")
+								}),
+								U.formState.errors.name?.message && /* @__PURE__ */ d("p", {
+									className: "text-sm text-destructive",
+									children: U.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: O("createWorkspace.slugLabel", "Slug *")
+								}),
+								/* @__PURE__ */ d("input", {
+									id: "workspace-slug",
+									placeholder: O("createWorkspace.slugPlaceholder", "my-workspace"),
+									className: "h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm text-foreground",
+									...U.register("slug")
+								}),
+								/* @__PURE__ */ d("p", {
+									className: "text-xs text-muted-foreground",
+									children: O("createWorkspace.slugHint", "URL-friendly identifier (auto-generated, but you can edit it)")
+								}),
+								U.formState.errors.slug?.message && /* @__PURE__ */ d("p", {
+									className: "text-sm text-destructive",
+									children: U.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: O("createWorkspace.tenantLabel", "Tenant *")
+								}),
+								F ? /* @__PURE__ */ d(y, { className: "h-10 w-full" }) : I ? /* @__PURE__ */ f("div", {
+									className: "flex items-center gap-2 text-sm text-destructive",
+									children: [/* @__PURE__ */ d(l, { size: 16 }), O("createWorkspace.failedToLoadTenants", "Failed to load tenants")]
+								}) : B.length === 0 ? /* @__PURE__ */ d("div", {
+									className: "text-sm text-muted-foreground",
+									children: O("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",
+									...U.register("tenantId"),
+									children: [/* @__PURE__ */ d("option", {
+										value: "",
+										children: O("createWorkspace.selectTenantPlaceholder", "Select a tenant")
+									}), B.map((e) => /* @__PURE__ */ d("option", {
+										value: e.id,
+										children: e.name
+									}, e.id))]
+								}),
+								/* @__PURE__ */ d("p", {
+									className: "text-xs text-muted-foreground",
+									children: O("createWorkspace.tenantHint", "Select which tenant this workspace belongs to")
+								}),
+								U.formState.errors.tenantId?.message && /* @__PURE__ */ d("p", {
+									className: "text-sm text-destructive",
+									children: U.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: O("createWorkspace.organizationLabel", "Organization *")
+								}),
+								R ? /* @__PURE__ */ d(y, { 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 }), O("createWorkspace.failedToLoadOrganizations", "Failed to load organizations")]
+								}) : W ? K.length === 0 ? /* @__PURE__ */ d("div", {
+									className: "text-sm text-muted-foreground",
+									children: O("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: !W,
+									...U.register("organizationId"),
+									children: [/* @__PURE__ */ d("option", {
+										value: "",
+										children: O("createWorkspace.selectOrganizationPlaceholder", "Select an organization")
+									}), K.map((e) => /* @__PURE__ */ d("option", {
+										value: e.id,
+										children: e.name
+									}, e.id))]
+								}) : /* @__PURE__ */ d("div", {
+									className: "text-sm text-muted-foreground",
+									children: O("createWorkspace.selectTenantFirst", "Please select a tenant first")
+								}),
+								/* @__PURE__ */ d("p", {
+									className: "text-xs text-muted-foreground",
+									children: O("createWorkspace.organizationHint", "Select which organization owns this workspace")
+								}),
+								U.formState.errors.organizationId?.message && /* @__PURE__ */ d("p", {
+									className: "text-sm text-destructive",
+									children: U.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: O("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",
+									...U.register("type"),
+									children: [/* @__PURE__ */ d("option", {
+										value: "TEAM",
+										children: O("createWorkspace.typeTeam", "Team Workspace")
+									}), /* @__PURE__ */ d("option", {
+										value: "PERSONAL",
+										children: O("createWorkspace.typePersonal", "Personal Workspace")
+									})]
+								}),
+								/* @__PURE__ */ d("p", {
+									className: "text-xs text-muted-foreground",
+									children: O("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: () => A(`${j}/list`),
+								disabled: N,
+								children: O("createWorkspace.cancel", "Cancel")
+							}), /* @__PURE__ */ d(p, {
+								type: "submit",
+								disabled: N || F || R,
+								children: N ? O("createWorkspace.creating", "Creating...") : O("createWorkspace.submit", "Create Workspace")
+							})]
+						})
+					]
+				}) })]
+			})]
+		})
+	});
+}
+//#endregion
+export { D as CreateWorkspacePage };
+
+//# sourceMappingURL=CreateWorkspacePage.js.map

package/dist/pages/CreateWorkspacePage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CreateWorkspacePage.js","names":[],"sources":["../../src/pages/CreateWorkspacePage.tsx"],"sourcesContent":["import { useEffect, useMemo, useCallback } from 'react';\nimport { ArrowLeft, AlertCircle } from 'lucide-react';\nimport { Link, useNavigate } from 'react-router-dom';\nimport {\n  Button,\n  Card,\n  CardContent,\n  CardDescription,\n  CardHeader,\n  CardTitle,\n  Skeleton,\n} from '@burdenoff/fe-libs/ui';\nimport { useForm, z } from '@burdenoff/fe-libs/form';\nimport { PermissionGate, AccessDenied } from '@burdenoff/fe-libs/shared/components';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { WORKSPACE_PERMISSIONS } from '../constants/permissions';\nimport { useCreateWorkspace } from '../hooks/useWorkspaceMutations';\nimport { useMyTenants, useMyOrganizations } from '../hooks/useTenants';\nimport { useWorkspacesContext } from '../providers/WorkspacesProvider';\nimport { generateSlug } from '../utils/slug';\n\ntype CreateWorkspaceFormData = {\n  name: string;\n  slug: string;\n  tenantId: string;\n  organizationId: string;\n  type?: 'TEAM' | 'PERSONAL';\n};\n\nexport function CreateWorkspacePage() {\n  const { t } = useI18n();\n  const tr = useCallback(\n    (key: string, fallback: string): string => {\n      const value = t(key);\n      return value === key ? fallback : value;\n    },\n    [t]\n  );\n  const createWorkspaceSchema = useMemo(\n    () =>\n      z.object({\n        name: z\n          .string()\n          .min(2, tr('createWorkspace.validation.nameMin', 'Name must be at least 2 characters'))\n          .max(100),\n        slug: z\n          .string()\n          .min(2, tr('createWorkspace.validation.slugMin', 'Slug must be at least 2 characters'))\n          .max(50)\n          .regex(\n            /^[a-z0-9-]+$/,\n            tr(\n              'createWorkspace.validation.slugFormat',\n              'Slug can only contain lowercase letters, numbers, and hyphens'\n            )\n          ),\n        tenantId: z\n          .string()\n          .min(1, tr('createWorkspace.validation.tenantRequired', 'Please select a tenant')),\n        organizationId: z\n          .string()\n          .min(\n            1,\n            tr('createWorkspace.validation.organizationRequired', 'Please select an organization')\n          ),\n        type: z.enum(['TEAM', 'PERSONAL']).optional(),\n      }),\n    [tr]\n  );\n\n  const navigate = useNavigate();\n  const { basePath = '/' } = useWorkspacesContext();\n  const { mutate: createWorkspace, isPending } = useCreateWorkspace();\n  const { data: tenantsData, isLoading: isLoadingTenants, error: tenantsError } = useMyTenants();\n  const {\n    data: organizationsData,\n    isLoading: isLoadingOrganizations,\n    error: organizationsError,\n  } = useMyOrganizations();\n\n  const tenants = tenantsData?.items ?? [];\n  const allOrganizations = organizationsData?.items ?? [];\n\n  const defaultTenantId = useMemo(() => {\n    const sharedTenant = tenants.find(\n      (tenant) => tenant.type === 'SHARED' || tenant.slug === 'burdenoff-shared'\n    );\n    return sharedTenant?.id ?? tenants[0]?.id ?? '';\n  }, [tenants]);\n\n  const form = useForm<CreateWorkspaceFormData>({\n    schema: createWorkspaceSchema,\n    defaultValues: {\n      name: '',\n      slug: '',\n      tenantId: '',\n      organizationId: '',\n      type: 'TEAM',\n    },\n  });\n\n  const selectedTenantId = form.watch('tenantId');\n  const workspaceName = form.watch('name');\n\n  // Filter organizations by selected tenant\n  const filteredOrganizations = useMemo(() => {\n    if (!selectedTenantId) return [];\n    return allOrganizations.filter((org) => org.tenantId === selectedTenantId);\n  }, [selectedTenantId, allOrganizations]);\n\n  // Auto-generate slug from name (clear when name is empty)\n  useEffect(() => {\n    form.setValue('slug', workspaceName ? generateSlug(workspaceName) : '');\n  }, [workspaceName, form]);\n\n  // Reset organizationId when tenant changes\n  useEffect(() => {\n    form.setValue('organizationId', '');\n  }, [selectedTenantId, form]);\n\n  useEffect(() => {\n    if (!form.getValues('tenantId') && defaultTenantId) {\n      form.setValue('tenantId', defaultTenantId, {\n        shouldDirty: false,\n        shouldTouch: false,\n      });\n    }\n  }, [defaultTenantId, form]);\n\n  useEffect(() => {\n    const currentOrganizationId = form.getValues('organizationId');\n    const hasCurrentOrganization = filteredOrganizations.some(\n      (organization) => organization.id === currentOrganizationId\n    );\n\n    if (!hasCurrentOrganization && filteredOrganizations[0]?.id) {\n      form.setValue('organizationId', filteredOrganizations[0].id, {\n        shouldDirty: false,\n        shouldTouch: false,\n      });\n    }\n  }, [filteredOrganizations, form]);\n\n  const onSubmit = (data: CreateWorkspaceFormData) => {\n    createWorkspace(\n      {\n        name: data.name,\n        slug: data.slug,\n        tenantId: data.tenantId,\n        organizationId: data.organizationId,\n        type: data.type,\n      },\n      {\n        onSuccess: (newWorkspace) => {\n          // Navigate to the new workspace\n          navigate(`${basePath}/${newWorkspace.id}`);\n        },\n      }\n    );\n  };\n\n  return (\n    <PermissionGate\n      permission={WORKSPACE_PERMISSIONS.WORKSPACE_CREATE}\n      fallback={\n        <div className=\"p-6\">\n          <Link\n            to={`${basePath}/list`}\n            className=\"inline-flex items-center gap-2 text-muted-foreground hover:text-foreground transition-colors mb-6\"\n          >\n            <ArrowLeft size={20} />\n            {tr('createWorkspace.backToWorkspaces', 'Back to Workspaces')}\n          </Link>\n          <AccessDenied\n            variant=\"card\"\n            title={tr('createWorkspace.permissionRequiredTitle', 'Permission Required')}\n            description={tr(\n              'createWorkspace.permissionRequiredDescription',\n              \"You don't have permission to create workspaces.\"\n            )}\n            details={tr('createWorkspace.permissionRequiredDetails', 'Required: workspace:create')}\n            primaryAction={{\n              label: tr('createWorkspace.goBack', 'Go Back'),\n              onClick: () => navigate(`${basePath}/list`),\n            }}\n          />\n        </div>\n      }\n    >\n      <div className=\"space-y-4 sm:space-y-6 p-3 sm:p-6\">\n        {/* Back link */}\n        <Link\n          to={`${basePath}/list`}\n          className=\"inline-flex items-center gap-2 text-muted-foreground hover:text-foreground transition-colors\"\n        >\n          <ArrowLeft size={20} />\n          {tr('createWorkspace.backToWorkspaces', 'Back to Workspaces')}\n        </Link>\n\n        {/* Form card */}\n        <Card className=\"max-w-2xl mx-auto\">\n          <CardHeader>\n            <CardTitle>{tr('createWorkspace.title', 'Create New Workspace')}</CardTitle>\n            <CardDescription>\n              {tr(\n                'createWorkspace.subtitle',\n                'Set up a new workspace for your team or personal use'\n              )}\n            </CardDescription>\n          </CardHeader>\n          <CardContent>\n            <form onSubmit={form.handleSubmit(onSubmit)} className=\"space-y-6\">\n              <div className=\"space-y-2\">\n                <label htmlFor=\"workspace-name\" className=\"text-sm font-medium text-foreground\">\n                  {tr('createWorkspace.nameLabel', 'Workspace Name *')}\n                </label>\n                <input\n                  id=\"workspace-name\"\n                  placeholder={tr('createWorkspace.namePlaceholder', 'My Workspace')}\n                  className=\"h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm text-foreground\"\n                  {...form.register('name')}\n                />\n                <p className=\"text-xs text-muted-foreground\">\n                  {tr('createWorkspace.nameHint', 'A descriptive name for your workspace')}\n                </p>\n                {form.formState.errors.name?.message && (\n                  <p className=\"text-sm text-destructive\">{form.formState.errors.name.message}</p>\n                )}\n              </div>\n\n              <div className=\"space-y-2\">\n                <label htmlFor=\"workspace-slug\" className=\"text-sm font-medium text-foreground\">\n                  {tr('createWorkspace.slugLabel', 'Slug *')}\n                </label>\n                <input\n                  id=\"workspace-slug\"\n                  placeholder={tr('createWorkspace.slugPlaceholder', 'my-workspace')}\n                  className=\"h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm text-foreground\"\n                  {...form.register('slug')}\n                />\n                <p className=\"text-xs text-muted-foreground\">\n                  {tr(\n                    'createWorkspace.slugHint',\n                    'URL-friendly identifier (auto-generated, but you can edit it)'\n                  )}\n                </p>\n                {form.formState.errors.slug?.message && (\n                  <p className=\"text-sm text-destructive\">{form.formState.errors.slug.message}</p>\n                )}\n              </div>\n\n              <div className=\"space-y-2\">\n                <label htmlFor=\"workspace-tenant\" className=\"text-sm font-medium text-foreground\">\n                  {tr('createWorkspace.tenantLabel', 'Tenant *')}\n                </label>\n                {isLoadingTenants ? (\n                  <Skeleton className=\"h-10 w-full\" />\n                ) : tenantsError ? (\n                  <div className=\"flex items-center gap-2 text-sm text-destructive\">\n                    <AlertCircle size={16} />\n                    {tr('createWorkspace.failedToLoadTenants', 'Failed to load tenants')}\n                  </div>\n                ) : tenants.length === 0 ? (\n                  <div className=\"text-sm text-muted-foreground\">\n                    {tr(\n                      'createWorkspace.noTenantsAvailable',\n                      'No tenants available. Contact your administrator.'\n                    )}\n                  </div>\n                ) : (\n                  <select\n                    id=\"workspace-tenant\"\n                    className=\"h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm text-foreground\"\n                    {...form.register('tenantId')}\n                  >\n                    <option value=\"\">\n                      {tr('createWorkspace.selectTenantPlaceholder', 'Select a tenant')}\n                    </option>\n                    {tenants.map((tenant) => (\n                      <option key={tenant.id} value={tenant.id}>\n                        {tenant.name}\n                      </option>\n                    ))}\n                  </select>\n                )}\n                <p className=\"text-xs text-muted-foreground\">\n                  {tr(\n                    'createWorkspace.tenantHint',\n                    'Select which tenant this workspace belongs to'\n                  )}\n                </p>\n                {form.formState.errors.tenantId?.message && (\n                  <p className=\"text-sm text-destructive\">\n                    {form.formState.errors.tenantId.message}\n                  </p>\n                )}\n              </div>\n\n              <div className=\"space-y-2\">\n                <label\n                  htmlFor=\"workspace-organization\"\n                  className=\"text-sm font-medium text-foreground\"\n                >\n                  {tr('createWorkspace.organizationLabel', 'Organization *')}\n                </label>\n                {isLoadingOrganizations ? (\n                  <Skeleton className=\"h-10 w-full\" />\n                ) : organizationsError ? (\n                  <div className=\"flex items-center gap-2 text-sm text-destructive\">\n                    <AlertCircle size={16} />\n                    {tr(\n                      'createWorkspace.failedToLoadOrganizations',\n                      'Failed to load organizations'\n                    )}\n                  </div>\n                ) : !selectedTenantId ? (\n                  <div className=\"text-sm text-muted-foreground\">\n                    {tr('createWorkspace.selectTenantFirst', 'Please select a tenant first')}\n                  </div>\n                ) : filteredOrganizations.length === 0 ? (\n                  <div className=\"text-sm text-muted-foreground\">\n                    {tr(\n                      'createWorkspace.noOrganizationsFound',\n                      'No organizations found for this tenant'\n                    )}\n                  </div>\n                ) : (\n                  <select\n                    id=\"workspace-organization\"\n                    className=\"h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm text-foreground\"\n                    disabled={!selectedTenantId}\n                    {...form.register('organizationId')}\n                  >\n                    <option value=\"\">\n                      {tr(\n                        'createWorkspace.selectOrganizationPlaceholder',\n                        'Select an organization'\n                      )}\n                    </option>\n                    {filteredOrganizations.map((org) => (\n                      <option key={org.id} value={org.id}>\n                        {org.name}\n                      </option>\n                    ))}\n                  </select>\n                )}\n                <p className=\"text-xs text-muted-foreground\">\n                  {tr(\n                    'createWorkspace.organizationHint',\n                    'Select which organization owns this workspace'\n                  )}\n                </p>\n                {form.formState.errors.organizationId?.message && (\n                  <p className=\"text-sm text-destructive\">\n                    {form.formState.errors.organizationId.message}\n                  </p>\n                )}\n              </div>\n\n              <div className=\"space-y-2\">\n                <label htmlFor=\"workspace-type\" className=\"text-sm font-medium text-foreground\">\n                  {tr('createWorkspace.typeLabel', 'Workspace Type')}\n                </label>\n                <select\n                  id=\"workspace-type\"\n                  className=\"h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm text-foreground\"\n                  {...form.register('type')}\n                >\n                  <option value=\"TEAM\">{tr('createWorkspace.typeTeam', 'Team Workspace')}</option>\n                  <option value=\"PERSONAL\">\n                    {tr('createWorkspace.typePersonal', 'Personal Workspace')}\n                  </option>\n                </select>\n                <p className=\"text-xs text-muted-foreground\">\n                  {tr(\n                    'createWorkspace.typeHint',\n                    'Choose between a collaborative workspace or a personal one'\n                  )}\n                </p>\n              </div>\n\n              <div className=\"flex justify-end gap-3 pt-4\">\n                <Button\n                  type=\"button\"\n                  variant=\"outline\"\n                  onClick={() => navigate(`${basePath}/list`)}\n                  disabled={isPending}\n                >\n                  {tr('createWorkspace.cancel', 'Cancel')}\n                </Button>\n                <Button\n                  type=\"submit\"\n                  disabled={isPending || isLoadingTenants || isLoadingOrganizations}\n                >\n                  {isPending\n                    ? tr('createWorkspace.creating', 'Creating...')\n                    : tr('createWorkspace.submit', 'Create Workspace')}\n                </Button>\n              </div>\n            </form>\n          </CardContent>\n        </Card>\n      </div>\n    </PermissionGate>\n  );\n}\n"],"mappings":"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"}

package/dist/pages/InviteAcceptancePage.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Page for accepting or rejecting workspace invitations
+ * Accessible via /workspaces/invite/:invitationId
+ */
+export declare function InviteAcceptancePage(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=InviteAcceptancePage.d.ts.map

package/dist/pages/InviteAcceptancePage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InviteAcceptancePage.d.ts","sourceRoot":"","sources":["../../src/pages/InviteAcceptancePage.tsx"],"names":[],"mappings":"AA4BA;;;GAGG;AACH,wBAAgB,oBAAoB,4CAmQnC"}