@alfadocs/ui-kit 0.68.0 → 0.69.0

package/dist/_chunks/{ai-prompt-input-BwEACCPm.js → ai-prompt-input-CuhTo9mh.js}

@@ -1,17 +1,17 @@
 import { jsxs as u, jsx as a } from "react/jsx-runtime";
-import { forwardRef as Fe, useId as Be, useRef as H, useCallback as v, useState as _, useImperativeHandle as $e, useMemo as Ce } from "react";
-import { c as Oe } from "./index-D2ZczOXr.js";
+import { forwardRef as Fe, useId as Be, useRef as H, useCallback as v, useState as W, useImperativeHandle as $e, useMemo as Ce } from "react";
+import { c as je } from "./index-D2ZczOXr.js";
 import { useTranslation as ee } from "react-i18next";
 import { u as J } from "./use-controllable-state-BiY4xTzM.js";
-import { u as je } from "./use-isomorphic-layout-effect-BGfaCOP1.js";
-import { u as Re } from "./registry-nPAVE19X.js";
+import { u as Oe } from "./use-isomorphic-layout-effect-BGfaCOP1.js";
+import { u as Re } from "./registry-DvAUVLHh.js";
 import { _ as g } from "./index-4xgbg-sn.js";
 import { u as De } from "./index-BcMWc8W2.js";
 import { I as te } from "./icon-button-LqoiKcUN.js";
