@flanksource/clicky-ui 0.3.9 → 0.3.11

package/dist/data/ai/SessionViewer.rows.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SessionViewer.rows.js","sources":["../../../src/data/ai/SessionViewer.rows.tsx"],"sourcesContent":["import { useState, type ReactNode } from \"react\";\nimport { cn } from \"../../lib/utils\";\nimport { Icon, type StaticIconComponent } from \"../Icon\";\nimport { CodeBlock } from \"../CodeBlock\";\nimport { CodeDiff } from \"../CodeDiff\";\nimport { Button } from \"../../components/button\";\nimport {\n  UiBrain,\n  UiCancel,\n  UiCheck,\n  UiChevronDown,\n  UiComment,\n  UiSparkles,\n  UiUserCircle,\n  UiWarningTriangle,\n} from \"../../icons\";\nimport { APPROVAL_ICONS } from \"./agent-action-icons\";\nimport {\n  getSessionAction,\n  type SessionEvent,\n  type SessionTone,\n} from \"./SessionViewer.model\";\nimport type { SessionEventGroup } from \"./SessionViewer.grouping\";\nimport {\n  shellCommand,\n  questionsFromToolInput,\n  summarizeToolInput,\n  toolDiff,\n  toolInputParams,\n  type SessionQuestion,\n  type ToolDiff,\n  type ToolParam,\n} from \"./SessionViewer.input\";\nimport type { SessionToolDecision } from \"./SessionViewer\";\n\n// Disc colors per tone. The dark variants key off a `[data-theme=\"dark\"]`\n// ancestor (the document attribute set by ThemeProvider, or the component-level\n// override painted on this viewer's root) rather than Tailwind's `dark:` —\n// which this library compiles to `prefers-color-scheme` and so would ignore the\n// `data-theme` attribute. Written as literal class strings so Tailwind scans them.\nconst DISC_TONE: Record<SessionTone, string> = {\n  sky: \"bg-sky-100 text-sky-700 [[data-theme=dark]_&]:bg-sky-500/15 [[data-theme=dark]_&]:text-sky-300\",\n  amber:\n    \"bg-amber-100 text-amber-700 [[data-theme=dark]_&]:bg-amber-500/15 [[data-theme=dark]_&]:text-amber-300\",\n  violet:\n    \"bg-violet-100 text-violet-700 [[data-theme=dark]_&]:bg-violet-500/15 [[data-theme=dark]_&]:text-violet-300\",\n  emerald:\n    \"bg-emerald-100 text-emerald-700 [[data-theme=dark]_&]:bg-emerald-500/15 [[data-theme=dark]_&]:text-emerald-300\",\n  teal: \"bg-teal-100 text-teal-700 [[data-theme=dark]_&]:bg-teal-500/15 [[data-theme=dark]_&]:text-teal-300\",\n  orange:\n    \"bg-orange-100 text-orange-700 [[data-theme=dark]_&]:bg-orange-500/15 [[data-theme=dark]_&]:text-orange-300\",\n  rose: \"bg-rose-100 text-rose-700 [[data-theme=dark]_&]:bg-rose-500/15 [[data-theme=dark]_&]:text-rose-300\",\n  indigo:\n    \"bg-indigo-100 text-indigo-700 [[data-theme=dark]_&]:bg-indigo-500/15 [[data-theme=dark]_&]:text-indigo-300\",\n  fuchsia:\n    \"bg-fuchsia-100 text-fuchsia-700 [[data-theme=dark]_&]:bg-fuchsia-500/15 [[data-theme=dark]_&]:text-fuchsia-300\",\n  pink: \"bg-pink-100 text-pink-700 [[data-theme=dark]_&]:bg-pink-500/15 [[data-theme=dark]_&]:text-pink-300\",\n  slate: \"bg-muted text-muted-foreground\",\n};\n\nexport function SessionRow({\n  event,\n  last,\n  defaultExpanded,\n  showRowMetadata = false,\n  showRaw = false,\n  onPendingToolDecision,\n}: {\n  event: SessionEvent;\n  last: boolean;\n  defaultExpanded: boolean;\n  showRowMetadata?: boolean;\n  showRaw?: boolean;\n  onPendingToolDecision?: ((decision: SessionToolDecision) => Promise<void> | void) | undefined;\n}) {\n  if (event.kind === \"user\")\n    return <UserRow event={event} showRowMetadata={showRowMetadata} showRaw={showRaw} />;\n\n  const visual = eventVisual(event);\n  return (\n    <li\n      data-event-kind={event.kind}\n      className=\"relative flex gap-density-3 pb-density-4 last:pb-0\"\n    >\n      {!last && (\n        <span\n          aria-hidden\n          className=\"absolute bottom-0 left-[10px] top-[22px] w-px bg-border\"\n        />\n      )}\n      <span\n        className={cn(\n          \"relative z-[1] flex h-[21px] w-[21px] shrink-0 items-center justify-center rounded-full\",\n          DISC_TONE[visual.tone],\n        )}\n      >\n        <Icon icon={visual.icon} className=\"h-3 w-3\" />\n      </span>\n      <div className=\"min-w-0 flex-1 pt-px\">\n        <EventBody\n          event={event}\n          visual={visual}\n          defaultExpanded={defaultExpanded}\n          onPendingToolDecision={onPendingToolDecision}\n        />\n        {showRowMetadata && <EventMetadata event={event} />}\n        {showRaw && event.raw !== undefined && <RawEventBlock raw={event.raw} />}\n      </div>\n    </li>\n  );\n}\n\nexport function WaitGroupRow({\n  group,\n  last,\n  defaultExpanded,\n  showRowMetadata = false,\n  showRaw = false,\n  onPendingToolDecision,\n}: {\n  group: SessionEventGroup;\n  last: boolean;\n  defaultExpanded: boolean;\n  showRowMetadata?: boolean;\n  showRaw?: boolean;\n  onPendingToolDecision?: ((decision: SessionToolDecision) => Promise<void> | void) | undefined;\n}) {\n  const [open, setOpen] = useState(false);\n  const visual = getSessionAction(\"Wait\");\n  const first = group.representative;\n  const final = group.events[group.events.length - 1] ?? first;\n  const label = `Wait × ${group.count}`;\n  const metadataEvent = { ...first };\n  delete metadataEvent.timestamp;\n  delete metadataEvent.toolState;\n  delete metadataEvent.approval;\n  metadataEvent.pending = false;\n  const timestampLabel = formatEventRange(first.timestamp, final.timestamp);\n\n  return (\n    <li\n      data-event-kind=\"tool\"\n      data-event-group=\"wait\"\n      className=\"relative flex gap-density-3 pb-density-4 last:pb-0\"\n    >\n      {!last && (\n        <span\n          aria-hidden\n          className=\"absolute bottom-0 left-[10px] top-[22px] w-px bg-border\"\n        />\n      )}\n      <span\n        className={cn(\n          \"relative z-[1] flex h-[21px] w-[21px] shrink-0 items-center justify-center rounded-full\",\n          DISC_TONE[visual.tone],\n        )}\n      >\n        <Icon icon={visual.icon} className=\"h-3 w-3\" />\n      </span>\n      <div className=\"min-w-0 flex-1 pt-px\">\n        <button\n          type=\"button\"\n          aria-expanded={open}\n          aria-label={`${open ? \"Collapse\" : \"Expand\"} ${label}`}\n          onClick={() => setOpen((value) => !value)}\n          className=\"flex w-full items-center gap-1.5 text-left hover:text-foreground\"\n        >\n          <span className=\"font-medium text-foreground\">{label}</span>\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        {showRowMetadata && (\n          <EventMetadata\n            event={metadataEvent}\n            {...(timestampLabel ? { timestampLabel } : {})}\n          />\n        )}\n        {open && (\n          <ol className=\"relative mt-density-3 border-l border-border pl-density-3\">\n            {group.events.map((event, index) => (\n              <SessionRow\n                key={event.id}\n                event={event}\n                last={index === group.events.length - 1}\n                defaultExpanded={defaultExpanded}\n                showRowMetadata={showRowMetadata}\n                showRaw={showRaw}\n                onPendingToolDecision={onPendingToolDecision}\n              />\n            ))}\n          </ol>\n        )}\n      </div>\n    </li>\n  );\n}\n\n// User prompts and selections sit on the right, like a chat composer turn.\nfunction UserRow({\n  event,\n  showRowMetadata,\n  showRaw,\n}: {\n  event: SessionEvent;\n  showRowMetadata: boolean;\n  showRaw: boolean;\n}) {\n  return (\n    <li\n      data-event-kind=\"user\"\n      className=\"relative flex justify-end pb-density-4 last:pb-0\"\n    >\n      <div className=\"flex max-w-[85%] items-start gap-density-3\">\n        <div className=\"min-w-0\">\n          <div className=\"mb-0.5 text-right text-xs font-medium text-muted-foreground\">\n            You\n          </div>\n          <div className=\"whitespace-pre-wrap break-words rounded-lg bg-accent px-density-3 py-density-2 text-right text-base font-medium leading-relaxed text-accent-foreground\">\n            {event.text}\n          </div>\n          {showRowMetadata && <EventMetadata event={event} align=\"right\" />}\n          {showRaw && event.raw !== undefined && <RawEventBlock raw={event.raw} align=\"right\" />}\n        </div>\n        <span\n          className={cn(\n            \"relative z-[1] flex h-[21px] w-[21px] shrink-0 items-center justify-center rounded-full\",\n            DISC_TONE.slate,\n          )}\n        >\n          <Icon icon={UiUserCircle} className=\"h-3 w-3\" />\n        </span>\n      </div>\n    </li>\n  );\n}\n\nfunction EventMetadata({\n  event,\n  align = \"left\",\n  timestampLabel,\n}: {\n  event: SessionEvent;\n  align?: \"left\" | \"right\";\n  timestampLabel?: string;\n}) {\n  const parts = [\n    timestampLabel ?? (event.timestamp ? formatEventTime(event.timestamp) : \"\"),\n    event.source,\n    event.model,\n    event.reasoningEffort,\n    event.turnId ? `turn ${event.turnId}` : \"\",\n    event.agentId ? `agent ${event.agentId}` : \"\",\n    event.toolState,\n    approvalLabel(event),\n  ].filter(Boolean);\n  if (parts.length === 0) return null;\n  return (\n    <div\n      className={cn(\n        \"mt-1 flex flex-wrap gap-x-2 gap-y-0.5 text-[11px] text-muted-foreground\",\n        align === \"right\" && \"justify-end text-right\",\n      )}\n    >\n      {parts.map((part, index) => (\n        <span key={`${part}-${index}`} className=\"min-w-0 truncate\">\n          {part}\n        </span>\n      ))}\n    </div>\n  );\n}\n\nfunction approvalLabel(event: SessionEvent) {\n  if (event.approval?.approved === true) return \"approved\";\n  if (event.approval?.approved === false) {\n    return event.approval.reason ? `denied: ${event.approval.reason}` : \"denied\";\n  }\n  if (event.pending) return \"approval pending\";\n  if (event.toolState === \"output-denied\") return \"denied\";\n  return \"\";\n}\n\nfunction approvalStatus(\n  event: SessionEvent,\n): { label: string; className: string; icon: StaticIconComponent } | null {\n  if (event.approval?.approved === true) {\n    return {\n      label: \"Approved\",\n      icon: APPROVAL_ICONS.approved.icon,\n      className:\n        \"border-emerald-500/30 bg-emerald-500/10 text-emerald-700 [[data-theme=dark]_&]:text-emerald-300\",\n    };\n  }\n  if (event.approval?.approved === false || event.toolState === \"output-denied\") {\n    const reason = event.approval?.reason ? `: ${event.approval.reason}` : \"\";\n    return {\n      label: `Denied${reason}`,\n      icon: APPROVAL_ICONS.denied.icon,\n      className:\n        \"border-rose-500/30 bg-rose-500/10 text-rose-700 [[data-theme=dark]_&]:text-rose-300\",\n    };\n  }\n  if (event.pending) {\n    return {\n      label: \"Awaiting approval\",\n      icon: APPROVAL_ICONS.pending.icon,\n      className:\n        \"border-amber-500/30 bg-amber-500/10 text-amber-700 [[data-theme=dark]_&]:text-amber-300\",\n    };\n  }\n  if (event.toolState === \"approval-responded\") {\n    return {\n      label: \"Approval answered\",\n      icon: APPROVAL_ICONS.question.icon,\n      className:\n        \"border-sky-500/30 bg-sky-500/10 text-sky-700 [[data-theme=dark]_&]:text-sky-300\",\n    };\n  }\n  return null;\n}\n\nfunction ApprovalBadge({ event }: { event: SessionEvent }) {\n  const status = approvalStatus(event);\n  if (!status) return null;\n  return (\n    <span\n      className={cn(\n        \"inline-flex shrink-0 items-center gap-1 rounded border px-1.5 py-0.5 text-[10px] font-medium\",\n        status.className,\n      )}\n    >\n      <Icon icon={status.icon} className=\"size-3\" />\n      {status.label}\n    </span>\n  );\n}\n\nfunction formatEventTime(value: string) {\n  const date = new Date(value);\n  if (Number.isNaN(date.getTime())) return value;\n  return date.toLocaleString();\n}\n\nfunction formatEventRange(start: string | undefined, end: string | undefined) {\n  if (!start) return end ? formatEventTime(end) : undefined;\n  if (!end || end === start) return formatEventTime(start);\n  return `${formatEventTime(start)} – ${formatEventTime(end)}`;\n}\n\nfunction RawEventBlock({ raw, align = \"left\" }: { raw: unknown; align?: \"left\" | \"right\" }) {\n  const source = rawToSource(raw);\n  return (\n    <details className={cn(\"mt-1.5 text-left\", align === \"right\" && \"ml-auto max-w-full\")}>\n      <summary className=\"cursor-pointer text-[11px] text-muted-foreground hover:text-foreground\">\n        Raw\n      </summary>\n      <div className=\"mt-1\">\n        <CodeBlock language=\"json\" source={source} jsonDefaultOpenDepth={1} />\n      </div>\n    </details>\n  );\n}\n\nfunction rawToSource(raw: unknown) {\n  if (typeof raw === \"string\") {\n    try {\n      return JSON.stringify(JSON.parse(raw), null, 2);\n    } catch {\n      return raw;\n    }\n  }\n  try {\n    return JSON.stringify(raw, null, 2);\n  } catch {\n    return String(raw);\n  }\n}\n\ninterface EventVisual {\n  icon: StaticIconComponent;\n  tone: SessionTone;\n  label: string;\n  summaryOnly: boolean;\n}\n\nfunction eventVisual(event: SessionEvent): EventVisual {\n  switch (event.kind) {\n    case \"tool\": {\n      const action = getSessionAction(event.tool ?? \"\");\n      return {\n        icon: action.icon,\n        tone: action.tone,\n        label: action.label,\n        summaryOnly: action.summaryOnly ?? false,\n      };\n    }\n    case \"user\":\n      return {\n        icon: UiUserCircle,\n        tone: \"slate\",\n        label: \"User\",\n        summaryOnly: false,\n      };\n    case \"system\":\n      return {\n        icon: UiSparkles,\n        tone: \"slate\",\n        label: \"System\",\n        summaryOnly: false,\n      };\n    case \"assistant\":\n      return {\n        icon: UiSparkles,\n        tone: \"indigo\",\n        label: \"Assistant\",\n        summaryOnly: false,\n      };\n    case \"thinking\":\n      return {\n        icon: UiBrain,\n        tone: \"slate\",\n        label: \"Thinking\",\n        summaryOnly: false,\n      };\n    case \"error\":\n      return {\n        icon: UiWarningTriangle,\n        tone: \"rose\",\n        label: \"Error\",\n        summaryOnly: false,\n      };\n  }\n}\n\nfunction EventBody({\n  event,\n  visual,\n  defaultExpanded,\n  onPendingToolDecision,\n}: {\n  event: SessionEvent;\n  visual: EventVisual;\n  defaultExpanded: boolean;\n  onPendingToolDecision?: ((decision: SessionToolDecision) => Promise<void> | void) | undefined;\n}) {\n  if (event.kind === \"tool\")\n    return (\n      <ToolBody\n        event={event}\n        visual={visual}\n        defaultExpanded={defaultExpanded}\n        onPendingToolDecision={onPendingToolDecision}\n      />\n    );\n  if (event.kind === \"thinking\") return <ThinkingBody event={event} />;\n  if (event.kind === \"error\") return <ErrorBody event={event} />;\n  if (event.kind === \"system\") return <SystemBody event={event} />;\n  return <MessageBody event={event} />;\n}\n\nfunction ToolBody({\n  event,\n  visual,\n  defaultExpanded,\n  onPendingToolDecision,\n}: {\n  event: SessionEvent;\n  visual: EventVisual;\n  defaultExpanded: boolean;\n  onPendingToolDecision?: ((decision: SessionToolDecision) => Promise<void> | void) | 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 <QuestionToolBody event={event} visual={visual} onDecision={onPendingToolDecision} />;\n  }\n\n  // Shell rows inline the full command as a bash block — no \"Run command\"\n  // label, no tool-input JSON. Only the response stays behind the chevron.\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 event={event} onDecision={onPendingToolDecision} />\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  // summaryOnly rows (file ops) read as their path alone — the icon carries the\n  // verb. Remaining input keys follow as JetBrains-style inline param hints;\n  // write-type rows carry a +/- diff stat.\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 event={event} onDecision={onPendingToolDecision} />\n      )}\n    </div>\n  );\n}\n\nfunction QuestionToolBody({\n  event,\n  visual,\n  onDecision,\n}: {\n  event: SessionEvent;\n  visual: EventVisual;\n  onDecision?: ((decision: SessionToolDecision) => Promise<void> | void) | undefined;\n}) {\n  const questions = questionsFromToolInput(event.toolInput);\n  const summary = summarizeToolInput(event.tool ?? \"\", event.toolInput, event.cwd);\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\">{visual.label}</span>\n        <ApprovalBadge event={event} />\n        {summary && questions.length !== 1 && (\n          <span className=\"min-w-0 truncate text-xs text-muted-foreground\">{summary}</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 key={`${question.id}-${index}`} question={question} index={index} />\n          ))\n        ) : event.toolInput ? (\n          <DetailBlock language=\"json\" source={JSON.stringify(event.toolInput, null, 2)} />\n        ) : null}\n        {event.toolResponse !== undefined && (\n          <div className=\"space-y-1\">\n            <div className=\"text-[11px] font-medium uppercase text-muted-foreground\">Answer</div>\n            <ResponseBlock response={event.toolResponse} />\n          </div>\n        )}\n        {event.pending && onDecision && (\n          <QuestionDecisionControls event={event} questions={questions} onDecision={onDecision} />\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 { await onDecision({ event, allow, ...(message ? { message } : {}) }); }\n    catch (cause) { setError(cause instanceof Error ? cause.message : String(cause)); }\n    finally { setBusy(false); }\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 aria-label=\"Decision comment\" value={comment} onChange={(e) => setComment(e.target.value)} placeholder=\"Optional rejection feedback\" className=\"min-h-16 w-full rounded-md border border-input bg-background px-2 py-1.5 text-sm\" />\n      <div className=\"flex flex-wrap gap-2\">\n        <Button size=\"sm\" loading={busy} onClick={() => decide(true)}><Icon icon={UiCheck} />Allow</Button>\n        <Button size=\"sm\" variant=\"outline\" disabled={busy} onClick={() => decide(false)}><Icon icon={UiCancel} />Reject</Button>\n        <Button size=\"sm\" variant=\"outline\" disabled={busy || !comment.trim()} onClick={() => decide(false, comment.trim())}><Icon icon={UiComment} />Reject with comment</Button>\n      </div>\n      {error && <div role=\"alert\" className=\"text-xs text-rose-600\">{error}</div>}\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); setError(\"\");\n    const submittedAnswers = Object.fromEntries(Object.entries(answers).map(([question, answer]) => {\n      const detail = details[question]?.trim();\n      if (!detail) return [question, answer];\n      return [question, Array.isArray(answer)\n        ? [...answer, `Additional details: ${detail}`]\n        : `${answer}\\nAdditional details: ${detail}`];\n    }));\n    try { await onDecision({ event, allow, answers: submittedAnswers, ...(message ? { message } : {}) }); }\n    catch (cause) { setError(cause instanceof Error ? cause.message : String(cause)); }\n    finally { setBusy(false); }\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\">{question.text}</legend>\n          {question.options.map((option) => question.multiSelect ? (\n            <label key={option.value} className=\"flex items-start gap-2 text-sm\">\n              <input type=\"checkbox\" checked={Array.isArray(answers[question.text]) && (answers[question.text] as string[]).includes(option.value)} onChange={(e) => setAnswers((current) => { const selected = Array.isArray(current[question.text]) ? current[question.text] as string[] : []; return { ...current, [question.text]: e.target.checked ? [...selected, option.value] : selected.filter((value) => value !== option.value) }; })} />\n              <span>{option.label}{option.description && <span className=\"ml-1 text-muted-foreground\">{option.description}</span>}</span>\n            </label>\n          ) : (\n            <label key={option.value} className=\"flex items-start gap-2 text-sm\">\n              <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 }))} />\n              <span>{option.label}{option.description && <span className=\"ml-1 text-muted-foreground\">{option.description}</span>}</span>\n            </label>\n          ))}\n          <textarea\n            aria-label={`${question.text} additional details`}\n            value={question.options.length ? details[question.text] ?? \"\" : typeof answers[question.text] === \"string\" ? answers[question.text] as string : \"\"}\n            onChange={(e) => question.options.length\n              ? setDetails((current) => ({ ...current, [question.text]: e.target.value }))\n              : setAnswers((current) => ({ ...current, [question.text]: e.target.value }))}\n            placeholder={question.options.length ? \"Additional details\" : \"Your answer\"}\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 aria-label=\"Rejection comment\" value={comment} onChange={(e) => setComment(e.target.value)} placeholder=\"Optional rejection feedback\" className=\"min-h-16 w-full rounded-md border border-input bg-background px-2 py-1.5 text-sm\" />\n      <div className=\"flex flex-wrap gap-2\">\n        <Button size=\"sm\" loading={busy} onClick={() => decide(true)}><Icon icon={UiCheck} />Send answer</Button>\n        <Button size=\"sm\" variant=\"outline\" disabled={busy} onClick={() => decide(false)}><Icon icon={UiCancel} />Reject</Button>\n        <Button size=\"sm\" variant=\"outline\" disabled={busy || !comment.trim()} onClick={() => decide(false, comment.trim())}><Icon icon={UiComment} />Reject with comment</Button>\n      </div>\n      {error && <div role=\"alert\" className=\"text-xs text-rose-600\">{error}</div>}\n    </div>\n  );\n}\n\nfunction QuestionCard({ question, index }: { question: SessionQuestion; index: number }) {\n  const label = question.context || (question.id ? `Question ${question.id}` : `Question ${index + 1}`);\n  return (\n    <div className=\"rounded-md border border-sky-500/20 bg-sky-500/5 px-density-3 py-density-2\">\n      <div className=\"text-[11px] font-medium uppercase text-muted-foreground\">{label}</div>\n      <div className=\"mt-0.5 whitespace-pre-wrap break-words text-sm text-foreground\">{question.text}</div>\n      {question.options.length > 0 && (\n        <div className=\"mt-1.5 flex flex-wrap gap-1\">\n          {question.options.map((option) => (\n            <span\n              key={option.value}\n              className=\"rounded border border-border bg-background px-1.5 py-0.5 text-[11px] text-muted-foreground\"\n            >\n              <span className=\"font-medium text-foreground\">{option.label}</span>\n              {option.description && <span className=\"ml-1\">{option.description}</span>}\n            </span>\n          ))}\n        </div>\n      )}\n    </div>\n  );\n}\n\n// A single truncating line of `name: value` hints — the container clips with an\n// ellipsis instead of wrapping, and each value is already truncated by the model.\nfunction InlineParams({ params }: { params: ToolParam[] }) {\n  return (\n    <span className=\"min-w-0 flex-1 truncate font-mono text-xs\">\n      {params.map((param) => (\n        <span key={param.name} className=\"[&:not(:first-child)]:ml-2\">\n          <span className=\"text-muted-foreground/70\">{param.name}: </span>\n          <span className=\"text-muted-foreground\">{param.value}</span>\n        </span>\n      ))}\n    </span>\n  );\n}\n\n// Language-aware line diff for write-type tools: each edit renders as a\n// `CodeDiff` (real LCS + Shiki highlighting) with git-style add/remove gutters\n// whose tints track the theme tokens.\nfunction DiffBlock({ diff }: { diff: ToolDiff }) {\n  return (\n    <div className=\"space-y-1.5\">\n      {diff.segments.map((segment, index) => (\n        <CodeDiff\n          key={index}\n          bare\n          showLineNumbers={false}\n          original={segment.original}\n          modified={segment.modified}\n          {...(diff.language ? { language: diff.language } : {})}\n        />\n      ))}\n    </div>\n  );\n}\n\nfunction ResponseBlock({ response }: { response: string }) {\n  const trimmed = response.trim();\n  const isJson = trimmed.startsWith(\"{\") || trimmed.startsWith(\"[\");\n  return <DetailBlock language={isJson ? \"json\" : \"text\"} source={response} />;\n}\n\nfunction DetailBlock({\n  language,\n  source,\n}: {\n  language: string;\n  source: string;\n}): ReactNode {\n  return (\n    <div className=\"overflow-x-auto text-xs\">\n      <CodeBlock bare language={language} source={source} />\n    </div>\n  );\n}\n\nfunction MessageBody({ event }: { event: SessionEvent }) {\n  return (\n    <div className=\"whitespace-pre-wrap break-words text-base font-medium leading-relaxed text-foreground\">\n      {event.text}\n    </div>\n  );\n}\n\nfunction SystemBody({ event }: { event: SessionEvent }) {\n  const [open, setOpen] = useState(false);\n  const preview = event.text?.split(\"\\n\", 1)[0] ?? \"System instructions\";\n  return (\n    <div className=\"not-prose text-xs text-muted-foreground\">\n      <button\n        type=\"button\"\n        aria-expanded={open}\n        onClick={() => setOpen((value) => !value)}\n        className=\"flex w-full items-start gap-1.5 text-left hover:text-foreground\"\n      >\n        <span className=\"shrink-0 font-medium text-foreground\">System</span>\n        <span className=\"min-w-0 flex-1 truncate\">{preview}</span>\n        <Icon\n          icon={UiChevronDown}\n          className={cn(\"mt-0.5 size-3 shrink-0 transition-transform\", open && \"rotate-180\")}\n        />\n      </button>\n      {open && (\n        <div className=\"mt-1.5 whitespace-pre-wrap break-words rounded-md border border-border bg-muted/40 px-density-3 py-density-2 leading-relaxed\">\n          {event.text}\n        </div>\n      )}\n    </div>\n  );\n}\n\n// Reasoning shows its text directly — truncated to one line, click to expand.\nfunction ThinkingBody({ event }: { event: SessionEvent }) {\n  const [open, setOpen] = useState(false);\n  return (\n    <div className=\"not-prose\">\n      <button\n        type=\"button\"\n        aria-expanded={open}\n        onClick={() => setOpen((value) => !value)}\n        className=\"flex w-full items-start gap-1.5 text-left text-xs italic leading-relaxed text-muted-foreground hover:text-foreground\"\n      >\n        <span\n          className={cn(\n            \"min-w-0 flex-1\",\n            open ? \"whitespace-pre-wrap break-words\" : \"truncate\",\n          )}\n        >\n          {event.text}\n        </span>\n        <Icon\n          icon={UiChevronDown}\n          className={cn(\n            \"mt-0.5 size-3 shrink-0 transition-transform\",\n            open && \"rotate-180\",\n          )}\n        />\n      </button>\n    </div>\n  );\n}\n\nfunction ErrorBody({ event }: { event: SessionEvent }) {\n  return (\n    <div className=\"rounded-md border border-rose-200 bg-rose-50 px-density-3 py-1.5 text-xs text-rose-700 [[data-theme=dark]_&]:border-rose-500/30 [[data-theme=dark]_&]:bg-rose-500/10 [[data-theme=dark]_&]:text-rose-300\">\n      {event.text}\n    </div>\n  );\n}\n"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,193 @@
+/** Transcript fields the AI SDK part shape lacks; rides on a message. */
+export interface SessionProvenance {
+    timestamp?: string;
+    cwd?: string;
+    /** "claude" or "codex". */
+    source?: string;
+    model?: string;
+    reasoningEffort?: string;
+    gitBranch?: string;
+    uuid?: string;
+    parentUuid?: string;
+    sessionId?: string;
+    agentId?: string;
+    /** Set on a synthetic assistant message written when an API request failed. */
+    apiErrorStatus?: number;
+}
+/** One content block of a Message (AI SDK v6 UIPart + tool fields). */
+export interface SessionUIPart {
+    /** "text" | "reasoning" | "file" | "dynamic-tool" | "tool-<name>". */
+    type: string;
+    text?: string;
+    mediaType?: string;
+    url?: string;
+    filename?: string;
+    toolName?: string;
+    toolCallId?: string;
+    state?: string;
+    /** Already-parsed JSON (the server embeds it, not a string). */
+    input?: unknown;
+    output?: unknown;
+    approval?: SessionApproval;
+    pending?: boolean;
+}
+/** One message in a session (AI SDK v6 UIMessage + provenance). */
+export interface SessionUIMessage {
+    id?: string;
+    role: string;
+    parts: SessionUIPart[];
+    turnId?: string;
+    provenance?: SessionProvenance;
+    raw?: unknown;
+}
+export interface SessionApproval {
+    id: string;
+    pending?: boolean;
+    approved?: boolean;
+    reason?: string;
+}
+export interface SessionGitState {
+    branch?: string;
+    commit?: string;
+    worktree?: string;
+    diff?: string;
+}
+export interface SessionUsage {
+    inputTokens?: number;
+    outputTokens?: number;
+    reasoningTokens?: number;
+    cacheReadTokens?: number;
+    cacheWriteTokens?: number;
+    totalTokens?: number;
+}
+export interface SessionCost extends SessionUsage {
+    model?: string;
+    inputCost?: number;
+    outputCost?: number;
+    reasoningCost?: number;
+    cacheReadCost?: number;
+    cacheWriteCost?: number;
+}
+export interface SessionContext {
+    usedTokens?: number;
+    windowTokens?: number;
+    freePercent: number;
+}
+export interface SessionBudget {
+    used?: number;
+    total?: number;
+    remaining?: number;
+    updatedAt?: string;
+}
+export interface SessionCapabilities {
+    tools?: string[];
+    pendingMcpServers?: string[];
+    agents?: string[];
+    skills?: string[];
+}
+export interface SessionMetadataEvent {
+    type: string;
+    scope?: string;
+    turnId?: string;
+    timestamp?: string;
+    uuid?: string;
+    data?: Record<string, unknown>;
+}
+export interface SessionTurn {
+    id: string;
+    index: number;
+    startedAt?: string;
+    endedAt?: string;
+    stopReason?: string;
+    model?: string;
+    messageIds?: string[];
+    usage?: Record<string, unknown>;
+    cost?: Record<string, unknown>;
+    context?: SessionContext;
+    budget?: SessionBudget;
+    events?: SessionMetadataEvent[];
+}
+export interface SessionAgent {
+    id?: string;
+    parentId?: string;
+    type?: string;
+    desc?: string;
+    isRoot?: boolean;
+    historyFile?: string;
+    children?: SessionAgent[];
+    usage?: SessionUsage;
+    cost?: SessionCost;
+}
+export interface SessionChangedFiles {
+    read?: string[];
+    written?: string[];
+}
+export interface SessionPlanEvent {
+    kind: "enter" | "exit" | "write" | "denied" | string;
+    timestamp?: string;
+    reason?: string;
+}
+export interface SessionPlan {
+    path?: string;
+    slug?: string;
+    content?: string;
+    explicit?: boolean;
+    events?: SessionPlanEvent[];
+}
+export interface SessionDenial {
+    toolUseId?: string;
+    tool?: string;
+    reason?: string;
+}
+export interface SessionApprovalStats {
+    approved?: number;
+    denied?: number;
+    denials?: SessionDenial[];
+}
+export interface SessionHealth {
+    kind: string;
+    severity: string;
+    message: string;
+}
+export interface SessionLiveProcess {
+    pid?: number;
+    status?: string;
+    active: boolean;
+    cpuPercent?: number;
+    memoryPercent?: number;
+    startedAt?: string;
+    cwd?: string;
+    command?: string;
+}
+export interface UnifiedSessionInput {
+    id?: string;
+    source?: string;
+    project?: string;
+    cwd?: string;
+    slug?: string;
+    version?: string;
+    provider?: string;
+    model?: string;
+    historyFile?: string;
+    git?: SessionGitState;
+    startedAt?: string;
+    endedAt?: string;
+    usage?: SessionUsage;
+    cost?: SessionCost;
+    toolCosts?: SessionCost[];
+    messages?: SessionUIMessage[];
+    turns?: SessionTurn[];
+    capabilities?: SessionCapabilities;
+    budget?: SessionBudget;
+    context?: SessionContext;
+    events?: SessionMetadataEvent[];
+    root?: SessionAgent;
+    agents?: SessionAgent[];
+    files?: SessionChangedFiles;
+    plan?: SessionPlan;
+    approvals?: SessionApprovalStats;
+    health?: SessionHealth[];
+    live?: SessionLiveProcess;
+    prompt?: unknown;
+}
+//# sourceMappingURL=SessionViewer.unified.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SessionViewer.unified.d.ts","sourceRoot":"","sources":["../../../src/data/ai/SessionViewer.unified.ts"],"names":[],"mappings":"AAOA,yEAAyE;AACzE,MAAM,WAAW,iBAAiB;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,2BAA2B;IAC3B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,+EAA+E;IAC/E,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,uEAAuE;AACvE,MAAM,WAAW,aAAa;IAC5B,sEAAsE;IACtE,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,gEAAgE;IAChE,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,eAAe,CAAC;IAC3B,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,mEAAmE;AACnE,MAAM,WAAW,gBAAgB;IAC/B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,aAAa,EAAE,CAAC;IACvB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,iBAAiB,CAAC;IAC/B,GAAG,CAAC,EAAE,OAAO,CAAC;CACf;AAED,MAAM,WAAW,eAAe;IAC9B,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,eAAe;IAC9B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,YAAY;IAC3B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,WAAY,SAAQ,YAAY;IAC/C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,MAAM,WAAW,cAAc;IAC7B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,aAAa;IAC5B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,mBAAmB;IAClC,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IACjB,iBAAiB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC7B,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;CACnB;AAED,MAAM,WAAW,oBAAoB;IACnC,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CAChC;AAED,MAAM,WAAW,WAAW;IAC1B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,EAAE,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAChC,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC/B,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB,MAAM,CAAC,EAAE,oBAAoB,EAAE,CAAC;CACjC;AAED,MAAM,WAAW,YAAY;IAC3B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,YAAY,EAAE,CAAC;IAC1B,KAAK,CAAC,EAAE,YAAY,CAAC;IACrB,IAAI,CAAC,EAAE,WAAW,CAAC;CACpB;AAED,MAAM,WAAW,mBAAmB;IAClC,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;CACpB;AAED,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;IACrD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,WAAW;IAC1B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,gBAAgB,EAAE,CAAC;CAC7B;AAED,MAAM,WAAW,aAAa;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,oBAAoB;IACnC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,aAAa,EAAE,CAAC;CAC3B;AAED,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,kBAAkB;IACjC,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,OAAO,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,mBAAmB;IAClC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,GAAG,CAAC,EAAE,eAAe,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,YAAY,CAAC;IACrB,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,SAAS,CAAC,EAAE,WAAW,EAAE,CAAC;IAC1B,QAAQ,CAAC,EAAE,gBAAgB,EAAE,CAAC;IAC9B,KAAK,CAAC,EAAE,WAAW,EAAE,CAAC;IACtB,YAAY,CAAC,EAAE,mBAAmB,CAAC;IACnC,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,MAAM,CAAC,EAAE,oBAAoB,EAAE,CAAC;IAChC,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,MAAM,CAAC,EAAE,YAAY,EAAE,CAAC;IACxB,KAAK,CAAC,EAAE,mBAAmB,CAAC;IAC5B,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,SAAS,CAAC,EAAE,oBAAoB,CAAC;IACjC,MAAM,CAAC,EAAE,aAAa,EAAE,CAAC;IACzB,IAAI,CAAC,EAAE,kBAAkB,CAAC;IAC1B,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB"}

