@wrongstack/tui 1.0.19 → 1.0.24

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;
@@ -30,17 +38,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/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/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/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-presentation.d.ts

@@ -0,0 +1,98 @@
+import type { TodoItem } from '@wrongstack/core/agent';
+import type { ContextBreakdown } from '@wrongstack/core/utils';
+import type React from 'react';
+import type { ResumeSessionEntry } from '../app-state.js';
+import type { FleetEntry } from '../app-state-fleet.js';
+/** Truncate a string to fit within `max` display columns, adding an ellipsis. */
+export declare function trunc(s: string, max: number): string;
+/**
+ * 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;
+/** Format a fleet entry's status as a compact colored glyph. */
+export declare function statusGlyph(entry: FleetEntry): {
+    icon: string;
+    color: string;
+};
+/** Compact icon for a live session status. */
+export declare function liveSessionIcon(status: string): string;
+/** Compact color for a live session status. */
+export declare function liveSessionColor(status: string): string;
+/** Outcome badge for a resume session entry. */
+export declare function outcomeBadge(outcome: ResumeSessionEntry['outcome']): {
+    label: string;
+    color: string;
+} | null;
+/** Short relative time like "3m", "2h", "1d". */
+export declare function fmtRelative(iso: string | undefined): string;
+/**
+ * (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 interface MissionRow {
+    id: string;
+    status: TodoItem['status'];
+    label: string;
+}
+/** Sort + cap the todo board for the mission queue, plus done/total stats. */
+export declare function buildMissionRows(todos: readonly TodoItem[] | undefined, maxRows: number): {
+    rows: MissionRow[];
+    overflow: number;
+    done: number;
+    total: number;
+};
+/**
+ * A labeled system-vitals row: morphing dial glyph + right-aligned trend
+ * sparkline. Replaces the old block meter — still exactly one row per
+ * metric, so the SYSTEM card keeps its 5-row budget in
+ * computeMaxSidebarScroll(). The dial and value are colored by the *current*
+ * load via contextBarColor; the sparkline traces the recent history in the
+ * same heat color (latest sample at the right edge).
+ */
+export declare function DialRow({ label, value, ratio, history, innerWidth, }: {
+    label: string;
+    value: string;
+    ratio: number;
+    history?: readonly number[] | undefined;
+    innerWidth: number;
+}): React.ReactElement;
+export {};
+//# sourceMappingURL=sidebar-presentation.d.ts.map

package/dist/components/sidebar.d.ts

@@ -56,7 +56,9 @@ interface RightSidebarProps {
      * label is shown so the reserved region is visually self-documenting.
      */
     children?: React.ReactNode | undefined;
+    /** Icon-only live connection strip, sharing the existing one-row footer. */
+    statusIcons?: React.ReactNode | undefined;
 }
-export declare function RightSidebar({ width, maxHeight, focused, scrollOffset, maxScroll, children, }: RightSidebarProps): React.ReactElement | null;
+export declare function RightSidebar({ width, maxHeight, focused, scrollOffset, maxScroll, children, statusIcons, }: RightSidebarProps): React.ReactElement | null;
 export {};
 //# sourceMappingURL=sidebar.d.ts.map

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

