langchain_agentx_stream_ui 0.7.2 → 0.7.6

package/dist/{AskUserQuestionToolBody-C6J742a2.d.ts → AskUserQuestionToolBody-CrQTL9RY.d.ts}

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { b as ToolDisplayProps, T as ToolBodyComponent } from './types-SVtInovH.js';
-import { T as ToolDisplayRegistry } from './sessionViewOptions-DeTrGjRM.js';
+import { b as ToolDisplayProps, T as ToolBodyComponent } from './types-BzeE37Ze.js';
+import { T as ToolDisplayRegistry } from './sessionViewOptions-DaxstMhx.js';
 
 declare function DefaultToolBody({ result, bodyMode, onBodyModeChange, }: ToolDisplayProps): react_jsx_runtime.JSX.Element;
 

package/dist/{MarkdownBlock-B_wNhCB4.d.ts → MarkdownBlock-Ag7HSqsu.d.ts}

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { a as ToolBodyMode } from './types-SVtInovH.js';
+import { a as ToolBodyMode } from './types-BzeE37Ze.js';
 
 declare const MAX_PREVIEW_LINES = 3;
 interface TruncatedContentProps {

package/dist/{chunk-TSZ6GVSA.js → chunk-AMUGAG7U.js}

@@ -5,7 +5,7 @@ import {
   getNoopInteractionBus,
   resolveToolBody,
   useInteractionBus
-} from "./chunk-OV6UUIA3.js";
+} from "./chunk-VYXHVGJU.js";
 import {
   DEFAULT_SESSION_VIEW_OPTIONS,
   MultiSessionStoreContext,
@@ -22,9 +22,10 @@ import {
   useNodeTyped,
   usePendingPermissionForTool,
   useSessionStatus,
+  useSessionStoreApi,
   useSessionViewOptions,
   useToolDisplayOptions
-} from "./chunk-N2OSBCFN.js";
+} from "./chunk-RWKNI52H.js";
 import {
   classifyToolResultSoftKind,
   createDefaultToolRegistry,
@@ -1560,24 +1561,295 @@ function PermissionCard({ nodeId }) {
   );
 }
 
