formanitor 0.1.11 → 0.2.1

package/dist/ReferralWidget-UPYWEO5R.mjs

@@ -0,0 +1,169 @@
+import { fetchOptions } from './chunk-IFMQKLNW.mjs';
+import { FieldRequiredIndicator, fieldLabelClass, fieldControlClass, fieldErrorClass, fieldWrapperClass } from './chunk-WYVXXEZI.mjs';
+import { useForm } from './chunk-7L2JOWGA.mjs';
+import { Select, SelectTrigger, SelectValue, SelectContent, SelectItem } from './chunk-AZHTIUOL.mjs';
+import { useField, useFieldHandlers } from './chunk-ZTT5XJR7.mjs';
+import { Label } from './chunk-HEFZA2AH.mjs';
+import './chunk-VPU66PI6.mjs';
+import { useState, useCallback, useEffect } from 'react';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+
+function normalizeOptions(response) {
+  if (Array.isArray(response)) {
+    return response.map((o) => ({ label: String(o.label), value: String(o.value) }));
+  }
+  if (response?.specializations?.length) {
+    return response.specializations.map((s) => ({ label: s, value: s }));
+  }
+  return [];
+}
+function normalizeValue(value) {
+  if (!value || !Array.isArray(value)) return [];
+  return value.map((item) => {
+    if (item && typeof item === "object" && "specialization" in item) {
+      const s = item.specialization;
+      const u = item.is_urgent;
+      return { specialization: String(s), is_urgent: Boolean(u) };
+    }
+    return { specialization: String(item), is_urgent: false };
+  });
+}
+var ReferralWidget = ({ fieldId }) => {
+  const { fieldDef, value, setValue, setTouched, error, disabled, touched } = useField(fieldId);
+  const handlers = useFieldHandlers(fieldId);
+  const [options, setOptions] = useState([]);
+  const [loading, setLoading] = useState(false);
+  const { state } = useForm();
+  const showError = !!error && (touched || state.submitAttempted);
+  const selectedItems = normalizeValue(value);
+  const availableOptions = options.filter(
+    (opt) => !selectedItems.some((item) => item.specialization === opt.value)
+  );
+  const loadOptions = useCallback(async () => {
+    if (handlers.onFetchOptions) {
+      setLoading(true);
+      try {
+        const res = await handlers.onFetchOptions();
+        setOptions(normalizeOptions(res));
+      } finally {
+        setLoading(false);
+      }
+      return;
+    }
+    const def = fieldDef;
+    if (def?.options?.length) {
+      setOptions(def.options.map((o) => ({ label: String(o.label), value: String(o.value) })));
+    } else if (def?.dataSource) {
+      setLoading(true);
+      fetchOptions(def.dataSource.source, def.dataSource.params).then((opts) => setOptions(opts.map((o) => ({ label: String(o.label), value: String(o.value) })))).finally(() => setLoading(false));
+    } else {
+      setOptions([]);
+    }
+  }, [fieldDef, handlers]);
+  useEffect(() => {
+    if (!fieldDef) return;
+    loadOptions();
+  }, [fieldDef, loadOptions]);
+  const handleAdd = useCallback(
+    (specialization) => {
+      const next = [...selectedItems, { specialization, is_urgent: false }];
+      setValue(next);
+      setTouched();
+    },
+    [selectedItems, setValue, setTouched]
+  );
+  const handleRemove = useCallback(
+    (specialization) => {
+      const next = selectedItems.filter((item) => item.specialization !== specialization);
+      setValue(next);
+      setTouched();
+    },
+    [selectedItems, setValue, setTouched]
+  );
+  const handleToggleUrgent = useCallback(
+    (specialization) => {
+      const next = selectedItems.map(
+        (item) => item.specialization === specialization ? { ...item, is_urgent: !item.is_urgent } : item
+      );
+      setValue(next);
+      setTouched();
+    },
+    [selectedItems, setValue, setTouched]
+  );
+  if (!fieldDef) return null;
+  return /* @__PURE__ */ jsxs("div", { className: fieldWrapperClass(fieldDef, "space-y-2"), children: [
+    /* @__PURE__ */ jsxs(Label, { htmlFor: fieldId, className: fieldLabelClass(fieldDef), children: [
+      "Referral to ",
+      /* @__PURE__ */ jsx(FieldRequiredIndicator, { fieldDef })
+    ] }),
+    loading && /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: "Loading..." }),
+    !loading && /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsxs(
+        Select,
+        {
+          disabled,
+          value: "",
+          onValueChange: (val) => {
+            if (val) {
+              handleAdd(val);
+            }
+          },
+          children: [
+            /* @__PURE__ */ jsx(
+              SelectTrigger,
+              {
+                id: fieldId,
+                className: fieldControlClass(fieldDef, showError ? "border-red-500" : ""),
+                children: /* @__PURE__ */ jsx(SelectValue, { placeholder: "Select specializations..." })
+              }
+            ),
+            /* @__PURE__ */ jsxs(SelectContent, { children: [
+              availableOptions.map((opt) => /* @__PURE__ */ jsx(SelectItem, { value: opt.value, children: opt.label }, opt.value)),
+              availableOptions.length === 0 && /* @__PURE__ */ jsx("div", { className: "py-2 px-2 text-sm text-muted-foreground", children: "All specializations selected" })
+            ] })
+          ]
+        },
+        `referral-${selectedItems.map((i) => i.specialization).join(",")}`
+      ),
+      selectedItems.length > 0 && /* @__PURE__ */ jsx("div", { className: "mt-1.5 flex h-12 flex-wrap content-start gap-1.5 overflow-y-auto pr-1", children: selectedItems.map((item) => {
+        const isUrgent = item.is_urgent;
+        const chipClass = isUrgent ? "inline-flex items-center gap-0.5 px-2 py-0.5 bg-red-100 text-red-800 border border-red-300 rounded-full text-xs max-w-full cursor-pointer hover:bg-red-200 transition-colors" : "inline-flex items-center gap-0.5 px-2 py-0.5 bg-blue-100 text-blue-800 rounded-full text-xs max-w-full cursor-pointer hover:bg-blue-200 transition-colors";
+        return /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: chipClass,
+            onClick: (e) => {
+              if (e.target instanceof HTMLElement && e.target.closest("button")) return;
+              handleToggleUrgent(item.specialization);
+            },
+            children: [
+              isUrgent && /* @__PURE__ */ jsx("span", { className: "flex-shrink-0 bg-red-600 text-white text-[10px] font-bold px-1 py-0.5 rounded mr-1", children: "U" }),
+              /* @__PURE__ */ jsx("span", { className: "truncate max-w-[120px]", children: item.specialization }),
+              /* @__PURE__ */ jsx(
+                "button",
+                {
+                  type: "button",
+                  onClick: (e) => {
+                    e.stopPropagation();
+                    handleRemove(item.specialization);
+                  },
+                  className: "ml-0.5 text-blue-600 hover:text-blue-800 focus:outline-none flex-shrink-0 text-sm leading-none",
+                  "aria-label": `Remove ${item.specialization}`,
+                  children: "\xD7"
+                }
+              )
+            ]
+          },
+          item.specialization
+        );
+      }) }),
+      selectedItems.length === 0 && /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground mt-1", children: "No specializations selected" }),
+      selectedItems.length > 0 && /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground mt-1.5", children: "Click a chip to mark as urgent" })
+    ] }),
+    showError && /* @__PURE__ */ jsx("p", { className: fieldErrorClass(fieldDef, "text-xs text-red-500"), children: error })
+  ] });
+};
+
+export { ReferralWidget };
+//# sourceMappingURL=ReferralWidget-UPYWEO5R.mjs.map
+//# sourceMappingURL=ReferralWidget-UPYWEO5R.mjs.map

