@flanksource/clicky-ui 0.3.36 → 0.3.38

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"
       ] }),

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

@@ -1 +1 @@
-{"version":3,"file":"SessionViewer.tool-row.js","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":["event"],"mappings":"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"}
+{"version":3,"file":"SessionViewer.tool-row.js","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":["event"],"mappings":"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"}

package/dist/data/ai/SessionViewer.unified.d.ts

@@ -22,6 +22,7 @@ export interface SessionUIPart {
     mediaType?: string;
     url?: string;
     filename?: string;
+    attachmentId?: string;
     toolName?: string;
     toolCallId?: string;
     state?: string;
@@ -200,6 +201,8 @@ export interface UnifiedSessionInput {
     modelMode?: string;
     model?: string;
     reasoningEffort?: string;
+    /** Last permission mode recorded in the transcript (absent for e.g. codex sessions). */
+    permissionMode?: string;
     historyFile?: string;
     git?: SessionGitState;
     startedAt?: string;
@@ -222,5 +225,6 @@ export interface UnifiedSessionInput {
     health?: SessionHealth[];
     live?: SessionLiveProcess;
     prompt?: unknown;
+    structuredOutput?: unknown;
 }
 //# sourceMappingURL=SessionViewer.unified.d.ts.map

package/dist/data/ai/SessionViewer.unified.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SessionViewer.unified.d.ts","sourceRoot":"","sources":["../../../src/data/ai/SessionViewer.unified.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"SessionViewer.unified.d.ts","sourceRoot":"","sources":["../../../src/data/ai/SessionViewer.unified.ts"],"names":[],"mappings":"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"}

package/dist/data/ai/SessionViewerMenu.cjs

@@ -27,6 +27,7 @@ const THEME_OPTIONS = [
   { value: "dark", icon: UiMoon.UiMoon, label: "Dark" }
 ];
 function SessionViewerMenu({
+  menuHeader,
   density,
   onDensityChange,
   theme,
@@ -53,6 +54,7 @@ function SessionViewerMenu({
       title: "Session options",
       menuLabel: "Session options",
       menuClassName: "min-w-[12rem] max-h-[70vh] overflow-auto px-1",
+      header: menuHeader,
       children: () => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-popover-foreground", children: [
         /* @__PURE__ */ jsxRuntime.jsx(
           SegmentedRow,

package/dist/data/ai/SessionViewerMenu.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"SessionViewerMenu.cjs","sources":["../../../src/data/ai/SessionViewerMenu.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { cn } from \"../../lib/utils\";\nimport { DropdownMenu } from \"../../overlay/DropdownMenu\";\nimport { Icon, type StaticIconComponent } from \"../Icon\";\nimport {\n  UiCheck,\n  UiDesktop,\n  UiDotsVertical,\n  UiListDashes,\n  UiListFlat,\n  UiMoon,\n  UiResizeVertical,\n  UiRows,\n  UiSun,\n} from \"../../icons\";\nimport { type Density } from \"../../hooks/use-density\";\nimport { getSessionAction } from \"./SessionViewer.model\";\nimport {\n  CATEGORY_ICONS,\n  CATEGORY_LABELS,\n  type SessionCategory,\n  type SessionFilters,\n} from \"./session-categories\";\n\nexport type SessionThemeOverride = \"light\" | \"dark\";\n\ninterface SegmentedOption<T> {\n  value: T | undefined;\n  icon: StaticIconComponent;\n  label: string;\n}\n\nconst DENSITY_OPTIONS: Array<SegmentedOption<Density>> = [\n  { value: undefined, icon: UiResizeVertical, label: \"Use page density\" },\n  { value: \"compact\", icon: UiRows, label: \"Compact\" },\n  { value: \"comfortable\", icon: UiListFlat, label: \"Comfortable\" },\n  { value: \"spacious\", icon: UiListDashes, label: \"Spacious\" },\n];\n\nconst THEME_OPTIONS: Array<SegmentedOption<SessionThemeOverride>> = [\n  { value: undefined, icon: UiDesktop, label: \"Use page theme\" },\n  { value: \"light\", icon: UiSun, label: \"Light\" },\n  { value: \"dark\", icon: UiMoon, label: \"Dark\" },\n];\n\nexport interface SessionViewerMenuProps {\n  density: Density | undefined;\n  onDensityChange: (density: Density | undefined) => void;\n  theme: SessionThemeOverride | undefined;\n  onThemeChange: (theme: SessionThemeOverride | undefined) => void;\n  filters: SessionFilters;\n  hiddenCategories: ReadonlySet<SessionCategory>;\n  hiddenTools: ReadonlySet<string>;\n  hiddenSources: ReadonlySet<string>;\n  onToggleCategory: (category: SessionCategory) => void;\n  onToggleTool: (tool: string) => void;\n  onToggleSource: (source: string) => void;\n  showThinking: boolean;\n  onToggleThinking: () => void;\n  hasThinking: boolean;\n}\n\n/** The SessionViewer's \"3-dot\" menu: density and theme overrides as one-line\n *  segmented icon rows, plus visibility toggles for the captain category /\n *  tool / source facets present in the session. */\nexport function SessionViewerMenu({\n  density,\n  onDensityChange,\n  theme,\n  onThemeChange,\n  filters,\n  hiddenCategories,\n  hiddenTools,\n  hiddenSources,\n  onToggleCategory,\n  onToggleTool,\n  onToggleSource,\n  showThinking,\n  onToggleThinking,\n  hasThinking,\n}: SessionViewerMenuProps) {\n  return (\n    <DropdownMenu\n      icon={UiDotsVertical}\n      hideChevron\n      variant=\"ghost\"\n      size=\"icon\"\n      align=\"right\"\n      title=\"Session options\"\n      menuLabel=\"Session options\"\n      menuClassName=\"min-w-[12rem] max-h-[70vh] overflow-auto px-1\"\n    >\n      {() => (\n        <div className=\"text-popover-foreground\">\n          <SegmentedRow\n            label=\"Density\"\n            options={DENSITY_OPTIONS}\n            value={density}\n            onChange={onDensityChange}\n          />\n          <SegmentedRow\n            label=\"Theme\"\n            options={THEME_OPTIONS}\n            value={theme}\n            onChange={onThemeChange}\n          />\n\n          {filters.categories.length > 0 && (\n            <Section heading=\"Categories\">\n              {filters.categories.map((category) => (\n                <CheckRow\n                  key={category}\n                  label={CATEGORY_LABELS[category]}\n                  icon={CATEGORY_ICONS[category]}\n                  checked={!hiddenCategories.has(category)}\n                  onToggle={() => onToggleCategory(category)}\n                />\n              ))}\n            </Section>\n          )}\n\n          {filters.tools.length > 0 && (\n            <Section heading=\"Tools\">\n              {filters.tools.map((tool) => (\n                <CheckRow\n                  key={tool.key}\n                  label={tool.label}\n                  icon={getSessionAction(tool.key).icon}\n                  checked={!hiddenTools.has(tool.key)}\n                  onToggle={() => onToggleTool(tool.key)}\n                />\n              ))}\n            </Section>\n          )}\n\n          {filters.sources.length > 1 && (\n            <Section heading=\"Source\">\n              {filters.sources.map((source) => (\n                <CheckRow\n                  key={source}\n                  label={source}\n                  checked={!hiddenSources.has(source)}\n                  onToggle={() => onToggleSource(source)}\n                />\n              ))}\n            </Section>\n          )}\n\n          {hasThinking && (\n            <Section>\n              <CheckRow label=\"Reasoning\" checked={showThinking} onToggle={onToggleThinking} />\n            </Section>\n          )}\n        </div>\n      )}\n    </DropdownMenu>\n  );\n}\n\n// One line per setting: a dim label on the left, a bordered segmented group of\n// icon-only radio buttons on the right. Labels ride on aria-label/title so\n// menuitemradio queries (and tooltips) still see \"Compact\", \"Dark\", etc.\nfunction SegmentedRow<T extends string>({\n  label,\n  options,\n  value,\n  onChange,\n}: {\n  label: string;\n  options: Array<SegmentedOption<T>>;\n  value: T | undefined;\n  onChange: (value: T | undefined) => void;\n}) {\n  return (\n    <div className=\"flex items-center justify-between gap-2 px-2 py-1\">\n      <span className=\"text-xs text-muted-foreground\">{label}</span>\n      <div className=\"flex items-center gap-0.5 rounded-md border border-border p-0.5\">\n        {options.map((option) => {\n          const active = value === option.value;\n          return (\n            <button\n              key={option.label}\n              type=\"button\"\n              role=\"menuitemradio\"\n              aria-checked={active}\n              aria-label={option.label}\n              title={option.label}\n              onClick={() => onChange(option.value)}\n              className={cn(\n                \"flex h-5 w-5 items-center justify-center rounded transition-colors focus:outline-none\",\n                active\n                  ? \"bg-accent text-foreground\"\n                  : \"text-muted-foreground hover:text-foreground focus:text-foreground\",\n              )}\n            >\n              <Icon icon={option.icon} className=\"text-xs\" />\n            </button>\n          );\n        })}\n      </div>\n    </div>\n  );\n}\n\nfunction Section({ heading, children }: { heading?: string; children: ReactNode }) {\n  return (\n    <div className=\"mt-1 border-t border-border pt-0.5\">\n      {heading && (\n        <div className=\"px-2 py-1 text-[11px] font-medium text-muted-foreground\">{heading}</div>\n      )}\n      {children}\n    </div>\n  );\n}\n\nconst ROW_CLASS =\n  \"flex w-full items-center gap-2 rounded-md px-2 py-1 text-left text-xs transition-colors hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:outline-none\";\n\nfunction CheckRow({\n  label,\n  checked,\n  onToggle,\n  icon,\n}: {\n  label: string;\n  checked: boolean;\n  onToggle: () => void;\n  icon?: StaticIconComponent;\n}) {\n  return (\n    <button\n      type=\"button\"\n      role=\"menuitemcheckbox\"\n      aria-checked={checked}\n      className={cn(ROW_CLASS, !checked && \"text-muted-foreground\")}\n      onClick={onToggle}\n    >\n      <span\n        aria-hidden\n        className={cn(\n          \"flex h-3.5 w-3.5 shrink-0 items-center justify-center rounded border\",\n          checked ? \"border-primary bg-primary text-primary-foreground\" : \"border-input\",\n        )}\n      >\n        {checked && <Icon icon={UiCheck} className=\"text-[0.6rem]\" />}\n      </span>\n      {icon && <Icon icon={icon} className=\"size-3.5 shrink-0 text-muted-foreground\" />}\n      <span className=\"min-w-0 flex-1 truncate\">{label}</span>\n    </button>\n  );\n}\n"],"names":["UiResizeVertical","UiRows","UiListFlat","UiListDashes","UiDesktop","UiSun","UiMoon","jsx","DropdownMenu","UiDotsVertical","jsxs","CATEGORY_LABELS","CATEGORY_ICONS","getSessionAction","cn","Icon","UiCheck"],"mappings":"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"}
+{"version":3,"file":"SessionViewerMenu.cjs","sources":["../../../src/data/ai/SessionViewerMenu.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { cn } from \"../../lib/utils\";\nimport { DropdownMenu } from \"../../overlay/DropdownMenu\";\nimport { Icon, type StaticIconComponent } from \"../Icon\";\nimport {\n  UiCheck,\n  UiDesktop,\n  UiDotsVertical,\n  UiListDashes,\n  UiListFlat,\n  UiMoon,\n  UiResizeVertical,\n  UiRows,\n  UiSun,\n} from \"../../icons\";\nimport { type Density } from \"../../hooks/use-density\";\nimport { getSessionAction } from \"./SessionViewer.model\";\nimport {\n  CATEGORY_ICONS,\n  CATEGORY_LABELS,\n  type SessionCategory,\n  type SessionFilters,\n} from \"./session-categories\";\n\nexport type SessionThemeOverride = \"light\" | \"dark\";\n\ninterface SegmentedOption<T> {\n  value: T | undefined;\n  icon: StaticIconComponent;\n  label: string;\n}\n\nconst DENSITY_OPTIONS: Array<SegmentedOption<Density>> = [\n  { value: undefined, icon: UiResizeVertical, label: \"Use page density\" },\n  { value: \"compact\", icon: UiRows, label: \"Compact\" },\n  { value: \"comfortable\", icon: UiListFlat, label: \"Comfortable\" },\n  { value: \"spacious\", icon: UiListDashes, label: \"Spacious\" },\n];\n\nconst THEME_OPTIONS: Array<SegmentedOption<SessionThemeOverride>> = [\n  { value: undefined, icon: UiDesktop, label: \"Use page theme\" },\n  { value: \"light\", icon: UiSun, label: \"Light\" },\n  { value: \"dark\", icon: UiMoon, label: \"Dark\" },\n];\n\nexport interface SessionViewerMenuProps {\n  menuHeader?: ReactNode;\n  density: Density | undefined;\n  onDensityChange: (density: Density | undefined) => void;\n  theme: SessionThemeOverride | undefined;\n  onThemeChange: (theme: SessionThemeOverride | undefined) => void;\n  filters: SessionFilters;\n  hiddenCategories: ReadonlySet<SessionCategory>;\n  hiddenTools: ReadonlySet<string>;\n  hiddenSources: ReadonlySet<string>;\n  onToggleCategory: (category: SessionCategory) => void;\n  onToggleTool: (tool: string) => void;\n  onToggleSource: (source: string) => void;\n  showThinking: boolean;\n  onToggleThinking: () => void;\n  hasThinking: boolean;\n}\n\n/** The SessionViewer's \"3-dot\" menu: density and theme overrides as one-line\n *  segmented icon rows, plus visibility toggles for the captain category /\n *  tool / source facets present in the session. */\nexport function SessionViewerMenu({\n  menuHeader,\n  density,\n  onDensityChange,\n  theme,\n  onThemeChange,\n  filters,\n  hiddenCategories,\n  hiddenTools,\n  hiddenSources,\n  onToggleCategory,\n  onToggleTool,\n  onToggleSource,\n  showThinking,\n  onToggleThinking,\n  hasThinking,\n}: SessionViewerMenuProps) {\n  return (\n    <DropdownMenu\n      icon={UiDotsVertical}\n      hideChevron\n      variant=\"ghost\"\n      size=\"icon\"\n      align=\"right\"\n      title=\"Session options\"\n      menuLabel=\"Session options\"\n      menuClassName=\"min-w-[12rem] max-h-[70vh] overflow-auto px-1\"\n      header={menuHeader}\n    >\n      {() => (\n        <div className=\"text-popover-foreground\">\n          <SegmentedRow\n            label=\"Density\"\n            options={DENSITY_OPTIONS}\n            value={density}\n            onChange={onDensityChange}\n          />\n          <SegmentedRow\n            label=\"Theme\"\n            options={THEME_OPTIONS}\n            value={theme}\n            onChange={onThemeChange}\n          />\n\n          {filters.categories.length > 0 && (\n            <Section heading=\"Categories\">\n              {filters.categories.map((category) => (\n                <CheckRow\n                  key={category}\n                  label={CATEGORY_LABELS[category]}\n                  icon={CATEGORY_ICONS[category]}\n                  checked={!hiddenCategories.has(category)}\n                  onToggle={() => onToggleCategory(category)}\n                />\n              ))}\n            </Section>\n          )}\n\n          {filters.tools.length > 0 && (\n            <Section heading=\"Tools\">\n              {filters.tools.map((tool) => (\n                <CheckRow\n                  key={tool.key}\n                  label={tool.label}\n                  icon={getSessionAction(tool.key).icon}\n                  checked={!hiddenTools.has(tool.key)}\n                  onToggle={() => onToggleTool(tool.key)}\n                />\n              ))}\n            </Section>\n          )}\n\n          {filters.sources.length > 1 && (\n            <Section heading=\"Source\">\n              {filters.sources.map((source) => (\n                <CheckRow\n                  key={source}\n                  label={source}\n                  checked={!hiddenSources.has(source)}\n                  onToggle={() => onToggleSource(source)}\n                />\n              ))}\n            </Section>\n          )}\n\n          {hasThinking && (\n            <Section>\n              <CheckRow label=\"Reasoning\" checked={showThinking} onToggle={onToggleThinking} />\n            </Section>\n          )}\n        </div>\n      )}\n    </DropdownMenu>\n  );\n}\n\n// One line per setting: a dim label on the left, a bordered segmented group of\n// icon-only radio buttons on the right. Labels ride on aria-label/title so\n// menuitemradio queries (and tooltips) still see \"Compact\", \"Dark\", etc.\nfunction SegmentedRow<T extends string>({\n  label,\n  options,\n  value,\n  onChange,\n}: {\n  label: string;\n  options: Array<SegmentedOption<T>>;\n  value: T | undefined;\n  onChange: (value: T | undefined) => void;\n}) {\n  return (\n    <div className=\"flex items-center justify-between gap-2 px-2 py-1\">\n      <span className=\"text-xs text-muted-foreground\">{label}</span>\n      <div className=\"flex items-center gap-0.5 rounded-md border border-border p-0.5\">\n        {options.map((option) => {\n          const active = value === option.value;\n          return (\n            <button\n              key={option.label}\n              type=\"button\"\n              role=\"menuitemradio\"\n              aria-checked={active}\n              aria-label={option.label}\n              title={option.label}\n              onClick={() => onChange(option.value)}\n              className={cn(\n                \"flex h-5 w-5 items-center justify-center rounded transition-colors focus:outline-none\",\n                active\n                  ? \"bg-accent text-foreground\"\n                  : \"text-muted-foreground hover:text-foreground focus:text-foreground\",\n              )}\n            >\n              <Icon icon={option.icon} className=\"text-xs\" />\n            </button>\n          );\n        })}\n      </div>\n    </div>\n  );\n}\n\nfunction Section({ heading, children }: { heading?: string; children: ReactNode }) {\n  return (\n    <div className=\"mt-1 border-t border-border pt-0.5\">\n      {heading && (\n        <div className=\"px-2 py-1 text-[11px] font-medium text-muted-foreground\">{heading}</div>\n      )}\n      {children}\n    </div>\n  );\n}\n\nconst ROW_CLASS =\n  \"flex w-full items-center gap-2 rounded-md px-2 py-1 text-left text-xs transition-colors hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:outline-none\";\n\nfunction CheckRow({\n  label,\n  checked,\n  onToggle,\n  icon,\n}: {\n  label: string;\n  checked: boolean;\n  onToggle: () => void;\n  icon?: StaticIconComponent;\n}) {\n  return (\n    <button\n      type=\"button\"\n      role=\"menuitemcheckbox\"\n      aria-checked={checked}\n      className={cn(ROW_CLASS, !checked && \"text-muted-foreground\")}\n      onClick={onToggle}\n    >\n      <span\n        aria-hidden\n        className={cn(\n          \"flex h-3.5 w-3.5 shrink-0 items-center justify-center rounded border\",\n          checked ? \"border-primary bg-primary text-primary-foreground\" : \"border-input\",\n        )}\n      >\n        {checked && <Icon icon={UiCheck} className=\"text-[0.6rem]\" />}\n      </span>\n      {icon && <Icon icon={icon} className=\"size-3.5 shrink-0 text-muted-foreground\" />}\n      <span className=\"min-w-0 flex-1 truncate\">{label}</span>\n    </button>\n  );\n}\n"],"names":["UiResizeVertical","UiRows","UiListFlat","UiListDashes","UiDesktop","UiSun","UiMoon","jsx","DropdownMenu","UiDotsVertical","jsxs","CATEGORY_LABELS","CATEGORY_ICONS","getSessionAction","cn","Icon","UiCheck"],"mappings":"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"}

package/dist/data/ai/SessionViewerMenu.d.ts

@@ -1,7 +1,9 @@
+import { ReactNode } from 'react';
 import { Density } from '../../hooks/use-density';
 import { SessionCategory, SessionFilters } from './session-categories';
 export type SessionThemeOverride = "light" | "dark";
 export interface SessionViewerMenuProps {
+    menuHeader?: ReactNode;
     density: Density | undefined;
     onDensityChange: (density: Density | undefined) => void;
     theme: SessionThemeOverride | undefined;
@@ -20,5 +22,5 @@ export interface SessionViewerMenuProps {
 /** The SessionViewer's "3-dot" menu: density and theme overrides as one-line
  *  segmented icon rows, plus visibility toggles for the captain category /
  *  tool / source facets present in the session. */
-export declare function SessionViewerMenu({ density, onDensityChange, theme, onThemeChange, filters, hiddenCategories, hiddenTools, hiddenSources, onToggleCategory, onToggleTool, onToggleSource, showThinking, onToggleThinking, hasThinking, }: SessionViewerMenuProps): import("react").JSX.Element;
+export declare function SessionViewerMenu({ menuHeader, density, onDensityChange, theme, onThemeChange, filters, hiddenCategories, hiddenTools, hiddenSources, onToggleCategory, onToggleTool, onToggleSource, showThinking, onToggleThinking, hasThinking, }: SessionViewerMenuProps): import("react").JSX.Element;
 //# sourceMappingURL=SessionViewerMenu.d.ts.map

package/dist/data/ai/SessionViewerMenu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SessionViewerMenu.d.ts","sourceRoot":"","sources":["../../../src/data/ai/SessionViewerMenu.tsx"],"names":[],"mappings":"AAeA,OAAO,EAAE,KAAK,OAAO,EAAE,MAAM,yBAAyB,CAAC;AAEvD,OAAO,EAGL,KAAK,eAAe,EACpB,KAAK,cAAc,EACpB,MAAM,sBAAsB,CAAC;AAE9B,MAAM,MAAM,oBAAoB,GAAG,OAAO,GAAG,MAAM,CAAC;AAqBpD,MAAM,WAAW,sBAAsB;IACrC,OAAO,EAAE,OAAO,GAAG,SAAS,CAAC;IAC7B,eAAe,EAAE,CAAC,OAAO,EAAE,OAAO,GAAG,SAAS,KAAK,IAAI,CAAC;IACxD,KAAK,EAAE,oBAAoB,GAAG,SAAS,CAAC;IACxC,aAAa,EAAE,CAAC,KAAK,EAAE,oBAAoB,GAAG,SAAS,KAAK,IAAI,CAAC;IACjE,OAAO,EAAE,cAAc,CAAC;IACxB,gBAAgB,EAAE,WAAW,CAAC,eAAe,CAAC,CAAC;IAC/C,WAAW,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IACjC,aAAa,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IACnC,gBAAgB,EAAE,CAAC,QAAQ,EAAE,eAAe,KAAK,IAAI,CAAC;IACtD,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,cAAc,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,YAAY,EAAE,OAAO,CAAC;IACtB,gBAAgB,EAAE,MAAM,IAAI,CAAC;IAC7B,WAAW,EAAE,OAAO,CAAC;CACtB;AAED;;mDAEmD;AACnD,wBAAgB,iBAAiB,CAAC,EAChC,OAAO,EACP,eAAe,EACf,KAAK,EACL,aAAa,EACb,OAAO,EACP,gBAAgB,EAChB,WAAW,EACX,aAAa,EACb,gBAAgB,EAChB,YAAY,EACZ,cAAc,EACd,YAAY,EACZ,gBAAgB,EAChB,WAAW,GACZ,EAAE,sBAAsB,+BA6ExB"}
+{"version":3,"file":"SessionViewerMenu.d.ts","sourceRoot":"","sources":["../../../src/data/ai/SessionViewerMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAevC,OAAO,EAAE,KAAK,OAAO,EAAE,MAAM,yBAAyB,CAAC;AAEvD,OAAO,EAGL,KAAK,eAAe,EACpB,KAAK,cAAc,EACpB,MAAM,sBAAsB,CAAC;AAE9B,MAAM,MAAM,oBAAoB,GAAG,OAAO,GAAG,MAAM,CAAC;AAqBpD,MAAM,WAAW,sBAAsB;IACrC,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,OAAO,EAAE,OAAO,GAAG,SAAS,CAAC;IAC7B,eAAe,EAAE,CAAC,OAAO,EAAE,OAAO,GAAG,SAAS,KAAK,IAAI,CAAC;IACxD,KAAK,EAAE,oBAAoB,GAAG,SAAS,CAAC;IACxC,aAAa,EAAE,CAAC,KAAK,EAAE,oBAAoB,GAAG,SAAS,KAAK,IAAI,CAAC;IACjE,OAAO,EAAE,cAAc,CAAC;IACxB,gBAAgB,EAAE,WAAW,CAAC,eAAe,CAAC,CAAC;IAC/C,WAAW,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IACjC,aAAa,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IACnC,gBAAgB,EAAE,CAAC,QAAQ,EAAE,eAAe,KAAK,IAAI,CAAC;IACtD,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,cAAc,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,YAAY,EAAE,OAAO,CAAC;IACtB,gBAAgB,EAAE,MAAM,IAAI,CAAC;IAC7B,WAAW,EAAE,OAAO,CAAC;CACtB;AAED;;mDAEmD;AACnD,wBAAgB,iBAAiB,CAAC,EAChC,UAAU,EACV,OAAO,EACP,eAAe,EACf,KAAK,EACL,aAAa,EACb,OAAO,EACP,gBAAgB,EAChB,WAAW,EACX,aAAa,EACb,gBAAgB,EAChB,YAAY,EACZ,cAAc,EACd,YAAY,EACZ,gBAAgB,EAChB,WAAW,GACZ,EAAE,sBAAsB,+BA8ExB"}

package/dist/data/ai/SessionViewerMenu.js

@@ -25,6 +25,7 @@ const THEME_OPTIONS = [
   { value: "dark", icon: UiMoon, label: "Dark" }
 ];
 function SessionViewerMenu({
+  menuHeader,
   density,
   onDensityChange,
   theme,
@@ -51,6 +52,7 @@ function SessionViewerMenu({
       title: "Session options",
       menuLabel: "Session options",
       menuClassName: "min-w-[12rem] max-h-[70vh] overflow-auto px-1",
+      header: menuHeader,
       children: () => /* @__PURE__ */ jsxs("div", { className: "text-popover-foreground", children: [
         /* @__PURE__ */ jsx(
           SegmentedRow,

package/dist/data/ai/SessionViewerMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"SessionViewerMenu.js","sources":["../../../src/data/ai/SessionViewerMenu.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { cn } from \"../../lib/utils\";\nimport { DropdownMenu } from \"../../overlay/DropdownMenu\";\nimport { Icon, type StaticIconComponent } from \"../Icon\";\nimport {\n  UiCheck,\n  UiDesktop,\n  UiDotsVertical,\n  UiListDashes,\n  UiListFlat,\n  UiMoon,\n  UiResizeVertical,\n  UiRows,\n  UiSun,\n} from \"../../icons\";\nimport { type Density } from \"../../hooks/use-density\";\nimport { getSessionAction } from \"./SessionViewer.model\";\nimport {\n  CATEGORY_ICONS,\n  CATEGORY_LABELS,\n  type SessionCategory,\n  type SessionFilters,\n} from \"./session-categories\";\n\nexport type SessionThemeOverride = \"light\" | \"dark\";\n\ninterface SegmentedOption<T> {\n  value: T | undefined;\n  icon: StaticIconComponent;\n  label: string;\n}\n\nconst DENSITY_OPTIONS: Array<SegmentedOption<Density>> = [\n  { value: undefined, icon: UiResizeVertical, label: \"Use page density\" },\n  { value: \"compact\", icon: UiRows, label: \"Compact\" },\n  { value: \"comfortable\", icon: UiListFlat, label: \"Comfortable\" },\n  { value: \"spacious\", icon: UiListDashes, label: \"Spacious\" },\n];\n\nconst THEME_OPTIONS: Array<SegmentedOption<SessionThemeOverride>> = [\n  { value: undefined, icon: UiDesktop, label: \"Use page theme\" },\n  { value: \"light\", icon: UiSun, label: \"Light\" },\n  { value: \"dark\", icon: UiMoon, label: \"Dark\" },\n];\n\nexport interface SessionViewerMenuProps {\n  density: Density | undefined;\n  onDensityChange: (density: Density | undefined) => void;\n  theme: SessionThemeOverride | undefined;\n  onThemeChange: (theme: SessionThemeOverride | undefined) => void;\n  filters: SessionFilters;\n  hiddenCategories: ReadonlySet<SessionCategory>;\n  hiddenTools: ReadonlySet<string>;\n  hiddenSources: ReadonlySet<string>;\n  onToggleCategory: (category: SessionCategory) => void;\n  onToggleTool: (tool: string) => void;\n  onToggleSource: (source: string) => void;\n  showThinking: boolean;\n  onToggleThinking: () => void;\n  hasThinking: boolean;\n}\n\n/** The SessionViewer's \"3-dot\" menu: density and theme overrides as one-line\n *  segmented icon rows, plus visibility toggles for the captain category /\n *  tool / source facets present in the session. */\nexport function SessionViewerMenu({\n  density,\n  onDensityChange,\n  theme,\n  onThemeChange,\n  filters,\n  hiddenCategories,\n  hiddenTools,\n  hiddenSources,\n  onToggleCategory,\n  onToggleTool,\n  onToggleSource,\n  showThinking,\n  onToggleThinking,\n  hasThinking,\n}: SessionViewerMenuProps) {\n  return (\n    <DropdownMenu\n      icon={UiDotsVertical}\n      hideChevron\n      variant=\"ghost\"\n      size=\"icon\"\n      align=\"right\"\n      title=\"Session options\"\n      menuLabel=\"Session options\"\n      menuClassName=\"min-w-[12rem] max-h-[70vh] overflow-auto px-1\"\n    >\n      {() => (\n        <div className=\"text-popover-foreground\">\n          <SegmentedRow\n            label=\"Density\"\n            options={DENSITY_OPTIONS}\n            value={density}\n            onChange={onDensityChange}\n          />\n          <SegmentedRow\n            label=\"Theme\"\n            options={THEME_OPTIONS}\n            value={theme}\n            onChange={onThemeChange}\n          />\n\n          {filters.categories.length > 0 && (\n            <Section heading=\"Categories\">\n              {filters.categories.map((category) => (\n                <CheckRow\n                  key={category}\n                  label={CATEGORY_LABELS[category]}\n                  icon={CATEGORY_ICONS[category]}\n                  checked={!hiddenCategories.has(category)}\n                  onToggle={() => onToggleCategory(category)}\n                />\n              ))}\n            </Section>\n          )}\n\n          {filters.tools.length > 0 && (\n            <Section heading=\"Tools\">\n              {filters.tools.map((tool) => (\n                <CheckRow\n                  key={tool.key}\n                  label={tool.label}\n                  icon={getSessionAction(tool.key).icon}\n                  checked={!hiddenTools.has(tool.key)}\n                  onToggle={() => onToggleTool(tool.key)}\n                />\n              ))}\n            </Section>\n          )}\n\n          {filters.sources.length > 1 && (\n            <Section heading=\"Source\">\n              {filters.sources.map((source) => (\n                <CheckRow\n                  key={source}\n                  label={source}\n                  checked={!hiddenSources.has(source)}\n                  onToggle={() => onToggleSource(source)}\n                />\n              ))}\n            </Section>\n          )}\n\n          {hasThinking && (\n            <Section>\n              <CheckRow label=\"Reasoning\" checked={showThinking} onToggle={onToggleThinking} />\n            </Section>\n          )}\n        </div>\n      )}\n    </DropdownMenu>\n  );\n}\n\n// One line per setting: a dim label on the left, a bordered segmented group of\n// icon-only radio buttons on the right. Labels ride on aria-label/title so\n// menuitemradio queries (and tooltips) still see \"Compact\", \"Dark\", etc.\nfunction SegmentedRow<T extends string>({\n  label,\n  options,\n  value,\n  onChange,\n}: {\n  label: string;\n  options: Array<SegmentedOption<T>>;\n  value: T | undefined;\n  onChange: (value: T | undefined) => void;\n}) {\n  return (\n    <div className=\"flex items-center justify-between gap-2 px-2 py-1\">\n      <span className=\"text-xs text-muted-foreground\">{label}</span>\n      <div className=\"flex items-center gap-0.5 rounded-md border border-border p-0.5\">\n        {options.map((option) => {\n          const active = value === option.value;\n          return (\n            <button\n              key={option.label}\n              type=\"button\"\n              role=\"menuitemradio\"\n              aria-checked={active}\n              aria-label={option.label}\n              title={option.label}\n              onClick={() => onChange(option.value)}\n              className={cn(\n                \"flex h-5 w-5 items-center justify-center rounded transition-colors focus:outline-none\",\n                active\n                  ? \"bg-accent text-foreground\"\n                  : \"text-muted-foreground hover:text-foreground focus:text-foreground\",\n              )}\n            >\n              <Icon icon={option.icon} className=\"text-xs\" />\n            </button>\n          );\n        })}\n      </div>\n    </div>\n  );\n}\n\nfunction Section({ heading, children }: { heading?: string; children: ReactNode }) {\n  return (\n    <div className=\"mt-1 border-t border-border pt-0.5\">\n      {heading && (\n        <div className=\"px-2 py-1 text-[11px] font-medium text-muted-foreground\">{heading}</div>\n      )}\n      {children}\n    </div>\n  );\n}\n\nconst ROW_CLASS =\n  \"flex w-full items-center gap-2 rounded-md px-2 py-1 text-left text-xs transition-colors hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:outline-none\";\n\nfunction CheckRow({\n  label,\n  checked,\n  onToggle,\n  icon,\n}: {\n  label: string;\n  checked: boolean;\n  onToggle: () => void;\n  icon?: StaticIconComponent;\n}) {\n  return (\n    <button\n      type=\"button\"\n      role=\"menuitemcheckbox\"\n      aria-checked={checked}\n      className={cn(ROW_CLASS, !checked && \"text-muted-foreground\")}\n      onClick={onToggle}\n    >\n      <span\n        aria-hidden\n        className={cn(\n          \"flex h-3.5 w-3.5 shrink-0 items-center justify-center rounded border\",\n          checked ? \"border-primary bg-primary text-primary-foreground\" : \"border-input\",\n        )}\n      >\n        {checked && <Icon icon={UiCheck} className=\"text-[0.6rem]\" />}\n      </span>\n      {icon && <Icon icon={icon} className=\"size-3.5 shrink-0 text-muted-foreground\" />}\n      <span className=\"min-w-0 flex-1 truncate\">{label}</span>\n    </button>\n  );\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"SessionViewerMenu.js","sources":["../../../src/data/ai/SessionViewerMenu.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { cn } from \"../../lib/utils\";\nimport { DropdownMenu } from \"../../overlay/DropdownMenu\";\nimport { Icon, type StaticIconComponent } from \"../Icon\";\nimport {\n  UiCheck,\n  UiDesktop,\n  UiDotsVertical,\n  UiListDashes,\n  UiListFlat,\n  UiMoon,\n  UiResizeVertical,\n  UiRows,\n  UiSun,\n} from \"../../icons\";\nimport { type Density } from \"../../hooks/use-density\";\nimport { getSessionAction } from \"./SessionViewer.model\";\nimport {\n  CATEGORY_ICONS,\n  CATEGORY_LABELS,\n  type SessionCategory,\n  type SessionFilters,\n} from \"./session-categories\";\n\nexport type SessionThemeOverride = \"light\" | \"dark\";\n\ninterface SegmentedOption<T> {\n  value: T | undefined;\n  icon: StaticIconComponent;\n  label: string;\n}\n\nconst DENSITY_OPTIONS: Array<SegmentedOption<Density>> = [\n  { value: undefined, icon: UiResizeVertical, label: \"Use page density\" },\n  { value: \"compact\", icon: UiRows, label: \"Compact\" },\n  { value: \"comfortable\", icon: UiListFlat, label: \"Comfortable\" },\n  { value: \"spacious\", icon: UiListDashes, label: \"Spacious\" },\n];\n\nconst THEME_OPTIONS: Array<SegmentedOption<SessionThemeOverride>> = [\n  { value: undefined, icon: UiDesktop, label: \"Use page theme\" },\n  { value: \"light\", icon: UiSun, label: \"Light\" },\n  { value: \"dark\", icon: UiMoon, label: \"Dark\" },\n];\n\nexport interface SessionViewerMenuProps {\n  menuHeader?: ReactNode;\n  density: Density | undefined;\n  onDensityChange: (density: Density | undefined) => void;\n  theme: SessionThemeOverride | undefined;\n  onThemeChange: (theme: SessionThemeOverride | undefined) => void;\n  filters: SessionFilters;\n  hiddenCategories: ReadonlySet<SessionCategory>;\n  hiddenTools: ReadonlySet<string>;\n  hiddenSources: ReadonlySet<string>;\n  onToggleCategory: (category: SessionCategory) => void;\n  onToggleTool: (tool: string) => void;\n  onToggleSource: (source: string) => void;\n  showThinking: boolean;\n  onToggleThinking: () => void;\n  hasThinking: boolean;\n}\n\n/** The SessionViewer's \"3-dot\" menu: density and theme overrides as one-line\n *  segmented icon rows, plus visibility toggles for the captain category /\n *  tool / source facets present in the session. */\nexport function SessionViewerMenu({\n  menuHeader,\n  density,\n  onDensityChange,\n  theme,\n  onThemeChange,\n  filters,\n  hiddenCategories,\n  hiddenTools,\n  hiddenSources,\n  onToggleCategory,\n  onToggleTool,\n  onToggleSource,\n  showThinking,\n  onToggleThinking,\n  hasThinking,\n}: SessionViewerMenuProps) {\n  return (\n    <DropdownMenu\n      icon={UiDotsVertical}\n      hideChevron\n      variant=\"ghost\"\n      size=\"icon\"\n      align=\"right\"\n      title=\"Session options\"\n      menuLabel=\"Session options\"\n      menuClassName=\"min-w-[12rem] max-h-[70vh] overflow-auto px-1\"\n      header={menuHeader}\n    >\n      {() => (\n        <div className=\"text-popover-foreground\">\n          <SegmentedRow\n            label=\"Density\"\n            options={DENSITY_OPTIONS}\n            value={density}\n            onChange={onDensityChange}\n          />\n          <SegmentedRow\n            label=\"Theme\"\n            options={THEME_OPTIONS}\n            value={theme}\n            onChange={onThemeChange}\n          />\n\n          {filters.categories.length > 0 && (\n            <Section heading=\"Categories\">\n              {filters.categories.map((category) => (\n                <CheckRow\n                  key={category}\n                  label={CATEGORY_LABELS[category]}\n                  icon={CATEGORY_ICONS[category]}\n                  checked={!hiddenCategories.has(category)}\n                  onToggle={() => onToggleCategory(category)}\n                />\n              ))}\n            </Section>\n          )}\n\n          {filters.tools.length > 0 && (\n            <Section heading=\"Tools\">\n              {filters.tools.map((tool) => (\n                <CheckRow\n                  key={tool.key}\n                  label={tool.label}\n                  icon={getSessionAction(tool.key).icon}\n                  checked={!hiddenTools.has(tool.key)}\n                  onToggle={() => onToggleTool(tool.key)}\n                />\n              ))}\n            </Section>\n          )}\n\n          {filters.sources.length > 1 && (\n            <Section heading=\"Source\">\n              {filters.sources.map((source) => (\n                <CheckRow\n                  key={source}\n                  label={source}\n                  checked={!hiddenSources.has(source)}\n                  onToggle={() => onToggleSource(source)}\n                />\n              ))}\n            </Section>\n          )}\n\n          {hasThinking && (\n            <Section>\n              <CheckRow label=\"Reasoning\" checked={showThinking} onToggle={onToggleThinking} />\n            </Section>\n          )}\n        </div>\n      )}\n    </DropdownMenu>\n  );\n}\n\n// One line per setting: a dim label on the left, a bordered segmented group of\n// icon-only radio buttons on the right. Labels ride on aria-label/title so\n// menuitemradio queries (and tooltips) still see \"Compact\", \"Dark\", etc.\nfunction SegmentedRow<T extends string>({\n  label,\n  options,\n  value,\n  onChange,\n}: {\n  label: string;\n  options: Array<SegmentedOption<T>>;\n  value: T | undefined;\n  onChange: (value: T | undefined) => void;\n}) {\n  return (\n    <div className=\"flex items-center justify-between gap-2 px-2 py-1\">\n      <span className=\"text-xs text-muted-foreground\">{label}</span>\n      <div className=\"flex items-center gap-0.5 rounded-md border border-border p-0.5\">\n        {options.map((option) => {\n          const active = value === option.value;\n          return (\n            <button\n              key={option.label}\n              type=\"button\"\n              role=\"menuitemradio\"\n              aria-checked={active}\n              aria-label={option.label}\n              title={option.label}\n              onClick={() => onChange(option.value)}\n              className={cn(\n                \"flex h-5 w-5 items-center justify-center rounded transition-colors focus:outline-none\",\n                active\n                  ? \"bg-accent text-foreground\"\n                  : \"text-muted-foreground hover:text-foreground focus:text-foreground\",\n              )}\n            >\n              <Icon icon={option.icon} className=\"text-xs\" />\n            </button>\n          );\n        })}\n      </div>\n    </div>\n  );\n}\n\nfunction Section({ heading, children }: { heading?: string; children: ReactNode }) {\n  return (\n    <div className=\"mt-1 border-t border-border pt-0.5\">\n      {heading && (\n        <div className=\"px-2 py-1 text-[11px] font-medium text-muted-foreground\">{heading}</div>\n      )}\n      {children}\n    </div>\n  );\n}\n\nconst ROW_CLASS =\n  \"flex w-full items-center gap-2 rounded-md px-2 py-1 text-left text-xs transition-colors hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:outline-none\";\n\nfunction CheckRow({\n  label,\n  checked,\n  onToggle,\n  icon,\n}: {\n  label: string;\n  checked: boolean;\n  onToggle: () => void;\n  icon?: StaticIconComponent;\n}) {\n  return (\n    <button\n      type=\"button\"\n      role=\"menuitemcheckbox\"\n      aria-checked={checked}\n      className={cn(ROW_CLASS, !checked && \"text-muted-foreground\")}\n      onClick={onToggle}\n    >\n      <span\n        aria-hidden\n        className={cn(\n          \"flex h-3.5 w-3.5 shrink-0 items-center justify-center rounded border\",\n          checked ? \"border-primary bg-primary text-primary-foreground\" : \"border-input\",\n        )}\n      >\n        {checked && <Icon icon={UiCheck} className=\"text-[0.6rem]\" />}\n      </span>\n      {icon && <Icon icon={icon} className=\"size-3.5 shrink-0 text-muted-foreground\" />}\n      <span className=\"min-w-0 flex-1 truncate\">{label}</span>\n    </button>\n  );\n}\n"],"names":[],"mappings":"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"}

package/dist/data/ai/SpecRuntimeEditor/ModelSection.cjs

@@ -28,7 +28,8 @@ function ModelSection({
   models,
   families,
   effectiveMode,
-  effectiveModel
+  effectiveModel,
+  hostFields = []
 }) {
   var _a, _b, _c, _d, _e;
   const runtimeFamilies = (families == null ? void 0 : families.length) ? families : runtimeMode.SPEC_RUNTIME_FAMILIES;
@@ -40,7 +41,7 @@ function ModelSection({
   const specMode = runtimeFamily.runtimeModeFromModel(value.model) || ((_a = value.mode) == null ? void 0 : _a.trim()) || (effectiveMode == null ? void 0 : effectiveMode.trim()) || runtimeMode.firstMode(runtimeFamilies[0] ?? runtimeMode.SPEC_RUNTIME_FAMILIES[0]).id;
   const supports = runtimeMode.runtimeModelError(value.model || effectiveModel) ?? runtimeMode.runtimeModeError(runtimeFamilies, specMode, selectedFamily == null ? void 0 : selectedFamily.id) ? runtimeFieldSupport.SUPPORT_ALL_RUNTIME_FIELDS : runtimeFieldSupport.runtimeFieldSupport(runtimeFamilies, specMode, selectedFamily == null ? void 0 : selectedFamily.id);
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid gap-density-2", children: [
-    /* @__PURE__ */ jsxRuntime.jsx(
+    !hostFields.includes("runtime") && /* @__PURE__ */ jsxRuntime.jsx(
       RuntimeBar.RuntimeBar,
       {
         value,
@@ -54,7 +55,7 @@ function ModelSection({
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-2 gap-density-2 md:grid-cols-4", children: [
-      supports("budget.cost") && /* @__PURE__ */ jsxRuntime.jsx(
+      supports("budget.cost") && !hostFields.includes("budget.cost") && /* @__PURE__ */ jsxRuntime.jsx(
         fields.NumberField,
         {
           label: "Max cost (USD)",
@@ -90,7 +91,7 @@ function ModelSection({
           integer: true
         }
       ),
-      /* @__PURE__ */ jsxRuntime.jsx(fields.SpecField, { label: "Timeout", children: /* @__PURE__ */ jsxRuntime.jsx(
+      !hostFields.includes("budget.timeout") && /* @__PURE__ */ jsxRuntime.jsx(fields.SpecField, { label: "Timeout", children: /* @__PURE__ */ jsxRuntime.jsx(
         fields.SpecInput,
         {
           value: (_e = value.budget) == null ? void 0 : _e.timeout,