package/dist/data/ai/SessionViewerMenu.cjs

@@ -4,6 +4,7 @@ const jsxRuntime = require("react/jsx-runtime");
 const utils = require("../../lib/utils.cjs");
 const DropdownMenu = require("../../overlay/DropdownMenu.cjs");
 const Icon = require("../Icon.cjs");
+const SessionViewer_model = require("./SessionViewer.model.cjs");
 const sessionCategories = require("./session-categories.cjs");
 const UiDotsVertical = require("../../icons/components/UiDotsVertical.cjs");
 const UiResizeVertical = require("../../icons/components/UiResizeVertical.cjs");
@@ -15,11 +16,13 @@ const UiSun = require("../../icons/components/UiSun.cjs");
 const UiMoon = require("../../icons/components/UiMoon.cjs");
 const UiCheck = require("../../icons/components/UiCheck.cjs");
 const DENSITY_OPTIONS = [
+  { value: void 0, icon: UiResizeVertical.UiResizeVertical, label: "Use page density" },
   { value: "compact", icon: UiRows.UiRows, label: "Compact" },
   { value: "comfortable", icon: UiListFlat.UiListFlat, label: "Comfortable" },
   { value: "spacious", icon: UiListDashes.UiListDashes, label: "Spacious" }
 ];
 const THEME_OPTIONS = [
+  { value: void 0, icon: UiDesktop.UiDesktop, label: "Use page theme" },
   { value: "light", icon: UiSun.UiSun, label: "Light" },
   { value: "dark", icon: UiMoon.UiMoon, label: "Dark" }
 ];
