@anvia/react-ui 0.7.1 → 1.0.0-rc.10

package/dist/{chunk-R3NA6BWW.js → chunk-OQE6SHZE.js}

@@ -1,3 +1,6 @@
+import {
+  stringifyValue
+} from "./chunk-CKA4CE26.js";
 import {
   renderPrimitive
 } from "./chunk-T3ZFZ3NP.js";
@@ -10,7 +13,7 @@ import {
   useHumanInput,
   useQuestion,
   useQuestionPrompt
-} from "./chunk-43U2XQP2.js";
+} from "./chunk-SOG2GVE4.js";
 
 // src/human-input/approvals.tsx
 import { forwardRef, useCallback } from "react";
@@ -24,9 +27,7 @@ var HumanInputStatus = forwardRef(
       "div",
       {
         ...props,
-        children: renderedChildren ?? `${pendingCount} pending`,
-        "data-anvia-human-input-status": "",
-        "data-pending": String(pendingCount)
+        children: renderedChildren ?? `${pendingCount} pending`
       },
       ref
     );
@@ -44,9 +45,8 @@ var HumanInputApprovals = forwardRef(
       "div",
       {
         ...props,
-        children: approvals.map((approval) => /* @__PURE__ */ jsx(InternalApprovalProvider, { approval, children: typeof children === "function" ? children(approval) : children ?? /* @__PURE__ */ jsx(HumanInputApproval, {}) }, approval.id)),
-        "data-anvia-approvals": "",
-        "data-empty": empty ? "" : void 0
+        children: approvals.map((approval) => /* @__PURE__ */ jsx(InternalApprovalProvider, { approval, children: typeof children === "function" ? children(approval) : children ?? /* @__PURE__ */ jsx(HumanInputApproval, {}) }, approval.request.id)),
+        "data-state": empty ? "empty" : "populated"
       },
       ref
     );