@@ -1,6 +1,7 @@
 import type { SkillEntry } from '@wrongstack/core/types';
 import type React from 'react';
 interface SkillPickerProps {
+    mention?: boolean | undefined;
     entries: readonly SkillEntry[];
     selected: number;
     hint?: string | undefined;
@@ -8,6 +9,6 @@ interface SkillPickerProps {
     maxRows?: number | undefined;
 }
 /** Interactive two-pane skill browser, matching the `/theme` picker layout. */
-export declare function SkillPicker({ entries, selected, hint, columns, maxRows, }: SkillPickerProps): React.ReactElement;
+export declare function SkillPicker({ mention, entries, selected, hint, columns, maxRows, }: SkillPickerProps): React.ReactElement;
 export {};
 //# sourceMappingURL=skill-picker.d.ts.map

package/dist/components/slash-confirm-panel.d.ts

@@ -4,6 +4,8 @@ interface SlashConfirmPanelProps {
     defaultYes: boolean;
 }
 interface SlashConfirmationKey {
+    ctrl?: boolean | undefined;
+    meta?: boolean | undefined;
     escape?: boolean | undefined;
     return?: boolean | undefined;
 }

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

@@ -4,7 +4,8 @@ interface SlashMenuProps {
     query: string;
     matches: SlashCommandMatch[];
     selected: number;
+    maxRows?: number | undefined;
 }
-export declare function SlashMenu({ query, matches, selected }: SlashMenuProps): React.ReactElement;
+export declare function SlashMenu({ query, matches, selected, maxRows, }: SlashMenuProps): React.ReactElement;
 export {};
 //# sourceMappingURL=slash-menu.d.ts.map

package/dist/components/slash-modal-frame.d.ts

@@ -0,0 +1,9 @@
+import type { ReactNode } from 'react';
+/** Pin a slash command's decision controls while its explanation scrolls. */
+export declare function SlashModalFrame({ title, accent, children, footer, }: {
+    title: string;
+    accent: string;
+    children: ReactNode;
+    footer: ReactNode;
+}): import("react").JSX.Element;
+//# sourceMappingURL=slash-modal-frame.d.ts.map

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

@@ -40,8 +40,8 @@ export declare function nextDensity(current: StatuslineDensity, delta?: number):
  * either its name or its blurb.
  */
 export declare function matchesFilter(item: StatuslineItem, filter: string): boolean;
-/** Field indices the arrow keys may land on under the current filter. */
-export declare function navigableFields(filter: string, order?: StatuslineOrder): number[];
+/** Shared visual/keyboard order: effective line groups, then saved order within each line. */
+export declare function navigableFields(filter: string, order?: StatuslineOrder, lines?: StatuslineLines): number[];
 interface StatuslinePickerProps {
     /** Focused field index into STATUSLINE_ITEMS. */
     field: number;

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

@@ -11,12 +11,14 @@ export interface ToolPickerItem {
     description: string;
 }
 interface ToolsPickerProps {
+    maxRows?: number | undefined;
+    columns?: number | undefined;
     items: ToolPickerItem[];
     selected: number;
     busy?: boolean | undefined;
     hint?: string | undefined;
     filter?: string | undefined;
 }
-export declare function ToolsPicker({ items, selected, busy, hint, filter, }: ToolsPickerProps): React.ReactElement;
+export declare function ToolsPicker({ items, selected, busy, hint, filter, maxRows, columns, }: ToolsPickerProps): React.ReactElement;
 export {};
 //# sourceMappingURL=tools-picker.d.ts.map

package/dist/components/user-input-prompt.d.ts

@@ -14,9 +14,11 @@ type AnswerDraft = {
 };
 type Draft = Record<string, AnswerDraft>;
 export declare function usePendingUserInput(events: EventBus): PendingUserInput | null;
-export declare function UserInputPrompt({ pending }: {
+interface UserInputPromptProps {
     pending: PendingUserInput;
-}): React.ReactElement;
+    onInterrupt?: (() => void) | undefined;
+}
+export declare function UserInputPrompt(props: UserInputPromptProps): React.ReactElement;
 export declare function initialDraft(request: UserInputRequest): Draft;
 export declare function validateDraft(questions: UserInputQuestion[], draft: Draft): {
     valid: boolean;

package/dist/connection-actions.d.ts

@@ -0,0 +1,20 @@
+import type { ConnectionHealthServiceId } from './connections-health.js';
+export interface ConnectionActionResult {
+    serviceId: ConnectionHealthServiceId;
+    action: 'shutdown' | 'restart';
+    success: boolean;
+    message: string;
+}
+export declare const RESTARTABLE_SERVICES: readonly ConnectionHealthServiceId[];
+export declare function isRestartableService(serviceId: ConnectionHealthServiceId): boolean;
+export declare function isEndpointAlive(endpoint: string): Promise<boolean>;
+export declare function waitForShutdown(probe?: () => Promise<boolean> | boolean): Promise<void>;
+export declare function executeConnectionAction(serviceId: ConnectionHealthServiceId, action: 'shutdown' | 'restart', projectRoot: string, indexDir?: string | undefined): Promise<ConnectionActionResult>;
+export declare function restartAllConnectionServices(projectRoot: string, indexDir?: string | undefined): Promise<ConnectionActionResult[]>;
+export declare function killSessionCatalogServer(projectRoot: string, action: 'shutdown' | 'restart'): Promise<ConnectionActionResult>;
+export declare function killKanbanServer(projectRoot: string, action: 'shutdown' | 'restart'): Promise<ConnectionActionResult>;
+export declare function killSageServer(projectRoot: string, action: 'shutdown' | 'restart'): Promise<ConnectionActionResult>;
+export declare function killChronicleServer(projectRoot: string, action: 'shutdown' | 'restart'): Promise<ConnectionActionResult>;
+export declare function killCodebaseIndexServer(projectRoot: string, indexDir: string | undefined, action: 'shutdown' | 'restart'): Promise<ConnectionActionResult>;
+export declare function killMailboxServer(projectRoot: string, action: 'shutdown' | 'restart'): Promise<ConnectionActionResult>;
+//# sourceMappingURL=connection-actions.d.ts.map

package/dist/connections-health.d.ts

@@ -9,8 +9,9 @@
  * `@wrongstack/tools`).
  */
 export type ConnectionHealthStatus = 'healthy' | 'degraded' | 'offline' | 'unavailable' | 'error';
+export type ConnectionHealthServiceId = 'session-catalog' | 'chronicle' | 'codebase-index' | 'sage' | 'kanban' | 'mailbox' | 'governance';
 export interface ConnectionHealthService {
-    id: 'chronicle' | 'codebase-index' | 'sage' | 'kanban' | 'mailbox';
+    id: ConnectionHealthServiceId;
     label: string;
     status: ConnectionHealthStatus;
     required: boolean;
@@ -29,6 +30,12 @@ export interface ConnectionHealthService {
         watchedFiles?: number | undefined;
     } | undefined;
     lastError?: string | undefined;
+    control?: 'restart' | 'none' | undefined;
+    advisory?: {
+        code: string;
+        operatorAction: string;
+        executionDisposition: string;
+    } | undefined;
 }
 export interface ConnectionsHealthReport {
     checkedAt: number;

package/dist/esc-close-panels.d.ts

@@ -14,7 +14,6 @@
  *
  * Excluded panels (own their own Esc):
  *  - worktreeMonitor  — `isWorktreeMonitorCloseKey` in WorktreeMonitor.tsx
- *  - goalRun monitor — PhaseMonitor owns Esc via its own useInput
  *  - kanbanPanel       — `key.escape || 'q' → onClose` in KanbanPanel.tsx
  *  - goalKanbanPanel   — `key.escape || 'q' → onClose` in GoalKanbanPanel.tsx
  *

package/dist/f-key-panels.d.ts

@@ -1,5 +1,9 @@
 import type { Action } from './app-action-type.js';
+import type { State } from './app-state.js';
 import type { StatuslineItem } from './components/statusline-picker.js';
+import type { PanelPositionMap } from './ui-contracts.js';
+/** The bottom panel owns input; sidebar twins leave the composer available. */
+export declare function activeBottomFKeyPanel(state: State, positions: PanelPositionMap): number | null;
 export type FKeyPanelAction = 'projectPickerOpen' | 'toggleMonitor' | 'toggleAgentsMonitor' | 'toggleWorktreeMonitor' | 'togglePlanPanel' | 'toggleTodosMonitor' | 'toggleQueuePanel' | 'toggleProcessList' | 'toggleKanbanPanel' | 'toggleGoalPanel' | 'toggleSessionsPanel' | 'toggleCoordinatorMonitor' | 'toggleCronMonitor' | 'toggleConnectionsPanel' | 'statuslineOpen';
 /** Host-side action keys that require work beyond a reducer dispatch. */
 type FKeyHostAction = 'openProjectPicker' | 'loadLiveSessions' | 'openStatuslinePicker';

package/dist/hooks/use-active-theme.d.ts

@@ -4,7 +4,8 @@ import { type Theme } from '../theme.js';
  * current `theme` snapshot. Used by the App shell to force a re-render
  * when `setActiveTheme()` mutates the global theme — child components
  * read `theme` directly via destructuring, so the parent re-render
- * propagates the new palette into the whole tree.
+ * propagates the new palette into ordinary children. Memoized boundaries
+ * subscribe separately: unchanged props must not keep an old palette alive.
  *
  * The hook itself returns the live `theme` reference; callers don't
  * typically need to use it (they can keep reading `theme` directly),