@@ -49,53 +52,31 @@ function SessionViewerMenu({
       align: "right",
       title: "Session options",
       menuLabel: "Session options",
-      menuClassName: "min-w-[14rem] max-h-[70vh] overflow-auto px-1",
+      menuClassName: "min-w-[12rem] max-h-[70vh] overflow-auto px-1",
       children: () => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-popover-foreground", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(MenuHeading, { children: "Density" }),
         /* @__PURE__ */ jsxRuntime.jsx(
-          RadioRow,
+          SegmentedRow,
           {
-            icon: UiResizeVertical.UiResizeVertical,
-            label: "Use page density",
-            active: density === void 0,
-            onSelect: () => onDensityChange(void 0)
+            label: "Density",
+            options: DENSITY_OPTIONS,
+            value: density,
+            onChange: onDensityChange
           }
         ),
-        DENSITY_OPTIONS.map((option) => /* @__PURE__ */ jsxRuntime.jsx(
-          RadioRow,
+        /* @__PURE__ */ jsxRuntime.jsx(
+          SegmentedRow,
           {
-            icon: option.icon,
-            label: option.label,
-            active: density === option.value,
-            onSelect: () => onDensityChange(option.value)
-          },
-          option.value
-        )),
-        /* @__PURE__ */ jsxRuntime.jsxs(Section, { heading: "Theme", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(
-            RadioRow,
-            {
-              icon: UiDesktop.UiDesktop,
-              label: "Use page theme",
-              active: theme === void 0,
-              onSelect: () => onThemeChange(void 0)
-            }
-          ),
-          THEME_OPTIONS.map((option) => /* @__PURE__ */ jsxRuntime.jsx(
-            RadioRow,
-            {
-              icon: option.icon,
-              label: option.label,
-              active: theme === option.value,
-              onSelect: () => onThemeChange(option.value)
-            },
-            option.value
-          ))
-        ] }),
+            label: "Theme",
+            options: THEME_OPTIONS,
+            value: theme,
+            onChange: onThemeChange
+          }
+        ),
         filters.categories.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(Section, { heading: "Categories", children: filters.categories.map((category) => /* @__PURE__ */ jsxRuntime.jsx(
           CheckRow,
           {
             label: sessionCategories.CATEGORY_LABELS[category],
+            icon: sessionCategories.CATEGORY_ICONS[category],
             checked: !hiddenCategories.has(category),
             onToggle: () => onToggleCategory(category)
           },
@@ -105,6 +86,7 @@ function SessionViewerMenu({
           CheckRow,
           {
             label: tool.label,
+            icon: SessionViewer_model.getSessionAction(tool.key).icon,
             checked: !hiddenTools.has(tool.key),
             onToggle: () => onToggleTool(tool.key)
           },
@@ -119,47 +101,53 @@ function SessionViewerMenu({
           },
           source
         )) }),
-        hasThinking && /* @__PURE__ */ jsxRuntime.jsx(Section, { heading: "Other", children: /* @__PURE__ */ jsxRuntime.jsx(CheckRow, { label: "Reasoning", checked: showThinking, onToggle: onToggleThinking }) })
+        hasThinking && /* @__PURE__ */ jsxRuntime.jsx(Section, { children: /* @__PURE__ */ jsxRuntime.jsx(CheckRow, { label: "Reasoning", checked: showThinking, onToggle: onToggleThinking }) })
       ] })
     }
   );
 }
