@flanksource/clicky-ui 0.3.35 → 0.3.37

package/dist/data/ai/SessionViewer.tool-row.cjs

@@ -253,26 +253,27 @@ function QuestionDecisionControls({
   const [comment, setComment] = react.useState("");
   const [busy, setBusy] = react.useState(false);
   const [error, setError] = react.useState("");
+  const answerFor = (question) => {
+    var _a;
+    const selected = answers[question.id];
+    const other = (_a = details[question.id]) == null ? void 0 : _a.trim();
+    if (question.options.length && question.isOther && other) {
+      return question.multiSelect ? [...Array.isArray(selected) ? selected : [], other] : other;
+    }
+    return selected ?? "";
+  };
+  const canSend = questions.length > 0 && questions.every((question) => {
+    const answer = answerFor(question);
+    return Array.isArray(answer) ? answer.length > 0 && answer.every((value) => value.trim() !== "") : answer.trim() !== "";
+  });
   const decide = async (allow, message) => {
     setBusy(true);
     setError("");
-    const submittedAnswers = Object.fromEntries(
-      Object.entries(answers).map(([question, answer]) => {
-        var _a;
-        const detail = (_a = details[question]) == null ? void 0 : _a.trim();
-        if (!detail) return [question, answer];
-        return [
-          question,
-          Array.isArray(answer) ? [...answer, `Additional details: ${detail}`] : `${answer}
-Additional details: ${detail}`
-        ];
-      })
-    );
     try {
       await onDecision({
         event,
         allow,
-        answers: submittedAnswers,
+        ...allow ? { answers: Object.fromEntries(questions.map((question) => [question.id, answerFor(question)])) } : {},
         ...message ? { message } : {}
       });
     } catch (cause) {
@@ -285,72 +286,78 @@ Additional details: ${detail}`
     questions.map((question) => /* @__PURE__ */ jsxRuntime.jsxs("fieldset", { className: "space-y-1.5", children: [
       /* @__PURE__ */ jsxRuntime.jsx("legend", { className: "text-sm font-medium text-foreground", children: question.text }),
       question.options.map(
-        (option) => question.multiSelect ? /* @__PURE__ */ jsxRuntime.jsxs(
-          "label",
-          {
-            className: "flex items-start gap-2 text-sm",
-            children: [
-              /* @__PURE__ */ jsxRuntime.jsx(
-                "input",
-                {
-                  type: "checkbox",
-                  checked: Array.isArray(answers[question.text]) && answers[question.text].includes(option.value),
-                  onChange: (event2) => setAnswers((current) => {
-                    const selected = Array.isArray(current[question.text]) ? current[question.text] : [];
-                    return {
-                      ...current,
-                      [question.text]: event2.target.checked ? [...selected, option.value] : selected.filter((value) => value !== option.value)
-                    };
-                  })
-                }
-              ),
-              /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
-                option.label,
-                option.description && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ml-1 text-muted-foreground", children: option.description })
-              ] })
-            ]
-          },
-          option.value
-        ) : /* @__PURE__ */ jsxRuntime.jsxs(
-          "label",
-          {
-            className: "flex items-start gap-2 text-sm",
-            children: [
-              /* @__PURE__ */ jsxRuntime.jsx(
-                "input",
-                {
-                  type: "radio",
-                  name: `question-${event.id}-${question.id}`,
-                  value: option.value,
-                  checked: answers[question.text] === option.value,
-                  onChange: () => setAnswers((current) => ({
-                    ...current,
-                    [question.text]: option.value
-                  }))
-                }
-              ),
-              /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
-                option.label,
-                option.description && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ml-1 text-muted-foreground", children: option.description })
-              ] })
-            ]
-          },
-          option.value
-        )
+        (option) => {
+          var _a;
+          return question.multiSelect ? /* @__PURE__ */ jsxRuntime.jsxs(
+            "label",
+            {
+              className: "flex items-start gap-2 text-sm",
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  "input",
+                  {
+                    type: "checkbox",
+                    checked: Array.isArray(answers[question.id]) && answers[question.id].includes(option.value),
+                    onChange: (event2) => setAnswers((current) => {
+                      const selected = Array.isArray(current[question.id]) ? current[question.id] : [];
+                      return {
+                        ...current,
+                        [question.id]: event2.target.checked ? [...selected, option.value] : selected.filter((value) => value !== option.value)
+                      };
+                    })
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+                  option.label,
+                  option.description && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ml-1 text-muted-foreground", children: option.description })
+                ] })
+              ]
+            },
+            option.value
+          ) : /* @__PURE__ */ jsxRuntime.jsxs(
+            "label",
+            {
+              className: "flex items-start gap-2 text-sm",
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  "input",
+                  {
+                    type: "radio",
+                    name: `question-${event.id}-${question.id}`,
+                    value: option.value,
+                    checked: answers[question.id] === option.value && !((_a = details[question.id]) == null ? void 0 : _a.trim()),
+                    onChange: () => {
+                      setDetails((current) => ({ ...current, [question.id]: "" }));
+                      setAnswers((current) => ({
+                        ...current,
+                        [question.id]: option.value
+                      }));
+                    }
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+                  option.label,
+                  option.description && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ml-1 text-muted-foreground", children: option.description })
+                ] })
+              ]
+            },
+            option.value
+          );
+        }
       ),
-      /* @__PURE__ */ jsxRuntime.jsx(
+      (!question.options.length || question.isOther) && /* @__PURE__ */ jsxRuntime.jsx(
         "textarea",
         {
-          "aria-label": `${question.text} additional details`,
-          value: question.options.length ? details[question.text] ?? "" : typeof answers[question.text] === "string" ? answers[question.text] : "",
+          "aria-label": `${question.text} ${question.options.length ? "other answer" : "answer"}`,
+          value: question.options.length ? details[question.id] ?? "" : typeof answers[question.id] === "string" ? answers[question.id] : "",
           onChange: (event2) => question.options.length ? setDetails((current) => ({
             ...current,
-            [question.text]: event2.target.value
+            [question.id]: event2.target.value
           })) : setAnswers((current) => ({
             ...current,
-            [question.text]: event2.target.value
+            [question.id]: event2.target.value
           })),
-          placeholder: question.options.length ? "Additional details" : "Your answer",
+          placeholder: question.options.length ? "Other answer" : "Your answer",
           className: "min-h-16 w-full rounded-md border border-input bg-background px-2 py-1.5 text-sm"
         }
       )
@@ -366,7 +373,7 @@ Additional details: ${detail}`
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap gap-2", children: [
-      /* @__PURE__ */ jsxRuntime.jsxs(button.Button, { size: "sm", loading: busy, onClick: () => decide(true), children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(button.Button, { size: "sm", loading: busy, disabled: !canSend, onClick: () => decide(true), children: [
         /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { icon: UiCheck.UiCheck }),
         "Send answer"
       ] }),

package/dist/data/ai/SessionViewer.tool-row.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"SessionViewer.tool-row.cjs","sources":["../../../src/data/ai/SessionViewer.tool-row.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport { Button } from \"../../components/button\";\nimport { UiCancel, UiCheck, UiChevronDown, UiComment } from \"../../icons\";\nimport { cn } from \"../../lib/utils\";\nimport { CodeBlock } from \"../CodeBlock\";\nimport { Icon } from \"../Icon\";\nimport {\n  questionsFromToolInput,\n  shellCommand,\n  summarizeToolInput,\n  toolDiff,\n  toolInputParams,\n  type SessionQuestion,\n} from \"./SessionViewer.input\";\nimport type { SessionEvent } from \"./SessionViewer.model\";\nimport { ApprovalBadge } from \"./SessionViewer.row-metadata\";\nimport {\n  DetailBlock,\n  DiffBlock,\n  InlineParams,\n  QuestionCard,\n  ResponseBlock,\n} from \"./SessionViewer.tool-details\";\nimport type { SessionToolDecision } from \"./SessionViewer\";\n\nexport function ToolBody({\n  event,\n  visual,\n  defaultExpanded,\n  onPendingToolDecision,\n}: {\n  event: SessionEvent;\n  visual: { label: string; summaryOnly: boolean };\n  defaultExpanded: boolean;\n  onPendingToolDecision?:\n    | ((decision: SessionToolDecision) => Promise<void> | void)\n    | undefined;\n}) {\n  const summary = summarizeToolInput(\n    event.tool ?? \"\",\n    event.toolInput,\n    event.cwd,\n  );\n  const command = shellCommand(event.tool ?? \"\", event.toolInput);\n  const [open, setOpen] = useState(defaultExpanded);\n\n  if (event.tool === \"AskUserQuestion\") {\n    return (\n      <QuestionToolBody\n        event={event}\n        visual={visual}\n        onDecision={onPendingToolDecision}\n      />\n    );\n  }\n\n  if (command !== undefined) {\n    return (\n      <div className=\"not-prose\">\n        <div className=\"flex items-start gap-1.5\">\n          <div className=\"min-w-0 flex-1\">\n            <CodeBlock bare language=\"bash\" source={command} />\n          </div>\n          <ApprovalBadge event={event} />\n          {event.toolResponse !== undefined && (\n            <button\n              type=\"button\"\n              aria-expanded={open}\n              aria-label=\"Toggle response\"\n              onClick={() => setOpen((value) => !value)}\n              className=\"text-muted-foreground hover:text-foreground\"\n            >\n              <Icon\n                icon={UiChevronDown}\n                className={cn(\n                  \"size-3 shrink-0 transition-transform\",\n                  open && \"rotate-180\",\n                )}\n              />\n            </button>\n          )}\n        </div>\n        {open && event.toolResponse !== undefined && (\n          <div className=\"mt-1.5\">\n            <ResponseBlock response={event.toolResponse} />\n          </div>\n        )}\n        {event.pending && onPendingToolDecision && (\n          <PendingDecisionControls\n            event={event}\n            onDecision={onPendingToolDecision}\n          />\n        )}\n      </div>\n    );\n  }\n\n  const hasDetail =\n    event.toolInput !== undefined || event.toolResponse !== undefined;\n  const params = toolInputParams(event.tool ?? \"\", event.toolInput, event.cwd);\n  const diff = toolDiff(event.tool ?? \"\", event.toolInput);\n  const header = (\n    <>\n      {visual.summaryOnly && summary ? (\n        <span className=\"min-w-0 truncate font-mono text-xs text-foreground \">\n          {summary}\n        </span>\n      ) : (\n        <span className=\"shrink-0 font-medium text-foreground\">\n          {visual.label}\n        </span>\n      )}\n      {diff && (\n        <span className=\"shrink-0 font-mono text-xs\">\n          {diff.added > 0 && (\n            <span className=\"text-emerald-600 [[data-theme=dark]_&]:text-emerald-400\">\n              +{diff.added}\n            </span>\n          )}\n          {diff.removed > 0 && (\n            <span className=\"ml-1 text-rose-600 [[data-theme=dark]_&]:text-rose-400\">\n              -{diff.removed}\n            </span>\n          )}\n        </span>\n      )}\n      <ApprovalBadge event={event} />\n      {params.length > 0 && <InlineParams params={params} />}\n    </>\n  );\n\n  return (\n    <div className=\"not-prose\">\n      {hasDetail ? (\n        <button\n          type=\"button\"\n          aria-expanded={open}\n          onClick={() => setOpen((value) => !value)}\n          className=\"flex w-full items-center gap-1.5 text-left hover:text-foreground\"\n        >\n          {header}\n          <Icon\n            icon={UiChevronDown}\n            className={cn(\n              \"ml-auto size-3 shrink-0 text-muted-foreground transition-transform\",\n              open && \"rotate-180\",\n            )}\n          />\n        </button>\n      ) : (\n        <div className=\"flex items-center gap-1.5\">{header}</div>\n      )}\n\n      {open && hasDetail && (\n        <div className=\"mt-1.5 space-y-1.5\">\n          {diff ? (\n            <DiffBlock diff={diff} />\n          ) : (\n            event.toolInput !== undefined && (\n              <DetailBlock\n                language=\"json\"\n                source={JSON.stringify(event.toolInput, null, 2)}\n              />\n            )\n          )}\n          {event.toolResponse !== undefined && (\n            <ResponseBlock response={event.toolResponse} />\n          )}\n        </div>\n      )}\n      {event.pending && onPendingToolDecision && (\n        <PendingDecisionControls\n          event={event}\n          onDecision={onPendingToolDecision}\n        />\n      )}\n    </div>\n  );\n}\n\nfunction QuestionToolBody({\n  event,\n  visual,\n  onDecision,\n}: {\n  event: SessionEvent;\n  visual: { label: string };\n  onDecision?:\n    | ((decision: SessionToolDecision) => Promise<void> | void)\n    | undefined;\n}) {\n  const questions = questionsFromToolInput(event.toolInput);\n  const summary = summarizeToolInput(\n    event.tool ?? \"\",\n    event.toolInput,\n    event.cwd,\n  );\n\n  return (\n    <div className=\"not-prose\">\n      <div className=\"flex flex-wrap items-center gap-1.5\">\n        <span className=\"shrink-0 font-medium text-foreground\">\n          {visual.label}\n        </span>\n        <ApprovalBadge event={event} />\n        {summary && questions.length !== 1 && (\n          <span className=\"min-w-0 truncate text-xs text-muted-foreground\">\n            {summary}\n          </span>\n        )}\n      </div>\n      <div className=\"mt-1.5 space-y-1.5\">\n        {questions.length > 0 ? (\n          questions.map((question, index) => (\n            <QuestionCard\n              key={`${question.id}-${index}`}\n              question={question}\n              index={index}\n            />\n          ))\n        ) : event.toolInput ? (\n          <DetailBlock\n            language=\"json\"\n            source={JSON.stringify(event.toolInput, null, 2)}\n          />\n        ) : null}\n        {event.toolResponse !== undefined && (\n          <div className=\"space-y-1\">\n            <div className=\"text-[11px] font-medium uppercase text-muted-foreground\">\n              Answer\n            </div>\n            <ResponseBlock response={event.toolResponse} />\n          </div>\n        )}\n        {event.pending && onDecision && (\n          <QuestionDecisionControls\n            event={event}\n            questions={questions}\n            onDecision={onDecision}\n          />\n        )}\n      </div>\n    </div>\n  );\n}\n\nfunction PendingDecisionControls({\n  event,\n  onDecision,\n}: {\n  event: SessionEvent;\n  onDecision: (decision: SessionToolDecision) => Promise<void> | void;\n}) {\n  const [comment, setComment] = useState(\"\");\n  const [busy, setBusy] = useState(false);\n  const [error, setError] = useState(\"\");\n  const decide = async (allow: boolean, message?: string) => {\n    setBusy(true);\n    setError(\"\");\n    try {\n      await onDecision({ event, allow, ...(message ? { message } : {}) });\n    } catch (cause) {\n      setError(cause instanceof Error ? cause.message : String(cause));\n    } finally {\n      setBusy(false);\n    }\n  };\n  return (\n    <div className=\"mt-2 space-y-2 rounded-md border border-amber-500/30 bg-amber-500/5 p-density-3\">\n      <textarea\n        aria-label=\"Decision comment\"\n        value={comment}\n        onChange={(event) => setComment(event.target.value)}\n        placeholder=\"Optional rejection feedback\"\n        className=\"min-h-16 w-full rounded-md border border-input bg-background px-2 py-1.5 text-sm\"\n      />\n      <div className=\"flex flex-wrap gap-2\">\n        <Button size=\"sm\" loading={busy} onClick={() => decide(true)}>\n          <Icon icon={UiCheck} />\n          Allow\n        </Button>\n        <Button\n          size=\"sm\"\n          variant=\"outline\"\n          disabled={busy}\n          onClick={() => decide(false)}\n        >\n          <Icon icon={UiCancel} />\n          Reject\n        </Button>\n        <Button\n          size=\"sm\"\n          variant=\"outline\"\n          disabled={busy || !comment.trim()}\n          onClick={() => decide(false, comment.trim())}\n        >\n          <Icon icon={UiComment} />\n          Reject with comment\n        </Button>\n      </div>\n      {error && (\n        <div role=\"alert\" className=\"text-xs text-rose-600\">\n          {error}\n        </div>\n      )}\n    </div>\n  );\n}\n\nfunction QuestionDecisionControls({\n  event,\n  questions,\n  onDecision,\n}: {\n  event: SessionEvent;\n  questions: SessionQuestion[];\n  onDecision: (decision: SessionToolDecision) => Promise<void> | void;\n}) {\n  const [answers, setAnswers] = useState<Record<string, string | string[]>>({});\n  const [details, setDetails] = useState<Record<string, string>>({});\n  const [comment, setComment] = useState(\"\");\n  const [busy, setBusy] = useState(false);\n  const [error, setError] = useState(\"\");\n  const decide = async (allow: boolean, message?: string) => {\n    setBusy(true);\n    setError(\"\");\n    const submittedAnswers = Object.fromEntries(\n      Object.entries(answers).map(([question, answer]) => {\n        const detail = details[question]?.trim();\n        if (!detail) return [question, answer];\n        return [\n          question,\n          Array.isArray(answer)\n            ? [...answer, `Additional details: ${detail}`]\n            : `${answer}\\nAdditional details: ${detail}`,\n        ];\n      }),\n    );\n    try {\n      await onDecision({\n        event,\n        allow,\n        answers: submittedAnswers,\n        ...(message ? { message } : {}),\n      });\n    } catch (cause) {\n      setError(cause instanceof Error ? cause.message : String(cause));\n    } finally {\n      setBusy(false);\n    }\n  };\n  return (\n    <div className=\"space-y-3 rounded-md border border-sky-500/25 bg-sky-500/5 p-density-3\">\n      {questions.map((question) => (\n        <fieldset key={question.id} className=\"space-y-1.5\">\n          <legend className=\"text-sm font-medium text-foreground\">\n            {question.text}\n          </legend>\n          {question.options.map((option) =>\n            question.multiSelect ? (\n              <label\n                key={option.value}\n                className=\"flex items-start gap-2 text-sm\"\n              >\n                <input\n                  type=\"checkbox\"\n                  checked={\n                    Array.isArray(answers[question.text]) &&\n                    (answers[question.text] as string[]).includes(option.value)\n                  }\n                  onChange={(event) =>\n                    setAnswers((current) => {\n                      const selected = Array.isArray(current[question.text])\n                        ? (current[question.text] as string[])\n                        : [];\n                      return {\n                        ...current,\n                        [question.text]: event.target.checked\n                          ? [...selected, option.value]\n                          : selected.filter((value) => value !== option.value),\n                      };\n                    })\n                  }\n                />\n                <span>\n                  {option.label}\n                  {option.description && (\n                    <span className=\"ml-1 text-muted-foreground\">\n                      {option.description}\n                    </span>\n                  )}\n                </span>\n              </label>\n            ) : (\n              <label\n                key={option.value}\n                className=\"flex items-start gap-2 text-sm\"\n              >\n                <input\n                  type=\"radio\"\n                  name={`question-${event.id}-${question.id}`}\n                  value={option.value}\n                  checked={answers[question.text] === option.value}\n                  onChange={() =>\n                    setAnswers((current) => ({\n                      ...current,\n                      [question.text]: option.value,\n                    }))\n                  }\n                />\n                <span>\n                  {option.label}\n                  {option.description && (\n                    <span className=\"ml-1 text-muted-foreground\">\n                      {option.description}\n                    </span>\n                  )}\n                </span>\n              </label>\n            ),\n          )}\n          <textarea\n            aria-label={`${question.text} additional details`}\n            value={\n              question.options.length\n                ? (details[question.text] ?? \"\")\n                : typeof answers[question.text] === \"string\"\n                  ? (answers[question.text] as string)\n                  : \"\"\n            }\n            onChange={(event) =>\n              question.options.length\n                ? setDetails((current) => ({\n                    ...current,\n                    [question.text]: event.target.value,\n                  }))\n                : setAnswers((current) => ({\n                    ...current,\n                    [question.text]: event.target.value,\n                  }))\n            }\n            placeholder={\n              question.options.length ? \"Additional details\" : \"Your answer\"\n            }\n            className=\"min-h-16 w-full rounded-md border border-input bg-background px-2 py-1.5 text-sm\"\n          />\n        </fieldset>\n      ))}\n      <textarea\n        aria-label=\"Rejection comment\"\n        value={comment}\n        onChange={(event) => setComment(event.target.value)}\n        placeholder=\"Optional rejection feedback\"\n        className=\"min-h-16 w-full rounded-md border border-input bg-background px-2 py-1.5 text-sm\"\n      />\n      <div className=\"flex flex-wrap gap-2\">\n        <Button size=\"sm\" loading={busy} onClick={() => decide(true)}>\n          <Icon icon={UiCheck} />\n          Send answer\n        </Button>\n        <Button\n          size=\"sm\"\n          variant=\"outline\"\n          disabled={busy}\n          onClick={() => decide(false)}\n        >\n          <Icon icon={UiCancel} />\n          Reject\n        </Button>\n        <Button\n          size=\"sm\"\n          variant=\"outline\"\n          disabled={busy || !comment.trim()}\n          onClick={() => decide(false, comment.trim())}\n        >\n          <Icon icon={UiComment} />\n          Reject with comment\n        </Button>\n      </div>\n      {error && (\n        <div role=\"alert\" className=\"text-xs text-rose-600\">\n          {error}\n        </div>\n      )}\n    </div>\n  );\n}\n"],"names":["summarizeToolInput","shellCommand","useState","jsx","jsxs","CodeBlock","ApprovalBadge","Icon","UiChevronDown","cn","ResponseBlock","toolInputParams","toolDiff","Fragment","InlineParams","DiffBlock","DetailBlock","questionsFromToolInput","QuestionCard","event","Button","UiCheck","UiCancel","UiComment"],"mappings":"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"}
+{"version":3,"file":"SessionViewer.tool-row.cjs","sources":["../../../src/data/ai/SessionViewer.tool-row.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport { Button } from \"../../components/button\";\nimport { UiCancel, UiCheck, UiChevronDown, UiComment } from \"../../icons\";\nimport { cn } from \"../../lib/utils\";\nimport { CodeBlock } from \"../CodeBlock\";\nimport { Icon } from \"../Icon\";\nimport {\n  questionsFromToolInput,\n  shellCommand,\n  summarizeToolInput,\n  toolDiff,\n  toolInputParams,\n  type SessionQuestion,\n} from \"./SessionViewer.input\";\nimport type { SessionEvent } from \"./SessionViewer.model\";\nimport { ApprovalBadge } from \"./SessionViewer.row-metadata\";\nimport {\n  DetailBlock,\n  DiffBlock,\n  InlineParams,\n  QuestionCard,\n  ResponseBlock,\n} from \"./SessionViewer.tool-details\";\nimport type { SessionToolDecision } from \"./SessionViewer\";\n\nexport function ToolBody({\n  event,\n  visual,\n  defaultExpanded,\n  onPendingToolDecision,\n}: {\n  event: SessionEvent;\n  visual: { label: string; summaryOnly: boolean };\n  defaultExpanded: boolean;\n  onPendingToolDecision?:\n    | ((decision: SessionToolDecision) => Promise<void> | void)\n    | undefined;\n}) {\n  const summary = summarizeToolInput(\n    event.tool ?? \"\",\n    event.toolInput,\n    event.cwd,\n  );\n  const command = shellCommand(event.tool ?? \"\", event.toolInput);\n  const [open, setOpen] = useState(defaultExpanded);\n\n  if (event.tool === \"AskUserQuestion\") {\n    return (\n      <QuestionToolBody\n        event={event}\n        visual={visual}\n        onDecision={onPendingToolDecision}\n      />\n    );\n  }\n\n  if (command !== undefined) {\n    return (\n      <div className=\"not-prose\">\n        <div className=\"flex items-start gap-1.5\">\n          <div className=\"min-w-0 flex-1\">\n            <CodeBlock bare language=\"bash\" source={command} />\n          </div>\n          <ApprovalBadge event={event} />\n          {event.toolResponse !== undefined && (\n            <button\n              type=\"button\"\n              aria-expanded={open}\n              aria-label=\"Toggle response\"\n              onClick={() => setOpen((value) => !value)}\n              className=\"text-muted-foreground hover:text-foreground\"\n            >\n              <Icon\n                icon={UiChevronDown}\n                className={cn(\n                  \"size-3 shrink-0 transition-transform\",\n                  open && \"rotate-180\",\n                )}\n              />\n            </button>\n          )}\n        </div>\n        {open && event.toolResponse !== undefined && (\n          <div className=\"mt-1.5\">\n            <ResponseBlock response={event.toolResponse} />\n          </div>\n        )}\n        {event.pending && onPendingToolDecision && (\n          <PendingDecisionControls\n            event={event}\n            onDecision={onPendingToolDecision}\n          />\n        )}\n      </div>\n    );\n  }\n\n  const hasDetail =\n    event.toolInput !== undefined || event.toolResponse !== undefined;\n  const params = toolInputParams(event.tool ?? \"\", event.toolInput, event.cwd);\n  const diff = toolDiff(event.tool ?? \"\", event.toolInput);\n  const header = (\n    <>\n      {visual.summaryOnly && summary ? (\n        <span className=\"min-w-0 truncate font-mono text-xs text-foreground \">\n          {summary}\n        </span>\n      ) : (\n        <span className=\"shrink-0 font-medium text-foreground\">\n          {visual.label}\n        </span>\n      )}\n      {diff && (\n        <span className=\"shrink-0 font-mono text-xs\">\n          {diff.added > 0 && (\n            <span className=\"text-emerald-600 [[data-theme=dark]_&]:text-emerald-400\">\n              +{diff.added}\n            </span>\n          )}\n          {diff.removed > 0 && (\n            <span className=\"ml-1 text-rose-600 [[data-theme=dark]_&]:text-rose-400\">\n              -{diff.removed}\n            </span>\n          )}\n        </span>\n      )}\n      <ApprovalBadge event={event} />\n      {params.length > 0 && <InlineParams params={params} />}\n    </>\n  );\n\n  return (\n    <div className=\"not-prose\">\n      {hasDetail ? (\n        <button\n          type=\"button\"\n          aria-expanded={open}\n          onClick={() => setOpen((value) => !value)}\n          className=\"flex w-full items-center gap-1.5 text-left hover:text-foreground\"\n        >\n          {header}\n          <Icon\n            icon={UiChevronDown}\n            className={cn(\n              \"ml-auto size-3 shrink-0 text-muted-foreground transition-transform\",\n              open && \"rotate-180\",\n            )}\n          />\n        </button>\n      ) : (\n        <div className=\"flex items-center gap-1.5\">{header}</div>\n      )}\n\n      {open && hasDetail && (\n        <div className=\"mt-1.5 space-y-1.5\">\n          {diff ? (\n            <DiffBlock diff={diff} />\n          ) : (\n            event.toolInput !== undefined && (\n              <DetailBlock\n                language=\"json\"\n                source={JSON.stringify(event.toolInput, null, 2)}\n              />\n            )\n          )}\n          {event.toolResponse !== undefined && (\n            <ResponseBlock response={event.toolResponse} />\n          )}\n        </div>\n      )}\n      {event.pending && onPendingToolDecision && (\n        <PendingDecisionControls\n          event={event}\n          onDecision={onPendingToolDecision}\n        />\n      )}\n    </div>\n  );\n}\n\nfunction QuestionToolBody({\n  event,\n  visual,\n  onDecision,\n}: {\n  event: SessionEvent;\n  visual: { label: string };\n  onDecision?:\n    | ((decision: SessionToolDecision) => Promise<void> | void)\n    | undefined;\n}) {\n  const questions = questionsFromToolInput(event.toolInput);\n  const summary = summarizeToolInput(\n    event.tool ?? \"\",\n    event.toolInput,\n    event.cwd,\n  );\n\n  return (\n    <div className=\"not-prose\">\n      <div className=\"flex flex-wrap items-center gap-1.5\">\n        <span className=\"shrink-0 font-medium text-foreground\">\n          {visual.label}\n        </span>\n        <ApprovalBadge event={event} />\n        {summary && questions.length !== 1 && (\n          <span className=\"min-w-0 truncate text-xs text-muted-foreground\">\n            {summary}\n          </span>\n        )}\n      </div>\n      <div className=\"mt-1.5 space-y-1.5\">\n        {questions.length > 0 ? (\n          questions.map((question, index) => (\n            <QuestionCard\n              key={`${question.id}-${index}`}\n              question={question}\n              index={index}\n            />\n          ))\n        ) : event.toolInput ? (\n          <DetailBlock\n            language=\"json\"\n            source={JSON.stringify(event.toolInput, null, 2)}\n          />\n        ) : null}\n        {event.toolResponse !== undefined && (\n          <div className=\"space-y-1\">\n            <div className=\"text-[11px] font-medium uppercase text-muted-foreground\">\n              Answer\n            </div>\n            <ResponseBlock response={event.toolResponse} />\n          </div>\n        )}\n        {event.pending && onDecision && (\n          <QuestionDecisionControls\n            event={event}\n            questions={questions}\n            onDecision={onDecision}\n          />\n        )}\n      </div>\n    </div>\n  );\n}\n\nfunction PendingDecisionControls({\n  event,\n  onDecision,\n}: {\n  event: SessionEvent;\n  onDecision: (decision: SessionToolDecision) => Promise<void> | void;\n}) {\n  const [comment, setComment] = useState(\"\");\n  const [busy, setBusy] = useState(false);\n  const [error, setError] = useState(\"\");\n  const decide = async (allow: boolean, message?: string) => {\n    setBusy(true);\n    setError(\"\");\n    try {\n      await onDecision({ event, allow, ...(message ? { message } : {}) });\n    } catch (cause) {\n      setError(cause instanceof Error ? cause.message : String(cause));\n    } finally {\n      setBusy(false);\n    }\n  };\n  return (\n    <div className=\"mt-2 space-y-2 rounded-md border border-amber-500/30 bg-amber-500/5 p-density-3\">\n      <textarea\n        aria-label=\"Decision comment\"\n        value={comment}\n        onChange={(event) => setComment(event.target.value)}\n        placeholder=\"Optional rejection feedback\"\n        className=\"min-h-16 w-full rounded-md border border-input bg-background px-2 py-1.5 text-sm\"\n      />\n      <div className=\"flex flex-wrap gap-2\">\n        <Button size=\"sm\" loading={busy} onClick={() => decide(true)}>\n          <Icon icon={UiCheck} />\n          Allow\n        </Button>\n        <Button\n          size=\"sm\"\n          variant=\"outline\"\n          disabled={busy}\n          onClick={() => decide(false)}\n        >\n          <Icon icon={UiCancel} />\n          Reject\n        </Button>\n        <Button\n          size=\"sm\"\n          variant=\"outline\"\n          disabled={busy || !comment.trim()}\n          onClick={() => decide(false, comment.trim())}\n        >\n          <Icon icon={UiComment} />\n          Reject with comment\n        </Button>\n      </div>\n      {error && (\n        <div role=\"alert\" className=\"text-xs text-rose-600\">\n          {error}\n        </div>\n      )}\n    </div>\n  );\n}\n\nfunction QuestionDecisionControls({\n  event,\n  questions,\n  onDecision,\n}: {\n  event: SessionEvent;\n  questions: SessionQuestion[];\n  onDecision: (decision: SessionToolDecision) => Promise<void> | void;\n}) {\n  const [answers, setAnswers] = useState<Record<string, string | string[]>>({});\n  const [details, setDetails] = useState<Record<string, string>>({});\n  const [comment, setComment] = useState(\"\");\n  const [busy, setBusy] = useState(false);\n  const [error, setError] = useState(\"\");\n  const answerFor = (question: SessionQuestion): string | string[] => {\n    const selected = answers[question.id];\n    const other = details[question.id]?.trim();\n    if (question.options.length && question.isOther && other) {\n      return question.multiSelect ? [...(Array.isArray(selected) ? selected : []), other] : other;\n    }\n    return selected ?? \"\";\n  };\n  const canSend = questions.length > 0 && questions.every((question) => {\n    const answer = answerFor(question);\n    return Array.isArray(answer)\n      ? answer.length > 0 && answer.every((value) => value.trim() !== \"\")\n      : answer.trim() !== \"\";\n  });\n  const decide = async (allow: boolean, message?: string) => {\n    setBusy(true);\n    setError(\"\");\n    try {\n      await onDecision({\n        event,\n        allow,\n        ...(allow ? { answers: Object.fromEntries(questions.map((question) => [question.id, answerFor(question)])) } : {}),\n        ...(message ? { message } : {}),\n      });\n    } catch (cause) {\n      setError(cause instanceof Error ? cause.message : String(cause));\n    } finally {\n      setBusy(false);\n    }\n  };\n  return (\n    <div className=\"space-y-3 rounded-md border border-sky-500/25 bg-sky-500/5 p-density-3\">\n      {questions.map((question) => (\n        <fieldset key={question.id} className=\"space-y-1.5\">\n          <legend className=\"text-sm font-medium text-foreground\">\n            {question.text}\n          </legend>\n          {question.options.map((option) =>\n            question.multiSelect ? (\n              <label\n                key={option.value}\n                className=\"flex items-start gap-2 text-sm\"\n              >\n                <input\n                  type=\"checkbox\"\n                  checked={\n                    Array.isArray(answers[question.id]) &&\n                    (answers[question.id] as string[]).includes(option.value)\n                  }\n                  onChange={(event) =>\n                    setAnswers((current) => {\n                      const selected = Array.isArray(current[question.id])\n                        ? (current[question.id] as string[])\n                        : [];\n                      return {\n                        ...current,\n                        [question.id]: event.target.checked\n                          ? [...selected, option.value]\n                          : selected.filter((value) => value !== option.value),\n                      };\n                    })\n                  }\n                />\n                <span>\n                  {option.label}\n                  {option.description && (\n                    <span className=\"ml-1 text-muted-foreground\">\n                      {option.description}\n                    </span>\n                  )}\n                </span>\n              </label>\n            ) : (\n              <label\n                key={option.value}\n                className=\"flex items-start gap-2 text-sm\"\n              >\n                <input\n                  type=\"radio\"\n                  name={`question-${event.id}-${question.id}`}\n                  value={option.value}\n                  checked={answers[question.id] === option.value && !details[question.id]?.trim()}\n                  onChange={() => {\n                    setDetails((current) => ({ ...current, [question.id]: \"\" }));\n                    setAnswers((current) => ({\n                      ...current,\n                      [question.id]: option.value,\n                    }));\n                  }}\n                />\n                <span>\n                  {option.label}\n                  {option.description && (\n                    <span className=\"ml-1 text-muted-foreground\">\n                      {option.description}\n                    </span>\n                  )}\n                </span>\n              </label>\n            ),\n          )}\n          {(!question.options.length || question.isOther) && <textarea\n            aria-label={`${question.text} ${question.options.length ? \"other answer\" : \"answer\"}`}\n            value={\n              question.options.length\n                ? (details[question.id] ?? \"\")\n                : typeof answers[question.id] === \"string\"\n                  ? (answers[question.id] as string)\n                  : \"\"\n            }\n            onChange={(event) =>\n              question.options.length\n                ? setDetails((current) => ({\n                    ...current,\n                    [question.id]: event.target.value,\n                  }))\n                : setAnswers((current) => ({\n                    ...current,\n                    [question.id]: event.target.value,\n                  }))\n            }\n            placeholder={\n              question.options.length ? \"Other answer\" : \"Your answer\"\n            }\n            className=\"min-h-16 w-full rounded-md border border-input bg-background px-2 py-1.5 text-sm\"\n          />}\n        </fieldset>\n      ))}\n      <textarea\n        aria-label=\"Rejection comment\"\n        value={comment}\n        onChange={(event) => setComment(event.target.value)}\n        placeholder=\"Optional rejection feedback\"\n        className=\"min-h-16 w-full rounded-md border border-input bg-background px-2 py-1.5 text-sm\"\n      />\n      <div className=\"flex flex-wrap gap-2\">\n        <Button size=\"sm\" loading={busy} disabled={!canSend} onClick={() => decide(true)}>\n          <Icon icon={UiCheck} />\n          Send answer\n        </Button>\n        <Button\n          size=\"sm\"\n          variant=\"outline\"\n          disabled={busy}\n          onClick={() => decide(false)}\n        >\n          <Icon icon={UiCancel} />\n          Reject\n        </Button>\n        <Button\n          size=\"sm\"\n          variant=\"outline\"\n          disabled={busy || !comment.trim()}\n          onClick={() => decide(false, comment.trim())}\n        >\n          <Icon icon={UiComment} />\n          Reject with comment\n        </Button>\n      </div>\n      {error && (\n        <div role=\"alert\" className=\"text-xs text-rose-600\">\n          {error}\n        </div>\n      )}\n    </div>\n  );\n}\n"],"names":["summarizeToolInput","shellCommand","useState","jsx","jsxs","CodeBlock","ApprovalBadge","Icon","UiChevronDown","cn","ResponseBlock","toolInputParams","toolDiff","Fragment","InlineParams","DiffBlock","DetailBlock","questionsFromToolInput","QuestionCard","event","Button","UiCheck","UiCancel","UiComment"],"mappings":"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"}

package/dist/data/ai/SessionViewer.tool-row.js

@@ -251,26 +251,27 @@ function QuestionDecisionControls({
   const [comment, setComment] = useState("");
   const [busy, setBusy] = useState(false);
   const [error, setError] = useState("");
+  const answerFor = (question) => {
+    var _a;
+    const selected = answers[question.id];
+    const other = (_a = details[question.id]) == null ? void 0 : _a.trim();
+    if (question.options.length && question.isOther && other) {
+      return question.multiSelect ? [...Array.isArray(selected) ? selected : [], other] : other;
+    }
+    return selected ?? "";
+  };
+  const canSend = questions.length > 0 && questions.every((question) => {
+    const answer = answerFor(question);
+    return Array.isArray(answer) ? answer.length > 0 && answer.every((value) => value.trim() !== "") : answer.trim() !== "";
+  });
   const decide = async (allow, message) => {
     setBusy(true);
     setError("");
-    const submittedAnswers = Object.fromEntries(
-      Object.entries(answers).map(([question, answer]) => {
-        var _a;
-        const detail = (_a = details[question]) == null ? void 0 : _a.trim();
-        if (!detail) return [question, answer];
-        return [
-          question,
-          Array.isArray(answer) ? [...answer, `Additional details: ${detail}`] : `${answer}
-Additional details: ${detail}`
-        ];
-      })
-    );
     try {
       await onDecision({
         event,
         allow,
-        answers: submittedAnswers,
+        ...allow ? { answers: Object.fromEntries(questions.map((question) => [question.id, answerFor(question)])) } : {},
         ...message ? { message } : {}
       });
     } catch (cause) {
@@ -283,72 +284,78 @@ Additional details: ${detail}`
     questions.map((question) => /* @__PURE__ */ jsxs("fieldset", { className: "space-y-1.5", children: [
       /* @__PURE__ */ jsx("legend", { className: "text-sm font-medium text-foreground", children: question.text }),
       question.options.map(
-        (option) => question.multiSelect ? /* @__PURE__ */ jsxs(
-          "label",
-          {
-            className: "flex items-start gap-2 text-sm",
-            children: [
-              /* @__PURE__ */ jsx(
-                "input",
-                {
-                  type: "checkbox",
-                  checked: Array.isArray(answers[question.text]) && answers[question.text].includes(option.value),
-                  onChange: (event2) => setAnswers((current) => {
-                    const selected = Array.isArray(current[question.text]) ? current[question.text] : [];
-                    return {
-                      ...current,
-                      [question.text]: event2.target.checked ? [...selected, option.value] : selected.filter((value) => value !== option.value)
-                    };
-                  })
-                }
-              ),
-              /* @__PURE__ */ jsxs("span", { children: [
-                option.label,
-                option.description && /* @__PURE__ */ jsx("span", { className: "ml-1 text-muted-foreground", children: option.description })
-              ] })
-            ]
-          },
-          option.value
-        ) : /* @__PURE__ */ jsxs(
-          "label",
-          {
-            className: "flex items-start gap-2 text-sm",
-            children: [
-              /* @__PURE__ */ jsx(
-                "input",
-                {
-                  type: "radio",
-                  name: `question-${event.id}-${question.id}`,
-                  value: option.value,
-                  checked: answers[question.text] === option.value,
-                  onChange: () => setAnswers((current) => ({
-                    ...current,
-                    [question.text]: option.value
-                  }))
-                }
-              ),
-              /* @__PURE__ */ jsxs("span", { children: [
-                option.label,
-                option.description && /* @__PURE__ */ jsx("span", { className: "ml-1 text-muted-foreground", children: option.description })
-              ] })
-            ]
-          },
-          option.value
-        )
+        (option) => {
+          var _a;
+          return question.multiSelect ? /* @__PURE__ */ jsxs(
+            "label",
+            {
+              className: "flex items-start gap-2 text-sm",
+              children: [
+                /* @__PURE__ */ jsx(
+                  "input",
+                  {
+                    type: "checkbox",
+                    checked: Array.isArray(answers[question.id]) && answers[question.id].includes(option.value),
+                    onChange: (event2) => setAnswers((current) => {
+                      const selected = Array.isArray(current[question.id]) ? current[question.id] : [];
+                      return {
+                        ...current,
+                        [question.id]: event2.target.checked ? [...selected, option.value] : selected.filter((value) => value !== option.value)
+                      };
+                    })
+                  }
+                ),
+                /* @__PURE__ */ jsxs("span", { children: [
+                  option.label,
+                  option.description && /* @__PURE__ */ jsx("span", { className: "ml-1 text-muted-foreground", children: option.description })
+                ] })
+              ]
+            },
+            option.value
+          ) : /* @__PURE__ */ jsxs(
+            "label",
+            {
+              className: "flex items-start gap-2 text-sm",
+              children: [
+                /* @__PURE__ */ jsx(
+                  "input",
+                  {
+                    type: "radio",
+                    name: `question-${event.id}-${question.id}`,
+                    value: option.value,
+                    checked: answers[question.id] === option.value && !((_a = details[question.id]) == null ? void 0 : _a.trim()),
+                    onChange: () => {
+                      setDetails((current) => ({ ...current, [question.id]: "" }));
+                      setAnswers((current) => ({
+                        ...current,
+                        [question.id]: option.value
+                      }));
+                    }
+                  }
+                ),
+                /* @__PURE__ */ jsxs("span", { children: [
+                  option.label,
+                  option.description && /* @__PURE__ */ jsx("span", { className: "ml-1 text-muted-foreground", children: option.description })
+                ] })
+              ]
+            },
+            option.value
+          );
+        }
       ),
-      /* @__PURE__ */ jsx(
+      (!question.options.length || question.isOther) && /* @__PURE__ */ jsx(
         "textarea",
         {
-          "aria-label": `${question.text} additional details`,
-          value: question.options.length ? details[question.text] ?? "" : typeof answers[question.text] === "string" ? answers[question.text] : "",
+          "aria-label": `${question.text} ${question.options.length ? "other answer" : "answer"}`,
+          value: question.options.length ? details[question.id] ?? "" : typeof answers[question.id] === "string" ? answers[question.id] : "",
           onChange: (event2) => question.options.length ? setDetails((current) => ({
             ...current,
-            [question.text]: event2.target.value
+            [question.id]: event2.target.value
           })) : setAnswers((current) => ({
             ...current,
-            [question.text]: event2.target.value
+            [question.id]: event2.target.value
           })),
-          placeholder: question.options.length ? "Additional details" : "Your answer",
+          placeholder: question.options.length ? "Other answer" : "Your answer",
           className: "min-h-16 w-full rounded-md border border-input bg-background px-2 py-1.5 text-sm"
         }
       )
@@ -364,7 +371,7 @@ Additional details: ${detail}`
       }
     ),
     /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap gap-2", children: [
-      /* @__PURE__ */ jsxs(Button, { size: "sm", loading: busy, onClick: () => decide(true), children: [
+      /* @__PURE__ */ jsxs(Button, { size: "sm", loading: busy, disabled: !canSend, onClick: () => decide(true), children: [
         /* @__PURE__ */ jsx(Icon, { icon: UiCheck }),
         "Send answer"
       ] }),