@inkeep/agents-ui 0.0.0-dev-20260508201702 → 0.0.0-dev-20260508211520

package/dist/primitives/components/embedded-chat/use-inkeep-chat.js

@@ -1,34 +1,34 @@
 "use client";
-import { useChat as it } from "@ai-sdk/react";
-import { normalizeFileType as Oe } from "./file-upload-input.js";
-import { DefaultChatTransport as lt } from "ai";
-import { useRef as c, useEffect as x, useState as F, useMemo as _e, useCallback as $, useImperativeHandle as ct } from "react";
-import { useModal as ut } from "../modal/modal-provider.js";
-import { useOptionalChatBubble as pt } from "../../providers/chat-bubble-provider.js";
-import { useOptionalSidebarChat as dt } from "../../providers/sidebar-chat-provider.js";
-import { useInkeepConfig as ft } from "../../providers/config-provider.js";
-import { useCaptcha as mt } from "./use-captcha.js";
-import { useMediaQuery as gt } from "../../hooks/use-media-query.js";
-import { useAnonymousSession as ht } from "../../hooks/use-anonymous-session.js";
-import { useAuthToken as vt } from "../../hooks/use-auth-token.js";
-import { useConversationLoader as yt } from "../../hooks/use-conversation-loader.js";
-import { useInitialConversation as Ct } from "../../hooks/use-initial-conversation.js";
+import { useChat as at } from "@ai-sdk/react";
+import { normalizeFileType as xe } from "./file-upload-input.js";
+import { DefaultChatTransport as it } from "ai";
+import { useRef as c, useEffect as x, useState as F, useMemo as Fe, useCallback as $, useImperativeHandle as lt } from "react";
+import { useModal as ct } from "../modal/modal-provider.js";
+import { useOptionalChatBubble as ut } from "../../providers/chat-bubble-provider.js";
+import { useOptionalSidebarChat as pt } from "../../providers/sidebar-chat-provider.js";
+import { useInkeepConfig as dt } from "../../providers/config-provider.js";
+import { useCaptcha as ft } from "./use-captcha.js";
+import { useMediaQuery as mt } from "../../hooks/use-media-query.js";
+import { useAnonymousSession as gt } from "../../hooks/use-anonymous-session.js";
+import { useAuthToken as ht } from "../../hooks/use-auth-token.js";
+import { useConversationLoader as vt } from "../../hooks/use-conversation-loader.js";
+import { useInitialConversation as yt } from "../../hooks/use-initial-conversation.js";
 import { generateUid as U } from "../../utils/generate-uid.js";
-import { useBaseEvents as At } from "../../providers/base-events-provider.js";
-import { useChatForm as St } from "../../providers/chat-form-provider.js";
-import { useWidget as bt } from "../../providers/widget-provider.js";
-import { useControllableState as Rt } from "@radix-ui/react-use-controllable-state";
+import { useBaseEvents as Ct } from "../../providers/base-events-provider.js";
+import { useChatForm as At } from "../../providers/chat-form-provider.js";
+import { useWidget as St } from "../../providers/widget-provider.js";
+import { useControllableState as bt } from "@radix-ui/react-use-controllable-state";
 import { useStreamingEvents as It } from "../../hooks/use-streaming-events.js";
