@flanksource/clicky-ui 0.3.40 → 0.3.42

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

@@ -1 +1 @@
-{"version":3,"file":"SessionViewer.cjs","sources":["../../../src/data/ai/SessionViewer.tsx"],"sourcesContent":["import { useMemo, useState, type ReactNode } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { cn } from \"../../lib/utils\";\nimport { Icon } from \"../Icon\";\nimport { useDensityValue, type Density } from \"../../hooks/use-density\";\nimport { DensityValueProvider } from \"../../hooks/density-provider\";\nimport { UiRobotAi } from \"../../icons\";\nimport {\n  getSessionMetadata,\n  normalizeSession,\n  summarizeSession,\n  type SessionEvent,\n  type SessionInput,\n} from \"./SessionViewer.model\";\nimport {\n  collapseWaitRuns,\n  isSessionEventGroup,\n} from \"./SessionViewer.grouping\";\nimport { SessionRow, WaitGroupRow } from \"./SessionViewer.rows\";\nimport { SessionMetadataBadges } from \"./SessionViewer.header\";\nimport {\n  collectSessionFilters,\n  isEventVisible,\n  type SessionCategory,\n} from \"./session-categories\";\nimport {\n  SessionViewerMenu,\n  type SessionThemeOverride,\n} from \"./SessionViewerMenu\";\nimport { useSessionScroll } from \"./use-session-scroll\";\n\nexport type {\n  SessionEntry,\n  SessionEvent,\n  SessionInput,\n  SessionActionMeta,\n} from \"./SessionViewer.model\";\nexport type { SessionThemeOverride } from \"./SessionViewerMenu\";\n\nexport interface SessionPendingTool {\n  tool: string;\n  input?: Record<string, unknown>;\n  toolCallId?: string;\n  approvalId?: string;\n  sessionId?: string;\n}\n\nexport interface SessionToolDecision {\n  event: SessionEvent;\n  allow: boolean;\n  message?: string;\n  answers?: Record<string, string | string[]>;\n}\n\nexport interface SessionViewerProps {\n  /** A captain session: parsed `SessionEntry[]` or raw log text (JSON / JSONL). */\n  session: SessionInput;\n  className?: string;\n  /** Expand each tool call's input/output by default. Defaults to false. */\n  defaultExpanded?: boolean;\n  /** Render assistant reasoning (\"thinking\") blocks. Defaults to true. */\n  showThinking?: boolean;\n  /** Show the summary header (model + action counts). Defaults to true. */\n  showHeader?: boolean;\n  /** Show context usage in the summary header. Defaults to true. */\n  showContextMeter?: boolean;\n  /** Show the 3-dot menu (density + category/tool/source filters). Defaults to true. */\n  showMenu?: boolean;\n  /** Controls rendered beside the 3-dot menu in the summary header. */\n  headerActions?: ReactNode;\n  /** Host controls rendered at the top of the 3-dot menu. */\n  menuHeader?: ReactNode;\n  /** Portal the 3-dot menu into this element instead of rendering it inline in\n   *  the summary header — lets a host place the menu in its own toolbar while the\n   *  filter/density state stays owned by the viewer. Ignored when `showMenu` is\n   *  false; falls back to inline rendering when null/undefined. */\n  menuContainer?: Element | null;\n  /** Initial density override; undefined inherits the page/document density. */\n  defaultDensity?: Density;\n  /** Initial theme override; undefined inherits the page/document `data-theme`. */\n  defaultTheme?: SessionThemeOverride;\n  /** Own an internal scroll container that fills its parent's height: render only\n   *  the newest screenful, stay pinned to the bottom (most recent activity), and\n   *  backfill older rows as the reader scrolls up. Off by default, so inline\n   *  consumers keep rendering the whole log in normal page flow. Requires a\n   *  height-bounded parent. */\n  scrollable?: boolean;\n  /** Rows rendered on first paint in `scrollable` mode. Defaults to 60. */\n  windowSize?: number;\n  /** Rows added each time older content loads in `scrollable` mode. Defaults to 40. */\n  batchSize?: number;\n  /** Show per-row timestamp/source/model/turn/agent metadata. Defaults to false. */\n  showRowMetadata?: boolean;\n  /** Show a per-row raw JSON payload expander when available. Defaults to false. */\n  showRaw?: boolean;\n  /** Render content before each assistant message body. */\n  renderMessageBadge?: (event: SessionEvent) => ReactNode;\n  pendingTools?: readonly SessionPendingTool[];\n  onPendingToolDecision?:\n    | ((decision: SessionToolDecision) => Promise<void> | void)\n    | undefined;\n}\n\nfunction toggleInSet<T>(set: ReadonlySet<T>, value: T): Set<T> {\n  const next = new Set(set);\n  if (next.has(value)) next.delete(value);\n  else next.add(value);\n  return next;\n}\n\n/**\n * SessionViewer renders a recorded AI coding-agent session (the captain\n * `pkg/ai/history` JSON schema — Claude Code / Codex transcripts) as a vertical\n * action log. Each entry sits on a tone-colored icon disc from the Flanksource\n * \"Agent Action Icons\" set; user prompts/selections are right-aligned like a\n * chat. Shell commands render inline as bash blocks and file ops as their\n * cwd-relative path — the icon carries the verb. Tool responses expand behind\n * a chevron, rendered bare (no panel chrome). The \"3-dot\" menu mirrors\n * `captain history` filtering — toggle density and hide categories, tools or\n * sources.\n */\nexport function SessionViewer({\n  session,\n  className,\n  defaultExpanded = false,\n  showThinking = true,\n  showHeader = true,\n  showContextMeter = true,\n  showMenu = true,\n  headerActions,\n  menuHeader,\n  menuContainer,\n  defaultDensity,\n  defaultTheme,\n  scrollable = false,\n  windowSize = 60,\n  batchSize = 40,\n  showRowMetadata = false,\n  showRaw = false,\n  renderMessageBadge,\n  pendingTools = [],\n  onPendingToolDecision,\n}: SessionViewerProps) {\n  const allEvents = useMemo(\n    () => mergePendingTools(normalizeSession(session), pendingTools),\n    [session, pendingTools],\n  );\n  const displayItems = useMemo(() => collapseWaitRuns(allEvents), [allEvents]);\n  const metadata = useMemo(() => getSessionMetadata(session), [session]);\n\n  const pageDensity = useDensityValue();\n  const [densityOverride, setDensityOverride] = useState<Density | undefined>(\n    defaultDensity,\n  );\n  const [themeOverride, setThemeOverride] = useState<\n    SessionThemeOverride | undefined\n  >(defaultTheme);\n  const [hiddenCategories, setHiddenCategories] = useState<\n    ReadonlySet<SessionCategory>\n  >(() => new Set());\n  const [hiddenTools, setHiddenTools] = useState<ReadonlySet<string>>(\n    () => new Set(),\n  );\n  const [hiddenSources, setHiddenSources] = useState<ReadonlySet<string>>(\n    () => new Set(),\n  );\n  // Undefined = follow the `showThinking` prop; the menu toggle sets an override.\n  const [showThinkingOverride, setShowThinkingOverride] = useState<\n    boolean | undefined\n  >(undefined);\n  const effectiveShowThinking = showThinkingOverride ?? showThinking;\n\n  const filters = useMemo(() => collectSessionFilters(allEvents), [allEvents]);\n  const hasThinking = useMemo(\n    () => allEvents.some((e) => e.kind === \"thinking\"),\n    [allEvents],\n  );\n\n  const visibility = {\n    hiddenCategories,\n    hiddenTools,\n    hiddenSources,\n    showThinking: effectiveShowThinking,\n  };\n  const items = displayItems.filter((item) =>\n    isEventVisible(\n      isSessionEventGroup(item) ? item.representative : item,\n      visibility,\n    ),\n  );\n\n  // Reset the window when the underlying session changes, not on filter toggles —\n  // so hiding a category doesn't yank the reader back to the bottom.\n  const resetKey = `${allEvents.length}:${allEvents[0]?.id ?? \"\"}`;\n  const { scrollRef, contentRef, startIndex } = useSessionScroll({\n    total: items.length,\n    enabled: scrollable,\n    windowSize,\n    batchSize,\n    resetKey,\n  });\n\n  if (allEvents.length === 0) {\n    return (\n      <div\n        className={cn(\n          \"rounded-md border border-dashed border-border p-density-4 text-center text-sm text-muted-foreground\",\n          className,\n        )}\n      >\n        No session activity.\n      </div>\n    );\n  }\n\n  const summary = summarizeSession(allEvents);\n  const effectiveDensity = densityOverride ?? pageDensity;\n  const dataAttrs: Record<string, string> = {\n    ...(densityOverride ? { \"data-density\": densityOverride } : {}),\n    ...(themeOverride ? { \"data-theme\": themeOverride } : {}),\n  };\n\n  const menu = showMenu ? (\n    <SessionViewerMenu\n      menuHeader={menuHeader}\n      density={densityOverride}\n      onDensityChange={setDensityOverride}\n      theme={themeOverride}\n      onThemeChange={setThemeOverride}\n      filters={filters}\n      hiddenCategories={hiddenCategories}\n      hiddenTools={hiddenTools}\n      hiddenSources={hiddenSources}\n      onToggleCategory={(category) =>\n        setHiddenCategories((set) => toggleInSet(set, category))\n      }\n      onToggleTool={(tool) => setHiddenTools((set) => toggleInSet(set, tool))}\n      onToggleSource={(source) =>\n        setHiddenSources((set) => toggleInSet(set, source))\n      }\n      showThinking={effectiveShowThinking}\n      onToggleThinking={() => setShowThinkingOverride(!effectiveShowThinking)}\n      hasThinking={hasThinking}\n    />\n  ) : null;\n  // When a host supplies `menuContainer`, the menu is portaled into it (e.g. the\n  // host's own toolbar) and the inline header collapses to just its summary.\n  const inlineMenu = menu && !menuContainer;\n\n  const list =\n    items.length === 0 ? (\n      <div className=\"rounded-md border border-dashed border-border p-density-4 text-center text-sm text-muted-foreground\">\n        All actions are hidden by the active filters.\n      </div>\n    ) : (\n      // In scrollable mode only the newest `startIndex..` slice is mounted; `last`\n      // is measured against the full length so the timeline connector stays right.\n      <ol className=\"relative\">\n        {items.slice(startIndex).map((item, index) => {\n          const last = startIndex + index === items.length - 1;\n          return isSessionEventGroup(item) ? (\n            <WaitGroupRow\n              key={item.id}\n              group={item}\n              last={last}\n              defaultExpanded={defaultExpanded}\n              showRowMetadata={showRowMetadata}\n              showRaw={showRaw}\n              renderMessageBadge={renderMessageBadge}\n              onPendingToolDecision={onPendingToolDecision}\n            />\n          ) : (\n            <SessionRow\n              key={item.id}\n              event={item}\n              last={last}\n              defaultExpanded={defaultExpanded}\n              showRowMetadata={showRowMetadata}\n              showRaw={showRaw}\n              renderMessageBadge={renderMessageBadge}\n              onPendingToolDecision={onPendingToolDecision}\n            />\n          );\n        })}\n      </ol>\n    );\n\n  return (\n    <div\n      className={cn(\n        \"@container/session-viewer min-w-0 bg-background text-sm text-foreground data-[theme=dark]:bg-[var(--fs-bg-subtle)] [[data-theme=dark]_&]:bg-[var(--fs-bg-subtle)]\",\n        scrollable && \"flex h-full min-h-0 flex-col\",\n        className,\n      )}\n      {...dataAttrs}\n    >\n      <DensityValueProvider density={effectiveDensity}>\n        {menu && menuContainer && createPortal(menu, menuContainer)}\n        {(showHeader || headerActions || inlineMenu) && (\n          <div\n            data-session-viewer-header\n            className={cn(\n              \"flex min-w-0 flex-wrap items-center justify-between gap-x-density-3 gap-y-density-2\",\n              scrollable\n                ? \"shrink-0 border-b border-border px-density-3 py-density-2 @min-[48rem]/session-viewer:px-density-4\"\n                : \"mb-density-3\",\n            )}\n          >\n            {showHeader && (\n              <div className=\"flex min-w-0 flex-1 flex-wrap items-center gap-x-density-3 gap-y-1 text-xs text-muted-foreground\">\n                {summary.model && (\n                  <span className=\"inline-flex items-center gap-1 font-medium text-foreground\">\n                    <Icon icon={UiRobotAi} className=\"size-3.5\" />\n                    {summary.model}\n                  </span>\n                )}\n                <span>{summary.toolCount} actions</span>\n                <span>{summary.messageCount} messages</span>\n                {metadata && (\n                  <SessionMetadataBadges\n                    metadata={metadata}\n                    showContextMeter={showContextMeter}\n                  />\n                )}\n              </div>\n            )}\n            {(headerActions || inlineMenu) && (\n              <div\n                role=\"group\"\n                aria-label=\"Session viewer actions\"\n                className=\"ml-auto flex min-w-0 shrink-0 items-center gap-density-2\"\n              >\n                {headerActions}\n                {inlineMenu && menu}\n              </div>\n            )}\n          </div>\n        )}\n\n        {scrollable ? (\n          <div ref={scrollRef} className=\"min-h-0 flex-1 overflow-y-auto\">\n            <div\n              ref={contentRef}\n              data-session-viewer-content\n              className=\"p-density-3 @min-[48rem]/session-viewer:p-density-4\"\n            >\n              {list}\n            </div>\n          </div>\n        ) : (\n          list\n        )}\n      </DensityValueProvider>\n    </div>\n  );\n}\n\nfunction mergePendingTools(\n  events: SessionEvent[],\n  pendingTools: readonly SessionPendingTool[],\n): SessionEvent[] {\n  const merged = [...events];\n  for (const [index, pending] of pendingTools.entries()) {\n    const matches = merged.filter(\n      (event) =>\n        event.kind === \"tool\" &&\n        ((pending.toolCallId && event.toolCallId === pending.toolCallId) ||\n          (pending.approvalId && event.approvalId === pending.approvalId) ||\n          (pending.sessionId &&\n            event.sessionId === pending.sessionId &&\n            event.tool === pending.tool)),\n    );\n    const match = matches.length === 1 ? matches[0] : undefined;\n    if (match) {\n      Object.assign(match, {\n        pending: true,\n        toolInput: pending.input ?? match.toolInput,\n        toolCallId: pending.toolCallId ?? match.toolCallId,\n        approvalId: pending.approvalId ?? match.approvalId,\n        sessionId: pending.sessionId ?? match.sessionId,\n      });\n    } else {\n      merged.push({\n        id: `pending-${\n          pending.approvalId ?? pending.toolCallId ?? `${pending.tool}-${index}`\n        }`,\n        kind: \"tool\",\n        tool: pending.tool,\n        ...(pending.input ? { toolInput: pending.input } : {}),\n        ...(pending.toolCallId ? { toolCallId: pending.toolCallId } : {}),\n        ...(pending.approvalId ? { approvalId: pending.approvalId } : {}),\n        ...(pending.sessionId ? { sessionId: pending.sessionId } : {}),\n        pending: true,\n      });\n    }\n  }\n  return merged;\n}\n"],"names":["useMemo","normalizeSession","collapseWaitRuns","getSessionMetadata","useDensityValue","useState","collectSessionFilters","isEventVisible","isSessionEventGroup","useSessionScroll","jsx","cn","summarizeSession","SessionViewerMenu","WaitGroupRow","SessionRow","jsxs","DensityValueProvider","createPortal","Icon","UiRobotAi","SessionMetadataBadges"],"mappings":"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"}
+{"version":3,"file":"SessionViewer.cjs","sources":["../../../src/data/ai/SessionViewer.tsx"],"sourcesContent":["import { useMemo, useState, type ReactNode } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { cn } from \"../../lib/utils\";\nimport { Icon } from \"../Icon\";\nimport { Button } from \"../../components/button\";\nimport { useDensityValue, type Density } from \"../../hooks/use-density\";\nimport { DensityValueProvider } from \"../../hooks/density-provider\";\nimport { UiArrowDown, UiRobotAi } from \"../../icons\";\nimport {\n  getSessionMetadata,\n  normalizeSession,\n  summarizeSession,\n  type SessionEvent,\n  type SessionInput,\n} from \"./SessionViewer.model\";\nimport {\n  collapseWaitRuns,\n  isSessionEventGroup,\n} from \"./SessionViewer.grouping\";\nimport { SessionRow, WaitGroupRow } from \"./SessionViewer.rows\";\nimport { SessionMetadataBadges } from \"./SessionViewer.header\";\nimport {\n  collectSessionFilters,\n  isEncryptedReasoning,\n  isEventVisible,\n  type SessionCategory,\n} from \"./session-categories\";\nimport {\n  SessionViewerMenu,\n  type SessionThemeOverride,\n} from \"./SessionViewerMenu\";\nimport { useSessionScroll } from \"./use-session-scroll\";\nimport type {\n  ApprovalDecisionFields,\n  ApprovalKind,\n  ApprovalRequest,\n} from \"./approval-request\";\n\nexport type {\n  SessionEntry,\n  SessionEvent,\n  SessionInput,\n  SessionActionMeta,\n} from \"./SessionViewer.model\";\nexport type { SessionThemeOverride } from \"./SessionViewerMenu\";\n\nexport interface SessionPendingTool {\n  tool: string;\n  input?: Record<string, unknown>;\n  toolCallId?: string;\n  approvalId?: string;\n  sessionId?: string;\n  /** What kind of approval this is. Absent means an untyped tool approval, which\n   *  renders as Allow / Reject. */\n  kind?: ApprovalKind;\n  /** The typed approval request; drives the per-kind controls. */\n  request?: ApprovalRequest;\n}\n\n/** A decision on one pending tool. `allow`/`message`/`answers` are the original\n *  fields; `interrupt`, `scope`, `grants` and `content` are set only for a typed\n *  request that offers them. */\nexport interface SessionToolDecision extends ApprovalDecisionFields {\n  event: SessionEvent;\n  allow: boolean;\n  message?: string;\n}\n\nexport interface SessionViewerProps {\n  /** A captain session: parsed `SessionEntry[]` or raw log text (JSON / JSONL). */\n  session: SessionInput;\n  className?: string;\n  /** Expand each tool call's input/output by default. Defaults to false. */\n  defaultExpanded?: boolean;\n  /** Render assistant reasoning (\"thinking\") blocks. Defaults to true. */\n  showThinking?: boolean;\n  /** Show the summary header (model + action counts). Defaults to true. */\n  showHeader?: boolean;\n  /** Show context usage in the summary header. Defaults to true. */\n  showContextMeter?: boolean;\n  /** Show the 3-dot menu (density + category/tool/source filters). Defaults to true. */\n  showMenu?: boolean;\n  /** Controls rendered beside the 3-dot menu in the summary header. */\n  headerActions?: ReactNode;\n  /** Host controls rendered at the top of the 3-dot menu. */\n  menuHeader?: ReactNode;\n  /** Portal the 3-dot menu into this element instead of rendering it inline in\n   *  the summary header — lets a host place the menu in its own toolbar while the\n   *  filter/density state stays owned by the viewer. Ignored when `showMenu` is\n   *  false; falls back to inline rendering when null/undefined. */\n  menuContainer?: Element | null;\n  /** Initial density override; undefined inherits the page/document density. */\n  defaultDensity?: Density;\n  /** Initial theme override; undefined inherits the page/document `data-theme`. */\n  defaultTheme?: SessionThemeOverride;\n  /** Own an internal scroll container that fills its parent's height: render only\n   *  the newest screenful, stay pinned to the bottom (most recent activity), and\n   *  backfill older rows as the reader scrolls up. Off by default, so inline\n   *  consumers keep rendering the whole log in normal page flow. Requires a\n   *  height-bounded parent. */\n  scrollable?: boolean;\n  /** Rows rendered on first paint in `scrollable` mode. Defaults to 60. */\n  windowSize?: number;\n  /** Rows added each time older content loads in `scrollable` mode. Defaults to 40. */\n  batchSize?: number;\n  /** Stable identity used to reset the transcript window when switching sessions. */\n  scrollResetKey?: string;\n  /** Show per-row timestamp/source/model/turn/agent metadata. Defaults to false. */\n  showRowMetadata?: boolean;\n  /** Show a per-row raw JSON payload expander when available. Defaults to false. */\n  showRaw?: boolean;\n  /** Render content before each assistant message body. */\n  renderMessageBadge?: (event: SessionEvent) => ReactNode;\n  pendingTools?: readonly SessionPendingTool[];\n  onPendingToolDecision?:\n    | ((decision: SessionToolDecision) => Promise<void> | void)\n    | undefined;\n}\n\nfunction toggleInSet<T>(set: ReadonlySet<T>, value: T): Set<T> {\n  const next = new Set(set);\n  if (next.has(value)) next.delete(value);\n  else next.add(value);\n  return next;\n}\n\n/**\n * SessionViewer renders a recorded AI coding-agent session (the captain\n * `pkg/ai/history` JSON schema — Claude Code / Codex transcripts) as a vertical\n * action log. Each entry sits on a tone-colored icon disc from the Flanksource\n * \"Agent Action Icons\" set; user prompts/selections are right-aligned like a\n * chat. Shell commands render inline as bash blocks and file ops as their\n * cwd-relative path — the icon carries the verb. Tool responses expand behind\n * a chevron, rendered bare (no panel chrome). The \"3-dot\" menu mirrors\n * `captain history` filtering — toggle density and hide categories, tools or\n * sources.\n */\nexport function SessionViewer({\n  session,\n  className,\n  defaultExpanded = false,\n  showThinking = true,\n  showHeader = true,\n  showContextMeter = true,\n  showMenu = true,\n  headerActions,\n  menuHeader,\n  menuContainer,\n  defaultDensity,\n  defaultTheme,\n  scrollable = false,\n  windowSize = 60,\n  batchSize = 40,\n  scrollResetKey,\n  showRowMetadata = false,\n  showRaw = false,\n  renderMessageBadge,\n  pendingTools = [],\n  onPendingToolDecision,\n}: SessionViewerProps) {\n  const allEvents = useMemo(\n    () => mergePendingTools(normalizeSession(session), pendingTools),\n    [session, pendingTools],\n  );\n  const displayItems = useMemo(() => collapseWaitRuns(allEvents), [allEvents]);\n  const metadata = useMemo(() => getSessionMetadata(session), [session]);\n\n  const pageDensity = useDensityValue();\n  const [densityOverride, setDensityOverride] = useState<Density | undefined>(\n    defaultDensity,\n  );\n  const [themeOverride, setThemeOverride] = useState<\n    SessionThemeOverride | undefined\n  >(defaultTheme);\n  const [hiddenCategories, setHiddenCategories] = useState<\n    ReadonlySet<SessionCategory>\n  >(() => new Set());\n  const [hiddenTools, setHiddenTools] = useState<ReadonlySet<string>>(\n    () => new Set(),\n  );\n  const [hiddenSources, setHiddenSources] = useState<ReadonlySet<string>>(\n    () => new Set(),\n  );\n  // Undefined = follow the `showThinking` prop; the menu toggle sets an override.\n  const [showThinkingOverride, setShowThinkingOverride] = useState<\n    boolean | undefined\n  >(undefined);\n  const effectiveShowThinking = showThinkingOverride ?? showThinking;\n  const [showEncryptedReasoning, setShowEncryptedReasoning] = useState(false);\n\n  const filters = useMemo(() => collectSessionFilters(allEvents), [allEvents]);\n  const hasThinking = useMemo(\n    () => allEvents.some((e) => e.kind === \"thinking\"),\n    [allEvents],\n  );\n  const hasEncryptedReasoning = useMemo(\n    () => allEvents.some(isEncryptedReasoning),\n    [allEvents],\n  );\n\n  const visibility = {\n    hiddenCategories,\n    hiddenTools,\n    hiddenSources,\n    showThinking: effectiveShowThinking,\n  };\n  const items = displayItems.filter((item) => {\n    const event = isSessionEventGroup(item) ? item.representative : item;\n    return (showEncryptedReasoning || !isEncryptedReasoning(event)) && isEventVisible(event, visibility);\n  });\n  const firstUserEventId = allEvents.find((event) => event.kind === \"user\")?.id;\n\n  // Reset the window when the underlying session changes, not on filter toggles —\n  // so hiding a category doesn't yank the reader back to the bottom.\n  const resetKey = scrollResetKey ?? allEvents[0]?.id ?? \"\";\n  const { scrollRef, contentRef, startIndex, following, resumeFollowing } = useSessionScroll({\n    total: items.length,\n    enabled: scrollable,\n    windowSize,\n    batchSize,\n    resetKey,\n  });\n\n  if (allEvents.length === 0) {\n    return (\n      <div\n        className={cn(\n          \"rounded-md border border-dashed border-border p-density-4 text-center text-sm text-muted-foreground\",\n          className,\n        )}\n      >\n        No session activity.\n      </div>\n    );\n  }\n\n  const summary = summarizeSession(allEvents);\n  const effectiveDensity = densityOverride ?? pageDensity;\n  const dataAttrs: Record<string, string> = {\n    ...(densityOverride ? { \"data-density\": densityOverride } : {}),\n    ...(themeOverride ? { \"data-theme\": themeOverride } : {}),\n  };\n\n  const menu = showMenu ? (\n    <SessionViewerMenu\n      menuHeader={menuHeader}\n      density={densityOverride}\n      onDensityChange={setDensityOverride}\n      theme={themeOverride}\n      onThemeChange={setThemeOverride}\n      filters={filters}\n      hiddenCategories={hiddenCategories}\n      hiddenTools={hiddenTools}\n      hiddenSources={hiddenSources}\n      onToggleCategory={(category) =>\n        setHiddenCategories((set) => toggleInSet(set, category))\n      }\n      onToggleTool={(tool) => setHiddenTools((set) => toggleInSet(set, tool))}\n      onToggleSource={(source) =>\n        setHiddenSources((set) => toggleInSet(set, source))\n      }\n      showThinking={effectiveShowThinking}\n      onToggleThinking={() => setShowThinkingOverride(!effectiveShowThinking)}\n      hasThinking={hasThinking}\n      hasEncryptedReasoning={hasEncryptedReasoning}\n      showEncryptedReasoning={showEncryptedReasoning}\n      onToggleEncryptedReasoning={() => setShowEncryptedReasoning((shown) => !shown)}\n    />\n  ) : null;\n  // When a host supplies `menuContainer`, the menu is portaled into it (e.g. the\n  // host's own toolbar) and the inline header collapses to just its summary.\n  const inlineMenu = menu && !menuContainer;\n\n  const list =\n    items.length === 0 ? (\n      <div className=\"rounded-md border border-dashed border-border p-density-4 text-center text-sm text-muted-foreground\">\n        All actions are hidden by the active filters.\n      </div>\n    ) : (\n      // In scrollable mode only the newest `startIndex..` slice is mounted; `last`\n      // is measured against the full length so the timeline connector stays right.\n      <ol className=\"relative\">\n        {items.slice(startIndex).map((item, index) => {\n          const last = startIndex + index === items.length - 1;\n          return isSessionEventGroup(item) ? (\n            <WaitGroupRow\n              key={item.id}\n              group={item}\n              last={last}\n              defaultExpanded={defaultExpanded}\n              showRowMetadata={showRowMetadata}\n              showRaw={showRaw}\n              renderMessageBadge={renderMessageBadge}\n              onPendingToolDecision={onPendingToolDecision}\n            />\n          ) : (\n            <SessionRow\n              key={item.id}\n              event={item}\n              initialPrompt={item.id === firstUserEventId}\n              last={last}\n              defaultExpanded={defaultExpanded}\n              showRowMetadata={showRowMetadata}\n              showRaw={showRaw}\n              renderMessageBadge={renderMessageBadge}\n              onPendingToolDecision={onPendingToolDecision}\n            />\n          );\n        })}\n      </ol>\n    );\n\n  return (\n    <div\n      className={cn(\n        \"@container/session-viewer min-w-0 bg-background text-sm text-foreground data-[theme=dark]:bg-[var(--fs-bg-subtle)] [[data-theme=dark]_&]:bg-[var(--fs-bg-subtle)]\",\n        scrollable && \"flex h-full min-h-0 flex-col\",\n        className,\n      )}\n      {...dataAttrs}\n    >\n      <DensityValueProvider density={effectiveDensity}>\n        {menu && menuContainer && createPortal(menu, menuContainer)}\n        {(showHeader || headerActions || inlineMenu) && (\n          <div\n            data-session-viewer-header\n            className={cn(\n              \"flex min-w-0 flex-wrap items-center justify-between gap-x-density-3 gap-y-density-2\",\n              scrollable\n                ? \"shrink-0 border-b border-border px-density-3 py-density-2 @min-[48rem]/session-viewer:px-density-4\"\n                : \"mb-density-3\",\n            )}\n          >\n            {showHeader && (\n              <div className=\"flex min-w-0 flex-1 flex-wrap items-center gap-x-density-3 gap-y-1 text-xs text-muted-foreground\">\n                {summary.model && (\n                  <span className=\"inline-flex items-center gap-1 font-medium text-foreground\">\n                    <Icon icon={UiRobotAi} className=\"size-3.5\" />\n                    {summary.model}\n                  </span>\n                )}\n                <span>{summary.toolCount} actions</span>\n                <span>{summary.messageCount} messages</span>\n                {metadata && (\n                  <SessionMetadataBadges\n                    metadata={metadata}\n                    showContextMeter={showContextMeter}\n                  />\n                )}\n              </div>\n            )}\n            {(headerActions || inlineMenu) && (\n              <div\n                role=\"group\"\n                aria-label=\"Session viewer actions\"\n                className=\"ml-auto flex min-w-0 shrink-0 items-center gap-density-2\"\n              >\n                {headerActions}\n                {inlineMenu && menu}\n              </div>\n            )}\n          </div>\n        )}\n\n        {scrollable ? (\n          <div className=\"relative min-h-0 flex-1\">\n            <div ref={scrollRef} className=\"h-full overflow-y-auto\">\n              <div\n                ref={contentRef}\n                data-session-viewer-content\n                className=\"p-density-3 @min-[48rem]/session-viewer:p-density-4\"\n              >\n                {list}\n              </div>\n            </div>\n            {!following && (\n              <Button\n                type=\"button\"\n                variant=\"secondary\"\n                size=\"sm\"\n                onClick={resumeFollowing}\n                className=\"absolute bottom-density-3 left-1/2 -translate-x-1/2 shadow-md\"\n              >\n                <Icon icon={UiArrowDown} className=\"size-4\" />\n                Scroll to bottom\n              </Button>\n            )}\n          </div>\n        ) : (\n          list\n        )}\n      </DensityValueProvider>\n    </div>\n  );\n}\n\nfunction mergePendingTools(\n  events: SessionEvent[],\n  pendingTools: readonly SessionPendingTool[],\n): SessionEvent[] {\n  const merged = [...events];\n  for (const [index, pending] of pendingTools.entries()) {\n    const matches = merged.filter(\n      (event) =>\n        event.kind === \"tool\" &&\n        ((pending.toolCallId && event.toolCallId === pending.toolCallId) ||\n          (pending.approvalId && event.approvalId === pending.approvalId) ||\n          (pending.sessionId &&\n            event.sessionId === pending.sessionId &&\n            event.tool === pending.tool)),\n    );\n    const match = matches.length === 1 ? matches[0] : undefined;\n    if (match) {\n      Object.assign(match, {\n        pending: true,\n        toolInput: pending.input ?? match.toolInput,\n        toolCallId: pending.toolCallId ?? match.toolCallId,\n        approvalId: pending.approvalId ?? match.approvalId,\n        sessionId: pending.sessionId ?? match.sessionId,\n        ...approvalFields(pending),\n      });\n    } else {\n      merged.push({\n        id: `pending-${\n          pending.approvalId ?? pending.toolCallId ?? `${pending.tool}-${index}`\n        }`,\n        kind: \"tool\",\n        tool: pending.tool,\n        ...(pending.input ? { toolInput: pending.input } : {}),\n        ...(pending.toolCallId ? { toolCallId: pending.toolCallId } : {}),\n        ...(pending.approvalId ? { approvalId: pending.approvalId } : {}),\n        ...(pending.sessionId ? { sessionId: pending.sessionId } : {}),\n        ...approvalFields(pending),\n        pending: true,\n      });\n    }\n  }\n  return merged;\n}\n\nfunction approvalFields(\n  pending: SessionPendingTool,\n): Pick<SessionEvent, \"approvalKind\" | \"approvalRequest\"> {\n  const kind = pending.kind ?? pending.request?.kind;\n  return {\n    ...(kind ? { approvalKind: kind } : {}),\n    ...(pending.request ? { approvalRequest: pending.request } : {}),\n  };\n}\n"],"names":["useMemo","normalizeSession","collapseWaitRuns","getSessionMetadata","useDensityValue","useState","collectSessionFilters","isEncryptedReasoning","isSessionEventGroup","isEventVisible","useSessionScroll","jsx","cn","summarizeSession","SessionViewerMenu","WaitGroupRow","SessionRow","jsxs","DensityValueProvider","createPortal","Icon","UiRobotAi","SessionMetadataBadges","Button","UiArrowDown"],"mappings":"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"}

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

