@burdenoff/microfe-admin 2026.511.1

package/dist/admin/components/forms/TenantForm.js

@@ -0,0 +1,346 @@
+import { cn as e } from "../../utils/cn.js";
+import { Input as t } from "../ui.js";
+import { FormRow as n, FormSection as r, FormSheet as i, FormSheetFooter as a } from "../FormSheet.js";
+import { Controller as o, useForm as s } from "../../../node_modules/react-hook-form/dist/index.esm.js";
+import { a as c } from "../../../node_modules/@hookform/resolvers/zod/dist/zod.js";
+import { booleanType as l, coerce as u, literalType as d, objectType as f, stringType as p } from "../../../node_modules/zod/v3/types.js";
+import { tWithFallback as m } from "../../utils/i18n.js";
+import * as h from "react";
+import { jsx as g, jsxs as _ } from "react/jsx-runtime";
+import { useI18n as v } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+//#region src/admin/components/forms/TenantForm.tsx
+function y({ label: e, error: t, required: n, children: r, description: i }) {
+	return /* @__PURE__ */ _("div", {
+		className: "space-y-1.5",
+		children: [
+			/* @__PURE__ */ _("label", {
+				className: "text-sm font-medium text-foreground",
+				children: [e, n && /* @__PURE__ */ g("span", {
+					className: "text-destructive ml-0.5",
+					children: "*"
+				})]
+			}),
+			r,
+			i && !t && /* @__PURE__ */ g("p", {
+				className: "text-xs text-muted-foreground",
+				children: i
+			}),
+			t && /* @__PURE__ */ g("p", {
+				className: "text-xs text-destructive",
+				children: t
+			})
+		]
+	});
+}
+var b = h.forwardRef(({ className: t, options: n, placeholder: r, ...i }, a) => /* @__PURE__ */ _("select", {
+	ref: a,
+	className: e("flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-sm shadow-sm transition-colors", "focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring", "disabled:cursor-not-allowed disabled:opacity-50", t),
+	...i,
+	children: [r && /* @__PURE__ */ g("option", {
+		value: "",
+		disabled: !0,
+		children: r
+	}), n.map((e) => /* @__PURE__ */ g("option", {
+		value: e.value,
+		children: e.label
+	}, e.value))]
+}));
+b.displayName = "SelectField";
+function x({ label: t, checked: n, onChange: r, description: i, disabled: a }) {
+	return /* @__PURE__ */ _("label", {
+		className: "flex items-start gap-3 cursor-pointer",
+		children: [/* @__PURE__ */ g("input", {
+			type: "checkbox",
+			checked: n,
+			onChange: (e) => r(e.target.checked),
+			disabled: a,
+			className: e("mt-0.5 h-4 w-4 rounded border border-input shadow-sm", "focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring", "disabled:cursor-not-allowed disabled:opacity-50", "checked:bg-primary checked:border-primary")
+		}), /* @__PURE__ */ _("div", {
+			className: "space-y-0.5",
+			children: [/* @__PURE__ */ g("span", {
+				className: "text-sm font-medium text-foreground",
+				children: t
+			}), i && /* @__PURE__ */ g("p", {
+				className: "text-xs text-muted-foreground",
+				children: i
+			})]
+		})]
+	});
+}
+var S = [
+	"Free",
+	"Starter",
+	"Professional",
+	"Enterprise",
+	"Custom"
+], C = [
+	"active",
+	"suspended",
+	"pending",
+	"churned"
+];
+function w(e) {
+	return f({
+		name: p().min(2, e("admin.tenants.form.errors.nameMin", "Name must be at least 2 characters")).max(100, e("admin.tenants.form.errors.nameMax", "Name must be less than 100 characters")),
+		slug: p().min(2, e("admin.tenants.form.errors.slugMin", "Slug must be at least 2 characters")).max(50, e("admin.tenants.form.errors.slugMax", "Slug must be less than 50 characters")).regex(/^[a-z0-9-]+$/, e("admin.tenants.form.errors.slugPattern", "Slug can only contain lowercase letters, numbers, and hyphens")),
+		domain: p().optional(),
+		ownerEmail: p().email(e("admin.tenants.form.errors.emailInvalid", "Invalid email address")),
+		billingEmail: p().email(e("admin.tenants.form.errors.emailInvalid", "Invalid email address")).optional().or(d("")),
+		plan: p().min(1),
+		status: p().optional(),
+		settings: f({
+			allowSignup: l(),
+			ssoEnabled: l(),
+			mfaRequired: l(),
+			dataRetentionDays: u.number().int().min(30).max(3650)
+		}).optional()
+	});
+}
+function T({ open: e, onClose: l, tenant: u, onSave: d }) {
+	let f = !!u, p = "tenant-form", { t: T } = v(), E = h.useCallback((e, t, n) => m(T, e, t, n), [T]), D = h.useMemo(() => w(E), [E]), O = h.useMemo(() => {
+		let e = [
+			{
+				value: "Free",
+				label: E("admin.tenants.form.plans.free", "Free")
+			},
+			{
+				value: "Starter",
+				label: E("admin.tenants.form.plans.starter", "Starter")
+			},
+			{
+				value: "Professional",
+				label: E("admin.tenants.form.plans.professional", "Professional")
+			},
+			{
+				value: "Enterprise",
+				label: E("admin.tenants.form.plans.enterprise", "Enterprise")
+			},
+			{
+				value: "Custom",
+				label: E("admin.tenants.form.plans.custom", "Custom")
+			}
+		];
+		return u?.plan && !S.includes(u.plan) && e.push({
+			value: u.plan,
+			label: E("admin.tenants.form.plans.legacy", "{{plan}} (legacy)", { plan: u.plan })
+		}), e;
+	}, [E, u?.plan]), k = h.useMemo(() => {
+		let e = [
+			{
+				value: "active",
+				label: E("admin.tenants.form.statuses.active", "Active")
+			},
+			{
+				value: "suspended",
+				label: E("admin.tenants.form.statuses.suspended", "Suspended")
+			},
+			{
+				value: "pending",
+				label: E("admin.tenants.form.statuses.pending", "Pending")
+			},
+			{
+				value: "churned",
+				label: E("admin.tenants.form.statuses.churned", "Churned")
+			}
+		];
+		return u?.status && !C.includes(u.status) && e.push({
+			value: u.status,
+			label: E("admin.tenants.form.statuses.other", "{{status}} (read-only)", { status: u.status })
+		}), e;
+	}, [E, u?.status]), A = h.useMemo(() => ({
+		name: u?.name ?? "",
+		slug: u?.slug ?? "",
+		domain: u?.domain ?? "",
+		ownerEmail: u?.ownerEmail ?? "",
+		billingEmail: u?.billingEmail ?? "",
+		plan: u?.plan ?? "Free",
+		status: u?.status,
+		settings: {
+			allowSignup: u?.settings?.allowSignup ?? !0,
+			ssoEnabled: u?.settings?.ssoEnabled ?? !1,
+			mfaRequired: u?.settings?.mfaRequired ?? !1,
+			dataRetentionDays: u?.settings?.dataRetentionDays ?? 365
+		}
+	}), [u]), { register: j, handleSubmit: M, control: N, formState: { errors: P, isSubmitting: F }, reset: I, watch: L, setValue: R } = s({
+		resolver: c(D),
+		defaultValues: A
+	}), z = h.useRef(null);
+	h.useEffect(() => {
+		if (!e) {
+			z.current = null;
+			return;
+		}
+		let t = u?.id ?? "__create__";
+		z.current !== t && (I(A), z.current = t);
+	}, [
+		e,
+		u?.id,
+		I,
+		A
+	]);
+	let B = async (e) => {
+		try {
+			await d({
+				...e,
+				id: u?.id
+			}), l();
+		} catch (e) {
+			console.error("Failed to save tenant:", e);
+		}
+	}, V = L("name"), H = L("slug");
+	h.useEffect(() => {
+		!f && V && !H && R("slug", V.toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-|-$/g, ""));
+	}, [
+		V,
+		f,
+		R,
+		H
+	]);
+	let U = E("admin.tenants.form.titleEdit", "Edit Tenant"), W = E("admin.tenants.form.titleCreate", "Create Tenant"), G = E("admin.tenants.form.submitEdit", "Save Changes"), K = E("admin.tenants.form.submitCreate", "Create Tenant");
+	return /* @__PURE__ */ g(i, {
+		open: e,
+		onClose: l,
+		title: f ? U : W,
+		description: f ? E("admin.tenants.form.descriptionEdit", "Editing {{name}}", { name: u?.name ?? "" }) : E("admin.tenants.form.descriptionCreate", "Add a new tenant to the platform"),
+		width: "lg",
+		footer: /* @__PURE__ */ g(a, {
+			formId: p,
+			submitLabel: f ? G : K,
+			onCancel: l,
+			isSubmitting: F
+		}),
+		children: /* @__PURE__ */ _("form", {
+			id: p,
+			onSubmit: M(B),
+			className: "space-y-6",
+			children: [
+				/* @__PURE__ */ _(r, {
+					title: E("admin.tenants.form.sections.basic", "Basic Information"),
+					children: [/* @__PURE__ */ g(y, {
+						label: E("admin.tenants.form.fields.name", "Tenant Name"),
+						required: !0,
+						error: P.name?.message,
+						children: /* @__PURE__ */ g(t, {
+							...j("name"),
+							placeholder: E("admin.tenants.form.placeholders.name", "Acme Corporation"),
+							"aria-invalid": !!P.name
+						})
+					}), /* @__PURE__ */ _(n, { children: [/* @__PURE__ */ g(y, {
+						label: E("admin.tenants.form.fields.slug", "Slug"),
+						required: !0,
+						error: P.slug?.message,
+						description: f ? E("admin.tenants.form.descriptions.slugImmutable", "Slug is set at creation and cannot be changed.") : E("admin.tenants.form.descriptions.slug", "URL-friendly identifier"),
+						children: /* @__PURE__ */ g(t, {
+							...j("slug"),
+							placeholder: E("admin.tenants.form.placeholders.slug", "acme-corp"),
+							"aria-invalid": !!P.slug,
+							disabled: f,
+							readOnly: f
+						})
+					}), /* @__PURE__ */ g(y, {
+						label: E("admin.tenants.form.fields.domain", "Domain"),
+						error: P.domain?.message,
+						children: /* @__PURE__ */ g(t, {
+							...j("domain"),
+							placeholder: E("admin.tenants.form.placeholders.domain", "acme.com"),
+							"aria-invalid": !!P.domain
+						})
+					})] })]
+				}),
+				/* @__PURE__ */ g(r, {
+					title: E("admin.tenants.form.sections.contact", "Contact Information"),
+					children: /* @__PURE__ */ _(n, { children: [/* @__PURE__ */ g(y, {
+						label: E("admin.tenants.form.fields.ownerEmail", "Owner Email"),
+						required: !0,
+						error: P.ownerEmail?.message,
+						children: /* @__PURE__ */ g(t, {
+							type: "email",
+							...j("ownerEmail"),
+							placeholder: E("admin.tenants.form.placeholders.ownerEmail", "admin@acme.com"),
+							"aria-invalid": !!P.ownerEmail
+						})
+					}), /* @__PURE__ */ g(y, {
+						label: E("admin.tenants.form.fields.billingEmail", "Billing Email"),
+						error: P.billingEmail?.message,
+						children: /* @__PURE__ */ g(t, {
+							type: "email",
+							...j("billingEmail"),
+							placeholder: E("admin.tenants.form.placeholders.billingEmail", "billing@acme.com"),
+							"aria-invalid": !!P.billingEmail
+						})
+					})] })
+				}),
+				/* @__PURE__ */ g(r, {
+					title: E("admin.tenants.form.sections.planStatus", "Plan & Status"),
+					children: /* @__PURE__ */ _(n, { children: [/* @__PURE__ */ g(y, {
+						label: E("admin.tenants.form.fields.plan", "Plan"),
+						required: !0,
+						children: /* @__PURE__ */ g(b, {
+							...j("plan"),
+							options: O
+						})
+					}), f && /* @__PURE__ */ g(y, {
+						label: E("admin.tenants.form.fields.status", "Status"),
+						children: /* @__PURE__ */ g(b, {
+							...j("status"),
+							options: k
+						})
+					})] })
+				}),
+				/* @__PURE__ */ _(r, {
+					title: E("admin.tenants.form.sections.settings", "Settings"),
+					description: E("admin.tenants.form.descriptions.settings", "Configure tenant security and access settings"),
+					children: [/* @__PURE__ */ _("div", {
+						className: "space-y-3",
+						children: [
+							/* @__PURE__ */ g(o, {
+								name: "settings.allowSignup",
+								control: N,
+								render: ({ field: e }) => /* @__PURE__ */ g(x, {
+									label: E("admin.tenants.form.settings.allowSignupLabel", "Allow Self-Signup"),
+									checked: e.value ?? !0,
+									onChange: e.onChange,
+									description: E("admin.tenants.form.settings.allowSignupDescription", "Allow users to sign up for this tenant")
+								})
+							}),
+							/* @__PURE__ */ g(o, {
+								name: "settings.ssoEnabled",
+								control: N,
+								render: ({ field: e }) => /* @__PURE__ */ g(x, {
+									label: E("admin.tenants.form.settings.ssoEnabledLabel", "Enable SSO"),
+									checked: e.value ?? !1,
+									onChange: e.onChange,
+									description: E("admin.tenants.form.settings.ssoEnabledDescription", "Enable Single Sign-On authentication")
+								})
+							}),
+							/* @__PURE__ */ g(o, {
+								name: "settings.mfaRequired",
+								control: N,
+								render: ({ field: e }) => /* @__PURE__ */ g(x, {
+									label: E("admin.tenants.form.settings.mfaRequiredLabel", "Require MFA"),
+									checked: e.value ?? !1,
+									onChange: e.onChange,
+									description: E("admin.tenants.form.settings.mfaRequiredDescription", "Require multi-factor authentication for all users")
+								})
+							})
+						]
+					}), /* @__PURE__ */ g(y, {
+						label: E("admin.tenants.form.fields.dataRetentionDays", "Data Retention (days)"),
+						error: P.settings?.dataRetentionDays?.message,
+						children: /* @__PURE__ */ g(t, {
+							type: "number",
+							...j("settings.dataRetentionDays"),
+							placeholder: "365",
+							min: 30,
+							max: 3650
+						})
+					})]
+				})
+			]
+		})
+	});
+}
+//#endregion
+export { T as TenantForm };
+
+//# sourceMappingURL=TenantForm.js.map