@@ -61,7 +61,6 @@ var HumanInputApproval = forwardRef(
       {
         ...props,
         children: renderedChildren,
-        "data-anvia-approval": "",
         "data-state": approval.status
       },
       ref
@@ -72,7 +71,7 @@ var HumanInputApprove = forwardRef(
   function HumanInputApprove2({ onClick, ...props }, ref) {
     const chat = useChatContext();
     const { approval, reason } = useApproval();
-    const disabled = props.disabled ?? (approval.status !== "pending" || chat.decidingApprovals.has(approval.id));
+    const disabled = props.disabled ?? (approval.status !== "pending" || chat.respondingInteractions.has(approval.request.id));
     const handleClick = useCallback(
       (event) => {
         onClick?.(event);
@@ -80,9 +79,14 @@ var HumanInputApprove = forwardRef(
           return;
         }
         const decisionReason = reason.trim().length > 0 ? reason : void 0;
-        void (decisionReason === void 0 ? chat.approveTool(approval.id) : chat.approveTool(approval.id, decisionReason));
+        const response = { type: "tool-approval", approved: true };
+        if (decisionReason !== void 0) Object.assign(response, { reason: decisionReason });
+        void chat.respondToInteraction({
+          interactionId: approval.request.id,
+          response
+        });
       },
-      [approval.id, chat, disabled, onClick, reason]
+      [approval.request.id, chat, disabled, onClick, reason]
     );
     return renderPrimitive(
       "button",
@@ -92,7 +96,6 @@ var HumanInputApprove = forwardRef(
         disabled,
         onClick: handleClick,
         type: props.type ?? "button",
-        "data-anvia-approve": "",
         "data-state": disabled ? "disabled" : "enabled"
       },
       ref
@@ -103,7 +106,7 @@ var HumanInputReject = forwardRef(
   function HumanInputReject2({ onClick, ...props }, ref) {
     const chat = useChatContext();
     const { approval, reason } = useApproval();
-    const disabled = props.disabled ?? (approval.status !== "pending" || chat.decidingApprovals.has(approval.id));
+    const disabled = props.disabled ?? (approval.status !== "pending" || chat.respondingInteractions.has(approval.request.id));
     const handleClick = useCallback(
       (event) => {
         onClick?.(event);
@@ -111,9 +114,14 @@ var HumanInputReject = forwardRef(
           return;
         }
         const decisionReason = reason.trim().length > 0 ? reason : void 0;
-        void (decisionReason === void 0 ? chat.rejectTool(approval.id) : chat.rejectTool(approval.id, decisionReason));
+        const response = { type: "tool-approval", approved: false };
+        if (decisionReason !== void 0) Object.assign(response, { reason: decisionReason });
+        void chat.respondToInteraction({
+          interactionId: approval.request.id,
+          response
+        });
       },
-      [approval.id, chat, disabled, onClick, reason]
+      [approval.request.id, chat, disabled, onClick, reason]
     );
     return renderPrimitive(
       "button",
@@ -123,7 +131,6 @@ var HumanInputReject = forwardRef(
         disabled,
         onClick: handleClick,
         type: props.type ?? "button",
-        "data-anvia-reject": "",
         "data-state": disabled ? "disabled" : "enabled"
       },
       ref
@@ -148,8 +155,7 @@ var HumanInputApprovalReason = forwardRef(
         ...props,
         "aria-label": props["aria-label"] ?? "Approval reason",
         onChange: handleChange,
-        value: approval.reason,
-        "data-anvia-approval-reason": ""
+        value: approval.reason
       },
       ref
     );
@@ -157,8 +163,8 @@ var HumanInputApprovalReason = forwardRef(
 );
 function defaultApprovalContent(approval) {
   return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx("div", { "data-anvia-approval-tool": "", children: approval.toolName }),
-    approval.args !== void 0 ? /* @__PURE__ */ jsx("pre", { "data-anvia-approval-args": "", children: approval.args }) : null,
+    /* @__PURE__ */ jsx("div", { children: approval.request.toolName }),
+    approval.request.input !== void 0 ? /* @__PURE__ */ jsx("pre", { children: stringifyValue(approval.request.input) }) : null,
     /* @__PURE__ */ jsx(HumanInputApprovalReason, {}),
     /* @__PURE__ */ jsx(HumanInputApprove, {}),
     /* @__PURE__ */ jsx(HumanInputReject, {})
@@ -188,9 +194,8 @@ var HumanInputQuestions = forwardRef2(
       "div",
       {
         ...props,
-        children: questions.map((question) => /* @__PURE__ */ jsx2(QuestionProvider, { question, children: typeof children === "function" ? children(question) : children ?? /* @__PURE__ */ jsx2(HumanInputQuestion, {}) }, question.id)),
-        "data-anvia-questions": "",
-        "data-empty": empty ? "" : void 0
+        children: questions.map((question) => /* @__PURE__ */ jsx2(QuestionProvider, { question, children: typeof children === "function" ? children(question) : children ?? /* @__PURE__ */ jsx2(HumanInputQuestion, {}) }, question.request.id)),
+        "data-state": empty ? "empty" : "populated"
       },
       ref
     );
@@ -205,7 +210,6 @@ var HumanInputQuestion = forwardRef2(
       {
         ...props,
         children: renderedChildren,
-        "data-anvia-question": "",
         "data-state": question.status
       },
       ref
@@ -215,7 +219,7 @@ var HumanInputQuestion = forwardRef2(
 var HumanInputQuestionPrompt = forwardRef2(
   function HumanInputQuestionPrompt2({ promptId, ...props }, ref) {
     const { question } = useQuestion();
-    const prompt = question.questions.find((item) => item.id === promptId) ?? question.questions[0];
+    const prompt = question.request.questions.find((item) => item.id === promptId) ?? question.request.questions[0];
     if (prompt === void 0) {
       return null;
     }
@@ -223,8 +227,7 @@ var HumanInputQuestionPrompt = forwardRef2(
       "div",
       {
         ...props,
-        children: props.children ?? defaultQuestionPrompt(prompt),
-        "data-anvia-question-prompt": ""
+        children: props.children ?? defaultQuestionPrompt(prompt)
       },
       ref
     ) });
@@ -234,9 +237,9 @@ var HumanInputQuestionChoice = forwardRef2(
   function HumanInputQuestionChoice2({ answer, custom = false, onClick, value, ...props }, ref) {
     const { prompt } = useQuestionPrompt();
     const question = useQuestion();
-    const choiceValue = value ?? prompt.choices[0]?.value ?? "";
-    const choice = prompt.choices.find((item) => item.value === choiceValue);
-    const selected = question.answers[prompt.id]?.choice === choiceValue;
+    const choiceValue = value ?? prompt.choices?.[0]?.value ?? "";
+    const choice = prompt.choices?.find((item) => item.value === choiceValue);
+    const selected = question.answers[prompt.id]?.value === choiceValue;
     const handleClick = useCallback2(
       (event) => {
         onClick?.(event);
@@ -245,10 +248,8 @@ var HumanInputQuestionChoice = forwardRef2(
         }
         const nextAnswer = {
           questionId: prompt.id,
-          answer: answer ?? choice?.label ?? choiceValue,
-          choice: choiceValue
+          value: custom ? answer ?? choice?.label ?? choiceValue : choiceValue
         };
-        if (custom) nextAnswer.custom = true;
         question.setAnswer(prompt, nextAnswer);
       },
       [answer, choice?.label, choiceValue, custom, onClick, prompt, question]
@@ -260,7 +261,6 @@ var HumanInputQuestionChoice = forwardRef2(
         children: props.children ?? choice?.label ?? choiceValue,
         onClick: handleClick,
         type: props.type ?? "button",
-        "data-anvia-question-choice": "",
         "data-state": selected ? "selected" : "idle"
       },
       ref
@@ -271,7 +271,7 @@ var HumanInputQuestionTextAnswer = forwardRef2(
   function HumanInputQuestionTextAnswer2({ onChange, ...props }, ref) {
     const { prompt } = useQuestionPrompt();
     const question = useQuestion();
-    const value = question.answers[prompt.id]?.answer ?? "";
+    const value = question.answers[prompt.id]?.value ?? "";
     const handleChange = useCallback2(
       (event) => {
         onChange?.(event);
@@ -281,8 +281,7 @@ var HumanInputQuestionTextAnswer = forwardRef2(
         const answer = event.currentTarget.value;
         question.setAnswer(prompt, {
           questionId: prompt.id,
-          answer,
-          custom: true
+          value: answer
         });
       },
       [onChange, prompt, question]
@@ -291,10 +290,9 @@ var HumanInputQuestionTextAnswer = forwardRef2(
       "textarea",
       {
         ...props,
-        "aria-label": props["aria-label"] ?? prompt.question,
+        "aria-label": props["aria-label"] ?? prompt.text,
         onChange: handleChange,
-        value,
-        "data-anvia-question-text-answer": ""
+        value
       },
       ref
     );
@@ -305,22 +303,25 @@ var HumanInputQuestionSubmit = forwardRef2(
     const chat = useChatContext();
     const question = useQuestion();
     const answers = useMemo(
-      () => question.question.questions.flatMap((prompt) => {
+      () => question.question.request.questions.flatMap((prompt) => {
         const answer = question.answers[prompt.id];
-        return answer === void 0 || answer.answer.trim().length === 0 ? [] : [answer];
+        return answer === void 0 || answer.value.trim().length === 0 ? [] : [answer];
       }),
       [question]
     );
-    const disabled = props.disabled ?? (question.question.status !== "pending" || chat.answeringQuestions.has(question.question.id) || answers.length === 0);
+    const disabled = props.disabled ?? (question.question.status !== "pending" || chat.respondingInteractions.has(question.question.request.id) || answers.length !== question.question.request.questions.length);
     const handleClick = useCallback2(
       (event) => {
         onClick?.(event);
         if (event.defaultPrevented || disabled) {
           return;
         }
-        void chat.answerToolQuestion(question.question.id, answers);
+        void chat.respondToInteraction({
+          interactionId: question.question.request.id,
+          response: { type: "tool-question", answers }
+        });
       },
-      [answers, chat, disabled, onClick, question.question.id]
+      [answers, chat, disabled, onClick, question.question.request.id]
     );
     return renderPrimitive(
       "button",
@@ -330,7 +331,6 @@ var HumanInputQuestionSubmit = forwardRef2(
         disabled,
         onClick: handleClick,
         type: props.type ?? "button",
-        "data-anvia-question-submit": "",
         "data-state": disabled ? "disabled" : "enabled"
       },
       ref
@@ -353,16 +353,15 @@ function QuestionProvider({
 }
 function defaultQuestionContent(question) {
   return /* @__PURE__ */ jsxs2(Fragment2, { children: [
-    /* @__PURE__ */ jsx2("div", { "data-anvia-question-tool": "", children: question.toolName }),
-    question.args !== void 0 ? /* @__PURE__ */ jsx2("pre", { "data-anvia-question-args": "", children: question.args }) : null,
-    question.questions.map((prompt) => /* @__PURE__ */ jsx2(HumanInputQuestionPrompt, { promptId: prompt.id }, prompt.id)),
+    /* @__PURE__ */ jsx2("div", { children: question.request.toolName }),
+    question.request.questions.map((prompt) => /* @__PURE__ */ jsx2(HumanInputQuestionPrompt, { promptId: prompt.id }, prompt.id)),
     /* @__PURE__ */ jsx2(HumanInputQuestionSubmit, {})
   ] });
 }
 function defaultQuestionPrompt(prompt) {
   return /* @__PURE__ */ jsxs2(Fragment2, { children: [
-    /* @__PURE__ */ jsx2("div", { "data-anvia-question-text": "", children: prompt.question }),
-    prompt.choices.length > 0 ? /* @__PURE__ */ jsx2("div", { "data-anvia-question-choices": "", children: prompt.choices.map((choice) => /* @__PURE__ */ jsx2(HumanInputQuestionChoice, { value: choice.value, children: choice.label }, choice.value)) }) : /* @__PURE__ */ jsx2(HumanInputQuestionTextAnswer, {})
+    /* @__PURE__ */ jsx2("div", { children: prompt.text }),
+    (prompt.choices?.length ?? 0) > 0 ? /* @__PURE__ */ jsx2("div", { children: prompt.choices?.map((choice) => /* @__PURE__ */ jsx2(HumanInputQuestionChoice, { value: choice.value, children: choice.label }, choice.value)) }) : /* @__PURE__ */ jsx2(HumanInputQuestionTextAnswer, {})
   ] });
 }
 
@@ -382,15 +381,14 @@ var HumanInputPanel = forwardRef3(function HumanInputPanel2({ children, filter =
       children: children ?? /* @__PURE__ */ jsxs3(Fragment3, { children: [
         /* @__PURE__ */ jsx3(HumanInputApprovals, { filter }),
         /* @__PURE__ */ jsx3(HumanInputQuestions, { filter })
-      ] }),
-      "data-anvia-human-input-panel": ""
+      ] })
     },
     ref
   );
 });
 
 // src/human-input/index.ts
-var HumanInput = {
+var HumanInputPrimitive = {
   Panel: HumanInputPanel,
   Status: HumanInputStatus,
   Approvals: HumanInputApprovals,
@@ -407,6 +405,6 @@ var HumanInput = {
 };
 
 export {
-  HumanInput
+  HumanInputPrimitive
 };
-//# sourceMappingURL=chunk-R3NA6BWW.js.map
+//# sourceMappingURL=chunk-OQE6SHZE.js.map

package/dist/chunk-OQE6SHZE.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/human-input/approvals.tsx","../src/human-input/panel.tsx","../src/human-input/questions.tsx","../src/human-input/index.ts"],"sourcesContent":["import { type ChangeEvent, forwardRef, type MouseEvent, type ReactNode, useCallback } from \"react\";\n\nimport {\n  type ApprovalInteraction,\n  InternalApprovalProvider,\n  useApproval,\n  useChatContext,\n  useHumanInput,\n} from \"../contexts\";\nimport { stringifyValue } from \"../format\";\nimport { type PrimitiveProps, renderPrimitive } from \"../primitives\";\n\ntype ApprovalChildren = ReactNode | ((approval: ApprovalInteraction) => ReactNode);\ntype HumanInputFilter = \"pending\" | \"all\";\n\ntype HumanInputStatusProps = Omit<PrimitiveProps<\"div\">, \"children\"> & {\n  children?: ReactNode | ((state: ReturnType<typeof useHumanInput>) => ReactNode);\n};\n\nconst HumanInputStatus = forwardRef<HTMLDivElement, HumanInputStatusProps>(\n  function HumanInputStatus({ children, ...props }, ref) {\n    const humanInput = useHumanInput();\n    const renderedChildren = typeof children === \"function\" ? children(humanInput) : children;\n    const pendingCount = humanInput.approvals.pending.length + humanInput.questions.pending.length;\n\n    return renderPrimitive(\n      \"div\",\n      {\n        ...props,\n        children: renderedChildren ?? `${pendingCount} pending`,\n      } as PrimitiveProps<\"div\">,\n      ref,\n    );\n  },\n);\n\ntype HumanInputApprovalsProps = PrimitiveProps<\"div\"> & {\n  filter?: HumanInputFilter;\n  keepMounted?: boolean;\n  children?: ApprovalChildren;\n};\n\nconst HumanInputApprovals = forwardRef<HTMLDivElement, HumanInputApprovalsProps>(\n  function HumanInputApprovals(\n    { children, filter = \"pending\", keepMounted = false, ...props },\n    ref,\n  ) {\n    const humanInput = useHumanInput();\n    const approvals = filter === \"all\" ? humanInput.approvals.all : humanInput.approvals.pending;\n    const empty = approvals.length === 0;\n    if (empty && !keepMounted) {\n      return null;\n    }\n\n    return renderPrimitive(\n      \"div\",\n      {\n        ...props,\n        children: approvals.map((approval) => (\n          <InternalApprovalProvider key={approval.request.id} approval={approval}>\n            {typeof children === \"function\"\n              ? children(approval)\n              : (children ?? <HumanInputApproval />)}\n          </InternalApprovalProvider>\n        )),\n        \"data-state\": empty ? \"empty\" : \"populated\",\n      } as PrimitiveProps<\"div\">,\n      ref,\n    );\n  },\n);\n\ntype HumanInputApprovalProps = PrimitiveProps<\"div\"> & {\n  children?: ApprovalChildren;\n};\n\nconst HumanInputApproval = forwardRef<HTMLDivElement, HumanInputApprovalProps>(\n  function HumanInputApproval({ children, ...props }, ref) {\n    const { approval } = useApproval();\n    const renderedChildren =\n      typeof children === \"function\"\n        ? children(approval)\n        : (children ?? defaultApprovalContent(approval));\n\n    return renderPrimitive(\n      \"div\",\n      {\n        ...props,\n        children: renderedChildren,\n        \"data-state\": approval.status,\n      } as PrimitiveProps<\"div\">,\n      ref,\n    );\n  },\n);\n\nconst HumanInputApprove = forwardRef<HTMLButtonElement, PrimitiveProps<\"button\">>(\n  function HumanInputApprove({ onClick, ...props }, ref) {\n    const chat = useChatContext();\n    const { approval, reason } = useApproval();\n    const disabled =\n      props.disabled ??\n      (approval.status !== \"pending\" || chat.respondingInteractions.has(approval.request.id));\n\n    const handleClick = useCallback(\n      (event: MouseEvent<HTMLButtonElement>) => {\n        onClick?.(event);\n        if (event.defaultPrevented || disabled) {\n          return;\n        }\n        const decisionReason = reason.trim().length > 0 ? reason : undefined;\n        const response = { type: \"tool-approval\" as const, approved: true };\n        if (decisionReason !== undefined) Object.assign(response, { reason: decisionReason });\n        void chat.respondToInteraction({\n          interactionId: approval.request.id,\n          response,\n        });\n      },\n      [approval.request.id, chat, disabled, onClick, reason],\n    );\n\n    return renderPrimitive(\n      \"button\",\n      {\n        ...props,\n        children: props.children ?? \"Approve\",\n        disabled,\n        onClick: handleClick,\n        type: props.type ?? \"button\",\n        \"data-state\": disabled ? \"disabled\" : \"enabled\",\n      } as PrimitiveProps<\"button\">,\n      ref,\n    );\n  },\n);\n\nconst HumanInputReject = forwardRef<HTMLButtonElement, PrimitiveProps<\"button\">>(\n  function HumanInputReject({ onClick, ...props }, ref) {\n    const chat = useChatContext();\n    const { approval, reason } = useApproval();\n    const disabled =\n      props.disabled ??\n      (approval.status !== \"pending\" || chat.respondingInteractions.has(approval.request.id));\n\n    const handleClick = useCallback(\n      (event: MouseEvent<HTMLButtonElement>) => {\n        onClick?.(event);\n        if (event.defaultPrevented || disabled) {\n          return;\n        }\n        const decisionReason = reason.trim().length > 0 ? reason : undefined;\n        const response = { type: \"tool-approval\" as const, approved: false };\n        if (decisionReason !== undefined) Object.assign(response, { reason: decisionReason });\n        void chat.respondToInteraction({\n          interactionId: approval.request.id,\n          response,\n        });\n      },\n      [approval.request.id, chat, disabled, onClick, reason],\n    );\n\n    return renderPrimitive(\n      \"button\",\n      {\n        ...props,\n        children: props.children ?? \"Reject\",\n        disabled,\n        onClick: handleClick,\n        type: props.type ?? \"button\",\n        \"data-state\": disabled ? \"disabled\" : \"enabled\",\n      } as PrimitiveProps<\"button\">,\n      ref,\n    );\n  },\n);\n\nconst HumanInputApprovalReason = forwardRef<HTMLTextAreaElement, PrimitiveProps<\"textarea\">>(\n  function HumanInputApprovalReason({ onChange, ...props }, ref) {\n    const approval = useApproval();\n\n    const handleChange = useCallback(\n      (event: ChangeEvent<HTMLTextAreaElement>) => {\n        onChange?.(event);\n        if (!event.defaultPrevented) {\n          approval.setReason(event.currentTarget.value);\n        }\n      },\n      [approval, onChange],\n    );\n\n    return renderPrimitive(\n      \"textarea\",\n      {\n        ...props,\n        \"aria-label\": props[\"aria-label\"] ?? \"Approval reason\",\n        onChange: handleChange,\n        value: approval.reason,\n      } as PrimitiveProps<\"textarea\">,\n      ref,\n    );\n  },\n);\n\nfunction defaultApprovalContent(approval: ApprovalInteraction): ReactNode {\n  return (\n    <>\n      <div>{approval.request.toolName}</div>\n      {approval.request.input !== undefined ? (\n        <pre>{stringifyValue(approval.request.input)}</pre>\n      ) : null}\n      <HumanInputApprovalReason />\n      <HumanInputApprove />\n      <HumanInputReject />\n    </>\n  );\n}\n\nexport type { ApprovalChildren, HumanInputFilter };\nexport {\n  HumanInputApproval,\n  HumanInputApprovalReason,\n  HumanInputApprovals,\n  HumanInputApprove,\n  HumanInputReject,\n  HumanInputStatus,\n};\n","import { forwardRef } from \"react\";\n\nimport { useHumanInput } from \"../contexts\";\nimport { type PrimitiveProps, renderPrimitive } from \"../primitives\";\nimport { HumanInputApprovals, type HumanInputFilter } from \"./approvals\";\nimport { HumanInputQuestions } from \"./questions\";\n\ntype HumanInputPanelProps = PrimitiveProps<\"div\"> & {\n  filter?: HumanInputFilter;\n};\n\nconst HumanInputPanel = forwardRef<HTMLDivElement, HumanInputPanelProps>(function HumanInputPanel(\n  { children, filter = \"pending\", ...props },\n  ref,\n) {\n  const humanInput = useHumanInput();\n  const approvals = filter === \"all\" ? humanInput.approvals.all : humanInput.approvals.pending;\n  const questions = filter === \"all\" ? humanInput.questions.all : humanInput.questions.pending;\n  if (approvals.length === 0 && questions.length === 0) {\n    return null;\n  }\n\n  return renderPrimitive(\n    \"div\",\n    {\n      ...props,\n      children: children ?? (\n        <>\n          <HumanInputApprovals filter={filter} />\n          <HumanInputQuestions filter={filter} />\n        </>\n      ),\n    } as PrimitiveProps<\"div\">,\n    ref,\n  );\n});\n\nexport { HumanInputPanel };\n","import type { AgentQuestionAnswer, AgentQuestionPrompt } from \"@anvia/core/agent/interactions\";\nimport {\n  type ChangeEvent,\n  forwardRef,\n  type MouseEvent,\n  type ReactNode,\n  useCallback,\n  useMemo,\n  useState,\n} from \"react\";\n\nimport {\n  InternalQuestionPromptProvider,\n  InternalQuestionProvider,\n  type QuestionContextValue,\n  type QuestionInteraction,\n  useChatContext,\n  useHumanInput,\n  useQuestion,\n  useQuestionPrompt,\n} from \"../contexts\";\nimport { type PrimitiveProps, renderPrimitive } from \"../primitives\";\nimport type { HumanInputFilter } from \"./approvals\";\n\ntype QuestionChildren = ReactNode | ((question: QuestionInteraction) => ReactNode);\n\ntype HumanInputQuestionsProps = PrimitiveProps<\"div\"> & {\n  filter?: HumanInputFilter;\n  keepMounted?: boolean;\n  children?: QuestionChildren;\n};\n\nconst HumanInputQuestions = forwardRef<HTMLDivElement, HumanInputQuestionsProps>(\n  function HumanInputQuestions(\n    { children, filter = \"pending\", keepMounted = false, ...props },\n    ref,\n  ) {\n    const humanInput = useHumanInput();\n    const questions = filter === \"all\" ? humanInput.questions.all : humanInput.questions.pending;\n    const empty = questions.length === 0;\n    if (empty && !keepMounted) {\n      return null;\n    }\n\n    return renderPrimitive(\n      \"div\",\n      {\n        ...props,\n        children: questions.map((question) => (\n          <QuestionProvider key={question.request.id} question={question}>\n            {typeof children === \"function\"\n              ? children(question)\n              : (children ?? <HumanInputQuestion />)}\n          </QuestionProvider>\n        )),\n        \"data-state\": empty ? \"empty\" : \"populated\",\n      } as PrimitiveProps<\"div\">,\n      ref,\n    );\n  },\n);\n\ntype HumanInputQuestionProps = PrimitiveProps<\"div\"> & {\n  children?: QuestionChildren;\n};\n\nconst HumanInputQuestion = forwardRef<HTMLDivElement, HumanInputQuestionProps>(\n  function HumanInputQuestion({ children, ...props }, ref) {\n    const { question } = useQuestion();\n    const renderedChildren =\n      typeof children === \"function\"\n        ? children(question)\n        : (children ?? defaultQuestionContent(question));\n\n    return renderPrimitive(\n      \"div\",\n      {\n        ...props,\n        children: renderedChildren,\n        \"data-state\": question.status,\n      } as PrimitiveProps<\"div\">,\n      ref,\n    );\n  },\n);\n\ntype HumanInputQuestionPromptProps = PrimitiveProps<\"div\"> & {\n  promptId?: string;\n};\n\nconst HumanInputQuestionPrompt = forwardRef<HTMLDivElement, HumanInputQuestionPromptProps>(\n  function HumanInputQuestionPrompt({ promptId, ...props }, ref) {\n    const { question } = useQuestion();\n    const prompt =\n      question.request.questions.find((item) => item.id === promptId) ??\n      question.request.questions[0];\n    if (prompt === undefined) {\n      return null;\n    }\n\n    return (\n      <InternalQuestionPromptProvider prompt={prompt}>\n        {renderPrimitive(\n          \"div\",\n          {\n            ...props,\n            children: props.children ?? defaultQuestionPrompt(prompt),\n          } as PrimitiveProps<\"div\">,\n          ref,\n        )}\n      </InternalQuestionPromptProvider>\n    );\n  },\n);\n\ntype HumanInputQuestionChoiceProps = PrimitiveProps<\"button\"> & {\n  value?: string;\n  answer?: string;\n  custom?: boolean;\n};\n\nconst HumanInputQuestionChoice = forwardRef<HTMLButtonElement, HumanInputQuestionChoiceProps>(\n  function HumanInputQuestionChoice({ answer, custom = false, onClick, value, ...props }, ref) {\n    const { prompt } = useQuestionPrompt();\n    const question = useQuestion();\n    const choiceValue = value ?? prompt.choices?.[0]?.value ?? \"\";\n    const choice = prompt.choices?.find((item) => item.value === choiceValue);\n    const selected = question.answers[prompt.id]?.value === choiceValue;\n\n    const handleClick = useCallback(\n      (event: MouseEvent<HTMLButtonElement>) => {\n        onClick?.(event);\n        if (event.defaultPrevented || choiceValue.length === 0) {\n          return;\n        }\n        const nextAnswer: AgentQuestionAnswer = {\n          questionId: prompt.id,\n          value: custom ? (answer ?? choice?.label ?? choiceValue) : choiceValue,\n        };\n        question.setAnswer(prompt, nextAnswer);\n      },\n      [answer, choice?.label, choiceValue, custom, onClick, prompt, question],\n    );\n\n    return renderPrimitive(\n      \"button\",\n      {\n        ...props,\n        children: props.children ?? choice?.label ?? choiceValue,\n        onClick: handleClick,\n        type: props.type ?? \"button\",\n        \"data-state\": selected ? \"selected\" : \"idle\",\n      } as PrimitiveProps<\"button\">,\n      ref,\n    );\n  },\n);\n\nconst HumanInputQuestionTextAnswer = forwardRef<HTMLTextAreaElement, PrimitiveProps<\"textarea\">>(\n  function HumanInputQuestionTextAnswer({ onChange, ...props }, ref) {\n    const { prompt } = useQuestionPrompt();\n    const question = useQuestion();\n    const value = question.answers[prompt.id]?.value ?? \"\";\n\n    const handleChange = useCallback(\n      (event: ChangeEvent<HTMLTextAreaElement>) => {\n        onChange?.(event);\n        if (event.defaultPrevented) {\n          return;\n        }\n        const answer = event.currentTarget.value;\n        question.setAnswer(prompt, {\n          questionId: prompt.id,\n          value: answer,\n        });\n      },\n      [onChange, prompt, question],\n    );\n\n    return renderPrimitive(\n      \"textarea\",\n      {\n        ...props,\n        \"aria-label\": props[\"aria-label\"] ?? prompt.text,\n        onChange: handleChange,\n        value,\n      } as PrimitiveProps<\"textarea\">,\n      ref,\n    );\n  },\n);\n\nconst HumanInputQuestionSubmit = forwardRef<HTMLButtonElement, PrimitiveProps<\"button\">>(\n  function HumanInputQuestionSubmit({ onClick, ...props }, ref) {\n    const chat = useChatContext();\n    const question = useQuestion();\n    const answers = useMemo(\n      () =>\n        question.question.request.questions.flatMap((prompt) => {\n          const answer = question.answers[prompt.id];\n          return answer === undefined || answer.value.trim().length === 0 ? [] : [answer];\n        }),\n      [question],\n    );\n    const disabled =\n      props.disabled ??\n      (question.question.status !== \"pending\" ||\n        chat.respondingInteractions.has(question.question.request.id) ||\n        answers.length !== question.question.request.questions.length);\n\n    const handleClick = useCallback(\n      (event: MouseEvent<HTMLButtonElement>) => {\n        onClick?.(event);\n        if (event.defaultPrevented || disabled) {\n          return;\n        }\n        void chat.respondToInteraction({\n          interactionId: question.question.request.id,\n          response: { type: \"tool-question\", answers },\n        });\n      },\n      [answers, chat, disabled, onClick, question.question.request.id],\n    );\n\n    return renderPrimitive(\n      \"button\",\n      {\n        ...props,\n        children: props.children ?? \"Submit\",\n        disabled,\n        onClick: handleClick,\n        type: props.type ?? \"button\",\n        \"data-state\": disabled ? \"disabled\" : \"enabled\",\n      } as PrimitiveProps<\"button\">,\n      ref,\n    );\n  },\n);\n\nfunction QuestionProvider({\n  question,\n  children,\n}: {\n  question: QuestionInteraction;\n  children?: ReactNode;\n}) {\n  const [answers, setAnswers] = useState<Record<string, AgentQuestionAnswer>>({});\n  const setAnswer = useCallback((prompt: AgentQuestionPrompt, answer: AgentQuestionAnswer) => {\n    setAnswers((current) => ({ ...current, [prompt.id]: answer }));\n  }, []);\n  const value = useMemo<QuestionContextValue>(\n    () => ({ question, answers, setAnswer }),\n    [answers, question, setAnswer],\n  );\n\n  return <InternalQuestionProvider value={value}>{children}</InternalQuestionProvider>;\n}\n\nfunction defaultQuestionContent(question: QuestionInteraction): ReactNode {\n  return (\n    <>\n      <div>{question.request.toolName}</div>\n      {question.request.questions.map((prompt) => (\n        <HumanInputQuestionPrompt key={prompt.id} promptId={prompt.id} />\n      ))}\n      <HumanInputQuestionSubmit />\n    </>\n  );\n}\n\nfunction defaultQuestionPrompt(prompt: AgentQuestionPrompt): ReactNode {\n  return (\n    <>\n      <div>{prompt.text}</div>\n      {(prompt.choices?.length ?? 0) > 0 ? (\n        <div>\n          {prompt.choices?.map((choice) => (\n            <HumanInputQuestionChoice key={choice.value} value={choice.value}>\n              {choice.label}\n            </HumanInputQuestionChoice>\n          ))}\n        </div>\n      ) : (\n        <HumanInputQuestionTextAnswer />\n      )}\n    </>\n  );\n}\n\nexport type { QuestionChildren };\nexport {\n  HumanInputQuestion,\n  HumanInputQuestionChoice,\n  HumanInputQuestionPrompt,\n  HumanInputQuestionSubmit,\n  HumanInputQuestions,\n  HumanInputQuestionTextAnswer,\n};\n","import {\n  HumanInputApproval,\n  HumanInputApprovalReason,\n  HumanInputApprovals,\n  HumanInputApprove,\n  HumanInputReject,\n  HumanInputStatus,\n} from \"./approvals\";\nimport { HumanInputPanel } from \"./panel\";\nimport {\n  HumanInputQuestion,\n  HumanInputQuestionChoice,\n  HumanInputQuestionPrompt,\n  HumanInputQuestionSubmit,\n  HumanInputQuestions,\n  HumanInputQuestionTextAnswer,\n} from \"./questions\";\n\nexport const HumanInputPrimitive = {\n  Panel: HumanInputPanel,\n  Status: HumanInputStatus,\n  Approvals: HumanInputApprovals,\n  Approval: HumanInputApproval,\n  ApprovalReason: HumanInputApprovalReason,\n  Approve: HumanInputApprove,\n  Reject: HumanInputReject,\n  Questions: HumanInputQuestions,\n  Question: HumanInputQuestion,\n  QuestionPrompt: HumanInputQuestionPrompt,\n  QuestionChoice: HumanInputQuestionChoice,\n  QuestionTextAnswer: HumanInputQuestionTextAnswer,\n  QuestionSubmit: HumanInputQuestionSubmit,\n} as const;\n\nexport type {\n  ApprovalContextValue,\n  QuestionContextValue,\n  QuestionPromptContextValue,\n} from \"../contexts\";\nexport {\n  useApproval,\n  useChatContext,\n  useHumanInput,\n  useQuestion,\n  useQuestionPrompt,\n} from \"../contexts\";\n"],"mappings":"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","names":["HumanInputStatus","HumanInputApprovals","HumanInputApproval","HumanInputApprove","HumanInputReject","HumanInputApprovalReason","forwardRef","forwardRef","useCallback","Fragment","jsx","jsxs","forwardRef","HumanInputQuestions","HumanInputQuestion","HumanInputQuestionPrompt","HumanInputQuestionChoice","useCallback","HumanInputQuestionTextAnswer","HumanInputQuestionSubmit","Fragment","jsx","jsxs","forwardRef","HumanInputPanel"]}

package/dist/{chunk-VEYJNQVW.js → chunk-S4XLE2RN.js}

@@ -5,7 +5,7 @@ import {
   InternalCompletionInputProvider,
   useCompletionContext,
   useCompletionInput
-} from "./chunk-43U2XQP2.js";
+} from "./chunk-SOG2GVE4.js";
 
 // src/completion/form.tsx
 import {
@@ -16,13 +16,14 @@ import {
 import { jsx } from "react/jsx-runtime";
 var CompletionForm = forwardRef(function CompletionForm2({ onSubmit, ...props }, ref) {
   const completion = useCompletionContext();
-  const canSubmit = completion.input.trim().length > 0 && completion.status !== "streaming";
-  const canStop = completion.status === "streaming";
+  const active = completion.status === "submitted" || completion.status === "streaming";
+  const canSubmit = completion.input.trim().length > 0 && !active;
+  const canStop = active;
   const submit = useCallback(async () => {
     if (!canSubmit) {
       return;
     }
-    await completion.complete();
+    await completion.submit();
   }, [canSubmit, completion]);
   const value = useMemo(
     () => ({
@@ -60,7 +61,6 @@ var CompletionForm = forwardRef(function CompletionForm2({ onSubmit, ...props },
     {
       ...props,
       onSubmit: handleSubmit,
-      "data-anvia-completion-form": "",
       "data-state": completion.status
     },
     ref
@@ -94,11 +94,10 @@ var CompletionInput = forwardRef(
       {
         ...props,
         "aria-label": props["aria-label"] ?? "Prompt",
-        disabled: props.disabled ?? input.status === "streaming",
+        disabled: props.disabled ?? (input.status === "submitted" || input.status === "streaming"),
         onChange: handleChange,
         onKeyDown: handleKeyDown,
-        value: input.input,
-        "data-anvia-completion-input": ""
+        value: input.input
       },
       ref
     );
@@ -115,7 +114,6 @@ var CompletionSubmit = forwardRef(
         children: props.children ?? "Complete",
         disabled,
         type: props.type ?? "submit",
-        "data-anvia-completion-submit": "",
         "data-state": disabled ? "disabled" : "enabled"
       },
       ref
@@ -144,7 +142,6 @@ var CompletionStop = forwardRef(
         disabled,
         onClick: handleClick,
         type: props.type ?? "button",
-        "data-anvia-completion-stop": "",
         "data-state": disabled ? "disabled" : "enabled"
       },
       ref
@@ -161,7 +158,6 @@ var CompletionRoot = forwardRef2(
       "div",
       {
         ...props,
-        "data-anvia-completion": "",
         "data-state": completion.status
       },
       ref
@@ -176,8 +172,7 @@ var CompletionOutput = forwardRef2(
       "div",
       {
         ...props,
-        children: renderedChildren ?? completion.completion,
-        "data-anvia-completion-output": ""
+        children: renderedChildren ?? completion.completion
       },
       ref
     );
@@ -185,7 +180,7 @@ var CompletionOutput = forwardRef2(
 );
 
 // src/completion/index.ts
-var Completion = {
+var CompletionPrimitive = {
   Root: CompletionRoot,
   Output: CompletionOutput,
   Form: CompletionForm,
@@ -195,6 +190,6 @@ var Completion = {
 };
 
 export {
-  Completion
+  CompletionPrimitive
 };
-//# sourceMappingURL=chunk-VEYJNQVW.js.map
+//# sourceMappingURL=chunk-S4XLE2RN.js.map

package/dist/chunk-S4XLE2RN.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/completion/form.tsx","../src/completion/root.tsx","../src/completion/index.ts"],"sourcesContent":["import {\n  type ChangeEvent,\n  type FormEvent,\n  forwardRef,\n  type KeyboardEvent,\n  type MouseEvent,\n  useCallback,\n  useMemo,\n} from \"react\";\n\nimport {\n  type CompletionInputContextValue,\n  InternalCompletionInputProvider,\n  useCompletionContext,\n  useCompletionInput,\n} from \"../contexts\";\nimport { type PrimitiveProps, renderPrimitive } from \"../primitives\";\n\nconst CompletionForm = forwardRef<HTMLFormElement, PrimitiveProps<\"form\">>(function CompletionForm(\n  { onSubmit, ...props },\n  ref,\n) {\n  const completion = useCompletionContext();\n  const active = completion.status === \"submitted\" || completion.status === \"streaming\";\n  const canSubmit = completion.input.trim().length > 0 && !active;\n  const canStop = active;\n\n  const submit = useCallback(async () => {\n    if (!canSubmit) {\n      return;\n    }\n    await completion.submit();\n  }, [canSubmit, completion]);\n\n  const value = useMemo<CompletionInputContextValue>(\n    () => ({\n      input: completion.input,\n      setInput: completion.setInput,\n      submit,\n      stop: completion.stop,\n      status: completion.status,\n      canSubmit,\n      canStop,\n    }),\n    [\n      canStop,\n      canSubmit,\n      completion.input,\n      completion.setInput,\n      completion.status,\n      completion.stop,\n      submit,\n    ],\n  );\n\n  const handleSubmit = useCallback(\n    (event: FormEvent<HTMLFormElement>) => {\n      (onSubmit as ((event: FormEvent<HTMLFormElement>) => void) | undefined)?.(event);\n      if (event.defaultPrevented) {\n        return;\n      }\n      event.preventDefault();\n      void submit();\n    },\n    [onSubmit, submit],\n  );\n\n  return (\n    <InternalCompletionInputProvider value={value}>\n      {renderPrimitive(\n        \"form\",\n        {\n          ...props,\n          onSubmit: handleSubmit,\n          \"data-state\": completion.status,\n        } as PrimitiveProps<\"form\">,\n        ref,\n      )}\n    </InternalCompletionInputProvider>\n  );\n});\n\nconst CompletionInput = forwardRef<HTMLTextAreaElement, PrimitiveProps<\"textarea\">>(\n  function CompletionInput({ onChange, onKeyDown, ...props }, ref) {\n    const input = useCompletionInput();\n\n    const handleChange = useCallback(\n      (event: ChangeEvent<HTMLTextAreaElement>) => {\n        onChange?.(event);\n        if (!event.defaultPrevented) {\n          input.setInput(event.currentTarget.value);\n        }\n      },\n      [input, onChange],\n    );\n\n    const handleKeyDown = useCallback(\n      (event: KeyboardEvent<HTMLTextAreaElement>) => {\n        onKeyDown?.(event);\n        if (\n          event.defaultPrevented ||\n          event.key !== \"Enter\" ||\n          event.shiftKey ||\n          event.nativeEvent.isComposing\n        ) {\n          return;\n        }\n        event.preventDefault();\n        void input.submit();\n      },\n      [input, onKeyDown],\n    );\n\n    return renderPrimitive(\n      \"textarea\",\n      {\n        ...props,\n        \"aria-label\": props[\"aria-label\"] ?? \"Prompt\",\n        disabled: props.disabled ?? (input.status === \"submitted\" || input.status === \"streaming\"),\n        onChange: handleChange,\n        onKeyDown: handleKeyDown,\n        value: input.input,\n      } as PrimitiveProps<\"textarea\">,\n      ref,\n    );\n  },\n);\n\nconst CompletionSubmit = forwardRef<HTMLButtonElement, PrimitiveProps<\"button\">>(\n  function CompletionSubmit(props, ref) {\n    const input = useCompletionInput();\n    const disabled = props.disabled ?? !input.canSubmit;\n\n    return renderPrimitive(\n      \"button\",\n      {\n        ...props,\n        children: props.children ?? \"Complete\",\n        disabled,\n        type: props.type ?? \"submit\",\n        \"data-state\": disabled ? \"disabled\" : \"enabled\",\n      } as PrimitiveProps<\"button\">,\n      ref,\n    );\n  },\n);\n\nconst CompletionStop = forwardRef<HTMLButtonElement, PrimitiveProps<\"button\">>(\n  function CompletionStop({ onClick, ...props }, ref) {\n    const input = useCompletionInput();\n    const disabled = props.disabled ?? !input.canStop;\n\n    const handleClick = useCallback(\n      (event: MouseEvent<HTMLButtonElement>) => {\n        onClick?.(event);\n        if (event.defaultPrevented || disabled) {\n          return;\n        }\n        input.stop();\n      },\n      [disabled, input, onClick],\n    );\n\n    return renderPrimitive(\n      \"button\",\n      {\n        ...props,\n        children: props.children ?? \"Stop\",\n        disabled,\n        onClick: handleClick,\n        type: props.type ?? \"button\",\n        \"data-state\": disabled ? \"disabled\" : \"enabled\",\n      } as PrimitiveProps<\"button\">,\n      ref,\n    );\n  },\n);\n\nexport { CompletionForm, CompletionInput, CompletionStop, CompletionSubmit };\n","import { forwardRef, type ReactNode } from \"react\";\n\nimport { useCompletionContext } from \"../contexts\";\nimport { type PrimitiveProps, renderPrimitive } from \"../primitives\";\n\ntype CompletionOutputChildren = ReactNode | ((completion: string) => ReactNode);\n\nconst CompletionRoot = forwardRef<HTMLDivElement, PrimitiveProps<\"div\">>(\n  function CompletionRoot(props, ref) {\n    const completion = useCompletionContext();\n    return renderPrimitive(\n      \"div\",\n      {\n        ...props,\n        \"data-state\": completion.status,\n      } as PrimitiveProps<\"div\">,\n      ref,\n    );\n  },\n);\n\ntype CompletionOutputProps = PrimitiveProps<\"div\"> & {\n  children?: CompletionOutputChildren;\n};\n\nconst CompletionOutput = forwardRef<HTMLDivElement, CompletionOutputProps>(\n  function CompletionOutput({ children, ...props }, ref) {\n    const completion = useCompletionContext();\n    const renderedChildren =\n      typeof children === \"function\" ? children(completion.completion) : children;\n\n    return renderPrimitive(\n      \"div\",\n      {\n        ...props,\n        children: renderedChildren ?? completion.completion,\n      } as PrimitiveProps<\"div\">,\n      ref,\n    );\n  },\n);\n\nexport { CompletionOutput, CompletionRoot };\n","import { CompletionForm, CompletionInput, CompletionStop, CompletionSubmit } from \"./form\";\nimport { CompletionOutput, CompletionRoot } from \"./root\";\n\nexport const CompletionPrimitive = {\n  Root: CompletionRoot,\n  Output: CompletionOutput,\n  Form: CompletionForm,\n  Input: CompletionInput,\n  Submit: CompletionSubmit,\n  Stop: CompletionStop,\n} as const;\n\nexport type {\n  CompletionController,\n  CompletionInputContextValue,\n  CompletionProviderProps,\n} from \"../contexts\";\nexport { CompletionProvider, useCompletionContext, useCompletionInput } from \"../contexts\";\n"],"mappings":"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","names":["CompletionForm","CompletionInput","CompletionSubmit","CompletionStop","forwardRef","forwardRef","CompletionRoot","CompletionOutput"]}