+// src/view/nodes/AskUserQuestionCard.tsx
+import { useId as useId2, useMemo as useMemo2, useState as useState10 } from "react";
+import { Fragment as Fragment2, jsx as jsx18, jsxs as jsxs14 } from "react/jsx-runtime";
+function setUserQuestionStatus(store, nodeId, status, errorMessage = null) {
+  const tree = store.getState().tree;
+  const node = tree.byId[nodeId];
+  if (!node || node.kind !== "user_question") return;
+  store.setState({
+    tree: {
+      ...tree,
+      byId: {
+        ...tree.byId,
+        [nodeId]: { ...node, status, errorMessage }
+      }
+    }
+  });
+}
+function AskUserQuestionCard({ nodeId }) {
+  const node = useNodeTyped(nodeId, "user_question");
+  const bus = useInteractionBus();
+  const store = useSessionStoreApi();
+  const questionHeadingId = useId2();
+  const [index, setIndex] = useState10(0);
+  const [answers, setAnswers] = useState10({});
+  const [otherText, setOtherText] = useState10({});
+  const [multiSelected, setMultiSelected] = useState10({});
+  const [submitting, setSubmitting] = useState10(false);
+  const [localError, setLocalError] = useState10(null);
+  const questions = node?.questions ?? [];
+  const current = questions[index];
+  const isLast = index >= questions.length - 1;
+  const header = useMemo2(() => {
+    if (!current) return "Ask user";
+    return current.header ? `Ask user \xB7 ${current.header}` : "Ask user";
+  }, [current]);
+  if (!node) return null;
+  const terminal = node.status === "resolved" || node.status === "rejected";
+  const inactive = terminal || submitting || node.status === "submitting";
+  const setSingle = (label) => {
+    if (!current || inactive) return;
+    setAnswers((prev) => ({ ...prev, [current.question]: label }));
+  };
+  const toggleMulti = (label) => {
+    if (!current || inactive) return;
+    setMultiSelected((prev) => {
+      const cur = prev[current.question] ?? [];
+      const next = cur.includes(label) ? cur.filter((x) => x !== label) : [...cur, label];
+      return { ...prev, [current.question]: next };
+    });
+  };
+  const commitCurrentAnswer = () => {
+    if (!current) return "No question";
+    if (current.multiSelect) {
+      const labels = multiSelected[current.question] ?? [];
+      const other = (otherText[current.question] ?? "").trim();
+      const parts = [...labels];
+      if (answers[current.question] === "__other__" || other) {
+        if (!other) return "Other text required";
+        parts.push(other);
+      }
+      if (parts.length === 0) return "Select at least one option";
+      setAnswers((prev) => ({ ...prev, [current.question]: parts.join(", ") }));
+      return null;
+    }
+    const chosen = answers[current.question];
+    if (!chosen) return "Select an option";
+    if (chosen === "__other__") {
+      const other = (otherText[current.question] ?? "").trim();
+      if (!other) return "Other text required";
+      setAnswers((prev) => ({ ...prev, [current.question]: other }));
+    }
+    return null;
+  };
+  const buildAnswersSnapshot = () => {
+    const err = commitCurrentAnswer();
+    if (err) {
+      setLocalError(err);
+      return null;
+    }
+    const next = { ...answers };
+    if (current) {
+      if (current.multiSelect) {
+        const labels = multiSelected[current.question] ?? [];
+        const other = (otherText[current.question] ?? "").trim();
+        const parts = [...labels];
+        if (answers[current.question] === "__other__" || other) {
+          if (other) parts.push(other);
+        }
+        next[current.question] = parts.join(", ");
+      } else if (answers[current.question] === "__other__") {
+        next[current.question] = (otherText[current.question] ?? "").trim();
+      }
+    }
+    for (const q of questions) {
+      if (!next[q.question]?.trim()) {
+        setLocalError("Please answer all questions");
+        return null;
+      }
+    }
+    setLocalError(null);
+    return next;
+  };
+  const onNext = () => {
+    const err = commitCurrentAnswer();
+    if (err) {
+      setLocalError(err);
+      return;
+    }
+    setLocalError(null);
+    setIndex((i) => Math.min(i + 1, questions.length - 1));
+  };
+  const onSubmit = async () => {
+    const snapshot = buildAnswersSnapshot();
+    if (!snapshot) return;
+    setSubmitting(true);
+    setLocalError(null);
+    setUserQuestionStatus(store, nodeId, "submitting");
+    try {
+      await bus.resolveUserQuestions({
+        sessionId: node.sessionId,
+        toolCallId: node.toolCallId,
+        answers: snapshot
+      });
+      setUserQuestionStatus(store, nodeId, "resolved");
+    } catch (e) {
+      const message = e instanceof Error ? e.message : String(e);
+      setLocalError(message);
+      setUserQuestionStatus(store, nodeId, "pending", message);
+    } finally {
+      setSubmitting(false);
+    }
+  };
+  const onReject = async () => {
+    setSubmitting(true);
+    setLocalError(null);
+    setUserQuestionStatus(store, nodeId, "submitting");
+    try {
+      await bus.resolveUserQuestions({
+        sessionId: node.sessionId,
+        toolCallId: node.toolCallId,
+        reject: true
+      });
+      setUserQuestionStatus(store, nodeId, "rejected");
+    } catch (e) {
+      const message = e instanceof Error ? e.message : String(e);
+      setLocalError(message);
+      setUserQuestionStatus(store, nodeId, "pending", message);
+    } finally {
+      setSubmitting(false);
+    }
+  };
+  const singleValue = current ? answers[current.question] : void 0;
+  const multiValues = current ? multiSelected[current.question] ?? [] : [];
+  return /* @__PURE__ */ jsxs14(
+    "div",
+    {
+      className: "lax-user-question-card",
+      "data-status": terminal ? node.status : submitting ? "submitting" : "pending",
+      "data-tool-call-id": node.toolCallId,
+      children: [
+        /* @__PURE__ */ jsxs14("div", { className: "lax-user-question-card__header", children: [
+          /* @__PURE__ */ jsx18("span", { className: "lax-user-question-card__label", children: header }),
+          questions.length > 1 ? /* @__PURE__ */ jsxs14("span", { className: "lax-user-question-card__progress", children: [
+            index + 1,
+            "/",
+            questions.length
+          ] }) : null
+        ] }),
+        current ? /* @__PURE__ */ jsxs14(Fragment2, { children: [
+          /* @__PURE__ */ jsx18("div", { className: "lax-user-question-card__question", id: questionHeadingId, children: current.question }),
+          /* @__PURE__ */ jsxs14(
+            "div",
+            {
+              className: "lax-user-question-card__options",
+              role: "group",
+              "aria-labelledby": questionHeadingId,
+              children: [
+                current.options.map((opt) => {
+                  const selected = current.multiSelect ? multiValues.includes(opt.label) : singleValue === opt.label;
+                  return /* @__PURE__ */ jsxs14("label", { className: "lax-user-question-card__option", children: [
+                    /* @__PURE__ */ jsx18(
+                      "input",
+                      {
+                        type: current.multiSelect ? "checkbox" : "radio",
+                        name: `${node.id}-${index}`,
+                        checked: selected,
+                        disabled: inactive,
+                        onChange: () => current.multiSelect ? toggleMulti(opt.label) : setSingle(opt.label)
+                      }
+                    ),
+                    /* @__PURE__ */ jsxs14("span", { children: [
+                      /* @__PURE__ */ jsx18("strong", { children: opt.label }),
+                      opt.description ? /* @__PURE__ */ jsxs14("span", { className: "lax-user-question-card__desc", children: [
+                        " \u2014 ",
+                        opt.description
+                      ] }) : null
+                    ] })
+                  ] }, opt.label);
+                }),
+                /* @__PURE__ */ jsxs14("label", { className: "lax-user-question-card__option", children: [
+                  /* @__PURE__ */ jsx18(
+                    "input",
+                    {
+                      type: current.multiSelect ? "checkbox" : "radio",
+                      name: `${node.id}-${index}`,
+                      checked: current.multiSelect ? Boolean((otherText[current.question] ?? "").trim()) || singleValue === "__other__" : singleValue === "__other__",
+                      disabled: inactive,
+                      onChange: () => {
+                        if (current.multiSelect) {
+                          setAnswers((prev) => ({ ...prev, [current.question]: "__other__" }));
+                        } else {
+                          setSingle("__other__");
+                        }
+                      }
+                    }
+                  ),
+                  /* @__PURE__ */ jsx18("span", { children: "Other\u2026" })
+                ] }),
+                (singleValue === "__other__" || current.multiSelect) && /* @__PURE__ */ jsx18(
+                  "input",
+                  {
+                    className: "lax-user-question-card__other",
+                    type: "text",
+                    placeholder: "Custom answer",
+                    disabled: inactive,
+                    "aria-label": "Custom answer",
+                    value: otherText[current.question] ?? "",
+                    onChange: (e) => setOtherText((prev) => ({ ...prev, [current.question]: e.target.value }))
+                  }
+                )
+              ]
+            }
+          )
+        ] }) : /* @__PURE__ */ jsx18("div", { className: "lax-user-question-card__question", children: "No questions" }),
+        (localError || node.errorMessage) && /* @__PURE__ */ jsx18("div", { className: "lax-user-question-card__error", role: "alert", children: localError || node.errorMessage }),
+        terminal ? /* @__PURE__ */ jsx18("div", { className: "lax-user-question-card__resolved", children: node.status === "rejected" ? "Rejected" : "Submitted" }) : /* @__PURE__ */ jsxs14("div", { className: "lax-user-question-card__actions", children: [
+          /* @__PURE__ */ jsx18(
+            "button",
+            {
+              type: "button",
+              className: "lax-user-question-card__reject",
+              disabled: submitting,
+              onClick: () => void onReject(),
+              children: "Reject"
+            }
+          ),
+          !isLast ? /* @__PURE__ */ jsx18(
+            "button",
+            {
+              type: "button",
+              className: "lax-user-question-card__next",
+              disabled: submitting,
+              onClick: onNext,
+              children: "Next"
+            }
+          ) : /* @__PURE__ */ jsx18(
+            "button",
+            {
+              type: "button",
+              className: "lax-user-question-card__submit",
+              disabled: submitting,
+              onClick: () => void onSubmit(),
+              children: submitting ? "Submitting\u2026" : "Submit"
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
+
 // src/view/nodes/MemorySavedNode.tsx
-import { jsx as jsx18, jsxs as jsxs14 } from "react/jsx-runtime";
+import { jsx as jsx19, jsxs as jsxs15 } from "react/jsx-runtime";
 function MemorySavedRow({ nodeId }) {
   const node = useNodeTyped(nodeId, "memory_saved");
   if (!node) return null;
   const hasPaths = node.writtenPaths.length > 0;
-  return /* @__PURE__ */ jsxs14(
+  return /* @__PURE__ */ jsxs15(
     "details",
     {
       className: "lax-memory-saved",
       "data-testid": "lax-memory-saved",
       "data-node-id": nodeId,
       children: [
-        /* @__PURE__ */ jsxs14("summary", { className: "lax-memory-saved__summary", children: [
-          /* @__PURE__ */ jsx18("span", { className: "lax-memory-saved__icon", "aria-hidden": "true", children: "\u{1F4BE}" }),
-          /* @__PURE__ */ jsx18("span", { className: "lax-memory-saved__hint", children: node.displayHint })
+        /* @__PURE__ */ jsxs15("summary", { className: "lax-memory-saved__summary", children: [
+          /* @__PURE__ */ jsx19("span", { className: "lax-memory-saved__icon", "aria-hidden": "true", children: "\u{1F4BE}" }),
+          /* @__PURE__ */ jsx19("span", { className: "lax-memory-saved__hint", children: node.displayHint })
         ] }),
-        hasPaths ? /* @__PURE__ */ jsx18("ul", { className: "lax-memory-saved__paths", children: node.writtenPaths.map((p) => /* @__PURE__ */ jsx18("li", { className: "lax-memory-saved__path", children: /* @__PURE__ */ jsx18("code", { children: p }) }, p)) }) : null
+        hasPaths ? /* @__PURE__ */ jsx19("ul", { className: "lax-memory-saved__paths", children: node.writtenPaths.map((p) => /* @__PURE__ */ jsx19("li", { className: "lax-memory-saved__path", children: /* @__PURE__ */ jsx19("code", { children: p }) }, p)) }) : null
       ]
     }
   );
@@ -1592,6 +1864,7 @@ var DEFAULT_WIDGETS = /* @__PURE__ */ new Map([
   ["error", ErrorCard],
   ["unknown", UnknownCard],
   ["permission", PermissionCard],
+  ["user_question", AskUserQuestionCard],
   ["memory_saved", MemorySavedRow]
 ]);
 var NodeRegistry = class _NodeRegistry {
@@ -1797,18 +2070,18 @@ function createActiveSessionBridge(multiStore) {
 }
 
 // src/view/MultiAgentSession.tsx
-import { useEffect as useEffect8, useMemo as useMemo2, useRef as useRef7 } from "react";
-import { jsx as jsx19, jsxs as jsxs15 } from "react/jsx-runtime";
+import { useEffect as useEffect8, useMemo as useMemo3, useRef as useRef7 } from "react";
+import { jsx as jsx20, jsxs as jsxs16 } from "react/jsx-runtime";
 function DebugPanel() {
   const status = useSessionStatus();
   const errors = useInternalErrors();
   if (errors.length === 0) return null;
-  return /* @__PURE__ */ jsxs15("div", { className: "lax-debug-panel", "data-testid": "lax-debug-panel", children: [
-    /* @__PURE__ */ jsxs15("div", { children: [
+  return /* @__PURE__ */ jsxs16("div", { className: "lax-debug-panel", "data-testid": "lax-debug-panel", children: [
+    /* @__PURE__ */ jsxs16("div", { children: [
       "status: ",
       status
     ] }),
-    /* @__PURE__ */ jsx19("ul", { children: errors.map((err, i) => /* @__PURE__ */ jsxs15("li", { children: [
+    /* @__PURE__ */ jsx20("ul", { children: errors.map((err, i) => /* @__PURE__ */ jsxs16("li", { children: [
       "[",
       err.eventType,
       "] ",
@@ -1851,19 +2124,19 @@ function MultiAgentSession({
       multiStoreRef.current.getState().ensureSession(cfg.sessionId, cfg.initialEvents);
     }
   }
-  const registryRef = useMemo2(() => registry ?? createDefaultRegistry(), [registry]);
-  const busRef = useMemo2(
+  const registryRef = useMemo3(() => registry ?? createDefaultRegistry(), [registry]);
+  const busRef = useMemo3(
     () => interactionBus ?? getNoopInteractionBus(),
     [interactionBus]
   );
-  const toolDisplayRef = useMemo2(
+  const toolDisplayRef = useMemo3(
     () => ({
       registry: toolDisplayRegistry ?? createDefaultToolRegistry(),
       defaultBodyMode
     }),
     [toolDisplayRegistry, defaultBodyMode]
   );
-  const sessionViewRef = useMemo2(
+  const sessionViewRef = useMemo3(
     () => ({
       ...DEFAULT_SESSION_VIEW_OPTIONS,
       groupParallelTools,
@@ -1899,8 +2172,8 @@ function MultiAgentSession({
       for (const c of controllers) c.abort();
     };
   }, [sessions, onError]);
-  return /* @__PURE__ */ jsx19(MultiSessionStoreContext.Provider, { value: multiStoreRef.current, children: /* @__PURE__ */ jsx19(SessionStoreContext.Provider, { value: bridgeRef.current, children: /* @__PURE__ */ jsx19(InteractionBusContext.Provider, { value: busRef, children: /* @__PURE__ */ jsx19(NodeRegistryContext.Provider, { value: registryRef, children: /* @__PURE__ */ jsx19(MarkdownRendererContext.Provider, { value: markdownRenderer, children: /* @__PURE__ */ jsx19(ToolDisplayOptionsContext.Provider, { value: toolDisplayRef, children: /* @__PURE__ */ jsx19(SessionViewOptionsContext.Provider, { value: sessionViewRef, children: /* @__PURE__ */ jsxs15("div", { className: "lax-agent-session lax-multi-agent-session", "data-testid": "lax-multi-agent-session", children: [
-    children ?? /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx20(MultiSessionStoreContext.Provider, { value: multiStoreRef.current, children: /* @__PURE__ */ jsx20(SessionStoreContext.Provider, { value: bridgeRef.current, children: /* @__PURE__ */ jsx20(InteractionBusContext.Provider, { value: busRef, children: /* @__PURE__ */ jsx20(NodeRegistryContext.Provider, { value: registryRef, children: /* @__PURE__ */ jsx20(MarkdownRendererContext.Provider, { value: markdownRenderer, children: /* @__PURE__ */ jsx20(ToolDisplayOptionsContext.Provider, { value: toolDisplayRef, children: /* @__PURE__ */ jsx20(SessionViewOptionsContext.Provider, { value: sessionViewRef, children: /* @__PURE__ */ jsxs16("div", { className: "lax-agent-session lax-multi-agent-session", "data-testid": "lax-multi-agent-session", children: [
+    children ?? /* @__PURE__ */ jsx20(
       SessionTimeline,
       {
         virtualized,
@@ -1908,7 +2181,7 @@ function MultiAgentSession({
         groupParallelTools
       }
     ),
-    debug ? /* @__PURE__ */ jsx19(DebugPanel, {}) : null
+    debug ? /* @__PURE__ */ jsx20(DebugPanel, {}) : null
   ] }) }) }) }) }) }) }) });
 }
 
@@ -1932,10 +2205,11 @@ export {
   ErrorCard,
   UnknownCard,
   PermissionCard,
+  AskUserQuestionCard,
   NodeRegistry,
   createDefaultRegistry,
   createMultiSessionStore,
   createActiveSessionBridge,
   MultiAgentSession
 };
-//# sourceMappingURL=chunk-TSZ6GVSA.js.map
+//# sourceMappingURL=chunk-AMUGAG7U.js.map