package/dist/admin/components/forms/TenantForm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TenantForm.js","names":[],"sources":["../../../../src/admin/components/forms/TenantForm.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useForm, Controller, type ControllerRenderProps } from 'react-hook-form';\nimport { zodResolver } from '@hookform/resolvers/zod';\nimport { z } from 'zod';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { FormSheet, FormSheetFooter, FormSection, FormRow } from '../FormSheet';\nimport { Input } from '../ui';\nimport { cn } from '../../utils/cn';\nimport { tWithFallback } from '../../utils/i18n';\nimport type { Tenant } from '../../types';\n\ninterface FormFieldProps {\n  label: string;\n  error?: string;\n  required?: boolean;\n  children: React.ReactNode;\n  description?: string;\n}\n\nfunction FormField({ label, error, required, children, description }: FormFieldProps) {\n  return (\n    <div className=\"space-y-1.5\">\n      <label className=\"text-sm font-medium text-foreground\">\n        {label}\n        {required && <span className=\"text-destructive ml-0.5\">*</span>}\n      </label>\n      {children}\n      {description && !error && <p className=\"text-xs text-muted-foreground\">{description}</p>}\n      {error && <p className=\"text-xs text-destructive\">{error}</p>}\n    </div>\n  );\n}\n\ninterface SelectFieldProps extends React.SelectHTMLAttributes<HTMLSelectElement> {\n  options: { value: string; label: string }[];\n  placeholder?: string;\n}\n\nconst SelectField = React.forwardRef<HTMLSelectElement, SelectFieldProps>(\n  ({ className, options, placeholder, ...props }, ref) => (\n    <select\n      ref={ref}\n      className={cn(\n        'flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-sm shadow-sm transition-colors',\n        'focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring',\n        'disabled:cursor-not-allowed disabled:opacity-50',\n        className\n      )}\n      {...props}\n    >\n      {placeholder && (\n        <option value=\"\" disabled>\n          {placeholder}\n        </option>\n      )}\n      {options.map((opt) => (\n        <option key={opt.value} value={opt.value}>\n          {opt.label}\n        </option>\n      ))}\n    </select>\n  )\n);\nSelectField.displayName = 'SelectField';\n\ninterface CheckboxFieldProps {\n  label: string;\n  checked: boolean;\n  onChange: (checked: boolean) => void;\n  description?: string;\n  disabled?: boolean;\n}\n\nfunction CheckboxField({ label, checked, onChange, description, disabled }: CheckboxFieldProps) {\n  return (\n    <label className=\"flex items-start gap-3 cursor-pointer\">\n      <input\n        type=\"checkbox\"\n        checked={checked}\n        onChange={(e) => onChange(e.target.checked)}\n        disabled={disabled}\n        className={cn(\n          'mt-0.5 h-4 w-4 rounded border border-input shadow-sm',\n          'focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring',\n          'disabled:cursor-not-allowed disabled:opacity-50',\n          'checked:bg-primary checked:border-primary'\n        )}\n      />\n      <div className=\"space-y-0.5\">\n        <span className=\"text-sm font-medium text-foreground\">{label}</span>\n        {description && <p className=\"text-xs text-muted-foreground\">{description}</p>}\n      </div>\n    </label>\n  );\n}\n\nconst PLAN_VALUES = ['Free', 'Starter', 'Professional', 'Enterprise', 'Custom'] as const;\nconst STATUS_VALUES = ['active', 'suspended', 'pending', 'churned'] as const;\n\nfunction buildTenantFormSchema(tr: (key: string, fallback: string) => string) {\n  return z.object({\n    name: z\n      .string()\n      .min(2, tr('admin.tenants.form.errors.nameMin', 'Name must be at least 2 characters'))\n      .max(100, tr('admin.tenants.form.errors.nameMax', 'Name must be less than 100 characters')),\n    slug: z\n      .string()\n      .min(2, tr('admin.tenants.form.errors.slugMin', 'Slug must be at least 2 characters'))\n      .max(50, tr('admin.tenants.form.errors.slugMax', 'Slug must be less than 50 characters'))\n      .regex(\n        /^[a-z0-9-]+$/,\n        tr(\n          'admin.tenants.form.errors.slugPattern',\n          'Slug can only contain lowercase letters, numbers, and hyphens'\n        )\n      ),\n    domain: z.string().optional(),\n    ownerEmail: z\n      .string()\n      .email(tr('admin.tenants.form.errors.emailInvalid', 'Invalid email address')),\n    billingEmail: z\n      .string()\n      .email(tr('admin.tenants.form.errors.emailInvalid', 'Invalid email address'))\n      .optional()\n      .or(z.literal('')),\n    // plan/status accept any string so that an existing tenant with a legacy\n    // or backend-only enum value can be edited without the form silently\n    // rewriting it to a known value. The <select> options below restrict\n    // user-chosen values; preserving the original keeps \"edit unrelated\n    // field, save\" from downgrading the plan/status.\n    plan: z.string().min(1),\n    status: z.string().optional(),\n    settings: z\n      .object({\n        allowSignup: z.boolean(),\n        ssoEnabled: z.boolean(),\n        mfaRequired: z.boolean(),\n        dataRetentionDays: z.coerce.number().int().min(30).max(3650),\n      })\n      .optional(),\n  });\n}\n\ntype TenantFormData = z.infer<ReturnType<typeof buildTenantFormSchema>>;\n\nexport interface TenantFormProps {\n  open: boolean;\n  onClose: () => void;\n  tenant?: Tenant;\n  onSave: (data: TenantFormData & { id?: string }) => Promise<void>;\n}\n\nexport function TenantForm({ open, onClose, tenant, onSave }: TenantFormProps) {\n  const isEditing = !!tenant;\n  const formId = 'tenant-form';\n  const { t } = useI18n();\n  const tr = React.useCallback(\n    (key: string, fallback: string, params?: Record<string, string | number>): string =>\n      tWithFallback(t, key, fallback, params),\n    [t]\n  );\n\n  const tenantFormSchema = React.useMemo(() => buildTenantFormSchema(tr), [tr]);\n\n  const planOptions = React.useMemo(() => {\n    const base = [\n      { value: 'Free', label: tr('admin.tenants.form.plans.free', 'Free') },\n      { value: 'Starter', label: tr('admin.tenants.form.plans.starter', 'Starter') },\n      {\n        value: 'Professional',\n        label: tr('admin.tenants.form.plans.professional', 'Professional'),\n      },\n      { value: 'Enterprise', label: tr('admin.tenants.form.plans.enterprise', 'Enterprise') },\n      { value: 'Custom', label: tr('admin.tenants.form.plans.custom', 'Custom') },\n    ];\n    // If the current tenant carries a plan outside PLAN_VALUES (legacy data\n    // or a backend-introduced tier the UI doesn't know yet), surface it as\n    // a synthetic option so the user can see what's persisted and either\n    // keep it or pick a known plan. Without this the <select> would render\n    // blank for an out-of-range value.\n    if (tenant?.plan && !(PLAN_VALUES as readonly string[]).includes(tenant.plan)) {\n      base.push({\n        value: tenant.plan,\n        label: tr('admin.tenants.form.plans.legacy', '{{plan}} (legacy)', { plan: tenant.plan }),\n      });\n    }\n    return base;\n  }, [tr, tenant?.plan]);\n\n  const statusOptions = React.useMemo(() => {\n    const base = [\n      { value: 'active', label: tr('admin.tenants.form.statuses.active', 'Active') },\n      { value: 'suspended', label: tr('admin.tenants.form.statuses.suspended', 'Suspended') },\n      { value: 'pending', label: tr('admin.tenants.form.statuses.pending', 'Pending') },\n      { value: 'churned', label: tr('admin.tenants.form.statuses.churned', 'Churned') },\n    ];\n    // Same logic as plan — Tenant['status'] includes 'deleted', 'trial',\n    // 'provisioning' (see mappers.ts) which STATUS_VALUES doesn't list.\n    // Surface unknown values as a synthetic option so editing an unrelated\n    // field doesn't reset status to a wrong value on submit.\n    if (tenant?.status && !(STATUS_VALUES as readonly string[]).includes(tenant.status)) {\n      base.push({\n        value: tenant.status,\n        label: tr('admin.tenants.form.statuses.other', '{{status}} (read-only)', {\n          status: tenant.status,\n        }),\n      });\n    }\n    return base;\n  }, [tr, tenant?.status]);\n\n  const defaultValues = React.useMemo<TenantFormData>(\n    () => ({\n      name: tenant?.name ?? '',\n      slug: tenant?.slug ?? '',\n      domain: tenant?.domain ?? '',\n      ownerEmail: tenant?.ownerEmail ?? '',\n      billingEmail: tenant?.billingEmail ?? '',\n      // Preserve the original plan/status verbatim — even if the backend\n      // value is outside the known set. planOptions/statusOptions surface\n      // a synthetic \"legacy\" entry so the select can render the current\n      // value, and the user can choose to keep it (save preserves) or pick\n      // a known value. Coercing to a default here would silently downgrade\n      // the tenant on any unrelated edit.\n      plan: tenant?.plan ?? 'Free',\n      status: tenant?.status,\n      settings: {\n        allowSignup: tenant?.settings?.allowSignup ?? true,\n        ssoEnabled: tenant?.settings?.ssoEnabled ?? false,\n        mfaRequired: tenant?.settings?.mfaRequired ?? false,\n        dataRetentionDays: tenant?.settings?.dataRetentionDays ?? 365,\n      },\n    }),\n    [tenant]\n  );\n\n  const {\n    register,\n    handleSubmit,\n    control,\n    formState: { errors, isSubmitting },\n    reset,\n    watch,\n    setValue,\n  } = useForm<TenantFormData>({\n    resolver: zodResolver(tenantFormSchema),\n    defaultValues,\n  });\n\n  // Reset only when the form transitions from closed→open or the entity id\n  // changes. Avoids wiping in-progress edits when `cache-and-network` Apollo\n  // refetches re-render the parent with a new `tenant` object identity but\n  // the user has already typed into the form. Using `defaultValues` in the\n  // dep array would re-fire on every refetch and discard those edits.\n  const lastResetKey = React.useRef<string | null>(null);\n  React.useEffect(() => {\n    if (!open) {\n      lastResetKey.current = null;\n      return;\n    }\n    const key = tenant?.id ?? '__create__';\n    if (lastResetKey.current !== key) {\n      reset(defaultValues);\n      lastResetKey.current = key;\n    }\n  }, [open, tenant?.id, reset, defaultValues]);\n\n  const onSubmit = async (data: TenantFormData) => {\n    try {\n      await onSave({ ...data, id: tenant?.id });\n      onClose();\n    } catch (error) {\n      console.error('Failed to save tenant:', error);\n    }\n  };\n\n  const name = watch('name');\n  const currentSlug = watch('slug');\n  React.useEffect(() => {\n    if (!isEditing && name && !currentSlug) {\n      const slug = name\n        .toLowerCase()\n        .replace(/[^a-z0-9]+/g, '-')\n        .replace(/^-|-$/g, '');\n      setValue('slug', slug);\n    }\n  }, [name, isEditing, setValue, currentSlug]);\n\n  const titleEdit = tr('admin.tenants.form.titleEdit', 'Edit Tenant');\n  const titleCreate = tr('admin.tenants.form.titleCreate', 'Create Tenant');\n  const submitEdit = tr('admin.tenants.form.submitEdit', 'Save Changes');\n  const submitCreate = tr('admin.tenants.form.submitCreate', 'Create Tenant');\n\n  return (\n    <FormSheet\n      open={open}\n      onClose={onClose}\n      title={isEditing ? titleEdit : titleCreate}\n      description={\n        isEditing\n          ? tr('admin.tenants.form.descriptionEdit', 'Editing {{name}}', {\n              name: tenant?.name ?? '',\n            })\n          : tr('admin.tenants.form.descriptionCreate', 'Add a new tenant to the platform')\n      }\n      width=\"lg\"\n      footer={\n        <FormSheetFooter\n          formId={formId}\n          submitLabel={isEditing ? submitEdit : submitCreate}\n          onCancel={onClose}\n          isSubmitting={isSubmitting}\n        />\n      }\n    >\n      <form id={formId} onSubmit={handleSubmit(onSubmit)} className=\"space-y-6\">\n        <FormSection title={tr('admin.tenants.form.sections.basic', 'Basic Information')}>\n          <FormField\n            label={tr('admin.tenants.form.fields.name', 'Tenant Name')}\n            required\n            error={errors.name?.message}\n          >\n            <Input\n              {...register('name')}\n              placeholder={tr('admin.tenants.form.placeholders.name', 'Acme Corporation')}\n              aria-invalid={!!errors.name}\n            />\n          </FormField>\n\n          <FormRow>\n            <FormField\n              label={tr('admin.tenants.form.fields.slug', 'Slug')}\n              required\n              error={errors.slug?.message}\n              description={\n                isEditing\n                  ? tr(\n                      'admin.tenants.form.descriptions.slugImmutable',\n                      'Slug is set at creation and cannot be changed.'\n                    )\n                  : tr('admin.tenants.form.descriptions.slug', 'URL-friendly identifier')\n              }\n            >\n              <Input\n                {...register('slug')}\n                placeholder={tr('admin.tenants.form.placeholders.slug', 'acme-corp')}\n                aria-invalid={!!errors.slug}\n                // Slug is part of CreateTenantInput only — UpdateTenantInput\n                // has no slug field. Disabling on edit prevents the user from\n                // editing a value that would be silently discarded on save.\n                disabled={isEditing}\n                readOnly={isEditing}\n              />\n            </FormField>\n\n            <FormField\n              label={tr('admin.tenants.form.fields.domain', 'Domain')}\n              error={errors.domain?.message}\n            >\n              <Input\n                {...register('domain')}\n                placeholder={tr('admin.tenants.form.placeholders.domain', 'acme.com')}\n                aria-invalid={!!errors.domain}\n              />\n            </FormField>\n          </FormRow>\n        </FormSection>\n\n        <FormSection title={tr('admin.tenants.form.sections.contact', 'Contact Information')}>\n          <FormRow>\n            <FormField\n              label={tr('admin.tenants.form.fields.ownerEmail', 'Owner Email')}\n              required\n              error={errors.ownerEmail?.message}\n            >\n              <Input\n                type=\"email\"\n                {...register('ownerEmail')}\n                placeholder={tr('admin.tenants.form.placeholders.ownerEmail', 'admin@acme.com')}\n                aria-invalid={!!errors.ownerEmail}\n              />\n            </FormField>\n\n            <FormField\n              label={tr('admin.tenants.form.fields.billingEmail', 'Billing Email')}\n              error={errors.billingEmail?.message}\n            >\n              <Input\n                type=\"email\"\n                {...register('billingEmail')}\n                placeholder={tr('admin.tenants.form.placeholders.billingEmail', 'billing@acme.com')}\n                aria-invalid={!!errors.billingEmail}\n              />\n            </FormField>\n          </FormRow>\n        </FormSection>\n\n        <FormSection title={tr('admin.tenants.form.sections.planStatus', 'Plan & Status')}>\n          <FormRow>\n            <FormField label={tr('admin.tenants.form.fields.plan', 'Plan')} required>\n              <SelectField {...register('plan')} options={planOptions} />\n            </FormField>\n\n            {isEditing && (\n              <FormField label={tr('admin.tenants.form.fields.status', 'Status')}>\n                <SelectField {...register('status')} options={statusOptions} />\n              </FormField>\n            )}\n          </FormRow>\n        </FormSection>\n\n        <FormSection\n          title={tr('admin.tenants.form.sections.settings', 'Settings')}\n          description={tr(\n            'admin.tenants.form.descriptions.settings',\n            'Configure tenant security and access settings'\n          )}\n        >\n          <div className=\"space-y-3\">\n            <Controller\n              name=\"settings.allowSignup\"\n              control={control}\n              render={({\n                field,\n              }: {\n                field: ControllerRenderProps<TenantFormData, 'settings.allowSignup'>;\n              }) => (\n                <CheckboxField\n                  label={tr('admin.tenants.form.settings.allowSignupLabel', 'Allow Self-Signup')}\n                  checked={field.value ?? true}\n                  onChange={field.onChange}\n                  description={tr(\n                    'admin.tenants.form.settings.allowSignupDescription',\n                    'Allow users to sign up for this tenant'\n                  )}\n                />\n              )}\n            />\n\n            <Controller\n              name=\"settings.ssoEnabled\"\n              control={control}\n              render={({\n                field,\n              }: {\n                field: ControllerRenderProps<TenantFormData, 'settings.ssoEnabled'>;\n              }) => (\n                <CheckboxField\n                  label={tr('admin.tenants.form.settings.ssoEnabledLabel', 'Enable SSO')}\n                  checked={field.value ?? false}\n                  onChange={field.onChange}\n                  description={tr(\n                    'admin.tenants.form.settings.ssoEnabledDescription',\n                    'Enable Single Sign-On authentication'\n                  )}\n                />\n              )}\n            />\n\n            <Controller\n              name=\"settings.mfaRequired\"\n              control={control}\n              render={({\n                field,\n              }: {\n                field: ControllerRenderProps<TenantFormData, 'settings.mfaRequired'>;\n              }) => (\n                <CheckboxField\n                  label={tr('admin.tenants.form.settings.mfaRequiredLabel', 'Require MFA')}\n                  checked={field.value ?? false}\n                  onChange={field.onChange}\n                  description={tr(\n                    'admin.tenants.form.settings.mfaRequiredDescription',\n                    'Require multi-factor authentication for all users'\n                  )}\n                />\n              )}\n            />\n          </div>\n\n          <FormField\n            label={tr('admin.tenants.form.fields.dataRetentionDays', 'Data Retention (days)')}\n            error={errors.settings?.dataRetentionDays?.message}\n          >\n            <Input\n              type=\"number\"\n              {...register('settings.dataRetentionDays')}\n              placeholder=\"365\"\n              min={30}\n              max={3650}\n            />\n          </FormField>\n        </FormSection>\n      </form>\n    </FormSheet>\n  );\n}\n"],"mappings":"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"}

