@burdenoff/microfe-workspaces 2026.830.1 → 2026.830.2

package/dist/components/CreateProjectDialog.js

@@ -1,106 +1,110 @@
-import { useWorkspacesStore as e } from "../store/workspacesStore.js";
-import { useCreateProject as t } from "../hooks/useProjectMutations.js";
-import { jsx as n, jsxs as r } from "react/jsx-runtime";
-import { Button as i, ResponsiveDialog as a, ResponsiveDialogContent as o, ResponsiveDialogDescription as s, ResponsiveDialogHeader as c, ResponsiveDialogTitle as l } from "@burdenoff/fe-libs/ui";
-import { FormControl as u, FormDescription as d, FormField as f, FormItem as p, FormLabel as m, FormMessage as h, FormProvider as g, Input as _, Textarea as v, useForm as y, z as b } from "@burdenoff/fe-libs/form";
+import { useTr as e } from "../hooks/useTr.js";
+import { useWorkspacesStore as t } from "../store/workspacesStore.js";
+import { useCreateProject as n } from "../hooks/useProjectMutations.js";
+import { useMemo as r } from "react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import { Button as o, ResponsiveDialog as s, ResponsiveDialogContent as c, ResponsiveDialogDescription as l, ResponsiveDialogHeader as u, ResponsiveDialogTitle as d } from "@burdenoff/fe-libs/ui";
+import { FormControl as f, FormDescription as p, FormField as m, FormItem as h, FormLabel as g, FormMessage as _, FormProvider as v, Input as y, Textarea as b, useForm as x, z as S } from "@burdenoff/fe-libs/form";
 //#region src/components/CreateProjectDialog.tsx