package/dist/ReferralWidget-UPYWEO5R.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ui/widgets/ReferralWidget.tsx"],"names":[],"mappings":"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","file":"ReferralWidget-UPYWEO5R.mjs","sourcesContent":["import React, { useCallback, useEffect, useState } from 'react';\nimport { useField } from '../../react/useField';\nimport { useFieldHandlers } from '../../react/FormProvider';\nimport { useForm } from '../../react/useForm';\nimport { Label } from '../shadcn/label';\nimport {\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from '../shadcn/select';\nimport { fetchOptions } from '../../core/asyncOptions';\nimport type { ReferralFieldDef, ReferralItem } from '../../core/types';\nimport {\n  FieldRequiredIndicator,\n  fieldControlClass,\n  fieldErrorClass,\n  fieldLabelClass,\n  fieldWrapperClass,\n} from '../../react/fieldStyle';\n\nfunction normalizeOptions(\n  response: { specializations?: string[] } | { label: string; value: any }[]\n): { label: string; value: string }[] {\n  if (Array.isArray(response)) {\n    return response.map((o) => ({ label: String(o.label), value: String(o.value) }));\n  }\n  if (response?.specializations?.length) {\n    return response.specializations.map((s) => ({ label: s, value: s }));\n  }\n  return [];\n}\n\nfunction normalizeValue(value: unknown): ReferralItem[] {\n  if (!value || !Array.isArray(value)) return [];\n  return value.map((item) => {\n    if (item && typeof item === 'object' && 'specialization' in item) {\n      const s = (item as ReferralItem).specialization;\n      const u = (item as ReferralItem).is_urgent;\n      return { specialization: String(s), is_urgent: Boolean(u) };\n    }\n    return { specialization: String(item), is_urgent: false };\n  });\n}\n\nexport const ReferralWidget: React.FC<{ fieldId: string }> = ({ fieldId }) => {\n  const { fieldDef, value, setValue, setTouched, error, disabled, touched } = useField(fieldId);\n  const handlers = useFieldHandlers(fieldId);\n  const [options, setOptions] = useState<{ label: string; value: string }[]>([]);\n  const [loading, setLoading] = useState(false);\n  const { state } = useForm();\n  const showError = !!error && (touched || state.submitAttempted);\n\n  const selectedItems = normalizeValue(value);\n  const availableOptions = options.filter(\n    (opt) => !selectedItems.some((item) => item.specialization === opt.value)\n  );\n\n  const loadOptions = useCallback(async () => {\n    if (handlers.onFetchOptions) {\n      setLoading(true);\n      try {\n        const res = await handlers.onFetchOptions();\n        setOptions(normalizeOptions(res));\n      } finally {\n        setLoading(false);\n      }\n      return;\n    }\n    const def = fieldDef as ReferralFieldDef | undefined;\n    if (def?.options?.length) {\n      setOptions(def.options.map((o) => ({ label: String(o.label), value: String(o.value) })));\n    } else if (def?.dataSource) {\n      setLoading(true);\n      fetchOptions(def.dataSource.source, def.dataSource.params)\n        .then((opts) => setOptions(opts.map((o) => ({ label: String(o.label), value: String(o.value) }))))\n        .finally(() => setLoading(false));\n    } else {\n      setOptions([]);\n    }\n  }, [fieldDef, handlers]);\n\n  useEffect(() => {\n    if (!fieldDef) return;\n    loadOptions();\n  }, [fieldDef, loadOptions]);\n\n  const handleAdd = useCallback(\n    (specialization: string) => {\n      const next = [...selectedItems, { specialization, is_urgent: false }];\n      setValue(next);\n      setTouched();\n    },\n    [selectedItems, setValue, setTouched]\n  );\n\n  const handleRemove = useCallback(\n    (specialization: string) => {\n      const next = selectedItems.filter((item) => item.specialization !== specialization);\n      setValue(next);\n      setTouched();\n    },\n    [selectedItems, setValue, setTouched]\n  );\n\n  const handleToggleUrgent = useCallback(\n    (specialization: string) => {\n      const next = selectedItems.map((item) =>\n        item.specialization === specialization\n          ? { ...item, is_urgent: !item.is_urgent }\n          : item\n      );\n      setValue(next);\n      setTouched();\n    },\n    [selectedItems, setValue, setTouched]\n  );\n\n  if (!fieldDef) return null;\n\n  return (\n    <div className={fieldWrapperClass(fieldDef, 'space-y-2')}>\n      <Label htmlFor={fieldId} className={fieldLabelClass(fieldDef)}>\n        Referral to <FieldRequiredIndicator fieldDef={fieldDef} />\n      </Label>\n\n      {loading && <p className=\"text-xs text-muted-foreground\">Loading...</p>}\n\n      {!loading && (\n        <>\n          <Select\n            key={`referral-${selectedItems.map((i) => i.specialization).join(',')}`}\n            disabled={disabled}\n            value=\"\"\n            onValueChange={(val) => {\n              if (val) {\n                handleAdd(val);\n              }\n            }}\n          >\n            <SelectTrigger\n              id={fieldId}\n              className={fieldControlClass(fieldDef, showError ? 'border-red-500' : '')}\n            >\n              <SelectValue placeholder=\"Select specializations...\" />\n            </SelectTrigger>\n            <SelectContent>\n              {availableOptions.map((opt) => (\n                <SelectItem key={opt.value} value={opt.value}>\n                  {opt.label}\n                </SelectItem>\n              ))}\n              {availableOptions.length === 0 && (\n                <div className=\"py-2 px-2 text-sm text-muted-foreground\">\n                  All specializations selected\n                </div>\n              )}\n            </SelectContent>\n          </Select>\n\n          {selectedItems.length > 0 && (\n            <div className=\"mt-1.5 flex h-12 flex-wrap content-start gap-1.5 overflow-y-auto pr-1\">\n              {selectedItems.map((item) => {\n                const isUrgent = item.is_urgent;\n                const chipClass = isUrgent\n                  ? 'inline-flex items-center gap-0.5 px-2 py-0.5 bg-red-100 text-red-800 border border-red-300 rounded-full text-xs max-w-full cursor-pointer hover:bg-red-200 transition-colors'\n                  : 'inline-flex items-center gap-0.5 px-2 py-0.5 bg-blue-100 text-blue-800 rounded-full text-xs max-w-full cursor-pointer hover:bg-blue-200 transition-colors';\n                return (\n                  <div\n                    key={item.specialization}\n                    className={chipClass}\n                    onClick={(e) => {\n                      if (e.target instanceof HTMLElement && e.target.closest('button')) return;\n                      handleToggleUrgent(item.specialization);\n                    }}\n                  >\n                    {isUrgent && (\n                      <span className=\"flex-shrink-0 bg-red-600 text-white text-[10px] font-bold px-1 py-0.5 rounded mr-1\">\n                        U\n                      </span>\n                    )}\n                    <span className=\"truncate max-w-[120px]\">{item.specialization}</span>\n                    <button\n                      type=\"button\"\n                      onClick={(e) => {\n                        e.stopPropagation();\n                        handleRemove(item.specialization);\n                      }}\n                      className=\"ml-0.5 text-blue-600 hover:text-blue-800 focus:outline-none flex-shrink-0 text-sm leading-none\"\n                      aria-label={`Remove ${item.specialization}`}\n                    >\n                      ×\n                    </button>\n                  </div>\n                );\n              })}\n            </div>\n          )}\n\n          {selectedItems.length === 0 && (\n            <p className=\"text-xs text-muted-foreground mt-1\">No specializations selected</p>\n          )}\n\n          {selectedItems.length > 0 && (\n            <p className=\"text-xs text-muted-foreground mt-1.5\">\n              Click a chip to mark as urgent\n            </p>\n          )}\n        </>\n      )}\n\n      {showError && (\n        <p className={fieldErrorClass(fieldDef, 'text-xs text-red-500')}>{error}</p>\n      )}\n    </div>\n  );\n};\n"]}

package/dist/RichTextWidget-BBCNJPMH.mjs

@@ -0,0 +1,11 @@
+export { RichTextWidget } from './chunk-YHNI5NIX.mjs';
+export { richTextHtmlClassName } from './chunk-I4AV6BQF.mjs';
+import './chunk-5I2RC47Y.mjs';
+import './chunk-WYVXXEZI.mjs';
+import './chunk-7L2JOWGA.mjs';
+import './chunk-GXXWMHAA.mjs';
+import './chunk-ZTT5XJR7.mjs';
+import './chunk-HEFZA2AH.mjs';
+import './chunk-VPU66PI6.mjs';
+//# sourceMappingURL=RichTextWidget-BBCNJPMH.mjs.map
+//# sourceMappingURL=RichTextWidget-BBCNJPMH.mjs.map

package/dist/RichTextWidget-BBCNJPMH.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"RichTextWidget-BBCNJPMH.mjs"}

package/dist/RichTextWidget-CRQHNVJR.cjs

@@ -0,0 +1,24 @@
+'use strict';
+
+var chunkL4CIIT4U_cjs = require('./chunk-L4CIIT4U.cjs');
+var chunkIFSKLIS2_cjs = require('./chunk-IFSKLIS2.cjs');
+require('./chunk-BOBX45NY.cjs');
+require('./chunk-5E3APMY6.cjs');
+require('./chunk-6YX37XBM.cjs');
+require('./chunk-O3VQBPEW.cjs');
+require('./chunk-SHQHDSA4.cjs');
+require('./chunk-JMGUUFOJ.cjs');
+require('./chunk-FHHISVCH.cjs');
+
+
+
+Object.defineProperty(exports, "RichTextWidget", {
+  enumerable: true,
+  get: function () { return chunkL4CIIT4U_cjs.RichTextWidget; }
+});
+Object.defineProperty(exports, "richTextHtmlClassName", {
+  enumerable: true,
+  get: function () { return chunkIFSKLIS2_cjs.richTextHtmlClassName; }
+});
+//# sourceMappingURL=RichTextWidget-CRQHNVJR.cjs.map
+//# sourceMappingURL=RichTextWidget-CRQHNVJR.cjs.map

package/dist/RichTextWidget-CRQHNVJR.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"RichTextWidget-CRQHNVJR.cjs"}