-function MenuHeading({ children }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-2 py-1.5 text-xs font-medium text-muted-foreground", children });
+function SegmentedRow({
+  label,
+  options,
+  value,
+  onChange
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between gap-2 px-2 py-1", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs text-muted-foreground", children: label }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-0.5 rounded-md border border-border p-0.5", children: options.map((option) => {
+      const active = value === option.value;
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        "button",
+        {
+          type: "button",
+          role: "menuitemradio",
+          "aria-checked": active,
+          "aria-label": option.label,
+          title: option.label,
+          onClick: () => onChange(option.value),
+          className: utils.cn(
+            "flex h-5 w-5 items-center justify-center rounded transition-colors focus:outline-none",
+            active ? "bg-accent text-foreground" : "text-muted-foreground hover:text-foreground focus:text-foreground"
+          ),
+          children: /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { icon: option.icon, className: "text-xs" })
+        },
+        option.label
+      );
+    }) })
+  ] });
 }
 function Section({ heading, children }) {
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-1 border-t border-border pt-1", children: [
-    /* @__PURE__ */ jsxRuntime.jsx(MenuHeading, { children: heading }),
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-1 border-t border-border pt-0.5", children: [
+    heading && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-2 py-1 text-[11px] font-medium text-muted-foreground", children: heading }),
     children
   ] });
 }