-import { useInputNotification as wt } from "../../hooks/use-input-notification.js";
-import { resolveStreamingAuthError as Tt, DEFAULT_ERROR_MESSAGE as ce, isRecoverableError as kt, RECOVERABLE_NOTIFICATION_DURATION_MS as Et, resolveHttpStatusCode as Mt, RATE_LIMIT_MESSAGE as xt, RECOVERABLE_FALLBACK_MESSAGE as Ne } from "./chat-error-helpers.js";
-const Yt = () => {
-  const { baseSettings: q, aiChatSettings: y } = ft(), [i = "", g] = Rt({
+import { useInputNotification as Rt } from "../../hooks/use-input-notification.js";
+import { resolveStreamingAuthError as Tt, DEFAULT_ERROR_MESSAGE as ie, isRecoverableError as wt, RECOVERABLE_NOTIFICATION_DURATION_MS as Et, resolveHttpStatusCode as kt, RATE_LIMIT_MESSAGE as Mt, RECOVERABLE_FALLBACK_MESSAGE as Oe } from "./chat-error-helpers.js";
+const Xt = () => {
+  const { baseSettings: q, aiChatSettings: y } = dt(), [i = "", g] = bt({
     prop: y.conversationIdOverride,
     defaultProp: y.conversationIdOverride ?? ""
-  }), Pe = ut(), Le = pt(), De = dt(), { logEvent: m } = At(), { setConversationId: Be, emitToParent: O } = It(), ue = c(i);
+  }), _e = ct(), Ne = ut(), Pe = pt(), { logEvent: m } = Ct(), { setConversationId: Le, emitToParent: O } = It(), le = c(i);
   x(() => {
-    const e = ue.current;
-    ue.current = i, e !== i && m({
+    const e = le.current;
+    le.current = i, e !== i && m({
       eventName: "chat_conversation_changed",
       properties: {
         conversationId: i,
@@ -36,98 +36,94 @@ const Yt = () => {
       }
     });
   }, [i, m]);
-  const [C, A] = F(""), $e = (e) => A(e.target.value), {
-    shouldBypassCaptcha: pe,
-    filters: de,
-    privacyPreferences: Ue,
-    userProperties: z,
-    analyticsProperties: H
-  } = q, { authToken: _, isLoading: qe, refreshToken: fe } = vt(), me = !!q.getAuthToken, d = !!_, {
-    onInputMessageChange: ze,
-    filters: ge,
+  const [C, A] = F(""), De = (e) => A(e.target.value), {
+    shouldBypassCaptcha: ce,
+    filters: ue,
+    privacyPreferences: Be,
+    userProperties: z
+  } = q, { authToken: _, isLoading: $e, refreshToken: pe } = ht(), de = !!q.getAuthToken, d = !!_, {
+    onInputMessageChange: Ue,
+    filters: fe,
     baseUrl: N,
-    agentUrl: He,
-    context: he,
-    headers: ve,
+    agentUrl: qe,
+    context: me,
+    headers: ge,
     appId: S,
     apiKey: h,
     files: b
-  } = y, Ke = Pe?.isOpen ?? Le?.isOpen ?? De?.isOpen ?? !0, { getCaptchaHeader: R, invalidate: u } = mt({
+  } = y, ze = _e?.isOpen ?? Ne?.isOpen ?? Pe?.isOpen ?? !0, { getCaptchaHeader: I, invalidate: u } = ft({
     baseUrl: N,
-    shouldBypassCaptcha: pe || !!h,
-    shouldMakeInitialRequest: Ke
-  }), ye = c(R);
-  ye.current = R;
-  const Ce = He || `${N}/run/api/chat`, { sessionToken: K, refreshSession: J } = ht({
+    shouldBypassCaptcha: ce || !!h,
+    shouldMakeInitialRequest: ze
+  }), he = c(I);
+  he.current = I;
+  const ve = qe || `${N}/run/api/chat`, { sessionToken: H, refreshSession: K } = gt({
     baseUrl: N,
     appId: S,
-    getCaptchaHeader: R,
+    getCaptchaHeader: I,
     invalidateCaptcha: u,
-    optOutAllAnalytics: Ue?.optOutAllAnalytics,
-    enabled: !d && !qe
-  }), Ae = h ?? (d ? _ : K), { loadConversation: Se } = yt({
+    optOutAllAnalytics: Be?.optOutAllAnalytics,
+    enabled: !d && !$e
+  }), ye = h ?? (d ? _ : H), { loadConversation: Ce } = vt({
     baseUrl: N,
     appId: S,
-    authToken: Ae,
-    getCaptchaHeader: R,
+    authToken: ye,
+    getCaptchaHeader: I,
     invalidateCaptcha: u,
-    refreshSession: h || d ? void 0 : J
-  }), [Je, be] = F(!1), j = c(null);
-  j.current = K;
-  const G = c(null);
-  G.current = _;
+    refreshSession: h || d ? void 0 : K
+  }), [He, Ae] = F(!1), G = c(null);
+  G.current = H;
+  const J = c(null);
+  J.current = _;
   const V = c(void 0);
   V.current = z && Object.keys(z).length > 0 ? JSON.stringify(z) : void 0;
-  const W = c(void 0);
-  W.current = H && Object.keys(H).length > 0 ? JSON.stringify(H) : void 0;
-  const v = c(0), Q = c(null), Z = c(null), I = c(void 0), je = b?.map(
+  const v = c(0), j = c(null), W = c(null), R = c(void 0), Ke = b?.map(
     (e) => `${e.filename ?? ""}:${e.mediaType}:${e.url.length}:${e.url.slice(0, 64)}:${e.url.slice(-32)}`
   ).join(`
 `) ?? "";
   x(() => {
-    I.current = b?.length ? b : void 0;
-  }, [je]);
-  const Re = c(ve);
-  Re.current = ve;
-  const X = c(void 0);
-  X.current = de || ge ? JSON.stringify({ ...de, ...ge }) : void 0;
+    R.current = b?.length ? b : void 0;
+  }, [Ke]);
+  const Se = c(ge);
+  Se.current = ge;
+  const Q = c(void 0);
+  Q.current = ue || fe ? JSON.stringify({ ...ue, ...fe }) : void 0;
   const Ge = (e) => {
-    switch (Mt(e)) {
+    switch (kt(e)) {
       case 400:
         try {
           const t = JSON.parse(e.message ?? "");
-          return t.detail ?? t.error?.message ?? Ne;
+          return t.detail ?? t.error?.message ?? Oe;
         } catch {
-          return e.message?.trim() || Ne;
+          return e.message?.trim() || Oe;
         }
       case 401:
-        return me ? "Authentication failed. Please try again." : ce;
+        return de ? "Authentication failed. Please try again." : ie;
       case 403:
         return `There seems to be a configuration error. Please contact ${q.organizationDisplayName ?? "Administrator"}`;
       case 429:
-        return xt;
+        return Mt;
       default:
-        return ce;
+        return ie;
     }
-  }, [P, Y] = F([]), Ve = _e(
-    () => new lt({
-      api: Ce,
+  }, [P, Z] = F([]), Je = Fe(
+    () => new it({
+      api: ve,
       headers: () => {
-        const e = h ?? G.current ?? j.current;
+        const e = h ?? J.current ?? G.current;
         return {
           "x-inkeep-client-timezone": Intl.DateTimeFormat().resolvedOptions().timeZone,
           "x-inkeep-client-timestamp": (/* @__PURE__ */ new Date()).toISOString(),
           "x-inkeep-invocation-type": "chat_widget",
           ...S ? { "x-inkeep-app-id": S } : {},
           ...e ? { Authorization: `Bearer ${e}` } : {},
-          ...X.current ? { "inkeep-filters": X.current } : {},
+          ...Q.current ? { "inkeep-filters": Q.current } : {},
           ...V.current ? { "x-inkeep-user-properties": V.current } : {},
-          ...W.current ? { "x-inkeep-properties": W.current } : {},
-          ...Re.current
+          ...Se.current
         };
       },
       prepareSendMessagesRequest: async (e) => {
-        const a = await ye.current(), t = e.messages[e.messages.length - 1];
+        const a = await he.current(), t = e.messages[e.messages.length - 1];
         return t || console.warn(
           "[useInkeepChat] prepareSendMessagesRequest called with empty messages array"
         ), {
@@ -145,20 +141,21 @@ const Yt = () => {
         };
       },
       body: {
-        requestContext: he
+        requestContext: me
       }
     }),
-    [Ce, he, S, h]
+    [ve, me, S, h]
   ), {
     messages: L,
-    sendMessage: ee,
-    addToolApprovalResponse: te,
-    status: Ie,
+    sendMessage: X,
+    addToolApprovalResponse: Y,
+    addToolOutput: Ve,
+    status: be,
     setMessages: f,
     stop: D,
     error: B
-  } = it({
-    transport: Ve,
+  } = at({
+    transport: Je,
     onData(e) {
       O(e.type, e.data);
     },
@@ -177,47 +174,47 @@ const Yt = () => {
     },
     onError(e) {
       console.error("onError", { code: e.code, message: e.message });
-      const a = pe || h ? null : Tt(e);
+      const a = ce || h ? null : Tt(e);
       if (a !== null && v.current < 1) {
         v.current++;
-        const n = Z.current, s = Q.current;
+        const n = W.current, s = j.current;
         (async () => {
-          if (a === "session" && me) {
-            const l = await fe();
+          if (a === "session" && de) {
+            const l = await pe();
             if (!l) throw new Error("Auth token refresh failed");
-            G.current = l;
+            J.current = l;
           } else if (a === "session") {
-            const l = await J();
-            l && (j.current = l);
+            const l = await K();
+            l && (G.current = l);
           } else
             u();
           if (n) {
-            te(n);
+            Y(n);
             return;
           }
           s && (f((l) => {
             let r = [...l];
             return r.at(-1)?.role === "assistant" && (r = r.slice(0, -1)), r.at(-1)?.role === "user" && (r = r.slice(0, -1)), r;
-          }), ee(
+          }), X(
             s.files?.length ? { parts: [{ type: "text", text: s.content }, ...s.files] } : { text: s.content },
             { body: s.body }
           ));
         })().catch(() => {
           v.current = 0, u(), f((l) => {
-            const r = [...l], k = r[r.length - 1];
-            if (!k) return r;
-            const E = ce;
-            return k.role === "user" ? r.push({
+            const r = [...l], E = r[r.length - 1];
+            if (!E) return r;
+            const k = ie;
+            return E.role === "user" ? r.push({
               id: U(16),
               role: "assistant",
-              parts: [{ type: "text", text: E }]
-            }) : k.parts = [{ type: "text", text: E }], r;
+              parts: [{ type: "text", text: k }]
+            }) : E.parts = [{ type: "text", text: k }], r;
           });
         });
         return;
       }
       v.current = 0, a !== null && u();
-      const t = kt(e), p = Ge(e);
+      const t = wt(e), p = Ge(e);
       if (m({
         eventName: "chat_error",
         properties: {
@@ -225,15 +222,15 @@ const Yt = () => {
           error: e.message
         }
       }), t) {
-        ae(
+        ne(
           { title: "Request failed", message: p },
           Et
         ), f((s) => {
           let o = [...s];
           return o.at(-1)?.role === "assistant" && (o = o.slice(0, -1)), o.at(-1)?.role === "user" && (o = o.slice(0, -1)), o;
         });
-        const n = Q.current?.content;
-        n && A(n), oe.current = e;
+        const n = j.current?.content;
+        n && A(n), re.current = e;
         return;
       }
       f((n) => {
@@ -245,12 +242,12 @@ const Yt = () => {
         }) : o.parts = [{ type: "text", text: p }]), s;
       });
     }
-  }), we = c(d);
+  }), Ie = c(d);
   x(() => {
-    const e = we.current;
-    we.current = d, e !== d && (D(), w(null), f([]), g(""), A(""), Y([]), u());
+    const e = Ie.current;
+    Ie.current = d, e !== d && (D(), T(null), f([]), g(""), A(""), Z([]), u());
   }, [d, D, f, g, u]);
-  const Te = Ie === "submitted", se = Ie === "streaming", We = _e(() => {
+  const Re = be === "submitted", ee = be === "streaming", je = Fe(() => {
     const e = (n) => {
       if (!n || typeof n != "object") return !1;
       const s = n;
@@ -258,62 +255,62 @@ const Yt = () => {
     }, t = [...L ?? []].reverse().find((n) => n.role === "assistant");
     if (!t) return !1;
     const p = t.parts?.at(-1);
-    return !(!e(p) || p.state !== "output-available" || !p.approval?.id || se);
-  }, [L, se]), [Qe, re] = F(!1), ke = se || We && !Qe, Ee = Te || ke, Ze = L.length === 0, ne = !C.trim() && P.length === 0 || Ee, Xe = gt("(max-width: 768px)"), [Ye, w] = F(null), oe = c(null);
+    return !(!e(p) || p.state !== "output-available" || !p.approval?.id || ee);
+  }, [L, ee]), [We, te] = F(!1), Te = ee || je && !We, we = Re || Te, Qe = L.length === 0, se = !C.trim() && P.length === 0 || we, Ze = mt("(max-width: 768px)"), [Xe, T] = F(null), re = c(null);
   x(() => {
     if (B) {
-      if (oe.current === B) {
-        oe.current = null;
+      if (re.current === B) {
+        re.current = null;
         return;
       }
-      w(B);
+      T(B);
     }
   }, [B]);
-  const et = () => w(null), { inputNotification: tt, showInputNotification: ae, clearInputNotification: st } = wt(), Me = c(null);
+  const Ye = () => T(null), { inputNotification: et, showInputNotification: ne, clearInputNotification: tt } = Rt(), Ee = c(null);
   x(() => {
-    ze?.(C);
+    Ue?.(C);
   }, [C]);
-  const rt = (e) => {
-    e.key === "Enter" && !e.shiftKey && !ne && !e.nativeEvent.isComposing && (e.preventDefault(), ie());
-  }, ie = async (e = C) => {
-    if (ne && (!e || e.trim().length === 0) && P.length === 0) return;
+  const st = (e) => {
+    e.key === "Enter" && !e.shiftKey && !se && !e.nativeEvent.isComposing && (e.preventDefault(), oe());
+  }, oe = async (e = C) => {
+    if (se && (!e || e.trim().length === 0) && P.length === 0) return;
     const a = P;
-    Y([]), A(""), v.current = 0, Z.current = null, re(!1), await m({
+    Z([]), A(""), v.current = 0, W.current = null, te(!1), await m({
       eventName: "user_message_submitted",
       properties: {
         conversationId: i
       }
     });
     let t = i;
-    t || (t = `conv_${U(16)}`, g(t)), Be(t);
-    const p = I.current;
-    I.current = void 0;
+    t || (t = `conv_${U(16)}`, g(t)), Le(t);
+    const p = R.current;
+    R.current = void 0;
     let n, s;
     if (p?.length) {
       let o;
       try {
         o = await Promise.all(
           a.map((l) => {
-            const r = Oe(l);
-            return new Promise((k, E) => {
+            const r = xe(l);
+            return new Promise((E, k) => {
               const M = new FileReader();
               M.onload = () => {
                 if (typeof M.result != "string") {
-                  E(new Error(`Failed to read file "${r.name}"`));
+                  k(new Error(`Failed to read file "${r.name}"`));
                   return;
                 }
-                k({
+                E({
                   type: "file",
                   url: M.result,
                   mediaType: r.type,
                   filename: r.name
                 });
-              }, M.onerror = () => E(new Error(`Failed to read file "${r.name}"`)), M.readAsDataURL(r);
+              }, M.onerror = () => k(new Error(`Failed to read file "${r.name}"`)), M.readAsDataURL(r);
             });
           })
         );
       } catch {
-        ae({
+        ne({
           title: "Failed to attach files",
           message: "Could not read one or more files. Please try again."
         });
@@ -322,44 +319,44 @@ const Yt = () => {
       s = [...o, ...p], n = e.trim() ? { parts: [{ type: "text", text: e }, ...s] } : { parts: s };
     } else if (a.length > 0) {
       const o = new DataTransfer();
-      for (const r of a) o.items.add(Oe(r));
+      for (const r of a) o.items.add(xe(r));
       const l = o.files;
       n = e.trim() ? { text: e, files: l } : { files: l };
     } else
       n = { text: e };
-    Q.current = {
+    j.current = {
       content: e,
       body: { conversationId: t },
       files: s
-    }, ee(n, {
+    }, X(n, {
       body: { conversationId: t }
     });
-  }, nt = $(
+  }, rt = $(
     (e) => {
-      v.current = 0, Z.current = e, re(!1), te(e);
+      v.current = 0, W.current = e, te(!1), Y(e);
     },
-    [te]
-  ), le = $(() => {
-    re(!0), D().then(() => {
+    [Y]
+  ), ae = $(() => {
+    te(!0), D().then(() => {
       O("aborted", { conversationId: i });
     });
-  }, [D, i, O]), xe = () => {
-    et(), f([]), g(""), u(), I.current = b?.length ? b : void 0, m({
+  }, [D, i, O]), ke = () => {
+    Ye(), f([]), g(""), u(), R.current = b?.length ? b : void 0, m({
       eventName: "chat_clear_button_clicked",
       properties: {
         conversationId: i
       }
     });
-  }, T = $(
+  }, w = $(
     (e, a) => {
-      w(null), f(a), g(e), u(), I.current = void 0;
+      T(null), f(a), g(e), u(), R.current = void 0;
     },
     [f, g, u]
-  ), Fe = $(
+  ), Me = $(
     async (e, a) => {
-      le(), T(e, []), be(!0);
+      ae(), w(e, []), Ae(!0);
       try {
-        const t = await Se(e, a);
+        const t = await Ce(e, a);
         if (t === null) return !1;
         const n = t[t.length - 1]?.role === "user" ? [
           ...t,
@@ -374,66 +371,67 @@ const Yt = () => {
             ]
           }
         ] : t;
-        return T(e, n), !0;
+        return w(e, n), !0;
       } finally {
-        a?.aborted || be(!1);
+        a?.aborted || Ae(!1);
       }
     },
-    [T, Se, le]
+    [w, Ce, ae]
   );
-  Ct({
+  yt({
     conversationId: y.conversationId,
-    effectiveAuthToken: Ae,
-    loadAndRestoreSession: Fe,
-    onLoadFailed: () => T("", [])
+    effectiveAuthToken: ye,
+    loadAndRestoreSession: Me,
+    onLoadFailed: () => w("", [])
   });
-  const { openForm: ot } = St(), at = bt();
-  return ct(y.chatFunctionsRef, () => ({
-    submitMessage: ie,
+  const { openForm: nt } = At(), ot = St();
+  return lt(y.chatFunctionsRef, () => ({
+    submitMessage: oe,
     updateInputMessage(e) {
       A(e);
     },
-    clearChat: xe,
+    clearChat: ke,
     openForm: (e) => {
-      at?.setView("chat"), ot(e, void 0);
+      ot?.setView("chat"), nt(e, void 0);
     },
     focusInput: () => {
-      Me.current?.focus();
+      Ee.current?.focus();
     }
   })), {
     messages: L,
-    sendMessage: ee,
-    addToolApprovalResponse: nt,
-    isLoading: Te,
-    isStreaming: ke,
-    isBusy: Ee,
-    error: Ye,
-    setError: w,
-    isSubmitDisabled: ne,
+    sendMessage: X,
+    addToolApprovalResponse: rt,
+    addToolOutput: Ve,
+    isLoading: Re,
+    isStreaming: Te,
+    isBusy: we,
+    error: Xe,
+    setError: T,
+    isSubmitDisabled: se,
     input: C,
-    handleInputChange: $e,
-    handleInputKeyDown: rt,
-    handleSubmit: ie,
-    stop: le,
-    clear: xe,
-    inputRef: Me,
-    isMobile: Xe,
+    handleInputChange: De,
+    handleInputKeyDown: st,
+    handleSubmit: oe,
+    stop: ae,
+    clear: ke,
+    inputRef: Ee,
+    isMobile: Ze,
     files: P,
-    setFiles: Y,
-    isNewChat: Ze,
+    setFiles: Z,
+    isNewChat: Qe,
     conversationId: i,
-    restoreSession: T,
-    loadAndRestoreSession: Fe,
-    isSessionLoading: Je,
-    authToken: d ? _ : K,
-    refreshSession: d ? fe : J,
-    getCaptchaHeader: R,
+    restoreSession: w,
+    loadAndRestoreSession: Me,
+    isSessionLoading: He,
+    authToken: d ? _ : H,
+    refreshSession: d ? pe : K,
+    getCaptchaHeader: I,
     invalidateCaptcha: u,
-    inputNotification: tt,
-    showInputNotification: ae,
-    clearInputNotification: st
+    inputNotification: et,
+    showInputNotification: ne,
+    clearInputNotification: tt
   };
 };
 export {
-  Yt as useInkeepChat
+  Xt as useInkeepChat
 };

package/dist/styled/components/ask-user-form.cjs

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),Y=require("../../node_modules/.pnpm/@hookform_resolvers@5.2.2_react-hook-form@7.70.0_react@19.3.0-canary-87ae75b3-20260128_/node_modules/@hookform/resolvers/zod/dist/zod.cjs"),b=require("react"),y=require("react-hook-form"),x=require("zod"),f=require("../utils.cjs"),E=require("./ui/recipes/button.cjs"),S="border border-gray-200 dark:border-white-alpha-200 rounded-lg mb-3 p-4 bg-white dark:bg-gray-dark-900",q="text-xs font-medium text-gray-700 dark:text-white-alpha-700 select-none",$="text-xs px-2 py-1.5 rounded-md border bg-white dark:bg-gray-dark-900 text-gray-800 dark:text-white-alpha-800 border-gray-200 dark:border-white-alpha-200 focus:outline-none focus:ring-1 focus:ring-inkeep-expanded-primary-500 disabled:opacity-60 disabled:cursor-not-allowed",F="text-2xs text-gray-500 dark:text-white-alpha-500 mt-0.5",z="text-2xs text-red-600 dark:text-red-400 mt-0.5",M=e=>{switch(e){case"short":return"w-20";case"medium":return"w-48";default:return"w-full"}};function _(e){return!(e.length>200||/[+*?}]\)?[+*?{]/.test(e))}function H(e){const a=e.required!==!1;switch(e.type){case"boolean":return x.z.boolean().default(!1);case"number":{let t=x.z.number();e.validation?.min!==void 0&&(t=t.min(e.validation.min)),e.validation?.max!==void 0&&(t=t.max(e.validation.max));const i=a?t:t.optional();return x.z.preprocess(s=>{if(!(s===""||s===null||s===void 0)){if(typeof s=="string"){const l=Number(s);return Number.isNaN(l)?s:l}return s}},i)}case"email":{let t=x.z.string().email("Enter a valid email");return e.validation?.minLength!==void 0&&(t=t.min(e.validation.minLength)),e.validation?.maxLength!==void 0&&(t=t.max(e.validation.maxLength)),a?t.min(1,"Required"):t.or(x.z.literal(""))}case"date":{const t=x.z.string();return a?t.min(1,"Required"):t.optional()}default:{let t=x.z.string();if(e.validation?.minLength!==void 0&&(t=t.min(e.validation.minLength)),e.validation?.maxLength!==void 0&&(t=t.max(e.validation.maxLength)),e.validation?.pattern&&_(e.validation.pattern))try{t=t.regex(new RegExp(e.validation.pattern),"Invalid format")}catch{}if(e.options&&e.options.length>0){const i=e.options.map(l=>l.value),s=x.z.enum(i);return a?s:s.or(x.z.literal(""))}return a?t.min(1,"Required"):t}}}function J(e){let a;switch(e.itemType){case"number":a=x.z.preprocess(i=>i===""||i===null||i===void 0?void 0:Number(i),x.z.number());break;case"email":a=x.z.string().email();break;case"boolean":a=x.z.boolean();break;default:a=x.z.string().min(1)}let t=x.z.array(a);return e.min!==void 0&&(t=t.min(e.min,`At least ${e.min}`)),e.max!==void 0&&(t=t.max(e.max,`At most ${e.max}`)),t}function K(e){return e.kind==="leaf"?H(e):e.kind==="list"?J(e):e.kind==="groupList"?W(e):B(e.children)}function B(e){const a={};for(const t of e)a[t.id]=K(t);return x.z.object(a)}function W(e){const a=B(e.item.children);let t=x.z.array(a);return e.min!==void 0&&(t=t.min(e.min,`At least ${e.min}`)),e.max!==void 0&&(t=t.max(e.max,`At most ${e.max}`)),t}function Q(e){return B(e)}function X(e){if(e.default!==void 0)return e.default;if(e.options&&e.options.length>0)return e.options[0]?.value??"";switch(e.type){case"boolean":return!1;case"number":return"";default:return""}}function L(e){const a={};for(const t of e)if(t.kind==="leaf")a[t.id]=X(t);else if(t.kind==="list")a[t.id]=[];else if(t.kind==="groupList"){const i=t.min??0,s=[];for(let l=0;l<i;l++)s.push(L(t.item.children));a[t.id]=s}else a[t.id]=L(t.children);return a}function V(e,a=[]){for(const t of e){if(t.kind==="leaf")return[...a,t.id];if(t.kind==="group"){const i=V(t.children,[...a,t.id]);if(i)return i}}}function Z(e,a=[]){for(const t of e)if(t.kind==="leaf"){if(!(t.default!==void 0&&t.default!==""))return[...a,t.id]}else if(t.kind==="group"){const i=Z(t.children,[...a,t.id]);if(i)return i}}function ee(e){return Z(e)??V(e)}const re=({input:e,output:a,status:t,errorText:i,onSubmit:s,onDecline:l})=>t==="pending"?r.jsx("div",{className:S,children:r.jsxs("div",{className:"space-y-3 animate-pulse",children:[r.jsx("div",{className:"h-3 w-32 bg-gray-100 dark:bg-white-alpha-100 rounded"}),r.jsx("div",{className:"h-7 w-full bg-gray-100 dark:bg-white-alpha-100 rounded"}),r.jsx("div",{className:"h-7 w-full bg-gray-100 dark:bg-white-alpha-100 rounded"})]})}):t==="declined"?r.jsx("div",{className:S,children:r.jsx("div",{className:"text-xs font-medium text-gray-700 dark:text-white-alpha-700",children:i||"User declined to provide input."})}):t==="submitted"&&a?r.jsx(te,{output:a}):!e||!Array.isArray(e.form)?r.jsx("div",{className:S,children:r.jsx("div",{className:"text-xs text-gray-500 dark:text-white-alpha-500 italic",children:"Preparing form…"})}):r.jsx(ae,{input:e,onSubmit:s??(()=>{}),onDecline:l??(()=>{})}),te=({output:e})=>r.jsxs("div",{className:S,children:[e.message&&r.jsx("div",{className:"text-sm font-medium text-gray-800 dark:text-white-alpha-800 mb-3",children:e.message}),r.jsx("div",{className:"space-y-3",children:e.form.map(a=>r.jsx(P,{node:a,value:e.answers[a.id]},a.id))})]}),P=({node:e,value:a})=>{if(e.kind==="group"){const t=a&&typeof a=="object"&&!Array.isArray(a)?a:{};return r.jsxs("fieldset",{className:"border-l-2 border-gray-100 dark:border-white-alpha-100 pl-3",children:[e.label&&r.jsx("legend",{className:"text-xs font-semibold text-gray-700 dark:text-white-alpha-700 mb-2",children:e.label}),r.jsx("div",{className:"space-y-3",children:e.children.map(i=>r.jsx(P,{node:i,value:t[i.id]},i.id))})]})}if(e.kind==="list"){const t=Array.isArray(a)?a:[];return r.jsxs("div",{className:"flex flex-col gap-1",children:[r.jsx("span",{className:q,children:e.label}),r.jsx("div",{className:"flex flex-wrap gap-1",children:t.length===0?r.jsx("span",{className:"text-2xs text-gray-500 dark:text-white-alpha-500 italic",children:"(none)"}):t.map((i,s)=>{const l=G(i);return r.jsx("span",{className:"inline-flex items-center gap-1 px-2 py-0.5 rounded-full bg-gray-100 dark:bg-white-alpha-100 text-2xs text-gray-700 dark:text-white-alpha-700",children:l},`${l}-${s}`)})})]})}if(e.kind==="groupList"){const t=Array.isArray(a)?a:[];return r.jsxs("fieldset",{className:"border-l-2 border-gray-100 dark:border-white-alpha-100 pl-3",children:[r.jsx("legend",{className:"text-xs font-semibold text-gray-700 dark:text-white-alpha-700 mb-2",children:e.label}),r.jsx("div",{className:"space-y-2",children:t.length===0?r.jsx("span",{className:"text-2xs text-gray-500 dark:text-white-alpha-500 italic",children:"(none)"}):t.map((i,s)=>{const l=i&&typeof i=="object"&&!Array.isArray(i)?i:{};return r.jsxs("div",{className:"pl-2 py-1 rounded-md bg-gray-50/50 dark:bg-white-alpha-50/50",children:[r.jsxs("span",{className:"text-2xs font-medium text-gray-500 dark:text-white-alpha-500 uppercase tracking-wider",children:["#",s+1]}),r.jsx("div",{className:"mt-1 space-y-2",children:e.item.children.map(n=>r.jsx(P,{node:n,value:l[n.id]},n.id))})]},`row-${s}-${e.id}`)})})]})}return r.jsxs("div",{className:"flex flex-col gap-1",children:[r.jsx("span",{className:q,children:e.label}),r.jsx("span",{className:f.cn($,M(e.width),"inline-block opacity-70"),"aria-disabled":"true",children:a===void 0||a===""?r.jsx("span",{className:"italic text-gray-500 dark:text-white-alpha-500",children:"(empty)"}):e.type==="boolean"?a?"Yes":"No":String(a)})]})},ae=({input:e,onSubmit:a,onDecline:t})=>{const i=e.form??[],s=b.useMemo(()=>Q(i),[i]),l=b.useMemo(()=>L(i),[i]),n=b.useMemo(()=>ee(i),[i]),h=Y.zodResolver(s),m=y.useForm({resolver:h,defaultValues:l,mode:"onBlur",reValidateMode:"onChange",shouldFocusError:!0}),A=m.handleSubmit(c=>{a(c)});return r.jsx(y.FormProvider,{...m,children:r.jsxs("form",{onSubmit:A,className:S,noValidate:!0,"aria-label":e.message||"User input form",children:[e.message&&r.jsx("div",{className:"text-sm font-medium text-gray-800 dark:text-white-alpha-800 mb-3",children:e.message}),r.jsx("div",{className:"space-y-3",children:i.map(c=>r.jsx(D,{node:c,pathPrefix:"",autoFocusPath:n},c.id))}),r.jsxs("div",{className:"flex items-center justify-end gap-2 mt-4",children:[r.jsx("button",{type:"button",className:E.button({size:"xs",variant:"ghost"}),onClick:t,disabled:m.formState.isSubmitting,children:"Cancel"}),r.jsx("button",{type:"submit",className:E.button({size:"xs",variant:"primaryFilled"}),disabled:m.formState.isSubmitting,children:m.formState.isSubmitting?"Submitting…":"Submit"})]})]})})},D=({node:e,pathPrefix:a,autoFocusPath:t})=>{const i=a?`${a}.${e.id}`:e.id;return e.kind==="group"?r.jsx(ie,{node:e,path:i,autoFocusPath:t}):e.kind==="list"?r.jsx(ne,{node:e,path:i}):e.kind==="groupList"?r.jsx(ce,{node:e,path:i,autoFocusPath:t}):r.jsx(se,{node:e,path:i,autoFocusPath:t})},ie=({node:e,path:a,autoFocusPath:t})=>r.jsxs("fieldset",{className:"border-l-2 border-gray-100 dark:border-white-alpha-100 pl-3","aria-labelledby":e.label?`group-${a}`:void 0,children:[e.label&&r.jsx("legend",{id:`group-${a}`,className:"text-xs font-semibold text-gray-700 dark:text-white-alpha-700 mb-2 px-1",children:e.label}),e.helpText&&r.jsx("div",{className:F,children:e.helpText}),r.jsx("div",{className:"space-y-3",children:e.children.map(i=>r.jsx(D,{node:i,pathPrefix:a,autoFocusPath:t},i.id))})]}),se=({node:e,path:a,autoFocusPath:t})=>{const{register:i,control:s}=y.useFormContext(),l=e.required!==!1,n=`askuser-${a.replace(/\./g,"-")}`,h=`${n}-error`,m=`${n}-help`,{errors:A}=y.useFormState({control:s,name:a}),c=U(A,a),j=b.useMemo(()=>t!==void 0&&t.join(".")===a,[t,a]),k=r.jsxs("label",{htmlFor:n,className:q,children:[e.label,l&&r.jsx("span",{"aria-label":"required",className:"text-red-500 ml-0.5",children:"*"})]}),p=r.jsxs(r.Fragment,{children:[e.helpText&&r.jsx("div",{id:m,className:F,children:e.helpText}),c&&r.jsx("div",{id:h,role:"alert",className:z,children:c})]});if(e.type==="boolean")return r.jsx(y.Controller,{name:a,control:s,render:({field:d})=>r.jsxs("div",{className:"flex items-start gap-3",children:[r.jsx("button",{type:"button",role:"switch",id:n,"aria-checked":!!d.value,"aria-required":l,"aria-invalid":!!c,"aria-describedby":f.cn(e.helpText&&m,c&&h)||void 0,onClick:()=>d.onChange(!d.value),onBlur:d.onBlur,ref:j?R:void 0,className:f.cn("inline-flex h-5 w-9 items-center rounded-full border transition-colors mt-0.5","border-gray-200 dark:border-white-alpha-200","focus:outline-none focus:ring-1 focus:ring-inkeep-expanded-primary-500",d.value?"bg-inkeep-expanded-primary-500":"bg-gray-100 dark:bg-white-alpha-100"),children:r.jsx("span",{className:f.cn("inline-block h-3.5 w-3.5 rounded-full bg-white shadow transform transition-transform",d.value?"translate-x-4":"translate-x-0.5")})}),r.jsxs("div",{className:"flex flex-col flex-1",children:[k,p]})]})});if(e.type==="multiline")return r.jsxs("div",{className:"flex flex-col gap-1",children:[k,r.jsx(y.Controller,{name:a,control:s,render:({field:d})=>r.jsx(le,{id:n,value:d.value??"",onChange:u=>d.onChange(u.target.value),onBlur:d.onBlur,placeholder:e.placeholder,autoComplete:e.autocomplete??"off","aria-required":l,"aria-invalid":!!c,"aria-describedby":f.cn(e.helpText&&m,c&&h)||void 0,focusOnMount:j,className:f.cn($,"w-full resize-none min-h-[60px]")})}),p]});if(e.options&&e.options.length>0){const d=i(a);return r.jsxs("div",{className:"flex flex-col gap-1",children:[k,r.jsxs("select",{id:n,...d,ref:u=>{d.ref(u),j&&R(u)},"aria-required":l,"aria-invalid":!!c,"aria-describedby":f.cn(e.helpText&&m,c&&h)||void 0,className:f.cn($,M(e.width)),children:[!l&&r.jsx("option",{value:"",children:"—"}),e.options.map(u=>r.jsx("option",{value:u.value,children:u.label??u.value},u.value))]}),p]})}const w=e.type==="date"?"date":e.type==="email"?"email":"text",T=e.type==="number"?"numeric":void 0,N=i(a);return r.jsxs("div",{className:"flex flex-col gap-1",children:[k,r.jsx("input",{id:n,type:w,inputMode:T,placeholder:e.placeholder,autoComplete:e.autocomplete??"off","aria-required":l,"aria-invalid":!!c,"aria-describedby":f.cn(e.helpText&&m,c&&h)||void 0,...N,ref:d=>{N.ref(d),j&&R(d)},className:f.cn($,M(e.width))}),p]})};function R(e){e&&requestAnimationFrame(()=>{typeof e.focus=="function"&&e.focus()})}const le=({value:e,className:a,focusOnMount:t,...i})=>{const s=b.useRef(null);return b.useEffect(()=>{const l=s.current;if(!l)return;l.style.height="0";const n=Math.min(l.scrollHeight,200);l.style.height=`${n}px`},[e]),b.useEffect(()=>{t&&requestAnimationFrame(()=>s.current?.focus())},[]),r.jsx("textarea",{ref:s,value:e,className:a,rows:3,...i})},ne=({node:e,path:a})=>{const{control:t,setValue:i,trigger:s}=y.useFormContext(),l=y.useWatch({control:t,name:a}),n=Array.isArray(l)?l:[],h=`askuser-${a.replace(/\./g,"-")}`,m=`${h}-error`,{errors:A}=y.useFormState({control:t,name:a}),c=U(A,a),j=(e.min??0)>0,k=e.max??Number.POSITIVE_INFINITY,p=n.length>=k,[w,T]=b.useState(""),N=b.useCallback(o=>{i(a,o,{shouldValidate:!0,shouldDirty:!0,shouldTouch:!0})},[i,a]),d=b.useCallback(o=>{N([...n,o])},[n,N]),u=b.useCallback(o=>{N(n.filter((v,g)=>g!==o))},[n,N]),C=b.useCallback(()=>{const o=w.trim();if(!o||p)return;let v;if(e.itemType==="number"){const g=Number(o);if(Number.isNaN(g))return;v=g}else e.itemType==="boolean"?v=o==="true":v=o;d(v),T("")},[w,p,e.itemType,d]),O=o=>{o.key==="Enter"||o.key===","?(o.preventDefault(),C()):o.key==="Backspace"&&w===""&&n.length>0&&u(n.length-1)};return e.options&&e.options.length>0?r.jsxs("div",{className:"flex flex-col gap-1",children:[r.jsxs("label",{htmlFor:h,className:q,children:[e.label,j&&r.jsx("span",{"aria-label":"required",className:"text-red-500 ml-0.5",children:"*"})]}),r.jsx("fieldset",{className:"flex flex-wrap gap-1.5",id:h,children:e.options.map(o=>{const v=n.findIndex(I=>I===o.value),g=v>=0;return r.jsx("button",{type:"button","aria-pressed":g,onClick:()=>{g?u(v):p||d(o.value),s(a)},className:f.cn("inline-flex items-center gap-1 px-2 py-0.5 rounded-full text-2xs border transition-colors",g?"bg-inkeep-expanded-primary-500 text-white border-inkeep-expanded-primary-500":"bg-white dark:bg-gray-dark-900 text-gray-700 dark:text-white-alpha-700 border-gray-200 dark:border-white-alpha-200 hover:bg-gray-50 dark:hover:bg-white-alpha-50"),children:o.label??o.value},o.value)})}),e.helpText&&r.jsx("div",{className:F,children:e.helpText}),c&&r.jsx("div",{id:m,role:"alert",className:z,children:c})]}):r.jsxs("div",{className:"flex flex-col gap-1",children:[r.jsxs("label",{htmlFor:h,className:q,children:[e.label,j&&r.jsx("span",{"aria-label":"required",className:"text-red-500 ml-0.5",children:"*"})]}),r.jsxs("div",{className:f.cn($,"w-full flex flex-wrap gap-1 items-center cursor-text min-h-[32px] py-1"),onClick:()=>document.getElementById(h)?.focus(),children:[n.map((o,v)=>{const g=G(o);return r.jsxs("span",{className:"inline-flex items-center gap-1 px-2 py-0.5 rounded-full bg-gray-100 dark:bg-white-alpha-100 text-2xs text-gray-700 dark:text-white-alpha-700",children:[g,r.jsx("button",{type:"button",onClick:I=>{I.stopPropagation(),u(v)},"aria-label":`Remove ${g}`,className:"text-gray-500 hover:text-gray-700 dark:text-white-alpha-500 dark:hover:text-white-alpha-700",children:"×"})]},`${g}-${v}`)}),r.jsx("input",{id:h,type:e.itemType==="number"?"text":e.itemType==="email"?"email":"text",inputMode:e.itemType==="number"?"numeric":void 0,value:w,placeholder:n.length===0?e.placeholder??"Type and press Enter…":"",onChange:o=>T(o.target.value),onKeyDown:O,onBlur:C,"aria-required":j,"aria-invalid":!!c,"aria-describedby":c?m:void 0,disabled:p,className:"flex-1 min-w-[80px] outline-none bg-transparent text-xs"})]}),e.helpText&&r.jsx("div",{className:F,children:e.helpText}),c&&r.jsx("div",{id:m,role:"alert",className:z,children:c})]})};function G(e){if(e==null)return"";if(typeof e=="string"||typeof e=="number"||typeof e=="boolean")return String(e);try{return JSON.stringify(e)}catch{return""}}const ce=({node:e,path:a,autoFocusPath:t})=>{const{control:i}=y.useFormContext(),{errors:s}=y.useFormState({control:i,name:a}),{fields:l,append:n,remove:h}=y.useFieldArray({control:i,name:a}),m=`askuser-${a.replace(/\./g,"-")}`,A=`${m}-error`,c=U(s,a),j=(e.min??0)>0,k=e.max??Number.POSITIVE_INFINITY,p=l.length>=k,w=e.min??0,T=l.length>w,N=b.useCallback(()=>{p||n(L(e.item.children))},[n,p,e.item.children]);return r.jsxs("fieldset",{className:"border-l-2 border-gray-100 dark:border-white-alpha-100 pl-3","aria-labelledby":`grouplist-${m}`,children:[r.jsxs("legend",{id:`grouplist-${m}`,className:"text-xs font-semibold text-gray-700 dark:text-white-alpha-700 mb-2 px-1",children:[e.label,j&&r.jsx("span",{"aria-label":"required",className:"text-red-500 ml-0.5",children:"*"})]}),e.helpText&&r.jsx("div",{className:F,children:e.helpText}),r.jsx("div",{className:"space-y-3",children:l.length===0?r.jsxs("div",{className:"text-2xs text-gray-500 dark:text-white-alpha-500 italic",children:["No rows yet — click “",e.addLabel??"Add row","” below."]}):l.map((d,u)=>r.jsxs("div",{className:"relative pl-2 py-2 rounded-md bg-gray-50/50 dark:bg-white-alpha-50/50",children:[r.jsxs("div",{className:"flex items-start justify-between mb-1",children:[r.jsxs("span",{className:"text-2xs font-medium text-gray-500 dark:text-white-alpha-500 uppercase tracking-wider",children:["#",u+1]}),T&&r.jsx("button",{type:"button",onClick:()=>h(u),"aria-label":`Remove row ${u+1}`,className:"text-2xs text-gray-500 hover:text-red-500 dark:text-white-alpha-500",children:"Remove"})]}),r.jsx("div",{className:"space-y-3",children:e.item.children.map(C=>r.jsx(D,{node:C,pathPrefix:`${a}.${u}`,autoFocusPath:t},C.id))})]},d.id))}),r.jsx("div",{className:"mt-2",children:r.jsxs("button",{type:"button",onClick:N,disabled:p,className:f.cn(E.button({size:"xs",variant:"outline"})),children:["+ ",e.addLabel??"Add row"]})}),c&&r.jsx("div",{id:A,role:"alert",className:z,children:c})]})};function U(e,a){const t=a.split(".");let i=e;for(const s of t)if(i&&typeof i=="object"&&s in i)i=i[s];else return;if(i&&typeof i=="object"&&"message"in i){const s=i.message;return typeof s=="string"?s:void 0}}exports.AskUserForm=re;