-var x = b.object({
-	name: b.string().min(2, "Name must be at least 2 characters").max(100, "Name must be less than 100 characters"),
-	key: b.string().min(2, "Key must be at least 2 characters").max(10, "Key must be less than 10 characters").regex(/^[A-Z0-9_-]+$/, "Key must be uppercase letters, numbers, underscores, or hyphens"),
-	description: b.string().optional()
-});
-function S({ workspaceId: b }) {
-	let { isCreateProjectDialogOpen: S, closeCreateProjectDialog: C } = e(), { mutate: w, isPending: T } = t(b), E = y({
-		schema: x,
+function C(e) {
+	return S.object({
+		name: S.string().min(2, e("createProjectDialog.validation.nameMin", "Name must be at least 2 characters")).max(100, e("createProjectDialog.validation.nameMax", "Name must be less than 100 characters")),
+		key: S.string().min(2, e("createProjectDialog.validation.keyMin", "Key must be at least 2 characters")).max(10, e("createProjectDialog.validation.keyMax", "Key must be less than 10 characters")).regex(/^[A-Z0-9_-]+$/, e("createProjectDialog.validation.keyFormat", "Key must be uppercase letters, numbers, underscores, or hyphens")),
+		description: S.string().optional()
+	});
+}
+function w({ workspaceId: S }) {
+	let w = e(), { isCreateProjectDialogOpen: T, closeCreateProjectDialog: E } = t(), { mutate: D, isPending: O } = n(S), k = x({
+		schema: r(() => C(w), [w]),
 		defaultValues: {
 			name: "",
 			key: "",
 			description: ""
 		}
-	}), D = (e) => {
-		w({
+	}), A = (e) => {
+		D({
 			name: e.name,
 			key: e.key,
 			config: e.description ? { description: e.description } : void 0
 		}, {
 			onSuccess: () => {
-				C(), E.reset();
+				E(), k.reset();
 			},
 			onError: (e) => {
 				console.error("Failed to create project:", e);
 			}
 		});
-	}, O = (e) => {
-		e || (C(), E.reset());
-	}, k = (e) => {
+	}, j = (e) => {
+		e || (E(), k.reset());
+	}, M = (e) => {
 		let t = e.toUpperCase().replace(/[^A-Z0-9\s]/g, "").replace(/\s+/g, "_").slice(0, 10);
-		E.getValues("key") || E.setValue("key", t);
+		k.getValues("key") || k.setValue("key", t);
 	};
-	return /* @__PURE__ */ n(a, {
-		open: S,
-		onOpenChange: O,
-		children: /* @__PURE__ */ r(o, {
+	return /* @__PURE__ */ i(s, {
+		open: T,
+		onOpenChange: j,
+		children: /* @__PURE__ */ a(c, {
 			className: "sm:max-w-[500px]",
-			children: [/* @__PURE__ */ r(c, { children: [/* @__PURE__ */ n(l, { children: "Create Project" }), /* @__PURE__ */ n(s, { children: "Create a new project in your workspace. Projects help organize your work." })] }), /* @__PURE__ */ n(g, {
-				...E,
-				children: /* @__PURE__ */ r("form", {
-					onSubmit: E.handleSubmit(D),
+			children: [/* @__PURE__ */ a(u, { children: [/* @__PURE__ */ i(d, { children: w("createProjectDialog.title", "Create Project") }), /* @__PURE__ */ i(l, { children: w("createProjectDialog.description", "Create a new project in your workspace. Projects help organize your work.") })] }), /* @__PURE__ */ i(v, {
+				...k,
+				children: /* @__PURE__ */ a("form", {
+					onSubmit: k.handleSubmit(A),
 					className: "space-y-4",
 					children: [
-						/* @__PURE__ */ n(f, {
-							control: E.control,
+						/* @__PURE__ */ i(m, {
+							control: k.control,
 							name: "name",
-							render: ({ field: e }) => /* @__PURE__ */ r(p, { children: [
-								/* @__PURE__ */ n(m, { children: "Project Name" }),
-								/* @__PURE__ */ n(u, { children: /* @__PURE__ */ n(_, {
+							render: ({ field: e }) => /* @__PURE__ */ a(h, { children: [
+								/* @__PURE__ */ i(g, { children: w("createProjectDialog.nameLabel", "Project Name") }),
+								/* @__PURE__ */ i(f, { children: /* @__PURE__ */ i(y, {
 									...e,
-									placeholder: "My Project",
+									placeholder: w("createProjectDialog.namePlaceholder", "My Project"),
 									onChange: (t) => {
-										e.onChange(t), k(t.target.value);
+										e.onChange(t), M(t.target.value);
 									}
 								}) }),
-								/* @__PURE__ */ n(d, { children: "A descriptive name for your project" }),
-								/* @__PURE__ */ n(h, {})
+								/* @__PURE__ */ i(p, { children: w("createProjectDialog.nameHint", "A descriptive name for your project") }),
+								/* @__PURE__ */ i(_, {})
 							] })
 						}),
-						/* @__PURE__ */ n(f, {
-							control: E.control,
+						/* @__PURE__ */ i(m, {
+							control: k.control,
 							name: "key",
-							render: ({ field: e }) => /* @__PURE__ */ r(p, { children: [
-								/* @__PURE__ */ n(m, { children: "Project Key" }),
-								/* @__PURE__ */ n(u, { children: /* @__PURE__ */ n(_, {
+							render: ({ field: e }) => /* @__PURE__ */ a(h, { children: [
+								/* @__PURE__ */ i(g, { children: w("createProjectDialog.keyLabel", "Project Key") }),
+								/* @__PURE__ */ i(f, { children: /* @__PURE__ */ i(y, {
 									...e,
-									placeholder: "MYPROJ"
+									placeholder: w("createProjectDialog.keyPlaceholder", "MYPROJ")
 								}) }),
-								/* @__PURE__ */ n(d, { children: "Short identifier (uppercase letters, numbers, underscores)" }),
-								/* @__PURE__ */ n(h, {})
+								/* @__PURE__ */ i(p, { children: w("createProjectDialog.keyHint", "Short identifier (uppercase letters, numbers, underscores)") }),
+								/* @__PURE__ */ i(_, {})
 							] })
 						}),
-						/* @__PURE__ */ n(f, {
-							control: E.control,
+						/* @__PURE__ */ i(m, {
+							control: k.control,
 							name: "description",
-							render: ({ field: e }) => /* @__PURE__ */ r(p, { children: [
-								/* @__PURE__ */ n(m, { children: "Description (Optional)" }),
-								/* @__PURE__ */ n(u, { children: /* @__PURE__ */ n(v, {
+							render: ({ field: e }) => /* @__PURE__ */ a(h, { children: [
+								/* @__PURE__ */ i(g, { children: w("createProjectDialog.descriptionLabel", "Description (Optional)") }),
+								/* @__PURE__ */ i(f, { children: /* @__PURE__ */ i(b, {
 									...e,
-									placeholder: "Brief description of the project",
+									placeholder: w("createProjectDialog.descriptionPlaceholder", "Brief description of the project"),
 									rows: 3
 								}) }),
-								/* @__PURE__ */ n(h, {})
+								/* @__PURE__ */ i(_, {})
 							] })
 						}),
-						/* @__PURE__ */ r("div", {
+						/* @__PURE__ */ a("div", {
 							className: "flex justify-end gap-3 pt-4",
-							children: [/* @__PURE__ */ n(i, {
+							children: [/* @__PURE__ */ i(o, {
 								type: "button",
 								variant: "outline",
-								onClick: () => O(!1),
-								disabled: T,
-								children: "Cancel"
-							}), /* @__PURE__ */ n(i, {
+								onClick: () => j(!1),
+								disabled: O,
+								children: w("common.cancel", "Cancel")
+							}), /* @__PURE__ */ i(o, {
 								type: "submit",
-								disabled: T,
-								children: T ? "Creating..." : "Create Project"
+								disabled: O,
+								children: O ? w("createProjectDialog.creating", "Creating...") : w("createProjectDialog.submit", "Create Project")
 							})]
 						})
 					]
@@ -110,6 +114,6 @@ function S({ workspaceId: b }) {
 	});
 }
 //#endregion
-export { S as CreateProjectDialog };
+export { w as CreateProjectDialog };
 
 //# sourceMappingURL=CreateProjectDialog.js.map

package/dist/components/CreateProjectDialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"CreateProjectDialog.js","names":[],"sources":["../../src/components/CreateProjectDialog.tsx"],"sourcesContent":["import {\n  ResponsiveDialog,\n  ResponsiveDialogContent,\n  ResponsiveDialogDescription,\n  ResponsiveDialogHeader,\n  ResponsiveDialogTitle,\n  Button,\n} from '@burdenoff/fe-libs/ui';\nimport {\n  FormField,\n  FormItem,\n  FormLabel,\n  FormControl,\n  FormMessage,\n  FormDescription,\n  Input,\n  Textarea,\n  useForm,\n  FormProvider,\n  z,\n} from '@burdenoff/fe-libs/form';\nimport { useWorkspacesStore } from '../store/workspacesStore';\nimport { useCreateProject } from '../hooks/useProjectMutations';\n\nconst createProjectSchema = z.object({\n  name: z\n    .string()\n    .min(2, 'Name must be at least 2 characters')\n    .max(100, 'Name must be less than 100 characters'),\n  key: z\n    .string()\n    .min(2, 'Key must be at least 2 characters')\n    .max(10, 'Key must be less than 10 characters')\n    .regex(/^[A-Z0-9_-]+$/, 'Key must be uppercase letters, numbers, underscores, or hyphens'),\n  description: z.string().optional(),\n});\n\ntype CreateProjectFormData = z.infer<typeof createProjectSchema>;\n\ninterface CreateProjectDialogProps {\n  workspaceId?: string;\n}\n\nexport function CreateProjectDialog({ workspaceId }: CreateProjectDialogProps) {\n  const { isCreateProjectDialogOpen, closeCreateProjectDialog } = useWorkspacesStore();\n  const { mutate: createProject, isPending } = useCreateProject(workspaceId);\n\n  const form = useForm({\n    schema: createProjectSchema,\n    defaultValues: {\n      name: '',\n      key: '',\n      description: '',\n    },\n  });\n\n  const onSubmit = (data: CreateProjectFormData) => {\n    const input = {\n      name: data.name,\n      key: data.key,\n      config: data.description ? { description: data.description } : undefined,\n    };\n\n    createProject(input, {\n      onSuccess: () => {\n        closeCreateProjectDialog();\n        form.reset();\n      },\n      onError: (error) => {\n        console.error('Failed to create project:', error);\n      },\n    });\n  };\n\n  const handleOpenChange = (open: boolean) => {\n    if (!open) {\n      closeCreateProjectDialog();\n      form.reset();\n    }\n  };\n\n  // Auto-generate key from name\n  const handleNameChange = (name: string) => {\n    const autoKey = name\n      .toUpperCase()\n      .replace(/[^A-Z0-9\\s]/g, '')\n      .replace(/\\s+/g, '_')\n      .slice(0, 10);\n\n    if (!form.getValues('key')) {\n      form.setValue('key', autoKey);\n    }\n  };\n\n  return (\n    <ResponsiveDialog open={isCreateProjectDialogOpen} onOpenChange={handleOpenChange}>\n      <ResponsiveDialogContent className=\"sm:max-w-[500px]\">\n        <ResponsiveDialogHeader>\n          <ResponsiveDialogTitle>Create Project</ResponsiveDialogTitle>\n          <ResponsiveDialogDescription>\n            Create a new project in your workspace. Projects help organize your work.\n          </ResponsiveDialogDescription>\n        </ResponsiveDialogHeader>\n\n        <FormProvider {...form}>\n          <form onSubmit={form.handleSubmit(onSubmit)} className=\"space-y-4\">\n            <FormField\n              control={form.control}\n              name=\"name\"\n              render={({ field }) => (\n                <FormItem>\n                  <FormLabel>Project Name</FormLabel>\n                  <FormControl>\n                    <Input\n                      {...field}\n                      placeholder=\"My Project\"\n                      onChange={(e) => {\n                        field.onChange(e);\n                        handleNameChange(e.target.value);\n                      }}\n                    />\n                  </FormControl>\n                  <FormDescription>A descriptive name for your project</FormDescription>\n                  <FormMessage />\n                </FormItem>\n              )}\n            />\n\n            <FormField\n              control={form.control}\n              name=\"key\"\n              render={({ field }) => (\n                <FormItem>\n                  <FormLabel>Project Key</FormLabel>\n                  <FormControl>\n                    <Input {...field} placeholder=\"MYPROJ\" />\n                  </FormControl>\n                  <FormDescription>\n                    Short identifier (uppercase letters, numbers, underscores)\n                  </FormDescription>\n                  <FormMessage />\n                </FormItem>\n              )}\n            />\n\n            <FormField\n              control={form.control}\n              name=\"description\"\n              render={({ field }) => (\n                <FormItem>\n                  <FormLabel>Description (Optional)</FormLabel>\n                  <FormControl>\n                    <Textarea {...field} placeholder=\"Brief description of the project\" rows={3} />\n                  </FormControl>\n                  <FormMessage />\n                </FormItem>\n              )}\n            />\n\n            <div className=\"flex justify-end gap-3 pt-4\">\n              <Button\n                type=\"button\"\n                variant=\"outline\"\n                onClick={() => handleOpenChange(false)}\n                disabled={isPending}\n              >\n                Cancel\n              </Button>\n              <Button type=\"submit\" disabled={isPending}>\n                {isPending ? 'Creating...' : 'Create Project'}\n              </Button>\n            </div>\n          </form>\n        </FormProvider>\n      </ResponsiveDialogContent>\n    </ResponsiveDialog>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"CreateProjectDialog.js","names":[],"sources":["../../src/components/CreateProjectDialog.tsx"],"sourcesContent":["import { useMemo } from 'react';\nimport {\n  ResponsiveDialog,\n  ResponsiveDialogContent,\n  ResponsiveDialogDescription,\n  ResponsiveDialogHeader,\n  ResponsiveDialogTitle,\n  Button,\n} from '@burdenoff/fe-libs/ui';\nimport {\n  FormField,\n  FormItem,\n  FormLabel,\n  FormControl,\n  FormMessage,\n  FormDescription,\n  Input,\n  Textarea,\n  useForm,\n  FormProvider,\n  z,\n} from '@burdenoff/fe-libs/form';\nimport { useWorkspacesStore } from '../store/workspacesStore';\nimport { useCreateProject } from '../hooks/useProjectMutations';\nimport { useTr } from '../hooks/useTr';\n\nfunction createProjectSchema(tr: ReturnType<typeof useTr>) {\n  return z.object({\n    name: z\n      .string()\n      .min(2, tr('createProjectDialog.validation.nameMin', 'Name must be at least 2 characters'))\n      .max(\n        100,\n        tr('createProjectDialog.validation.nameMax', 'Name must be less than 100 characters')\n      ),\n    key: z\n      .string()\n      .min(2, tr('createProjectDialog.validation.keyMin', 'Key must be at least 2 characters'))\n      .max(10, tr('createProjectDialog.validation.keyMax', 'Key must be less than 10 characters'))\n      .regex(\n        /^[A-Z0-9_-]+$/,\n        tr(\n          'createProjectDialog.validation.keyFormat',\n          'Key must be uppercase letters, numbers, underscores, or hyphens'\n        )\n      ),\n    description: z.string().optional(),\n  });\n}\n\ntype CreateProjectFormData = z.infer<ReturnType<typeof createProjectSchema>>;\n\ninterface CreateProjectDialogProps {\n  workspaceId?: string;\n}\n\nexport function CreateProjectDialog({ workspaceId }: CreateProjectDialogProps) {\n  const tr = useTr();\n  const { isCreateProjectDialogOpen, closeCreateProjectDialog } = useWorkspacesStore();\n  const { mutate: createProject, isPending } = useCreateProject(workspaceId);\n\n  const schema = useMemo(() => createProjectSchema(tr), [tr]);\n\n  const form = useForm({\n    schema,\n    defaultValues: {\n      name: '',\n      key: '',\n      description: '',\n    },\n  });\n\n  const onSubmit = (data: CreateProjectFormData) => {\n    const input = {\n      name: data.name,\n      key: data.key,\n      config: data.description ? { description: data.description } : undefined,\n    };\n\n    createProject(input, {\n      onSuccess: () => {\n        closeCreateProjectDialog();\n        form.reset();\n      },\n      onError: (error) => {\n        console.error('Failed to create project:', error);\n      },\n    });\n  };\n\n  const handleOpenChange = (open: boolean) => {\n    if (!open) {\n      closeCreateProjectDialog();\n      form.reset();\n    }\n  };\n\n  // Auto-generate key from name\n  const handleNameChange = (name: string) => {\n    const autoKey = name\n      .toUpperCase()\n      .replace(/[^A-Z0-9\\s]/g, '')\n      .replace(/\\s+/g, '_')\n      .slice(0, 10);\n\n    if (!form.getValues('key')) {\n      form.setValue('key', autoKey);\n    }\n  };\n\n  return (\n    <ResponsiveDialog open={isCreateProjectDialogOpen} onOpenChange={handleOpenChange}>\n      <ResponsiveDialogContent className=\"sm:max-w-[500px]\">\n        <ResponsiveDialogHeader>\n          <ResponsiveDialogTitle>\n            {tr('createProjectDialog.title', 'Create Project')}\n          </ResponsiveDialogTitle>\n          <ResponsiveDialogDescription>\n            {tr(\n              'createProjectDialog.description',\n              'Create a new project in your workspace. Projects help organize your work.'\n            )}\n          </ResponsiveDialogDescription>\n        </ResponsiveDialogHeader>\n\n        <FormProvider {...form}>\n          <form onSubmit={form.handleSubmit(onSubmit)} className=\"space-y-4\">\n            <FormField\n              control={form.control}\n              name=\"name\"\n              render={({ field }) => (\n                <FormItem>\n                  <FormLabel>{tr('createProjectDialog.nameLabel', 'Project Name')}</FormLabel>\n                  <FormControl>\n                    <Input\n                      {...field}\n                      placeholder={tr('createProjectDialog.namePlaceholder', 'My Project')}\n                      onChange={(e) => {\n                        field.onChange(e);\n                        handleNameChange(e.target.value);\n                      }}\n                    />\n                  </FormControl>\n                  <FormDescription>\n                    {tr('createProjectDialog.nameHint', 'A descriptive name for your project')}\n                  </FormDescription>\n                  <FormMessage />\n                </FormItem>\n              )}\n            />\n\n            <FormField\n              control={form.control}\n              name=\"key\"\n              render={({ field }) => (\n                <FormItem>\n                  <FormLabel>{tr('createProjectDialog.keyLabel', 'Project Key')}</FormLabel>\n                  <FormControl>\n                    <Input\n                      {...field}\n                      placeholder={tr('createProjectDialog.keyPlaceholder', 'MYPROJ')}\n                    />\n                  </FormControl>\n                  <FormDescription>\n                    {tr(\n                      'createProjectDialog.keyHint',\n                      'Short identifier (uppercase letters, numbers, underscores)'\n                    )}\n                  </FormDescription>\n                  <FormMessage />\n                </FormItem>\n              )}\n            />\n\n            <FormField\n              control={form.control}\n              name=\"description\"\n              render={({ field }) => (\n                <FormItem>\n                  <FormLabel>\n                    {tr('createProjectDialog.descriptionLabel', 'Description (Optional)')}\n                  </FormLabel>\n                  <FormControl>\n                    <Textarea\n                      {...field}\n                      placeholder={tr(\n                        'createProjectDialog.descriptionPlaceholder',\n                        'Brief description of the project'\n                      )}\n                      rows={3}\n                    />\n                  </FormControl>\n                  <FormMessage />\n                </FormItem>\n              )}\n            />\n\n            <div className=\"flex justify-end gap-3 pt-4\">\n              <Button\n                type=\"button\"\n                variant=\"outline\"\n                onClick={() => handleOpenChange(false)}\n                disabled={isPending}\n              >\n                {tr('common.cancel', 'Cancel')}\n              </Button>\n              <Button type=\"submit\" disabled={isPending}>\n                {isPending\n                  ? tr('createProjectDialog.creating', 'Creating...')\n                  : tr('createProjectDialog.submit', 'Create Project')}\n              </Button>\n            </div>\n          </form>\n        </FormProvider>\n      </ResponsiveDialogContent>\n    </ResponsiveDialog>\n  );\n}\n"],"mappings":"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"}

package/dist/components/CreateWorkspaceDialog.js

@@ -1,145 +1,148 @@
-import { useWorkspacesStore as e } from "../store/workspacesStore.js";
-import { useCreateWorkspace as t } from "../hooks/useWorkspaceMutations.js";
-import { useMyOrganizations as n, useMyTenants as r } from "../hooks/useTenants.js";
-import { generateSlug as i } from "../utils/slug.js";
-import { useEffect as a, useMemo as o } from "react";
-import { AlertCircle as s } from "lucide-react";
-import { jsx as c, jsxs as l } from "react/jsx-runtime";
-import { Button as u, ResponsiveDialog as d, ResponsiveDialogContent as f, ResponsiveDialogFooter as p, ResponsiveDialogHeader as m, ResponsiveDialogTitle as h, Skeleton as g } from "@burdenoff/fe-libs/ui";
-import { FormControl as _, FormDescription as v, FormField as y, FormItem as b, FormLabel as x, FormMessage as S, FormProvider as C, Input as w, Select as T, SelectContent as E, SelectItem as D, SelectTrigger as O, SelectValue as k, useForm as A, z as j } from "@burdenoff/fe-libs/form";
+import { useTr as e } from "../hooks/useTr.js";
+import { useWorkspacesStore as t } from "../store/workspacesStore.js";
+import { useCreateWorkspace as n } from "../hooks/useWorkspaceMutations.js";
+import { useMyOrganizations as r, useMyTenants as i } from "../hooks/useTenants.js";
+import { generateSlug as a } from "../utils/slug.js";
+import { useEffect as o, useMemo as s } from "react";
+import { AlertCircle as c } from "lucide-react";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+import { Button as d, ResponsiveDialog as f, ResponsiveDialogContent as p, ResponsiveDialogFooter as m, ResponsiveDialogHeader as h, ResponsiveDialogTitle as g, Skeleton as _ } from "@burdenoff/fe-libs/ui";
+import { FormControl as v, FormDescription as y, FormField as b, FormItem as x, FormLabel as S, FormMessage as C, FormProvider as w, Input as T, Select as E, SelectContent as D, SelectItem as O, SelectTrigger as k, SelectValue as A, useForm as j, z as M } from "@burdenoff/fe-libs/form";
 //#region src/components/CreateWorkspaceDialog.tsx
-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")
-});
-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 = o(() => H.find((e) => e.type === "SHARED" || e.slug === "burdenoff-shared")?.id ?? H[0]?.id ?? "", [H]), G = A({
-		schema: M,
+function N(e) {
+	return M.object({
+		name: M.string().min(2, e("createWorkspaceDialog.validation.nameMin", "Name must be at least 2 characters")).max(100),
+		slug: M.string().min(2, e("createWorkspaceDialog.validation.slugMin", "Slug must be at least 2 characters")).max(50).regex(/^[a-z0-9-]+$/, e("createWorkspaceDialog.validation.slugFormat", "Slug can only contain lowercase letters, numbers, and hyphens")),
+		tenantId: M.string().min(1, e("createWorkspaceDialog.validation.tenantRequired", "Please select a tenant")),
+		organizationId: M.string().min(1, e("createWorkspaceDialog.validation.organizationRequired", "Please select an organization"))
+	});
+}
+function P() {
+	let M = e(), { isCreateWorkspaceDialogOpen: P, closeCreateWorkspaceDialog: F } = t(), { mutate: I, isPending: L } = n(), { data: R, isLoading: z, error: B } = i(), { data: V, isLoading: H, error: U } = r(), W = s(() => N(M), [M]), G = s(() => R?.items ?? [], [R]), K = s(() => V?.items ?? [], [V]), q = s(() => G.find((e) => e.type === "SHARED" || e.slug === "burdenoff-shared")?.id ?? G[0]?.id ?? "", [G]), J = j({
+		schema: W,
 		defaultValues: {
 			name: "",
 			slug: "",
 			tenantId: "",
 			organizationId: ""
 		}
-	}), K = G.watch("tenantId"), q = G.watch("name");
-	a(() => {
-		!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({
+	}), Y = J.watch("tenantId"), X = J.watch("name");
+	o(() => {
+		!J.getValues("tenantId") && q && J.setValue("tenantId", q, { shouldValidate: !0 });
+	}, [q, J]);
+	let Z = s(() => Y ? K.filter((e) => e.tenantId === Y) : [], [Y, K]);
+	o(() => {
+		J.setValue("slug", X ? a(X) : "");
+	}, [X, J]), o(() => {
+		J.setValue("organizationId", "");
+	}, [Y, J]);
+	let Q = (e) => {
+		I({
 			name: e.name,
 			slug: e.slug,
 			tenantId: e.tenantId,
 			organizationId: e.organizationId
 		}, { onSuccess: () => {
-			N(), G.reset();
+			F(), J.reset();
 		} });
 	};
-	return /* @__PURE__ */ c(d, {
-		open: j,
-		onOpenChange: N,
-		children: /* @__PURE__ */ l(f, {
+	return /* @__PURE__ */ l(f, {
+		open: P,
+		onOpenChange: F,
+		children: /* @__PURE__ */ u(p, {
 			className: "sm:max-w-[500px]",
-			children: [/* @__PURE__ */ c(m, { children: /* @__PURE__ */ c(h, { children: "Create Workspace" }) }), /* @__PURE__ */ c(C, {
-				...G,
-				children: /* @__PURE__ */ l("form", {
-					onSubmit: G.handleSubmit(Y),
+			children: [/* @__PURE__ */ l(h, { children: /* @__PURE__ */ l(g, { children: M("createWorkspaceDialog.title", "Create Workspace") }) }), /* @__PURE__ */ l(w, {
+				...J,
+				children: /* @__PURE__ */ u("form", {
+					onSubmit: J.handleSubmit(Q),
 					className: "space-y-4",
 					children: [
-						/* @__PURE__ */ c(y, {
-							control: G.control,
+						/* @__PURE__ */ l(b, {
+							control: J.control,
 							name: "name",
-							render: ({ field: e }) => /* @__PURE__ */ l(b, { children: [
-								/* @__PURE__ */ c(x, { children: "Workspace Name *" }),
-								/* @__PURE__ */ c(_, { children: /* @__PURE__ */ c(w, {
-									placeholder: "My Workspace",
+							render: ({ field: e }) => /* @__PURE__ */ u(x, { children: [
+								/* @__PURE__ */ l(S, { children: M("createWorkspaceDialog.nameLabel", "Workspace Name *") }),
+								/* @__PURE__ */ l(v, { children: /* @__PURE__ */ l(T, {
+									placeholder: M("createWorkspaceDialog.namePlaceholder", "My Workspace"),
 									...e
 								}) }),
-								/* @__PURE__ */ c(v, { children: "A descriptive name for your workspace" }),
-								/* @__PURE__ */ c(S, {})
+								/* @__PURE__ */ l(y, { children: M("createWorkspaceDialog.nameHint", "A descriptive name for your workspace") }),
+								/* @__PURE__ */ l(C, {})
 							] })
 						}),
-						/* @__PURE__ */ c(y, {
-							control: G.control,
+						/* @__PURE__ */ l(b, {
+							control: J.control,
 							name: "slug",
-							render: ({ field: e }) => /* @__PURE__ */ l(b, { children: [
-								/* @__PURE__ */ c(x, { children: "Slug *" }),
-								/* @__PURE__ */ c(_, { children: /* @__PURE__ */ c(w, {
-									placeholder: "my-workspace",
+							render: ({ field: e }) => /* @__PURE__ */ u(x, { children: [
+								/* @__PURE__ */ l(S, { children: M("createWorkspaceDialog.slugLabel", "Slug *") }),
+								/* @__PURE__ */ l(v, { children: /* @__PURE__ */ l(T, {
+									placeholder: M("createWorkspaceDialog.slugPlaceholder", "my-workspace"),
 									...e
 								}) }),
-								/* @__PURE__ */ c(v, { children: "URL-friendly identifier (auto-generated)" }),
-								/* @__PURE__ */ c(S, {})
+								/* @__PURE__ */ l(y, { children: M("createWorkspaceDialog.slugHint", "URL-friendly identifier (auto-generated)") }),
+								/* @__PURE__ */ l(C, {})
 							] })
 						}),
-						H.length === 1 ? null : /* @__PURE__ */ c(y, {
-							control: G.control,
+						G.length === 1 ? null : /* @__PURE__ */ l(b, {
+							control: J.control,
 							name: "tenantId",
-							render: ({ field: e }) => /* @__PURE__ */ l(b, { children: [
-								/* @__PURE__ */ c(x, { children: "Tenant *" }),
-								L ? /* @__PURE__ */ c(g, { className: "h-10 w-full" }) : R ? /* @__PURE__ */ l("div", {
+							render: ({ field: e }) => /* @__PURE__ */ u(x, { children: [
+								/* @__PURE__ */ l(S, { children: M("createWorkspaceDialog.tenantLabel", "Tenant *") }),
+								z ? /* @__PURE__ */ l(_, { className: "h-10 w-full" }) : B ? /* @__PURE__ */ u("div", {
 									className: "flex items-center gap-2 text-status-error-text text-sm",
-									children: [/* @__PURE__ */ c(s, { size: 16 }), "Failed to load tenants"]
-								}) : H.length === 0 ? /* @__PURE__ */ c("div", {
+									children: [/* @__PURE__ */ l(c, { size: 16 }), M("createWorkspaceDialog.failedToLoadTenants", "Failed to load tenants")]
+								}) : G.length === 0 ? /* @__PURE__ */ l("div", {
 									className: "text-text-secondary text-sm",
-									children: "No tenants available. Contact your administrator."
-								}) : /* @__PURE__ */ l(T, {
+									children: M("createWorkspaceDialog.noTenantsAvailable", "No tenants available. Contact your administrator.")
+								}) : /* @__PURE__ */ u(E, {
 									onValueChange: e.onChange,
 									value: e.value,
-									children: [/* @__PURE__ */ c(_, { children: /* @__PURE__ */ c(O, { children: /* @__PURE__ */ c(k, { placeholder: "Select a tenant" }) }) }), /* @__PURE__ */ c(E, { children: H.map((e) => /* @__PURE__ */ c(D, {
+									children: [/* @__PURE__ */ l(v, { children: /* @__PURE__ */ l(k, { children: /* @__PURE__ */ l(A, { placeholder: M("createWorkspaceDialog.selectTenantPlaceholder", "Select a tenant") }) }) }), /* @__PURE__ */ l(D, { children: G.map((e) => /* @__PURE__ */ l(O, {
 										value: e.id,
 										children: e.name
 									}, e.id)) })]
 								}),
-								/* @__PURE__ */ c(v, { children: "Select which tenant this workspace belongs to" }),
-								/* @__PURE__ */ c(S, {})
+								/* @__PURE__ */ l(y, { children: M("createWorkspaceDialog.tenantHint", "Select which tenant this workspace belongs to") }),
+								/* @__PURE__ */ l(C, {})
 							] })
 						}),
-						/* @__PURE__ */ c(y, {
-							control: G.control,
+						/* @__PURE__ */ l(b, {
+							control: J.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", {
+							render: ({ field: e }) => /* @__PURE__ */ u(x, { children: [
+								/* @__PURE__ */ l(S, { children: M("createWorkspaceDialog.organizationLabel", "Organization *") }),
+								H ? /* @__PURE__ */ l(_, { className: "h-10 w-full" }) : U ? /* @__PURE__ */ u("div", {
 									className: "flex items-center gap-2 text-status-error-text text-sm",
-									children: [/* @__PURE__ */ c(s, { size: 16 }), "Failed to load organizations"]
-								}) : K ? J.length === 0 ? /* @__PURE__ */ c("div", {
+									children: [/* @__PURE__ */ l(c, { size: 16 }), M("createWorkspaceDialog.failedToLoadOrganizations", "Failed to load organizations")]
+								}) : Y ? Z.length === 0 ? /* @__PURE__ */ l("div", {
 									className: "text-text-secondary text-sm",
-									children: "No organizations found for this tenant"
-								}) : /* @__PURE__ */ l(T, {
+									children: M("createWorkspaceDialog.noOrganizationsFound", "No organizations found for this tenant")
+								}) : /* @__PURE__ */ u(E, {
 									onValueChange: e.onChange,
 									value: e.value,
-									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, {
+									disabled: !Y,
+									children: [/* @__PURE__ */ l(v, { children: /* @__PURE__ */ l(k, { children: /* @__PURE__ */ l(A, { placeholder: M("createWorkspaceDialog.selectOrganizationPlaceholder", "Select an organization") }) }) }), /* @__PURE__ */ l(D, { children: Z.map((e) => /* @__PURE__ */ l(O, {
 										value: e.id,
 										children: e.name
 									}, e.id)) })]
-								}) : /* @__PURE__ */ c("div", {
+								}) : /* @__PURE__ */ l("div", {
 									className: "text-text-secondary text-sm",
-									children: "Please select a tenant first"
+									children: M("createWorkspaceDialog.selectTenantFirst", "Please select a tenant first")
 								}),
-								/* @__PURE__ */ c(v, { children: "Select which organization owns this workspace" }),
-								/* @__PURE__ */ c(S, {})
+								/* @__PURE__ */ l(y, { children: M("createWorkspaceDialog.organizationHint", "Select which organization owns this workspace") }),
+								/* @__PURE__ */ l(C, {})
 							] })
 						}),
-						/* @__PURE__ */ l(p, { children: [/* @__PURE__ */ c(u, {
+						/* @__PURE__ */ u(m, { children: [/* @__PURE__ */ l(d, {
 							type: "button",
 							variant: "outline",
-							onClick: N,
-							disabled: F,
-							children: "Cancel"
-						}), /* @__PURE__ */ c(u, {
+							onClick: F,
+							disabled: L,
+							children: M("common.cancel", "Cancel")
+						}), /* @__PURE__ */ l(d, {
 							type: "submit",
-							disabled: F || L || B,
-							children: F ? "Creating..." : "Create Workspace"
+							disabled: L || z || H,
+							children: L ? M("createWorkspaceDialog.creating", "Creating...") : M("createWorkspaceDialog.submit", "Create Workspace")
 						})] })
 					]
 				})
@@ -148,6 +151,6 @@ function N() {
 	});
 }
 //#endregion
-export { N as CreateWorkspaceDialog };
+export { P as CreateWorkspaceDialog };
 
 //# sourceMappingURL=CreateWorkspaceDialog.js.map

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});\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-status-error-text text-sm\">\n                        <AlertCircle size={16} />\n                        Failed to load tenants\n                      </div>\n                    ) : tenants.length === 0 ? (\n                      <div className=\"text-text-secondary 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-status-error-text text-sm\">\n                      <AlertCircle size={16} />\n                      Failed to load organizations\n                    </div>\n                  ) : !selectedTenantId ? (\n                    <div className=\"text-text-secondary text-sm\">Please select a tenant first</div>\n                  ) : filteredOrganizations.length === 0 ? (\n                    <div className=\"text-text-secondary 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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"}
+{"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';\nimport { useTr } from '../hooks/useTr';\n\ntype CreateWorkspaceFormData = z.infer<ReturnType<typeof createWorkspaceSchema>>;\n\nfunction createWorkspaceSchema(tr: ReturnType<typeof useTr>) {\n  return z.object({\n    name: z\n      .string()\n      .min(2, tr('createWorkspaceDialog.validation.nameMin', 'Name must be at least 2 characters'))\n      .max(100),\n    slug: z\n      .string()\n      .min(2, tr('createWorkspaceDialog.validation.slugMin', 'Slug must be at least 2 characters'))\n      .max(50)\n      .regex(\n        /^[a-z0-9-]+$/,\n        tr(\n          'createWorkspaceDialog.validation.slugFormat',\n          'Slug can only contain lowercase letters, numbers, and hyphens'\n        )\n      ),\n    tenantId: z\n      .string()\n      .min(1, tr('createWorkspaceDialog.validation.tenantRequired', 'Please select a tenant')),\n    organizationId: z\n      .string()\n      .min(\n        1,\n        tr('createWorkspaceDialog.validation.organizationRequired', 'Please select an organization')\n      ),\n  });\n}\n\nexport function CreateWorkspaceDialog() {\n  const tr = useTr();\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 schema = useMemo(() => createWorkspaceSchema(tr), [tr]);\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,\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>\n            {tr('createWorkspaceDialog.title', 'Create Workspace')}\n          </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>{tr('createWorkspaceDialog.nameLabel', 'Workspace Name *')}</FormLabel>\n                  <FormControl>\n                    <Input\n                      placeholder={tr('createWorkspaceDialog.namePlaceholder', 'My Workspace')}\n                      {...field}\n                    />\n                  </FormControl>\n                  <FormDescription>\n                    {tr('createWorkspaceDialog.nameHint', 'A descriptive name for your workspace')}\n                  </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>{tr('createWorkspaceDialog.slugLabel', 'Slug *')}</FormLabel>\n                  <FormControl>\n                    <Input\n                      placeholder={tr('createWorkspaceDialog.slugPlaceholder', 'my-workspace')}\n                      {...field}\n                    />\n                  </FormControl>\n                  <FormDescription>\n                    {tr(\n                      'createWorkspaceDialog.slugHint',\n                      'URL-friendly identifier (auto-generated)'\n                    )}\n                  </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>{tr('createWorkspaceDialog.tenantLabel', 'Tenant *')}</FormLabel>\n                    {isLoadingTenants ? (\n                      <Skeleton className=\"h-10 w-full\" />\n                    ) : tenantsError ? (\n                      <div className=\"flex items-center gap-2 text-status-error-text text-sm\">\n                        <AlertCircle size={16} />\n                        {tr('createWorkspaceDialog.failedToLoadTenants', 'Failed to load tenants')}\n                      </div>\n                    ) : tenants.length === 0 ? (\n                      <div className=\"text-text-secondary text-sm\">\n                        {tr(\n                          'createWorkspaceDialog.noTenantsAvailable',\n                          'No tenants available. Contact your administrator.'\n                        )}\n                      </div>\n                    ) : (\n                      <Select onValueChange={field.onChange} value={field.value}>\n                        <FormControl>\n                          <SelectTrigger>\n                            <SelectValue\n                              placeholder={tr(\n                                'createWorkspaceDialog.selectTenantPlaceholder',\n                                'Select a tenant'\n                              )}\n                            />\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>\n                      {tr(\n                        'createWorkspaceDialog.tenantHint',\n                        'Select which tenant this workspace belongs to'\n                      )}\n                    </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>\n                    {tr('createWorkspaceDialog.organizationLabel', 'Organization *')}\n                  </FormLabel>\n                  {isLoadingOrganizations ? (\n                    <Skeleton className=\"h-10 w-full\" />\n                  ) : organizationsError ? (\n                    <div className=\"flex items-center gap-2 text-status-error-text text-sm\">\n                      <AlertCircle size={16} />\n                      {tr(\n                        'createWorkspaceDialog.failedToLoadOrganizations',\n                        'Failed to load organizations'\n                      )}\n                    </div>\n                  ) : !selectedTenantId ? (\n                    <div className=\"text-text-secondary text-sm\">\n                      {tr(\n                        'createWorkspaceDialog.selectTenantFirst',\n                        'Please select a tenant first'\n                      )}\n                    </div>\n                  ) : filteredOrganizations.length === 0 ? (\n                    <div className=\"text-text-secondary text-sm\">\n                      {tr(\n                        'createWorkspaceDialog.noOrganizationsFound',\n                        'No organizations found for this tenant'\n                      )}\n                    </div>\n                  ) : (\n                    <Select\n                      onValueChange={field.onChange}\n                      value={field.value}\n                      disabled={!selectedTenantId}\n                    >\n                      <FormControl>\n                        <SelectTrigger>\n                          <SelectValue\n                            placeholder={tr(\n                              'createWorkspaceDialog.selectOrganizationPlaceholder',\n                              'Select an organization'\n                            )}\n                          />\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>\n                    {tr(\n                      'createWorkspaceDialog.organizationHint',\n                      'Select which organization owns this workspace'\n                    )}\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                {tr('common.cancel', 'Cancel')}\n              </Button>\n              <Button\n                type=\"submit\"\n                disabled={isPending || isLoadingTenants || isLoadingOrganizations}\n              >\n                {isPending\n                  ? tr('createWorkspaceDialog.creating', 'Creating...')\n                  : tr('createWorkspaceDialog.submit', 'Create Workspace')}\n              </Button>\n            </ResponsiveDialogFooter>\n          </form>\n        </FormProvider>\n      </ResponsiveDialogContent>\n    </ResponsiveDialog>\n  );\n}\n"],"mappings":";;;;;;;;;;;AAoCA,SAAS,EAAsB,GAA8B;AAC3D,QAAO,EAAE,OAAO;EACd,MAAM,EACH,QAAQ,CACR,IAAI,GAAG,EAAG,4CAA4C,qCAAqC,CAAC,CAC5F,IAAI,IAAI;EACX,MAAM,EACH,QAAQ,CACR,IAAI,GAAG,EAAG,4CAA4C,qCAAqC,CAAC,CAC5F,IAAI,GAAG,CACP,MACC,gBACA,EACE,+CACA,gEACD,CACF;EACH,UAAU,EACP,QAAQ,CACR,IAAI,GAAG,EAAG,mDAAmD,yBAAyB,CAAC;EAC1F,gBAAgB,EACb,QAAQ,CACR,IACC,GACA,EAAG,yDAAyD,gCAAgC,CAC7F;EACJ,CAAC;;AAGJ,SAAgB,IAAwB;CACtC,IAAM,IAAK,GAAO,EACZ,EAAE,gCAA6B,kCAA+B,GAAoB,EAClF,EAAE,QAAQ,GAAiB,iBAAc,GAAoB,EAC7D,EAAE,MAAM,GAAa,WAAW,GAAkB,OAAO,MAAiB,GAAc,EACxF,EACJ,MAAM,GACN,WAAW,GACX,OAAO,MACL,GAAoB,EAElB,IAAS,QAAc,EAAsB,EAAG,EAAE,CAAC,EAAG,CAAC,EAEvD,IAAU,QAAc,GAAa,SAAS,EAAE,EAAE,CAAC,EAAY,CAAC,EAChE,IAAmB,QAAc,GAAmB,SAAS,EAAE,EAAE,CAAC,EAAkB,CAAC,EAIrF,IAAkB,QACD,EAAQ,MAC1B,MAAW,EAAO,SAAS,YAAY,EAAO,SAAS,mBACzD,EACoB,MAAM,EAAQ,IAAI,MAAM,IAC5C,CAAC,EAAQ,CAAC,EAEP,IAAO,EAAiC;EAC5C;EACA,eAAe;GACb,MAAM;GACN,MAAM;GACN,UAAU;GACV,gBAAgB;GACjB;EACF,CAAC,EAEI,IAAmB,EAAK,MAAM,WAAW,EACzC,IAAgB,EAAK,MAAM,OAAO;AAGxC,SAAgB;AACd,EAAI,CAAC,EAAK,UAAU,WAAW,IAAI,KACjC,EAAK,SAAS,YAAY,GAAiB,EAAE,gBAAgB,IAAM,CAAC;IAErE,CAAC,GAAiB,EAAK,CAAC;CAG3B,IAAM,IAAwB,QACvB,IACE,EAAiB,QAAQ,MAAQ,EAAI,aAAa,EAAiB,GAD5C,EAAE,EAE/B,CAAC,GAAkB,EAAiB,CAAC;AAQxC,CALA,QAAgB;AACd,IAAK,SAAS,QAAQ,IAAgB,EAAa,EAAc,GAAG,GAAG;IACtE,CAAC,GAAe,EAAK,CAAC,EAGzB,QAAgB;AACd,IAAK,SAAS,kBAAkB,GAAG;IAClC,CAAC,GAAkB,EAAK,CAAC;CAE5B,IAAM,KAAY,MAAkC;AAClD,IACE;GACE,MAAM,EAAK;GACX,MAAM,EAAK;GACX,UAAU,EAAK;GACf,gBAAgB,EAAK;GACtB,EACD,EACE,iBAAiB;AAEf,GADA,GAA4B,EAC5B,EAAK,OAAO;KAEf,CACF;;AAGH,QACE,kBAAC,GAAD;EAAkB,MAAM;EAA6B,cAAc;YACjE,kBAAC,GAAD;GAAyB,WAAU;aAAnC,CACE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD,EAAA,UACG,EAAG,+BAA+B,mBAAmB,EAChC,CAAA,EACD,CAAA,EAEzB,kBAAC,GAAD;IAAc,GAAI;cAChB,kBAAC,QAAD;KAAM,UAAU,EAAK,aAAa,EAAS;KAAE,WAAU;eAAvD;MAEE,kBAAC,GAAD;OACE,SAAS,EAAK;OACd,MAAK;OACL,SAAS,EAAE,eACT,kBAAC,GAAD,EAAA,UAAA;QACE,kBAAC,GAAD,EAAA,UAAY,EAAG,mCAAmC,mBAAmB,EAAa,CAAA;QAClF,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;SACE,aAAa,EAAG,yCAAyC,eAAe;SACxE,GAAI;SACJ,CAAA,EACU,CAAA;QACd,kBAAC,GAAD,EAAA,UACG,EAAG,kCAAkC,wCAAwC,EAC9D,CAAA;QAClB,kBAAC,GAAD,EAAe,CAAA;QACN,EAAA,CAAA;OAEb,CAAA;MAGF,kBAAC,GAAD;OACE,SAAS,EAAK;OACd,MAAK;OACL,SAAS,EAAE,eACT,kBAAC,GAAD,EAAA,UAAA;QACE,kBAAC,GAAD,EAAA,UAAY,EAAG,mCAAmC,SAAS,EAAa,CAAA;QACxE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;SACE,aAAa,EAAG,yCAAyC,eAAe;SACxE,GAAI;SACJ,CAAA,EACU,CAAA;QACd,kBAAC,GAAD,EAAA,UACG,EACC,kCACA,2CACD,EACe,CAAA;QAClB,kBAAC,GAAD,EAAe,CAAA;QACN,EAAA,CAAA;OAEb,CAAA;MAKD,EAAQ,WAAW,IAoDhB,OAnDF,kBAAC,GAAD;OACE,SAAS,EAAK;OACd,MAAK;OACL,SAAS,EAAE,eACT,kBAAC,GAAD,EAAA,UAAA;QACE,kBAAC,GAAD,EAAA,UAAY,EAAG,qCAAqC,WAAW,EAAa,CAAA;QAC3E,IACC,kBAAC,GAAD,EAAU,WAAU,eAAgB,CAAA,GAClC,IACF,kBAAC,OAAD;SAAK,WAAU;mBAAf,CACE,kBAAC,GAAD,EAAa,MAAM,IAAM,CAAA,EACxB,EAAG,6CAA6C,yBAAyB,CACtE;aACJ,EAAQ,WAAW,IACrB,kBAAC,OAAD;SAAK,WAAU;mBACZ,EACC,4CACA,oDACD;SACG,CAAA,GAEN,kBAAC,GAAD;SAAQ,eAAe,EAAM;SAAU,OAAO,EAAM;mBAApD,CACE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD,EACE,aAAa,EACX,iDACA,kBACD,EACD,CAAA,EACY,CAAA,EACJ,CAAA,EACd,kBAAC,GAAD,EAAA,UACG,EAAQ,KAAK,MACZ,kBAAC,GAAD;UAA4B,OAAO,EAAO;oBACvC,EAAO;UACG,EAFI,EAAO,GAEX,CACb,EACY,CAAA,CACT;;QAEX,kBAAC,GAAD,EAAA,UACG,EACC,oCACA,gDACD,EACe,CAAA;QAClB,kBAAC,GAAD,EAAe,CAAA;QACN,EAAA,CAAA;OAEb,CAAA;MAIJ,kBAAC,GAAD;OACE,SAAS,EAAK;OACd,MAAK;OACL,SAAS,EAAE,eACT,kBAAC,GAAD,EAAA,UAAA;QACE,kBAAC,GAAD,EAAA,UACG,EAAG,2CAA2C,iBAAiB,EACtD,CAAA;QACX,IACC,kBAAC,GAAD,EAAU,WAAU,eAAgB,CAAA,GAClC,IACF,kBAAC,OAAD;SAAK,WAAU;mBAAf,CACE,kBAAC,GAAD,EAAa,MAAM,IAAM,CAAA,EACxB,EACC,mDACA,+BACD,CACG;aACH,IAOD,EAAsB,WAAW,IACnC,kBAAC,OAAD;SAAK,WAAU;mBACZ,EACC,8CACA,yCACD;SACG,CAAA,GAEN,kBAAC,GAAD;SACE,eAAe,EAAM;SACrB,OAAO,EAAM;SACb,UAAU,CAAC;mBAHb,CAKE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD,EACE,aAAa,EACX,uDACA,yBACD,EACD,CAAA,EACY,CAAA,EACJ,CAAA,EACd,kBAAC,GAAD,EAAA,UACG,EAAsB,KAAK,MAC1B,kBAAC,GAAD;UAAyB,OAAO,EAAI;oBACjC,EAAI;UACM,EAFI,EAAI,GAER,CACb,EACY,CAAA,CACT;aApCT,kBAAC,OAAD;SAAK,WAAU;mBACZ,EACC,2CACA,+BACD;SACG,CAAA;QAiCR,kBAAC,GAAD,EAAA,UACG,EACC,0CACA,gDACD,EACe,CAAA;QAClB,kBAAC,GAAD,EAAe,CAAA;QACN,EAAA,CAAA;OAEb,CAAA;MAEF,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD;OACE,MAAK;OACL,SAAQ;OACR,SAAS;OACT,UAAU;iBAET,EAAG,iBAAiB,SAAS;OACvB,CAAA,EACT,kBAAC,GAAD;OACE,MAAK;OACL,UAAU,KAAa,KAAoB;iBAE1C,IACG,EAAG,kCAAkC,cAAc,GACnD,EAAG,gCAAgC,mBAAmB;OACnD,CAAA,CACc,EAAA,CAAA;MACpB;;IACM,CAAA,CACS;;EACT,CAAA"}