-const ROW_CLASS = "flex w-full items-center gap-2 rounded-md px-2 py-1.5 text-left text-sm transition-colors hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:outline-none";
-function RadioRow({
-  icon,
-  label,
-  active,
-  onSelect
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    "button",
-    {
-      type: "button",
-      role: "menuitemradio",
-      "aria-checked": active,
-      className: utils.cn(ROW_CLASS, active && "text-foreground"),
-      onClick: onSelect,
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { icon, className: "text-sm text-muted-foreground" }),
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "min-w-0 flex-1 truncate", children: label }),
-        active ? /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { icon: UiCheck.UiCheck, className: "text-sm text-foreground" }) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: "inline-block h-4 w-4", "aria-hidden": true })
-      ]
-    }
-  );
-}
+const ROW_CLASS = "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";
 function CheckRow({
   label,
   checked,
-  onToggle
+  onToggle,
+  icon
 }) {
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "button",
@@ -175,12 +163,13 @@ function CheckRow({
           {
             "aria-hidden": true,
             className: utils.cn(
-              "flex h-4 w-4 shrink-0 items-center justify-center rounded border",
+              "flex h-3.5 w-3.5 shrink-0 items-center justify-center rounded border",
               checked ? "border-primary bg-primary text-primary-foreground" : "border-input"
             ),
-            children: checked && /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { icon: UiCheck.UiCheck, className: "text-[0.7rem]" })
+            children: checked && /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { icon: UiCheck.UiCheck, className: "text-[0.6rem]" })
           }
         ),