@@ -2,6 +2,7 @@ import { ReactNode } from 'react';
 import { Density } from '../../hooks/use-density.js';
 import { SessionEvent, SessionInput } from './SessionViewer.model.js';
 import { SessionThemeOverride } from './SessionViewerMenu.js';
+import { ApprovalDecisionFields, ApprovalKind, ApprovalRequest } from './approval-request.js';
 export type { SessionEntry, SessionEvent, SessionInput, SessionActionMeta, } from './SessionViewer.model.js';
 export type { SessionThemeOverride } from './SessionViewerMenu.js';
 export interface SessionPendingTool {
@@ -10,12 +11,19 @@ export interface SessionPendingTool {
     toolCallId?: string;
     approvalId?: string;
     sessionId?: string;
+    /** What kind of approval this is. Absent means an untyped tool approval, which
+     *  renders as Allow / Reject. */
+    kind?: ApprovalKind;
+    /** The typed approval request; drives the per-kind controls. */
+    request?: ApprovalRequest;
 }
-export interface SessionToolDecision {
+/** A decision on one pending tool. `allow`/`message`/`answers` are the original
+ *  fields; `interrupt`, `scope`, `grants` and `content` are set only for a typed
+ *  request that offers them. */
+export interface SessionToolDecision extends ApprovalDecisionFields {
     event: SessionEvent;
     allow: boolean;
     message?: string;
-    answers?: Record<string, string | string[]>;
 }
 export interface SessionViewerProps {
     /** A captain session: parsed `SessionEntry[]` or raw log text (JSON / JSONL). */
@@ -54,6 +62,8 @@ export interface SessionViewerProps {
     windowSize?: number;
     /** Rows added each time older content loads in `scrollable` mode. Defaults to 40. */
     batchSize?: number;
+    /** Stable identity used to reset the transcript window when switching sessions. */
+    scrollResetKey?: string;
     /** Show per-row timestamp/source/model/turn/agent metadata. Defaults to false. */
     showRowMetadata?: boolean;
     /** Show a per-row raw JSON payload expander when available. Defaults to false. */
@@ -74,5 +84,5 @@ export interface SessionViewerProps {
  * `captain history` filtering — toggle density and hide categories, tools or
  * sources.
  */
-export declare function SessionViewer({ session, className, defaultExpanded, showThinking, showHeader, showContextMeter, showMenu, headerActions, menuHeader, menuContainer, defaultDensity, defaultTheme, scrollable, windowSize, batchSize, showRowMetadata, showRaw, renderMessageBadge, pendingTools, onPendingToolDecision, }: SessionViewerProps): import("react").JSX.Element;
+export declare function SessionViewer({ session, className, defaultExpanded, showThinking, showHeader, showContextMeter, showMenu, headerActions, menuHeader, menuContainer, defaultDensity, defaultTheme, scrollable, windowSize, batchSize, scrollResetKey, showRowMetadata, showRaw, renderMessageBadge, pendingTools, onPendingToolDecision, }: SessionViewerProps): import("react").JSX.Element;
 //# sourceMappingURL=SessionViewer.d.ts.map

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

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

package/dist/data/ai/SessionViewer.decision-controls.cjs

@@ -0,0 +1,313 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const react = require("react");
+const button = require("../../components/button.cjs");
+const Icon = require("../Icon.cjs");
+const approvalRequest = require("./approval-request.cjs");
+const SessionViewer_decision = require("./SessionViewer.decision.cjs");
+const UiCheck = require("../../icons/components/UiCheck.cjs");
+const UiCancel = require("../../icons/components/UiCancel.cjs");
+const UiComment = require("../../icons/components/UiComment.cjs");
+const UiStop = require("../../icons/components/UiStop.cjs");
+function DecisionError({ message }) {
+  if (!message) return null;
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { role: "alert", className: "text-xs text-rose-600", children: message });
+}
+const SCOPE_LABELS = {
+  request: "This request",
+  turn: "This turn",
+  session: "This session"
+};
+function DecisionActions({
+  request,
+  busy,
+  comment,
+  allowLabel = "Allow",
+  allowDisabled = false,
+  allowFields,
+  denyLabel = "Reject",
+  commentLabel = "Reject with comment",
+  decide
+}) {
+  const scopes = approvalRequest.offeredScopes(request);
+  const [scope, setScope] = react.useState("request");
+  const message = comment == null ? void 0 : comment.trim();
+  const withMessage = (fields) => ({
+    ...fields,
+    ...message ? { message } : {}
+  });
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      button.Button,
+      {
+        size: "sm",
+        loading: busy,
+        disabled: allowDisabled,
+        onClick: () => decide({
+          allow: true,
+          ...scope !== "request" ? { scope } : {},
+          ...allowFields == null ? void 0 : allowFields()
+        }),
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { icon: UiCheck.UiCheck }),
+          allowLabel
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      button.Button,
+      {
+        size: "sm",
+        variant: "outline",
+        disabled: busy,
+        onClick: () => decide({ allow: false }),
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { icon: UiCancel.UiCancel }),
+          denyLabel
+        ]
+      }
+    ),
+    comment !== void 0 && /* @__PURE__ */ jsxRuntime.jsxs(
+      button.Button,
+      {
+        size: "sm",
+        variant: "outline",
+        disabled: busy || !message,
+        onClick: () => decide(withMessage({ allow: false })),
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { icon: UiComment.UiComment }),
+          commentLabel
+        ]
+      }
+    ),
+    (request == null ? void 0 : request.interruptible) && /* @__PURE__ */ jsxRuntime.jsxs(
+      button.Button,
+      {
+        size: "sm",
+        variant: "outline",
+        disabled: busy,
+        onClick: () => decide(withMessage({ allow: false, interrupt: true })),
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { icon: UiStop.UiStop }),
+          "Cancel"
+        ]
+      }
+    ),
+    scopes.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs(
+      "select",
+      {
+        "aria-label": "Approval scope",
+        value: scope,
+        disabled: busy,
+        onChange: (event) => setScope(event.target.value),
+        className: "h-8 rounded-md border border-input bg-background px-2 text-xs",
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx("option", { value: "request", children: SCOPE_LABELS.request }),
+          scopes.map((value) => /* @__PURE__ */ jsxRuntime.jsx("option", { value, children: SCOPE_LABELS[value] }, value))
+        ]
+      }
+    )
+  ] });
+}
+function PendingDecisionControls({
+  event,
+  request,
+  onDecision
+}) {
+  const [comment, setComment] = react.useState("");
+  const { busy, error, decide } = SessionViewer_decision.useDecision(event, onDecision);
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-2 space-y-2 rounded-md border border-amber-500/30 bg-amber-500/5 p-density-3", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "textarea",
+      {
+        "aria-label": "Decision comment",
+        value: comment,
+        onChange: (event2) => setComment(event2.target.value),
+        placeholder: "Optional rejection feedback",
+        className: "min-h-16 w-full rounded-md border border-input bg-background px-2 py-1.5 text-sm"
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      DecisionActions,
+      {
+        request,
+        busy,
+        comment,
+        decide
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(DecisionError, { message: error })
+  ] });
+}
+function PlanDecisionControls({
+  event,
+  request,
+  onDecision
+}) {
+  const [feedback, setFeedback] = react.useState("");
+  const { busy, error, decide } = SessionViewer_decision.useDecision(event, onDecision);
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-2 space-y-2 rounded-md border border-sky-500/25 bg-sky-500/5 p-density-3", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "textarea",
+      {
+        "aria-label": "Plan feedback",
+        value: feedback,
+        onChange: (event2) => setFeedback(event2.target.value),
+        placeholder: "What should change before this plan is implemented?",
+        className: "min-h-16 w-full rounded-md border border-input bg-background px-2 py-1.5 text-sm"
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      DecisionActions,
+      {
+        request,
+        busy,
+        comment: feedback,
+        allowLabel: "Approve plan",
+        denyLabel: "Keep planning",
+        commentLabel: "Send feedback",
+        decide
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(DecisionError, { message: error })
+  ] });
+}
+function QuestionDecisionControls({
+  event,
+  request,
+  questions,
+  onDecision
+}) {
+  const [answers, setAnswers] = react.useState({});
+  const [details, setDetails] = react.useState({});
+  const [comment, setComment] = react.useState("");
+  const { busy, error, decide } = SessionViewer_decision.useDecision(event, onDecision);
+  const answerFor = (question) => {
+    var _a;
+    const selected = answers[question.id];
+    const other = (_a = details[question.id]) == null ? void 0 : _a.trim();
+    if (question.options.length && question.isOther && other) {
+      return question.multiSelect ? [...Array.isArray(selected) ? selected : [], other] : other;
+    }
+    return selected ?? "";
+  };
+  const canSend = questions.length > 0 && questions.every((question) => {
+    const answer = answerFor(question);
+    return Array.isArray(answer) ? answer.length > 0 && answer.every((value) => value.trim() !== "") : answer.trim() !== "";
+  });
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-3 rounded-md border border-sky-500/25 bg-sky-500/5 p-density-3", children: [
+    questions.map((question) => /* @__PURE__ */ jsxRuntime.jsxs("fieldset", { className: "space-y-1.5", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("legend", { className: "text-sm font-medium text-foreground", children: question.text }),
+      question.options.map(
+        (option) => {
+          var _a;
+          return question.multiSelect ? /* @__PURE__ */ jsxRuntime.jsxs(
+            "label",
+            {
+              className: "flex items-start gap-2 text-sm",
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  "input",
+                  {
+                    type: "checkbox",
+                    checked: Array.isArray(answers[question.id]) && answers[question.id].includes(option.value),
+                    onChange: (event2) => setAnswers((current) => {
+                      const selected = Array.isArray(current[question.id]) ? current[question.id] : [];
+                      return {
+                        ...current,
+                        [question.id]: event2.target.checked ? [...selected, option.value] : selected.filter((value) => value !== option.value)
+                      };
+                    })
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+                  option.label,
+                  option.description && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ml-1 text-muted-foreground", children: option.description })
+                ] })
+              ]
+            },
+            option.value
+          ) : /* @__PURE__ */ jsxRuntime.jsxs(
+            "label",
+            {
+              className: "flex items-start gap-2 text-sm",
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  "input",
+                  {
+                    type: "radio",
+                    name: `question-${event.id}-${question.id}`,
+                    value: option.value,
+                    checked: answers[question.id] === option.value && !((_a = details[question.id]) == null ? void 0 : _a.trim()),
+                    onChange: () => {
+                      setDetails((current) => ({ ...current, [question.id]: "" }));
+                      setAnswers((current) => ({
+                        ...current,
+                        [question.id]: option.value
+                      }));
+                    }
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+                  option.label,
+                  option.description && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ml-1 text-muted-foreground", children: option.description })
+                ] })
+              ]
+            },
+            option.value
+          );
+        }
+      ),
+      (!question.options.length || question.isOther) && /* @__PURE__ */ jsxRuntime.jsx(
+        "textarea",
+        {
+          "aria-label": `${question.text} ${question.options.length ? "other answer" : "answer"}`,
+          value: question.options.length ? details[question.id] ?? "" : typeof answers[question.id] === "string" ? answers[question.id] : "",
+          onChange: (event2) => question.options.length ? setDetails((current) => ({
+            ...current,
+            [question.id]: event2.target.value
+          })) : setAnswers((current) => ({
+            ...current,
+            [question.id]: event2.target.value
+          })),
+          placeholder: question.options.length ? "Other answer" : "Your answer",
+          className: "min-h-16 w-full rounded-md border border-input bg-background px-2 py-1.5 text-sm"
+        }
+      )
+    ] }, question.id)),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "textarea",
+      {
+        "aria-label": "Rejection comment",
+        value: comment,
+        onChange: (event2) => setComment(event2.target.value),
+        placeholder: "Optional rejection feedback",
+        className: "min-h-16 w-full rounded-md border border-input bg-background px-2 py-1.5 text-sm"
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      DecisionActions,
+      {
+        request,
+        busy,
+        comment,
+        allowLabel: "Send answer",
+        allowDisabled: !canSend,
+        allowFields: () => ({
+          answers: Object.fromEntries(
+            questions.map((question) => [question.id, answerFor(question)])
+          )
+        }),
+        decide
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(DecisionError, { message: error })
+  ] });
+}
+exports.DecisionActions = DecisionActions;
+exports.DecisionError = DecisionError;
+exports.PendingDecisionControls = PendingDecisionControls;
+exports.PlanDecisionControls = PlanDecisionControls;
+exports.QuestionDecisionControls = QuestionDecisionControls;
+//# sourceMappingURL=SessionViewer.decision-controls.cjs.map