package/dist/admin/components/forms/TicketForm.d.ts

@@ -0,0 +1,67 @@
+import { z } from 'zod';
+import { SupportTicket } from '../../types';
+
+declare const ticketFormSchema: z.ZodObject<{
+    subject: z.ZodString;
+    description: z.ZodString;
+    category: z.ZodEnum<["billing", "technical", "account", "feature_request", "other"]>;
+    priority: z.ZodEnum<["low", "medium", "high", "urgent"]>;
+    status: z.ZodOptional<z.ZodEnum<["open", "in_progress", "waiting", "resolved", "closed"]>>;
+    tenantId: z.ZodOptional<z.ZodString>;
+    userId: z.ZodOptional<z.ZodString>;
+    assigneeId: z.ZodOptional<z.ZodString>;
+}, "strip", z.ZodTypeAny, {
+    description: string;
+    priority: "low" | "medium" | "high" | "urgent";
+    category: "billing" | "technical" | "account" | "feature_request" | "other";
+    subject: string;
+    status?: "open" | "in_progress" | "resolved" | "closed" | "waiting" | undefined;
+    tenantId?: string | undefined;
+    userId?: string | undefined;
+    assigneeId?: string | undefined;
+}, {
+    description: string;
+    priority: "low" | "medium" | "high" | "urgent";
+    category: "billing" | "technical" | "account" | "feature_request" | "other";
+    subject: string;
+    status?: "open" | "in_progress" | "resolved" | "closed" | "waiting" | undefined;
+    tenantId?: string | undefined;
+    userId?: string | undefined;
+    assigneeId?: string | undefined;
+}>;
+type TicketFormData = z.infer<typeof ticketFormSchema>;
+/**
+ * TicketForm props
+ */
+export interface TicketFormProps {
+    /** Whether the form is open */
+    open: boolean;
+    /** Callback when the form should close */
+    onClose: () => void;
+    /** Existing ticket data for editing (undefined for create) */
+    ticket?: SupportTicket;
+    /** Pre-selected tenant ID */
+    tenantId?: string;
+    /** Pre-selected user ID */
+    userId?: string;
+    /** List of available tenants for selection */
+    tenants?: {
+        id: string;
+        name: string;
+    }[];
+    /** List of available assignees */
+    assignees?: {
+        id: string;
+        name: string;
+    }[];
+    /** Callback on successful save */
+    onSave: (data: TicketFormData & {
+        id?: string;
+    }) => Promise<void>;
+}
+/**
+ * TicketForm - Create/Edit support ticket form in a slide-over panel
+ */
+export declare function TicketForm({ open, onClose, ticket, tenantId, userId, tenants, assignees, onSave, }: TicketFormProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=TicketForm.d.ts.map

package/dist/admin/components/forms/TicketForm.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TicketForm.d.ts","sourceRoot":"","sources":["../../../../src/admin/components/forms/TicketForm.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAIxB,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAkFjD,QAAA,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;EAepB,CAAC;AAEH,KAAK,cAAc,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,gBAAgB,CAAC,CAAC;AAEvD;;GAEG;AACH,MAAM,WAAW,eAAe;IAC9B,+BAA+B;IAC/B,IAAI,EAAE,OAAO,CAAC;IACd,0CAA0C;IAC1C,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,8DAA8D;IAC9D,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB,6BAA6B;IAC7B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,2BAA2B;IAC3B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,8CAA8C;IAC9C,OAAO,CAAC,EAAE;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IACzC,kCAAkC;IAClC,SAAS,CAAC,EAAE;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IAC3C,kCAAkC;IAClC,MAAM,EAAE,CAAC,IAAI,EAAE,cAAc,GAAG;QAAE,EAAE,CAAC,EAAE,MAAM,CAAA;KAAE,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;CACnE;AAyBD;;GAEG;AACH,wBAAgB,UAAU,CAAC,EACzB,IAAI,EACJ,OAAO,EACP,MAAM,EACN,QAAQ,EACR,MAAM,EACN,OAAY,EACZ,SAAc,EACd,MAAM,GACP,EAAE,eAAe,2CA8IjB"}

package/dist/admin/components/forms/TicketForm.js

@@ -0,0 +1,55 @@
+import { cn as e } from "../../utils/cn.js";
+import "../ui.js";
+import "../FormSheet.js";
+import { enumType as t, objectType as n, stringType as r } from "../../../node_modules/zod/v3/types.js";
+import * as i from "react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+//#region src/admin/components/forms/TicketForm.tsx
+var s = i.forwardRef(({ className: t, options: n, placeholder: r, ...i }, s) => /* @__PURE__ */ o("select", {
+	ref: s,
+	className: e("flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-sm shadow-sm transition-colors", "focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring", "disabled:cursor-not-allowed disabled:opacity-50", t),
+	...i,
+	children: [r && /* @__PURE__ */ a("option", {
+		value: "",
+		children: r
+	}), n.map((e) => /* @__PURE__ */ a("option", {
+		value: e.value,
+		children: e.label
+	}, e.value))]
+}));
+s.displayName = "SelectField";
+var c = i.forwardRef(({ className: t, ...n }, r) => /* @__PURE__ */ a("textarea", {
+	ref: r,
+	className: e("flex min-h-[120px] w-full rounded-md border border-input bg-transparent px-3 py-2 text-sm shadow-sm transition-colors", "placeholder:text-muted-foreground", "focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring", "disabled:cursor-not-allowed disabled:opacity-50", "resize-none", t),
+	...n
+}));
+c.displayName = "TextareaField", n({
+	subject: r().min(5, "Subject must be at least 5 characters").max(200, "Subject must be less than 200 characters"),
+	description: r().min(10, "Description must be at least 10 characters").max(5e3, "Description must be less than 5000 characters"),
+	category: t([
+		"billing",
+		"technical",
+		"account",
+		"feature_request",
+		"other"
+	]),
+	priority: t([
+		"low",
+		"medium",
+		"high",
+		"urgent"
+	]),
+	status: t([
+		"open",
+		"in_progress",
+		"waiting",
+		"resolved",
+		"closed"
+	]).optional(),
+	tenantId: r().optional(),
+	userId: r().optional(),
+	assigneeId: r().optional()
+});
+//#endregion
+
+//# sourceMappingURL=TicketForm.js.map

package/dist/admin/components/forms/TicketForm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TicketForm.js","names":[],"sources":["../../../../src/admin/components/forms/TicketForm.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useForm } from 'react-hook-form';\nimport { zodResolver } from '@hookform/resolvers/zod';\nimport { z } from 'zod';\nimport { FormSheet, FormSheetFooter, FormSection, FormRow } from '../FormSheet';\nimport { Input } from '../ui';\nimport { cn } from '../../utils/cn';\nimport type { SupportTicket } from '../../types';\n\n/**\n * Form field wrapper with label and error\n */\ninterface FormFieldProps {\n  label: string;\n  error?: string;\n  required?: boolean;\n  children: React.ReactNode;\n  description?: string;\n}\n\nfunction FormField({ label, error, required, children, description }: FormFieldProps) {\n  return (\n    <div className=\"space-y-1.5\">\n      <label className=\"text-sm font-medium text-foreground\">\n        {label}\n        {required && <span className=\"text-destructive ml-0.5\">*</span>}\n      </label>\n      {children}\n      {description && !error && <p className=\"text-xs text-muted-foreground\">{description}</p>}\n      {error && <p className=\"text-xs text-destructive\">{error}</p>}\n    </div>\n  );\n}\n\n/**\n * Select wrapper styled like Input\n */\ninterface SelectFieldProps extends React.SelectHTMLAttributes<HTMLSelectElement> {\n  options: { value: string; label: string }[];\n  placeholder?: string;\n}\n\nconst SelectField = React.forwardRef<HTMLSelectElement, SelectFieldProps>(\n  ({ className, options, placeholder, ...props }, ref) => (\n    <select\n      ref={ref}\n      className={cn(\n        'flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-sm shadow-sm transition-colors',\n        'focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring',\n        'disabled:cursor-not-allowed disabled:opacity-50',\n        className\n      )}\n      {...props}\n    >\n      {placeholder && <option value=\"\">{placeholder}</option>}\n      {options.map((opt) => (\n        <option key={opt.value} value={opt.value}>\n          {opt.label}\n        </option>\n      ))}\n    </select>\n  )\n);\nSelectField.displayName = 'SelectField';\n\n/**\n * Textarea wrapper styled like Input\n */\ntype TextareaFieldProps = React.TextareaHTMLAttributes<HTMLTextAreaElement>;\n\nconst TextareaField = React.forwardRef<HTMLTextAreaElement, TextareaFieldProps>(\n  ({ className, ...props }, ref) => (\n    <textarea\n      ref={ref}\n      className={cn(\n        'flex min-h-[120px] w-full rounded-md border border-input bg-transparent px-3 py-2 text-sm shadow-sm transition-colors',\n        'placeholder:text-muted-foreground',\n        'focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring',\n        'disabled:cursor-not-allowed disabled:opacity-50',\n        'resize-none',\n        className\n      )}\n      {...props}\n    />\n  )\n);\nTextareaField.displayName = 'TextareaField';\n\n// Unified form schema\nconst ticketFormSchema = z.object({\n  subject: z\n    .string()\n    .min(5, 'Subject must be at least 5 characters')\n    .max(200, 'Subject must be less than 200 characters'),\n  description: z\n    .string()\n    .min(10, 'Description must be at least 10 characters')\n    .max(5000, 'Description must be less than 5000 characters'),\n  category: z.enum(['billing', 'technical', 'account', 'feature_request', 'other']),\n  priority: z.enum(['low', 'medium', 'high', 'urgent']),\n  status: z.enum(['open', 'in_progress', 'waiting', 'resolved', 'closed']).optional(),\n  tenantId: z.string().optional(),\n  userId: z.string().optional(),\n  assigneeId: z.string().optional(),\n});\n\ntype TicketFormData = z.infer<typeof ticketFormSchema>;\n\n/**\n * TicketForm props\n */\nexport interface TicketFormProps {\n  /** Whether the form is open */\n  open: boolean;\n  /** Callback when the form should close */\n  onClose: () => void;\n  /** Existing ticket data for editing (undefined for create) */\n  ticket?: SupportTicket;\n  /** Pre-selected tenant ID */\n  tenantId?: string;\n  /** Pre-selected user ID */\n  userId?: string;\n  /** List of available tenants for selection */\n  tenants?: { id: string; name: string }[];\n  /** List of available assignees */\n  assignees?: { id: string; name: string }[];\n  /** Callback on successful save */\n  onSave: (data: TicketFormData & { id?: string }) => Promise<void>;\n}\n\nconst categoryOptions = [\n  { value: 'billing', label: 'Billing' },\n  { value: 'technical', label: 'Technical' },\n  { value: 'account', label: 'Account' },\n  { value: 'feature_request', label: 'Feature Request' },\n  { value: 'other', label: 'Other' },\n];\n\nconst priorityOptions = [\n  { value: 'low', label: 'Low' },\n  { value: 'medium', label: 'Medium' },\n  { value: 'high', label: 'High' },\n  { value: 'urgent', label: 'Urgent' },\n];\n\nconst statusOptions = [\n  { value: 'open', label: 'Open' },\n  { value: 'in_progress', label: 'In Progress' },\n  { value: 'waiting', label: 'Waiting on Customer' },\n  { value: 'resolved', label: 'Resolved' },\n  { value: 'closed', label: 'Closed' },\n];\n\n/**\n * TicketForm - Create/Edit support ticket form in a slide-over panel\n */\nexport function TicketForm({\n  open,\n  onClose,\n  ticket,\n  tenantId,\n  userId,\n  tenants = [],\n  assignees = [],\n  onSave,\n}: TicketFormProps) {\n  const isEditing = !!ticket;\n  const formId = 'ticket-form';\n\n  const defaultValues: TicketFormData = {\n    subject: ticket?.subject ?? '',\n    description: ticket?.description ?? '',\n    category: (ticket?.category ?? 'other') as TicketFormData['category'],\n    priority: (ticket?.priority ?? 'medium') as TicketFormData['priority'],\n    status: ticket?.status as TicketFormData['status'],\n    tenantId: ticket?.tenantId ?? tenantId ?? '',\n    userId: ticket?.userId ?? userId ?? '',\n    assigneeId: ticket?.assigneeId ?? '',\n  };\n\n  const {\n    register,\n    handleSubmit,\n    formState: { errors, isSubmitting },\n    reset,\n  } = useForm<TicketFormData>({\n    resolver: zodResolver(ticketFormSchema),\n    defaultValues,\n  });\n\n  // Reset form when ticket changes\n  React.useEffect(() => {\n    if (open) {\n      reset(defaultValues);\n    }\n  }, [open, ticket?.id, tenantId, userId]);\n\n  const onSubmit = async (data: TicketFormData) => {\n    try {\n      await onSave({ ...data, id: ticket?.id });\n      onClose();\n    } catch (error) {\n      console.error('Failed to save ticket:', error);\n    }\n  };\n\n  return (\n    <FormSheet\n      open={open}\n      onClose={onClose}\n      title={isEditing ? 'Edit Ticket' : 'Create Support Ticket'}\n      description={\n        isEditing ? `Editing ticket #${ticket.id.slice(0, 8)}` : 'Create a new support ticket'\n      }\n      width=\"lg\"\n      footer={\n        <FormSheetFooter\n          formId={formId}\n          submitLabel={isEditing ? 'Save Changes' : 'Create Ticket'}\n          onCancel={onClose}\n          isSubmitting={isSubmitting}\n        />\n      }\n    >\n      <form id={formId} onSubmit={handleSubmit(onSubmit)} className=\"space-y-6\">\n        {/* Subject */}\n        <FormSection>\n          <FormField\n            label=\"Subject\"\n            required\n            error={errors.subject?.message}\n            description=\"Brief summary of the issue\"\n          >\n            <Input\n              {...register('subject')}\n              placeholder=\"e.g., Unable to access billing page\"\n              aria-invalid={!!errors.subject}\n            />\n          </FormField>\n        </FormSection>\n\n        {/* Category & Priority */}\n        <FormSection title=\"Classification\">\n          <FormRow>\n            <FormField label=\"Category\" required>\n              <SelectField {...register('category')} options={categoryOptions} />\n            </FormField>\n\n            <FormField label=\"Priority\" required>\n              <SelectField {...register('priority')} options={priorityOptions} />\n            </FormField>\n          </FormRow>\n\n          {isEditing && (\n            <FormRow>\n              <FormField label=\"Status\">\n                <SelectField {...register('status')} options={statusOptions} />\n              </FormField>\n\n              {assignees.length > 0 && (\n                <FormField label=\"Assignee\">\n                  <SelectField\n                    {...register('assigneeId')}\n                    options={assignees.map((a) => ({ value: a.id, label: a.name }))}\n                    placeholder=\"Unassigned\"\n                  />\n                </FormField>\n              )}\n            </FormRow>\n          )}\n        </FormSection>\n\n        {/* Description */}\n        <FormSection title=\"Details\">\n          <FormField\n            label=\"Description\"\n            required\n            error={errors.description?.message}\n            description=\"Provide as much detail as possible\"\n          >\n            <TextareaField\n              {...register('description')}\n              placeholder=\"Describe the issue in detail. Include steps to reproduce if applicable...\"\n              aria-invalid={!!errors.description}\n              rows={6}\n            />\n          </FormField>\n        </FormSection>\n\n        {/* Context (Tenant/User) */}\n        {tenants.length > 0 && (\n          <FormSection title=\"Context\">\n            <FormField\n              label=\"Related Tenant\"\n              description=\"Associate this ticket with a specific tenant\"\n            >\n              <SelectField\n                {...register('tenantId')}\n                options={tenants.map((t) => ({ value: t.id, label: t.name }))}\n                placeholder=\"Select a tenant (optional)\"\n              />\n            </FormField>\n          </FormSection>\n        )}\n      </form>\n    </FormSheet>\n  );\n}\n"],"mappings":";;;;;;;AA0CA,IAAM,IAAc,EAAM,YACvB,EAAE,cAAW,YAAS,gBAAa,GAAG,KAAS,MAC9C,kBAAC,UAAD;CACO;CACL,WAAW,EACT,+GACA,2EACA,mDACA,EACD;CACD,GAAI;WARN,CAUG,KAAe,kBAAC,UAAD;EAAQ,OAAM;YAAI;EAAqB,CAAA,EACtD,EAAQ,KAAK,MACZ,kBAAC,UAAD;EAAwB,OAAO,EAAI;YAChC,EAAI;EACE,EAFI,EAAI,MAER,CACT,CACK;GAEZ;AACD,EAAY,cAAc;AAO1B,IAAM,IAAgB,EAAM,YACzB,EAAE,cAAW,GAAG,KAAS,MACxB,kBAAC,YAAD;CACO;CACL,WAAW,EACT,yHACA,qCACA,2EACA,mDACA,eACA,EACD;CACD,GAAI;CACJ,CAAA,CAEL;AACD,EAAc,cAAc,iBAGH,EAAS;CAChC,SAAS,GACE,CACR,IAAI,GAAG,wCAAwC,CAC/C,IAAI,KAAK,2CAA2C;CACvD,aAAa,GACF,CACR,IAAI,IAAI,6CAA6C,CACrD,IAAI,KAAM,gDAAgD;CAC7D,UAAU,EAAO;EAAC;EAAW;EAAa;EAAW;EAAmB;EAAQ,CAAC;CACjF,UAAU,EAAO;EAAC;EAAO;EAAU;EAAQ;EAAS,CAAC;CACrD,QAAQ,EAAO;EAAC;EAAQ;EAAe;EAAW;EAAY;EAAS,CAAC,CAAC,UAAU;CACnF,UAAU,GAAU,CAAC,UAAU;CAC/B,QAAQ,GAAU,CAAC,UAAU;CAC7B,YAAY,GAAU,CAAC,UAAU;CAClC,CAAC"}

