@burdenoff/microfe-workspaces 2026.608.1 → 2026.616.1

package/dist/components/CreateWorkspaceDialog.js

@@ -12,34 +12,35 @@ var M = j.object({
 	name: j.string().min(2, "Name must be at least 2 characters").max(100),
 	slug: j.string().min(2, "Slug must be at least 2 characters").max(50).regex(/^[a-z0-9-]+$/, "Slug can only contain lowercase letters, numbers, and hyphens"),
 	tenantId: j.string().min(1, "Please select a tenant"),
-	organizationId: j.string().min(1, "Please select an organization"),
-	type: j.enum(["TEAM", "PERSONAL"]).optional()
+	organizationId: j.string().min(1, "Please select an organization")
 });
 function N() {
-	let { isCreateWorkspaceDialogOpen: j, closeCreateWorkspaceDialog: N } = e(), { mutate: P, isPending: F } = t(), { data: I, isLoading: L, error: R } = r(), { data: z, isLoading: B, error: V } = n(), H = o(() => I?.items ?? [], [I]), U = o(() => z?.items ?? [], [z]), W = A({
+	let { isCreateWorkspaceDialogOpen: j, closeCreateWorkspaceDialog: N } = e(), { mutate: P, isPending: F } = t(), { data: I, isLoading: L, error: R } = r(), { data: z, isLoading: B, error: V } = n(), H = o(() => I?.items ?? [], [I]), U = o(() => z?.items ?? [], [z]), W = o(() => H.find((e) => e.type === "SHARED" || e.slug === "burdenoff-shared")?.id ?? H[0]?.id ?? "", [H]), G = A({
 		schema: M,
 		defaultValues: {
 			name: "",
 			slug: "",
 			tenantId: "",
-			organizationId: "",
-			type: "TEAM"
+			organizationId: ""
 		}
-	}), G = W.watch("tenantId"), K = W.watch("name"), q = o(() => G ? U.filter((e) => e.tenantId === G) : [], [G, U]);
+	}), K = G.watch("tenantId"), q = G.watch("name");
 	a(() => {
-		W.setValue("slug", K ? i(K) : "");
-	}, [K, W]), a(() => {
-		W.setValue("organizationId", "");
-	}, [G, W]);
-	let J = (e) => {
+		!G.getValues("tenantId") && W && G.setValue("tenantId", W, { shouldValidate: !0 });
+	}, [W, G]);
+	let J = o(() => K ? U.filter((e) => e.tenantId === K) : [], [K, U]);
+	a(() => {
+		G.setValue("slug", q ? i(q) : "");
+	}, [q, G]), a(() => {
+		G.setValue("organizationId", "");
+	}, [K, G]);
+	let Y = (e) => {
 		P({
 			name: e.name,
 			slug: e.slug,
 			tenantId: e.tenantId,
-			organizationId: e.organizationId,
-			type: e.type
+			organizationId: e.organizationId
 		}, { onSuccess: () => {
-			N(), W.reset();
+			N(), G.reset();
 		} });
 	};
 	return /* @__PURE__ */ c(d, {
@@ -48,13 +49,13 @@ function N() {
 		children: /* @__PURE__ */ l(f, {
 			className: "sm:max-w-[500px]",
 			children: [/* @__PURE__ */ c(m, { children: /* @__PURE__ */ c(h, { children: "Create Workspace" }) }), /* @__PURE__ */ c(C, {
-				...W,
+				...G,
 				children: /* @__PURE__ */ l("form", {
-					onSubmit: W.handleSubmit(J),
+					onSubmit: G.handleSubmit(Y),
 					className: "space-y-4",
 					children: [
 						/* @__PURE__ */ c(y, {
-							control: W.control,
+							control: G.control,
 							name: "name",
 							render: ({ field: e }) => /* @__PURE__ */ l(b, { children: [
 								/* @__PURE__ */ c(x, { children: "Workspace Name *" }),
@@ -67,7 +68,7 @@ function N() {
 							] })
 						}),
 						/* @__PURE__ */ c(y, {
-							control: W.control,
+							control: G.control,
 							name: "slug",
 							render: ({ field: e }) => /* @__PURE__ */ l(b, { children: [
 								/* @__PURE__ */ c(x, { children: "Slug *" }),
@@ -79,8 +80,8 @@ function N() {
 								/* @__PURE__ */ c(S, {})
 							] })
 						}),
-						/* @__PURE__ */ c(y, {
-							control: W.control,
+						H.length === 1 ? null : /* @__PURE__ */ c(y, {
+							control: G.control,
 							name: "tenantId",
 							render: ({ field: e }) => /* @__PURE__ */ l(b, { children: [
 								/* @__PURE__ */ c(x, { children: "Tenant *" }),
@@ -103,21 +104,21 @@ function N() {
 							] })
 						}),
 						/* @__PURE__ */ c(y, {
-							control: W.control,
+							control: G.control,
 							name: "organizationId",
 							render: ({ field: e }) => /* @__PURE__ */ l(b, { children: [
 								/* @__PURE__ */ c(x, { children: "Organization *" }),
 								B ? /* @__PURE__ */ c(g, { className: "h-10 w-full" }) : V ? /* @__PURE__ */ l("div", {
 									className: "flex items-center gap-2 text-destructive text-sm",
 									children: [/* @__PURE__ */ c(s, { size: 16 }), "Failed to load organizations"]
-								}) : G ? q.length === 0 ? /* @__PURE__ */ c("div", {
+								}) : K ? J.length === 0 ? /* @__PURE__ */ c("div", {
 									className: "text-muted-foreground text-sm",
 									children: "No organizations found for this tenant"
 								}) : /* @__PURE__ */ l(T, {
 									onValueChange: e.onChange,
 									value: e.value,
-									disabled: !G,
-									children: [/* @__PURE__ */ c(_, { children: /* @__PURE__ */ c(O, { children: /* @__PURE__ */ c(k, { placeholder: "Select an organization" }) }) }), /* @__PURE__ */ c(E, { children: q.map((e) => /* @__PURE__ */ c(D, {
+									disabled: !K,
+									children: [/* @__PURE__ */ c(_, { children: /* @__PURE__ */ c(O, { children: /* @__PURE__ */ c(k, { placeholder: "Select an organization" }) }) }), /* @__PURE__ */ c(E, { children: J.map((e) => /* @__PURE__ */ c(D, {
 										value: e.id,
 										children: e.name
 									}, e.id)) })]
@@ -129,26 +130,6 @@ function N() {
 								/* @__PURE__ */ c(S, {})
 							] })
 						}),
-						/* @__PURE__ */ c(y, {
-							control: W.control,
-							name: "type",
-							render: ({ field: e }) => /* @__PURE__ */ l(b, { children: [
-								/* @__PURE__ */ c(x, { children: "Workspace Type" }),
-								/* @__PURE__ */ l(T, {
-									onValueChange: e.onChange,
-									defaultValue: e.value,
-									children: [/* @__PURE__ */ c(_, { children: /* @__PURE__ */ c(O, { children: /* @__PURE__ */ c(k, { placeholder: "Select type" }) }) }), /* @__PURE__ */ l(E, { children: [/* @__PURE__ */ c(D, {
-										value: "TEAM",
-										children: "Team Workspace"
-									}), /* @__PURE__ */ c(D, {
-										value: "PERSONAL",
-										children: "Personal Workspace"
-									})] })]
-								}),
-								/* @__PURE__ */ c(v, { children: "Choose between a collaborative workspace or a personal one" }),
-								/* @__PURE__ */ c(S, {})
-							] })
-						}),
 						/* @__PURE__ */ l(p, { children: [/* @__PURE__ */ c(u, {
 							type: "button",
 							variant: "outline",

package/dist/components/CreateWorkspaceDialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"CreateWorkspaceDialog.js","names":[],"sources":["../../src/components/CreateWorkspaceDialog.tsx"],"sourcesContent":["import { useEffect, useMemo } from 'react';\nimport { AlertCircle } from 'lucide-react';\nimport {\n  ResponsiveDialog,\n  ResponsiveDialogContent,\n  ResponsiveDialogHeader,\n  ResponsiveDialogTitle,\n  ResponsiveDialogFooter,\n  Button,\n  Skeleton,\n} from '@burdenoff/fe-libs/ui';\nimport {\n  FormField,\n  FormItem,\n  FormLabel,\n  FormControl,\n  FormMessage,\n  FormDescription,\n  Input,\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n  useForm,\n  FormProvider,\n  z,\n} from '@burdenoff/fe-libs/form';\nimport { useWorkspacesStore } from '../store/workspacesStore';\nimport { useCreateWorkspace } from '../hooks/useWorkspaceMutations';\nimport { useMyTenants, useMyOrganizations } from '../hooks/useTenants';\nimport { generateSlug } from '../utils/slug';\n\nconst createWorkspaceSchema = z.object({\n  name: z.string().min(2, 'Name must be at least 2 characters').max(100),\n  slug: z\n    .string()\n    .min(2, 'Slug must be at least 2 characters')\n    .max(50)\n    .regex(/^[a-z0-9-]+$/, 'Slug can only contain lowercase letters, numbers, and hyphens'),\n  tenantId: z.string().min(1, 'Please select a tenant'),\n  organizationId: z.string().min(1, 'Please select an organization'),\n  type: z.enum(['TEAM', 'PERSONAL']).optional(),\n});\n\ntype CreateWorkspaceFormData = z.infer<typeof createWorkspaceSchema>;\n\nexport function CreateWorkspaceDialog() {\n  const { isCreateWorkspaceDialogOpen, closeCreateWorkspaceDialog } = useWorkspacesStore();\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 = useMemo(() => tenantsData?.items ?? [], [tenantsData]);\n  const allOrganizations = useMemo(() => organizationsData?.items ?? [], [organizationsData]);\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  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: () => {\n          closeCreateWorkspaceDialog();\n          form.reset();\n        },\n      }\n    );\n  };\n\n  return (\n    <ResponsiveDialog open={isCreateWorkspaceDialogOpen} onOpenChange={closeCreateWorkspaceDialog}>\n      <ResponsiveDialogContent className=\"sm:max-w-[500px]\">\n        <ResponsiveDialogHeader>\n          <ResponsiveDialogTitle>Create Workspace</ResponsiveDialogTitle>\n        </ResponsiveDialogHeader>\n\n        <FormProvider {...form}>\n          <form onSubmit={form.handleSubmit(onSubmit)} className=\"space-y-4\">\n            {/* Workspace Name */}\n            <FormField\n              control={form.control}\n              name=\"name\"\n              render={({ field }) => (\n                <FormItem>\n                  <FormLabel>Workspace Name *</FormLabel>\n                  <FormControl>\n                    <Input placeholder=\"My Workspace\" {...field} />\n                  </FormControl>\n                  <FormDescription>A descriptive name for your workspace</FormDescription>\n                  <FormMessage />\n                </FormItem>\n              )}\n            />\n\n            {/* Slug */}\n            <FormField\n              control={form.control}\n              name=\"slug\"\n              render={({ field }) => (\n                <FormItem>\n                  <FormLabel>Slug *</FormLabel>\n                  <FormControl>\n                    <Input placeholder=\"my-workspace\" {...field} />\n                  </FormControl>\n                  <FormDescription>URL-friendly identifier (auto-generated)</FormDescription>\n                  <FormMessage />\n                </FormItem>\n              )}\n            />\n\n            {/* Tenant Selection */}\n            <FormField\n              control={form.control}\n              name=\"tenantId\"\n              render={({ field }) => (\n                <FormItem>\n                  <FormLabel>Tenant *</FormLabel>\n                  {isLoadingTenants ? (\n                    <Skeleton className=\"h-10 w-full\" />\n                  ) : tenantsError ? (\n                    <div className=\"flex items-center gap-2 text-destructive text-sm\">\n                      <AlertCircle size={16} />\n                      Failed to load tenants\n                    </div>\n                  ) : tenants.length === 0 ? (\n                    <div className=\"text-muted-foreground text-sm\">\n                      No tenants available. Contact your administrator.\n                    </div>\n                  ) : (\n                    <Select onValueChange={field.onChange} value={field.value}>\n                      <FormControl>\n                        <SelectTrigger>\n                          <SelectValue placeholder=\"Select a tenant\" />\n                        </SelectTrigger>\n                      </FormControl>\n                      <SelectContent>\n                        {tenants.map((tenant) => (\n                          <SelectItem key={tenant.id} value={tenant.id}>\n                            {tenant.name}\n                          </SelectItem>\n                        ))}\n                      </SelectContent>\n                    </Select>\n                  )}\n                  <FormDescription>Select which tenant this workspace belongs to</FormDescription>\n                  <FormMessage />\n                </FormItem>\n              )}\n            />\n\n            {/* Organization Selection */}\n            <FormField\n              control={form.control}\n              name=\"organizationId\"\n              render={({ field }) => (\n                <FormItem>\n                  <FormLabel>Organization *</FormLabel>\n                  {isLoadingOrganizations ? (\n                    <Skeleton className=\"h-10 w-full\" />\n                  ) : organizationsError ? (\n                    <div className=\"flex items-center gap-2 text-destructive text-sm\">\n                      <AlertCircle size={16} />\n                      Failed to load organizations\n                    </div>\n                  ) : !selectedTenantId ? (\n                    <div className=\"text-muted-foreground text-sm\">\n                      Please select a tenant first\n                    </div>\n                  ) : filteredOrganizations.length === 0 ? (\n                    <div className=\"text-muted-foreground text-sm\">\n                      No organizations found for this tenant\n                    </div>\n                  ) : (\n                    <Select\n                      onValueChange={field.onChange}\n                      value={field.value}\n                      disabled={!selectedTenantId}\n                    >\n                      <FormControl>\n                        <SelectTrigger>\n                          <SelectValue placeholder=\"Select an organization\" />\n                        </SelectTrigger>\n                      </FormControl>\n                      <SelectContent>\n                        {filteredOrganizations.map((org) => (\n                          <SelectItem key={org.id} value={org.id}>\n                            {org.name}\n                          </SelectItem>\n                        ))}\n                      </SelectContent>\n                    </Select>\n                  )}\n                  <FormDescription>Select which organization owns this workspace</FormDescription>\n                  <FormMessage />\n                </FormItem>\n              )}\n            />\n\n            {/* Workspace Type */}\n            <FormField\n              control={form.control}\n              name=\"type\"\n              render={({ field }) => (\n                <FormItem>\n                  <FormLabel>Workspace Type</FormLabel>\n                  <Select onValueChange={field.onChange} defaultValue={field.value}>\n                    <FormControl>\n                      <SelectTrigger>\n                        <SelectValue placeholder=\"Select type\" />\n                      </SelectTrigger>\n                    </FormControl>\n                    <SelectContent>\n                      <SelectItem value=\"TEAM\">Team Workspace</SelectItem>\n                      <SelectItem value=\"PERSONAL\">Personal Workspace</SelectItem>\n                    </SelectContent>\n                  </Select>\n                  <FormDescription>\n                    Choose between a collaborative workspace or a personal one\n                  </FormDescription>\n                  <FormMessage />\n                </FormItem>\n              )}\n            />\n\n            <ResponsiveDialogFooter>\n              <Button\n                type=\"button\"\n                variant=\"outline\"\n                onClick={closeCreateWorkspaceDialog}\n                disabled={isPending}\n              >\n                Cancel\n              </Button>\n              <Button\n                type=\"submit\"\n                disabled={isPending || isLoadingTenants || isLoadingOrganizations}\n              >\n                {isPending ? 'Creating...' : 'Create Workspace'}\n              </Button>\n            </ResponsiveDialogFooter>\n          </form>\n        </FormProvider>\n      </ResponsiveDialogContent>\n    </ResponsiveDialog>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"CreateWorkspaceDialog.js","names":[],"sources":["../../src/components/CreateWorkspaceDialog.tsx"],"sourcesContent":["import { useEffect, useMemo } from 'react';\nimport { AlertCircle } from 'lucide-react';\nimport {\n  ResponsiveDialog,\n  ResponsiveDialogContent,\n  ResponsiveDialogHeader,\n  ResponsiveDialogTitle,\n  ResponsiveDialogFooter,\n  Button,\n  Skeleton,\n} from '@burdenoff/fe-libs/ui';\nimport {\n  FormField,\n  FormItem,\n  FormLabel,\n  FormControl,\n  FormMessage,\n  FormDescription,\n  Input,\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n  useForm,\n  FormProvider,\n  z,\n} from '@burdenoff/fe-libs/form';\nimport { useWorkspacesStore } from '../store/workspacesStore';\nimport { useCreateWorkspace } from '../hooks/useWorkspaceMutations';\nimport { useMyTenants, useMyOrganizations } from '../hooks/useTenants';\nimport { generateSlug } from '../utils/slug';\n\nconst createWorkspaceSchema = z.object({\n  name: z.string().min(2, 'Name must be at least 2 characters').max(100),\n  slug: z\n    .string()\n    .min(2, 'Slug must be at least 2 characters')\n    .max(50)\n    .regex(/^[a-z0-9-]+$/, 'Slug can only contain lowercase letters, numbers, and hyphens'),\n  tenantId: z.string().min(1, 'Please select a tenant'),\n  organizationId: z.string().min(1, 'Please select an organization'),\n});\n\ntype CreateWorkspaceFormData = z.infer<typeof createWorkspaceSchema>;\n\nexport function CreateWorkspaceDialog() {\n  const { isCreateWorkspaceDialogOpen, closeCreateWorkspaceDialog } = useWorkspacesStore();\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 = useMemo(() => tenantsData?.items ?? [], [tenantsData]);\n  const allOrganizations = useMemo(() => organizationsData?.items ?? [], [organizationsData]);\n\n  // Prefer the shared tenant (or the only one) — with a single shared tenant\n  // there is nothing to choose, so we auto-select it and hide the picker.\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    },\n  });\n\n  const selectedTenantId = form.watch('tenantId');\n  const workspaceName = form.watch('name');\n\n  // Auto-select the default tenant when the user has no real choice.\n  useEffect(() => {\n    if (!form.getValues('tenantId') && defaultTenantId) {\n      form.setValue('tenantId', defaultTenantId, { shouldValidate: true });\n    }\n  }, [defaultTenantId, form]);\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  const onSubmit = (data: CreateWorkspaceFormData) => {\n    createWorkspace(\n      {\n        name: data.name,\n        slug: data.slug,\n        tenantId: data.tenantId,\n        organizationId: data.organizationId,\n      },\n      {\n        onSuccess: () => {\n          closeCreateWorkspaceDialog();\n          form.reset();\n        },\n      }\n    );\n  };\n\n  return (\n    <ResponsiveDialog open={isCreateWorkspaceDialogOpen} onOpenChange={closeCreateWorkspaceDialog}>\n      <ResponsiveDialogContent className=\"sm:max-w-[500px]\">\n        <ResponsiveDialogHeader>\n          <ResponsiveDialogTitle>Create Workspace</ResponsiveDialogTitle>\n        </ResponsiveDialogHeader>\n\n        <FormProvider {...form}>\n          <form onSubmit={form.handleSubmit(onSubmit)} className=\"space-y-4\">\n            {/* Workspace Name */}\n            <FormField\n              control={form.control}\n              name=\"name\"\n              render={({ field }) => (\n                <FormItem>\n                  <FormLabel>Workspace Name *</FormLabel>\n                  <FormControl>\n                    <Input placeholder=\"My Workspace\" {...field} />\n                  </FormControl>\n                  <FormDescription>A descriptive name for your workspace</FormDescription>\n                  <FormMessage />\n                </FormItem>\n              )}\n            />\n\n            {/* Slug */}\n            <FormField\n              control={form.control}\n              name=\"slug\"\n              render={({ field }) => (\n                <FormItem>\n                  <FormLabel>Slug *</FormLabel>\n                  <FormControl>\n                    <Input placeholder=\"my-workspace\" {...field} />\n                  </FormControl>\n                  <FormDescription>URL-friendly identifier (auto-generated)</FormDescription>\n                  <FormMessage />\n                </FormItem>\n              )}\n            />\n\n            {/* Tenant Selection — shown only when the user has more than one\n                tenant to choose between. With a single shared tenant it is\n                auto-selected and hidden (loading/error/empty still surface). */}\n            {tenants.length !== 1 ? (\n              <FormField\n                control={form.control}\n                name=\"tenantId\"\n                render={({ field }) => (\n                  <FormItem>\n                    <FormLabel>Tenant *</FormLabel>\n                    {isLoadingTenants ? (\n                      <Skeleton className=\"h-10 w-full\" />\n                    ) : tenantsError ? (\n                      <div className=\"flex items-center gap-2 text-destructive text-sm\">\n                        <AlertCircle size={16} />\n                        Failed to load tenants\n                      </div>\n                    ) : tenants.length === 0 ? (\n                      <div className=\"text-muted-foreground text-sm\">\n                        No tenants available. Contact your administrator.\n                      </div>\n                    ) : (\n                      <Select onValueChange={field.onChange} value={field.value}>\n                        <FormControl>\n                          <SelectTrigger>\n                            <SelectValue placeholder=\"Select a tenant\" />\n                          </SelectTrigger>\n                        </FormControl>\n                        <SelectContent>\n                          {tenants.map((tenant) => (\n                            <SelectItem key={tenant.id} value={tenant.id}>\n                              {tenant.name}\n                            </SelectItem>\n                          ))}\n                        </SelectContent>\n                      </Select>\n                    )}\n                    <FormDescription>Select which tenant this workspace belongs to</FormDescription>\n                    <FormMessage />\n                  </FormItem>\n                )}\n              />\n            ) : null}\n\n            {/* Organization Selection */}\n            <FormField\n              control={form.control}\n              name=\"organizationId\"\n              render={({ field }) => (\n                <FormItem>\n                  <FormLabel>Organization *</FormLabel>\n                  {isLoadingOrganizations ? (\n                    <Skeleton className=\"h-10 w-full\" />\n                  ) : organizationsError ? (\n                    <div className=\"flex items-center gap-2 text-destructive text-sm\">\n                      <AlertCircle size={16} />\n                      Failed to load organizations\n                    </div>\n                  ) : !selectedTenantId ? (\n                    <div className=\"text-muted-foreground text-sm\">\n                      Please select a tenant first\n                    </div>\n                  ) : filteredOrganizations.length === 0 ? (\n                    <div className=\"text-muted-foreground text-sm\">\n                      No organizations found for this tenant\n                    </div>\n                  ) : (\n                    <Select\n                      onValueChange={field.onChange}\n                      value={field.value}\n                      disabled={!selectedTenantId}\n                    >\n                      <FormControl>\n                        <SelectTrigger>\n                          <SelectValue placeholder=\"Select an organization\" />\n                        </SelectTrigger>\n                      </FormControl>\n                      <SelectContent>\n                        {filteredOrganizations.map((org) => (\n                          <SelectItem key={org.id} value={org.id}>\n                            {org.name}\n                          </SelectItem>\n                        ))}\n                      </SelectContent>\n                    </Select>\n                  )}\n                  <FormDescription>Select which organization owns this workspace</FormDescription>\n                  <FormMessage />\n                </FormItem>\n              )}\n            />\n\n            <ResponsiveDialogFooter>\n              <Button\n                type=\"button\"\n                variant=\"outline\"\n                onClick={closeCreateWorkspaceDialog}\n                disabled={isPending}\n              >\n                Cancel\n              </Button>\n              <Button\n                type=\"submit\"\n                disabled={isPending || isLoadingTenants || isLoadingOrganizations}\n              >\n                {isPending ? 'Creating...' : 'Create Workspace'}\n              </Button>\n            </ResponsiveDialogFooter>\n          </form>\n        </FormProvider>\n      </ResponsiveDialogContent>\n    </ResponsiveDialog>\n  );\n}\n"],"mappings":"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"}

package/dist/components/WorkspaceCard.js

@@ -33,16 +33,12 @@ function m({ workspace: m }) {
 				children: [/* @__PURE__ */ o(f, {
 					className: "text-lg truncate",
 					children: m.name
-				}), /* @__PURE__ */ s("div", {
+				}), /* @__PURE__ */ o("div", {
 					className: "flex items-center gap-2 mt-1",
-					children: [/* @__PURE__ */ o(c, {
-						variant: "outline",
-						className: "text-xs",
-						children: m.type
-					}), /* @__PURE__ */ o(c, {
+					children: /* @__PURE__ */ o(c, {
 						className: `text-xs border ${t(m.status)}`,
 						children: m.status
-					})]
+					})
 				})]
 			})]
 		}) }), /* @__PURE__ */ s(u, { children: [/* @__PURE__ */ s("div", {

package/dist/components/WorkspaceCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"WorkspaceCard.js","names":[],"sources":["../../src/components/WorkspaceCard.tsx"],"sourcesContent":["import { Building2, Users, FolderKanban } from 'lucide-react';\nimport { useNavigate } from 'react-router-dom';\nimport { Card, CardHeader, CardTitle, CardContent, Badge } from '@burdenoff/fe-libs/ui';\nimport type { Workspace } from '../types';\nimport { useWorkspacesContext } from '../providers/WorkspacesProvider';\nimport { getWorkspaceStatusClasses } from '../utils/tokenHelpers';\nimport { useScopedNavigation } from '../hooks/useScopedNavigation';\n\ninterface WorkspaceCardProps {\n  workspace: Workspace;\n}\n\nexport function WorkspaceCard({ workspace }: WorkspaceCardProps) {\n  const navigate = useNavigate();\n  const { basePath = '/' } = useWorkspacesContext();\n  const { withCurrentSearch } = useScopedNavigation();\n\n  const openWorkspace = () => {\n    navigate(withCurrentSearch(`${basePath}/${workspace.id}`));\n  };\n\n  const handleKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {\n    if (event.key === 'Enter' || event.key === ' ') {\n      event.preventDefault();\n      openWorkspace();\n    }\n  };\n\n  return (\n    <Card\n      className=\"cursor-pointer\"\n      onClick={openWorkspace}\n      onKeyDown={handleKeyDown}\n      role=\"button\"\n      tabIndex={0}\n      aria-label={`Open workspace ${workspace.name}`}\n      data-tour=\"workspaces-card\"\n    >\n      <CardHeader>\n        <div className=\"flex items-center gap-3\">\n          <div className=\"p-3 rounded-lg bg-primary/10 transition-colors\">\n            <Building2 className=\"text-primary\" size={24} />\n          </div>\n          <div className=\"flex-1 min-w-0\">\n            <CardTitle className=\"text-lg truncate\">{workspace.name}</CardTitle>\n            <div className=\"flex items-center gap-2 mt-1\">\n              <Badge variant=\"outline\" className=\"text-xs\">\n                {workspace.type}\n              </Badge>\n              <Badge className={`text-xs border ${getWorkspaceStatusClasses(workspace.status)}`}>\n                {workspace.status}\n              </Badge>\n            </div>\n          </div>\n        </div>\n      </CardHeader>\n      <CardContent>\n        <div className=\"flex flex-wrap gap-4 text-sm text-muted-foreground\">\n          {typeof workspace.memberCount === 'number' && workspace.memberCount > 0 && (\n            <div className=\"flex items-center gap-1\">\n              <Users size={16} aria-hidden=\"true\" />\n              <span>\n                {workspace.memberCount} member{workspace.memberCount === 1 ? '' : 's'}\n              </span>\n            </div>\n          )}\n          {typeof workspace.projectCount === 'number' && workspace.projectCount > 0 && (\n            <div className=\"flex items-center gap-1\">\n              <FolderKanban size={16} aria-hidden=\"true\" />\n              <span>\n                {workspace.projectCount} project{workspace.projectCount === 1 ? '' : 's'}\n              </span>\n            </div>\n          )}\n        </div>\n        {workspace.domain && (\n          <p className=\"mt-2 truncate text-xs text-muted-foreground\">{workspace.domain}</p>\n        )}\n      </CardContent>\n    </Card>\n  );\n}\n"],"mappings":";;;;;;;;AAYA,SAAgB,EAAc,EAAE,gBAAiC;CAC/D,IAAM,IAAW,GAAa,EACxB,EAAE,cAAW,QAAQ,GAAsB,EAC3C,EAAE,yBAAsB,GAAqB,EAE7C,UAAsB;AAC1B,IAAS,EAAkB,GAAG,EAAS,GAAG,EAAU,KAAK,CAAC;;AAU5D,QACE,kBAAC,GAAD;EACE,WAAU;EACV,SAAS;EACT,YAXmB,MAA+C;AACpE,IAAI,EAAM,QAAQ,WAAW,EAAM,QAAQ,SACzC,EAAM,gBAAgB,EACtB,GAAe;;EASf,MAAK;EACL,UAAU;EACV,cAAY,kBAAkB,EAAU;EACxC,aAAU;YAPZ,CASE,kBAAC,GAAD,EAAA,UACE,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,OAAD;IAAK,WAAU;cACb,kBAAC,GAAD;KAAW,WAAU;KAAe,MAAM;KAAM,CAAA;IAC5C,CAAA,EACN,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,GAAD;KAAW,WAAU;eAAoB,EAAU;KAAiB,CAAA,EACpE,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,GAAD;MAAO,SAAQ;MAAU,WAAU;gBAChC,EAAU;MACL,CAAA,EACR,kBAAC,GAAD;MAAO,WAAW,kBAAkB,EAA0B,EAAU,OAAO;gBAC5E,EAAU;MACL,CAAA,CACJ;OACF;MACF;MACK,CAAA,EACb,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,OAAD;GAAK,WAAU;aAAf,CACG,OAAO,EAAU,eAAgB,YAAY,EAAU,cAAc,KACpE,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,GAAD;KAAO,MAAM;KAAI,eAAY;KAAS,CAAA,EACtC,kBAAC,QAAD,EAAA,UAAA;KACG,EAAU;KAAY;KAAQ,EAAU,gBAAgB,IAAI,KAAK;KAC7D,EAAA,CAAA,CACH;OAEP,OAAO,EAAU,gBAAiB,YAAY,EAAU,eAAe,KACtE,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,GAAD;KAAc,MAAM;KAAI,eAAY;KAAS,CAAA,EAC7C,kBAAC,QAAD,EAAA,UAAA;KACG,EAAU;KAAa;KAAS,EAAU,iBAAiB,IAAI,KAAK;KAChE,EAAA,CAAA,CACH;MAEJ;MACL,EAAU,UACT,kBAAC,KAAD;GAAG,WAAU;aAA+C,EAAU;GAAW,CAAA,CAEvE,EAAA,CAAA,CACT"}
+{"version":3,"file":"WorkspaceCard.js","names":[],"sources":["../../src/components/WorkspaceCard.tsx"],"sourcesContent":["import { Building2, Users, FolderKanban } from 'lucide-react';\nimport { useNavigate } from 'react-router-dom';\nimport { Card, CardHeader, CardTitle, CardContent, Badge } from '@burdenoff/fe-libs/ui';\nimport type { Workspace } from '../types';\nimport { useWorkspacesContext } from '../providers/WorkspacesProvider';\nimport { getWorkspaceStatusClasses } from '../utils/tokenHelpers';\nimport { useScopedNavigation } from '../hooks/useScopedNavigation';\n\ninterface WorkspaceCardProps {\n  workspace: Workspace;\n}\n\nexport function WorkspaceCard({ workspace }: WorkspaceCardProps) {\n  const navigate = useNavigate();\n  const { basePath = '/' } = useWorkspacesContext();\n  const { withCurrentSearch } = useScopedNavigation();\n\n  const openWorkspace = () => {\n    navigate(withCurrentSearch(`${basePath}/${workspace.id}`));\n  };\n\n  const handleKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {\n    if (event.key === 'Enter' || event.key === ' ') {\n      event.preventDefault();\n      openWorkspace();\n    }\n  };\n\n  return (\n    <Card\n      className=\"cursor-pointer\"\n      onClick={openWorkspace}\n      onKeyDown={handleKeyDown}\n      role=\"button\"\n      tabIndex={0}\n      aria-label={`Open workspace ${workspace.name}`}\n      data-tour=\"workspaces-card\"\n    >\n      <CardHeader>\n        <div className=\"flex items-center gap-3\">\n          <div className=\"p-3 rounded-lg bg-primary/10 transition-colors\">\n            <Building2 className=\"text-primary\" size={24} />\n          </div>\n          <div className=\"flex-1 min-w-0\">\n            <CardTitle className=\"text-lg truncate\">{workspace.name}</CardTitle>\n            <div className=\"flex items-center gap-2 mt-1\">\n              <Badge className={`text-xs border ${getWorkspaceStatusClasses(workspace.status)}`}>\n                {workspace.status}\n              </Badge>\n            </div>\n          </div>\n        </div>\n      </CardHeader>\n      <CardContent>\n        <div className=\"flex flex-wrap gap-4 text-sm text-muted-foreground\">\n          {typeof workspace.memberCount === 'number' && workspace.memberCount > 0 && (\n            <div className=\"flex items-center gap-1\">\n              <Users size={16} aria-hidden=\"true\" />\n              <span>\n                {workspace.memberCount} member{workspace.memberCount === 1 ? '' : 's'}\n              </span>\n            </div>\n          )}\n          {typeof workspace.projectCount === 'number' && workspace.projectCount > 0 && (\n            <div className=\"flex items-center gap-1\">\n              <FolderKanban size={16} aria-hidden=\"true\" />\n              <span>\n                {workspace.projectCount} project{workspace.projectCount === 1 ? '' : 's'}\n              </span>\n            </div>\n          )}\n        </div>\n        {workspace.domain && (\n          <p className=\"mt-2 truncate text-xs text-muted-foreground\">{workspace.domain}</p>\n        )}\n      </CardContent>\n    </Card>\n  );\n}\n"],"mappings":";;;;;;;;AAYA,SAAgB,EAAc,EAAE,gBAAiC;CAC/D,IAAM,IAAW,GAAa,EACxB,EAAE,cAAW,QAAQ,GAAsB,EAC3C,EAAE,yBAAsB,GAAqB,EAE7C,UAAsB;AAC1B,IAAS,EAAkB,GAAG,EAAS,GAAG,EAAU,KAAK,CAAC;;AAU5D,QACE,kBAAC,GAAD;EACE,WAAU;EACV,SAAS;EACT,YAXmB,MAA+C;AACpE,IAAI,EAAM,QAAQ,WAAW,EAAM,QAAQ,SACzC,EAAM,gBAAgB,EACtB,GAAe;;EASf,MAAK;EACL,UAAU;EACV,cAAY,kBAAkB,EAAU;EACxC,aAAU;YAPZ,CASE,kBAAC,GAAD,EAAA,UACE,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,OAAD;IAAK,WAAU;cACb,kBAAC,GAAD;KAAW,WAAU;KAAe,MAAM;KAAM,CAAA;IAC5C,CAAA,EACN,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,GAAD;KAAW,WAAU;eAAoB,EAAU;KAAiB,CAAA,EACpE,kBAAC,OAAD;KAAK,WAAU;eACb,kBAAC,GAAD;MAAO,WAAW,kBAAkB,EAA0B,EAAU,OAAO;gBAC5E,EAAU;MACL,CAAA;KACJ,CAAA,CACF;MACF;MACK,CAAA,EACb,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,OAAD;GAAK,WAAU;aAAf,CACG,OAAO,EAAU,eAAgB,YAAY,EAAU,cAAc,KACpE,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,GAAD;KAAO,MAAM;KAAI,eAAY;KAAS,CAAA,EACtC,kBAAC,QAAD,EAAA,UAAA;KACG,EAAU;KAAY;KAAQ,EAAU,gBAAgB,IAAI,KAAK;KAC7D,EAAA,CAAA,CACH;OAEP,OAAO,EAAU,gBAAiB,YAAY,EAAU,eAAe,KACtE,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,GAAD;KAAc,MAAM;KAAI,eAAY;KAAS,CAAA,EAC7C,kBAAC,QAAD,EAAA,UAAA;KACG,EAAU;KAAa;KAAS,EAAU,iBAAiB,IAAI,KAAK;KAChE,EAAA,CAAA,CACH;MAEJ;MACL,EAAU,UACT,kBAAC,KAAD;GAAG,WAAU;aAA+C,EAAU;GAAW,CAAA,CAEvE,EAAA,CAAA,CACT"}

package/dist/pages/CreateWorkspacePage.js

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

package/dist/pages/CreateWorkspacePage.js.map

@@ -1 +1 @@
-{"version":3,"file":"CreateWorkspacePage.js","names":[],"sources":["../../src/pages/CreateWorkspacePage.tsx"],"sourcesContent":["import { useEffect, useMemo } 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 { AccessDenied, UpgradeInlineBanner } from '@burdenoff/fe-libs/shared/components';\nimport { useUpgradePrompt } from '@burdenoff/fe-libs/shared/hooks';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { useCreateWorkspace } from '../hooks/useWorkspaceMutations';\nimport { useMyTenants, useMyOrganizations } from '../hooks/useTenants';\nimport { useOrgsWithPermission } from '../hooks/useOrgsWithPermission';\nimport { useWorkspacesContext } from '../providers/WorkspacesProvider';\nimport { useWorkspacesPageView } from '../hooks/useWorkspacesPageView';\nimport { generateSlug } from '../utils/slug';\nimport { tWithFallback } from '../utils/i18n';\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  useWorkspacesPageView('workspaces.create');\n  const { t } = useI18n();\n  const {\n    isFree,\n    approachingLimits,\n    plan: planSnapshot,\n  } = useUpgradePrompt({ resource: 'workspaces' });\n  const workspacesUsage = approachingLimits[0];\n  const atWorkspaceCap =\n    !!workspacesUsage &&\n    typeof workspacesUsage.limit === 'number' &&\n    workspacesUsage.current >= workspacesUsage.limit;\n  const showUpgradeBanner = isFree && !!workspacesUsage;\n  const createWorkspaceSchema = useMemo(\n    () =>\n      z.object({\n        name: z\n          .string()\n          .min(\n            2,\n            tWithFallback(\n              t,\n              'createWorkspace.validation.nameMin',\n              'Name must be at least 2 characters'\n            )\n          )\n          .max(100),\n        slug: z\n          .string()\n          .min(\n            2,\n            tWithFallback(\n              t,\n              'createWorkspace.validation.slugMin',\n              'Slug must be at least 2 characters'\n            )\n          )\n          .max(50)\n          .regex(\n            /^[a-z0-9-]+$/,\n            tWithFallback(\n              t,\n              'createWorkspace.validation.slugFormat',\n              'Slug can only contain lowercase letters, numbers, and hyphens'\n            )\n          ),\n        tenantId: z\n          .string()\n          .min(\n            1,\n            tWithFallback(t, 'createWorkspace.validation.tenantRequired', 'Please select a tenant')\n          ),\n        organizationId: z\n          .string()\n          .min(\n            1,\n            tWithFallback(\n              t,\n              'createWorkspace.validation.organizationRequired',\n              'Please select an organization'\n            )\n          ),\n        type: z.enum(['TEAM', 'PERSONAL']).optional(),\n      }),\n    [t]\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 = useMemo(() => tenantsData?.items ?? [], [tenantsData]);\n  const allOrganizations = useMemo(() => organizationsData?.items ?? [], [organizationsData]);\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  // Check workspace:create permission across ALL the user's orgs up front\n  // (bulk-checked in a single rbac round-trip). This is the authoritative\n  // gate — only orgs where the user can actually create a workspace make\n  // it into the dropdown, and the page can decisively render the \"no\n  // permissions anywhere\" state once the check resolves.\n  const allOrgIds = useMemo(() => allOrganizations.map((o) => o.id), [allOrganizations]);\n  const {\n    allowedIds: workspaceCreateAllowedOrgIds,\n    loading: isCheckingOrgPermissions,\n    isError: orgPermissionsHadError,\n  } = useOrgsWithPermission(allOrgIds, 'workspace', 'create');\n\n  // Filter organizations by selected tenant AND permission. When the rbac\n  // permission lookup errored we deliberately skip the permission filter\n  // (see `orgPermissionsHadError` block below) — the gateway @rbac\n  // directive on `createWorkspace` is the authoritative gate, so it's\n  // safer to let the user pick from the full tenant list and hit a 403 on\n  // submit than to lock them out of a flow they actually have access to.\n  const tenantOrganizations = useMemo(() => {\n    if (!selectedTenantId) return [];\n    return allOrganizations.filter((org) => org.tenantId === selectedTenantId);\n  }, [selectedTenantId, allOrganizations]);\n  const filteredOrganizations = useMemo(() => {\n    if (orgPermissionsHadError) return tenantOrganizations;\n    return tenantOrganizations.filter((org) => workspaceCreateAllowedOrgIds.has(org.id));\n  }, [tenantOrganizations, workspaceCreateAllowedOrgIds, orgPermissionsHadError]);\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  // `workspace:create` is an org-scoped permission. Page-level `PermissionGate`\n  // resolved at the outer shell scope and incorrectly denied users who *do*\n  // have the permission inside at least one of their orgs. The authoritative\n  // gate now lives on the org dropdown (only orgs where the user has\n  // workspace:create are listed via useOrgsWithPermission) and on the gateway\n  // @rbac directive enforcing the createWorkspace mutation. We still want a\n  // clear \"you can't create anywhere\" empty state — once tenants and org\n  // permission lookups have settled, if no org is eligible we render it.\n  // The AccessDenied empty-state should ONLY render when we know with\n  // certainty that the user has no creatable org. That requires:\n  //   1. tenants + organizations queries both succeeded (otherwise an\n  //      empty `allOrganizations` is a data-fetch failure, not an authz\n  //      failure — masking it as \"permission denied\" hides the real\n  //      error and offers the user no path to retry),\n  //   2. the rbac permission lookup also succeeded (errors there fall\n  //      through to the unfiltered form via the warning banner below),\n  //   3. and even then, only when the user has at least one org but none\n  //      of them allow workspace:create.\n  // If `allOrganizations` is empty because the user genuinely belongs to\n  // no orgs, the inner \"no organizations found for this tenant\" message\n  // is a better surface than an authz-denied page.\n  const hasAnyCreatableOrg = workspaceCreateAllowedOrgIds.size > 0;\n  const stillResolvingPermissions =\n    isLoadingTenants || isLoadingOrganizations || isCheckingOrgPermissions;\n  const orgDataLoadedSuccessfully =\n    !tenantsError && !organizationsError && allOrganizations.length > 0;\n  if (\n    !stillResolvingPermissions &&\n    !orgPermissionsHadError &&\n    orgDataLoadedSuccessfully &&\n    !hasAnyCreatableOrg\n  ) {\n    return (\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          {tWithFallback(t, 'createWorkspace.backToWorkspaces', 'Back to Workspaces')}\n        </Link>\n        <AccessDenied\n          variant=\"card\"\n          title={tWithFallback(t, 'createWorkspace.permissionRequiredTitle', 'Permission Required')}\n          description={tWithFallback(\n            t,\n            'createWorkspace.permissionRequiredDescription',\n            \"You don't have permission to create workspaces in any of your organizations.\"\n          )}\n          details={tWithFallback(\n            t,\n            'createWorkspace.permissionRequiredDetails',\n            'Required: workspace:create'\n          )}\n          primaryAction={{\n            label: tWithFallback(t, 'createWorkspace.goBack', 'Go Back'),\n            onClick: () => navigate(`${basePath}/list`),\n          }}\n        />\n      </div>\n    );\n  }\n\n  return (\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        {tWithFallback(t, 'createWorkspace.backToWorkspaces', 'Back to Workspaces')}\n      </Link>\n\n      {showUpgradeBanner && (\n        <div className=\"max-w-2xl mx-auto w-full\">\n          <UpgradeInlineBanner\n            resource=\"workspaces\"\n            current={workspacesUsage.current}\n            limit={workspacesUsage.limit ?? undefined}\n            severity={atWorkspaceCap ? 'critical' : undefined}\n            message={\n              atWorkspaceCap\n                ? tWithFallback(\n                    t,\n                    'createWorkspace.upgradeCapMessage',\n                    `You've used all workspaces in the ${planSnapshot?.planName ?? 'free'} plan.`\n                  )\n                : tWithFallback(\n                    t,\n                    'createWorkspace.upgradeApproachingMessage',\n                    'Upgrade to create more workspaces.'\n                  )\n            }\n          />\n        </div>\n      )}\n\n      {/* Form card */}\n      <Card className=\"max-w-2xl mx-auto\">\n        <CardHeader>\n          <CardTitle>{tWithFallback(t, 'createWorkspace.title', 'Create New Workspace')}</CardTitle>\n          <CardDescription>\n            {tWithFallback(\n              t,\n              'createWorkspace.subtitle',\n              'Set up a new workspace for your team or personal use'\n            )}\n          </CardDescription>\n        </CardHeader>\n        <CardContent>\n          {orgPermissionsHadError && (\n            <div\n              role=\"alert\"\n              className=\"mb-4 flex items-start gap-2 rounded-md border border-warning/30 bg-warning/10 p-3 text-sm text-foreground\"\n            >\n              <AlertCircle size={16} className=\"mt-0.5 shrink-0 text-warning\" />\n              <span>\n                {tWithFallback(\n                  t,\n                  'createWorkspace.permissionCheckUnavailable',\n                  \"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.\"\n                )}\n              </span>\n            </div>\n          )}\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                {tWithFallback(t, 'createWorkspace.nameLabel', 'Workspace Name *')}\n              </label>\n              <input\n                id=\"workspace-name\"\n                placeholder={tWithFallback(t, '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                {tWithFallback(\n                  t,\n                  'createWorkspace.nameHint',\n                  'A descriptive name for your workspace'\n                )}\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                {tWithFallback(t, 'createWorkspace.slugLabel', 'Slug *')}\n              </label>\n              <input\n                id=\"workspace-slug\"\n                placeholder={tWithFallback(t, '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                {tWithFallback(\n                  t,\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                {tWithFallback(t, '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                  {tWithFallback(\n                    t,\n                    'createWorkspace.failedToLoadTenants',\n                    'Failed to load tenants'\n                  )}\n                </div>\n              ) : tenants.length === 0 ? (\n                <div className=\"text-sm text-muted-foreground\">\n                  {tWithFallback(\n                    t,\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                    {tWithFallback(t, '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                {tWithFallback(\n                  t,\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\">{form.formState.errors.tenantId.message}</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                {tWithFallback(t, 'createWorkspace.organizationLabel', 'Organization *')}\n              </label>\n              {isLoadingOrganizations || isCheckingOrgPermissions ? (\n                // While the permission check is in flight,\n                // `workspaceCreateAllowedOrgIds` is empty so\n                // `filteredOrganizations` is also empty. Render the same\n                // skeleton we use for the org-load itself instead of the\n                // \"no organizations found\" empty-state — otherwise a slow\n                // rbac response briefly looks like an authorization\n                // failure for users who DO have workspace:create.\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                  {tWithFallback(\n                    t,\n                    'createWorkspace.failedToLoadOrganizations',\n                    'Failed to load organizations'\n                  )}\n                </div>\n              ) : !selectedTenantId ? (\n                <div className=\"text-sm text-muted-foreground\">\n                  {tWithFallback(\n                    t,\n                    'createWorkspace.selectTenantFirst',\n                    'Please select a tenant first'\n                  )}\n                </div>\n              ) : filteredOrganizations.length === 0 ? (\n                <div className=\"text-sm text-muted-foreground\">\n                  {tWithFallback(\n                    t,\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                    {tWithFallback(\n                      t,\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                {tWithFallback(\n                  t,\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                {tWithFallback(t, '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\">\n                  {tWithFallback(t, 'createWorkspace.typeTeam', 'Team Workspace')}\n                </option>\n                <option value=\"PERSONAL\">\n                  {tWithFallback(t, 'createWorkspace.typePersonal', 'Personal Workspace')}\n                </option>\n              </select>\n              <p className=\"text-xs text-muted-foreground\">\n                {tWithFallback(\n                  t,\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                {tWithFallback(t, 'createWorkspace.cancel', 'Cancel')}\n              </Button>\n              <Button\n                type=\"submit\"\n                disabled={\n                  isPending ||\n                  isLoadingTenants ||\n                  isLoadingOrganizations ||\n                  isCheckingOrgPermissions ||\n                  atWorkspaceCap\n                }\n                title={\n                  atWorkspaceCap\n                    ? tWithFallback(\n                        t,\n                        'createWorkspace.disabledAtCap',\n                        'Workspace limit reached — upgrade your plan to create more.'\n                      )\n                    : undefined\n                }\n              >\n                {isPending\n                  ? tWithFallback(t, 'createWorkspace.creating', 'Creating...')\n                  : tWithFallback(t, 'createWorkspace.submit', 'Create Workspace')}\n              </Button>\n            </div>\n          </form>\n        </CardContent>\n      </Card>\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"CreateWorkspacePage.js","names":[],"sources":["../../src/pages/CreateWorkspacePage.tsx"],"sourcesContent":["import { useEffect, useMemo } 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 { AccessDenied, UpgradeInlineBanner } from '@burdenoff/fe-libs/shared/components';\nimport { useUpgradePrompt } from '@burdenoff/fe-libs/shared/hooks';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { useCreateWorkspace } from '../hooks/useWorkspaceMutations';\nimport { useMyTenants, useMyOrganizations } from '../hooks/useTenants';\nimport { useOrgsWithPermission } from '../hooks/useOrgsWithPermission';\nimport { useWorkspacesContext } from '../providers/WorkspacesProvider';\nimport { useWorkspacesPageView } from '../hooks/useWorkspacesPageView';\nimport { generateSlug } from '../utils/slug';\nimport { tWithFallback } from '../utils/i18n';\n\ntype CreateWorkspaceFormData = {\n  name: string;\n  slug: string;\n  tenantId: string;\n  organizationId: string;\n};\n\nexport function CreateWorkspacePage() {\n  useWorkspacesPageView('workspaces.create');\n  const { t } = useI18n();\n  const {\n    isFree,\n    approachingLimits,\n    plan: planSnapshot,\n  } = useUpgradePrompt({ resource: 'workspaces' });\n  const workspacesUsage = approachingLimits[0];\n  const atWorkspaceCap =\n    !!workspacesUsage &&\n    typeof workspacesUsage.limit === 'number' &&\n    workspacesUsage.current >= workspacesUsage.limit;\n  const showUpgradeBanner = isFree && !!workspacesUsage;\n  const createWorkspaceSchema = useMemo(\n    () =>\n      z.object({\n        name: z\n          .string()\n          .min(\n            2,\n            tWithFallback(\n              t,\n              'createWorkspace.validation.nameMin',\n              'Name must be at least 2 characters'\n            )\n          )\n          .max(100),\n        slug: z\n          .string()\n          .min(\n            2,\n            tWithFallback(\n              t,\n              'createWorkspace.validation.slugMin',\n              'Slug must be at least 2 characters'\n            )\n          )\n          .max(50)\n          .regex(\n            /^[a-z0-9-]+$/,\n            tWithFallback(\n              t,\n              'createWorkspace.validation.slugFormat',\n              'Slug can only contain lowercase letters, numbers, and hyphens'\n            )\n          ),\n        tenantId: z\n          .string()\n          .min(\n            1,\n            tWithFallback(t, 'createWorkspace.validation.tenantRequired', 'Please select a tenant')\n          ),\n        organizationId: z\n          .string()\n          .min(\n            1,\n            tWithFallback(\n              t,\n              'createWorkspace.validation.organizationRequired',\n              'Please select an organization'\n            )\n          ),\n      }),\n    [t]\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 = useMemo(() => tenantsData?.items ?? [], [tenantsData]);\n  const allOrganizations = useMemo(() => organizationsData?.items ?? [], [organizationsData]);\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    },\n  });\n\n  const selectedTenantId = form.watch('tenantId');\n  const workspaceName = form.watch('name');\n\n  // Check workspace:create permission across ALL the user's orgs up front\n  // (bulk-checked in a single rbac round-trip). This is the authoritative\n  // gate — only orgs where the user can actually create a workspace make\n  // it into the dropdown, and the page can decisively render the \"no\n  // permissions anywhere\" state once the check resolves.\n  const allOrgIds = useMemo(() => allOrganizations.map((o) => o.id), [allOrganizations]);\n  const {\n    allowedIds: workspaceCreateAllowedOrgIds,\n    loading: isCheckingOrgPermissions,\n    isError: orgPermissionsHadError,\n  } = useOrgsWithPermission(allOrgIds, 'workspace', 'create');\n\n  // Filter organizations by selected tenant AND permission. When the rbac\n  // permission lookup errored we deliberately skip the permission filter\n  // (see `orgPermissionsHadError` block below) — the gateway @rbac\n  // directive on `createWorkspace` is the authoritative gate, so it's\n  // safer to let the user pick from the full tenant list and hit a 403 on\n  // submit than to lock them out of a flow they actually have access to.\n  const tenantOrganizations = useMemo(() => {\n    if (!selectedTenantId) return [];\n    return allOrganizations.filter((org) => org.tenantId === selectedTenantId);\n  }, [selectedTenantId, allOrganizations]);\n  const filteredOrganizations = useMemo(() => {\n    if (orgPermissionsHadError) return tenantOrganizations;\n    return tenantOrganizations.filter((org) => workspaceCreateAllowedOrgIds.has(org.id));\n  }, [tenantOrganizations, workspaceCreateAllowedOrgIds, orgPermissionsHadError]);\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      },\n      {\n        onSuccess: (newWorkspace) => {\n          // Navigate to the new workspace\n          navigate(`${basePath}/${newWorkspace.id}`);\n        },\n      }\n    );\n  };\n\n  // `workspace:create` is an org-scoped permission. Page-level `PermissionGate`\n  // resolved at the outer shell scope and incorrectly denied users who *do*\n  // have the permission inside at least one of their orgs. The authoritative\n  // gate now lives on the org dropdown (only orgs where the user has\n  // workspace:create are listed via useOrgsWithPermission) and on the gateway\n  // @rbac directive enforcing the createWorkspace mutation. We still want a\n  // clear \"you can't create anywhere\" empty state — once tenants and org\n  // permission lookups have settled, if no org is eligible we render it.\n  // The AccessDenied empty-state should ONLY render when we know with\n  // certainty that the user has no creatable org. That requires:\n  //   1. tenants + organizations queries both succeeded (otherwise an\n  //      empty `allOrganizations` is a data-fetch failure, not an authz\n  //      failure — masking it as \"permission denied\" hides the real\n  //      error and offers the user no path to retry),\n  //   2. the rbac permission lookup also succeeded (errors there fall\n  //      through to the unfiltered form via the warning banner below),\n  //   3. and even then, only when the user has at least one org but none\n  //      of them allow workspace:create.\n  // If `allOrganizations` is empty because the user genuinely belongs to\n  // no orgs, the inner \"no organizations found for this tenant\" message\n  // is a better surface than an authz-denied page.\n  const hasAnyCreatableOrg = workspaceCreateAllowedOrgIds.size > 0;\n  const stillResolvingPermissions =\n    isLoadingTenants || isLoadingOrganizations || isCheckingOrgPermissions;\n  const orgDataLoadedSuccessfully =\n    !tenantsError && !organizationsError && allOrganizations.length > 0;\n  if (\n    !stillResolvingPermissions &&\n    !orgPermissionsHadError &&\n    orgDataLoadedSuccessfully &&\n    !hasAnyCreatableOrg\n  ) {\n    return (\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          {tWithFallback(t, 'createWorkspace.backToWorkspaces', 'Back to Workspaces')}\n        </Link>\n        <AccessDenied\n          variant=\"card\"\n          title={tWithFallback(t, 'createWorkspace.permissionRequiredTitle', 'Permission Required')}\n          description={tWithFallback(\n            t,\n            'createWorkspace.permissionRequiredDescription',\n            \"You don't have permission to create workspaces in any of your organizations.\"\n          )}\n          details={tWithFallback(\n            t,\n            'createWorkspace.permissionRequiredDetails',\n            'Required: workspace:create'\n          )}\n          primaryAction={{\n            label: tWithFallback(t, 'createWorkspace.goBack', 'Go Back'),\n            onClick: () => navigate(`${basePath}/list`),\n          }}\n        />\n      </div>\n    );\n  }\n\n  return (\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        {tWithFallback(t, 'createWorkspace.backToWorkspaces', 'Back to Workspaces')}\n      </Link>\n\n      {showUpgradeBanner && (\n        <div className=\"max-w-2xl mx-auto w-full\">\n          <UpgradeInlineBanner\n            resource=\"workspaces\"\n            current={workspacesUsage.current}\n            limit={workspacesUsage.limit ?? undefined}\n            severity={atWorkspaceCap ? 'critical' : undefined}\n            message={\n              atWorkspaceCap\n                ? tWithFallback(\n                    t,\n                    'createWorkspace.upgradeCapMessage',\n                    `You've used all workspaces in the ${planSnapshot?.planName ?? 'free'} plan.`\n                  )\n                : tWithFallback(\n                    t,\n                    'createWorkspace.upgradeApproachingMessage',\n                    'Upgrade to create more workspaces.'\n                  )\n            }\n          />\n        </div>\n      )}\n\n      {/* Form card */}\n      <Card className=\"max-w-2xl mx-auto\">\n        <CardHeader>\n          <CardTitle>{tWithFallback(t, 'createWorkspace.title', 'Create New Workspace')}</CardTitle>\n          <CardDescription>\n            {tWithFallback(t, 'createWorkspace.subtitle', 'Set up a new workspace for your team')}\n          </CardDescription>\n        </CardHeader>\n        <CardContent>\n          {orgPermissionsHadError && (\n            <div\n              role=\"alert\"\n              className=\"mb-4 flex items-start gap-2 rounded-md border border-warning/30 bg-warning/10 p-3 text-sm text-foreground\"\n            >\n              <AlertCircle size={16} className=\"mt-0.5 shrink-0 text-warning\" />\n              <span>\n                {tWithFallback(\n                  t,\n                  'createWorkspace.permissionCheckUnavailable',\n                  \"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.\"\n                )}\n              </span>\n            </div>\n          )}\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                {tWithFallback(t, 'createWorkspace.nameLabel', 'Workspace Name *')}\n              </label>\n              <input\n                id=\"workspace-name\"\n                placeholder={tWithFallback(t, '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                {tWithFallback(\n                  t,\n                  'createWorkspace.nameHint',\n                  'A descriptive name for your workspace'\n                )}\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                {tWithFallback(t, 'createWorkspace.slugLabel', 'Slug *')}\n              </label>\n              <input\n                id=\"workspace-slug\"\n                placeholder={tWithFallback(t, '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                {tWithFallback(\n                  t,\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            {/* Tenant picker — shown only when the user has more than one\n                tenant to choose between. With a single shared tenant there is\n                nothing to choose, so it is hidden and auto-selected. The\n                loading / error / empty branches still render (length !== 1). */}\n            {tenants.length !== 1 ? (\n              <div className=\"space-y-2\">\n                <label htmlFor=\"workspace-tenant\" className=\"text-sm font-medium text-foreground\">\n                  {tWithFallback(t, '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                    {tWithFallback(\n                      t,\n                      'createWorkspace.failedToLoadTenants',\n                      'Failed to load tenants'\n                    )}\n                  </div>\n                ) : tenants.length === 0 ? (\n                  <div className=\"text-sm text-muted-foreground\">\n                    {tWithFallback(\n                      t,\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                      {tWithFallback(\n                        t,\n                        'createWorkspace.selectTenantPlaceholder',\n                        'Select a tenant'\n                      )}\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                  {tWithFallback(\n                    t,\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            ) : null}\n\n            <div className=\"space-y-2\">\n              <label\n                htmlFor=\"workspace-organization\"\n                className=\"text-sm font-medium text-foreground\"\n              >\n                {tWithFallback(t, 'createWorkspace.organizationLabel', 'Organization *')}\n              </label>\n              {isLoadingOrganizations || isCheckingOrgPermissions ? (\n                // While the permission check is in flight,\n                // `workspaceCreateAllowedOrgIds` is empty so\n                // `filteredOrganizations` is also empty. Render the same\n                // skeleton we use for the org-load itself instead of the\n                // \"no organizations found\" empty-state — otherwise a slow\n                // rbac response briefly looks like an authorization\n                // failure for users who DO have workspace:create.\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                  {tWithFallback(\n                    t,\n                    'createWorkspace.failedToLoadOrganizations',\n                    'Failed to load organizations'\n                  )}\n                </div>\n              ) : !selectedTenantId ? (\n                <div className=\"text-sm text-muted-foreground\">\n                  {tWithFallback(\n                    t,\n                    'createWorkspace.selectTenantFirst',\n                    'Please select a tenant first'\n                  )}\n                </div>\n              ) : filteredOrganizations.length === 0 ? (\n                <div className=\"text-sm text-muted-foreground\">\n                  {tWithFallback(\n                    t,\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                    {tWithFallback(\n                      t,\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                {tWithFallback(\n                  t,\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=\"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                {tWithFallback(t, 'createWorkspace.cancel', 'Cancel')}\n              </Button>\n              <Button\n                type=\"submit\"\n                disabled={\n                  isPending ||\n                  isLoadingTenants ||\n                  isLoadingOrganizations ||\n                  isCheckingOrgPermissions ||\n                  atWorkspaceCap\n                }\n                title={\n                  atWorkspaceCap\n                    ? tWithFallback(\n                        t,\n                        'createWorkspace.disabledAtCap',\n                        'Workspace limit reached — upgrade your plan to create more.'\n                      )\n                    : undefined\n                }\n              >\n                {isPending\n                  ? tWithFallback(t, 'createWorkspace.creating', 'Creating...')\n                  : tWithFallback(t, 'createWorkspace.submit', 'Create Workspace')}\n              </Button>\n            </div>\n          </form>\n        </CardContent>\n      </Card>\n    </div>\n  );\n}\n"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@burdenoff/microfe-workspaces",
-  "version": "2026.608.1",
+  "version": "2026.616.1",
   "description": "Workspaces microfrontend for Burdenoff products",
   "type": "module",
   "files": [