package/dist/SmartTextarea-DKWV4R6H.cjs

@@ -0,0 +1,19 @@
+'use strict';
+
+var chunkGPU5P3FB_cjs = require('./chunk-GPU5P3FB.cjs');
+require('./chunk-PHADAQSH.cjs');
+require('./chunk-P62377LB.cjs');
+require('./chunk-5E3APMY6.cjs');
+require('./chunk-6YX37XBM.cjs');
+require('./chunk-SHQHDSA4.cjs');
+require('./chunk-JMGUUFOJ.cjs');
+require('./chunk-FHHISVCH.cjs');
+
+
+
+Object.defineProperty(exports, "SmartTextareaWidget", {
+  enumerable: true,
+  get: function () { return chunkGPU5P3FB_cjs.SmartTextareaWidget; }
+});
+//# sourceMappingURL=SmartTextarea-DKWV4R6H.cjs.map
+//# sourceMappingURL=SmartTextarea-DKWV4R6H.cjs.map

package/dist/SmartTextarea-DKWV4R6H.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"SmartTextarea-DKWV4R6H.cjs"}

package/dist/SmartTextarea-ZTQIW6O2.mjs

@@ -0,0 +1,10 @@
+export { SmartTextareaWidget } from './chunk-VZT5YNCD.mjs';
+import './chunk-4BAKQIPJ.mjs';
+import './chunk-Y7TIWH4I.mjs';
+import './chunk-WYVXXEZI.mjs';
+import './chunk-7L2JOWGA.mjs';
+import './chunk-ZTT5XJR7.mjs';
+import './chunk-HEFZA2AH.mjs';
+import './chunk-VPU66PI6.mjs';
+//# sourceMappingURL=SmartTextarea-ZTQIW6O2.mjs.map
+//# sourceMappingURL=SmartTextarea-ZTQIW6O2.mjs.map

package/dist/SmartTextarea-ZTQIW6O2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"SmartTextarea-ZTQIW6O2.mjs"}

package/dist/SuggestionTextareaWidget-22NR3JWM.mjs