package/dist/data/ai/SessionViewer.decision-controls.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SessionViewer.decision-controls.cjs","sources":["../../../src/data/ai/SessionViewer.decision-controls.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport { Button } from \"../../components/button\";\nimport { UiCancel, UiCheck, UiComment, UiStop } from \"../../icons\";\nimport { Icon } from \"../Icon\";\nimport {\n  offeredScopes,\n  type ApprovalRequest,\n  type ApprovalScope,\n} from \"./approval-request\";\nimport {\n  useDecision,\n  type DecisionFields,\n  type DecisionHandler,\n} from \"./SessionViewer.decision\";\nimport type { SessionQuestion } from \"./SessionViewer.input\";\nimport type { SessionEvent } from \"./SessionViewer.model\";\n\nexport function DecisionError({ message }: { message: string }) {\n  if (!message) return null;\n  return (\n    <div role=\"alert\" className=\"text-xs text-rose-600\">\n      {message}\n    </div>\n  );\n}\n\nconst SCOPE_LABELS: Record<ApprovalScope, string> = {\n  request: \"This request\",\n  turn: \"This turn\",\n  session: \"This session\",\n};\n\n/** The buttons every approval shares. Allow, Reject and Reject with comment are\n *  the original set; Cancel (deny + interrupt) shows only on an `interruptible`\n *  request, and the scope choice only lists scopes the request supports. */\nexport function DecisionActions({\n  request,\n  busy,\n  comment,\n  allowLabel = \"Allow\",\n  allowDisabled = false,\n  allowFields,\n  denyLabel = \"Reject\",\n  commentLabel = \"Reject with comment\",\n  decide,\n}: {\n  request?: ApprovalRequest | undefined;\n  busy: boolean;\n  /** The rejection feedback; undefined hides Reject with comment. */\n  comment?: string | undefined;\n  allowLabel?: string;\n  allowDisabled?: boolean;\n  /** Fields sent with the allow (answers, grants, content). */\n  allowFields?: (() => Omit<DecisionFields, \"allow\">) | undefined;\n  denyLabel?: string;\n  /** Label of the deny that carries the comment. */\n  commentLabel?: string;\n  decide: (fields: DecisionFields) => void;\n}) {\n  const scopes = offeredScopes(request);\n  const [scope, setScope] = useState<ApprovalScope>(\"request\");\n  const message = comment?.trim();\n  const withMessage = (fields: DecisionFields): DecisionFields => ({\n    ...fields,\n    ...(message ? { message } : {}),\n  });\n  return (\n    <div className=\"flex flex-wrap items-center gap-2\">\n      <Button\n        size=\"sm\"\n        loading={busy}\n        disabled={allowDisabled}\n        onClick={() =>\n          decide({\n            allow: true,\n            ...(scope !== \"request\" ? { scope } : {}),\n            ...allowFields?.(),\n          })\n        }\n      >\n        <Icon icon={UiCheck} />\n        {allowLabel}\n      </Button>\n      <Button\n        size=\"sm\"\n        variant=\"outline\"\n        disabled={busy}\n        onClick={() => decide({ allow: false })}\n      >\n        <Icon icon={UiCancel} />\n        {denyLabel}\n      </Button>\n      {comment !== undefined && (\n        <Button\n          size=\"sm\"\n          variant=\"outline\"\n          disabled={busy || !message}\n          onClick={() => decide(withMessage({ allow: false }))}\n        >\n          <Icon icon={UiComment} />\n          {commentLabel}\n        </Button>\n      )}\n      {request?.interruptible && (\n        <Button\n          size=\"sm\"\n          variant=\"outline\"\n          disabled={busy}\n          onClick={() => decide(withMessage({ allow: false, interrupt: true }))}\n        >\n          <Icon icon={UiStop} />\n          Cancel\n        </Button>\n      )}\n      {scopes.length > 0 && (\n        <select\n          aria-label=\"Approval scope\"\n          value={scope}\n          disabled={busy}\n          onChange={(event) => setScope(event.target.value as ApprovalScope)}\n          className=\"h-8 rounded-md border border-input bg-background px-2 text-xs\"\n        >\n          <option value=\"request\">{SCOPE_LABELS.request}</option>\n          {scopes.map((value) => (\n            <option key={value} value={value}>\n              {SCOPE_LABELS[value]}\n            </option>\n          ))}\n        </select>\n      )}\n    </div>\n  );\n}\n\nexport function PendingDecisionControls({\n  event,\n  request,\n  onDecision,\n}: {\n  event: SessionEvent;\n  request?: ApprovalRequest | undefined;\n  onDecision: DecisionHandler;\n}) {\n  const [comment, setComment] = useState(\"\");\n  const { busy, error, decide } = useDecision(event, onDecision);\n  return (\n    <div className=\"mt-2 space-y-2 rounded-md border border-amber-500/30 bg-amber-500/5 p-density-3\">\n      <textarea\n        aria-label=\"Decision comment\"\n        value={comment}\n        onChange={(event) => setComment(event.target.value)}\n        placeholder=\"Optional rejection feedback\"\n        className=\"min-h-16 w-full rounded-md border border-input bg-background px-2 py-1.5 text-sm\"\n      />\n      <DecisionActions\n        request={request}\n        busy={busy}\n        comment={comment}\n        decide={decide}\n      />\n      <DecisionError message={error} />\n    </div>\n  );\n}\n\n/** A plan approval: approve it as written, or keep planning with the feedback\n *  sent back as the message. A plan is never edited through the decision. */\nexport function PlanDecisionControls({\n  event,\n  request,\n  onDecision,\n}: {\n  event: SessionEvent;\n  request: ApprovalRequest;\n  onDecision: DecisionHandler;\n}) {\n  const [feedback, setFeedback] = useState(\"\");\n  const { busy, error, decide } = useDecision(event, onDecision);\n  return (\n    <div className=\"mt-2 space-y-2 rounded-md border border-sky-500/25 bg-sky-500/5 p-density-3\">\n      <textarea\n        aria-label=\"Plan feedback\"\n        value={feedback}\n        onChange={(event) => setFeedback(event.target.value)}\n        placeholder=\"What should change before this plan is implemented?\"\n        className=\"min-h-16 w-full rounded-md border border-input bg-background px-2 py-1.5 text-sm\"\n      />\n      <DecisionActions\n        request={request}\n        busy={busy}\n        comment={feedback}\n        allowLabel=\"Approve plan\"\n        denyLabel=\"Keep planning\"\n        commentLabel=\"Send feedback\"\n        decide={decide}\n      />\n      <DecisionError message={error} />\n    </div>\n  );\n}\n\nexport function QuestionDecisionControls({\n  event,\n  request,\n  questions,\n  onDecision,\n}: {\n  event: SessionEvent;\n  request?: ApprovalRequest | undefined;\n  questions: SessionQuestion[];\n  onDecision: DecisionHandler;\n}) {\n  const [answers, setAnswers] = useState<Record<string, string | string[]>>({});\n  const [details, setDetails] = useState<Record<string, string>>({});\n  const [comment, setComment] = useState(\"\");\n  const { busy, error, decide } = useDecision(event, onDecision);\n  const answerFor = (question: SessionQuestion): string | string[] => {\n    const selected = answers[question.id];\n    const other = details[question.id]?.trim();\n    if (question.options.length && question.isOther && other) {\n      return question.multiSelect ? [...(Array.isArray(selected) ? selected : []), other] : other;\n    }\n    return selected ?? \"\";\n  };\n  const canSend = questions.length > 0 && questions.every((question) => {\n    const answer = answerFor(question);\n    return Array.isArray(answer)\n      ? answer.length > 0 && answer.every((value) => value.trim() !== \"\")\n      : answer.trim() !== \"\";\n  });\n  return (\n    <div className=\"space-y-3 rounded-md border border-sky-500/25 bg-sky-500/5 p-density-3\">\n      {questions.map((question) => (\n        <fieldset key={question.id} className=\"space-y-1.5\">\n          <legend className=\"text-sm font-medium text-foreground\">\n            {question.text}\n          </legend>\n          {question.options.map((option) =>\n            question.multiSelect ? (\n              <label\n                key={option.value}\n                className=\"flex items-start gap-2 text-sm\"\n              >\n                <input\n                  type=\"checkbox\"\n                  checked={\n                    Array.isArray(answers[question.id]) &&\n                    (answers[question.id] as string[]).includes(option.value)\n                  }\n                  onChange={(event) =>\n                    setAnswers((current) => {\n                      const selected = Array.isArray(current[question.id])\n                        ? (current[question.id] as string[])\n                        : [];\n                      return {\n                        ...current,\n                        [question.id]: event.target.checked\n                          ? [...selected, option.value]\n                          : selected.filter((value) => value !== option.value),\n                      };\n                    })\n                  }\n                />\n                <span>\n                  {option.label}\n                  {option.description && (\n                    <span className=\"ml-1 text-muted-foreground\">\n                      {option.description}\n                    </span>\n                  )}\n                </span>\n              </label>\n            ) : (\n              <label\n                key={option.value}\n                className=\"flex items-start gap-2 text-sm\"\n              >\n                <input\n                  type=\"radio\"\n                  name={`question-${event.id}-${question.id}`}\n                  value={option.value}\n                  checked={answers[question.id] === option.value && !details[question.id]?.trim()}\n                  onChange={() => {\n                    setDetails((current) => ({ ...current, [question.id]: \"\" }));\n                    setAnswers((current) => ({\n                      ...current,\n                      [question.id]: option.value,\n                    }));\n                  }}\n                />\n                <span>\n                  {option.label}\n                  {option.description && (\n                    <span className=\"ml-1 text-muted-foreground\">\n                      {option.description}\n                    </span>\n                  )}\n                </span>\n              </label>\n            ),\n          )}\n          {(!question.options.length || question.isOther) && <textarea\n            aria-label={`${question.text} ${question.options.length ? \"other answer\" : \"answer\"}`}\n            value={\n              question.options.length\n                ? (details[question.id] ?? \"\")\n                : typeof answers[question.id] === \"string\"\n                  ? (answers[question.id] as string)\n                  : \"\"\n            }\n            onChange={(event) =>\n              question.options.length\n                ? setDetails((current) => ({\n                    ...current,\n                    [question.id]: event.target.value,\n                  }))\n                : setAnswers((current) => ({\n                    ...current,\n                    [question.id]: event.target.value,\n                  }))\n            }\n            placeholder={\n              question.options.length ? \"Other answer\" : \"Your answer\"\n            }\n            className=\"min-h-16 w-full rounded-md border border-input bg-background px-2 py-1.5 text-sm\"\n          />}\n        </fieldset>\n      ))}\n      <textarea\n        aria-label=\"Rejection comment\"\n        value={comment}\n        onChange={(event) => setComment(event.target.value)}\n        placeholder=\"Optional rejection feedback\"\n        className=\"min-h-16 w-full rounded-md border border-input bg-background px-2 py-1.5 text-sm\"\n      />\n      <DecisionActions\n        request={request}\n        busy={busy}\n        comment={comment}\n        allowLabel=\"Send answer\"\n        allowDisabled={!canSend}\n        allowFields={() => ({\n          answers: Object.fromEntries(\n            questions.map((question) => [question.id, answerFor(question)]),\n          ),\n        })}\n        decide={decide}\n      />\n      <DecisionError message={error} />\n    </div>\n  );\n}\n"],"names":["offeredScopes","useState","jsxs","Button","jsx","Icon","UiCheck","UiCancel","UiComment","UiStop","useDecision","event"],"mappings":"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"}

