@flanksource/clicky-ui 0.3.17 → 0.3.18

package/dist/data/ai/SessionInspector.model.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"SessionInspector.model.cjs","sources":["../../../src/data/ai/SessionInspector.model.ts"],"sourcesContent":["import { UiCloud, UiRobotAi, UiTerminal } from \"../../icons\";\nimport type { StaticIconComponent } from \"../Icon\";\nimport { SPEC_RUNTIME_FAMILIES } from \"./runtime-mode\";\n\nexport interface RuntimeDescriptor {\n  family: string;\n  mode: string;\n  title: string;\n  icon: StaticIconComponent;\n}\n\nexport type TurnPalette =\n  | \"sky\"\n  | \"violet\"\n  | \"emerald\"\n  | \"orange\"\n  | \"rose\"\n  | \"indigo\"\n  | \"teal\"\n  | \"fuchsia\";\n\nconst TURN_PALETTE: TurnPalette[] = [\n  \"sky\",\n  \"violet\",\n  \"emerald\",\n  \"orange\",\n  \"rose\",\n  \"indigo\",\n  \"teal\",\n  \"fuchsia\",\n];\n\nconst RUNTIME_ALIASES: Record<string, RuntimeDescriptor> = {\n  claude: {\n    family: \"Claude\",\n    mode: \"CLI\",\n    title: \"Claude CLI\",\n    icon: UiTerminal,\n  },\n  codex: { family: \"Codex\", mode: \"CLI\", title: \"Codex CLI\", icon: UiTerminal },\n  \"claude-sdk\": {\n    family: \"Claude\",\n    mode: \"SDK\",\n    title: \"Claude Agent SDK\",\n    icon: UiRobotAi,\n  },\n  \"codex-sdk\": {\n    family: \"Codex\",\n    mode: \"SDK\",\n    title: \"Codex SDK\",\n    icon: UiRobotAi,\n  },\n  \"claude-headless\": {\n    family: \"Claude\",\n    mode: \"CLI\",\n    title: \"Claude headless CLI\",\n    icon: UiTerminal,\n  },\n  \"codex-headless\": {\n    family: \"Codex\",\n    mode: \"CLI\",\n    title: \"Codex headless CLI\",\n    icon: UiTerminal,\n  },\n  \"claude-api\": {\n    family: \"Claude\",\n    mode: \"API\",\n    title: \"Anthropic API\",\n    icon: UiCloud,\n  },\n  \"codex-api\": {\n    family: \"Codex\",\n    mode: \"API\",\n    title: \"OpenAI API\",\n    icon: UiCloud,\n  },\n};\n\nexport function runtimeDescriptor(\n  backend?: string,\n): RuntimeDescriptor | undefined {\n  const target = backend?.toLowerCase();\n  if (!target) return undefined;\n  for (const family of SPEC_RUNTIME_FAMILIES) {\n    const mode = family.modes.find(\n      (candidate) => candidate.backend.toLowerCase() === target,\n    );\n    if (mode) {\n      return {\n        family: family.label,\n        mode: mode.label,\n        title: mode.title || `${family.label} ${mode.label}`,\n        icon: mode.icon ?? UiRobotAi,\n      };\n    }\n  }\n  return RUNTIME_ALIASES[target];\n}\n\nexport function durationLabel(start?: string, end?: string) {\n  if (!start) return \"\";\n  const startedAt = new Date(start).getTime();\n  const endedAt = end ? new Date(end).getTime() : Date.now();\n  if (Number.isNaN(startedAt) || Number.isNaN(endedAt) || endedAt < startedAt)\n    return \"\";\n  const seconds = Math.round((endedAt - startedAt) / 1000);\n  if (seconds < 60) return `${seconds}s`;\n  const minutes = Math.floor(seconds / 60);\n  const remainder = seconds % 60;\n  if (minutes < 60)\n    return remainder ? `${minutes}m ${remainder}s` : `${minutes}m`;\n  const hours = Math.floor(minutes / 60);\n  const remainingMinutes = minutes % 60;\n  return remainingMinutes ? `${hours}h ${remainingMinutes}m` : `${hours}h`;\n}\n\nexport function formatDate(value?: string) {\n  if (!value) return \"\";\n  const date = new Date(value);\n  return Number.isNaN(date.getTime()) ? value : date.toLocaleString();\n}\n\nexport function createTurnPalette(\n  sessionId: string | undefined,\n  turnIds: string[],\n) {\n  const palette: Record<string, TurnPalette> = {};\n  const offset = stableHash(sessionId ?? \"session\") % TURN_PALETTE.length;\n  turnIds.forEach((id, index) => {\n    palette[id] = TURN_PALETTE[(offset + index) % TURN_PALETTE.length] ?? \"sky\";\n  });\n  return palette;\n}\n\nexport function shortSessionId(id: string) {\n  const tail = id.split(\"-\").at(-1) ?? id;\n  if (tail.length >= 4) return tail.slice(0, 6);\n  return id.length > 8 ? id.slice(-6) : id;\n}\n\nfunction stableHash(value: string) {\n  let hash = 0;\n  for (const character of value)\n    hash = (hash * 31 + character.charCodeAt(0)) >>> 0;\n  return hash;\n}\n"],"names":["UiTerminal","UiRobotAi","UiCloud","SPEC_RUNTIME_FAMILIES"],"mappings":"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"}
+{"version":3,"file":"SessionInspector.model.cjs","sources":["../../../src/data/ai/SessionInspector.model.ts"],"sourcesContent":["import { UiCloud, UiRobotAi, UiTerminal } from \"../../icons\";\nimport type { StaticIconComponent } from \"../Icon\";\nimport { SPEC_RUNTIME_FAMILIES } from \"../runtime/runtime-mode\";\n\nexport interface RuntimeDescriptor {\n  family: string;\n  mode: string;\n  title: string;\n  icon: StaticIconComponent;\n}\n\nexport type TurnPalette =\n  | \"sky\"\n  | \"violet\"\n  | \"emerald\"\n  | \"orange\"\n  | \"rose\"\n  | \"indigo\"\n  | \"teal\"\n  | \"fuchsia\";\n\nconst TURN_PALETTE: TurnPalette[] = [\n  \"sky\",\n  \"violet\",\n  \"emerald\",\n  \"orange\",\n  \"rose\",\n  \"indigo\",\n  \"teal\",\n  \"fuchsia\",\n];\n\nconst RUNTIME_ALIASES: Record<string, RuntimeDescriptor> = {\n  claude: {\n    family: \"Claude\",\n    mode: \"CLI\",\n    title: \"Claude CLI\",\n    icon: UiTerminal,\n  },\n  codex: { family: \"Codex\", mode: \"CLI\", title: \"Codex CLI\", icon: UiTerminal },\n  \"claude-sdk\": {\n    family: \"Claude\",\n    mode: \"SDK\",\n    title: \"Claude Agent SDK\",\n    icon: UiRobotAi,\n  },\n  \"codex-sdk\": {\n    family: \"Codex\",\n    mode: \"SDK\",\n    title: \"Codex SDK\",\n    icon: UiRobotAi,\n  },\n  \"claude-headless\": {\n    family: \"Claude\",\n    mode: \"CLI\",\n    title: \"Claude headless CLI\",\n    icon: UiTerminal,\n  },\n  \"codex-headless\": {\n    family: \"Codex\",\n    mode: \"CLI\",\n    title: \"Codex headless CLI\",\n    icon: UiTerminal,\n  },\n  \"claude-api\": {\n    family: \"Claude\",\n    mode: \"API\",\n    title: \"Anthropic API\",\n    icon: UiCloud,\n  },\n  \"codex-api\": {\n    family: \"Codex\",\n    mode: \"API\",\n    title: \"OpenAI API\",\n    icon: UiCloud,\n  },\n};\n\nexport function runtimeDescriptor(\n  backend?: string,\n): RuntimeDescriptor | undefined {\n  const target = backend?.toLowerCase();\n  if (!target) return undefined;\n  for (const family of SPEC_RUNTIME_FAMILIES) {\n    const mode = family.modes.find(\n      (candidate) => candidate.backend.toLowerCase() === target,\n    );\n    if (mode) {\n      return {\n        family: family.label,\n        mode: mode.label,\n        title: mode.title || `${family.label} ${mode.label}`,\n        icon: mode.icon ?? UiRobotAi,\n      };\n    }\n  }\n  return RUNTIME_ALIASES[target];\n}\n\nexport function durationLabel(start?: string, end?: string) {\n  if (!start) return \"\";\n  const startedAt = new Date(start).getTime();\n  const endedAt = end ? new Date(end).getTime() : Date.now();\n  if (Number.isNaN(startedAt) || Number.isNaN(endedAt) || endedAt < startedAt)\n    return \"\";\n  const seconds = Math.round((endedAt - startedAt) / 1000);\n  if (seconds < 60) return `${seconds}s`;\n  const minutes = Math.floor(seconds / 60);\n  const remainder = seconds % 60;\n  if (minutes < 60)\n    return remainder ? `${minutes}m ${remainder}s` : `${minutes}m`;\n  const hours = Math.floor(minutes / 60);\n  const remainingMinutes = minutes % 60;\n  return remainingMinutes ? `${hours}h ${remainingMinutes}m` : `${hours}h`;\n}\n\nexport function formatDate(value?: string) {\n  if (!value) return \"\";\n  const date = new Date(value);\n  return Number.isNaN(date.getTime()) ? value : date.toLocaleString();\n}\n\nexport function createTurnPalette(\n  sessionId: string | undefined,\n  turnIds: string[],\n) {\n  const palette: Record<string, TurnPalette> = {};\n  const offset = stableHash(sessionId ?? \"session\") % TURN_PALETTE.length;\n  turnIds.forEach((id, index) => {\n    palette[id] = TURN_PALETTE[(offset + index) % TURN_PALETTE.length] ?? \"sky\";\n  });\n  return palette;\n}\n\nexport function shortSessionId(id: string) {\n  const tail = id.split(\"-\").at(-1) ?? id;\n  if (tail.length >= 4) return tail.slice(0, 6);\n  return id.length > 8 ? id.slice(-6) : id;\n}\n\nfunction stableHash(value: string) {\n  let hash = 0;\n  for (const character of value)\n    hash = (hash * 31 + character.charCodeAt(0)) >>> 0;\n  return hash;\n}\n"],"names":["UiTerminal","UiRobotAi","UiCloud","SPEC_RUNTIME_FAMILIES"],"mappings":"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"}

package/dist/data/ai/SessionInspector.model.js

@@ -1,4 +1,4 @@
-import { SPEC_RUNTIME_FAMILIES } from "./runtime-mode.js";
+import { SPEC_RUNTIME_FAMILIES } from "../runtime/runtime-mode.js";
 import { UiRobotAi } from "../../icons/components/UiRobotAi.js";
 import { UiCloud } from "../../icons/components/UiCloud.js";
 import { UiTerminal } from "../../icons/components/UiTerminal.js";