package/dist/admin/components/forms/UserForm.d.ts

@@ -0,0 +1,57 @@
+import { z } from 'zod';
+import { User } from '../../types';
+
+declare const userFormSchema: z.ZodObject<{
+    email: z.ZodString;
+    firstName: z.ZodString;
+    lastName: z.ZodString;
+    role: z.ZodEnum<["admin", "member", "viewer", "owner"]>;
+    status: z.ZodOptional<z.ZodEnum<["active", "inactive", "pending", "suspended"]>>;
+    tenantId: z.ZodOptional<z.ZodString>;
+    sendInvite: z.ZodBoolean;
+}, "strip", z.ZodTypeAny, {
+    email: string;
+    role: "admin" | "member" | "viewer" | "owner";
+    firstName: string;
+    lastName: string;
+    sendInvite: boolean;
+    status?: "active" | "suspended" | "pending" | "inactive" | undefined;
+    tenantId?: string | undefined;
+}, {
+    email: string;
+    role: "admin" | "member" | "viewer" | "owner";
+    firstName: string;
+    lastName: string;
+    sendInvite: boolean;
+    status?: "active" | "suspended" | "pending" | "inactive" | undefined;
+    tenantId?: string | undefined;
+}>;
+type UserFormData = z.infer<typeof userFormSchema>;
+/**
+ * UserForm props
+ */
+export interface UserFormProps {
+    /** Whether the form is open */
+    open: boolean;
+    /** Callback when the form should close */
+    onClose: () => void;
+    /** Existing user data for editing (undefined for create) */
+    user?: User;
+    /** Pre-selected tenant ID */
+    tenantId?: string;
+    /** List of available tenants for selection */
+    tenants?: {
+        id: string;
+        name: string;
+    }[];
+    /** Callback on successful save */
+    onSave: (data: UserFormData & {
+        id?: string;
+    }) => Promise<void>;
+}
+/**
+ * UserForm - Create/Edit user form in a slide-over panel
+ */
+export declare function UserForm({ open, onClose, user, tenantId, tenants, onSave }: UserFormProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=UserForm.d.ts.map

package/dist/admin/components/forms/UserForm.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UserForm.d.ts","sourceRoot":"","sources":["../../../../src/admin/components/forms/UserForm.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAIxB,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AAiGxC,QAAA,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;EAclB,CAAC;AAEH,KAAK,YAAY,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,cAAc,CAAC,CAAC;AAEnD;;GAEG;AACH,MAAM,WAAW,aAAa;IAC5B,+BAA+B;IAC/B,IAAI,EAAE,OAAO,CAAC;IACd,0CAA0C;IAC1C,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,4DAA4D;IAC5D,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,6BAA6B;IAC7B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,8CAA8C;IAC9C,OAAO,CAAC,EAAE;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IACzC,kCAAkC;IAClC,MAAM,EAAE,CAAC,IAAI,EAAE,YAAY,GAAG;QAAE,EAAE,CAAC,EAAE,MAAM,CAAA;KAAE,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;CACjE;AAgBD;;GAEG;AACH,wBAAgB,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAY,EAAE,MAAM,EAAE,EAAE,aAAa,2CA0I9F"}