@tangle-network/agent-app 0.43.64 → 0.43.66

package/dist/{chunk-C3NSB66C.js → chunk-YTSEDJWA.js}

@@ -9,14 +9,14 @@ import {
   checkAttachmentType,
   sanitizeAttachmentFileName,
   sniffBinary
-} from "./chunk-BPSV5AA2.js";
+} from "./chunk-FMDMI25K.js";
 import {
   stepActivityFlowTrace
 } from "./chunk-FBVLEGEG.js";
 import {
   attachmentPartsFromMessageParts,
   formatBytes
-} from "./chunk-DTSPS2HV.js";
+} from "./chunk-X3N2H6JE.js";
 import {
   cancelStatusFor,
   fieldAcceptsFreeText,
@@ -26,7 +26,7 @@ import {
   parseInteractionRequest,
   persistedPartToInteraction,
   questionInteractionContentSignature
-} from "./chunk-YKOM4ZLQ.js";
+} from "./chunk-3ZK5IJSW.js";
 import {
   parsePlanSubmittedEvent,
   persistedPartToPlan
@@ -502,6 +502,26 @@ async function responseErrorMessage(res) {
   }
   return { message: `Answer failed (${res.status})` };
 }
+function settleInteractionSubmit(run, timeoutMs = INTERACTION_SUBMIT_TIMEOUT_MS) {
+  return new Promise((resolve) => {
+    const timer = setTimeout(
+      () => resolve({ ok: false, expired: false, message: INTERACTION_SUBMIT_TIMEOUT_MESSAGE }),
+      timeoutMs
+    );
+    const settle = (result) => {
+      clearTimeout(timer);
+      resolve(result);
+    };
+    Promise.resolve().then(run).then(
+      settle,
+      (err) => settle({
+        ok: false,
+        expired: false,
+        message: err instanceof Error ? err.message : "Failed to submit the answer"
+      })
+    );
+  });
+}
 function createInteractionAnswerSubmitter(options) {
   const timeoutMs = options.timeoutMs ?? INTERACTION_SUBMIT_TIMEOUT_MS;
   return async (submission) => {
@@ -606,6 +626,13 @@ function QuestionOptionList({
 function selectField(field) {
   return field.type === "select" ? field : null;
 }
+function freeTextField(field) {
+  return field.type === "text" || field.type === "secret" ? field : null;
+}
+function textFieldMaxLength(field) {
+  const max = field.maxLength;
+  return typeof max === "number" && Number.isInteger(max) && max > 0 ? max : void 0;
+}
 function valuesWithSelected(values, field, optionValue) {
   const current = values[field.name]?.selected ?? [];
   let selected = [optionValue];
@@ -629,6 +656,10 @@ function InteractionQuestionCard({
   submitAnswer,
   onResolved,
   onLateAnswer,
+  kindLabel,
+  sourceNote,
+  timeoutNote,
+  renderMarkdown,
   className
 }) {
   const [values, setValues] = useState3(() => fieldValuesFromAnswers(interaction.fields, interaction.answers));
@@ -637,6 +668,14 @@ function InteractionQuestionCard({
   const [lateAnswerSent, setLateAnswerSent] = useState3(false);
   const [error, setError] = useState3(null);
   const submitInFlightRef = useRef3(false);
+  const [askId, setAskId] = useState3(interaction.id);
+  if (askId !== interaction.id) {
+    setAskId(interaction.id);
+    setValues(fieldValuesFromAnswers(interaction.fields, interaction.answers));
+    setLocalStatus(null);
+    setLateAnswerSent(false);
+    setError(null);
+  }
   useEffect3(() => {
     if (!interaction.answers) return;
     setValues(fieldValuesFromAnswers(interaction.fields, interaction.answers));
@@ -686,7 +725,9 @@ function InteractionQuestionCard({
     setSubmitting(true);
     setError(null);
     try {
-      const result = await submitAnswer({ id: interaction.id, outcome: "accepted", data: answerData });
+      const result = await settleInteractionSubmit(
+        () => submitAnswer({ id: interaction.id, outcome: "accepted", data: answerData })
+      );
       if (result.ok) {
         setLocalStatus("answered");
         onResolved?.(interaction.id, "answered", answerData);
@@ -705,6 +746,7 @@ function InteractionQuestionCard({
   }
   const terminalNote = secretLateAnswerBlocked ? "This question asked for a secret, so it cannot be sent as a new chat message. Ask the agent to request it again." : TERMINAL_NOTES[status];
   const showSubmitButton = status === "pending" || canWrite && lateAnswerable && !lateAnswerSent;
+  const showTimeoutNote = timeoutNote != null && status === "pending";
   let submitLabel = "Submit answer";
   if (lateAnswerable) {
     submitLabel = submitting ? "Sending\u2026" : "Send as new message";
@@ -714,16 +756,17 @@ function InteractionQuestionCard({
   return /* @__PURE__ */ jsxs3("div", { className: `rounded-xl border border-border bg-card p-4 shadow-sm ${className ?? ""}`, children: [
     /* @__PURE__ */ jsxs3("div", { className: "mb-3 flex flex-wrap items-center justify-between gap-2", children: [
       /* @__PURE__ */ jsxs3("div", { className: "flex flex-wrap items-center gap-2", children: [
-        /* @__PURE__ */ jsx4(InteractionBadge, { variant: "outline", children: "Question" }),
+        /* @__PURE__ */ jsx4(InteractionBadge, { variant: "outline", children: kindLabel ?? "Question" }),
         /* @__PURE__ */ jsx4(InteractionBadge, { variant: answered ? "default" : status === "expired" || status === "declined" ? "destructive" : "outline", children: STATUS_LABELS[status] })
       ] }),
-      /* @__PURE__ */ jsx4("span", { className: "text-xs text-muted-foreground", children: "The agent asked for input" })
+      /* @__PURE__ */ jsx4("span", { className: "text-xs text-muted-foreground", children: sourceNote ?? "The agent asked for input" })
     ] }),
     interaction.title.trim() && interaction.fields.every((field) => field.label !== interaction.title) && /* @__PURE__ */ jsx4("p", { className: "mb-3 text-sm font-medium leading-5 text-foreground", children: interaction.title }),
-    interaction.body && /* @__PURE__ */ jsx4("p", { className: "mb-3 text-sm leading-5 text-muted-foreground", children: interaction.body }),
+    interaction.body && (renderMarkdown ? /* @__PURE__ */ jsx4("div", { className: "mb-3 text-sm leading-5 text-muted-foreground", children: renderMarkdown(interaction.body) }) : /* @__PURE__ */ jsx4("p", { className: "mb-3 text-sm leading-5 text-muted-foreground", children: interaction.body })),
     /* @__PURE__ */ jsx4("div", { className: "space-y-4", children: interaction.fields.map((field) => {
       const value = values[field.name] ?? {};
       const select = selectField(field);
+      const freeText = freeTextField(field);
       return /* @__PURE__ */ jsxs3("fieldset", { className: "space-y-2", children: [
         /* @__PURE__ */ jsx4("p", { className: "text-sm font-medium leading-5 text-foreground", children: field.label }),
         select ? /* @__PURE__ */ jsxs3("div", { className: "space-y-2", children: [
@@ -784,6 +827,7 @@ function InteractionQuestionCard({
             "aria-label": field.label,
             onChange: (event) => setFieldValue(field.name, { text: event.target.value }),
             placeholder: field.placeholder,
+            maxLength: freeText ? textFieldMaxLength(freeText) : void 0,
             className: FIELD_INPUT_CLASSES
           }
         ) : /* @__PURE__ */ jsx4(
@@ -794,15 +838,19 @@ function InteractionQuestionCard({
             "aria-label": field.label,
             onChange: (event) => setFieldValue(field.name, { text: event.target.value }),
             rows: 3,
+            maxLength: freeText ? textFieldMaxLength(freeText) : void 0,
             placeholder: field.type === "text" ? field.placeholder : void 0,
             className: FIELD_INPUT_CLASSES
           }
         )
       ] }, field.name);
     }) }),
-    error && /* @__PURE__ */ jsx4("p", { className: "mt-3 text-xs text-destructive", children: error }),
+    error && /* @__PURE__ */ jsx4("p", { role: "alert", className: "mt-3 text-xs text-destructive", children: error }),
     terminalNote && /* @__PURE__ */ jsx4("p", { className: "mt-3 text-xs text-muted-foreground", children: terminalNote }),
-    showSubmitButton && /* @__PURE__ */ jsx4("div", { className: "mt-4 flex items-center justify-end gap-2", children: /* @__PURE__ */ jsx4(InteractionActionButton, { onClick: () => void submit(), disabled: disabled || !answerData, children: submitLabel }) }),
+    (showSubmitButton || showTimeoutNote) && /* @__PURE__ */ jsxs3("div", { className: "mt-4 flex flex-wrap items-center justify-end gap-2", children: [
+      showTimeoutNote && /* @__PURE__ */ jsx4("div", { className: "mr-auto text-xs text-muted-foreground", children: timeoutNote }),
+      showSubmitButton && /* @__PURE__ */ jsx4(InteractionActionButton, { onClick: () => void submit(), disabled: disabled || !answerData, children: submitLabel })
+    ] }),
     answered && /* @__PURE__ */ jsx4("div", { className: "mt-4 flex items-center justify-end", children: /* @__PURE__ */ jsxs3("span", { className: "inline-flex items-center gap-1 text-xs text-muted-foreground", children: [
       /* @__PURE__ */ jsx4(CheckGlyph, { className: "h-3 w-3" }),
       "Answered"
@@ -3835,6 +3883,7 @@ export {
   INTERACTION_SUBMIT_TIMEOUT_MS,
   INTERACTION_SUBMIT_TIMEOUT_MESSAGE,
   responseErrorMessage,
+  settleInteractionSubmit,
   createInteractionAnswerSubmitter,
   InteractionBadge,
   InteractionActionButton,
@@ -3891,4 +3940,4 @@ export {
   useThinkingSeconds,
   ChatMessages
 };
-//# sourceMappingURL=chunk-C3NSB66C.js.map
+//# sourceMappingURL=chunk-YTSEDJWA.js.map