@elabs-ai/components-ai 4.2.0 → 5.0.0

package/dist/chunk-T56JFGXI.js

@@ -0,0 +1,561 @@
+"use client";
+import {
+  fieldLabel,
+  initialFormValues,
+  normalizeFormSpec,
+  optionLabel,
+  optionValue,
+  validateForm
+} from "./chunk-HVXM2G5F.js";
+
+// src/message-form.tsx
+import {
+  createContext,
+  forwardRef,
+  use,
+  useCallback,
+  useId,
+  useMemo,
+  useState
+} from "react";
+import { Check } from "lucide-react";
+import {
+  Badge,
+  Button,
+  Checkbox,
+  Input,
+  Label,
+  NumberInput,
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue,
+  Skeleton,
+  Spinner,
+  Textarea
+} from "@elabs-ai/components-ui";
+import { cn } from "@elabs-ai/components-ui/lib/cn";
+import { useLocale } from "@elabs-ai/components-ui";
+import { jsx, jsxs } from "react/jsx-runtime";
+var MessageFormContext = createContext(null);
+function useMessageFormContext() {
+  const ctx = use(MessageFormContext);
+  if (!ctx) {
+    throw new Error("MessageForm sub-components must be rendered inside <MessageFormProvider>.");
+  }
+  return ctx;
+}
+function controlId(formId, name) {
+  return `${formId}-field-${name}`;
+}
+function descId(formId, name) {
+  return `${formId}-desc-${name}`;
+}
+function errorId(formId, name) {
+  return `${formId}-error-${name}`;
+}
+function effectiveValue(field, values) {
+  const v = values[field.name];
+  if (v !== void 0) return v;
+  if (field.default !== void 0) return field.default;
+  if (field.type === "boolean") return false;
+  if (field.type === "multi-enum") return [];
+  return void 0;
+}
+function MessageFormProvider({
+  spec,
+  values: valuesProp,
+  onChange,
+  onSubmit,
+  disabled = false,
+  submitted = false,
+  submitting = false,
+  isStreaming,
+  streaming = false,
+  children
+}) {
+  const resolvedStreaming = isStreaming ?? streaming;
+  const formId = useId();
+  const headingId = `${formId}-title`;
+  const isControlled = valuesProp !== void 0;
+  const [internalValues, setInternalValues] = useState(
+    () => initialFormValues(spec.fields)
+  );
+  const [attempted, setAttempted] = useState(false);
+  const resolvedValues = isControlled ? valuesProp : internalValues;
+  const setValue = useCallback(
+    (name, value2) => {
+      const base = isControlled ? valuesProp : internalValues;
+      const next = { ...base, [name]: value2 };
+      if (!isControlled) setInternalValues(next);
+      onChange?.(next);
+    },
+    [isControlled, valuesProp, internalValues, onChange]
+  );
+  const submit = useCallback(() => {
+    setAttempted(true);
+    const merged = { ...resolvedValues };
+    for (const field of spec.fields) merged[field.name] = effectiveValue(field, resolvedValues);
+    const errs = validateForm(spec.fields, merged);
+    const firstInvalid = spec.fields.find((f) => errs[f.name]);
+    if (firstInvalid) {
+      if (typeof document !== "undefined") {
+        const el = document.getElementById(controlId(formId, firstInvalid.name));
+        el?.focus();
+      }
+      return;
+    }
+    onSubmit?.({ formName: spec.formName, values: merged });
+  }, [resolvedValues, spec.fields, spec.formName, formId, onSubmit]);
+  const reset = useCallback(() => {
+    setAttempted(false);
+    const seeded = initialFormValues(spec.fields);
+    if (!isControlled) setInternalValues(seeded);
+    onChange?.(seeded);
+  }, [isControlled, spec.fields, onChange]);
+  const errors = useMemo(() => {
+    if (!attempted) return {};
+    const merged = { ...resolvedValues };
+    for (const field of spec.fields) merged[field.name] = effectiveValue(field, resolvedValues);
+    return validateForm(spec.fields, merged);
+  }, [attempted, resolvedValues, spec.fields]);
+  const value = useMemo(
+    () => ({
+      spec,
+      values: resolvedValues,
+      errors,
+      setValue,
+      submit,
+      reset,
+      attempted,
+      submitted,
+      submitting,
+      disabled,
+      isStreaming: resolvedStreaming,
+      formId,
+      headingId
+    }),
+    [
+      spec,
+      resolvedValues,
+      errors,
+      setValue,
+      submit,
+      reset,
+      attempted,
+      submitted,
+      submitting,
+      disabled,
+      resolvedStreaming,
+      formId,
+      headingId
+    ]
+  );
+  return /* @__PURE__ */ jsx(MessageFormContext.Provider, { value, children });
+}
+function StringControl({
+  field,
+  value,
+  invalid,
+  disabled,
+  readOnly,
+  id,
+  describedBy,
+  setValue
+}) {
+  const text = value === void 0 ? "" : String(value);
+  const commonAria = {
+    id,
+    "aria-invalid": invalid || void 0,
+    "aria-describedby": describedBy,
+    "aria-required": field.required || void 0,
+    required: field.required
+  };
+  if (field.multiline) {
+    return /* @__PURE__ */ jsx(
+      Textarea,
+      {
+        ...commonAria,
+        name: field.name,
+        value: text,
+        disabled,
+        readOnly,
+        maxLength: field.maxLength,
+        onChange: (e) => setValue(field.name, e.target.value)
+      }
+    );
+  }
+  const inputType = field.format === "email" ? "email" : field.format === "uri" ? "url" : field.format === "date" ? "date" : field.format === "date-time" ? "datetime-local" : "text";
+  const spellCheck = field.format === "email" || field.format === "uri" ? false : void 0;
+  const inputMode = field.format === "email" ? "email" : field.format === "uri" ? "url" : void 0;
+  return /* @__PURE__ */ jsx(
+    Input,
+    {
+      ...commonAria,
+      type: inputType,
+      name: field.name,
+      value: text,
+      disabled,
+      readOnly,
+      minLength: field.minLength,
+      maxLength: field.maxLength,
+      spellCheck,
+      inputMode,
+      onChange: (e) => setValue(field.name, e.target.value)
+    }
+  );
+}
+function NumberControl({
+  field,
+  value,
+  invalid,
+  disabled,
+  readOnly,
+  id,
+  describedBy,
+  setValue
+}) {
+  const num = typeof value === "number" ? value : null;
+  return /* @__PURE__ */ jsx(
+    NumberInput,
+    {
+      id,
+      name: field.name,
+      value: num,
+      min: field.min,
+      max: field.max,
+      step: field.type === "integer" ? 1 : void 0,
+      disabled,
+      readOnly,
+      "aria-invalid": invalid || void 0,
+      "aria-describedby": describedBy,
+      "aria-required": field.required || void 0,
+      onValueChange: (next) => setValue(field.name, next ?? void 0)
+    }
+  );
+}
+function BooleanControl({
+  field,
+  value,
+  disabled,
+  id,
+  describedBy,
+  setValue
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+    /* @__PURE__ */ jsx(
+      Checkbox,
+      {
+        id,
+        name: field.name,
+        checked: value === true,
+        disabled,
+        "aria-describedby": describedBy,
+        "aria-required": field.required || void 0,
+        onCheckedChange: (checked) => setValue(field.name, checked === true)
+      }
+    ),
+    /* @__PURE__ */ jsxs(Label, { htmlFor: id, className: "flex items-center gap-1 font-normal", children: [
+      fieldLabel(field),
+      field.required && /* @__PURE__ */ jsx("span", { "aria-hidden": "true", className: "text-destructive-text", children: "*" })
+    ] })
+  ] });
+}
+function EnumControl({
+  field,
+  value,
+  invalid,
+  disabled,
+  id,
+  describedBy,
+  setValue
+}) {
+  const { t } = useLocale();
+  const current = typeof value === "string" && value.length > 0 ? value : void 0;
+  return /* @__PURE__ */ jsxs(Select, { value: current, disabled, onValueChange: (v) => setValue(field.name, v), children: [
+    /* @__PURE__ */ jsx(
+      SelectTrigger,
+      {
+        id,
+        "aria-invalid": invalid || void 0,
+        "aria-describedby": describedBy,
+        "aria-required": field.required || void 0,
+        children: /* @__PURE__ */ jsx(SelectValue, { placeholder: t("ai.messageForm.selectPlaceholder") })
+      }
+    ),
+    /* @__PURE__ */ jsx(SelectContent, { children: field.options.map((option) => /* @__PURE__ */ jsx(SelectItem, { value: optionValue(option), children: optionLabel(option) }, optionValue(option))) })
+  ] });
+}
+function MultiEnumControl({
+  field,
+  value,
+  disabled,
+  id,
+  labelId,
+  describedBy,
+  setValue
+}) {
+  const selected = Array.isArray(value) ? value : [];
+  const toggle = (optValue, checked) => {
+    const next = checked ? [...selected, optValue] : selected.filter((v) => v !== optValue);
+    setValue(field.name, next);
+  };
+  return (
+    // The group is the focus-first-error target (id + tabIndex=-1). It is named
+    // by the field's visible label via aria-labelledby — NOT aria-label — so no
+    // single checkbox ends up with two <label for> associations.
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        role: "group",
+        id,
+        tabIndex: -1,
+        "aria-labelledby": labelId,
+        "aria-describedby": describedBy,
+        className: "flex flex-col gap-2 focus:outline-none",
+        children: field.options.map((option) => {
+          const optValue = optionValue(option);
+          const optionId = `${id}-${optValue}`;
+          return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsx(
+              Checkbox,
+              {
+                id: optionId,
+                checked: selected.includes(optValue),
+                disabled,
+                onCheckedChange: (checked) => toggle(optValue, checked === true)
+              }
+            ),
+            /* @__PURE__ */ jsx(Label, { htmlFor: optionId, className: "font-normal", children: optionLabel(option) })
+          ] }, optValue);
+        })
+      }
+    )
+  );
+}
+var MessageFormField = forwardRef(
+  function MessageFormField2({ name, className, ...props }, ref) {
+    const ctx = useMessageFormContext();
+    const field = ctx.spec.fields.find((f) => f.name === name);
+    if (!field) return null;
+    const id = controlId(ctx.formId, name);
+    const labelId = `${ctx.formId}-label-${name}`;
+    const value = effectiveValue(field, ctx.values);
+    const error = ctx.errors[name] ?? null;
+    const invalid = Boolean(error);
+    const controlDisabled = ctx.disabled || ctx.submitted || ctx.submitting;
+    const readOnly = ctx.submitted;
+    const description = field.description;
+    const hasDesc = Boolean(description);
+    const describedBy = [hasDesc ? descId(ctx.formId, name) : null, invalid ? errorId(ctx.formId, name) : null].filter(Boolean).join(" ") || void 0;
+    const controlProps = {
+      field,
+      value,
+      invalid,
+      disabled: controlDisabled,
+      readOnly,
+      id,
+      labelId,
+      describedBy,
+      setValue: ctx.setValue
+    };
+    const isBoolean = field.type === "boolean";
+    const isGroupField = field.type === "multi-enum";
+    return /* @__PURE__ */ jsxs("div", { ref, className: cn("flex flex-col gap-1.5", className), ...props, children: [
+      !isBoolean && /* @__PURE__ */ jsxs(
+        Label,
+        {
+          id: labelId,
+          htmlFor: isGroupField ? void 0 : id,
+          className: "flex items-center gap-1",
+          children: [
+            fieldLabel(field),
+            field.required && /* @__PURE__ */ jsx("span", { "aria-hidden": "true", className: "text-destructive-text", children: "*" })
+          ]
+        }
+      ),
+      field.type === "string" && /* @__PURE__ */ jsx(StringControl, { ...controlProps, field }),
+      (field.type === "number" || field.type === "integer") && /* @__PURE__ */ jsx(NumberControl, { ...controlProps, field }),
+      field.type === "boolean" && /* @__PURE__ */ jsx(BooleanControl, { ...controlProps, field }),
+      field.type === "enum" && /* @__PURE__ */ jsx(EnumControl, { ...controlProps, field }),
+      field.type === "multi-enum" && /* @__PURE__ */ jsx(MultiEnumControl, { ...controlProps, field }),
+      hasDesc && /* @__PURE__ */ jsx("p", { id: descId(ctx.formId, name), className: "text-caption text-muted-foreground", children: description }),
+      invalid && /* @__PURE__ */ jsx("p", { id: errorId(ctx.formId, name), className: "text-caption text-destructive-text", children: error })
+    ] });
+  }
+);
+var MessageFormFields = forwardRef(
+  function MessageFormFields2({ className, ...props }, ref) {
+    const { spec, isStreaming } = useMessageFormContext();
+    if (spec.fields.length === 0 && isStreaming) {
+      return /* @__PURE__ */ jsxs("div", { ref, className: cn("flex flex-col gap-4", className), ...props, children: [
+        /* @__PURE__ */ jsx("span", { className: "sr-only", role: "status", "aria-live": "polite", children: "Loading form\u2026" }),
+        /* @__PURE__ */ jsx("div", { "aria-hidden": "true", className: "flex flex-col gap-4", children: [0, 1, 2].map((i) => /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1.5", children: [
+          /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-24" }),
+          /* @__PURE__ */ jsx(Skeleton, { className: "h-9 w-full" })
+        ] }, i)) })
+      ] });
+    }
+    return /* @__PURE__ */ jsx("div", { ref, className: cn("flex flex-col gap-4", className), ...props, children: spec.fields.map((field) => /* @__PURE__ */ jsx(MessageFormField, { name: field.name }, field.name)) });
+  }
+);
+var MessageFormSubmit = forwardRef(
+  function MessageFormSubmit2({ label, className, ...props }, ref) {
+    const { spec, submitting, submitted, disabled } = useMessageFormContext();
+    if (submitted) {
+      return /* @__PURE__ */ jsx("div", { ref, className: cn("flex items-center", className), ...props, children: /* @__PURE__ */ jsxs(Badge, { variant: "success", "aria-live": "polite", children: [
+        /* @__PURE__ */ jsx(Check, { "aria-hidden": "true", className: "size-3" }),
+        "Submitted"
+      ] }) });
+    }
+    const text = label ?? spec.submitLabel ?? "Submit";
+    return /* @__PURE__ */ jsx("div", { ref, className: cn("flex items-center", className), ...props, children: /* @__PURE__ */ jsxs(Button, { type: "submit", disabled: disabled || submitting, "aria-busy": submitting || void 0, children: [
+      submitting && /* @__PURE__ */ jsx(Spinner, { "aria-hidden": "true", className: "text-current" }),
+      submitting ? "Submitting\u2026" : text
+    ] }) });
+  }
+);
+var MessageFormRoot = forwardRef(
+  function MessageFormRoot2({ className, children, ...props }, ref) {
+    const { t } = useLocale();
+    const { submit, headingId, spec, disabled, submitting } = useMessageFormContext();
+    const handleSubmit = (e) => {
+      e.preventDefault();
+      if (disabled || submitting) return;
+      submit();
+    };
+    return /* @__PURE__ */ jsx(
+      "form",
+      {
+        ref,
+        noValidate: true,
+        onSubmit: handleSubmit,
+        "aria-labelledby": spec.title ? headingId : void 0,
+        "aria-label": spec.title ? void 0 : spec.formName || t("ai.messageForm.label"),
+        className: cn("flex w-full flex-col gap-4", className),
+        ...props,
+        children
+      }
+    );
+  }
+);
+var MessageFormTitle = forwardRef(
+  function MessageFormTitle2({ className, children, ...props }, ref) {
+    const { headingId, spec } = useMessageFormContext();
+    const content = children ?? spec.title;
+    if (!content) return null;
+    return /* @__PURE__ */ jsx(
+      "p",
+      {
+        ref,
+        id: headingId,
+        className: cn("text-subtitle text-foreground text-balance", className),
+        ...props,
+        children: content
+      }
+    );
+  }
+);
+var MessageFormDescription = forwardRef(
+  function MessageFormDescription2({ className, children, ...props }, ref) {
+    const { spec } = useMessageFormContext();
+    const content = children ?? spec.description;
+    if (!content) return null;
+    return /* @__PURE__ */ jsx(
+      "p",
+      {
+        ref,
+        className: cn("text-body text-muted-foreground text-pretty", className),
+        ...props,
+        children: content
+      }
+    );
+  }
+);
+var MessageFormFallback = forwardRef(
+  function MessageFormFallback2({ message = "This form could not be displayed.", className, ...props }, ref) {
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        role: "status",
+        "aria-live": "polite",
+        className: cn(
+          // Sole structural cue is the border (no fill) — reads in every theme.
+          "flex items-center justify-center rounded-md border border-border-strong px-4 py-6 text-center text-body text-muted-foreground",
+          className
+        ),
+        ...props,
+        children: message
+      }
+    );
+  }
+);
+var MessageForm = forwardRef(function MessageForm2({
+  spec,
+  values,
+  onChange,
+  onSubmit,
+  submitLabel,
+  disabled,
+  submitted,
+  submitting,
+  isStreaming,
+  streaming,
+  className,
+  ...props
+}, ref) {
+  const resolvedStreaming = isStreaming ?? streaming;
+  const result = normalizeFormSpec(spec);
+  if (!result.ok) {
+    return /* @__PURE__ */ jsx(MessageFormFallback, { ref, message: result.reason, className, ...props });
+  }
+  const normalized = result.spec;
+  const empty = normalized.fields.length === 0;
+  if (empty && !resolvedStreaming) {
+    return /* @__PURE__ */ jsx(
+      MessageFormFallback,
+      {
+        ref,
+        message: "This form has no fields to fill in.",
+        className,
+        ...props
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(
+    MessageFormProvider,
+    {
+      spec: normalized,
+      values,
+      onChange,
+      onSubmit,
+      disabled,
+      submitted,
+      submitting,
+      isStreaming: resolvedStreaming,
+      children: /* @__PURE__ */ jsx("div", { ref, className: cn("w-full", className), ...props, children: /* @__PURE__ */ jsxs(MessageFormRoot, { children: [
+        (normalized.title || normalized.description) && /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1", children: [
+          /* @__PURE__ */ jsx(MessageFormTitle, {}),
+          /* @__PURE__ */ jsx(MessageFormDescription, {})
+        ] }),
+        /* @__PURE__ */ jsx(MessageFormFields, {}),
+        /* @__PURE__ */ jsx(MessageFormSubmit, { label: submitLabel })
+      ] }) })
+    }
+  );
+});
+
+export {
+  MessageFormProvider,
+  MessageFormField,
+  MessageFormFields,
+  MessageFormSubmit,
+  MessageFormRoot,
+  MessageFormTitle,
+  MessageFormDescription,
+  MessageFormFallback,
+  MessageForm
+};
+//# sourceMappingURL=chunk-T56JFGXI.js.map