@@ -0,0 +1,215 @@
+import { SelectWidget, TextWidget } from './chunk-3KRDT7TX.mjs';
+import { fetchOptions } from './chunk-IFMQKLNW.mjs';
+import { Textarea } from './chunk-4BAKQIPJ.mjs';
+import { getThemeConfig } from './chunk-Y7TIWH4I.mjs';
+import { VoiceMicButton } from './chunk-5I2RC47Y.mjs';
+import { fieldControlClass, FieldRequiredIndicator, isLabelVisible, fieldLabelClass, fieldDescriptionClass, fieldErrorClass, fieldWrapperClass } from './chunk-WYVXXEZI.mjs';
+import { useForm } from './chunk-7L2JOWGA.mjs';
+import './chunk-VNFBUAZD.mjs';
+import './chunk-AZHTIUOL.mjs';
+import { getSuggestionTokensFromText, useField, useFormStore, toggleSuggestionTokenInText } from './chunk-ZTT5XJR7.mjs';
+export { getSuggestionTokensFromText, toggleSuggestionTokenInText } from './chunk-ZTT5XJR7.mjs';
+import { Label } from './chunk-HEFZA2AH.mjs';
+import { cn } from './chunk-VPU66PI6.mjs';
+import { useState, useMemo, useEffect } from 'react';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+
+var DEFAULT_TOKEN_SEPARATOR = ", ";
+function getAppendSeparator(def) {
+  const raw = def.meta && typeof def.meta.appendSeparator === "string" ? def.meta.appendSeparator : DEFAULT_TOKEN_SEPARATOR;
+  return raw;
+}
+function isTokenSelected(text, optionValue) {
+  const t = String(optionValue).trim();
+  if (!t) return false;
+  return getSuggestionTokensFromText(text).some((p) => p === t);
+}
+function deriveKnownSuggestionChipValues(text, options) {
+  if (!options.length) return [];
+  const allowed = new Map(options.map((o) => [String(o.value), o.value]));
+  const tokens = getSuggestionTokensFromText(text);
+  const out = [];
+  const seen = /* @__PURE__ */ new Set();
+  for (const t of tokens) {
+    if (!allowed.has(t) || seen.has(t)) continue;
+    seen.add(t);
+    out.push(allowed.get(t));
+  }
+  return out;
+}
+function parallelChipArraysEqual(a, b) {
+  if (!Array.isArray(a) || !Array.isArray(b)) return false;
+  if (a.length !== b.length) return false;
+  for (let i = 0; i < a.length; i++) {
+    if (a[i] !== b[i]) return false;
+  }
+  return true;
+}
+function isSuggestionField(type) {
+  return type === "suggestion_textarea" || type === "complaint_chips";
+}
+function EmbeddedSchemaField({ fieldId }) {
+  const store = useFormStore();
+  const fieldDef = store.getFieldDef(fieldId);
+  if (!fieldDef) return null;
+  switch (fieldDef.type) {
+    case "text":
+    case "number":
+    case "textarea":
+      return /* @__PURE__ */ jsx(TextWidget, { fieldId });
+    case "select":
+      return /* @__PURE__ */ jsx(SelectWidget, { fieldId });
+    default:
+      return null;
+  }
+}
+var SuggestionTextareaWidget = ({ fieldId }) => {
+  const { fieldDef, value, setValue, setTouched, error, disabled, touched } = useField(fieldId);
+  const { state } = useForm();
+  const store = useFormStore();
+  const hasVoice = !!(fieldDef?.voice && store.getVoice());
+  const [options, setOptions] = useState([]);
+  const [loading, setLoading] = useState(false);
+  const showError = !!error && (touched || state.submitAttempted);
+  const def = fieldDef && isSuggestionField(fieldDef.type) ? fieldDef : void 0;
+  const textValue = value == null || typeof value === "string" ? value || "" : String(value);
+  const parallelChipFieldId = def?.meta && typeof def.meta.parallelChipFieldId === "string" ? def.meta.parallelChipFieldId.trim() : void 0;
+  const embeddedFieldIds = useMemo(() => {
+    const raw = def?.meta && Array.isArray(def.meta.embeddedFieldIds) ? def.meta.embeddedFieldIds : [];
+    return raw.filter((id) => typeof id === "string" && id.trim().length > 0).map((id) => id.trim()).filter((id) => store.getFieldDef(id));
+  }, [def?.meta, store]);
+  useEffect(() => {
+    if (!def) {
+      setOptions([]);
+      return;
+    }
+    if (def.options?.length) {
+      setOptions(def.options);
+    } else if (def.dataSource) {
+      setLoading(true);
+      fetchOptions(def.dataSource.source, def.dataSource.params).then((opts) => setOptions(opts)).finally(() => setLoading(false));
+    } else {
+      setOptions([]);
+    }
+  }, [def]);
+  const chipAllowedSet = useMemo(
+    () => new Set(options.map((o) => String(o.value).trim()).filter(Boolean)),
+    [options]
+  );
+  useEffect(() => {
+    if (!parallelChipFieldId) return;
+    const parallelDef = store.getFieldDef(parallelChipFieldId);
+    if (!parallelDef || parallelDef.type !== "multiselect") return;
+    const next = deriveKnownSuggestionChipValues(textValue, options);
+    const prev = store.getFieldState(parallelChipFieldId).value;
+    if (parallelChipArraysEqual(prev, next)) return;
+    store.setValues({ [parallelChipFieldId]: next }, { touch: false });
+  }, [def, parallelChipFieldId, textValue, options, store]);
+  if (!def) {
+    return null;
+  }
+  const appendSeparator = getAppendSeparator(def);
+  const suggestionsAria = def.meta && typeof def.meta.suggestionsAriaLabel === "string" ? def.meta.suggestionsAriaLabel : "Quick suggestions";
+  const theme = getThemeConfig("textarea", def.theme);
+  const wrapperClass = theme?.wrapperClassName ?? "space-y-2";
+  const labelClass = theme?.labelClassName;
+  const inputClass = cn(theme?.inputClassName, showError && "border-red-500");
+  const inputWithStyle = fieldControlClass(def, inputClass);
+  const height = def.height != null ? typeof def.height === "string" ? Number(def.height) || void 0 : def.height : void 0;
+  const labelContent = /* @__PURE__ */ jsxs(Fragment, { children: [
+    def.label,
+    " ",
+    /* @__PURE__ */ jsx(FieldRequiredIndicator, { fieldDef: def })
+  ] });
+  const showLabel = isLabelVisible(def);
+  const labelEl = showLabel ? theme ? /* @__PURE__ */ jsx(Label, { className: fieldLabelClass(def, labelClass), children: labelContent }) : /* @__PURE__ */ jsx(Label, { className: fieldLabelClass(def), children: labelContent }) : null;
+  const onChipClick = (optValue) => {
+    if (disabled) return;
+    setValue(toggleSuggestionTokenInText(textValue, String(optValue), appendSeparator, chipAllowedSet));
+  };
+  const hasSuggestions = options.length > 0;
+  const hasEmbedded = embeddedFieldIds.length > 0;
+  const hasShell = hasSuggestions || hasEmbedded;
+  const isHighlightLabel = def.theme === "highlight-label";
+  const suggestionShellClass = cn(
+    "flex min-w-0 flex-col overflow-hidden",
+    hasShell && (isHighlightLabel ? "-mt-1 rounded-b-md border-[#D0D0D0] bg-white" : "rounded-md border border-input bg-background")
+  );
+  const chipsRowClass = cn(
+    "flex flex-wrap gap-2 px-3 pb-2 pt-3",
+    hasSuggestions && (isHighlightLabel ? "" : "border-b border-input/70"),
+    disabled && "pointer-events-none opacity-50"
+  );
+  const embeddedRowClass = cn(
+    "grid gap-3 px-3 sm:grid-cols-3",
+    hasEmbedded && (hasSuggestions ? cn("py-2", isHighlightLabel && "border-t border-input/70") : "border-b border-input/70 py-3"),
+    disabled && "pointer-events-none opacity-50"
+  );
+  const textareaShellClass = cn(
+    inputWithStyle,
+    hasShell && cn(
+      "mt-0 rounded-t-none rounded-b-md border-0 shadow-none focus-visible:ring-offset-0",
+      isHighlightLabel ? "border-t-0" : "min-h-[80px]"
+    )
+  );
+  const suggestionButtons = loading ? /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: "Loading suggestions\u2026" }) : options.map((opt) => {
+    const on = isTokenSelected(textValue, opt.value);
+    return /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        onClick: () => onChipClick(opt.value),
+        className: cn(
+          "inline-flex min-h-8 items-center rounded-full border px-3 py-1 text-xs font-medium leading-none transition-colors",
+          on ? "border-primary bg-primary/10 text-primary" : "border-muted-foreground/30 bg-background hover:bg-muted/60"
+        ),
+        children: opt.label
+      },
+      String(opt.value)
+    );
+  });
+  return /* @__PURE__ */ jsxs("div", { className: fieldWrapperClass(def, wrapperClass), children: [
+    hasVoice ? /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+      labelEl,
+      /* @__PURE__ */ jsx(VoiceMicButton, { fieldId, onTranscriptReady: setValue })
+    ] }) : labelEl,
+    def.description && /* @__PURE__ */ jsx("p", { className: fieldDescriptionClass(def, "text-xs text-muted-foreground"), children: def.description }),
+    hasShell ? /* @__PURE__ */ jsxs("div", { className: suggestionShellClass, children: [
+      hasSuggestions && /* @__PURE__ */ jsx("div", { className: chipsRowClass, role: "group", "aria-label": suggestionsAria, children: suggestionButtons }),
+      hasEmbedded && /* @__PURE__ */ jsx("div", { className: embeddedRowClass, children: embeddedFieldIds.map((id) => /* @__PURE__ */ jsx(EmbeddedSchemaField, { fieldId: id }, id)) }),
+      /* @__PURE__ */ jsx(
+        Textarea,
+        {
+          id: fieldId,
+          value: textValue,
+          onChange: (e) => setValue(e.target.value),
+          onBlur: setTouched,
+          disabled,
+          className: textareaShellClass,
+          placeholder: def.placeholder,
+          style: height != null && Number.isFinite(height) ? { minHeight: height } : void 0,
+          "aria-label": !showLabel ? def.label : void 0
+        }
+      )
+    ] }) : /* @__PURE__ */ jsx(
+      Textarea,
+      {
+        id: fieldId,
+        value: textValue,
+        onChange: (e) => setValue(e.target.value),
+        onBlur: setTouched,
+        disabled,
+        className: inputWithStyle,
+        placeholder: def.placeholder,
+        style: height != null && Number.isFinite(height) ? { minHeight: height } : void 0,
+        "aria-label": !showLabel ? def.label : void 0
+      }
+    ),
+    showError && /* @__PURE__ */ jsx("p", { className: fieldErrorClass(def, "text-xs text-red-500"), children: error })
+  ] });
+};
+var ComplaintChipsWidget = SuggestionTextareaWidget;
+
+export { ComplaintChipsWidget, SuggestionTextareaWidget, deriveKnownSuggestionChipValues };
+//# sourceMappingURL=SuggestionTextareaWidget-22NR3JWM.mjs.map
+//# sourceMappingURL=SuggestionTextareaWidget-22NR3JWM.mjs.map