package/dist/data/ai/SessionInspector.model.js.map

@@ -1 +1 @@
-{"version":3,"file":"SessionInspector.model.js","sources":["../../../src/data/ai/SessionInspector.model.ts"],"sourcesContent":["import { UiCloud, UiRobotAi, UiTerminal } from \"../../icons\";\nimport type { StaticIconComponent } from \"../Icon\";\nimport { SPEC_RUNTIME_FAMILIES } from \"./runtime-mode\";\n\nexport interface RuntimeDescriptor {\n  family: string;\n  mode: string;\n  title: string;\n  icon: StaticIconComponent;\n}\n\nexport type TurnPalette =\n  | \"sky\"\n  | \"violet\"\n  | \"emerald\"\n  | \"orange\"\n  | \"rose\"\n  | \"indigo\"\n  | \"teal\"\n  | \"fuchsia\";\n\nconst TURN_PALETTE: TurnPalette[] = [\n  \"sky\",\n  \"violet\",\n  \"emerald\",\n  \"orange\",\n  \"rose\",\n  \"indigo\",\n  \"teal\",\n  \"fuchsia\",\n];\n\nconst RUNTIME_ALIASES: Record<string, RuntimeDescriptor> = {\n  claude: {\n    family: \"Claude\",\n    mode: \"CLI\",\n    title: \"Claude CLI\",\n    icon: UiTerminal,\n  },\n  codex: { family: \"Codex\", mode: \"CLI\", title: \"Codex CLI\", icon: UiTerminal },\n  \"claude-sdk\": {\n    family: \"Claude\",\n    mode: \"SDK\",\n    title: \"Claude Agent SDK\",\n    icon: UiRobotAi,\n  },\n  \"codex-sdk\": {\n    family: \"Codex\",\n    mode: \"SDK\",\n    title: \"Codex SDK\",\n    icon: UiRobotAi,\n  },\n  \"claude-headless\": {\n    family: \"Claude\",\n    mode: \"CLI\",\n    title: \"Claude headless CLI\",\n    icon: UiTerminal,\n  },\n  \"codex-headless\": {\n    family: \"Codex\",\n    mode: \"CLI\",\n    title: \"Codex headless CLI\",\n    icon: UiTerminal,\n  },\n  \"claude-api\": {\n    family: \"Claude\",\n    mode: \"API\",\n    title: \"Anthropic API\",\n    icon: UiCloud,\n  },\n  \"codex-api\": {\n    family: \"Codex\",\n    mode: \"API\",\n    title: \"OpenAI API\",\n    icon: UiCloud,\n  },\n};\n\nexport function runtimeDescriptor(\n  backend?: string,\n): RuntimeDescriptor | undefined {\n  const target = backend?.toLowerCase();\n  if (!target) return undefined;\n  for (const family of SPEC_RUNTIME_FAMILIES) {\n    const mode = family.modes.find(\n      (candidate) => candidate.backend.toLowerCase() === target,\n    );\n    if (mode) {\n      return {\n        family: family.label,\n        mode: mode.label,\n        title: mode.title || `${family.label} ${mode.label}`,\n        icon: mode.icon ?? UiRobotAi,\n      };\n    }\n  }\n  return RUNTIME_ALIASES[target];\n}\n\nexport function durationLabel(start?: string, end?: string) {\n  if (!start) return \"\";\n  const startedAt = new Date(start).getTime();\n  const endedAt = end ? new Date(end).getTime() : Date.now();\n  if (Number.isNaN(startedAt) || Number.isNaN(endedAt) || endedAt < startedAt)\n    return \"\";\n  const seconds = Math.round((endedAt - startedAt) / 1000);\n  if (seconds < 60) return `${seconds}s`;\n  const minutes = Math.floor(seconds / 60);\n  const remainder = seconds % 60;\n  if (minutes < 60)\n    return remainder ? `${minutes}m ${remainder}s` : `${minutes}m`;\n  const hours = Math.floor(minutes / 60);\n  const remainingMinutes = minutes % 60;\n  return remainingMinutes ? `${hours}h ${remainingMinutes}m` : `${hours}h`;\n}\n\nexport function formatDate(value?: string) {\n  if (!value) return \"\";\n  const date = new Date(value);\n  return Number.isNaN(date.getTime()) ? value : date.toLocaleString();\n}\n\nexport function createTurnPalette(\n  sessionId: string | undefined,\n  turnIds: string[],\n) {\n  const palette: Record<string, TurnPalette> = {};\n  const offset = stableHash(sessionId ?? \"session\") % TURN_PALETTE.length;\n  turnIds.forEach((id, index) => {\n    palette[id] = TURN_PALETTE[(offset + index) % TURN_PALETTE.length] ?? \"sky\";\n  });\n  return palette;\n}\n\nexport function shortSessionId(id: string) {\n  const tail = id.split(\"-\").at(-1) ?? id;\n  if (tail.length >= 4) return tail.slice(0, 6);\n  return id.length > 8 ? id.slice(-6) : id;\n}\n\nfunction stableHash(value: string) {\n  let hash = 0;\n  for (const character of value)\n    hash = (hash * 31 + character.charCodeAt(0)) >>> 0;\n  return hash;\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"SessionInspector.model.js","sources":["../../../src/data/ai/SessionInspector.model.ts"],"sourcesContent":["import { UiCloud, UiRobotAi, UiTerminal } from \"../../icons\";\nimport type { StaticIconComponent } from \"../Icon\";\nimport { SPEC_RUNTIME_FAMILIES } from \"../runtime/runtime-mode\";\n\nexport interface RuntimeDescriptor {\n  family: string;\n  mode: string;\n  title: string;\n  icon: StaticIconComponent;\n}\n\nexport type TurnPalette =\n  | \"sky\"\n  | \"violet\"\n  | \"emerald\"\n  | \"orange\"\n  | \"rose\"\n  | \"indigo\"\n  | \"teal\"\n  | \"fuchsia\";\n\nconst TURN_PALETTE: TurnPalette[] = [\n  \"sky\",\n  \"violet\",\n  \"emerald\",\n  \"orange\",\n  \"rose\",\n  \"indigo\",\n  \"teal\",\n  \"fuchsia\",\n];\n\nconst RUNTIME_ALIASES: Record<string, RuntimeDescriptor> = {\n  claude: {\n    family: \"Claude\",\n    mode: \"CLI\",\n    title: \"Claude CLI\",\n    icon: UiTerminal,\n  },\n  codex: { family: \"Codex\", mode: \"CLI\", title: \"Codex CLI\", icon: UiTerminal },\n  \"claude-sdk\": {\n    family: \"Claude\",\n    mode: \"SDK\",\n    title: \"Claude Agent SDK\",\n    icon: UiRobotAi,\n  },\n  \"codex-sdk\": {\n    family: \"Codex\",\n    mode: \"SDK\",\n    title: \"Codex SDK\",\n    icon: UiRobotAi,\n  },\n  \"claude-headless\": {\n    family: \"Claude\",\n    mode: \"CLI\",\n    title: \"Claude headless CLI\",\n    icon: UiTerminal,\n  },\n  \"codex-headless\": {\n    family: \"Codex\",\n    mode: \"CLI\",\n    title: \"Codex headless CLI\",\n    icon: UiTerminal,\n  },\n  \"claude-api\": {\n    family: \"Claude\",\n    mode: \"API\",\n    title: \"Anthropic API\",\n    icon: UiCloud,\n  },\n  \"codex-api\": {\n    family: \"Codex\",\n    mode: \"API\",\n    title: \"OpenAI API\",\n    icon: UiCloud,\n  },\n};\n\nexport function runtimeDescriptor(\n  backend?: string,\n): RuntimeDescriptor | undefined {\n  const target = backend?.toLowerCase();\n  if (!target) return undefined;\n  for (const family of SPEC_RUNTIME_FAMILIES) {\n    const mode = family.modes.find(\n      (candidate) => candidate.backend.toLowerCase() === target,\n    );\n    if (mode) {\n      return {\n        family: family.label,\n        mode: mode.label,\n        title: mode.title || `${family.label} ${mode.label}`,\n        icon: mode.icon ?? UiRobotAi,\n      };\n    }\n  }\n  return RUNTIME_ALIASES[target];\n}\n\nexport function durationLabel(start?: string, end?: string) {\n  if (!start) return \"\";\n  const startedAt = new Date(start).getTime();\n  const endedAt = end ? new Date(end).getTime() : Date.now();\n  if (Number.isNaN(startedAt) || Number.isNaN(endedAt) || endedAt < startedAt)\n    return \"\";\n  const seconds = Math.round((endedAt - startedAt) / 1000);\n  if (seconds < 60) return `${seconds}s`;\n  const minutes = Math.floor(seconds / 60);\n  const remainder = seconds % 60;\n  if (minutes < 60)\n    return remainder ? `${minutes}m ${remainder}s` : `${minutes}m`;\n  const hours = Math.floor(minutes / 60);\n  const remainingMinutes = minutes % 60;\n  return remainingMinutes ? `${hours}h ${remainingMinutes}m` : `${hours}h`;\n}\n\nexport function formatDate(value?: string) {\n  if (!value) return \"\";\n  const date = new Date(value);\n  return Number.isNaN(date.getTime()) ? value : date.toLocaleString();\n}\n\nexport function createTurnPalette(\n  sessionId: string | undefined,\n  turnIds: string[],\n) {\n  const palette: Record<string, TurnPalette> = {};\n  const offset = stableHash(sessionId ?? \"session\") % TURN_PALETTE.length;\n  turnIds.forEach((id, index) => {\n    palette[id] = TURN_PALETTE[(offset + index) % TURN_PALETTE.length] ?? \"sky\";\n  });\n  return palette;\n}\n\nexport function shortSessionId(id: string) {\n  const tail = id.split(\"-\").at(-1) ?? id;\n  if (tail.length >= 4) return tail.slice(0, 6);\n  return id.length > 8 ? id.slice(-6) : id;\n}\n\nfunction stableHash(value: string) {\n  let hash = 0;\n  for (const character of value)\n    hash = (hash * 31 + character.charCodeAt(0)) >>> 0;\n  return hash;\n}\n"],"names":[],"mappings":"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"}

package/dist/data/ai/SessionViewer.rows.cjs

@@ -5,6 +5,7 @@ const react = require("react");
 const utils = require("../../lib/utils.cjs");
 const Icon = require("../Icon.cjs");
 const SessionViewer_model = require("./SessionViewer.model.cjs");
+const sessionTones = require("./session-tones.cjs");
 const SessionViewer_rowMetadata = require("./SessionViewer.row-metadata.cjs");
 const SessionViewer_rowTime = require("./SessionViewer.row-time.cjs");
 const SessionViewer_toolRow = require("./SessionViewer.tool-row.cjs");
