@nivaro/react 0.3.36 → 0.3.38

package/dist/shared/components/layout-editor/ai-forms/AiComposer.js

@@ -1,174 +1,210 @@
-import { jsx as t, jsxs as s } from "react/jsx-runtime";
-import { FileUp as _, Sparkles as P, Quote as q } from "lucide-react";
-import { useState as y, useRef as K, useMemo as v } from "react";
-import { useNivaroClient as L } from "../../../context.js";
-import { cn as g, formatFileSize as U } from "../../../lib/utils.js";
-import { Checkbox as Q } from "../../ui/checkbox.js";
-import { useOverviewFields as Y, apiFailure as W } from "../overview/overview-api.js";
-import { effectText as X, inputBase as R, tintCard as G } from "../panel-style.js";
-import { COMPOSE_ACCEPT as H, COMPOSE_MAX_BYTES as J, composeFromText as V, composeFromFile as Z } from "./ai-forms-api.js";
-import { extraChoices as E, planComposed as T } from "./plan.js";
-const ee = {
+import { jsx as e, jsxs as r } from "react/jsx-runtime";
+import { FileUp as U, X, Sparkles as j, Quote as q, Copy as Y } from "lucide-react";
+import { useState as N, useRef as Q, useMemo as S } from "react";
+import { useNivaroClient as W } from "../../../context.js";
+import { cn as y, formatFileSize as G } from "../../../lib/utils.js";
+import { Checkbox as H } from "../../ui/checkbox.js";
+import { useOverviewFields as J, apiFailure as V } from "../overview/overview-api.js";
+import { effectText as Z, inputBase as $, tintCard as ee } from "../panel-style.js";
+import { COMPOSE_ACCEPT as te, COMPOSE_MAX_FILES as T, COMPOSE_MAX_BYTES as ae, COMPOSE_MAX_TOTAL_BYTES as re, composeFromText as se, composeFromFile as ne } from "./ai-forms-api.js";
+import { extraChoices as z, planComposed as D } from "./plan.js";
+const ie = {
   describe: {
     title: "Describe the form",
     hint: "Built from this collection’s fields. Anything the AI names that is not a field is left out and listed."
   },
   picture: {
-    title: "From a picture or PDF",
-    hint: "A screenshot, scan, PDF or spreadsheet of the old form. Its labels are matched to fields; labels with no field are listed, never created. Read once, never stored. Up to 10 MB."
+    title: "From a paper form, picture or PDF",
+    hint: "A photo, scan, PDF or spreadsheet of the old form (several photos for a form of several pages). Its labels are matched to fields; labels with no field are listed as fields you may want to create, never created. Read once, never stored. Up to 6 files, 10 MB each."
   },
   sop: {
     title: "From a process document",
     hint: "One step per stage of the process, with suggested read-only and required fields for the pipeline states. Read once, never stored. Up to 10 MB."
   }
-}, x = X, j = "inline-flex h-7 items-center gap-1 rounded-md px-2.5 text-[12px] font-medium text-slate-600 transition-colors hover:bg-muted hover:text-slate-900 disabled:opacity-50 dark:text-muted-foreground dark:hover:text-foreground", z = "inline-flex h-7 items-center gap-1.5 rounded-md bg-nvr-cyan px-3 text-[12px] font-medium text-white transition-opacity hover:opacity-90 disabled:pointer-events-none disabled:opacity-50", F = "text-[12px] font-semibold text-slate-700 dark:text-foreground", te = "rounded-md border border-amber-200 bg-amber-50 px-2.5 py-1.5 text-[12px] leading-snug text-amber-800 dark:border-amber-500/30 dark:bg-amber-500/10 dark:text-amber-200";
-function he({
+}, k = Z, O = "inline-flex h-7 items-center gap-1 rounded-md px-2.5 text-[12px] font-medium text-slate-600 transition-colors hover:bg-muted hover:text-slate-900 disabled:opacity-50 dark:text-muted-foreground dark:hover:text-foreground", L = "inline-flex h-7 items-center gap-1.5 rounded-md bg-nvr-cyan px-3 text-[12px] font-medium text-white transition-opacity hover:opacity-90 disabled:pointer-events-none disabled:opacity-50", R = "text-[12px] font-semibold text-slate-700 dark:text-foreground", oe = "rounded-md border border-amber-200 bg-amber-50 px-2.5 py-1.5 text-[12px] leading-snug text-amber-800 dark:border-amber-500/30 dark:bg-amber-500/10 dark:text-amber-200";
+function ye({
   collection: o,
   mode: n,
-  bundle: m,
-  applyLabel: h,
-  onApply: w,
-  onBack: b,
-  busy: C = !1
+  bundle: h,
+  applyLabel: u,
+  onApply: d,
+  onBack: p,
+  busy: B = !1
 }) {
-  const k = L(), { data: N = [] } = Y(o), [r, p] = y(""), [d, A] = y(null), [i, c] = y({ kind: "input" }), [e, u] = y(/* @__PURE__ */ new Set()), f = K(null), S = v(() => ({ fields: N }), [N]), D = ee[n], I = n === "describe" ? r.trim().length >= 6 : !!d, M = async () => {
-    if (I) {
-      c({ kind: "asking" });
+  const v = W(), { data: w = [] } = J(o), [i, g] = N(""), [c, C] = N([]), [l, m] = N({ kind: "input" }), [A, a] = N(/* @__PURE__ */ new Set()), x = Q(null), b = S(() => ({ fields: w }), [w]), E = ie[n], P = n === "describe" ? i.trim().length >= 6 : c.length > 0, K = (t) => {
+    const s = [...c];
+    for (const f of t) {
+      if (f.size > ae) {
+        m({ kind: "input", error: `${f.name} is larger than 10 MB` });
+        return;
+      }
+      s.some((F) => F.name === f.name && F.size === f.size) || s.push(f);
+    }
+    if (s.length > T) {
+      m({ kind: "input", error: `Up to ${T} files at once` });
+      return;
+    }
+    if (s.reduce((f, F) => f + F.size, 0) > re) {
+      m({ kind: "input", error: "The files are larger than 25 MB together" });
+      return;
+    }
+    C(s), m({ kind: "input" });
+  }, _ = async () => {
+    if (P) {
+      m({ kind: "asking" });
       try {
-        const a = n === "describe" ? await V(k, o, r.trim()) : await Z(k, {
+        const t = n === "describe" ? await se(v, o, i.trim()) : await ne(v, {
           collection: o,
           mode: n,
-          file: d,
-          note: r
+          files: c,
+          note: i
         });
-        u(
+        a(
           new Set(
-            E(a.form, a.states ?? [], S).filter((l) => l.checked).map((l) => l.id)
+            z(t.form, t.states ?? [], b).filter((s) => s.checked).map((s) => s.id)
           )
-        ), c({ kind: "review", result: a });
-      } catch (a) {
-        const l = W(a, "The AI could not build the form");
-        c({
+        ), m({ kind: "review", result: t });
+      } catch (t) {
+        const s = V(t, "The AI could not build the form");
+        m({
           kind: "input",
-          error: l.status === 503 ? "AI is not set up here. Turn it on under Settings → AI." : l.message
+          error: s.status === 503 ? "AI is not set up here. Turn it on under Settings → AI." : s.message
         });
       }
     }
   };
-  return i.kind === "review" ? /* @__PURE__ */ t(
-    ae,
+  return l.kind === "review" ? /* @__PURE__ */ e(
+    le,
     {
-      result: i.result,
-      bundle: m,
-      env: S,
-      chosen: e,
-      onChosen: u,
-      applyLabel: h,
-      busy: C,
-      onBack: () => c({ kind: "input" }),
-      onApply: (a) => w(a, i.result)
+      result: l.result,
+      bundle: h,
+      env: b,
+      chosen: A,
+      onChosen: a,
+      applyLabel: u,
+      busy: B,
+      onBack: () => m({ kind: "input" }),
+      onApply: (t) => d(t, l.result)
     }
-  ) : /* @__PURE__ */ s(
+  ) : /* @__PURE__ */ r(
     "form",
     {
       className: "space-y-2.5",
       "data-ai-compose": n,
-      onSubmit: (a) => {
-        a.preventDefault(), M();
+      onSubmit: (t) => {
+        t.preventDefault(), _();
       },
       children: [
-        /* @__PURE__ */ t("p", { className: F, children: D.title }),
-        /* @__PURE__ */ t("p", { className: x, children: D.hint }),
-        n !== "describe" && /* @__PURE__ */ s("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ t(
+        /* @__PURE__ */ e("p", { className: R, children: E.title }),
+        /* @__PURE__ */ e("p", { className: k, children: E.hint }),
+        n !== "describe" && /* @__PURE__ */ r("div", { className: "space-y-1.5", children: [
+          /* @__PURE__ */ e(
             "input",
             {
-              ref: f,
+              ref: x,
               type: "file",
-              accept: H,
+              accept: te,
+              multiple: !0,
               className: "hidden",
               "data-ai-compose-file": "",
-              onChange: (a) => {
-                var O;
-                const l = ((O = a.target.files) == null ? void 0 : O[0]) ?? null;
-                if (a.target.value = "", l && l.size > J) {
-                  c({ kind: "input", error: `${l.name} is larger than 10 MB` });
-                  return;
-                }
-                A(l), c({ kind: "input" });
+              onChange: (t) => {
+                const s = Array.from(t.target.files ?? []);
+                t.target.value = "", s.length && K(s);
               }
             }
           ),
-          /* @__PURE__ */ s(
+          /* @__PURE__ */ r(
             "button",
             {
               type: "button",
-              className: g(
-                "inline-flex h-8 items-center gap-1.5 rounded-md border border-slate-200 bg-white px-2.5 text-[12.5px] font-medium text-slate-700 transition-colors hover:bg-slate-50 dark:border-border dark:bg-card dark:text-foreground dark:hover:bg-muted"
+              className: y(
+                "inline-flex h-8 items-center gap-1.5 rounded-md border border-slate-200 bg-white px-2.5 text-[12.5px] font-medium text-slate-700 transition-colors hover:bg-slate-50 disabled:opacity-50 dark:border-border dark:bg-card dark:text-foreground dark:hover:bg-muted"
               ),
+              disabled: c.length >= T,
               onClick: () => {
-                var a;
-                return (a = f.current) == null ? void 0 : a.click();
+                var t;
+                return (t = x.current) == null ? void 0 : t.click();
               },
               children: [
-                /* @__PURE__ */ t(_, { className: "h-3.5 w-3.5" }),
-                d ? "Choose another file" : "Choose a file"
+                /* @__PURE__ */ e(U, { className: "h-3.5 w-3.5" }),
+                c.length ? "Add another page or file" : "Choose files"
               ]
             }
           ),
-          d && /* @__PURE__ */ s("span", { className: "min-w-0 truncate text-[12px] text-slate-600 dark:text-muted-foreground", children: [
-            d.name,
-            " · ",
-            U(d.size)
-          ] })
+          c.length > 0 && /* @__PURE__ */ e("ul", { className: "space-y-0.5", "data-ai-compose-files": "", children: c.map((t, s) => /* @__PURE__ */ r(
+            "li",
+            {
+              className: "flex min-w-0 items-center gap-1.5 text-[12px] text-slate-600 dark:text-muted-foreground",
+              children: [
+                c.length > 1 && /* @__PURE__ */ e("span", { className: "w-4 shrink-0 text-right tabular-nums text-slate-400 dark:text-muted-foreground", children: s + 1 }),
+                /* @__PURE__ */ r("span", { className: "min-w-0 flex-1 truncate", children: [
+                  t.name,
+                  " · ",
+                  G(t.size)
+                ] }),
+                /* @__PURE__ */ e(
+                  "button",
+                  {
+                    type: "button",
+                    "aria-label": `Remove ${t.name}`,
+                    "data-tip": "Remove",
+                    onClick: () => C(c.filter((f) => f !== t)),
+                    className: "inline-flex h-6 w-6 shrink-0 items-center justify-center rounded text-slate-400 transition-colors hover:bg-muted hover:text-slate-700 dark:hover:text-foreground",
+                    children: /* @__PURE__ */ e(X, { className: "h-3.5 w-3.5" })
+                  }
+                )
+              ]
+            },
+            `${t.name}:${t.size}`
+          )) })
         ] }),
-        n === "describe" ? /* @__PURE__ */ t(
+        n === "describe" ? /* @__PURE__ */ e(
           "textarea",
           {
-            value: r,
-            onChange: (a) => p(a.target.value),
+            value: i,
+            onChange: (t) => g(t.target.value),
             rows: 3,
             maxLength: 2e3,
             "aria-label": "Describe the form",
             placeholder: "A returns form with a manager approval step",
             "data-ai-compose-text": "",
-            className: g(R, "h-auto resize-y py-1.5 leading-snug"),
-            onKeyDown: (a) => {
-              a.key === "Enter" && (a.metaKey || a.ctrlKey) && (a.preventDefault(), M());
+            className: y($, "h-auto resize-y py-1.5 leading-snug"),
+            onKeyDown: (t) => {
+              t.key === "Enter" && (t.metaKey || t.ctrlKey) && (t.preventDefault(), _());
             }
           }
-        ) : /* @__PURE__ */ t(
+        ) : /* @__PURE__ */ e(
           "input",
           {
-            value: r,
-            onChange: (a) => p(a.target.value),
+            value: i,
+            onChange: (t) => g(t.target.value),
             maxLength: 500,
             "aria-label": "Note for the AI (optional)",
             placeholder: "Note for the AI (optional)",
-            className: R
+            className: $
           }
         ),
-        i.kind === "input" && i.error && /* @__PURE__ */ t(
+        l.kind === "input" && l.error && /* @__PURE__ */ e(
           "p",
           {
             role: "alert",
             "data-ai-compose-error": "",
             className: "text-[12.5px] leading-snug text-red-700 dark:text-red-300",
-            children: i.error
+            children: l.error
           }
         ),
-        /* @__PURE__ */ s("div", { className: "flex items-center justify-end gap-1.5 pt-0.5", children: [
-          b && /* @__PURE__ */ t("button", { type: "button", className: j, onClick: b, children: "Back" }),
-          /* @__PURE__ */ s(
+        /* @__PURE__ */ r("div", { className: "flex items-center justify-end gap-1.5 pt-0.5", children: [
+          p && /* @__PURE__ */ e("button", { type: "button", className: O, onClick: p, children: "Back" }),
+          /* @__PURE__ */ r(
             "button",
             {
               type: "submit",
-              className: z,
-              disabled: !I || i.kind === "asking",
+              className: L,
+              disabled: !P || l.kind === "asking",
               "data-ai-compose-run": "",
               children: [
-                /* @__PURE__ */ t(P, { className: "h-3.5 w-3.5" }),
-                i.kind === "asking" ? n === "describe" ? "Building…" : "Reading…" : n === "describe" ? "Build draft" : "Read it"
+                /* @__PURE__ */ e(j, { className: "h-3.5 w-3.5" }),
+                l.kind === "asking" ? n === "describe" ? "Building…" : "Reading…" : n === "describe" ? "Build draft" : "Read it"
               ]
             }
           )
@@ -177,95 +213,142 @@ function he({
     }
   );
 }
-function ae({
+function le({
   result: o,
   bundle: n,
-  env: m,
-  chosen: h,
-  onChosen: w,
-  applyLabel: b,
-  onApply: C,
-  onBack: k,
-  busy: N
+  env: h,
+  chosen: u,
+  onChosen: d,
+  applyLabel: p,
+  onApply: B,
+  onBack: v,
+  busy: w
 }) {
-  const { form: r } = o, p = v(() => o.states ?? [], [o]), d = v(() => E(r, p, m), [r, p, m]), A = (e) => T(e, r, m, { chosen: h, states: p }), i = v(
-    () => T(n, r, m, { chosen: h, states: p }),
-    [n, r, m, h, p]
-  ), c = r.groups.filter((e) => e.source);
-  return /* @__PURE__ */ s("div", { className: "space-y-3", "data-ai-review": "", children: [
-    /* @__PURE__ */ s("p", { className: g(F, "flex items-center gap-1.5"), children: [
-      /* @__PURE__ */ t(P, { className: "h-3.5 w-3.5 text-nvr-cyan" }),
+  var A;
+  const { form: i } = o, g = S(() => o.states ?? [], [o]), c = S(() => z(i, g, h), [i, g, h]), C = (a) => D(a, i, h, { chosen: u, states: g }), l = S(
+    () => D(n, i, h, { chosen: u, states: g }),
+    [n, i, h, u, g]
+  ), m = i.groups.filter((a) => a.source);
+  return /* @__PURE__ */ r("div", { className: "space-y-3", "data-ai-review": "", children: [
+    /* @__PURE__ */ r("p", { className: y(R, "flex items-center gap-1.5"), children: [
+      /* @__PURE__ */ e(j, { className: "h-3.5 w-3.5 text-nvr-cyan" }),
       "The AI proposes"
     ] }),
-    r.explanation && /* @__PURE__ */ t("p", { className: x, children: r.explanation }),
-    i.steps.length > 0 ? /* @__PURE__ */ t("ol", { className: "list-decimal space-y-1 pl-5 text-[12.5px] leading-snug text-slate-700 dark:text-foreground", children: i.steps.map((e, u) => (
+    i.explanation && /* @__PURE__ */ e("p", { className: k, children: i.explanation }),
+    ((A = o.read_as) == null ? void 0 : A.includes("pdf-pages")) && /* @__PURE__ */ e("p", { className: k, "data-ai-read-as": "", children: "Read from pictures of the PDF’s pages." }),
+    l.steps.length > 0 ? /* @__PURE__ */ e("ol", { className: "list-decimal space-y-1 pl-5 text-[12.5px] leading-snug text-slate-700 dark:text-foreground", children: l.steps.map((a, x) => (
       // biome-ignore lint/suspicious/noArrayIndexKey: two steps may read the same; the list is rebuilt whole
-      /* @__PURE__ */ t("li", { children: e }, `${u}:${e}`)
-    )) }) : /* @__PURE__ */ t("p", { className: x, children: "Nothing to change: the form already looks like this." }),
-    d.length > 0 && /* @__PURE__ */ t(B, { title: "Read-only and required, from the process", children: /* @__PURE__ */ t("ul", { className: "space-y-1.5", children: d.map((e) => /* @__PURE__ */ s("li", { className: "flex items-start gap-2", children: [
-      /* @__PURE__ */ t(
-        Q,
+      /* @__PURE__ */ e("li", { children: a }, `${x}:${a}`)
+    )) }) : /* @__PURE__ */ e("p", { className: k, children: "Nothing to change: the form already looks like this." }),
+    c.length > 0 && /* @__PURE__ */ e(M, { title: "Read-only and required, from the process", children: /* @__PURE__ */ e("ul", { className: "space-y-1.5", children: c.map((a) => /* @__PURE__ */ r("li", { className: "flex items-start gap-2", children: [
+      /* @__PURE__ */ e(
+        H,
         {
-          id: `ai-extra-${e.id}`,
+          id: `ai-extra-${a.id}`,
           className: "mt-0.5 border-slate-300 data-[state=checked]:border-nvr-cyan data-[state=checked]:bg-nvr-cyan data-[state=checked]:text-white dark:border-border",
-          checked: h.has(e.id),
-          onCheckedChange: (u) => {
-            const f = new Set(h);
-            u === !0 ? f.add(e.id) : f.delete(e.id), w(f);
+          checked: u.has(a.id),
+          onCheckedChange: (x) => {
+            const b = new Set(u);
+            x === !0 ? b.add(a.id) : b.delete(a.id), d(b);
           },
-          "data-ai-extra": e.id
+          "data-ai-extra": a.id
         }
       ),
-      /* @__PURE__ */ s("label", { htmlFor: `ai-extra-${e.id}`, className: "min-w-0 flex-1 cursor-pointer", children: [
-        /* @__PURE__ */ t("span", { className: "block text-[12.5px] leading-snug text-slate-800 dark:text-foreground", children: e.text }),
-        e.note && /* @__PURE__ */ t("span", { className: g(x, "block"), children: e.note }),
-        e.source && /* @__PURE__ */ t($, { text: e.source })
+      /* @__PURE__ */ r("label", { htmlFor: `ai-extra-${a.id}`, className: "min-w-0 flex-1 cursor-pointer", children: [
+        /* @__PURE__ */ e("span", { className: "block text-[12.5px] leading-snug text-slate-800 dark:text-foreground", children: a.text }),
+        a.note && /* @__PURE__ */ e("span", { className: y(k, "block"), children: a.note }),
+        a.source && /* @__PURE__ */ e(I, { text: a.source })
       ] })
-    ] }, e.id)) }) }),
-    c.length > 0 && /* @__PURE__ */ t(B, { title: "Where each step came from", children: /* @__PURE__ */ t("ul", { className: "space-y-1.5", "data-ai-sources": "", children: c.map((e) => /* @__PURE__ */ s("li", { children: [
-      /* @__PURE__ */ t("span", { className: "text-[12px] font-medium text-slate-800 dark:text-foreground", children: e.label }),
-      /* @__PURE__ */ t($, { text: e.source })
-    ] }, e.label)) }) }),
-    r.candidates.length > 0 && /* @__PURE__ */ s(B, { title: "Labels with no field", children: [
-      /* @__PURE__ */ t("p", { className: x, children: "Not created. Add them as fields in the data model first if the form needs them." }),
-      /* @__PURE__ */ t("ul", { className: "mt-1 space-y-0.5", "data-ai-candidates": "", children: r.candidates.map((e) => /* @__PURE__ */ s("li", { className: "text-[12.5px] text-slate-700 dark:text-foreground", children: [
-        e.label,
-        /* @__PURE__ */ t("span", { className: "text-slate-500 dark:text-muted-foreground", children: [e.type, e.group ? `in ${e.group}` : null].filter(Boolean).length ? ` · ${[e.type, e.group ? `in ${e.group}` : null].filter(Boolean).join(" · ")}` : "" })
-      ] }, e.label)) })
-    ] }),
-    i.notes.map((e) => /* @__PURE__ */ t("p", { className: te, children: e }, e)),
-    /* @__PURE__ */ s("div", { className: "flex items-center justify-end gap-1.5 pt-1", children: [
-      /* @__PURE__ */ t("button", { type: "button", className: j, onClick: k, children: "Back" }),
-      /* @__PURE__ */ t(
+    ] }, a.id)) }) }),
+    m.length > 0 && /* @__PURE__ */ e(M, { title: "Where each step came from", children: /* @__PURE__ */ e("ul", { className: "space-y-1.5", "data-ai-sources": "", children: m.map((a) => /* @__PURE__ */ r("li", { children: [
+      /* @__PURE__ */ e("span", { className: "text-[12px] font-medium text-slate-800 dark:text-foreground", children: a.label }),
+      /* @__PURE__ */ e(I, { text: a.source })
+    ] }, a.label)) }) }),
+    i.candidates.length > 0 && /* @__PURE__ */ e(de, { candidates: i.candidates }),
+    l.notes.map((a) => /* @__PURE__ */ e("p", { className: oe, children: a }, a)),
+    /* @__PURE__ */ r("div", { className: "flex items-center justify-end gap-1.5 pt-1", children: [
+      /* @__PURE__ */ e("button", { type: "button", className: O, onClick: v, children: "Back" }),
+      /* @__PURE__ */ e(
         "button",
         {
           type: "button",
-          className: z,
-          disabled: i.ops.length === 0 || N,
-          onClick: () => C(A),
+          className: L,
+          disabled: l.ops.length === 0 || w,
+          onClick: () => B(C),
           "data-ai-apply": "",
-          children: b(i)
+          children: p(l)
         }
       )
     ] })
   ] });
 }
-function B({ title: o, children: n }) {
-  return /* @__PURE__ */ s("div", { className: g(G, "space-y-1.5 px-2.5 py-2"), children: [
-    /* @__PURE__ */ t("p", { className: F, children: o }),
+function de({ candidates: o }) {
+  const [n, h] = N(!1), u = async () => {
+    const d = o.map((p) => [p.label, p.key ?? "", p.type ?? ""].join("	"));
+    try {
+      await navigator.clipboard.writeText(["Label	Key	Type", ...d].join(`
+`)), h(!0), setTimeout(() => h(!1), 2e3);
+    } catch {
+    }
+  };
+  return /* @__PURE__ */ r(M, { title: "Fields you may want to create", children: [
+    /* @__PURE__ */ e("p", { className: k, children: "Labels on the form no field matched. Nothing is created: add the ones you need in the data model, then build again to place them." }),
+    /* @__PURE__ */ e("ul", { className: "mt-1 space-y-1", "data-ai-candidates": "", children: o.map((d) => {
+      const p = [d.type, d.group ? `in ${d.group}` : null].filter(Boolean).join(" · ");
+      return /* @__PURE__ */ r(
+        "li",
+        {
+          className: "flex min-w-0 flex-wrap items-baseline gap-x-1.5 text-[12.5px] text-slate-700 dark:text-foreground",
+          children: [
+            /* @__PURE__ */ e("span", { className: "min-w-0 break-words", children: d.label }),
+            p && /* @__PURE__ */ r("span", { className: "text-slate-500 dark:text-muted-foreground", children: [
+              "· ",
+              p
+            ] }),
+            d.key && /* @__PURE__ */ e(
+              "span",
+              {
+                "data-tip": "Suggested field key",
+                className: "font-mono text-[11px] text-slate-500 dark:text-muted-foreground",
+                children: d.key
+              }
+            )
+          ]
+        },
+        d.label
+      );
+    }) }),
+    /* @__PURE__ */ r(
+      "button",
+      {
+        type: "button",
+        className: y(O, "-ml-2.5 mt-0.5"),
+        onClick: () => void u(),
+        "data-ai-candidates-copy": "",
+        children: [
+          /* @__PURE__ */ e(Y, { className: "h-3.5 w-3.5" }),
+          n ? "Copied" : "Copy the list"
+        ]
+      }
+    )
+  ] });
+}
+function M({ title: o, children: n }) {
+  return /* @__PURE__ */ r("div", { className: y(ee, "space-y-1.5 px-2.5 py-2"), children: [
+    /* @__PURE__ */ e("p", { className: R, children: o }),
     n
   ] });
 }
-function $({ text: o }) {
-  return /* @__PURE__ */ s("span", { className: "mt-0.5 flex items-start gap-1 text-[11.5px] italic leading-snug text-slate-500 dark:text-muted-foreground", children: [
-    /* @__PURE__ */ t(q, { className: "mt-0.5 h-3 w-3 shrink-0 not-italic" }),
+function I({ text: o }) {
+  return /* @__PURE__ */ r("span", { className: "mt-0.5 flex items-start gap-1 text-[11.5px] italic leading-snug text-slate-500 dark:text-muted-foreground", children: [
+    /* @__PURE__ */ e(q, { className: "mt-0.5 h-3 w-3 shrink-0 not-italic" }),
     o
   ] });
 }
 export {
-  he as AiComposer,
-  ee as MODE_COPY,
-  j as ghostBtn,
-  z as primaryBtn,
-  x as quiet
+  ye as AiComposer,
+  ie as MODE_COPY,
+  O as ghostBtn,
+  L as primaryBtn,
+  k as quiet
 };

package/dist/shared/components/layout-editor/ai-forms/AiFormsButton.js

@@ -64,7 +64,7 @@ function $({
                   m,
                   {
                     icon: /* @__PURE__ */ e(v, { className: "h-3.5 w-3.5" }),
-                    title: "From a picture or PDF",
+                    title: "From a paper form or PDF",
                     sub: "An old paper, PDF or Excel form, matched to fields",
                     onClick: () => t("picture")
                   }

package/dist/shared/components/layout-editor/ai-forms/ai-forms-api.js

@@ -1,14 +1,15 @@
 import { post as r } from "../../../lib/commands.js";
-const d = ".png,.jpg,.jpeg,.gif,.webp,.pdf,.docx,.xlsx,.xls,.xlsm,.csv,.txt,.md,.eml,.html,.htm", l = 10 * 1024 * 1024;
-async function m(o, e, t) {
+const m = ".png,.jpg,.jpeg,.gif,.webp,.pdf,.docx,.xlsx,.xls,.xlsm,.csv,.txt,.md,.eml,.html,.htm", l = 10 * 1024 * 1024, f = 6, u = 25 * 1024 * 1024;
+async function p(o, e, t) {
   return (await o.request(
     r("/ai-design/layouts/compose", { collection: e, text: t })
   )).data;
 }
-async function f(o, e) {
-  var i;
+async function g(o, e) {
+  var c;
   const t = new FormData();
-  t.append("collection", e.collection), t.append("mode", e.mode), (i = e.note) != null && i.trim() && t.append("note", e.note.trim()), t.append("file", e.file, e.file.name);
+  t.append("collection", e.collection), t.append("mode", e.mode), (c = e.note) != null && c.trim() && t.append("note", e.note.trim());
+  for (const i of e.files) t.append("file", i, i.name);
   const s = o.getToken(), a = await fetch(`${o.url}/api/ai-design/layouts/compose/file`, {
     method: "POST",
     headers: s ? { Authorization: `Bearer ${s}` } : {},
@@ -22,19 +23,21 @@ async function f(o, e) {
     });
   return n.data;
 }
-async function u(o, e, t) {
+async function h(o, e, t) {
   return (await o.request(
     r(`/ai-design/layouts/${e}/slim`, { role_id: t })
   )).data;
 }
-async function p(o, e, t) {
+async function O(o, e, t) {
   return (await o.request(r(`/ai-design/layouts/${e}/sections-by-meaning`, t))).data;
 }
 export {
-  d as COMPOSE_ACCEPT,
+  m as COMPOSE_ACCEPT,
   l as COMPOSE_MAX_BYTES,
-  f as composeFromFile,
-  m as composeFromText,
-  p as fetchMeaning,
-  u as fetchSlim
+  f as COMPOSE_MAX_FILES,
+  u as COMPOSE_MAX_TOTAL_BYTES,
+  g as composeFromFile,
+  p as composeFromText,
+  O as fetchMeaning,
+  h as fetchSlim
 };