package/dist/SuggestionTextareaWidget-22NR3JWM.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ui/widgets/SuggestionTextareaWidget.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AA2BA,IAAM,uBAAA,GAA0B,IAAA;AAEhC,SAAS,mBAAmB,GAAA,EAAyC;AACnE,EAAA,MAAM,GAAA,GAAM,GAAA,CAAI,IAAA,IAAQ,OAAQ,GAAA,CAAI,KAAuC,eAAA,KAAoB,QAAA,GAC1F,GAAA,CAAI,IAAA,CAAqC,eAAA,GAC1C,uBAAA;AACJ,EAAA,OAAO,GAAA;AACT;AAEA,SAAS,eAAA,CAAgB,MAAc,WAAA,EAA+B;AACpE,EAAA,MAAM,CAAA,GAAI,MAAA,CAAO,WAAW,CAAA,CAAE,IAAA,EAAK;AACnC,EAAA,IAAI,CAAC,GAAG,OAAO,KAAA;AACf,EAAA,OAAO,4BAA4B,IAAI,CAAA,CAAE,KAAK,CAAC,CAAA,KAAM,MAAM,CAAC,CAAA;AAC9D;AAMO,SAAS,+BAAA,CAAgC,MAAc,OAAA,EAAoC;AAChG,EAAA,IAAI,CAAC,OAAA,CAAQ,MAAA,EAAQ,OAAO,EAAC;AAC7B,EAAA,MAAM,OAAA,GAAU,IAAI,GAAA,CAAqB,OAAA,CAAQ,IAAI,CAAC,CAAA,KAAM,CAAC,MAAA,CAAO,EAAE,KAAK,CAAA,EAAG,CAAA,CAAE,KAAK,CAAU,CAAC,CAAA;AAChG,EAAA,MAAM,MAAA,GAAS,4BAA4B,IAAI,CAAA;AAC/C,EAAA,MAAM,MAAiB,EAAC;AACxB,EAAA,MAAM,IAAA,uBAAW,GAAA,EAAY;AAC7B,EAAA,KAAA,MAAW,KAAK,MAAA,EAAQ;AACtB,IAAA,IAAI,CAAC,QAAQ,GAAA,CAAI,CAAC,KAAK,IAAA,CAAK,GAAA,CAAI,CAAC,CAAA,EAAG;AACpC,IAAA,IAAA,CAAK,IAAI,CAAC,CAAA;AACV,IAAA,GAAA,CAAI,IAAA,CAAK,OAAA,CAAQ,GAAA,CAAI,CAAC,CAAE,CAAA;AAAA,EAC1B;AACA,EAAA,OAAO,GAAA;AACT;AAEA,SAAS,uBAAA,CAAwB,GAAY,CAAA,EAAqB;AAChE,EAAA,IAAI,CAAC,KAAA,CAAM,OAAA,CAAQ,CAAC,CAAA,IAAK,CAAC,KAAA,CAAM,OAAA,CAAQ,CAAC,CAAA,EAAG,OAAO,KAAA;AACnD,EAAA,IAAI,CAAA,CAAE,MAAA,KAAW,CAAA,CAAE,MAAA,EAAQ,OAAO,KAAA;AAClC,EAAA,KAAA,IAAS,CAAA,GAAI,CAAA,EAAG,CAAA,GAAI,CAAA,CAAE,QAAQ,CAAA,EAAA,EAAK;AACjC,IAAA,IAAI,EAAE,CAAC,CAAA,KAAM,CAAA,CAAE,CAAC,GAAG,OAAO,KAAA;AAAA,EAC5B;AACA,EAAA,OAAO,IAAA;AACT;AAEA,SAAS,kBAAkB,IAAA,EAAsE;AAC/F,EAAA,OAAO,IAAA,KAAS,yBAAyB,IAAA,KAAS,iBAAA;AACpD;AAOA,SAAS,mBAAA,CAAoB,EAAE,OAAA,EAAQ,EAAwB;AAC7D,EAAA,MAAM,QAAQ,YAAA,EAAa;AAC3B,EAAA,MAAM,QAAA,GAAW,KAAA,CAAM,WAAA,CAAY,OAAO,CAAA;AAC1C,EAAA,IAAI,CAAC,UAAU,OAAO,IAAA;AACtB,EAAA,QAAQ,SAAS,IAAA;AAAM,IACrB,KAAK,MAAA;AAAA,IACL,KAAK,QAAA;AAAA,IACL,KAAK,UAAA;AACH,MAAA,uBAAO,GAAA,CAAC,cAAW,OAAA,EAAkB,CAAA;AAAA,IACvC,KAAK,QAAA;AACH,MAAA,uBAAO,GAAA,CAAC,gBAAa,OAAA,EAAkB,CAAA;AAAA,IACzC;AACE,MAAA,OAAO,IAAA;AAAA;AAEb;AAUO,IAAM,wBAAA,GAA0D,CAAC,EAAE,OAAA,EAAQ,KAAM;AACtF,EAAA,MAAM,EAAE,QAAA,EAAU,KAAA,EAAO,QAAA,EAAU,UAAA,EAAY,OAAO,QAAA,EAAU,OAAA,EAAQ,GAAI,QAAA,CAAS,OAAO,CAAA;AAC5F,EAAA,MAAM,EAAE,KAAA,EAAM,GAAI,OAAA,EAAQ;AAC1B,EAAA,MAAM,QAAQ,YAAA,EAAa;AAC3B,EAAA,MAAM,WAAW,CAAC,EAAE,QAAA,EAAU,KAAA,IAAS,MAAM,QAAA,EAAS,CAAA;AAEtD,EAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAI,QAAA,CAAyB,EAAE,CAAA;AACzD,EAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAI,SAAS,KAAK,CAAA;AAC5C,EAAA,MAAM,SAAA,GAAY,CAAC,CAAC,KAAA,KAAU,WAAW,KAAA,CAAM,eAAA,CAAA;AAE/C,EAAA,MAAM,MACJ,QAAA,IAAY,iBAAA,CAAkB,QAAA,CAAS,IAAI,IAAK,QAAA,GAA0C,MAAA;AAE5F,EAAA,MAAM,SAAA,GAAY,SAAS,IAAA,IAAQ,OAAO,UAAU,QAAA,GAAW,KAAA,IAAS,EAAA,GAAK,MAAA,CAAO,KAAK,CAAA;AAEzF,EAAA,MAAM,mBAAA,GACJ,GAAA,EAAK,IAAA,IACL,OAAQ,GAAA,CAAI,IAAA,CAA2C,mBAAA,KAAwB,QAAA,GAC1E,GAAA,CAAI,IAAA,CAAyC,mBAAA,CAAoB,IAAA,EAAK,GACvE,MAAA;AAEN,EAAA,MAAM,gBAAA,GAAmB,QAAQ,MAAM;AACrC,IAAA,MAAM,GAAA,GAAM,GAAA,EAAK,IAAA,IAAQ,KAAA,CAAM,OAAA,CAAS,GAAA,CAAI,IAAA,CAAwC,gBAAgB,CAAA,GAC/F,GAAA,CAAI,IAAA,CAAyC,gBAAA,GAC9C,EAAC;AACL,IAAA,OAAO,GAAA,CACJ,MAAA,CAAO,CAAC,EAAA,KAAqB,OAAO,EAAA,KAAO,QAAA,IAAY,EAAA,CAAG,IAAA,EAAK,CAAE,MAAA,GAAS,CAAC,CAAA,CAC3E,IAAI,CAAC,EAAA,KAAO,EAAA,CAAG,IAAA,EAAM,CAAA,CACrB,MAAA,CAAO,CAAC,EAAA,KAAO,KAAA,CAAM,WAAA,CAAY,EAAE,CAAC,CAAA;AAAA,EACzC,CAAA,EAAG,CAAC,GAAA,EAAK,IAAA,EAAM,KAAK,CAAC,CAAA;AAErB,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,CAAC,GAAA,EAAK;AACR,MAAA,UAAA,CAAW,EAAE,CAAA;AACb,MAAA;AAAA,IACF;AACA,IAAA,IAAI,GAAA,CAAI,SAAS,MAAA,EAAQ;AACvB,MAAA,UAAA,CAAW,IAAI,OAAO,CAAA;AAAA,IACxB,CAAA,MAAA,IAAW,IAAI,UAAA,EAAY;AACzB,MAAA,UAAA,CAAW,IAAI,CAAA;AACf,MAAA,YAAA,CAAa,IAAI,UAAA,CAAW,MAAA,EAAQ,IAAI,UAAA,CAAW,MAAM,EACtD,IAAA,CAAK,CAAC,IAAA,KAAS,UAAA,CAAW,IAAsB,CAAC,CAAA,CACjD,QAAQ,MAAM,UAAA,CAAW,KAAK,CAAC,CAAA;AAAA,IACpC,CAAA,MAAO;AACL,MAAA,UAAA,CAAW,EAAE,CAAA;AAAA,IACf;AAAA,EACF,CAAA,EAAG,CAAC,GAAG,CAAC,CAAA;AAER,EAAA,MAAM,cAAA,GAAiB,OAAA;AAAA,IACrB,MAAM,IAAI,GAAA,CAAI,OAAA,CAAQ,GAAA,CAAI,CAAC,CAAA,KAAM,MAAA,CAAO,CAAA,CAAE,KAAK,EAAE,IAAA,EAAM,CAAA,CAAE,MAAA,CAAO,OAAO,CAAC,CAAA;AAAA,IACxE,CAAC,OAAO;AAAA,GACV;AAEA,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,CAAC,mBAAA,EAAqB;AAC1B,IAAA,MAAM,WAAA,GAAc,KAAA,CAAM,WAAA,CAAY,mBAAmB,CAAA;AACzD,IAAA,IAAI,CAAC,WAAA,IAAe,WAAA,CAAY,IAAA,KAAS,aAAA,EAAe;AACxD,IAAA,MAAM,IAAA,GAAO,+BAAA,CAAgC,SAAA,EAAW,OAAO,CAAA;AAC/D,IAAA,MAAM,IAAA,GAAO,KAAA,CAAM,aAAA,CAAc,mBAAmB,CAAA,CAAE,KAAA;AACtD,IAAA,IAAI,uBAAA,CAAwB,IAAA,EAAM,IAAI,CAAA,EAAG;AACzC,IAAA,KAAA,CAAM,SAAA,CAAU,EAAE,CAAC,mBAAmB,GAAG,MAAK,EAAG,EAAE,KAAA,EAAO,KAAA,EAAO,CAAA;AAAA,EACnE,GAAG,CAAC,GAAA,EAAK,qBAAqB,SAAA,EAAW,OAAA,EAAS,KAAK,CAAC,CAAA;AAExD,EAAA,IAAI,CAAC,GAAA,EAAK;AACR,IAAA,OAAO,IAAA;AAAA,EACT;AAEA,EAAA,MAAM,eAAA,GAAkB,mBAAmB,GAAG,CAAA;AAC9C,EAAA,MAAM,eAAA,GACJ,GAAA,CAAI,IAAA,IAAQ,OAAQ,GAAA,CAAI,KAA2C,oBAAA,KAAyB,QAAA,GACvF,GAAA,CAAI,IAAA,CAA0C,oBAAA,GAC/C,mBAAA;AAEN,EAAA,MAAM,KAAA,GAAQ,cAAA,CAAe,UAAA,EAAY,GAAA,CAAI,KAAK,CAAA;AAClD,EAAA,MAAM,YAAA,GAAe,OAAO,gBAAA,IAAoB,WAAA;AAChD,EAAA,MAAM,aAAa,KAAA,EAAO,cAAA;AAC1B,EAAA,MAAM,UAAA,GAAa,EAAA,CAAG,KAAA,EAAO,cAAA,EAAgB,aAAa,gBAAgB,CAAA;AAC1E,EAAA,MAAM,cAAA,GAAiB,iBAAA,CAAkB,GAAA,EAAK,UAAU,CAAA;AACxD,EAAA,MAAM,MAAA,GACJ,GAAA,CAAI,MAAA,IAAU,IAAA,GACV,OAAO,GAAA,CAAI,MAAA,KAAW,QAAA,GACpB,MAAA,CAAO,GAAA,CAAI,MAAM,CAAA,IAAK,MAAA,GACtB,IAAI,MAAA,GACN,MAAA;AAEN,EAAA,MAAM,+BACJ,IAAA,CAAA,QAAA,EAAA,EACG,QAAA,EAAA;AAAA,IAAA,GAAA,CAAI,KAAA;AAAA,IAAO,GAAA;AAAA,oBACZ,GAAA,CAAC,sBAAA,EAAA,EAAuB,QAAA,EAAU,GAAA,EAAK;AAAA,GAAA,EACzC,CAAA;AAGF,EAAA,MAAM,SAAA,GAAY,eAAe,GAAG,CAAA;AAEpC,EAAA,MAAM,UAAU,SAAA,GACd,KAAA,uBACG,KAAA,EAAA,EAAM,SAAA,EAAW,gBAAgB,GAAA,EAAK,UAAU,GAAI,QAAA,EAAA,YAAA,EAAa,CAAA,uBAEjE,KAAA,EAAA,EAAM,SAAA,EAAW,gBAAgB,GAAG,CAAA,EAAI,wBAAa,CAAA,GAEtD,IAAA;AAEJ,EAAA,MAAM,WAAA,GAAc,CAAC,QAAA,KAAsB;AACzC,IAAA,IAAI,QAAA,EAAU;AACd,IAAA,QAAA,CAAS,4BAA4B,SAAA,EAAW,MAAA,CAAO,QAAQ,CAAA,EAAG,eAAA,EAAiB,cAAc,CAAC,CAAA;AAAA,EACpG,CAAA;AAEA,EAAA,MAAM,cAAA,GAAiB,QAAQ,MAAA,GAAS,CAAA;AACxC,EAAA,MAAM,WAAA,GAAc,iBAAiB,MAAA,GAAS,CAAA;AAC9C,EAAA,MAAM,WAAW,cAAA,IAAkB,WAAA;AACnC,EAAA,MAAM,gBAAA,GAAmB,IAAI,KAAA,KAAU,iBAAA;AAEvC,EAAA,MAAM,oBAAA,GAAuB,EAAA;AAAA,IAC3B,uCAAA;AAAA,IACA,QAAA,KACG,mBACG,8CAAA,GACA,8CAAA;AAAA,GACR;AAEA,EAAA,MAAM,aAAA,GAAgB,EAAA;AAAA,IACpB,qCAAA;AAAA,IACA,cAAA,KACG,mBAAmB,EAAA,GAAK,0BAAA,CAAA;AAAA,IAC3B,QAAA,IAAY;AAAA,GACd;AAEA,EAAA,MAAM,gBAAA,GAAmB,EAAA;AAAA,IACvB,gCAAA;AAAA,IACA,gBACG,cAAA,GACG,EAAA,CAAG,MAAA,EAAQ,gBAAA,IAAoB,0BAA0B,CAAA,GACzD,+BAAA,CAAA;AAAA,IACN,QAAA,IAAY;AAAA,GACd;AAEA,EAAA,MAAM,kBAAA,GAAqB,EAAA;AAAA,IACzB,cAAA;AAAA,IACA,QAAA,IACE,EAAA;AAAA,MACE,mFAAA;AAAA,MACA,mBAAmB,YAAA,GAAe;AAAA;AACpC,GACJ;AAEA,EAAA,MAAM,iBAAA,GACJ,OAAA,mBACE,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,+BAAA,EAAgC,QAAA,EAAA,2BAAA,EAAoB,CAAA,GAEpE,OAAA,CAAQ,GAAA,CAAI,CAAC,GAAA,KAAQ;AACnB,IAAA,MAAM,EAAA,GAAK,eAAA,CAAgB,SAAA,EAAW,GAAA,CAAI,KAAK,CAAA;AAC/C,IAAA,uBACE,GAAA;AAAA,MAAC,QAAA;AAAA,MAAA;AAAA,QAEC,IAAA,EAAK,QAAA;AAAA,QACL,OAAA,EAAS,MAAM,WAAA,CAAY,GAAA,CAAI,KAAK,CAAA;AAAA,QACpC,SAAA,EAAW,EAAA;AAAA,UACT,mHAAA;AAAA,UACA,KACI,2CAAA,GACA;AAAA,SACN;AAAA,QAEC,QAAA,EAAA,GAAA,CAAI;AAAA,OAAA;AAAA,MAVA,MAAA,CAAO,IAAI,KAAK;AAAA,KAWvB;AAAA,EAEJ,CAAC,CAAA;AAGL,EAAA,4BACG,KAAA,EAAA,EAAI,SAAA,EAAW,iBAAA,CAAkB,GAAA,EAAK,YAAY,CAAA,EAChD,QAAA,EAAA;AAAA,IAAA,QAAA,mBACC,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,mCAAA,EACZ,QAAA,EAAA;AAAA,MAAA,OAAA;AAAA,sBACD,GAAA,CAAC,cAAA,EAAA,EAAe,OAAA,EAAkB,iBAAA,EAAmB,QAAA,EAAU;AAAA,KAAA,EACjE,CAAA,GAEA,OAAA;AAAA,IAGD,GAAA,CAAI,WAAA,oBACH,GAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAW,sBAAsB,GAAA,EAAK,+BAA+B,CAAA,EACrE,QAAA,EAAA,GAAA,CAAI,WAAA,EACP,CAAA;AAAA,IAGD,QAAA,mBACC,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,oBAAA,EACb,QAAA,EAAA;AAAA,MAAA,cAAA,oBACC,GAAA,CAAC,SAAI,SAAA,EAAW,aAAA,EAAe,MAAK,OAAA,EAAQ,YAAA,EAAY,iBACrD,QAAA,EAAA,iBAAA,EACH,CAAA;AAAA,MAED,WAAA,oBACC,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,kBACb,QAAA,EAAA,gBAAA,CAAiB,GAAA,CAAI,CAAC,EAAA,yBACpB,mBAAA,EAAA,EAA6B,OAAA,EAAS,EAAA,EAAA,EAAb,EAAiB,CAC5C,CAAA,EACH,CAAA;AAAA,sBAEF,GAAA;AAAA,QAAC,QAAA;AAAA,QAAA;AAAA,UACC,EAAA,EAAI,OAAA;AAAA,UACJ,KAAA,EAAO,SAAA;AAAA,UACP,UAAU,CAAC,CAAA,KAAM,QAAA,CAAS,CAAA,CAAE,OAAO,KAAK,CAAA;AAAA,UACxC,MAAA,EAAQ,UAAA;AAAA,UACR,QAAA;AAAA,UACA,SAAA,EAAW,kBAAA;AAAA,UACX,aAAa,GAAA,CAAI,WAAA;AAAA,UACjB,KAAA,EAAO,MAAA,IAAU,IAAA,IAAQ,MAAA,CAAO,QAAA,CAAS,MAAM,CAAA,GAAI,EAAE,SAAA,EAAW,MAAA,EAAO,GAAI,MAAA;AAAA,UAC3E,YAAA,EAAY,CAAC,SAAA,GAAY,GAAA,CAAI,KAAA,GAAQ;AAAA;AAAA;AACvC,KAAA,EACF,CAAA,mBAEA,GAAA;AAAA,MAAC,QAAA;AAAA,MAAA;AAAA,QACC,EAAA,EAAI,OAAA;AAAA,QACJ,KAAA,EAAO,SAAA;AAAA,QACP,UAAU,CAAC,CAAA,KAAM,QAAA,CAAS,CAAA,CAAE,OAAO,KAAK,CAAA;AAAA,QACxC,MAAA,EAAQ,UAAA;AAAA,QACR,QAAA;AAAA,QACA,SAAA,EAAW,cAAA;AAAA,QACX,aAAa,GAAA,CAAI,WAAA;AAAA,QACjB,KAAA,EAAO,MAAA,IAAU,IAAA,IAAQ,MAAA,CAAO,QAAA,CAAS,MAAM,CAAA,GAAI,EAAE,SAAA,EAAW,MAAA,EAAO,GAAI,MAAA;AAAA,QAC3E,YAAA,EAAY,CAAC,SAAA,GAAY,GAAA,CAAI,KAAA,GAAQ;AAAA;AAAA,KACvC;AAAA,IAGD,SAAA,wBACE,GAAA,EAAA,EAAE,SAAA,EAAW,gBAAgB,GAAA,EAAK,sBAAsB,GAAI,QAAA,EAAA,KAAA,EAAM;AAAA,GAAA,EAEvE,CAAA;AAEJ;AAGO,IAAM,oBAAA,GAAuB","file":"SuggestionTextareaWidget-22NR3JWM.mjs","sourcesContent":["import React, { useEffect, useMemo, useState } from 'react';\nimport { useField } from '../../react/useField';\nimport { useForm } from '../../react/useForm';\nimport { useFormStore } from '../../react/FormProvider';\nimport { VoiceMicButton } from '../../react/VoiceMicButton';\nimport { Label } from '../shadcn/label';\nimport { Textarea } from '../shadcn/textarea';\nimport { getThemeConfig } from '../themes';\nimport { fetchOptions } from '../../core/asyncOptions';\nimport { cn } from '../../core/utils';\nimport type { SelectOption, SuggestionTextareaFieldDef } from '../../core/types';\nimport {\n  FieldRequiredIndicator,\n  fieldControlClass,\n  fieldDescriptionClass,\n  fieldErrorClass,\n  fieldLabelClass,\n  fieldWrapperClass,\n  isLabelVisible,\n} from '../../react/fieldStyle';\nimport { TextWidget } from './Text';\nimport { SelectWidget } from './Select';\n\nimport { getSuggestionTokensFromText, toggleSuggestionTokenInText } from '../../core/suggestionTokens';\n\nexport { getSuggestionTokensFromText, toggleSuggestionTokenInText };\n\nconst DEFAULT_TOKEN_SEPARATOR = ', ';\n\nfunction getAppendSeparator(def: SuggestionTextareaFieldDef): string {\n  const raw = def.meta && typeof (def.meta as { appendSeparator?: unknown }).appendSeparator === 'string'\n    ? (def.meta as { appendSeparator: string }).appendSeparator\n    : DEFAULT_TOKEN_SEPARATOR;\n  return raw;\n}\n\nfunction isTokenSelected(text: string, optionValue: unknown): boolean {\n  const t = String(optionValue).trim();\n  if (!t) return false;\n  return getSuggestionTokensFromText(text).some((p) => p === t);\n}\n\n/**\n * Chip option values present in `text` as comma-separated tokens (same typing as schema `options[].value`).\n * Order follows left-to-right token order; duplicates in text only appear once.\n */\nexport function deriveKnownSuggestionChipValues(text: string, options: SelectOption[]): unknown[] {\n  if (!options.length) return [];\n  const allowed = new Map<string, unknown>(options.map((o) => [String(o.value), o.value] as const));\n  const tokens = getSuggestionTokensFromText(text);\n  const out: unknown[] = [];\n  const seen = new Set<string>();\n  for (const t of tokens) {\n    if (!allowed.has(t) || seen.has(t)) continue;\n    seen.add(t);\n    out.push(allowed.get(t)!);\n  }\n  return out;\n}\n\nfunction parallelChipArraysEqual(a: unknown, b: unknown): boolean {\n  if (!Array.isArray(a) || !Array.isArray(b)) return false;\n  if (a.length !== b.length) return false;\n  for (let i = 0; i < a.length; i++) {\n    if (a[i] !== b[i]) return false;\n  }\n  return true;\n}\n\nfunction isSuggestionField(type: string | undefined): type is SuggestionTextareaFieldDef['type'] {\n  return type === 'suggestion_textarea' || type === 'complaint_chips';\n}\n\n/**\n * Renders a sibling schema field inside the suggestion textarea shell. Uses concrete widgets\n * (not FieldRenderer) so `hidden` layout fields still render here without circular imports.\n * Supported: text, number, textarea, select.\n */\nfunction EmbeddedSchemaField({ fieldId }: { fieldId: string }) {\n  const store = useFormStore();\n  const fieldDef = store.getFieldDef(fieldId);\n  if (!fieldDef) return null;\n  switch (fieldDef.type) {\n    case 'text':\n    case 'number':\n    case 'textarea':\n      return <TextWidget fieldId={fieldId} />;\n    case 'select':\n      return <SelectWidget fieldId={fieldId} />;\n    default:\n      return null;\n  }\n}\n\n/**\n * Reusable textarea with schema-driven **suggestion chips** inside the input area (same white\n * shell as the textarea). The field value is a **single string**: clicking a chip **appends**\n * that option’s `value` or **removes** it if already selected. When chip options are loaded,\n * slugs are kept on the **last line** (comma + space by default), with prose above separated by\n * a newline. Optional `meta.parallelChipFieldId` mirrors chip selections into a sibling\n * **`multiselect`** array. Free typing is still allowed.\n */\nexport const SuggestionTextareaWidget: React.FC<{ fieldId: string }> = ({ fieldId }) => {\n  const { fieldDef, value, setValue, setTouched, error, disabled, touched } = useField(fieldId);\n  const { state } = useForm();\n  const store = useFormStore();\n  const hasVoice = !!(fieldDef?.voice && store.getVoice());\n\n  const [options, setOptions] = useState<SelectOption[]>([]);\n  const [loading, setLoading] = useState(false);\n  const showError = !!error && (touched || state.submitAttempted);\n\n  const def =\n    fieldDef && isSuggestionField(fieldDef.type) ? (fieldDef as SuggestionTextareaFieldDef) : undefined;\n\n  const textValue = value == null || typeof value === 'string' ? value || '' : String(value);\n\n  const parallelChipFieldId =\n    def?.meta &&\n    typeof (def.meta as { parallelChipFieldId?: unknown }).parallelChipFieldId === 'string'\n      ? (def.meta as { parallelChipFieldId: string }).parallelChipFieldId.trim()\n      : undefined;\n\n  const embeddedFieldIds = useMemo(() => {\n    const raw = def?.meta && Array.isArray((def.meta as { embeddedFieldIds?: unknown }).embeddedFieldIds)\n      ? (def.meta as { embeddedFieldIds: unknown[] }).embeddedFieldIds\n      : [];\n    return raw\n      .filter((id): id is string => typeof id === 'string' && id.trim().length > 0)\n      .map((id) => id.trim())\n      .filter((id) => store.getFieldDef(id));\n  }, [def?.meta, store]);\n\n  useEffect(() => {\n    if (!def) {\n      setOptions([]);\n      return;\n    }\n    if (def.options?.length) {\n      setOptions(def.options);\n    } else if (def.dataSource) {\n      setLoading(true);\n      fetchOptions(def.dataSource.source, def.dataSource.params)\n        .then((opts) => setOptions(opts as SelectOption[]))\n        .finally(() => setLoading(false));\n    } else {\n      setOptions([]);\n    }\n  }, [def]);\n\n  const chipAllowedSet = useMemo(\n    () => new Set(options.map((o) => String(o.value).trim()).filter(Boolean)),\n    [options],\n  );\n\n  useEffect(() => {\n    if (!parallelChipFieldId) return;\n    const parallelDef = store.getFieldDef(parallelChipFieldId);\n    if (!parallelDef || parallelDef.type !== 'multiselect') return;\n    const next = deriveKnownSuggestionChipValues(textValue, options);\n    const prev = store.getFieldState(parallelChipFieldId).value;\n    if (parallelChipArraysEqual(prev, next)) return;\n    store.setValues({ [parallelChipFieldId]: next }, { touch: false });\n  }, [def, parallelChipFieldId, textValue, options, store]);\n\n  if (!def) {\n    return null;\n  }\n\n  const appendSeparator = getAppendSeparator(def);\n  const suggestionsAria =\n    def.meta && typeof (def.meta as { suggestionsAriaLabel?: string }).suggestionsAriaLabel === 'string'\n      ? (def.meta as { suggestionsAriaLabel: string }).suggestionsAriaLabel\n      : 'Quick suggestions';\n\n  const theme = getThemeConfig('textarea', def.theme);\n  const wrapperClass = theme?.wrapperClassName ?? 'space-y-2';\n  const labelClass = theme?.labelClassName;\n  const inputClass = cn(theme?.inputClassName, showError && 'border-red-500');\n  const inputWithStyle = fieldControlClass(def, inputClass);\n  const height =\n    def.height != null\n      ? typeof def.height === 'string'\n        ? Number(def.height) || undefined\n        : def.height\n      : undefined;\n\n  const labelContent = (\n    <>\n      {def.label}{' '}\n      <FieldRequiredIndicator fieldDef={def} />\n    </>\n  );\n\n  const showLabel = isLabelVisible(def);\n\n  const labelEl = showLabel ? (\n    theme ? (\n      <Label className={fieldLabelClass(def, labelClass)}>{labelContent}</Label>\n    ) : (\n      <Label className={fieldLabelClass(def)}>{labelContent}</Label>\n    )\n  ) : null;\n\n  const onChipClick = (optValue: unknown) => {\n    if (disabled) return;\n    setValue(toggleSuggestionTokenInText(textValue, String(optValue), appendSeparator, chipAllowedSet));\n  };\n\n  const hasSuggestions = options.length > 0;\n  const hasEmbedded = embeddedFieldIds.length > 0;\n  const hasShell = hasSuggestions || hasEmbedded;\n  const isHighlightLabel = def.theme === 'highlight-label';\n\n  const suggestionShellClass = cn(\n    'flex min-w-0 flex-col overflow-hidden',\n    hasShell &&\n      (isHighlightLabel\n        ? '-mt-1 rounded-b-md border-[#D0D0D0] bg-white'\n        : 'rounded-md border border-input bg-background'),\n  );\n\n  const chipsRowClass = cn(\n    'flex flex-wrap gap-2 px-3 pb-2 pt-3',\n    hasSuggestions &&\n      (isHighlightLabel ? '' : 'border-b border-input/70'),\n    disabled && 'pointer-events-none opacity-50',\n  );\n\n  const embeddedRowClass = cn(\n    'grid gap-3 px-3 sm:grid-cols-3',\n    hasEmbedded &&\n      (hasSuggestions\n        ? cn('py-2', isHighlightLabel && 'border-t border-input/70')\n        : 'border-b border-input/70 py-3'),\n    disabled && 'pointer-events-none opacity-50',\n  );\n\n  const textareaShellClass = cn(\n    inputWithStyle,\n    hasShell &&\n      cn(\n        'mt-0 rounded-t-none rounded-b-md border-0 shadow-none focus-visible:ring-offset-0',\n        isHighlightLabel ? 'border-t-0' : 'min-h-[80px]',\n      ),\n  );\n\n  const suggestionButtons =\n    loading ? (\n      <span className=\"text-xs text-muted-foreground\">Loading suggestions…</span>\n    ) : (\n      options.map((opt) => {\n        const on = isTokenSelected(textValue, opt.value);\n        return (\n          <button\n            key={String(opt.value)}\n            type=\"button\"\n            onClick={() => onChipClick(opt.value)}\n            className={cn(\n              'inline-flex min-h-8 items-center rounded-full border px-3 py-1 text-xs font-medium leading-none transition-colors',\n              on\n                ? 'border-primary bg-primary/10 text-primary'\n                : 'border-muted-foreground/30 bg-background hover:bg-muted/60',\n            )}\n          >\n            {opt.label}\n          </button>\n        );\n      })\n    );\n\n  return (\n    <div className={fieldWrapperClass(def, wrapperClass)}>\n      {hasVoice ? (\n        <div className=\"flex items-center justify-between\">\n          {labelEl}\n          <VoiceMicButton fieldId={fieldId} onTranscriptReady={setValue} />\n        </div>\n      ) : (\n        labelEl\n      )}\n\n      {def.description && (\n        <p className={fieldDescriptionClass(def, 'text-xs text-muted-foreground')}>\n          {def.description}\n        </p>\n      )}\n\n      {hasShell ? (\n        <div className={suggestionShellClass}>\n          {hasSuggestions && (\n            <div className={chipsRowClass} role=\"group\" aria-label={suggestionsAria}>\n              {suggestionButtons}\n            </div>\n          )}\n          {hasEmbedded && (\n            <div className={embeddedRowClass}>\n              {embeddedFieldIds.map((id) => (\n                <EmbeddedSchemaField key={id} fieldId={id} />\n              ))}\n            </div>\n          )}\n          <Textarea\n            id={fieldId}\n            value={textValue}\n            onChange={(e) => setValue(e.target.value)}\n            onBlur={setTouched}\n            disabled={disabled}\n            className={textareaShellClass}\n            placeholder={def.placeholder}\n            style={height != null && Number.isFinite(height) ? { minHeight: height } : undefined}\n            aria-label={!showLabel ? def.label : undefined}\n          />\n        </div>\n      ) : (\n        <Textarea\n          id={fieldId}\n          value={textValue}\n          onChange={(e) => setValue(e.target.value)}\n          onBlur={setTouched}\n          disabled={disabled}\n          className={inputWithStyle}\n          placeholder={def.placeholder}\n          style={height != null && Number.isFinite(height) ? { minHeight: height } : undefined}\n          aria-label={!showLabel ? def.label : undefined}\n        />\n      )}\n\n      {showError && (\n        <p className={fieldErrorClass(def, 'text-xs text-red-500')}>{error}</p>\n      )}\n    </div>\n  );\n};\n\n/** @deprecated Use `SuggestionTextareaWidget`. Kept for schema compatibility. */\nexport const ComplaintChipsWidget = SuggestionTextareaWidget;\n"]}