@@ -14,19 +15,6 @@ const UiUserCircle = require("../../icons/components/UiUserCircle.cjs");
 const UiWarningTriangle = require("../../icons/components/UiWarningTriangle.cjs");
 const UiBrain = require("../../icons/components/UiBrain.cjs");
 const UiSparkles = require("../../icons/components/UiSparkles.cjs");
-const DISC_TONE = {
-  sky: "bg-sky-100 text-sky-700 [[data-theme=dark]_&]:bg-sky-500/15 [[data-theme=dark]_&]:text-sky-300",
-  amber: "bg-amber-100 text-amber-700 [[data-theme=dark]_&]:bg-amber-500/15 [[data-theme=dark]_&]:text-amber-300",
-  violet: "bg-violet-100 text-violet-700 [[data-theme=dark]_&]:bg-violet-500/15 [[data-theme=dark]_&]:text-violet-300",
-  emerald: "bg-emerald-100 text-emerald-700 [[data-theme=dark]_&]:bg-emerald-500/15 [[data-theme=dark]_&]:text-emerald-300",
-  teal: "bg-teal-100 text-teal-700 [[data-theme=dark]_&]:bg-teal-500/15 [[data-theme=dark]_&]:text-teal-300",
-  orange: "bg-orange-100 text-orange-700 [[data-theme=dark]_&]:bg-orange-500/15 [[data-theme=dark]_&]:text-orange-300",
-  rose: "bg-rose-100 text-rose-700 [[data-theme=dark]_&]:bg-rose-500/15 [[data-theme=dark]_&]:text-rose-300",
-  indigo: "bg-indigo-100 text-indigo-700 [[data-theme=dark]_&]:bg-indigo-500/15 [[data-theme=dark]_&]:text-indigo-300",
-  fuchsia: "bg-fuchsia-100 text-fuchsia-700 [[data-theme=dark]_&]:bg-fuchsia-500/15 [[data-theme=dark]_&]:text-fuchsia-300",
-  pink: "bg-pink-100 text-pink-700 [[data-theme=dark]_&]:bg-pink-500/15 [[data-theme=dark]_&]:text-pink-300",
-  slate: "bg-muted text-muted-foreground"
-};
 function SessionRow({
   event,
   last,
@@ -65,7 +53,7 @@ function SessionRow({
           {
             className: utils.cn(
               "relative z-[1] flex h-[21px] w-[21px] shrink-0 items-center justify-center rounded-full",
-              DISC_TONE[visual.tone]
+              sessionTones.SESSION_TONES[visual.tone].disc
             ),
             children: /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { icon: visual.icon, className: "h-3 w-3" })
           }
@@ -127,7 +115,7 @@ function WaitGroupRow({
           {
             className: utils.cn(
               "relative z-[1] flex h-[21px] w-[21px] shrink-0 items-center justify-center rounded-full",
-              DISC_TONE[visual.tone]
+              sessionTones.SESSION_TONES[visual.tone].disc
             ),
             children: /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { icon: visual.icon, className: "h-3 w-3" })
           }
@@ -203,7 +191,7 @@ function UserRow({
           {
             className: utils.cn(
               "relative z-[1] flex h-[21px] w-[21px] shrink-0 items-center justify-center rounded-full",
-              DISC_TONE.slate
+              sessionTones.SESSION_TONES.slate.disc
             ),
             children: /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { icon: UiUserCircle.UiUserCircle, className: "h-3 w-3" })
           }

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

@@ -1 +1 @@
-{"version":3,"file":"SessionViewer.rows.cjs","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 {\n  UiBrain,\n  UiChevronDown,\n  UiSparkles,\n  UiUserCircle,\n  UiWarningTriangle,\n} from \"../../icons\";\nimport {\n  getSessionAction,\n  type SessionEvent,\n  type SessionTone,\n} from \"./SessionViewer.model\";\nimport type { SessionEventGroup } from \"./SessionViewer.grouping\";\nimport { EventMetadata, RawEventBlock } from \"./SessionViewer.row-metadata\";\nimport { formatEventRange } from \"./SessionViewer.row-time\";\nimport { ToolBody } from \"./SessionViewer.tool-row\";\nimport type { SessionToolDecision } from \"./SessionViewer\";\nimport { Markdown } from \"../Markdown\";\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  renderMessageBadge,\n  onPendingToolDecision,\n}: {\n  event: SessionEvent;\n  last: boolean;\n  defaultExpanded: boolean;\n  showRowMetadata?: boolean;\n  showRaw?: boolean;\n  renderMessageBadge?: ((event: SessionEvent) => ReactNode) | undefined;\n  onPendingToolDecision?:\n  | ((decision: SessionToolDecision) => Promise<void> | void)\n  | undefined;\n}) {\n  if (event.kind === \"user\") {\n    return (\n      <UserRow\n        event={event}\n        showRowMetadata={showRowMetadata}\n        showRaw={showRaw}\n      />\n    );\n  }\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          messageBadge={\n            event.kind === \"assistant\" ? renderMessageBadge?.(event) : undefined\n          }\n          onPendingToolDecision={onPendingToolDecision}\n        />\n        {showRowMetadata && <EventMetadata event={event} />}\n        {showRaw && event.raw !== undefined && (\n          <RawEventBlock raw={event.raw} />\n        )}\n      </div>\n    </li>\n  );\n}\n\nexport function WaitGroupRow({\n  group,\n  last,\n  defaultExpanded,\n  showRowMetadata = false,\n  showRaw = false,\n  renderMessageBadge,\n  onPendingToolDecision,\n}: {\n  group: SessionEventGroup;\n  last: boolean;\n  defaultExpanded: boolean;\n  showRowMetadata?: boolean;\n  showRaw?: boolean;\n  renderMessageBadge?: ((event: SessionEvent) => ReactNode) | undefined;\n  onPendingToolDecision?:\n  | ((decision: SessionToolDecision) => Promise<void> | void)\n  | 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                renderMessageBadge={renderMessageBadge}\n                onPendingToolDecision={onPendingToolDecision}\n              />\n            ))}\n          </ol>\n        )}\n      </div>\n    </li>\n  );\n}\n\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 && (\n            <RawEventBlock raw={event.raw} align=\"right\" />\n          )}\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\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  messageBadge,\n  onPendingToolDecision,\n}: {\n  event: SessionEvent;\n  visual: EventVisual;\n  defaultExpanded: boolean;\n  messageBadge?: ReactNode;\n  onPendingToolDecision?:\n  | ((decision: SessionToolDecision) => Promise<void> | void)\n  | 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} badge={messageBadge} />;\n}\n\nfunction MessageBody({\n  event,\n  badge,\n}: {\n  event: SessionEvent;\n  badge?: ReactNode;\n}) {\n  return (\n    <div className=\"flex items-start gap-1.5\">\n      {badge}\n      <div className=\"min-w-0 whitespace-pre-wrap break-words text-sm font-medium leading-relaxed text-foreground\">\n        {event.text && <Markdown text={event.text} />}\n      </div>\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(\n            \"mt-0.5 size-3 shrink-0 transition-transform\",\n            open && \"rotate-180\",\n          )}\n        />\n      </button>\n      {open && (\n        <div className=\"mt-1.5 whitespace-pre-wrap break-words  bg-muted/20 px-density-3 py-density-2 leading-relaxed\">\n          {event.text && <Markdown text={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":["jsx","jsxs","cn","Icon","EventMetadata","RawEventBlock","useState","getSessionAction","formatEventRange","UiChevronDown","UiUserCircle","UiSparkles","UiBrain","UiWarningTriangle","ToolBody","Markdown"],"mappings":"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"}
+{"version":3,"file":"SessionViewer.rows.cjs","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 {\n  UiBrain,\n  UiChevronDown,\n  UiSparkles,\n  UiUserCircle,\n  UiWarningTriangle,\n} from \"../../icons\";\nimport {\n  getSessionAction,\n  type SessionEvent,\n  type SessionTone,\n} from \"./SessionViewer.model\";\nimport { SESSION_TONES } from \"./session-tones\";\nimport type { SessionEventGroup } from \"./SessionViewer.grouping\";\nimport { EventMetadata, RawEventBlock } from \"./SessionViewer.row-metadata\";\nimport { formatEventRange } from \"./SessionViewer.row-time\";\nimport { ToolBody } from \"./SessionViewer.tool-row\";\nimport type { SessionToolDecision } from \"./SessionViewer\";\nimport { Markdown } from \"../Markdown\";\n\nexport function SessionRow({\n  event,\n  last,\n  defaultExpanded,\n  showRowMetadata = false,\n  showRaw = false,\n  renderMessageBadge,\n  onPendingToolDecision,\n}: {\n  event: SessionEvent;\n  last: boolean;\n  defaultExpanded: boolean;\n  showRowMetadata?: boolean;\n  showRaw?: boolean;\n  renderMessageBadge?: ((event: SessionEvent) => ReactNode) | undefined;\n  onPendingToolDecision?:\n  | ((decision: SessionToolDecision) => Promise<void> | void)\n  | undefined;\n}) {\n  if (event.kind === \"user\") {\n    return (\n      <UserRow\n        event={event}\n        showRowMetadata={showRowMetadata}\n        showRaw={showRaw}\n      />\n    );\n  }\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          SESSION_TONES[visual.tone].disc,\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          messageBadge={\n            event.kind === \"assistant\" ? renderMessageBadge?.(event) : undefined\n          }\n          onPendingToolDecision={onPendingToolDecision}\n        />\n        {showRowMetadata && <EventMetadata event={event} />}\n        {showRaw && event.raw !== undefined && (\n          <RawEventBlock raw={event.raw} />\n        )}\n      </div>\n    </li>\n  );\n}\n\nexport function WaitGroupRow({\n  group,\n  last,\n  defaultExpanded,\n  showRowMetadata = false,\n  showRaw = false,\n  renderMessageBadge,\n  onPendingToolDecision,\n}: {\n  group: SessionEventGroup;\n  last: boolean;\n  defaultExpanded: boolean;\n  showRowMetadata?: boolean;\n  showRaw?: boolean;\n  renderMessageBadge?: ((event: SessionEvent) => ReactNode) | undefined;\n  onPendingToolDecision?:\n  | ((decision: SessionToolDecision) => Promise<void> | void)\n  | 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          SESSION_TONES[visual.tone].disc,\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                renderMessageBadge={renderMessageBadge}\n                onPendingToolDecision={onPendingToolDecision}\n              />\n            ))}\n          </ol>\n        )}\n      </div>\n    </li>\n  );\n}\n\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 && (\n            <RawEventBlock raw={event.raw} align=\"right\" />\n          )}\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            SESSION_TONES.slate.disc,\n          )}\n        >\n          <Icon icon={UiUserCircle} className=\"h-3 w-3\" />\n        </span>\n      </div>\n    </li>\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  messageBadge,\n  onPendingToolDecision,\n}: {\n  event: SessionEvent;\n  visual: EventVisual;\n  defaultExpanded: boolean;\n  messageBadge?: ReactNode;\n  onPendingToolDecision?:\n  | ((decision: SessionToolDecision) => Promise<void> | void)\n  | 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} badge={messageBadge} />;\n}\n\nfunction MessageBody({\n  event,\n  badge,\n}: {\n  event: SessionEvent;\n  badge?: ReactNode;\n}) {\n  return (\n    <div className=\"flex items-start gap-1.5\">\n      {badge}\n      <div className=\"min-w-0 whitespace-pre-wrap break-words text-sm font-medium leading-relaxed text-foreground\">\n        {event.text && <Markdown text={event.text} />}\n      </div>\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(\n            \"mt-0.5 size-3 shrink-0 transition-transform\",\n            open && \"rotate-180\",\n          )}\n        />\n      </button>\n      {open && (\n        <div className=\"mt-1.5 whitespace-pre-wrap break-words  bg-muted/20 px-density-3 py-density-2 leading-relaxed\">\n          {event.text && <Markdown text={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":["jsx","jsxs","cn","SESSION_TONES","Icon","EventMetadata","RawEventBlock","useState","getSessionAction","formatEventRange","UiChevronDown","UiUserCircle","UiSparkles","UiBrain","UiWarningTriangle","ToolBody","Markdown"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"SessionViewer.rows.d.ts","sourceRoot":"","sources":["../../../src/data/ai/SessionViewer.rows.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAUjD,OAAO,EAEL,KAAK,YAAY,EAElB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAIlE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AA4B3D,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,IAAI,EACJ,eAAe,EACf,eAAuB,EACvB,OAAe,EACf,kBAAkB,EAClB,qBAAqB,GACtB,EAAE;IACD,KAAK,EAAE,YAAY,CAAC;IACpB,IAAI,EAAE,OAAO,CAAC;IACd,eAAe,EAAE,OAAO,CAAC;IACzB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,kBAAkB,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,YAAY,KAAK,SAAS,CAAC,GAAG,SAAS,CAAC;IACtE,qBAAqB,CAAC,EACpB,CAAC,CAAC,QAAQ,EAAE,mBAAmB,KAAK,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC,GACzD,SAAS,CAAC;CACb,2CAgDA;AAED,wBAAgB,YAAY,CAAC,EAC3B,KAAK,EACL,IAAI,EACJ,eAAe,EACf,eAAuB,EACvB,OAAe,EACf,kBAAkB,EAClB,qBAAqB,GACtB,EAAE;IACD,KAAK,EAAE,iBAAiB,CAAC;IACzB,IAAI,EAAE,OAAO,CAAC;IACd,eAAe,EAAE,OAAO,CAAC;IACzB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,kBAAkB,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,YAAY,KAAK,SAAS,CAAC,GAAG,SAAS,CAAC;IACtE,qBAAqB,CAAC,EACpB,CAAC,CAAC,QAAQ,EAAE,mBAAmB,KAAK,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC,GACzD,SAAS,CAAC;CACb,2CA2EA"}
+{"version":3,"file":"SessionViewer.rows.d.ts","sourceRoot":"","sources":["../../../src/data/ai/SessionViewer.rows.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAUjD,OAAO,EAEL,KAAK,YAAY,EAElB,MAAM,uBAAuB,CAAC;AAE/B,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAIlE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AAG3D,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,IAAI,EACJ,eAAe,EACf,eAAuB,EACvB,OAAe,EACf,kBAAkB,EAClB,qBAAqB,GACtB,EAAE;IACD,KAAK,EAAE,YAAY,CAAC;IACpB,IAAI,EAAE,OAAO,CAAC;IACd,eAAe,EAAE,OAAO,CAAC;IACzB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,kBAAkB,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,YAAY,KAAK,SAAS,CAAC,GAAG,SAAS,CAAC;IACtE,qBAAqB,CAAC,EACpB,CAAC,CAAC,QAAQ,EAAE,mBAAmB,KAAK,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC,GACzD,SAAS,CAAC;CACb,2CAgDA;AAED,wBAAgB,YAAY,CAAC,EAC3B,KAAK,EACL,IAAI,EACJ,eAAe,EACf,eAAuB,EACvB,OAAe,EACf,kBAAkB,EAClB,qBAAqB,GACtB,EAAE;IACD,KAAK,EAAE,iBAAiB,CAAC;IACzB,IAAI,EAAE,OAAO,CAAC;IACd,eAAe,EAAE,OAAO,CAAC;IACzB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,kBAAkB,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,YAAY,KAAK,SAAS,CAAC,GAAG,SAAS,CAAC;IACtE,qBAAqB,CAAC,EACpB,CAAC,CAAC,QAAQ,EAAE,mBAAmB,KAAK,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC,GACzD,SAAS,CAAC;CACb,2CA2EA"}

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

@@ -3,6 +3,7 @@ import { useState } from "react";
 import { cn } from "../../lib/utils.js";
 import { Icon } from "../Icon.js";
 import { getSessionAction } from "./SessionViewer.model.js";
+import { SESSION_TONES } from "./session-tones.js";
 import { EventMetadata, RawEventBlock } from "./SessionViewer.row-metadata.js";
 import { formatEventRange } from "./SessionViewer.row-time.js";
 import { ToolBody } from "./SessionViewer.tool-row.js";
@@ -12,19 +13,6 @@ import { UiUserCircle } from "../../icons/components/UiUserCircle.js";
 import { UiWarningTriangle } from "../../icons/components/UiWarningTriangle.js";
 import { UiBrain } from "../../icons/components/UiBrain.js";
 import { UiSparkles } from "../../icons/components/UiSparkles.js";
-const DISC_TONE = {
-  sky: "bg-sky-100 text-sky-700 [[data-theme=dark]_&]:bg-sky-500/15 [[data-theme=dark]_&]:text-sky-300",
-  amber: "bg-amber-100 text-amber-700 [[data-theme=dark]_&]:bg-amber-500/15 [[data-theme=dark]_&]:text-amber-300",
-  violet: "bg-violet-100 text-violet-700 [[data-theme=dark]_&]:bg-violet-500/15 [[data-theme=dark]_&]:text-violet-300",
-  emerald: "bg-emerald-100 text-emerald-700 [[data-theme=dark]_&]:bg-emerald-500/15 [[data-theme=dark]_&]:text-emerald-300",
-  teal: "bg-teal-100 text-teal-700 [[data-theme=dark]_&]:bg-teal-500/15 [[data-theme=dark]_&]:text-teal-300",
-  orange: "bg-orange-100 text-orange-700 [[data-theme=dark]_&]:bg-orange-500/15 [[data-theme=dark]_&]:text-orange-300",
-  rose: "bg-rose-100 text-rose-700 [[data-theme=dark]_&]:bg-rose-500/15 [[data-theme=dark]_&]:text-rose-300",
-  indigo: "bg-indigo-100 text-indigo-700 [[data-theme=dark]_&]:bg-indigo-500/15 [[data-theme=dark]_&]:text-indigo-300",
-  fuchsia: "bg-fuchsia-100 text-fuchsia-700 [[data-theme=dark]_&]:bg-fuchsia-500/15 [[data-theme=dark]_&]:text-fuchsia-300",
-  pink: "bg-pink-100 text-pink-700 [[data-theme=dark]_&]:bg-pink-500/15 [[data-theme=dark]_&]:text-pink-300",
-  slate: "bg-muted text-muted-foreground"
-};
 function SessionRow({
   event,
   last,
@@ -63,7 +51,7 @@ function SessionRow({
           {
             className: cn(
               "relative z-[1] flex h-[21px] w-[21px] shrink-0 items-center justify-center rounded-full",
-              DISC_TONE[visual.tone]
+              SESSION_TONES[visual.tone].disc
             ),
             children: /* @__PURE__ */ jsx(Icon, { icon: visual.icon, className: "h-3 w-3" })
           }
@@ -125,7 +113,7 @@ function WaitGroupRow({
           {
             className: cn(
               "relative z-[1] flex h-[21px] w-[21px] shrink-0 items-center justify-center rounded-full",
-              DISC_TONE[visual.tone]
+              SESSION_TONES[visual.tone].disc
             ),
             children: /* @__PURE__ */ jsx(Icon, { icon: visual.icon, className: "h-3 w-3" })
           }
@@ -201,7 +189,7 @@ function UserRow({
           {
             className: cn(
               "relative z-[1] flex h-[21px] w-[21px] shrink-0 items-center justify-center rounded-full",
-              DISC_TONE.slate
+              SESSION_TONES.slate.disc
             ),
             children: /* @__PURE__ */ jsx(Icon, { icon: UiUserCircle, className: "h-3 w-3" })
           }

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

@@ -1 +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 {\n  UiBrain,\n  UiChevronDown,\n  UiSparkles,\n  UiUserCircle,\n  UiWarningTriangle,\n} from \"../../icons\";\nimport {\n  getSessionAction,\n  type SessionEvent,\n  type SessionTone,\n} from \"./SessionViewer.model\";\nimport type { SessionEventGroup } from \"./SessionViewer.grouping\";\nimport { EventMetadata, RawEventBlock } from \"./SessionViewer.row-metadata\";\nimport { formatEventRange } from \"./SessionViewer.row-time\";\nimport { ToolBody } from \"./SessionViewer.tool-row\";\nimport type { SessionToolDecision } from \"./SessionViewer\";\nimport { Markdown } from \"../Markdown\";\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  renderMessageBadge,\n  onPendingToolDecision,\n}: {\n  event: SessionEvent;\n  last: boolean;\n  defaultExpanded: boolean;\n  showRowMetadata?: boolean;\n  showRaw?: boolean;\n  renderMessageBadge?: ((event: SessionEvent) => ReactNode) | undefined;\n  onPendingToolDecision?:\n  | ((decision: SessionToolDecision) => Promise<void> | void)\n  | undefined;\n}) {\n  if (event.kind === \"user\") {\n    return (\n      <UserRow\n        event={event}\n        showRowMetadata={showRowMetadata}\n        showRaw={showRaw}\n      />\n    );\n  }\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          messageBadge={\n            event.kind === \"assistant\" ? renderMessageBadge?.(event) : undefined\n          }\n          onPendingToolDecision={onPendingToolDecision}\n        />\n        {showRowMetadata && <EventMetadata event={event} />}\n        {showRaw && event.raw !== undefined && (\n          <RawEventBlock raw={event.raw} />\n        )}\n      </div>\n    </li>\n  );\n}\n\nexport function WaitGroupRow({\n  group,\n  last,\n  defaultExpanded,\n  showRowMetadata = false,\n  showRaw = false,\n  renderMessageBadge,\n  onPendingToolDecision,\n}: {\n  group: SessionEventGroup;\n  last: boolean;\n  defaultExpanded: boolean;\n  showRowMetadata?: boolean;\n  showRaw?: boolean;\n  renderMessageBadge?: ((event: SessionEvent) => ReactNode) | undefined;\n  onPendingToolDecision?:\n  | ((decision: SessionToolDecision) => Promise<void> | void)\n  | 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                renderMessageBadge={renderMessageBadge}\n                onPendingToolDecision={onPendingToolDecision}\n              />\n            ))}\n          </ol>\n        )}\n      </div>\n    </li>\n  );\n}\n\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 && (\n            <RawEventBlock raw={event.raw} align=\"right\" />\n          )}\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\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  messageBadge,\n  onPendingToolDecision,\n}: {\n  event: SessionEvent;\n  visual: EventVisual;\n  defaultExpanded: boolean;\n  messageBadge?: ReactNode;\n  onPendingToolDecision?:\n  | ((decision: SessionToolDecision) => Promise<void> | void)\n  | 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} badge={messageBadge} />;\n}\n\nfunction MessageBody({\n  event,\n  badge,\n}: {\n  event: SessionEvent;\n  badge?: ReactNode;\n}) {\n  return (\n    <div className=\"flex items-start gap-1.5\">\n      {badge}\n      <div className=\"min-w-0 whitespace-pre-wrap break-words text-sm font-medium leading-relaxed text-foreground\">\n        {event.text && <Markdown text={event.text} />}\n      </div>\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(\n            \"mt-0.5 size-3 shrink-0 transition-transform\",\n            open && \"rotate-180\",\n          )}\n        />\n      </button>\n      {open && (\n        <div className=\"mt-1.5 whitespace-pre-wrap break-words  bg-muted/20 px-density-3 py-density-2 leading-relaxed\">\n          {event.text && <Markdown text={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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"}
+{"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 {\n  UiBrain,\n  UiChevronDown,\n  UiSparkles,\n  UiUserCircle,\n  UiWarningTriangle,\n} from \"../../icons\";\nimport {\n  getSessionAction,\n  type SessionEvent,\n  type SessionTone,\n} from \"./SessionViewer.model\";\nimport { SESSION_TONES } from \"./session-tones\";\nimport type { SessionEventGroup } from \"./SessionViewer.grouping\";\nimport { EventMetadata, RawEventBlock } from \"./SessionViewer.row-metadata\";\nimport { formatEventRange } from \"./SessionViewer.row-time\";\nimport { ToolBody } from \"./SessionViewer.tool-row\";\nimport type { SessionToolDecision } from \"./SessionViewer\";\nimport { Markdown } from \"../Markdown\";\n\nexport function SessionRow({\n  event,\n  last,\n  defaultExpanded,\n  showRowMetadata = false,\n  showRaw = false,\n  renderMessageBadge,\n  onPendingToolDecision,\n}: {\n  event: SessionEvent;\n  last: boolean;\n  defaultExpanded: boolean;\n  showRowMetadata?: boolean;\n  showRaw?: boolean;\n  renderMessageBadge?: ((event: SessionEvent) => ReactNode) | undefined;\n  onPendingToolDecision?:\n  | ((decision: SessionToolDecision) => Promise<void> | void)\n  | undefined;\n}) {\n  if (event.kind === \"user\") {\n    return (\n      <UserRow\n        event={event}\n        showRowMetadata={showRowMetadata}\n        showRaw={showRaw}\n      />\n    );\n  }\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          SESSION_TONES[visual.tone].disc,\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          messageBadge={\n            event.kind === \"assistant\" ? renderMessageBadge?.(event) : undefined\n          }\n          onPendingToolDecision={onPendingToolDecision}\n        />\n        {showRowMetadata && <EventMetadata event={event} />}\n        {showRaw && event.raw !== undefined && (\n          <RawEventBlock raw={event.raw} />\n        )}\n      </div>\n    </li>\n  );\n}\n\nexport function WaitGroupRow({\n  group,\n  last,\n  defaultExpanded,\n  showRowMetadata = false,\n  showRaw = false,\n  renderMessageBadge,\n  onPendingToolDecision,\n}: {\n  group: SessionEventGroup;\n  last: boolean;\n  defaultExpanded: boolean;\n  showRowMetadata?: boolean;\n  showRaw?: boolean;\n  renderMessageBadge?: ((event: SessionEvent) => ReactNode) | undefined;\n  onPendingToolDecision?:\n  | ((decision: SessionToolDecision) => Promise<void> | void)\n  | 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          SESSION_TONES[visual.tone].disc,\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                renderMessageBadge={renderMessageBadge}\n                onPendingToolDecision={onPendingToolDecision}\n              />\n            ))}\n          </ol>\n        )}\n      </div>\n    </li>\n  );\n}\n\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 && (\n            <RawEventBlock raw={event.raw} align=\"right\" />\n          )}\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            SESSION_TONES.slate.disc,\n          )}\n        >\n          <Icon icon={UiUserCircle} className=\"h-3 w-3\" />\n        </span>\n      </div>\n    </li>\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  messageBadge,\n  onPendingToolDecision,\n}: {\n  event: SessionEvent;\n  visual: EventVisual;\n  defaultExpanded: boolean;\n  messageBadge?: ReactNode;\n  onPendingToolDecision?:\n  | ((decision: SessionToolDecision) => Promise<void> | void)\n  | 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} badge={messageBadge} />;\n}\n\nfunction MessageBody({\n  event,\n  badge,\n}: {\n  event: SessionEvent;\n  badge?: ReactNode;\n}) {\n  return (\n    <div className=\"flex items-start gap-1.5\">\n      {badge}\n      <div className=\"min-w-0 whitespace-pre-wrap break-words text-sm font-medium leading-relaxed text-foreground\">\n        {event.text && <Markdown text={event.text} />}\n      </div>\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(\n            \"mt-0.5 size-3 shrink-0 transition-transform\",\n            open && \"rotate-180\",\n          )}\n        />\n      </button>\n      {open && (\n        <div className=\"mt-1.5 whitespace-pre-wrap break-words  bg-muted/20 px-density-3 py-density-2 leading-relaxed\">\n          {event.text && <Markdown text={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/SpecRuntimeEditor/ModelSection.cjs

@@ -7,8 +7,9 @@ const providerIcons = require("../../chat/provider-icons.cjs");
 const Icon = require("../../Icon.cjs");
 const IconButton = require("../../../components/IconButton.cjs");
 const utils = require("../../../lib/utils.cjs");
-const RuntimeBar = require("../RuntimeBar.cjs");
-const runtimeMode = require("../runtime-mode.cjs");
+const ProviderStatusPanel = require("../../runtime/ProviderStatusPanel.cjs");
+const RuntimeBar = require("../../runtime/RuntimeBar.cjs");
+const runtimeMode = require("../../runtime/runtime-mode.cjs");
 const fields = require("./fields.cjs");
 const update = require("./update.cjs");
 const UiCurrencyDollar = require("../../../icons/components/UiCurrencyDollar.cjs");
@@ -83,7 +84,15 @@ function ModelSection({
           mono: true
         }
       ) })
-    ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      ProviderStatusPanel.ProviderStatusPanel,
+      {
+        models,
+        families: families ?? runtimeMode.SPEC_RUNTIME_FAMILIES,
+        defaultCollapsed: true
+      }
+    )
   ] });
 }
 function ModelAdvanced({

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

@@ -1 +1 @@
-{"version":3,"file":"ModelSection.cjs","sources":["../../../../src/data/ai/SpecRuntimeEditor/ModelSection.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport {\n  effortLevelColor,\n  effortLevelIcon,\n  effortLevelLabel,\n} from \"../../chat/effort-icons\";\nimport type { ChatModel } from \"../../chat/types\";\nimport { providerIcon, providerIconColor } from \"../../chat/provider-icons\";\nimport { Icon } from \"../../Icon\";\nimport { IconButton } from \"../../../components\";\nimport { cn } from \"../../../lib/utils\";\nimport {\n  UiAdd,\n  UiCoins,\n  UiCurrencyDollar,\n  UiFingerprint,\n  UiRepeat,\n  UiSparkles,\n  UiTimer,\n  UiTrash,\n} from \"../../../icons\";\nimport type {\n  AISpecRuntimeModelFallback,\n  AISpecRuntimeValue,\n} from \"../SpecRuntimeEditor.model\";\nimport { RuntimeBar } from \"../RuntimeBar\";\nimport {\n  SPEC_RUNTIME_FAMILIES,\n  firstMode,\n  modeForBackend,\n  type SpecRuntimeFamily,\n} from \"../runtime-mode\";\nimport { CheckboxField, NumberField, SpecField, SpecInput } from \"./fields\";\nimport { withBudgetValue, withOptionalRoot, withRoot } from \"./update\";\n\ntype FallbackDraftPatch = {\n  model?: string | undefined;\n  id?: string | undefined;\n  backend?: string | undefined;\n  temperature?: number | undefined;\n  effort?: string | undefined;\n  noCache?: boolean | undefined;\n};\n\nexport function ModelSection({\n  value,\n  onChange,\n  models,\n  families,\n}: {\n  value: AISpecRuntimeValue;\n  onChange: (value: AISpecRuntimeValue) => void;\n  models: ChatModel[];\n  families?: SpecRuntimeFamily[] | undefined;\n}) {\n  // The bar owns family, mode, model and effort — including the free-text model\n  // entry for families the catalog does not describe.\n  return (\n    <div className=\"grid gap-density-2\">\n      <RuntimeBar\n        value={value}\n        onChange={onChange}\n        models={models}\n        {...(families ? { families } : {})}\n      />\n      <div className=\"grid grid-cols-2 gap-density-2 md:grid-cols-4\">\n        <NumberField\n          label=\"Max cost (USD)\"\n          value={value.budget?.cost}\n          onChange={(cost) => onChange(withBudgetValue(value, \"cost\", cost))}\n          icon={UiCurrencyDollar}\n          min={0}\n          step={0.01}\n        />\n        <NumberField\n          label=\"Max tokens\"\n          value={value.budget?.maxTokens}\n          onChange={(maxTokens) =>\n            onChange(withBudgetValue(value, \"maxTokens\", maxTokens))\n          }\n          icon={UiCoins}\n          min={0}\n          step={1}\n          integer\n        />\n        <NumberField\n          label=\"Max turns\"\n          value={value.budget?.maxTurns}\n          onChange={(maxTurns) =>\n            onChange(withBudgetValue(value, \"maxTurns\", maxTurns))\n          }\n          icon={UiRepeat}\n          min={0}\n          max={100}\n          step={1}\n          integer\n        />\n        <SpecField label=\"Timeout\">\n          <SpecInput\n            value={value.budget?.timeout}\n            onChange={(timeout) =>\n              onChange(withBudgetValue(value, \"timeout\", timeout))\n            }\n            placeholder=\"30m\"\n            icon={UiTimer}\n            mono\n          />\n        </SpecField>\n      </div>\n    </div>\n  );\n}\n\nexport function ModelAdvanced({\n  value,\n  onChange,\n  models = [],\n  families,\n}: {\n  value: AISpecRuntimeValue;\n  onChange: (value: AISpecRuntimeValue) => void;\n  models?: ChatModel[] | undefined;\n  families?: SpecRuntimeFamily[] | undefined;\n}) {\n  return (\n    <div className=\"grid gap-density-2\">\n      <FallbackModelsEditor\n        value={value}\n        onChange={onChange}\n        models={models}\n        {...(families ? { families } : {})}\n      />\n      <SpecField label=\"Session ID\">\n        <SpecInput\n          value={value.sessionId}\n          onChange={(sessionId) =>\n            onChange(withOptionalRoot(value, \"sessionId\", sessionId))\n          }\n          placeholder=\"session UUID\"\n          icon={UiFingerprint}\n          mono\n        />\n      </SpecField>\n      <CheckboxField\n        label=\"Disable prompt caching\"\n        checked={value.noCache}\n        onChange={(noCache) => onChange(withRoot(value, { noCache }))}\n      />\n    </div>\n  );\n}\n\nfunction FallbackModelsEditor({\n  value,\n  onChange,\n  models,\n  families = SPEC_RUNTIME_FAMILIES,\n}: {\n  value: AISpecRuntimeValue;\n  onChange: (value: AISpecRuntimeValue) => void;\n  models: ChatModel[];\n  families?: SpecRuntimeFamily[] | undefined;\n}) {\n  const fallbacks = value.fallbacks ?? [];\n  const [expandedIndex, setExpandedIndex] = useState<number | null>(null);\n\n  const setFallbacks = (nextFallbacks: AISpecRuntimeModelFallback[]) => {\n    onChange(withRoot(value, { fallbacks: nextFallbacks }));\n  };\n\n  const removeFallback = (index: number) => {\n    setFallbacks(fallbacks.filter((_, rowIndex) => rowIndex !== index));\n    setExpandedIndex((current) => {\n      if (current == null) return null;\n      if (current === index) return null;\n      return current > index ? current - 1 : current;\n    });\n  };\n\n  const addFallback = () => {\n    const nextFallbacks = [...fallbacks, newFallbackDraft(value, families)];\n    setFallbacks(nextFallbacks);\n    setExpandedIndex(nextFallbacks.length - 1);\n  };\n\n  const updateFallback = (index: number, nextFallback: FallbackDraftPatch) => {\n    setFallbacks(\n      fallbacks.map((fallback, rowIndex) =>\n        rowIndex === index ? compactEditableFallback(nextFallback) : fallback,\n      ),\n    );\n  };\n\n  const toggleFallback = (index: number) => {\n    setExpandedIndex((current) => (current === index ? null : index));\n  };\n\n  return (\n    <div className=\"space-y-density-2\">\n      <div className=\"flex items-center justify-between gap-density-2\">\n        <div className=\"inline-flex min-w-0 items-center gap-1.5 text-xs font-medium text-muted-foreground\">\n          <Icon icon={UiRepeat} className=\"size-3.5 shrink-0\" />\n          <span>Fallback models</span>\n        </div>\n        <button\n          type=\"button\"\n          onClick={addFallback}\n          className=\"inline-flex items-center gap-1 rounded-md border border-border bg-background px-density-2 py-density-1 text-xs font-medium text-muted-foreground hover:bg-muted hover:text-foreground\"\n        >\n          <Icon icon={UiAdd} className=\"size-3.5\" />\n          Add\n        </button>\n      </div>\n      {fallbacks.length > 0 && (\n        <div className=\"overflow-hidden rounded-md border border-border\">\n          <div className=\"divide-y divide-border\">\n            {fallbacks.map((fallback, index) => (\n              <FallbackModelRow\n                key={`${fallback.model ?? \"fallback\"}-${index}`}\n                fallback={fallback}\n                models={models}\n                families={families}\n                expanded={expandedIndex === index}\n                editorId={`spec-runtime-fallback-${index}-picker`}\n                onToggle={() => toggleFallback(index)}\n                onChange={(nextFallback) => updateFallback(index, nextFallback)}\n                onRemove={() => removeFallback(index)}\n              />\n            ))}\n          </div>\n        </div>\n      )}\n    </div>\n  );\n}\n\nfunction FallbackModelRow({\n  fallback,\n  models,\n  families,\n  expanded,\n  editorId,\n  onToggle,\n  onChange,\n  onRemove,\n}: {\n  fallback: AISpecRuntimeModelFallback;\n  models: ChatModel[];\n  families: SpecRuntimeFamily[];\n  expanded: boolean;\n  editorId: string;\n  onToggle: () => void;\n  onChange: (value: AISpecRuntimeModelFallback) => void;\n  onRemove: () => void;\n}) {\n  const meta = fallbackModelMeta(fallback, models);\n  const Glyph = meta.provider ? providerIcon(meta.provider) : undefined;\n  const label = meta.label || \"Select model\";\n  // The collapsed row is the bar in miniature: brand mark, runtime mode, model,\n  // effort — each carrying the same tone it has inside the expanded editor.\n  const mode = modeForBackend(families, fallback.backend);\n  const effortGlyph = fallback.effort\n    ? effortLevelIcon(fallback.effort)\n    : undefined;\n  return (\n    <div>\n      <div className=\"grid min-h-9 grid-cols-[minmax(0,1fr)_auto] items-center gap-density-1 px-density-1 py-density-1\">\n        <button\n          type=\"button\"\n          aria-expanded={expanded}\n          aria-controls={editorId}\n          aria-label={`Edit fallback ${label}`}\n          onClick={onToggle}\n          className=\"grid min-w-0 grid-cols-[auto_auto_minmax(0,1fr)_auto] items-center gap-density-2 rounded-md px-density-1 py-density-1 text-left hover:bg-muted\"\n        >\n          {Glyph ? (\n            <Glyph\n              className={cn(\n                \"size-4 shrink-0\",\n                meta.provider ? providerIconColor(meta.provider) : undefined,\n              )}\n            />\n          ) : (\n            <Icon\n              icon={UiSparkles}\n              className=\"size-4 shrink-0 text-muted-foreground/70\"\n            />\n          )}\n          {mode?.icon ? (\n            <Icon\n              icon={mode.icon}\n              className=\"size-4 shrink-0 text-muted-foreground\"\n              title={mode.title ?? mode.label}\n            />\n          ) : (\n            // Held open so rows with and without a known mode still align.\n            <span aria-hidden=\"true\" className=\"size-4\" />\n          )}\n          <span\n            className=\"min-w-0 truncate font-mono text-xs text-foreground\"\n            title={label}\n          >\n            {label}\n          </span>\n          {fallback.effort ? (\n            <span className=\"inline-flex items-center gap-1 rounded-full bg-muted px-2 py-0.5 text-[10px] font-semibold uppercase leading-none text-muted-foreground\">\n              {effortGlyph && (\n                <Icon\n                  icon={effortGlyph}\n                  className={cn(\"size-3\", effortLevelColor(fallback.effort))}\n                />\n              )}\n              {effortLevelLabel(fallback.effort)}\n            </span>\n          ) : (\n            <span aria-hidden=\"true\" />\n          )}\n        </button>\n        <IconButton\n          icon={UiTrash}\n          label={`Remove ${label}`}\n          onClick={onRemove}\n          className=\"size-6\"\n          iconClassName=\"size-4\"\n        />\n      </div>\n      {expanded && (\n        <div className=\"border-t border-border p-density-2\">\n          <FallbackModelPicker\n            id={editorId}\n            value={fallback}\n            onChange={onChange}\n            models={models}\n            families={families}\n          />\n        </div>\n      )}\n    </div>\n  );\n}\n\nfunction FallbackModelPicker({\n  id,\n  value,\n  onChange,\n  models,\n  families,\n}: {\n  id: string;\n  value: AISpecRuntimeModelFallback;\n  onChange: (value: AISpecRuntimeModelFallback) => void;\n  models: ChatModel[];\n  families: SpecRuntimeFamily[];\n}) {\n  return (\n    <div\n      id={id}\n      role=\"group\"\n      aria-label=\"Fallback model picker\"\n      className=\"rounded-md border border-dashed border-border bg-muted/20 p-density-2\"\n    >\n      <RuntimeBar\n        value={value}\n        onChange={(next) => onChange(compactEditableFallback(next))}\n        models={models}\n        families={families}\n        ariaLabel=\"Fallback runtime\"\n      />\n    </div>\n  );\n}\n\nfunction newFallbackDraft(\n  value: AISpecRuntimeValue,\n  families: SpecRuntimeFamily[],\n): AISpecRuntimeModelFallback {\n  const fallback: AISpecRuntimeModelFallback = {};\n  const backend = value.backend || defaultFallbackBackend(families);\n  if (backend) fallback.backend = backend;\n  if (value.effort) fallback.effort = value.effort;\n  if (value.temperature != null && Number.isFinite(value.temperature)) {\n    fallback.temperature = value.temperature;\n  }\n  return fallback;\n}\n\nfunction defaultFallbackBackend(families: SpecRuntimeFamily[]): string {\n  const family = families[0] ?? SPEC_RUNTIME_FAMILIES[0];\n  return family ? firstMode(family).backend : \"\";\n}\n\nfunction compactEditableFallback(\n  value: FallbackDraftPatch,\n): AISpecRuntimeModelFallback {\n  const next: AISpecRuntimeModelFallback = {};\n  const model = cleanString(value.model);\n  if (model) next.model = model;\n  const id = cleanString(value.id);\n  if (id) next.id = id;\n  const backend = cleanString(value.backend);\n  if (backend) next.backend = backend;\n  if (value.temperature != null && Number.isFinite(value.temperature)) {\n    next.temperature = value.temperature;\n  }\n  const effort = cleanString(value.effort);\n  if (effort) next.effort = effort;\n  if (value.noCache) next.noCache = true;\n  return next;\n}\n\nfunction fallbackModelMeta(\n  fallback: AISpecRuntimeModelFallback,\n  models: ChatModel[],\n): { label: string; provider?: string | undefined } {\n  const modelId = fallback.model ?? \"\";\n  const match = models.find(\n    (model) => model.id === modelId || model.label === modelId,\n  );\n  if (match) return { label: match.label, provider: match.provider };\n  return {\n    label: modelId || fallback.id || \"\",\n    provider: inferProvider(fallback),\n  };\n}\n\nfunction inferProvider(\n  fallback: AISpecRuntimeModelFallback,\n): string | undefined {\n  const text =\n    `${fallback.backend ?? \"\"} ${fallback.model ?? \"\"}`.toLowerCase();\n  if (text.includes(\"anthropic\") || text.includes(\"claude\")) return \"anthropic\";\n  if (text.includes(\"google\") || text.includes(\"gemini\")) return \"googleai\";\n  if (\n    text.includes(\"openai\") ||\n    text.includes(\"gpt\") ||\n    text.includes(\"codex\")\n  ) {\n    return \"openai\";\n  }\n  return undefined;\n}\n\nfunction cleanString(value: string | undefined): string {\n  return value?.trim() ?? \"\";\n}\n"],"names":["jsxs","jsx","RuntimeBar","NumberField","withBudgetValue","UiCurrencyDollar","UiCoins","UiRepeat","SpecField","SpecInput","UiTimer","withOptionalRoot","UiFingerprint","CheckboxField","withRoot","SPEC_RUNTIME_FAMILIES","useState","Icon","UiAdd","providerIcon","modeForBackend","effortLevelIcon","cn","providerIconColor","UiSparkles","effortLevelColor","effortLevelLabel","IconButton","UiTrash","firstMode"],"mappings":"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"}
+{"version":3,"file":"ModelSection.cjs","sources":["../../../../src/data/ai/SpecRuntimeEditor/ModelSection.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport {\n  effortLevelColor,\n  effortLevelIcon,\n  effortLevelLabel,\n} from \"../../chat/effort-icons\";\nimport type { ChatModel } from \"../../chat/types\";\nimport { providerIcon, providerIconColor } from \"../../chat/provider-icons\";\nimport { Icon } from \"../../Icon\";\nimport { IconButton } from \"../../../components\";\nimport { cn } from \"../../../lib/utils\";\nimport {\n  UiAdd,\n  UiCoins,\n  UiCurrencyDollar,\n  UiFingerprint,\n  UiRepeat,\n  UiSparkles,\n  UiTimer,\n  UiTrash,\n} from \"../../../icons\";\nimport type {\n  AISpecRuntimeModelFallback,\n  AISpecRuntimeValue,\n} from \"../SpecRuntimeEditor.model\";\nimport { ProviderStatusPanel } from \"../../runtime/ProviderStatusPanel\";\nimport { RuntimeBar } from \"../../runtime/RuntimeBar\";\nimport {\n  SPEC_RUNTIME_FAMILIES,\n  firstMode,\n  modeForBackend,\n  type SpecRuntimeFamily,\n} from \"../../runtime/runtime-mode\";\nimport { CheckboxField, NumberField, SpecField, SpecInput } from \"./fields\";\nimport { withBudgetValue, withOptionalRoot, withRoot } from \"./update\";\n\ntype FallbackDraftPatch = {\n  model?: string | undefined;\n  id?: string | undefined;\n  backend?: string | undefined;\n  temperature?: number | undefined;\n  effort?: string | undefined;\n  noCache?: boolean | undefined;\n};\n\nexport function ModelSection({\n  value,\n  onChange,\n  models,\n  families,\n}: {\n  value: AISpecRuntimeValue;\n  onChange: (value: AISpecRuntimeValue) => void;\n  models: ChatModel[];\n  families?: SpecRuntimeFamily[] | undefined;\n}) {\n  // The bar owns family, mode, model and effort — including the free-text model\n  // entry for families the catalog does not describe.\n  return (\n    <div className=\"grid gap-density-2\">\n      <RuntimeBar\n        value={value}\n        onChange={onChange}\n        models={models}\n        {...(families ? { families } : {})}\n      />\n      <div className=\"grid grid-cols-2 gap-density-2 md:grid-cols-4\">\n        <NumberField\n          label=\"Max cost (USD)\"\n          value={value.budget?.cost}\n          onChange={(cost) => onChange(withBudgetValue(value, \"cost\", cost))}\n          icon={UiCurrencyDollar}\n          min={0}\n          step={0.01}\n        />\n        <NumberField\n          label=\"Max tokens\"\n          value={value.budget?.maxTokens}\n          onChange={(maxTokens) =>\n            onChange(withBudgetValue(value, \"maxTokens\", maxTokens))\n          }\n          icon={UiCoins}\n          min={0}\n          step={1}\n          integer\n        />\n        <NumberField\n          label=\"Max turns\"\n          value={value.budget?.maxTurns}\n          onChange={(maxTurns) =>\n            onChange(withBudgetValue(value, \"maxTurns\", maxTurns))\n          }\n          icon={UiRepeat}\n          min={0}\n          max={100}\n          step={1}\n          integer\n        />\n        <SpecField label=\"Timeout\">\n          <SpecInput\n            value={value.budget?.timeout}\n            onChange={(timeout) =>\n              onChange(withBudgetValue(value, \"timeout\", timeout))\n            }\n            placeholder=\"30m\"\n            icon={UiTimer}\n            mono\n          />\n        </SpecField>\n      </div>\n      <ProviderStatusPanel\n        models={models}\n        families={families ?? SPEC_RUNTIME_FAMILIES}\n        defaultCollapsed\n      />\n    </div>\n  );\n}\n\nexport function ModelAdvanced({\n  value,\n  onChange,\n  models = [],\n  families,\n}: {\n  value: AISpecRuntimeValue;\n  onChange: (value: AISpecRuntimeValue) => void;\n  models?: ChatModel[] | undefined;\n  families?: SpecRuntimeFamily[] | undefined;\n}) {\n  return (\n    <div className=\"grid gap-density-2\">\n      <FallbackModelsEditor\n        value={value}\n        onChange={onChange}\n        models={models}\n        {...(families ? { families } : {})}\n      />\n      <SpecField label=\"Session ID\">\n        <SpecInput\n          value={value.sessionId}\n          onChange={(sessionId) =>\n            onChange(withOptionalRoot(value, \"sessionId\", sessionId))\n          }\n          placeholder=\"session UUID\"\n          icon={UiFingerprint}\n          mono\n        />\n      </SpecField>\n      <CheckboxField\n        label=\"Disable prompt caching\"\n        checked={value.noCache}\n        onChange={(noCache) => onChange(withRoot(value, { noCache }))}\n      />\n    </div>\n  );\n}\n\nfunction FallbackModelsEditor({\n  value,\n  onChange,\n  models,\n  families = SPEC_RUNTIME_FAMILIES,\n}: {\n  value: AISpecRuntimeValue;\n  onChange: (value: AISpecRuntimeValue) => void;\n  models: ChatModel[];\n  families?: SpecRuntimeFamily[] | undefined;\n}) {\n  const fallbacks = value.fallbacks ?? [];\n  const [expandedIndex, setExpandedIndex] = useState<number | null>(null);\n\n  const setFallbacks = (nextFallbacks: AISpecRuntimeModelFallback[]) => {\n    onChange(withRoot(value, { fallbacks: nextFallbacks }));\n  };\n\n  const removeFallback = (index: number) => {\n    setFallbacks(fallbacks.filter((_, rowIndex) => rowIndex !== index));\n    setExpandedIndex((current) => {\n      if (current == null) return null;\n      if (current === index) return null;\n      return current > index ? current - 1 : current;\n    });\n  };\n\n  const addFallback = () => {\n    const nextFallbacks = [...fallbacks, newFallbackDraft(value, families)];\n    setFallbacks(nextFallbacks);\n    setExpandedIndex(nextFallbacks.length - 1);\n  };\n\n  const updateFallback = (index: number, nextFallback: FallbackDraftPatch) => {\n    setFallbacks(\n      fallbacks.map((fallback, rowIndex) =>\n        rowIndex === index ? compactEditableFallback(nextFallback) : fallback\n      )\n    );\n  };\n\n  const toggleFallback = (index: number) => {\n    setExpandedIndex((current) => (current === index ? null : index));\n  };\n\n  return (\n    <div className=\"space-y-density-2\">\n      <div className=\"flex items-center justify-between gap-density-2\">\n        <div className=\"inline-flex min-w-0 items-center gap-1.5 text-xs font-medium text-muted-foreground\">\n          <Icon icon={UiRepeat} className=\"size-3.5 shrink-0\" />\n          <span>Fallback models</span>\n        </div>\n        <button\n          type=\"button\"\n          onClick={addFallback}\n          className=\"inline-flex items-center gap-1 rounded-md border border-border bg-background px-density-2 py-density-1 text-xs font-medium text-muted-foreground hover:bg-muted hover:text-foreground\"\n        >\n          <Icon icon={UiAdd} className=\"size-3.5\" />\n          Add\n        </button>\n      </div>\n      {fallbacks.length > 0 && (\n        <div className=\"overflow-hidden rounded-md border border-border\">\n          <div className=\"divide-y divide-border\">\n            {fallbacks.map((fallback, index) => (\n              <FallbackModelRow\n                key={`${fallback.model ?? \"fallback\"}-${index}`}\n                fallback={fallback}\n                models={models}\n                families={families}\n                expanded={expandedIndex === index}\n                editorId={`spec-runtime-fallback-${index}-picker`}\n                onToggle={() => toggleFallback(index)}\n                onChange={(nextFallback) => updateFallback(index, nextFallback)}\n                onRemove={() => removeFallback(index)}\n              />\n            ))}\n          </div>\n        </div>\n      )}\n    </div>\n  );\n}\n\nfunction FallbackModelRow({\n  fallback,\n  models,\n  families,\n  expanded,\n  editorId,\n  onToggle,\n  onChange,\n  onRemove,\n}: {\n  fallback: AISpecRuntimeModelFallback;\n  models: ChatModel[];\n  families: SpecRuntimeFamily[];\n  expanded: boolean;\n  editorId: string;\n  onToggle: () => void;\n  onChange: (value: AISpecRuntimeModelFallback) => void;\n  onRemove: () => void;\n}) {\n  const meta = fallbackModelMeta(fallback, models);\n  const Glyph = meta.provider ? providerIcon(meta.provider) : undefined;\n  const label = meta.label || \"Select model\";\n  // The collapsed row is the bar in miniature: brand mark, runtime mode, model,\n  // effort — each carrying the same tone it has inside the expanded editor.\n  const mode = modeForBackend(families, fallback.backend);\n  const effortGlyph = fallback.effort\n    ? effortLevelIcon(fallback.effort)\n    : undefined;\n  return (\n    <div>\n      <div className=\"grid min-h-9 grid-cols-[minmax(0,1fr)_auto] items-center gap-density-1 px-density-1 py-density-1\">\n        <button\n          type=\"button\"\n          aria-expanded={expanded}\n          aria-controls={editorId}\n          aria-label={`Edit fallback ${label}`}\n          onClick={onToggle}\n          className=\"grid min-w-0 grid-cols-[auto_auto_minmax(0,1fr)_auto] items-center gap-density-2 rounded-md px-density-1 py-density-1 text-left hover:bg-muted\"\n        >\n          {Glyph ? (\n            <Glyph\n              className={cn(\n                \"size-4 shrink-0\",\n                meta.provider ? providerIconColor(meta.provider) : undefined\n              )}\n            />\n          ) : (\n            <Icon\n              icon={UiSparkles}\n              className=\"size-4 shrink-0 text-muted-foreground/70\"\n            />\n          )}\n          {mode?.icon ? (\n            <Icon\n              icon={mode.icon}\n              className=\"size-4 shrink-0 text-muted-foreground\"\n              title={mode.title ?? mode.label}\n            />\n          ) : (\n            // Held open so rows with and without a known mode still align.\n            <span aria-hidden=\"true\" className=\"size-4\" />\n          )}\n          <span\n            className=\"min-w-0 truncate font-mono text-xs text-foreground\"\n            title={label}\n          >\n            {label}\n          </span>\n          {fallback.effort ? (\n            <span className=\"inline-flex items-center gap-1 rounded-full bg-muted px-2 py-0.5 text-[10px] font-semibold uppercase leading-none text-muted-foreground\">\n              {effortGlyph && (\n                <Icon\n                  icon={effortGlyph}\n                  className={cn(\"size-3\", effortLevelColor(fallback.effort))}\n                />\n              )}\n              {effortLevelLabel(fallback.effort)}\n            </span>\n          ) : (\n            <span aria-hidden=\"true\" />\n          )}\n        </button>\n        <IconButton\n          icon={UiTrash}\n          label={`Remove ${label}`}\n          onClick={onRemove}\n          className=\"size-6\"\n          iconClassName=\"size-4\"\n        />\n      </div>\n      {expanded && (\n        <div className=\"border-t border-border p-density-2\">\n          <FallbackModelPicker\n            id={editorId}\n            value={fallback}\n            onChange={onChange}\n            models={models}\n            families={families}\n          />\n        </div>\n      )}\n    </div>\n  );\n}\n\nfunction FallbackModelPicker({\n  id,\n  value,\n  onChange,\n  models,\n  families,\n}: {\n  id: string;\n  value: AISpecRuntimeModelFallback;\n  onChange: (value: AISpecRuntimeModelFallback) => void;\n  models: ChatModel[];\n  families: SpecRuntimeFamily[];\n}) {\n  return (\n    <div\n      id={id}\n      role=\"group\"\n      aria-label=\"Fallback model picker\"\n      className=\"rounded-md border border-dashed border-border bg-muted/20 p-density-2\"\n    >\n      <RuntimeBar\n        value={value}\n        onChange={(next) => onChange(compactEditableFallback(next))}\n        models={models}\n        families={families}\n        ariaLabel=\"Fallback runtime\"\n      />\n    </div>\n  );\n}\n\nfunction newFallbackDraft(\n  value: AISpecRuntimeValue,\n  families: SpecRuntimeFamily[]\n): AISpecRuntimeModelFallback {\n  const fallback: AISpecRuntimeModelFallback = {};\n  const backend = value.backend || defaultFallbackBackend(families);\n  if (backend) fallback.backend = backend;\n  if (value.effort) fallback.effort = value.effort;\n  if (value.temperature != null && Number.isFinite(value.temperature)) {\n    fallback.temperature = value.temperature;\n  }\n  return fallback;\n}\n\nfunction defaultFallbackBackend(families: SpecRuntimeFamily[]): string {\n  const family = families[0] ?? SPEC_RUNTIME_FAMILIES[0];\n  return family ? firstMode(family).backend : \"\";\n}\n\nfunction compactEditableFallback(\n  value: FallbackDraftPatch\n): AISpecRuntimeModelFallback {\n  const next: AISpecRuntimeModelFallback = {};\n  const model = cleanString(value.model);\n  if (model) next.model = model;\n  const id = cleanString(value.id);\n  if (id) next.id = id;\n  const backend = cleanString(value.backend);\n  if (backend) next.backend = backend;\n  if (value.temperature != null && Number.isFinite(value.temperature)) {\n    next.temperature = value.temperature;\n  }\n  const effort = cleanString(value.effort);\n  if (effort) next.effort = effort;\n  if (value.noCache) next.noCache = true;\n  return next;\n}\n\nfunction fallbackModelMeta(\n  fallback: AISpecRuntimeModelFallback,\n  models: ChatModel[]\n): { label: string; provider?: string | undefined } {\n  const modelId = fallback.model ?? \"\";\n  const match = models.find(\n    (model) => model.id === modelId || model.label === modelId\n  );\n  if (match) return { label: match.label, provider: match.provider };\n  return {\n    label: modelId || fallback.id || \"\",\n    provider: inferProvider(fallback),\n  };\n}\n\nfunction inferProvider(\n  fallback: AISpecRuntimeModelFallback\n): string | undefined {\n  const text = `${fallback.backend ?? \"\"} ${\n    fallback.model ?? \"\"\n  }`.toLowerCase();\n  if (text.includes(\"anthropic\") || text.includes(\"claude\")) return \"anthropic\";\n  if (text.includes(\"google\") || text.includes(\"gemini\")) return \"googleai\";\n  if (\n    text.includes(\"openai\") ||\n    text.includes(\"gpt\") ||\n    text.includes(\"codex\")\n  ) {\n    return \"openai\";\n  }\n  return undefined;\n}\n\nfunction cleanString(value: string | undefined): string {\n  return value?.trim() ?? \"\";\n}\n"],"names":["jsxs","jsx","RuntimeBar","NumberField","withBudgetValue","UiCurrencyDollar","UiCoins","UiRepeat","SpecField","SpecInput","UiTimer","ProviderStatusPanel","SPEC_RUNTIME_FAMILIES","withOptionalRoot","UiFingerprint","CheckboxField","withRoot","useState","Icon","UiAdd","providerIcon","modeForBackend","effortLevelIcon","cn","providerIconColor","UiSparkles","effortLevelColor","effortLevelLabel","IconButton","UiTrash","firstMode"],"mappings":"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"}

package/dist/data/ai/SpecRuntimeEditor/ModelSection.d.ts

@@ -1,6 +1,6 @@
 import { ChatModel } from '../../chat/types';
 import { AISpecRuntimeValue } from '../SpecRuntimeEditor.model';
-import { SpecRuntimeFamily } from '../runtime-mode';
+import { SpecRuntimeFamily } from '../../runtime/runtime-mode';
 export declare function ModelSection({ value, onChange, models, families, }: {
     value: AISpecRuntimeValue;
     onChange: (value: AISpecRuntimeValue) => void;

package/dist/data/ai/SpecRuntimeEditor/ModelSection.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ModelSection.d.ts","sourceRoot":"","sources":["../../../../src/data/ai/SpecRuntimeEditor/ModelSection.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAelD,OAAO,KAAK,EAEV,kBAAkB,EACnB,MAAM,4BAA4B,CAAC;AAEpC,OAAO,EAIL,KAAK,iBAAiB,EACvB,MAAM,iBAAiB,CAAC;AAazB,wBAAgB,YAAY,CAAC,EAC3B,KAAK,EACL,QAAQ,EACR,MAAM,EACN,QAAQ,GACT,EAAE;IACD,KAAK,EAAE,kBAAkB,CAAC;IAC1B,QAAQ,EAAE,CAAC,KAAK,EAAE,kBAAkB,KAAK,IAAI,CAAC;IAC9C,MAAM,EAAE,SAAS,EAAE,CAAC;IACpB,QAAQ,CAAC,EAAE,iBAAiB,EAAE,GAAG,SAAS,CAAC;CAC5C,2CAyDA;AAED,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,QAAQ,EACR,MAAW,EACX,QAAQ,GACT,EAAE;IACD,KAAK,EAAE,kBAAkB,CAAC;IAC1B,QAAQ,EAAE,CAAC,KAAK,EAAE,kBAAkB,KAAK,IAAI,CAAC;IAC9C,MAAM,CAAC,EAAE,SAAS,EAAE,GAAG,SAAS,CAAC;IACjC,QAAQ,CAAC,EAAE,iBAAiB,EAAE,GAAG,SAAS,CAAC;CAC5C,2CA2BA"}
+{"version":3,"file":"ModelSection.d.ts","sourceRoot":"","sources":["../../../../src/data/ai/SpecRuntimeEditor/ModelSection.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAelD,OAAO,KAAK,EAEV,kBAAkB,EACnB,MAAM,4BAA4B,CAAC;AAGpC,OAAO,EAIL,KAAK,iBAAiB,EACvB,MAAM,4BAA4B,CAAC;AAapC,wBAAgB,YAAY,CAAC,EAC3B,KAAK,EACL,QAAQ,EACR,MAAM,EACN,QAAQ,GACT,EAAE;IACD,KAAK,EAAE,kBAAkB,CAAC;IAC1B,QAAQ,EAAE,CAAC,KAAK,EAAE,kBAAkB,KAAK,IAAI,CAAC;IAC9C,MAAM,EAAE,SAAS,EAAE,CAAC;IACpB,QAAQ,CAAC,EAAE,iBAAiB,EAAE,GAAG,SAAS,CAAC;CAC5C,2CA8DA;AAED,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,QAAQ,EACR,MAAW,EACX,QAAQ,GACT,EAAE;IACD,KAAK,EAAE,kBAAkB,CAAC;IAC1B,QAAQ,EAAE,CAAC,KAAK,EAAE,kBAAkB,KAAK,IAAI,CAAC;IAC9C,MAAM,CAAC,EAAE,SAAS,EAAE,GAAG,SAAS,CAAC;IACjC,QAAQ,CAAC,EAAE,iBAAiB,EAAE,GAAG,SAAS,CAAC;CAC5C,2CA2BA"}

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

@@ -5,8 +5,9 @@ import { providerIcon, providerIconColor } from "../../chat/provider-icons.js";
 import { Icon } from "../../Icon.js";
 import { IconButton } from "../../../components/IconButton.js";
 import { cn } from "../../../lib/utils.js";
-import { RuntimeBar } from "../RuntimeBar.js";
-import { SPEC_RUNTIME_FAMILIES, modeForBackend, firstMode } from "../runtime-mode.js";
+import { ProviderStatusPanel } from "../../runtime/ProviderStatusPanel.js";
+import { RuntimeBar } from "../../runtime/RuntimeBar.js";
+import { SPEC_RUNTIME_FAMILIES, modeForBackend, firstMode } from "../../runtime/runtime-mode.js";
 import { NumberField, SpecField, SpecInput, CheckboxField } from "./fields.js";
 import { withBudgetValue, withOptionalRoot, withRoot } from "./update.js";
 import { UiCurrencyDollar } from "../../../icons/components/UiCurrencyDollar.js";
@@ -81,7 +82,15 @@ function ModelSection({
           mono: true
         }
       ) })
-    ] })
+    ] }),
+    /* @__PURE__ */ jsx(
+      ProviderStatusPanel,
+      {
+        models,
+        families: families ?? SPEC_RUNTIME_FAMILIES,
+        defaultCollapsed: true
+      }
+    )
   ] });
 }
 function ModelAdvanced({