package/dist/data/ai/SessionViewer.decision-controls.d.ts

@@ -0,0 +1,43 @@
+import { ApprovalRequest } from './approval-request.js';
+import { DecisionFields, DecisionHandler } from './SessionViewer.decision.js';
+import { SessionQuestion } from './SessionViewer.input.js';
+import { SessionEvent } from './SessionViewer.model.js';
+export declare function DecisionError({ message }: {
+    message: string;
+}): import("react").JSX.Element | null;
+/** The buttons every approval shares. Allow, Reject and Reject with comment are
+ *  the original set; Cancel (deny + interrupt) shows only on an `interruptible`
+ *  request, and the scope choice only lists scopes the request supports. */
+export declare function DecisionActions({ request, busy, comment, allowLabel, allowDisabled, allowFields, denyLabel, commentLabel, decide, }: {
+    request?: ApprovalRequest | undefined;
+    busy: boolean;
+    /** The rejection feedback; undefined hides Reject with comment. */
+    comment?: string | undefined;
+    allowLabel?: string;
+    allowDisabled?: boolean;
+    /** Fields sent with the allow (answers, grants, content). */
+    allowFields?: (() => Omit<DecisionFields, "allow">) | undefined;
+    denyLabel?: string;
+    /** Label of the deny that carries the comment. */
+    commentLabel?: string;
+    decide: (fields: DecisionFields) => void;
+}): import("react").JSX.Element;
+export declare function PendingDecisionControls({ event, request, onDecision, }: {
+    event: SessionEvent;
+    request?: ApprovalRequest | undefined;
+    onDecision: DecisionHandler;
+}): import("react").JSX.Element;
+/** A plan approval: approve it as written, or keep planning with the feedback
+ *  sent back as the message. A plan is never edited through the decision. */
+export declare function PlanDecisionControls({ event, request, onDecision, }: {
+    event: SessionEvent;
+    request: ApprovalRequest;
+    onDecision: DecisionHandler;
+}): import("react").JSX.Element;
+export declare function QuestionDecisionControls({ event, request, questions, onDecision, }: {
+    event: SessionEvent;
+    request?: ApprovalRequest | undefined;
+    questions: SessionQuestion[];
+    onDecision: DecisionHandler;
+}): import("react").JSX.Element;
+//# sourceMappingURL=SessionViewer.decision-controls.d.ts.map