+        icon && /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { icon, className: "size-3.5 shrink-0 text-muted-foreground" }),
         /* @__PURE__ */ jsxRuntime.jsx("span", { className: "min-w-0 flex-1 truncate", children: label })
       ]
     }

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 { CATEGORY_LABELS, type SessionCategory, type SessionFilters } from \"./session-categories\";\n\nexport type SessionThemeOverride = \"light\" | \"dark\";\n\nconst DENSITY_OPTIONS: Array<{ value: Density; icon: StaticIconComponent; label: string }> = [\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<{ value: SessionThemeOverride; icon: StaticIconComponent; label: string }> = [\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: a density override (matching DataTable's\n *  pattern) plus visibility toggles for the captain category / tool / source\n *  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-[14rem] max-h-[70vh] overflow-auto px-1\"\n    >\n      {() => (\n        <div className=\"text-popover-foreground\">\n          <MenuHeading>Density</MenuHeading>\n          <RadioRow\n            icon={UiResizeVertical}\n            label=\"Use page density\"\n            active={density === undefined}\n            onSelect={() => onDensityChange(undefined)}\n          />\n          {DENSITY_OPTIONS.map((option) => (\n            <RadioRow\n              key={option.value}\n              icon={option.icon}\n              label={option.label}\n              active={density === option.value}\n              onSelect={() => onDensityChange(option.value)}\n            />\n          ))}\n\n          <Section heading=\"Theme\">\n            <RadioRow\n              icon={UiDesktop}\n              label=\"Use page theme\"\n              active={theme === undefined}\n              onSelect={() => onThemeChange(undefined)}\n            />\n            {THEME_OPTIONS.map((option) => (\n              <RadioRow\n                key={option.value}\n                icon={option.icon}\n                label={option.label}\n                active={theme === option.value}\n                onSelect={() => onThemeChange(option.value)}\n              />\n            ))}\n          </Section>\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                  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                  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 heading=\"Other\">\n              <CheckRow label=\"Reasoning\" checked={showThinking} onToggle={onToggleThinking} />\n            </Section>\n          )}\n        </div>\n      )}\n    </DropdownMenu>\n  );\n}\n\nfunction MenuHeading({ children }: { children: ReactNode }) {\n  return <div className=\"px-2 py-1.5 text-xs font-medium text-muted-foreground\">{children}</div>;\n}\n\nfunction Section({ heading, children }: { heading: string; children: ReactNode }) {\n  return (\n    <div className=\"mt-1 border-t border-border pt-1\">\n      <MenuHeading>{heading}</MenuHeading>\n      {children}\n    </div>\n  );\n}\n\nconst ROW_CLASS =\n  \"flex w-full items-center gap-2 rounded-md px-2 py-1.5 text-left text-sm transition-colors hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:outline-none\";\n\nfunction RadioRow({\n  icon,\n  label,\n  active,\n  onSelect,\n}: {\n  icon: StaticIconComponent;\n  label: string;\n  active: boolean;\n  onSelect: () => void;\n}) {\n  return (\n    <button\n      type=\"button\"\n      role=\"menuitemradio\"\n      aria-checked={active}\n      className={cn(ROW_CLASS, active && \"text-foreground\")}\n      onClick={onSelect}\n    >\n      <Icon icon={icon} className=\"text-sm text-muted-foreground\" />\n      <span className=\"min-w-0 flex-1 truncate\">{label}</span>\n      {active ? (\n        <Icon icon={UiCheck} className=\"text-sm text-foreground\" />\n      ) : (\n        <span className=\"inline-block h-4 w-4\" aria-hidden />\n      )}\n    </button>\n  );\n}\n\nfunction CheckRow({\n  label,\n  checked,\n  onToggle,\n}: {\n  label: string;\n  checked: boolean;\n  onToggle: () => void;\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-4 w-4 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.7rem]\" />}\n      </span>\n      <span className=\"min-w-0 flex-1 truncate\">{label}</span>\n    </button>\n  );\n}\n"],"names":["UiRows","UiListFlat","UiListDashes","UiSun","UiMoon","jsx","DropdownMenu","UiDotsVertical","jsxs","UiResizeVertical","UiDesktop","CATEGORY_LABELS","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  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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"}

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

@@ -17,8 +17,8 @@ export interface SessionViewerMenuProps {
     onToggleThinking: () => void;
     hasThinking: boolean;
 }
-/** The SessionViewer's "3-dot" menu: a density override (matching DataTable's
- *  pattern) plus visibility toggles for the captain category / tool / source
- *  facets present in the session. */
+/** 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-runtime").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;AACvD,OAAO,EAAmB,KAAK,eAAe,EAAE,KAAK,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAElG,MAAM,MAAM,oBAAoB,GAAG,OAAO,GAAG,MAAM,CAAC;AAapD,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;;qCAEqC;AACrC,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,2CAiGxB"}
+{"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,2CA6ExB"}