@wrongstack/tui 1.0.19 → 1.0.26

package/dist/components/kanban-panel.d.ts

@@ -1,5 +1,4 @@
 import type { Context } from '@wrongstack/core/agent';
-import { type KanbanBoard, type KanbanLifecycleStage, type KanbanTask } from '@wrongstack/kanban';
 import type React from 'react';
 interface KanbanPanelProps {
     projectRoot: string;
@@ -23,50 +22,6 @@ interface KanbanPanelProps {
      */
     initialBoardId?: string | undefined;
 }
-export declare function KanbanPanel({ projectRoot, sessionId, sessionContext, onClose, terminalWidth, initialBoardId, }: KanbanPanelProps): React.ReactElement;
-/**
- * Pure, deterministic layout math for the kanban board's column view.
- *
- * Reserves horizontal space for the chrome that surrounds the columns
- * (board list panel + task detail panel + gaps + outer border), then
- * picks the largest column count that still keeps every column at least
- * `minColumnWidth` cols wide, and finally shrinks each column's width to
- * match the available budget (never below `minColumnWidth`).
- *
- * Exported so Sprint 2's regression tests can pin the math down without
- * mounting Ink.
- */
-export declare function computeBoardColumnLayout(totalColumns: number, terminalWidth: number): {
-    visibleColumnCount: number;
-    columnWidth: number;
-    overflow: number;
-};
-/**
- * The next stage a managed card may advance to, or null when the card is
- * already at the terminal `done` stage (or the current stage is unknown).
- * The domain only allows one-step forward transitions; callers must keep
- * this in lockstep with `KANBAN_AGENT_STAGES` in `@wrongstack/kanban`.
- *
- * Exported so unit tests can pin the stage order without rendering the panel.
- */
-export declare function nextManagedStage(current: KanbanLifecycleStage): KanbanLifecycleStage | null;
-/**
- * Look up the lifecycle stage that owns the given column under a managed
- * Kanban Agent board. Returns null when the board is not managed, or when
- * the column is not mapped to any of the five canonical stages (treated
- * as a legacy/custom column by the renderer).
- */
-export declare function stageForColumn(board: Pick<KanbanBoard, 'lifecycle'>, columnId: string): KanbanLifecycleStage | null;
-/**
- * Pure success-criteria summary string. Returns null when there are no
- * checks. Format: "Criteria N/M passed".
- */
-export declare function summarizeSuccessCriteria(task: KanbanTask): string | null;
-/**
- * Pure goal-metrics rollup string. Returns null when there are no metrics.
- * Format: "Metrics 2 met · 1 missed · 0 waived · 0 pending" (zero counts
- * are skipped to keep the line short).
- */
-export declare function summarizeGoalMetrics(task: KanbanTask): string | null;
-export {};
+export declare function KanbanPanel({ projectRoot, sessionId, sessionContext, onClose, terminalWidth: widthOverride, initialBoardId, }: KanbanPanelProps): React.ReactElement;
+export { computeBoardColumnLayout, nextManagedStage, stageForColumn, summarizeGoalMetrics, summarizeSuccessCriteria, } from './kanban-panel-presentation.js';
 //# sourceMappingURL=kanban-panel.d.ts.map

package/dist/components/mailbox-panel.d.ts

@@ -36,7 +36,8 @@ interface MailboxPanelProps {
     unreadCount: number;
     /** Whether the panel is visible. When false, returns null. */
     open: boolean;
+    maxRows?: number | undefined;
 }
-export declare function MailboxPanel({ messages, agents, unreadCount, open, }: MailboxPanelProps): React.ReactElement | null;
+export declare function MailboxPanel({ messages, agents, unreadCount, open, maxRows, }: MailboxPanelProps): React.ReactElement | null;
 export {};
 //# sourceMappingURL=mailbox-panel.d.ts.map

package/dist/components/mcp-picker.d.ts

@@ -9,11 +9,13 @@ export interface McpPickerItem {
     lazy?: boolean | undefined;
 }
 interface McpPickerProps {
+    maxRows?: number | undefined;
+    columns?: number | undefined;
     items: McpPickerItem[];
     selected: number;
     busy?: boolean | undefined;
     hint?: string | undefined;
 }
-export declare function McpPicker({ items, selected, busy, hint, }: McpPickerProps): React.ReactElement;
+export declare function McpPicker({ items, selected, busy, hint, maxRows, columns, }: McpPickerProps): React.ReactElement;
 export {};
 //# sourceMappingURL=mcp-picker.d.ts.map

package/dist/components/mode-picker.d.ts

@@ -8,11 +8,13 @@ export interface ModeOption {
     isActive: boolean;
 }
 interface ModePickerProps {
+    maxRows?: number | undefined;
+    columns?: number | undefined;
     modes: ModeOption[];
     selected: number;
     hint?: string | undefined;
 }
 export declare function toModeOptions(modes: Mode[], activeId: string | null): ModeOption[];
-export declare function ModePicker({ modes, selected, hint }: ModePickerProps): React.ReactElement;
+export declare function ModePicker({ modes, selected, hint, maxRows, columns, }: ModePickerProps): React.ReactElement;
 export {};
 //# sourceMappingURL=mode-picker.d.ts.map

package/dist/components/model-picker.d.ts

@@ -65,6 +65,6 @@ interface ModelPickerProps {
  *
  * Driven entirely by props — App owns cursor state, key events, and search.
  */
-export declare function ModelPicker({ step, providerOptions, filteredOptions, selected, pickedProviderId, searchQuery, hint, titleLabel, columns, maxRows, effortOptions, effortChoice, }: ModelPickerProps): React.ReactElement;
+export declare function ModelPicker({ step, providerOptions, filteredOptions, selected, pickedProviderId, searchQuery, hint, titleLabel, columns: columnsOverride, maxRows, effortOptions, effortChoice, }: ModelPickerProps): React.ReactElement;
 export {};
 //# sourceMappingURL=model-picker.d.ts.map

package/dist/components/monitor-shell.d.ts

@@ -1,6 +1,14 @@
 import type { ReactNode } from 'react';
+import { useInput } from '../ink.js';
+export declare const PanelInputProvider: import("react").Provider<boolean>;
+/** A foreground prompt temporarily owns all keyboard input over a monitor. */
+export declare function usePanelInput(handler: Parameters<typeof useInput>[0]): void;
+export declare const MonitorViewportProvider: import("react").Provider<{
+    columns: number;
+    rows: number;
+} | null>;
 export declare const PanelShortcutsProvider: import("react").Provider<boolean>;
-/** True when panel letter shortcuts may fire (empty composer draft). */
+/** True when this surface may handle panel letter shortcuts. */
 export declare function usePanelShortcutsEnabled(): boolean;
 interface MonitorSize {
     columns: number;
@@ -22,7 +30,11 @@ interface MonitorShellProps {
     accent: string;
     icon: string;
     title: string;
-    /** Quiet context beside the title, hidden by callers on narrow terminals. */
+    /**
+     * Quiet context beside the title. Shown only when title, kicker and the
+     * right-hand content all fit on the header row; callers pass it
+     * unconditionally.
+     */
     kicker?: string | undefined;
     right?: ReactNode | undefined;
     footer?: ReactNode | undefined;
@@ -30,17 +42,20 @@ interface MonitorShellProps {
     grow?: boolean | undefined;
     /** Clamp the shell's total height (including borders) to prevent overflow. */
     maxHeight?: number | undefined;
+    /** Pickers already own wheel navigation; disable shell wheel scrolling there. */
+    wheelScroll?: boolean | undefined;
 }
 /** Shared chrome for F-key monitors: one visual hierarchy and one geometry contract. */
-export declare function MonitorShell({ accent, icon, title, kicker, right, footer, children, grow, maxHeight, }: MonitorShellProps): import("react").JSX.Element;
+export declare function MonitorShell({ accent, icon, title, kicker, right, footer, children, grow, maxHeight, wheelScroll, }: MonitorShellProps): import("react").JSX.Element;
 export declare function SectionLabel({ children, color, }: {
     children: ReactNode;
     color?: string | undefined;
 }): import("react").JSX.Element;
-export declare function KeyCap({ keyName, label, color, }: {
+export declare function KeyCap({ keyName, label, color, keepTogether, }: {
     keyName: string;
     label: string;
     color?: string | undefined;
+    keepTogether?: boolean | undefined;
 }): import("react").JSX.Element;
 export declare function EmptyPanelState({ icon, title, detail, accent, }: {
     icon: string;

package/dist/components/phase-monitor.d.ts

@@ -1,5 +1,7 @@
 import type React from 'react';
 interface PhaseMonitorProps {
+    /** Human-readable Goal run title. */
+    title?: string | undefined;
     /** Per-phase state from the App reducer. */
     phases: Record<string, {
         name: string;
@@ -29,6 +31,6 @@ interface PhaseMonitorProps {
  *     · icon · name · status · (task progress) · started/elapsed
  *   Bottom: keyboard hint
  */
-export declare function PhaseMonitor({ phases, runningPhaseIds, elapsedMs, nowTick, }: PhaseMonitorProps): React.ReactElement;
+export declare function PhaseMonitor({ title, phases, runningPhaseIds, elapsedMs, nowTick, }: PhaseMonitorProps): React.ReactElement;
 export {};
 //# sourceMappingURL=phase-monitor.d.ts.map

package/dist/components/plugin-picker.d.ts

@@ -13,11 +13,13 @@ export interface PluginPickerItem {
     lockable?: boolean | undefined;
 }
 interface PluginPickerProps {
+    maxRows?: number | undefined;
+    columns?: number | undefined;
     items: PluginPickerItem[];
     selected: number;
     busy?: boolean | undefined;
     hint?: string | undefined;
 }
-export declare function PluginPicker({ items, selected, busy, hint, }: PluginPickerProps): React.ReactElement;
+export declare function PluginPicker({ items, selected, busy, hint, maxRows, columns, }: PluginPickerProps): React.ReactElement;
 export {};
 //# sourceMappingURL=plugin-picker.d.ts.map

package/dist/components/powerline-rail.d.ts

@@ -1,4 +1,5 @@
 import type React from 'react';
+import { type Theme } from '../theme.js';
 export declare function visibleNodeText(node: React.ReactNode): string;
 /**
  * Columns between adjacent chip payloads: one transition glyph plus one
@@ -72,14 +73,16 @@ interface PowerlineRailProps {
     rightAnchor?: React.ReactElement | null | undefined;
     /** Keep the segmented silhouette but emit no foreground/background colors. */
     monochrome?: boolean | undefined;
+    /** Explicit candidate palette for the theme picker; never changes the active theme. */
+    palette?: Theme | undefined;
 }
 /**
- * Theme-aware, Powerline-style status capsules. Chip payloads keep their
- * semantic foreground colors while low-contrast surface tones provide the
+ * Theme-aware, Powerline-style status capsules. Chip payloads share a readable
+ * foreground while five theme-derived surface tones provide the
  * connected silhouette. The renderer and layout fitter share the exact cap,
  * transition, padding and anchor costs, keeping overflow and pointer spans
  * aligned with the cells on screen.
  */
-export declare function PowerlineRail({ segments, budget, rightAnchor, monochrome, }: PowerlineRailProps): React.ReactElement;
+export declare function PowerlineRail({ segments, budget, rightAnchor, monochrome, palette, }: PowerlineRailProps): React.ReactElement;
 export {};
 //# sourceMappingURL=powerline-rail.d.ts.map

package/dist/components/prompt-picker-model.d.ts

@@ -0,0 +1,16 @@
+export interface PromptPickEntry {
+    slug: string;
+    title: string;
+    description: string;
+    category: string;
+    source: string;
+    content: string;
+    favorite: boolean;
+}
+/**
+ * Apply the picker's category filter. catIndex 0 (= "all") returns everything;
+ * "★ favorites" filters by the favorite flag; "🕘 recent" orders by the
+ * recently-used slug list (most-recent first).
+ */
+export declare function filterPromptPicker(all: PromptPickEntry[], categories: string[], catIndex: number, recentSlugs?: string[]): PromptPickEntry[];
+//# sourceMappingURL=prompt-picker-model.d.ts.map

package/dist/components/prompt-picker.d.ts

@@ -1,19 +1,6 @@
 import type React from 'react';
-export interface PromptPickEntry {
-    slug: string;
-    title: string;
-    description: string;
-    category: string;
-    source: string;
-    content: string;
-    favorite: boolean;
-}
-/**
- * Apply the picker's category filter. catIndex 0 (= "all") returns everything;
- * "★ favorites" filters by the favorite flag; "🕘 recent" orders by the
- * recently-used slug list (most-recent first).
- */
-export declare function filterPromptPicker(all: PromptPickEntry[], categories: string[], catIndex: number, recentSlugs?: string[]): PromptPickEntry[];
+import type { PromptPickEntry } from './prompt-picker-model.js';
+export * from './prompt-picker-model.js';
 interface PromptPickerProps {
     /** Already-filtered entries for the active category. */
     entries: PromptPickEntry[];
@@ -30,5 +17,4 @@ interface PromptPickerProps {
  * any `{{variables}}` left in place for the user to fill inline).
  */
 export declare function PromptPicker({ entries, selected, category, total, columns, maxRows, }: PromptPickerProps): React.ReactElement;
-export {};
 //# sourceMappingURL=prompt-picker.d.ts.map

package/dist/components/provider-colors.d.ts

@@ -17,18 +17,8 @@ export declare function badgeForKind(kind: 'oauth' | 'api_key' | 'session_token'
 } | undefined;
 /** Brand colors for known OAuth strategies; unknown plugin strategies use the fallback. */
 export declare const OAUTH_KIND_COLORS: Record<string, string>;
-/** Semantic UI colors used across auth / model panels. */
-export declare const UI_COLORS: {
-    readonly focused: '#89b4fa';
-    readonly active: '#a6e3a1';
-    readonly inactive: '#585b70';
-    readonly warning: '#f9e2af';
-    readonly error: '#f38ba8';
-    readonly hint: '#f9e2af';
-    readonly border: '#89b4fa';
-    readonly title: '#89b4fa';
-    readonly selectedModel: '#89b4fa';
-    readonly dimmed: string | undefined;
+export declare const UI_COLORS: Record<"active" | "border" | "error" | "focused" | "hint" | "inactive" | "selectedModel" | "title" | "warning", string> & {
+    dimmed: string | undefined;
 };
 /**
  * Statusline item category colors — imported by status-bar.tsx and

package/dist/components/refine-countdown-panel.d.ts

@@ -16,9 +16,10 @@ interface RefineCountdownPanelProps {
  * Pre-refine grace countdown ("about to refine — last chance to bail").
  *
  * Shown for the window between submit and the refiner's first LLM call:
- * Enter starts refining immediately, any other key sends the message
- * unchanged (skip), Esc cancels back to the composer, and expiry
- * proceeds into the normal refine flow. Mirrors the
+ * Enter starts refining immediately, Backspace/Delete or Esc cancels back
+ * to the composer (the submitted text is restored as the draft), any other
+ * key sends the message unchanged (skip), and expiry proceeds into the
+ * normal refine flow. Mirrors the
  * WebUI/SimpleUI RefinePanel's 'countdown' face.
  */
 export declare function RefineCountdownPanel({ original, seconds, onDecision, providerId, model, }: RefineCountdownPanelProps): React.ReactElement;

package/dist/components/resource-menu-model.d.ts

@@ -0,0 +1,3 @@
+import type { ResourceMenuItem, ResourceMenuSnapshot } from '../ui-contracts.js';
+export declare function filterResourceMenuItems(snapshot: ResourceMenuSnapshot, filter: string): ResourceMenuItem[];
+//# sourceMappingURL=resource-menu-model.d.ts.map

package/dist/components/resource-menu.d.ts

@@ -1,5 +1,7 @@
 import type React from 'react';
-import type { ResourceMenuItem, ResourceMenuSnapshot } from '../ui-contracts.js';
+import type { ResourceMenuSnapshot } from '../ui-contracts.js';
+import { filterResourceMenuItems } from './resource-menu-model.js';
+export { filterResourceMenuItems };
 interface ResourceMenuProps {
     snapshot: ResourceMenuSnapshot;
     selected: number;
@@ -12,6 +14,4 @@ interface ResourceMenuProps {
 }
 /** Reusable two-pane browser for operational state exposed by slash commands. */
 export declare function ResourceMenu({ snapshot, selected, hint, confirming, filter, filtering, columns, maxRows, }: ResourceMenuProps): React.ReactElement;
-export declare function filterResourceMenuItems(snapshot: ResourceMenuSnapshot, filter: string): ResourceMenuItem[];
-export {};
 //# sourceMappingURL=resource-menu.d.ts.map

package/dist/components/scrollable-history.d.ts

@@ -9,6 +9,6 @@ import type { ScrollableHistoryProps } from './history/scroll-controller-types.j
 /**
  * Bounded history viewport with stable-anchor virtual scrolling.
  */
-export declare const ScrollableHistory: React.MemoExoticComponent<({ entries, toolStream, streamingText, viewportRows, controllerRef, onScrollInfo, maxWidth, setSuggestions, autonomyMode, nextStepsAutoSubmitLabel, nextStepsAutoSubmitDeadlineMs, multiDiffSummaryThreshold, todos, showModelReasoning, showSageMemoryInject, layoutStore, copiedEntryId, onRequestOlderEntries, toolResultViewMode, toolResultViewOverrides, onToolResultViewChange, }: ScrollableHistoryProps) => React.ReactElement>;
+export declare const ScrollableHistory: React.MemoExoticComponent<({ entries, toolStream, streamingText, viewportRows, controllerRef, onScrollInfo, maxWidth, setSuggestions, autonomyMode, nextStepsAutoSubmitLabel, nextStepsAutoSubmitDeadlineMs, multiDiffSummaryThreshold, todos, showModelReasoning, showSageMemoryInject, layoutStore, copiedEntryId, markedEntryId, onRequestOlderEntries, toolResultViewMode, toolResultViewOverrides, onToolResultViewChange, }: ScrollableHistoryProps) => React.ReactElement>;
 export type { HistoryEntry };
 //# sourceMappingURL=scrollable-history.d.ts.map

package/dist/components/send-mode-model.d.ts

@@ -0,0 +1,44 @@
+/**
+ * How a plain message typed mid-run should be delivered to the agent.
+ * Mirrors the WebUI's `QueueMode` vocabulary (ChatInput.tsx).
+ */
+export type SendMode = 'queue' | 'btw' | 'steer';
+interface SendModeOption {
+    mode: SendMode;
+    /** Quick-select key (lower-case). */
+    key: string;
+    label: string;
+    description: string;
+    color: string;
+}
+/**
+ * The three delivery modes, Queue first so it is the default highlight and
+ * the safest no-op-to-in-flight-work choice. Order is load-bearing: the
+ * reducer indexes selection into this array.
+ */
+export declare const SEND_MODE_OPTIONS: SendModeOption[];
+/**
+ * Clamp-free wrap-around index move. `delta` is +1 (down) / -1 (up).
+ * Pure — unit-tested independently of Ink.
+ */
+export declare function nextSendModeIndex(selected: number, delta: number, len: number): number;
+/** A minimal structural view of the key event — keeps the helper pure/testable. */
+export interface SendModeKey {
+    upArrow?: boolean | undefined;
+    downArrow?: boolean | undefined;
+    return?: boolean | undefined;
+    escape?: boolean | undefined;
+}
+/**
+ * Map a keypress to a picker decision. Returns:
+ *   - a `SendMode` when the user committed a choice (quick-key or Enter),
+ *   - `'cancel'` on Esc,
+ *   - `null` when the key only moves the selection / is irrelevant
+ *     (the caller handles `↑/↓` movement separately).
+ *
+ * Pure: no Ink, no React. The single source of truth for key semantics.
+ */
+export declare function sendModeFromKey(input: string, key: SendModeKey, selected: number): SendMode | 'cancel' | null;
+export declare function formatSendModeMessagePreview(text: string, maxChars?: number): string;
+export {};
+//# sourceMappingURL=send-mode-model.d.ts.map

package/dist/components/send-mode-picker.d.ts

@@ -1,46 +1,6 @@
 import type React from 'react';
-/**
- * How a plain message typed mid-run should be delivered to the agent.
- * Mirrors the WebUI's `QueueMode` vocabulary (ChatInput.tsx).
- */
-export type SendMode = 'queue' | 'btw' | 'steer';
-interface SendModeOption {
-    mode: SendMode;
-    /** Quick-select key (lower-case). */
-    key: string;
-    label: string;
-    description: string;
-    color: string;
-}
-/**
- * The three delivery modes, Queue first so it is the default highlight and
- * the safest no-op-to-in-flight-work choice. Order is load-bearing: the
- * reducer indexes selection into this array.
- */
-export declare const SEND_MODE_OPTIONS: SendModeOption[];
-/**
- * Clamp-free wrap-around index move. `delta` is +1 (down) / -1 (up).
- * Pure — unit-tested independently of Ink.
- */
-export declare function nextSendModeIndex(selected: number, delta: number, len: number): number;
-/** A minimal structural view of the key event — keeps the helper pure/testable. */
-export interface SendModeKey {
-    upArrow?: boolean | undefined;
-    downArrow?: boolean | undefined;
-    return?: boolean | undefined;
-    escape?: boolean | undefined;
-}
-/**
- * Map a keypress to a picker decision. Returns:
- *   - a `SendMode` when the user committed a choice (quick-key or Enter),
- *   - `'cancel'` on Esc,
- *   - `null` when the key only moves the selection / is irrelevant
- *     (the caller handles `↑/↓` movement separately).
- *
- * Pure: no Ink, no React. The single source of truth for key semantics.
- */
-export declare function sendModeFromKey(input: string, key: SendModeKey, selected: number): SendMode | 'cancel' | null;
-export declare function formatSendModeMessagePreview(text: string, maxChars?: number): string;
+import { type SendMode } from './send-mode-model.js';
+export * from './send-mode-model.js';
 interface SendModePickerProps {
     selected: number;
     /** The message being routed, shown so the modal question has context. */
@@ -61,5 +21,4 @@ interface SendModePickerProps {
  * - Esc       → cancel (caller restores the draft to the composer)
  */
 export declare function SendModePicker({ selected, messagePreview, onMove, onSelect, }: SendModePickerProps): React.ReactElement;
-export {};
 //# sourceMappingURL=send-mode-picker.d.ts.map

package/dist/components/settings-picker-row-list.d.ts

@@ -7,6 +7,7 @@ export interface SettingsPickerRowData {
     detail?: string | undefined;
 }
 interface SettingsPickerRowListProps {
+    compactWidth?: number | undefined;
     rows: readonly SettingsPickerRowData[];
     field: number;
     fieldRowIndex: readonly number[];
@@ -20,6 +21,6 @@ interface SettingsPickerRowListProps {
 }
 export declare function deriveSettingsSectionFieldStarts(fieldRowIndex: readonly number[]): readonly number[];
 export declare function buildVisibleSectionHeaders(rows: readonly SettingsPickerRowData[], fieldRowIndex: readonly number[], windowStart: number, windowEnd: number): Set<number>;
-export declare function SettingsPickerRowList({ rows, field, fieldRowIndex, filterActive, rankedResults, highlightSegments, windowStart, windowEnd, filterWindowStart, filterWindowEnd, }: SettingsPickerRowListProps): React.ReactElement;
+export declare function SettingsPickerRowList({ compactWidth, rows, field, fieldRowIndex, filterActive, rankedResults, highlightSegments, windowStart, windowEnd, filterWindowStart, filterWindowEnd, }: SettingsPickerRowListProps): React.ReactElement;
 export {};
 //# sourceMappingURL=settings-picker-row-list.d.ts.map

package/dist/components/settings-picker.d.ts

@@ -127,6 +127,8 @@ export interface SettingsPickerProps {
      * for multi-line input buffers instead of assuming a constant.
      */
     inputHeight?: number | undefined;
+    maxRows?: number | undefined;
+    columns?: number | undefined;
     hint?: string | undefined;
     /** @internal Test seam for asserting the production row/header layout contract. */
     onLayoutComputed?: ((layout: {
@@ -134,5 +136,5 @@ export interface SettingsPickerProps {
         fieldRowIndex: readonly number[];
     }) => void) | undefined;
 }
-export declare function SettingsPicker({ field, filter, mode, delayMs, titleAnimation, yolo, fleetChat, chime, confirmExit, nextPrediction, featureMcp, featurePlugins, featureMemory, featureSkills, featureModelsRegistry, tokenSavingTier, allowOutsideProjectRoot, maxIterations, autoProceedMaxIterations, enhanceDelayMs, enhanceEnabled, enhanceLanguage, preRefineSeconds, indexOnStart, multiDiffSummaryThreshold, thinkingWord, thinkingWordEditing, thinkingWordDraft, wrongProxyUrlEditing, wrongProxyUrlDraft, reasoningMode, reasoningEffort, reasoningEffortLevels, reasoningPreserve, cacheTtl, contextAutoCompact, contextStrategy, contextMode, maxConcurrent, logLevel, auditLevel, debugStream, statuslineMode, configScope, profileConfigPath, animationStyle, breakerEnabled, breakerAutoKillResetMs, showModelReasoning, toolResultViewMode, showAgentSwarmPanel, showSidebar, showSageMemoryInject, sageMemoryInjectThreshold, nextStepsTool, readSymbols, panelPositions, wrongProxyEnabled, wrongProxyUrl, inputHeight, hint, onLayoutComputed, }: SettingsPickerProps): React.ReactElement;
+export declare function SettingsPicker({ field, filter, mode, delayMs, titleAnimation, yolo, fleetChat, chime, confirmExit, nextPrediction, featureMcp, featurePlugins, featureMemory, featureSkills, featureModelsRegistry, tokenSavingTier, allowOutsideProjectRoot, maxIterations, autoProceedMaxIterations, enhanceDelayMs, enhanceEnabled, enhanceLanguage, preRefineSeconds, indexOnStart, multiDiffSummaryThreshold, thinkingWord, thinkingWordEditing, thinkingWordDraft, wrongProxyUrlEditing, wrongProxyUrlDraft, reasoningMode, reasoningEffort, reasoningEffortLevels, reasoningPreserve, cacheTtl, contextAutoCompact, contextStrategy, contextMode, maxConcurrent, logLevel, auditLevel, debugStream, statuslineMode, configScope, profileConfigPath, animationStyle, breakerEnabled, breakerAutoKillResetMs, showModelReasoning, toolResultViewMode, showAgentSwarmPanel, showSidebar, showSageMemoryInject, sageMemoryInjectThreshold, nextStepsTool, readSymbols, panelPositions, wrongProxyEnabled, wrongProxyUrl, inputHeight, maxRows, columns, hint, onLayoutComputed, }: SettingsPickerProps): React.ReactElement;
 //# sourceMappingURL=settings-picker.d.ts.map

package/dist/components/shadow-panel.d.ts

@@ -6,9 +6,10 @@ export interface ShadowState {
     intervalMs: number;
 }
 interface ShadowPanelProps {
+    maxRows?: number | undefined;
     shadow: ShadowState;
     hint?: string | undefined;
 }
-export declare function ShadowPanel({ shadow, hint }: ShadowPanelProps): React.ReactElement;
+export declare function ShadowPanel({ shadow, hint, maxRows }: ShadowPanelProps): React.ReactElement;
 export {};
 //# sourceMappingURL=shadow-panel.d.ts.map

package/dist/components/sidebar-content.d.ts

@@ -80,52 +80,6 @@ interface SidebarContentProps {
      */
     effectiveSidebarRoutes?: ReadonlySet<PanelId> | undefined;
 }
-/**
- * Normalized "is this session row the current session?" predicate used by
- * both the `SidebarContent` SESSIONS card (live + resume rows) and the
- * `SessionsPanelSidebar` (sidebar twin). The runtime `currentSessionId`
- * is the authoritative source — when defined, the row whose id matches
- * is the current row. When undefined (e.g. before the host registers a
- * session), the per-row `isCurrent` flag is the fallback (carried over
- * from the resume-picker domain for the case where the picker marks
- * the current session as non-resumable but the host hasn't published
- * the runtime id yet). A row without an id can never be the current
- * row, regardless of what its fallback flag says. The two SESSIONS
- * rows used to disagree on which key to read (live used strict id
- * compare, resume used `rs.isCurrent` first); this helper is the
- * single source of truth.
- */
-export declare function isCurrentSession(rowId: string | undefined, currentSessionId: string | undefined, fallbackIsCurrent?: boolean | undefined): boolean;
-/**
- * (Replaced by `SidebarSectionHeader` in `./sidebar-panel-frame.tsx`.)
- * Kept here as a doc-comment so anyone hunting for "the sidebar's section
- * header" lands on the right file. The local `SectionHeader` symbol was
- * promoted to the shared `sidebar-panel-frame.tsx` so routed panels and
- * persistent content cards use the same capsuled-pill component.
- */
-/**
- * The `Card` component now lives in `./sidebar-card.tsx` as the shared
- * raised-surface iskelet used by both the persistent cards (this file) and
- * the routed F-key panel twins (`sidebar-panel-frame.tsx` +
- * `sidebar-panels-{workspace,task}.tsx`). Imported at the top of this file
- * for the `MODEL CORE`, `PROMPT CACHE`, `SYSTEM`, `AGENT SWARM`, `MISSIONS`,
- * and `SESSIONS` cards — the migration keeps the persistent
- * call sites identical because the shared component preserves the same
- * `innerWidth` / `marginBottom` / `accent` / `children` contract.
- */
-interface ContextSegment {
-    label: string;
-    shortLabel: string;
-    tokens: number;
-    color: string;
-    glyph: string;
-}
-export declare function contextSpectrum(breakdown: ContextBreakdown | undefined, contextWindow: {
-    used: number;
-    max: number;
-} | undefined, width: number): Array<ContextSegment & {
-    cells: number;
-}>;
 export declare function SidebarContent({ contextWindow, contextBreakdown, cacheStats, entries, fleetCounts, provider, model, themeName, width, scrollOffset, focused, todos, showSwarmSection, liveSessions, resumeSessions, currentSessionId, processMemory, cpuPercent, cpuHistory, rssHistory, heapHistory, totalMem, effectiveSidebarRoutes, }: SidebarContentProps): React.ReactElement;
-export {};
+export { contextSpectrum, isCurrentSession } from './sidebar-presentation.js';
 //# sourceMappingURL=sidebar-content.d.ts.map

package/dist/components/sidebar-ipc-icons.d.ts

@@ -0,0 +1,9 @@
+import type { ConnectionHealthStatus } from '../connections-health.js';
+import type { SidebarConnection } from '../hooks/use-sidebar-panel-data.js';
+export declare function ipcStatusColor(status: ConnectionHealthStatus | undefined): string;
+/** Stable service order, icon-only, using the same health readings as Connections. */
+export declare function SidebarIpcIcons({ connections, width, }: {
+    connections: readonly SidebarConnection[];
+    width: number;
+}): React.ReactElement;
+//# sourceMappingURL=sidebar-ipc-icons.d.ts.map

package/dist/components/sidebar-panel-agents.d.ts

@@ -0,0 +1,10 @@
+import type React from 'react';
+import type { FleetEntry } from '../app-state.js';
+export interface AgentsPanelSidebarProps {
+    entries: Record<string, FleetEntry>;
+    totalCost: number;
+    nowTick: number;
+    width: number;
+}
+export declare function AgentsPanelSidebar({ entries, totalCost, nowTick, width, }: AgentsPanelSidebarProps): React.ReactElement;
+//# sourceMappingURL=sidebar-panel-agents.d.ts.map

package/dist/components/sidebar-panel-connections.d.ts

@@ -0,0 +1,11 @@
+import type React from 'react';
+export interface ConnectionsPanelSidebarProps {
+    connections: readonly {
+        name: string;
+        status: 'ok' | 'warn' | 'down' | 'unknown';
+        latencyMs?: number | undefined;
+    }[];
+    width: number;
+}
+export declare function ConnectionsPanelSidebar({ connections, width, }: ConnectionsPanelSidebarProps): React.ReactElement;
+//# sourceMappingURL=sidebar-panel-connections.d.ts.map

package/dist/components/sidebar-panel-coordinator.d.ts

@@ -0,0 +1,11 @@
+import type React from 'react';
+export interface CoordinatorPanelSidebarProps {
+    running: boolean;
+    activePhases: number;
+    completedPhases: number;
+    phaseNames: readonly string[];
+    elapsedMs: number;
+    width: number;
+}
+export declare function CoordinatorPanelSidebar({ running, activePhases, completedPhases, phaseNames, elapsedMs, width, }: CoordinatorPanelSidebarProps): React.ReactElement;
+//# sourceMappingURL=sidebar-panel-coordinator.d.ts.map

package/dist/components/sidebar-panel-fleet.d.ts

@@ -0,0 +1,16 @@
+import type React from 'react';
+import type { FleetEntry } from '../app-state.js';
+export interface FleetPanelSidebarProps {
+    entries: Record<string, FleetEntry>;
+    /**
+     * Pre-computed running count from the caller. Retained for interface
+     * compatibility; the panel derives every displayed count (pill + chips)
+     * from `entries` so leader and subagents can never diverge.
+     */
+    runningCount: number;
+    /** Live tick (ms) — drives per-agent elapsed labels. Defaults to Date.now(). */
+    nowTick?: number | undefined;
+    width: number;
+}
+export declare function FleetPanelSidebar({ entries, nowTick, width, }: FleetPanelSidebarProps): React.ReactElement;
+//# sourceMappingURL=sidebar-panel-fleet.d.ts.map

package/dist/components/sidebar-panel-project.d.ts

@@ -0,0 +1,12 @@
+import type React from 'react';
+import type { ProjectPickerItem } from './project-picker.js';
+export interface ProjectPickerSidebarProps {
+    items: readonly ProjectPickerItem[];
+    selected: number;
+    filter: string;
+    hint?: string | undefined;
+    currentProject?: string | undefined;
+    width: number;
+}
+export declare function ProjectPickerSidebar({ items, selected, filter, hint, currentProject, width, }: ProjectPickerSidebarProps): React.ReactElement;
+//# sourceMappingURL=sidebar-panel-project.d.ts.map

package/dist/components/sidebar-panel-worktree.d.ts

@@ -0,0 +1,10 @@
+import type React from 'react';
+import { type WorktreeRow } from '../ui-contracts.js';
+export interface WorktreePanelSidebarProps {
+    worktrees: Record<string, WorktreeRow>;
+    /** Live tick (ms) — drives per-worktree age labels. Defaults to Date.now(). */
+    nowTick?: number | undefined;
+    width: number;
+}
+export declare function WorktreePanelSidebar({ worktrees, nowTick, width, }: WorktreePanelSidebarProps): React.ReactElement;
+//# sourceMappingURL=sidebar-panel-worktree.d.ts.map