package/dist/data/ai/SessionViewer.decision-controls.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SessionViewer.decision-controls.d.ts","sourceRoot":"","sources":["../../../src/data/ai/SessionViewer.decision-controls.tsx"],"names":[],"mappings":"AAIA,OAAO,EAEL,KAAK,eAAe,EAErB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAEL,KAAK,cAAc,EACnB,KAAK,eAAe,EACrB,MAAM,0BAA0B,CAAC;AAClC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAC7D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAE1D,wBAAgB,aAAa,CAAC,EAAE,OAAO,EAAE,EAAE;IAAE,OAAO,EAAE,MAAM,CAAA;CAAE,sCAO7D;AAQD;;4EAE4E;AAC5E,wBAAgB,eAAe,CAAC,EAC9B,OAAO,EACP,IAAI,EACJ,OAAO,EACP,UAAoB,EACpB,aAAqB,EACrB,WAAW,EACX,SAAoB,EACpB,YAAoC,EACpC,MAAM,GACP,EAAE;IACD,OAAO,CAAC,EAAE,eAAe,GAAG,SAAS,CAAC;IACtC,IAAI,EAAE,OAAO,CAAC;IACd,mEAAmE;IACnE,OAAO,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC7B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,6DAA6D;IAC7D,WAAW,CAAC,EAAE,CAAC,MAAM,IAAI,CAAC,cAAc,EAAE,OAAO,CAAC,CAAC,GAAG,SAAS,CAAC;IAChE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kDAAkD;IAClD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,MAAM,EAAE,CAAC,MAAM,EAAE,cAAc,KAAK,IAAI,CAAC;CAC1C,+BA0EA;AAED,wBAAgB,uBAAuB,CAAC,EACtC,KAAK,EACL,OAAO,EACP,UAAU,GACX,EAAE;IACD,KAAK,EAAE,YAAY,CAAC;IACpB,OAAO,CAAC,EAAE,eAAe,GAAG,SAAS,CAAC;IACtC,UAAU,EAAE,eAAe,CAAC;CAC7B,+BAqBA;AAED;6EAC6E;AAC7E,wBAAgB,oBAAoB,CAAC,EACnC,KAAK,EACL,OAAO,EACP,UAAU,GACX,EAAE;IACD,KAAK,EAAE,YAAY,CAAC;IACpB,OAAO,EAAE,eAAe,CAAC;IACzB,UAAU,EAAE,eAAe,CAAC;CAC7B,+BAwBA;AAED,wBAAgB,wBAAwB,CAAC,EACvC,KAAK,EACL,OAAO,EACP,SAAS,EACT,UAAU,GACX,EAAE;IACD,KAAK,EAAE,YAAY,CAAC;IACpB,OAAO,CAAC,EAAE,eAAe,GAAG,SAAS,CAAC;IACtC,SAAS,EAAE,eAAe,EAAE,CAAC;IAC7B,UAAU,EAAE,eAAe,CAAC;CAC7B,+BA4IA"}