package/dist/chunk-T56JFGXI.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/message-form.tsx"],"sourcesContent":["\"use client\";\n\n/**\n * MessageForm — a model-emittable form rendered inside a chat message.\n *\n * The model emits a serializable `FormSpec` (see `message-form-spec.ts`); the\n * user fills it; the app receives structured `{ formName, values }` on submit.\n *\n * Design bar (mirrors AutoChart + ChangeReview):\n * - Spec-driven, zod-validated. The model is the author; it never chooses look.\n * - Never throws on model output. A malformed spec → `MessageFormFallback`.\n * - Streaming-tolerant. Half-arrived fields are dropped (not fatal); an empty\n *   spec while streaming shows a skeleton, never a crash.\n * - Compound + lifted state, controlled AND uncontrolled (the ChangeReview\n *   pattern): `MessageFormProvider` owns the values; the parts read a context.\n * - Tokens only; keyboard-operable; inline errors; focus the first error on\n *   submit; a submitted form renders inert with its values visible (a chat\n *   message is a historical record).\n *\n * Composes `@elabs-ai/components-ui` inputs — it does NOT re-invent field primitives.\n *\n * Compound structure (named exports, the Card/CardHeader convention):\n *   <MessageFormProvider>   — lifted state (values + errors + actions)\n *     <MessageFormRoot>     — the <form> element (never nest inside another form)\n *       <MessageFormFields> — every field, or place <MessageFormField> yourself\n *       <MessageFormSubmit> — submit button / submitting spinner / submitted note\n */\n\nimport {\n  createContext,\n  forwardRef,\n  use,\n  useCallback,\n  useId,\n  useMemo,\n  useState,\n  type FormEvent,\n  type HTMLAttributes,\n  type ReactNode,\n} from \"react\";\nimport { Check } from \"lucide-react\";\nimport {\n  Badge,\n  Button,\n  Checkbox,\n  Input,\n  Label,\n  NumberInput,\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n  Skeleton,\n  Spinner,\n  Textarea,\n} from \"@elabs-ai/components-ui\";\nimport { cn } from \"@elabs-ai/components-ui/lib/cn\";\nimport { useLocale } from \"@elabs-ai/components-ui\";\n\nimport {\n  fieldLabel,\n  initialFormValues,\n  normalizeFormSpec,\n  optionLabel,\n  optionValue,\n  validateForm,\n  type FieldSpec,\n  type FormSpec,\n  type FormSubmitState,\n  type FormValue,\n  type FormValues,\n  type NormalizedFormSpec,\n} from \"./message-form-spec\";\n\n// ─── Context ────────────────────────────────────────────────────────────────\n\ninterface MessageFormContextValue {\n  spec: NormalizedFormSpec;\n  values: FormValues;\n  /** Per-field error text, only populated after a submit attempt. */\n  errors: Record<string, string | null>;\n  setValue: (name: string, value: FormValue) => void;\n  submit: () => void;\n  reset: () => void;\n  /** True once submit has been attempted (drives error visibility). */\n  attempted: boolean;\n  submitted: boolean;\n  submitting: boolean;\n  disabled: boolean;\n  isStreaming: boolean;\n  formId: string;\n  headingId: string;\n}\n\nconst MessageFormContext = createContext<MessageFormContextValue | null>(null);\n\nfunction useMessageFormContext(): MessageFormContextValue {\n  const ctx = use(MessageFormContext);\n  if (!ctx) {\n    throw new Error(\"MessageForm sub-components must be rendered inside <MessageFormProvider>.\");\n  }\n  return ctx;\n}\n\n/** Stable DOM id for a field's primary control (used for label + focus). */\nfunction controlId(formId: string, name: string): string {\n  return `${formId}-field-${name}`;\n}\nfunction descId(formId: string, name: string): string {\n  return `${formId}-desc-${name}`;\n}\nfunction errorId(formId: string, name: string): string {\n  return `${formId}-error-${name}`;\n}\n\n/** The effective value for a field (state value, else its default). */\nfunction effectiveValue(field: FieldSpec, values: FormValues): FormValue {\n  const v = values[field.name];\n  if (v !== undefined) return v;\n  if (field.default !== undefined) return field.default;\n  if (field.type === \"boolean\") return false;\n  if (field.type === \"multi-enum\") return [];\n  return undefined;\n}\n\n// ─── Provider ───────────────────────────────────────────────────────────────\n\nexport interface MessageFormProviderProps {\n  /** A validated/normalized spec (a plain `FormSpec` also satisfies this). */\n  spec: NormalizedFormSpec;\n  /**\n   * Controlled values. When provided the component is controlled and `onChange`\n   * is the only way to update state.\n   */\n  values?: FormValues;\n  /** Called with the next full values object on any field change. */\n  onChange?: (values: FormValues) => void;\n  /** Called with `{ formName, values }` when a valid form is submitted. */\n  onSubmit?: (state: FormSubmitState) => void;\n  /** Disable every control (form is not interactable). */\n  disabled?: boolean;\n  /** Terminal submitted state: controls are inert, values visible, no submit. */\n  submitted?: boolean;\n  /** In-flight submit: controls disabled, the submit button shows a spinner. */\n  submitting?: boolean;\n  /** The spec is still streaming in (renders a skeleton when no fields yet). */\n  isStreaming?: boolean;\n  /** @deprecated Use `isStreaming`. */\n  streaming?: boolean;\n  children: ReactNode;\n}\n\n/**\n * Lifts the form values. Controlled (pass `values`) or uncontrolled.\n * Derives `isControlled = values !== undefined` and never flips modes.\n */\nexport function MessageFormProvider({\n  spec,\n  values: valuesProp,\n  onChange,\n  onSubmit,\n  disabled = false,\n  submitted = false,\n  submitting = false,\n  isStreaming,\n  streaming = false,\n  children,\n}: MessageFormProviderProps) {\n  const resolvedStreaming = isStreaming ?? streaming;\n  const formId = useId();\n  const headingId = `${formId}-title`;\n\n  const isControlled = valuesProp !== undefined;\n  const [internalValues, setInternalValues] = useState<FormValues>(() =>\n    initialFormValues(spec.fields),\n  );\n  const [attempted, setAttempted] = useState(false);\n\n  const resolvedValues = isControlled ? (valuesProp as FormValues) : internalValues;\n\n  const setValue = useCallback(\n    (name: string, value: FormValue) => {\n      const base = isControlled ? (valuesProp as FormValues) : internalValues;\n      const next: FormValues = { ...base, [name]: value };\n      if (!isControlled) setInternalValues(next);\n      onChange?.(next);\n    },\n    [isControlled, valuesProp, internalValues, onChange],\n  );\n\n  const submit = useCallback(() => {\n    setAttempted(true);\n    // Build the effective values (defaults folded in) for validation + payload.\n    const merged: FormValues = { ...resolvedValues };\n    for (const field of spec.fields) merged[field.name] = effectiveValue(field, resolvedValues);\n\n    const errs = validateForm(spec.fields, merged);\n    const firstInvalid = spec.fields.find((f) => errs[f.name]);\n    if (firstInvalid) {\n      // Focus the first field with an error (a11y: don't leave the user hunting).\n      if (typeof document !== \"undefined\") {\n        const el = document.getElementById(controlId(formId, firstInvalid.name));\n        el?.focus();\n      }\n      return;\n    }\n    onSubmit?.({ formName: spec.formName, values: merged });\n  }, [resolvedValues, spec.fields, spec.formName, formId, onSubmit]);\n\n  const reset = useCallback(() => {\n    setAttempted(false);\n    const seeded = initialFormValues(spec.fields);\n    if (!isControlled) setInternalValues(seeded);\n    onChange?.(seeded);\n  }, [isControlled, spec.fields, onChange]);\n\n  // Errors only surface after a submit attempt; then they live-update on change.\n  const errors = useMemo<Record<string, string | null>>(() => {\n    if (!attempted) return {};\n    const merged: FormValues = { ...resolvedValues };\n    for (const field of spec.fields) merged[field.name] = effectiveValue(field, resolvedValues);\n    return validateForm(spec.fields, merged);\n  }, [attempted, resolvedValues, spec.fields]);\n\n  const value = useMemo<MessageFormContextValue>(\n    () => ({\n      spec,\n      values: resolvedValues,\n      errors,\n      setValue,\n      submit,\n      reset,\n      attempted,\n      submitted,\n      submitting,\n      disabled,\n      isStreaming: resolvedStreaming,\n      formId,\n      headingId,\n    }),\n    [\n      spec,\n      resolvedValues,\n      errors,\n      setValue,\n      submit,\n      reset,\n      attempted,\n      submitted,\n      submitting,\n      disabled,\n      resolvedStreaming,\n      formId,\n      headingId,\n    ],\n  );\n\n  return <MessageFormContext.Provider value={value}>{children}</MessageFormContext.Provider>;\n}\n\n// ─── Field control renderers ──────────────────────────────────────────────────\n\ninterface FieldControlProps {\n  field: FieldSpec;\n  value: FormValue;\n  invalid: boolean;\n  disabled: boolean;\n  readOnly: boolean;\n  id: string;\n  /** Id of the field's visible label (used by grouped controls' aria-labelledby). */\n  labelId: string;\n  describedBy: string | undefined;\n  setValue: (name: string, value: FormValue) => void;\n}\n\nfunction StringControl({\n  field,\n  value,\n  invalid,\n  disabled,\n  readOnly,\n  id,\n  describedBy,\n  setValue,\n}: FieldControlProps & { field: Extract<FieldSpec, { type: \"string\" }> }) {\n  const text = value === undefined ? \"\" : String(value);\n  const commonAria = {\n    id,\n    \"aria-invalid\": invalid || undefined,\n    \"aria-describedby\": describedBy,\n    \"aria-required\": field.required || undefined,\n    required: field.required,\n  } as const;\n\n  if (field.multiline) {\n    return (\n      <Textarea\n        {...commonAria}\n        name={field.name}\n        value={text}\n        disabled={disabled}\n        readOnly={readOnly}\n        maxLength={field.maxLength}\n        onChange={(e) => setValue(field.name, e.target.value)}\n      />\n    );\n  }\n\n  // Map the format hint → input type + autofill/keyboard hints.\n  const inputType =\n    field.format === \"email\"\n      ? \"email\"\n      : field.format === \"uri\"\n        ? \"url\"\n        : field.format === \"date\"\n          ? \"date\"\n          : field.format === \"date-time\"\n            ? \"datetime-local\"\n            : \"text\";\n  const spellCheck = field.format === \"email\" || field.format === \"uri\" ? false : undefined;\n  const inputMode = field.format === \"email\" ? \"email\" : field.format === \"uri\" ? \"url\" : undefined;\n\n  return (\n    <Input\n      {...commonAria}\n      type={inputType}\n      name={field.name}\n      value={text}\n      disabled={disabled}\n      readOnly={readOnly}\n      minLength={field.minLength}\n      maxLength={field.maxLength}\n      spellCheck={spellCheck}\n      inputMode={inputMode}\n      onChange={(e) => setValue(field.name, e.target.value)}\n    />\n  );\n}\n\nfunction NumberControl({\n  field,\n  value,\n  invalid,\n  disabled,\n  readOnly,\n  id,\n  describedBy,\n  setValue,\n}: FieldControlProps & { field: Extract<FieldSpec, { type: \"number\" | \"integer\" }> }) {\n  const num = typeof value === \"number\" ? value : null;\n  return (\n    <NumberInput\n      id={id}\n      name={field.name}\n      value={num}\n      min={field.min}\n      max={field.max}\n      step={field.type === \"integer\" ? 1 : undefined}\n      disabled={disabled}\n      readOnly={readOnly}\n      aria-invalid={invalid || undefined}\n      aria-describedby={describedBy}\n      aria-required={field.required || undefined}\n      onValueChange={(next) => setValue(field.name, next ?? undefined)}\n    />\n  );\n}\n\nfunction BooleanControl({\n  field,\n  value,\n  disabled,\n  id,\n  describedBy,\n  setValue,\n}: FieldControlProps & { field: Extract<FieldSpec, { type: \"boolean\" }> }) {\n  // Checkbox + clickable label share ONE hit target (no dead zone).\n  return (\n    <div className=\"flex items-center gap-2\">\n      <Checkbox\n        id={id}\n        name={field.name}\n        checked={value === true}\n        disabled={disabled}\n        aria-describedby={describedBy}\n        aria-required={field.required || undefined}\n        onCheckedChange={(checked) => setValue(field.name, checked === true)}\n      />\n      <Label htmlFor={id} className=\"flex items-center gap-1 font-normal\">\n        {fieldLabel(field)}\n        {field.required && (\n          <span aria-hidden=\"true\" className=\"text-destructive-text\">\n            *\n          </span>\n        )}\n      </Label>\n    </div>\n  );\n}\n\nfunction EnumControl({\n  field,\n  value,\n  invalid,\n  disabled,\n  id,\n  describedBy,\n  setValue,\n}: FieldControlProps & { field: Extract<FieldSpec, { type: \"enum\" }> }) {\n  const { t } = useLocale();\n  const current = typeof value === \"string\" && value.length > 0 ? value : undefined;\n  return (\n    <Select value={current} disabled={disabled} onValueChange={(v) => setValue(field.name, v)}>\n      <SelectTrigger\n        id={id}\n        aria-invalid={invalid || undefined}\n        aria-describedby={describedBy}\n        aria-required={field.required || undefined}\n      >\n        <SelectValue placeholder={t(\"ai.messageForm.selectPlaceholder\")} />\n      </SelectTrigger>\n      <SelectContent>\n        {field.options.map((option) => (\n          <SelectItem key={optionValue(option)} value={optionValue(option)}>\n            {optionLabel(option)}\n          </SelectItem>\n        ))}\n      </SelectContent>\n    </Select>\n  );\n}\n\nfunction MultiEnumControl({\n  field,\n  value,\n  disabled,\n  id,\n  labelId,\n  describedBy,\n  setValue,\n}: FieldControlProps & { field: Extract<FieldSpec, { type: \"multi-enum\" }> }) {\n  const selected = Array.isArray(value) ? value : [];\n  const toggle = (optValue: string, checked: boolean) => {\n    const next = checked ? [...selected, optValue] : selected.filter((v) => v !== optValue);\n    setValue(field.name, next);\n  };\n  return (\n    // The group is the focus-first-error target (id + tabIndex=-1). It is named\n    // by the field's visible label via aria-labelledby — NOT aria-label — so no\n    // single checkbox ends up with two <label for> associations.\n    <div\n      role=\"group\"\n      id={id}\n      tabIndex={-1}\n      aria-labelledby={labelId}\n      aria-describedby={describedBy}\n      className=\"flex flex-col gap-2 focus:outline-none\"\n    >\n      {field.options.map((option) => {\n        const optValue = optionValue(option);\n        const optionId = `${id}-${optValue}`;\n        return (\n          <div key={optValue} className=\"flex items-center gap-2\">\n            <Checkbox\n              id={optionId}\n              checked={selected.includes(optValue)}\n              disabled={disabled}\n              onCheckedChange={(checked) => toggle(optValue, checked === true)}\n            />\n            <Label htmlFor={optionId} className=\"font-normal\">\n              {optionLabel(option)}\n            </Label>\n          </div>\n        );\n      })}\n    </div>\n  );\n}\n\n// ─── Field ────────────────────────────────────────────────────────────────────\n\nexport interface MessageFormFieldProps extends Omit<HTMLAttributes<HTMLDivElement>, \"children\"> {\n  /** The field's `name` (its key in the spec + values). */\n  name: string;\n}\n\n/**\n * Renders one field by name: label, control, description, inline error.\n * Boolean fields render their own inline label (checkbox + label), so the\n * standalone `<Label>` above is suppressed for them.\n */\nexport const MessageFormField = forwardRef<HTMLDivElement, MessageFormFieldProps>(\n  function MessageFormField({ name, className, ...props }, ref) {\n    const ctx = useMessageFormContext();\n    const field = ctx.spec.fields.find((f) => f.name === name);\n    if (!field) return null;\n\n    const id = controlId(ctx.formId, name);\n    const labelId = `${ctx.formId}-label-${name}`;\n    const value = effectiveValue(field, ctx.values);\n    const error = ctx.errors[name] ?? null;\n    const invalid = Boolean(error);\n    const controlDisabled = ctx.disabled || ctx.submitted || ctx.submitting;\n    const readOnly = ctx.submitted;\n    const description = field.description;\n    const hasDesc = Boolean(description);\n    const describedBy =\n      [hasDesc ? descId(ctx.formId, name) : null, invalid ? errorId(ctx.formId, name) : null]\n        .filter(Boolean)\n        .join(\" \") || undefined;\n\n    const controlProps: FieldControlProps = {\n      field,\n      value,\n      invalid,\n      disabled: controlDisabled,\n      readOnly,\n      id,\n      labelId,\n      describedBy,\n      setValue: ctx.setValue,\n    };\n\n    const isBoolean = field.type === \"boolean\";\n    // A multi-enum renders a checkbox group named via aria-labelledby, so its\n    // label must NOT use htmlFor (which would associate with a single control).\n    const isGroupField = field.type === \"multi-enum\";\n\n    return (\n      <div ref={ref} className={cn(\"flex flex-col gap-1.5\", className)} {...props}>\n        {!isBoolean && (\n          <Label\n            id={labelId}\n            htmlFor={isGroupField ? undefined : id}\n            className=\"flex items-center gap-1\"\n          >\n            {fieldLabel(field)}\n            {field.required && (\n              <span aria-hidden=\"true\" className=\"text-destructive-text\">\n                *\n              </span>\n            )}\n          </Label>\n        )}\n\n        {field.type === \"string\" && <StringControl {...controlProps} field={field} />}\n        {(field.type === \"number\" || field.type === \"integer\") && (\n          <NumberControl {...controlProps} field={field} />\n        )}\n        {field.type === \"boolean\" && <BooleanControl {...controlProps} field={field} />}\n        {field.type === \"enum\" && <EnumControl {...controlProps} field={field} />}\n        {field.type === \"multi-enum\" && <MultiEnumControl {...controlProps} field={field} />}\n\n        {hasDesc && (\n          <p id={descId(ctx.formId, name)} className=\"text-caption text-muted-foreground\">\n            {description}\n          </p>\n        )}\n        {invalid && (\n          <p id={errorId(ctx.formId, name)} className=\"text-caption text-destructive-text\">\n            {error}\n          </p>\n        )}\n      </div>\n    );\n  },\n);\n\n// ─── Fields (all) ─────────────────────────────────────────────────────────────\n\nexport type MessageFormFieldsProps = HTMLAttributes<HTMLDivElement>;\n\n/** Renders every field in the spec, in order. A skeleton while streaming empty. */\nexport const MessageFormFields = forwardRef<HTMLDivElement, MessageFormFieldsProps>(\n  function MessageFormFields({ className, ...props }, ref) {\n    const { spec, isStreaming } = useMessageFormContext();\n\n    if (spec.fields.length === 0 && isStreaming) {\n      return (\n        <div ref={ref} className={cn(\"flex flex-col gap-4\", className)} {...props}>\n          <span className=\"sr-only\" role=\"status\" aria-live=\"polite\">\n            Loading form…\n          </span>\n          <div aria-hidden=\"true\" className=\"flex flex-col gap-4\">\n            {[0, 1, 2].map((i) => (\n              <div key={i} className=\"flex flex-col gap-1.5\">\n                <Skeleton className=\"h-4 w-24\" />\n                <Skeleton className=\"h-9 w-full\" />\n              </div>\n            ))}\n          </div>\n        </div>\n      );\n    }\n\n    return (\n      <div ref={ref} className={cn(\"flex flex-col gap-4\", className)} {...props}>\n        {spec.fields.map((field) => (\n          <MessageFormField key={field.name} name={field.name} />\n        ))}\n      </div>\n    );\n  },\n);\n\n// ─── Submit ───────────────────────────────────────────────────────────────────\n\nexport interface MessageFormSubmitProps extends Omit<HTMLAttributes<HTMLDivElement>, \"children\"> {\n  /** Submit button label (overrides `spec.submitLabel`). @default \"Submit\" */\n  label?: string;\n}\n\n/**\n * The submit affordance. Enabled until the request starts (validation runs on\n * click), then a spinner. A submitted form shows an inert \"Submitted\" note.\n */\nexport const MessageFormSubmit = forwardRef<HTMLDivElement, MessageFormSubmitProps>(\n  function MessageFormSubmit({ label, className, ...props }, ref) {\n    const { spec, submitting, submitted, disabled } = useMessageFormContext();\n\n    if (submitted) {\n      return (\n        <div ref={ref} className={cn(\"flex items-center\", className)} {...props}>\n          <Badge variant=\"success\" aria-live=\"polite\">\n            <Check aria-hidden=\"true\" className=\"size-3\" />\n            Submitted\n          </Badge>\n        </div>\n      );\n    }\n\n    const text = label ?? spec.submitLabel ?? \"Submit\";\n    return (\n      <div ref={ref} className={cn(\"flex items-center\", className)} {...props}>\n        <Button type=\"submit\" disabled={disabled || submitting} aria-busy={submitting || undefined}>\n          {submitting && <Spinner aria-hidden=\"true\" className=\"text-current\" />}\n          {submitting ? \"Submitting…\" : text}\n        </Button>\n      </div>\n    );\n  },\n);\n\n// ─── Root (the <form> element) ────────────────────────────────────────────────\n\nexport type MessageFormRootProps = Omit<HTMLAttributes<HTMLFormElement>, \"onSubmit\">;\n\n/**\n * The `<form>` element wired to the context's `submit`. Never nest inside\n * another `<form>` — compose it as its own message-body block.\n */\nexport const MessageFormRoot = forwardRef<HTMLFormElement, MessageFormRootProps>(\n  function MessageFormRoot({ className, children, ...props }, ref) {\n    const { t } = useLocale();\n    const { submit, headingId, spec, disabled, submitting } = useMessageFormContext();\n    const handleSubmit = (e: FormEvent<HTMLFormElement>) => {\n      e.preventDefault();\n      if (disabled || submitting) return;\n      submit();\n    };\n    return (\n      <form\n        ref={ref}\n        noValidate\n        onSubmit={handleSubmit}\n        aria-labelledby={spec.title ? headingId : undefined}\n        aria-label={spec.title ? undefined : spec.formName || t(\"ai.messageForm.label\")}\n        className={cn(\"flex w-full flex-col gap-4\", className)}\n        {...props}\n      >\n        {children}\n      </form>\n    );\n  },\n);\n\n// ─── Title + Description ──────────────────────────────────────────────────────\n\nexport type MessageFormTitleProps = HTMLAttributes<HTMLParagraphElement>;\n\n/** The form heading. Its id is the `<form>`'s `aria-labelledby` target. */\nexport const MessageFormTitle = forwardRef<HTMLParagraphElement, MessageFormTitleProps>(\n  function MessageFormTitle({ className, children, ...props }, ref) {\n    const { headingId, spec } = useMessageFormContext();\n    const content = children ?? spec.title;\n    if (!content) return null;\n    return (\n      <p\n        ref={ref}\n        id={headingId}\n        className={cn(\"text-subtitle text-foreground text-balance\", className)}\n        {...props}\n      >\n        {content}\n      </p>\n    );\n  },\n);\n\nexport type MessageFormDescriptionProps = HTMLAttributes<HTMLParagraphElement>;\n\n/** Supplemental description under the title. */\nexport const MessageFormDescription = forwardRef<HTMLParagraphElement, MessageFormDescriptionProps>(\n  function MessageFormDescription({ className, children, ...props }, ref) {\n    const { spec } = useMessageFormContext();\n    const content = children ?? spec.description;\n    if (!content) return null;\n    return (\n      <p\n        ref={ref}\n        className={cn(\"text-body text-muted-foreground text-pretty\", className)}\n        {...props}\n      >\n        {content}\n      </p>\n    );\n  },\n);\n\n// ─── Fallback ─────────────────────────────────────────────────────────────────\n\nexport interface MessageFormFallbackProps extends HTMLAttributes<HTMLDivElement> {\n  /** Short human reason the form could not render. */\n  message?: string;\n}\n\n/**\n * Shown when the spec is unusable. Mirrors `ChartFallback`: a calm, bordered\n * status box with a short reason — never a thrown error.\n */\nexport const MessageFormFallback = forwardRef<HTMLDivElement, MessageFormFallbackProps>(\n  function MessageFormFallback(\n    { message = \"This form could not be displayed.\", className, ...props },\n    ref,\n  ) {\n    return (\n      <div\n        ref={ref}\n        role=\"status\"\n        aria-live=\"polite\"\n        className={cn(\n          // Sole structural cue is the border (no fill) — reads in every theme.\n          \"flex items-center justify-center rounded-md border border-border-strong px-4 py-6 text-center text-body text-muted-foreground\",\n          className,\n        )}\n        {...props}\n      >\n        {message}\n      </div>\n    );\n  },\n);\n\n// ─── Root convenience component ────────────────────────────────────────────────\n\nexport interface MessageFormProps extends Omit<\n  HTMLAttributes<HTMLDivElement>,\n  \"onSubmit\" | \"onChange\" | \"title\"\n> {\n  /** The serializable form specification produced by an LLM tool-call. */\n  spec: FormSpec | unknown;\n  /** Controlled values (`{ [fieldName]: value }`). Omit for uncontrolled. */\n  values?: FormValues;\n  /** Called with the next full values object on any change. */\n  onChange?: (values: FormValues) => void;\n  /** Called with `{ formName, values }` on a valid submit. */\n  onSubmit?: (state: FormSubmitState) => void;\n  /** Submit button label (overrides `spec.submitLabel`). */\n  submitLabel?: string;\n  /** Disable every control. */\n  disabled?: boolean;\n  /** Terminal submitted state: inert, values visible, submit replaced. */\n  submitted?: boolean;\n  /** In-flight submit: controls disabled, spinner on submit. */\n  submitting?: boolean;\n  /** The spec is still streaming (renders a skeleton when no fields yet). */\n  isStreaming?: boolean;\n  /** @deprecated Use `isStreaming`. */\n  streaming?: boolean;\n}\n\n/**\n * Convenience composition: `Provider → Root(form) → title/description → Fields →\n * Submit`. For a custom layout, compose `MessageFormProvider` + the parts.\n * A malformed spec renders `MessageFormFallback` (never throws).\n */\nexport const MessageForm = forwardRef<HTMLDivElement, MessageFormProps>(function MessageForm(\n  {\n    spec,\n    values,\n    onChange,\n    onSubmit,\n    submitLabel,\n    disabled,\n    submitted,\n    submitting,\n    isStreaming,\n    streaming,\n    className,\n    ...props\n  },\n  ref,\n) {\n  const resolvedStreaming = isStreaming ?? streaming;\n  const result = normalizeFormSpec(spec);\n  if (!result.ok) {\n    return (\n      <MessageFormFallback ref={ref} message={result.reason} className={className} {...props} />\n    );\n  }\n\n  const normalized = result.spec;\n  const empty = normalized.fields.length === 0;\n\n  // Not streaming + no fields → the spec is structurally valid but useless.\n  if (empty && !resolvedStreaming) {\n    return (\n      <MessageFormFallback\n        ref={ref}\n        message=\"This form has no fields to fill in.\"\n        className={className}\n        {...props}\n      />\n    );\n  }\n\n  return (\n    <MessageFormProvider\n      spec={normalized}\n      values={values}\n      onChange={onChange}\n      onSubmit={onSubmit}\n      disabled={disabled}\n      submitted={submitted}\n      submitting={submitting}\n      isStreaming={resolvedStreaming}\n    >\n      <div ref={ref} className={cn(\"w-full\", className)} {...props}>\n        <MessageFormRoot>\n          {(normalized.title || normalized.description) && (\n            <div className=\"flex flex-col gap-1\">\n              <MessageFormTitle />\n              <MessageFormDescription />\n            </div>\n          )}\n          <MessageFormFields />\n          <MessageFormSubmit label={submitLabel} />\n        </MessageFormRoot>\n      </div>\n    </MessageFormProvider>\n  );\n});\n"],"mappings":"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","names":["value","MessageFormField","MessageFormFields","MessageFormSubmit","MessageFormRoot","MessageFormTitle","MessageFormDescription","MessageFormFallback","MessageForm"]}