-import { S as _e } from "./select-CEtRcon5.js";
-import { S as Ae } from "./send-CySZIRPJ.js";
-import { X as Le } from "./x-CCcI3eJp.js";
-const Ue = {
+import { S as We } from "./select-DMLG44F5.js";
+import { S as _e } from "./send-CySZIRPJ.js";
+import { X as Ae } from "./x-CCcI3eJp.js";
+const Le = {
   id: "ai-prompt-input",
   capabilities: ["edit_inline", "submit"],
   state: {
@@ -36,16 +36,31 @@ const Ue = {
   },
   actions: {
     set_value: {
+      // Sets a form/input value — reversible via the same UI.
       safety: "write",
       argsType: "{ value: string }",
+      argsSchema: {
+        type: "object",
+        properties: { value: { type: "string" } },
+        required: ["value"]
+      },
+      idempotent: !0,
       descriptionKey: "ui.agent.aiPromptInput.actions.setValue",
       description: "Replace the composer text with the given value.",
+      examples: [
+        {
+          args: { value: "Summarise the last visit" },
+          note: "Replace composer text."
+        }
+      ],
       invoke: (s, d) => {
         s.setValue(d.value);
       }
     },
     clear: {
+      // Loses the user's (potentially long) draft — irreversible from this UI.
       safety: "destructive",
+      idempotent: !0,
       descriptionKey: "ui.agent.aiPromptInput.actions.clear",
       description: "Clear text and attachments. Irreversible from the same UI.",
       invoke: (s) => {
@@ -53,7 +68,10 @@ const Ue = {
       }
     },
     submit: {
+      // Hands the composer state to onSubmit, which dispatches to an external
+      // AI/host system — openWorld.
       safety: "write",
+      openWorld: !0,
       descriptionKey: "ui.agent.aiPromptInput.actions.submit",
       description: "Submit the current composer state via onSubmit.",
       invoke: (s) => {
@@ -61,6 +79,7 @@ const Ue = {
       }
     },
     focus: {
+      // Pure ephemeral focus state.
       safety: "read",
       descriptionKey: "ui.agent.aiPromptInput.actions.focus",
       description: "Move keyboard focus into the textarea.",
@@ -81,7 +100,7 @@ const Ue = {
       description: "Sourced from the id prop; addresses a specific composer instance."
     }
   }
-}, We = Oe(
+}, Ue = je(
   [
     "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)] ds:w-full",
     "ds:rounded-[var(--radius-md)] ds:border ds:border-border ds:bg-input",
@@ -115,63 +134,63 @@ const Ue = {
     onAttach: y,
     onAttachmentRejected: I,
     minRows: E = 2,
-    maxRows: A = 8,
-    value: L,
+    maxRows: _ = 8,
+    value: A,
     defaultValue: ne,
     size: ie = "md",
-    disabled: U,
+    disabled: L,
     className: oe,
     placeholder: de,
     onChange: F,
     onKeyDown: B,
     onCompositionStart: $,
     onCompositionEnd: C,
-    onPaste: O,
-    id: j,
+    onPaste: j,
+    id: O,
     ...le
   }, ce) => {
     var Y;
-    const { t: o } = ee(), pe = Be(), w = H(null), k = H(!1), ue = H(null), me = v((e) => {
+    const { t: o } = ee(), pe = Be(), w = H(null), S = H(!1), ue = H(null), me = v((e) => {
       w.current = e;
     }, []), [fe, m] = J({
-      value: L === void 0 ? void 0 : String(L),
+      value: A === void 0 ? void 0 : String(A),
       defaultValue: String(ne ?? "")
-    }), i = fe ?? "", [p, N] = _([]), [f, S] = _(!1), [ve, M] = _(""), [ge, he] = J({
+    }), i = fe ?? "", [p, k] = W([]), [f, N] = W(!1), [ve, M] = W(""), [ge, he] = J({
       value: se,
       defaultValue: K ?? ((Y = d == null ? void 0 : d[0]) == null ? void 0 : Y.id) ?? "",
       onChange: ae
-    }), R = ge ?? "", W = v(() => {
+    }), R = ge ?? "", U = v(() => {
       const e = w.current;
       if (!e) return;
-      const t = window.getComputedStyle(e), n = parseFloat(t.lineHeight) || 24, r = parseFloat(t.paddingTop) || 0, c = parseFloat(t.paddingBottom) || 0, l = parseFloat(t.borderTopWidth) || 0, D = parseFloat(t.borderBottomWidth) || 0, V = r + c + l + D, Te = n * E + V, G = n * A + V;
+      const t = window.getComputedStyle(e), n = parseFloat(t.lineHeight) || 24, r = parseFloat(t.paddingTop) || 0, c = parseFloat(t.paddingBottom) || 0, l = parseFloat(t.borderTopWidth) || 0, D = parseFloat(t.borderBottomWidth) || 0, V = r + c + l + D, Te = n * E + V, G = n * _ + V;
       e.style.height = "auto";
       const Ee = Math.max(Te, Math.min(e.scrollHeight, G));
       e.style.height = `${Ee}px`, e.style.overflowY = e.scrollHeight > G ? "auto" : "hidden";
-    }, [E, A]);
-    je(() => {
-      W();
-    }, [W, i]);
+    }, [E, _]);
+    Oe(() => {
+      U();
+    }, [U, i]);
     const be = v((e, t) => {
       const r = e.slice(0, t).lastIndexOf(`
 `) + 1, c = e.slice(r, t);
       if (c.startsWith("/")) {
         const l = c.slice(1);
         if (!/\s/.test(l)) {
-          S(!0), M(l);
+          N(!0), M(l);
           return;
         }
       }
-      S(!1), M("");
+      N(!1), M("");
     }, []), xe = (e) => {
-      if (m(e.target.value), k.current) return;
+      if (m(e.target.value), S.current) return;
       F == null || F(e);
       const t = e.target.selectionStart ?? e.target.value.length;
       be(e.target.value, t);
     }, ye = (e) => {
-      k.current = !0, $ == null || $(e);
+      S.current = !0, $ == null || $(e);
     }, Ie = (e) => {
-      k.current = !1, C == null || C(e);
-    }, we = (e) => e.nativeEvent.isComposing || e.keyCode === 229 || k.current, P = v(() => {
+      S.current = !1, C == null || C(e);
+    }, we = (e) => e.nativeEvent.isComposing || e.keyCode === 229 || S.current, P = v(() => {
       if (!i.trim() && p.length === 0) return;
       let t, n = i;
       const r = i.match(/^\/(\S+)\s?/);
@@ -180,10 +199,10 @@ const Ue = {
         command: t,
         attachments: p,
         modelId: R || void 0
-      }), m(""), N([]);
+      }), m(""), k([]);
     }, [i, p, x, R, m]), Z = H(null);
     $e(ce, () => Z.current, []);
-    const ke = Ce(
+    const Se = Ce(
       () => ({
         getValue: () => i,
         isEmpty: () => !i.trim() && p.length === 0,
@@ -192,7 +211,7 @@ const Ue = {
           m(e);
         },
         clear: () => {
-          m(""), N([]);
+          m(""), k([]);
         },
         submit: () => {
           P();
@@ -204,16 +223,16 @@ const Ue = {
       }),
       [i, p, m, P]
     );
-    Re(Ue, ke, j);
-    const Ne = (e) => {
+    Re(Le, Se, O);
+    const ke = (e) => {
       if (B == null || B(e), !e.defaultPrevented && !we(e)) {
         if (f && e.key === "Escape") {
-          e.preventDefault(), S(!1);
+          e.preventDefault(), N(!1);
           return;
         }
         e.key === "Enter" && (e.metaKey || e.ctrlKey) && (e.preventDefault(), P());
       }
-    }, Se = (e) => {
+    }, Ne = (e) => {
       const t = w.current;
       if (!t) return;
       const n = t.selectionStart ?? i.length, c = i.slice(0, n).lastIndexOf(`
@@ -222,9 +241,9 @@ const Ue = {
       for (; l < i.length && !/\s/.test(i[l]); )
         l += 1;
       const D = i.slice(l), V = i.slice(0, c) + `/${e.id} ` + D;
-      m(V), S(!1), M(""), queueMicrotask(() => t.focus());
+      m(V), N(!1), M(""), queueMicrotask(() => t.focus());
     }, Me = (e) => {
-      if (O == null || O(e), e.defaultPrevented) return;
+      if (j == null || j(e), e.defaultPrevented) return;
       const { clipboardData: t } = e;
       if (!t) return;
       const n = [];
@@ -235,8 +254,8 @@ const Ue = {
           l && n.push(l);
         }
       }
-      n.length > 0 && (e.preventDefault(), Q(n));
-    }, Q = v(
+      n.length > 0 && (e.preventDefault(), q(n));
+    }, q = v(
       (e) => {
         var n;
         const t = [];
@@ -252,31 +271,31 @@ const Ue = {
             file: r
           });
         }
-        t.length > 0 && (N((r) => [...r, ...t]), y == null || y(t.map((r) => r.file)));
+        t.length > 0 && (k((r) => [...r, ...t]), y == null || y(t.map((r) => r.file)));
       },
       [h, y, I, o]
     ), { getRootProps: Pe, getInputProps: ze, isDragActive: Ve } = De({
-      onDrop: Q,
+      onDrop: q,
       maxSize: h,
       accept: re,
       noClick: !0,
       noKeyboard: !0
     }), He = (e) => {
-      N((t) => t.filter((n) => n.id !== e));
-    }, z = j ?? pe, q = `${z}-label`, X = `${z}-slash-list`, Ke = (d == null ? void 0 : d.map((e) => ({ value: e.id, label: e.label }))) ?? [];
+      k((t) => t.filter((n) => n.id !== e));
+    }, z = O ?? pe, Q = `${z}-label`, X = `${z}-slash-list`, Ke = (d == null ? void 0 : d.map((e) => ({ value: e.id, label: e.label }))) ?? [];
     return /* @__PURE__ */ u(
       "div",
       {
         ref: Z,
         ...Pe({
           className: [
-            We({ size: ie, className: oe }),
+            Ue({ size: ie, className: oe }),
             Ve ? "ds:outline ds:outline-dashed ds:outline-[color:var(--primary)] ds:outline-offset-2 ds:bg-[color:var(--primary)]/5" : ""
           ].join(" ")
         }),
         "aria-label": o("chat.attachmentZone"),
         "data-component": "ai-prompt-input",
-        "data-component-id": j,
+        "data-component-id": O,
         children: [
           /* @__PURE__ */ a("input", { "aria-label": o("chat.attachmentZone"), ...ze() }),
           T ? /* @__PURE__ */ a("div", { className: "ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-xs)] ds:pt-[var(--spacing-xs)]", children: /* @__PURE__ */ a(
@@ -301,7 +320,7 @@ const Ue = {
               children: o("chat.contextActive", { name: T })
             }
           ) }) : null,
-          /* @__PURE__ */ a("label", { id: q, htmlFor: z, className: "ds:sr-only", children: o("chat.prompt") }),
+          /* @__PURE__ */ a("label", { id: Q, htmlFor: z, className: "ds:sr-only", children: o("chat.prompt") }),
           /* @__PURE__ */ u("div", { className: "ds:relative", children: [
             /* @__PURE__ */ a(
               "textarea",
@@ -310,14 +329,14 @@ const Ue = {
                 id: z,
                 rows: E,
                 value: i,
-                disabled: U,
+                disabled: L,
                 placeholder: de ?? o("chat.input.placeholder"),
-                "aria-labelledby": q,
+                "aria-labelledby": Q,
                 role: f ? "combobox" : void 0,
                 "aria-controls": f ? X : void 0,
                 "aria-expanded": f ? !0 : void 0,
                 onChange: xe,
-                onKeyDown: Ne,
+                onKeyDown: ke,
                 onPaste: Me,
                 onCompositionStart: ye,
                 onCompositionEnd: Ie,
@@ -363,7 +382,7 @@ const Ue = {
                       g.Item,
                       {
                         value: e.id,
-                        onSelect: () => Se(e),
+                        onSelect: () => Ne(e),
                         className: [
                           "ds:flex ds:flex-col ds:gap-[2px]",
                           "ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)]",
@@ -394,7 +413,7 @@ const Ue = {
               "aria-label": o("chat.attachmentZone"),
               className: "ds:flex ds:flex-wrap ds:gap-[var(--spacing-xs)] ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)]",
               children: p.map((e) => /* @__PURE__ */ a(
-                qe,
+                Qe,
                 {
                   file: e.file,
                   onRemove: () => He(e.id)
@@ -405,7 +424,7 @@ const Ue = {
           ) : null,
           /* @__PURE__ */ u("div", { className: "ds:flex ds:items-center ds:gap-[var(--spacing-xs)] ds:ps-[var(--spacing-xs)] ds:pe-[var(--spacing-xs)] ds:pb-[var(--spacing-xs)]", children: [
             d && d.length > 0 ? /* @__PURE__ */ a("div", { className: "ds:me-auto ds:min-w-[140px]", children: /* @__PURE__ */ a(
-              _e,
+              We,
               {
                 "aria-label": o("chat.model.select"),
                 options: Ke,
@@ -420,11 +439,11 @@ const Ue = {
             /* @__PURE__ */ a(
               te,
               {
-                icon: /* @__PURE__ */ a(Ae, {}),
+                icon: /* @__PURE__ */ a(_e, {}),
                 "aria-label": o("chat.send"),
                 intent: "primary",
                 size: "sm",
-                disabled: U || !i.trim() && p.length === 0,
+                disabled: L || !i.trim() && p.length === 0,
                 onClick: P,
                 "aria-keyshortcuts": "Meta+Enter Control+Enter"
               }
@@ -436,10 +455,10 @@ const Ue = {
   }
 );
 Ze.displayName = "AIPromptInput";
-function Qe(s) {
+function qe(s) {
   return s < 1024 ? `${s} B` : s < 1024 * 1024 ? `${(s / 1024).toFixed(1)} KB` : `${(s / (1024 * 1024)).toFixed(1)} MB`;
 }
-function qe({
+function Qe({
   file: s,
   onRemove: d
 }) {
@@ -459,11 +478,11 @@ function qe({
       ].join(" "),
       children: [
         /* @__PURE__ */ a("span", { className: "ds:truncate ds:max-w-[16ch]", children: s.name }),
-        /* @__PURE__ */ a("span", { className: "ds:text-[color:var(--muted-foreground)] ds:tabular-nums", children: Qe(s.size) }),
+        /* @__PURE__ */ a("span", { className: "ds:text-[color:var(--muted-foreground)] ds:tabular-nums", children: qe(s.size) }),
         /* @__PURE__ */ a(
           te,
           {
-            icon: /* @__PURE__ */ a(Le, {}),
+            icon: /* @__PURE__ */ a(Ae, {}),
             "aria-label": K("chat.attachment.remove", { name: s.name }),
             intent: "ghost",
             size: "sm",
@@ -476,6 +495,6 @@ function qe({
 }
 export {
   Ze as A,
-  Ue as a
+  Le as a
 };
-//# sourceMappingURL=ai-prompt-input-BwEACCPm.js.map
+//# sourceMappingURL=ai-prompt-input-CuhTo9mh.js.map