@comma-agents/tui 2.0.0-rc.0

package/dist/components/Button/Button.types.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Visual style variant for the button.
+ *
+ * - `primary`   — high-emphasis action; uses the theme primary color.
+ * - `secondary` — medium-emphasis; uses the secondary color.
+ * - `danger`    — destructive action; uses the error color.
+ * - `ghost`     — minimal; no border, text only.
+ */
+export type ButtonVariant = "primary" | "secondary" | "danger" | "ghost";

package/dist/components/Button/index.d.ts

@@ -0,0 +1,4 @@
+export type { ButtonProps, ButtonRenderProps } from "./Button";
+export { Button, ButtonRender } from "./Button";
+export { type ButtonTheme, useButtonTheme } from "./Button.theme";
+export type { ButtonVariant } from "./Button.types";

package/dist/components/ChatTextArea/ChatTextArea.d.ts

@@ -0,0 +1,85 @@
+import type { DiscoveredStrategy } from "@comma-agents/core";
+import type React from "react";
+/** Props for the ChatTextArea container. */
+export interface ChatTextAreaProps {
+    /**
+     * Stable focus ID for programmatic focusing via `useFocusManager().focus(id)`.
+     * When omitted the component still participates in tab-order cycling.
+     */
+    readonly id?: string;
+    /** Available strategies the user can cycle through. */
+    readonly strategies: readonly DiscoveredStrategy[];
+    /** Strategy path selected when the composer is first shown. */
+    readonly initialStrategyPath?: string;
+    /** Width — columns (number) or CSS-like string. @default "100%" */
+    readonly width?: number | string;
+    /** Visible row count for the text area. @default 10 */
+    readonly height?: number;
+    /** Placeholder shown when the text area is empty. */
+    readonly placeholder?: string;
+    /**
+     * Whether to show the strategy row (label + "Tab to change strategy" hint).
+     * Hide it when the strategy is fixed (e.g. steering or replying mid-run).
+     * @default true
+     */
+    readonly showStrategyRow?: boolean;
+    /** Called when the user submits a message with the selected strategy. */
+    readonly onSubmit: (strategyPath: DiscoveredStrategy, input: string) => void;
+}
+/**
+ * Component that provides a text area for user prompts with strategy selection.
+ *
+ * @param props - Props for the ChatTextArea container including strategies and onSubmit handler.
+ * @example
+ * ```tsx
+ * <ChatTextArea
+ *   strategies={discoveredStrategies}
+ *   onSubmit={(strategy, text) => handleSend(strategy, text)}
+ * />
+ * ```
+ */
+export declare function ChatTextArea({ id, strategies, initialStrategyPath, width, height, placeholder, showStrategyRow, onSubmit, }: ChatTextAreaProps): React.ReactElement;
+/** Props for the ChatTextArea render function. */
+export interface ChatTextAreaRenderProps {
+    /**
+     * Focus ID forwarded from `ChatTextAreaProps`. Passed through to `TextAreaInput`
+     * so both the container's `useInput` (tab/ctrl+s) and the leaf's `useInput`
+     * (typing) share a single focus slot.
+     */
+    readonly id?: string;
+    /** Current text input value. */
+    readonly inputValue: string;
+    /** Label of the currently selected strategy. */
+    readonly strategyLabel: string;
+    /** Description of the currently selected strategy. */
+    readonly strategyDescription: string | undefined;
+    /** Width for the text area. */
+    readonly width: number | string;
+    /** Height for the text area. */
+    readonly height: number;
+    /** Placeholder text. */
+    readonly placeholder: string;
+    /** Whether to show the strategy row. */
+    readonly showStrategyRow: boolean;
+    /** Called when the text input value changes. */
+    readonly onInputChange: (value: string) => void;
+    /** Called on Meta+Enter with the current text. */
+    readonly onSubmit: (text: string) => void;
+}
+/**
+ * Pure render component for the ChatTextArea.
+ *
+ * @param props - Props for the layout and content of the text area.
+ * @example
+ * ```tsx
+ * <ChatTextAreaRender
+ *   inputValue="Hello"
+ *   strategyLabel="General"
+ *   width={80}
+ *   height={5}
+ *   onInputChange={setVal}
+ *   onSubmit={send}
+ * />
+ * ```
+ */
+export declare function ChatTextAreaRender({ id, inputValue, onInputChange, onSubmit, strategyLabel, strategyDescription: _strategyDescription, width, height, placeholder, showStrategyRow, }: ChatTextAreaRenderProps): React.ReactElement;

package/dist/components/ChatTextArea/ChatTextArea.theme.d.ts

@@ -0,0 +1,34 @@
+/**
+ * Returns themed style objects for the ChatTextArea component.
+ * Consumes global tokens via `useTheme()`.
+ *
+ * @example
+ * ```ts
+ * const theme = useChatTextAreaTheme();
+ * return <Box style={theme.container}>...</Box>;
+ * ```
+ */
+export declare const useChatTextAreaTheme: () => {
+    container: {
+        flexDirection: "column";
+        borderStyle: "single";
+        borderLeft: true;
+        borderRight: true;
+        borderTop: false;
+        borderBottom: false;
+        borderColor: string;
+        borderBackgroundColor: string;
+    };
+    strategyRow: {
+        backgroundColor: string;
+        flexDirection: "row";
+        justifyContent: "space-between";
+    };
+    strategyLabel: {
+        color: string;
+        bold: true;
+    };
+    hint: {
+        color: string;
+    };
+};

package/dist/components/ChatTextArea/index.d.ts

@@ -0,0 +1,2 @@
+export type { ChatTextAreaProps, ChatTextAreaRenderProps, } from "./ChatTextArea";
+export { ChatTextArea, ChatTextAreaRender } from "./ChatTextArea";

package/dist/components/CodeView/CodeView.constants.d.ts

@@ -0,0 +1,9 @@
+/** Default shiki theme optimized for terminal rendering. */
+export declare const DEFAULT_SHIKI_THEME: "vitesse-dark";
+/**
+ * Commonly used languages to pre-load in the highlighter.
+ * Additional languages are loaded on-demand by shiki.
+ */
+export declare const PRELOADED_LANGUAGES: readonly ["typescript", "javascript", "python", "json", "bash", "html", "css", "markdown"];
+/** Minimum gutter width (characters) for line numbers. */
+export declare const MIN_LINE_NUMBER_WIDTH: 3;

package/dist/components/CodeView/CodeView.d.ts

@@ -0,0 +1,23 @@
+import type React from "react";
+import type { BundledLanguage } from "shiki";
+import { type CodeViewTheme } from "./CodeView.theme";
+export interface CodeViewProps {
+    /** The source code string to syntax-highlight. */
+    readonly code: string;
+    /** Language identifier for highlighting (e.g. "typescript", "python"). */
+    readonly language: BundledLanguage;
+    /** Whether to display line numbers in the gutter. @default false */
+    readonly showLineNumbers?: boolean;
+}
+export declare function CodeView({ code, language, showLineNumbers, }: CodeViewProps): React.ReactElement;
+export interface CodeViewRenderProps {
+    /** ANSI-highlighted code string, or `null` while the highlighter is loading. */
+    readonly highlightedCode: string | null;
+    /** Whether to display line numbers in the gutter. */
+    readonly showLineNumbers: boolean;
+    /** Original code string, used to derive line numbers and as fallback before highlighting loads. */
+    readonly code: string;
+    /** Resolved theme style objects for the component. */
+    readonly theme: CodeViewTheme;
+}
+export declare function CodeViewRender({ highlightedCode, showLineNumbers, code, theme, }: CodeViewRenderProps): React.ReactElement;

package/dist/components/CodeView/CodeView.theme.d.ts

@@ -0,0 +1,26 @@
+import { type ThemeOf } from "../../Theme";
+/** Memoized themed style objects for the `CodeView` component. */
+export declare const useCodeViewTheme: () => {
+    /** Root container wrapping the entire code block. */
+    root: {
+        flexDirection: "column";
+        paddingX: number;
+    };
+    /** Row container for a single line (gutter + code). */
+    lineRow: {
+        flexDirection: "row";
+    };
+    /** Line number gutter text style. */
+    lineNumber: {
+        dimColor: boolean;
+        color: string;
+    };
+    /** Gutter separator gap between line number and code. */
+    gutterGap: number;
+    /** Fallback text style used while the highlighter is loading. */
+    fallback: {
+        dimColor: boolean;
+    };
+};
+/** Resolved style object shape returned by {@link useCodeViewTheme}. */
+export type CodeViewTheme = ThemeOf<typeof useCodeViewTheme>;

package/dist/components/CodeView/index.d.ts

@@ -0,0 +1,4 @@
+export type { CodeViewProps, CodeViewRenderProps } from "./CodeView";
+export { CodeView, CodeViewRender } from "./CodeView";
+export type { CodeViewTheme } from "./CodeView.theme";
+export { useCodeViewTheme } from "./CodeView.theme";

package/dist/components/CommandPalette/CommandPalette.constants.d.ts

@@ -0,0 +1,8 @@
+import type { Command } from "./CommandPalette.types";
+/**
+ * The built-in command registry shown in the palette home view.
+ *
+ * Commands that navigate to a sub-page supply `page`; commands that fire
+ * an effect immediately supply `action`.
+ */
+export declare const BUILT_IN_COMMANDS: readonly Command[];

package/dist/components/CommandPalette/CommandPalette.d.ts

@@ -0,0 +1,62 @@
+import type React from "react";
+import type { Command } from "./CommandPalette.types";
+/**
+ * Command palette modal content.
+ *
+ * Owns a small navigation stack: the home view shows the searchable command
+ * list; selecting a page-type command pushes a sub-page. Esc pops the
+ * sub-page back to home, or closes the palette when already at home.
+ *
+ * The palette is rendered *inside* a `<Modal closeOnEsc=\{false\}>` so that
+ * Esc is routed here rather than dismissing the modal directly — otherwise
+ * one keystroke would close the whole palette regardless of view.
+ *
+ * @example
+ * ```tsx
+ * <Modal modalId="command-palette" title="Command Palette" closeOnEsc={false}>
+ *   <CommandPalette
+ *     isVisible={isOpen}
+ *     onClose={close}
+ *     onExitApp={() => process.exit(0)}
+ *   />
+ * </Modal>
+ * ```
+ */
+export interface CommandPaletteProps {
+    /**
+     * Whether the palette is currently visible. When false the component
+     * renders nothing and handles no input.
+     */
+    readonly isVisible: boolean;
+    /**
+     * Stable Ink focus ID. Required for `useFocusManager().focus(id)` and
+     * mouse click-to-focus. The palette registers exactly one focus zone
+     * under this ID — no child component registers a competing zone.
+     */
+    readonly id?: string;
+    /** Called when the user dismisses the palette from the home view. */
+    readonly onClose: () => void;
+    /** Called by the built-in `exit` command to quit the application. */
+    readonly onExitApp: () => void;
+    /** Called by the built-in `new-run` command to reset chat and return to intro. */
+    readonly onResetChat: () => void;
+    /**
+     * Override the built-in command registry. Defaults to `BUILT_IN_COMMANDS`.
+     */
+    readonly commands?: readonly Command[];
+}
+export declare function CommandPalette({ isVisible, id, onClose, onExitApp, onResetChat, commands, }: CommandPaletteProps): React.ReactElement | null;
+export interface CommandPaletteRenderProps {
+    /** Unique identifier for the palette, used for focus management. */
+    readonly id: string;
+    /** Current search query string. */
+    readonly query: string;
+    /** Callback invoked when the search input changes. */
+    readonly onSearchInputChange: (value: string) => void;
+    /** List of filtered commands to display. */
+    readonly filtered: readonly Command[];
+    /** Callback invoked when a command is selected. */
+    readonly onCommandSelected: (cmd: Command) => void;
+}
+/** Presentational form of `CommandPalette` (home view). */
+export declare function CommandPaletteRender({ id, query, onSearchInputChange, filtered, onCommandSelected, }: CommandPaletteRenderProps): React.ReactElement;

package/dist/components/CommandPalette/CommandPalette.theme.d.ts

@@ -0,0 +1,50 @@
+/**
+ * Returns themed style objects for the CommandPalette component.
+ * Consumes global tokens via `defineTheme`.
+ */
+export declare const useCommandPaletteTheme: () => {
+    container: {
+        flexGrow: number;
+        flexDirection: string;
+        width: string;
+        height: string;
+    };
+    searchWrapper: {
+        flexShrink: number;
+        marginBottom: number;
+    };
+    item: {
+        flexDirection: string;
+        paddingX: number;
+        paddingY: number;
+    };
+    itemSelected: {
+        flexDirection: string;
+        paddingX: number;
+        paddingY: number;
+        backgroundColor: string;
+    };
+    label: {
+        bold: boolean;
+        color: string;
+    };
+    labelSelected: {
+        bold: boolean;
+        color: string;
+    };
+    separator: {
+        color: string;
+    };
+    description: {
+        color: string;
+    };
+    empty: {
+        color: string;
+        dimColor: boolean;
+    };
+};
+/**
+ * Extract the resolved theme shape from `useCommandPaletteTheme`.
+ * Use this to type the `theme` prop in the component.
+ */
+export type CommandPaletteTheme = ReturnType<typeof useCommandPaletteTheme>;

package/dist/components/CommandPalette/CommandPalette.types.d.ts

@@ -0,0 +1,50 @@
+import type React from "react";
+/** Unique identifier for a registered command. */
+export type CommandId = string;
+/**
+ * Context passed to an action command when it fires.
+ * Provides handles for app-level effects.
+ */
+export interface CommandActionContext {
+    /** Close the command palette modal. */
+    readonly closePalette: () => void;
+    /** Exit the whole TUI application. */
+    readonly exitApp: () => void;
+    /** Reset the chat and return to the intro screen. */
+    readonly resetChat: () => void;
+}
+/** Callback fired when an action-style command is selected. */
+export type CommandAction = (context: CommandActionContext) => void;
+/**
+ * Component rendered for a page-style command. Receives `focusId` so it can
+ * register exactly one Ink focus zone and consume keyboard input from the
+ * palette without competing with sibling components.
+ */
+export type PaletteSubPageComponent = React.ComponentType<{
+    readonly focusId: string;
+}>;
+/**
+ * A single entry in the command registry.
+ *
+ * Commands are one of two kinds:
+ * - **Page commands** — selecting them pushes a sub-page component inside
+ *   the palette. Supply `page` as a zero-prop React component.
+ * - **Action commands** — selecting them fires `action` immediately (e.g.
+ *   to close the palette or exit the app). Supply `action` as a callback.
+ *
+ * Exactly one of `page` or `action` must be set.
+ */
+export interface Command {
+    /** Stable identifier; used as React key. */
+    readonly id: CommandId;
+    /** Short display label shown in the suggestion list. */
+    readonly label: string;
+    /** One-line description rendered next to the label. */
+    readonly description: string;
+    /** Extra search keywords that fuzzy-match user input (lower-cased). */
+    readonly keywords?: readonly string[];
+    /** Sub-page component mounted when this command is selected. */
+    readonly page?: PaletteSubPageComponent;
+    /** Callback invoked when this command is selected instead of navigating. */
+    readonly action?: CommandAction;
+}

package/dist/components/CommandPalette/CommandPalette.utils.d.ts

@@ -0,0 +1,6 @@
+import type { Command } from "./CommandPalette.types";
+/**
+ * Filter the command registry to entries that match a free-text query.
+ * Delegates to `filterByQuery` with a command-specific haystack function.
+ */
+export declare function filterCommands(commands: readonly Command[], query: string): readonly Command[];

package/dist/components/CommandPalette/index.d.ts

@@ -0,0 +1,5 @@
+export type { CommandPaletteRenderProps } from "./CommandPalette";
+export { CommandPalette, CommandPaletteRender } from "./CommandPalette";
+export type { CommandPaletteTheme } from "./CommandPalette.theme";
+export { useCommandPaletteTheme } from "./CommandPalette.theme";
+export type { Command, CommandAction, CommandActionContext, CommandId, PaletteSubPageComponent, } from "./CommandPalette.types";

package/dist/components/CommandPalette/pages/HelpPage/HelpPage.constants.d.ts

@@ -0,0 +1,2 @@
+import type { ShortcutEntry } from "./HelpPage.types";
+export declare const SHORTCUTS: readonly ShortcutEntry[];

package/dist/components/CommandPalette/pages/HelpPage/HelpPage.d.ts

@@ -0,0 +1,12 @@
+import type React from "react";
+import { useTheme } from "../../../../Theme";
+export interface HelpPageProps {
+    /** ID of the currently focused element for API consistency. */
+    readonly focusId: string;
+}
+export declare function HelpPage({ focusId: _focusId, }: HelpPageProps): React.ReactElement;
+export interface HelpPageRenderProps {
+    /** The active theme tokens. */
+    readonly tokens: ReturnType<typeof useTheme>;
+}
+export declare function HelpPageRender({ tokens, }: HelpPageRenderProps): React.ReactElement;

package/dist/components/CommandPalette/pages/HelpPage/HelpPage.types.d.ts

@@ -0,0 +1,5 @@
+/** A single shortcut entry for the help page. */
+export interface ShortcutEntry {
+    readonly keys: string;
+    readonly description: string;
+}

package/dist/components/CommandPalette/pages/HelpPage/index.d.ts

@@ -0,0 +1,3 @@
+export type { HelpPageProps, HelpPageRenderProps, } from "./HelpPage";
+export { HelpPage, HelpPageRender } from "./HelpPage";
+export type { ShortcutEntry } from "./HelpPage.types";

package/dist/components/CommandPalette/pages/ListProvidersPage/ListProvidersPage.d.ts

@@ -0,0 +1,42 @@
+import type React from "react";
+import type { DaemonMessageOf } from "../../../../hooks/useDaemon/useDaemon.types";
+import { useDebugRender } from "../../../../hooks/useDebugRender";
+import { useTheme } from "../../../../Theme";
+import { useSearchInputTheme } from "../../../SearchInput";
+/** Provider shape as returned by the daemon's `provider_list` message. */
+type ProviderInfo = DaemonMessageOf<"provider_list">["providers"][number];
+export interface ListProvidersPageProps {
+    /** The unique focus identifier for this page. */
+    readonly focusId: string;
+}
+/**
+ * Command palette sub-page that lists all configured AI providers.
+ *
+ * Owns a single focus zone (`focusId`). All keyboard input — typing into the
+ * search bar, arrow-key navigation, and Esc — is handled in one `useInput`
+ * block. `SearchInputRender` is used (no hooks) so no competing focus zone
+ * is registered.
+ */
+export declare function ListProvidersPage({ focusId, }: ListProvidersPageProps): React.ReactElement;
+export interface ListProvidersPageRenderProps {
+    /** Debug render context. */
+    readonly debug: ReturnType<typeof useDebugRender>;
+    /** Theme tokens. */
+    readonly tokens: ReturnType<typeof useTheme>;
+    /** Search input theme. */
+    readonly searchTheme: ReturnType<typeof useSearchInputTheme>;
+    /** List of all available providers. */
+    readonly providers: readonly ProviderInfo[];
+    /** Current search query. */
+    readonly query: string;
+    /** Currently selected index in the filtered list. */
+    readonly selectedIndex: number;
+    /** Providers filtered by the current query. */
+    readonly filtered: readonly ProviderInfo[];
+    /** Callback to update the search query. */
+    readonly onQueryChange: (query: string) => void;
+    /** Callback to update the selected index. */
+    readonly onSelectedIndexChange: (index: number) => void;
+}
+export declare function ListProvidersPageRender({ debug, tokens, searchTheme, providers, query, selectedIndex, filtered, _onQueryChange, onSelectedIndexChange, }: ListProvidersPageRenderProps): React.ReactElement;
+export {};

package/dist/components/CommandPalette/pages/ListProvidersPage/index.d.ts

@@ -0,0 +1 @@
+export { ListProvidersPage } from "./ListProvidersPage";

package/dist/components/CommandPalette/pages/RegisteredProvidersPage/RegisteredProvidersPage.constants.d.ts

@@ -0,0 +1,3 @@
+export declare const RAW_MODE_SUPPORTED: boolean;
+export declare const CREDENTIAL_TYPE_LABELS: Readonly<Record<string, string>>;
+export declare const UNPRINTABLE_KEYS: Set<string>;

package/dist/components/CommandPalette/pages/RegisteredProvidersPage/RegisteredProvidersPage.d.ts

@@ -0,0 +1,40 @@
+import type React from "react";
+import type { Theme } from "../../../../Theme/Theme.types";
+import type { SearchInputTheme } from "../../../SearchInput/SearchInput.theme";
+import type { ProviderInfo, RegisteredProvidersViewState } from "./RegisteredProvidersPage.types";
+export interface RegisteredProvidersPageProps {
+    /** Unique identifier for the page to manage focus. */
+    readonly focusId: string;
+}
+export declare function RegisteredProvidersPage({ focusId, }: RegisteredProvidersPageProps): React.ReactElement;
+export interface RegisteredProvidersPageRenderProps {
+    /** Reference for debug rendering. */
+    readonly debugRef: React.RefObject<unknown>;
+    /** Global theme tokens. */
+    readonly tokens: Theme;
+    /** Theme for the search input. */
+    readonly searchTheme: SearchInputTheme;
+    /** All fetched providers. */
+    readonly providers: readonly ProviderInfo[];
+    /** All filtered providers (registered first, then available). */
+    readonly unifiedProviders: readonly ProviderInfo[];
+    /** Filtered list of registered providers to determine section boundary. */
+    readonly filteredRegisteredProviders: readonly ProviderInfo[];
+    /** Current search query. */
+    readonly query: string;
+    /** Index of the currently selected provider. */
+    readonly selectedIdx: number;
+    /** Callback to update the selected index. */
+    readonly onSelectedIndexChange: (index: number) => void;
+    /** Current view state (list, api-input, or oauth-confirm). */
+    readonly viewState: RegisteredProvidersViewState;
+    /** Current text in the API key input field. */
+    readonly apiKeyInput: string;
+    /** Whether a registration process is currently pending. */
+    readonly isPending: boolean;
+    /** Function to resolve the status color for a provider. */
+    readonly statusColor: (status: string) => string;
+    /** Function to resolve the credential type color for a provider. */
+    readonly credentialTypeColor: (type: string) => string;
+}
+export declare function RegisteredProvidersPageRender({ debugRef, tokens, searchTheme, providers, unifiedProviders, filteredRegisteredProviders, query, selectedIdx, onSelectedIndexChange, viewState, apiKeyInput, isPending, statusColor, credentialTypeColor, }: RegisteredProvidersPageRenderProps): React.ReactElement;

package/dist/components/CommandPalette/pages/RegisteredProvidersPage/RegisteredProvidersPage.types.d.ts

@@ -0,0 +1,13 @@
+import type { DaemonMessageOf } from "../../../../hooks/useDaemon/useDaemon.types";
+/** Type for a provider extracted from the daemon's provider list. */
+export type ProviderInfo = DaemonMessageOf<"provider_list">["providers"][number];
+/** Represents the current view state of the Registered Providers page. */
+export type RegisteredProvidersViewState = {
+    readonly kind: "list";
+} | {
+    readonly kind: "api-input";
+    readonly provider: ProviderInfo;
+} | {
+    readonly kind: "oauth-confirm";
+    readonly provider: ProviderInfo;
+};

package/dist/components/CommandPalette/pages/RegisteredProvidersPage/RegisteredProvidersPage.utils.d.ts

@@ -0,0 +1,9 @@
+import type { ProviderInfo } from "./RegisteredProvidersPage.types";
+/**
+ * Creates a searchable string representation of a provider's details.
+ */
+export declare function createProviderSearchString(provider: ProviderInfo): string;
+/**
+ * Determines if a key input is a printable character.
+ */
+export declare function isPrintableCharacter(input: string, key: Record<string, unknown>): boolean;

package/dist/components/CommandPalette/pages/RegisteredProvidersPage/index.d.ts

@@ -0,0 +1,2 @@
+export { RegisteredProvidersPage, RegisteredProvidersPageRender } from "./RegisteredProvidersPage";
+export type { RegisteredProvidersPageProps, RegisteredProvidersPageRenderProps, } from "./RegisteredProvidersPage";

package/dist/components/CommandPalette/pages/RunPickerPage/RunPickerPage.constants.d.ts

@@ -0,0 +1,3 @@
+/** Modal id shared with App.tsx - must stay in sync. */
+export declare const COMMAND_PALETTE_MODAL_ID = "command-palette";
+export declare const RAW_MODE_SUPPORTED: boolean;

package/dist/components/CommandPalette/pages/RunPickerPage/RunPickerPage.d.ts

@@ -0,0 +1,31 @@
+import type React from "react";
+import { useDebugRender } from "../../../../hooks/useDebugRender";
+import { useTheme } from "../../../../Theme";
+import { useSearchInputTheme } from "../../../SearchInput";
+import type { RunItem } from "./RunPickerPage.types";
+export interface RunPickerPageProps {
+    /** ID used for focus management. */
+    readonly focusId: string;
+}
+export declare function RunPickerPage({ focusId, }: RunPickerPageProps): React.ReactElement;
+export interface RunPickerPageRenderProps {
+    /** Render debug ref. */
+    readonly debug: ReturnType<typeof useDebugRender>;
+    /** Theme tokens. */
+    readonly tokens: ReturnType<typeof useTheme>;
+    /** Search input theme. */
+    readonly searchTheme: ReturnType<typeof useSearchInputTheme>;
+    /** Filtered list of runs. */
+    readonly items: readonly RunItem[];
+    /** Selected index in the main list. */
+    readonly selectedIndex: number;
+    /** Setter for the main list index. */
+    readonly setSelectedIndex: (index: number) => void;
+    /** Callback invoked when a run is selected. */
+    readonly onSelected: (item: RunItem) => void;
+    /** Whether the page is currently focused. */
+    readonly isFocused: boolean;
+    /** ID of the chat run identified by the current route. */
+    readonly currentChatRunId: string | null;
+}
+export declare function RunPickerPageRender({ debug, tokens, searchTheme, items, selectedIndex, setSelectedIndex, onSelected, isFocused, currentChatRunId, }: RunPickerPageRenderProps): React.ReactElement;

package/dist/components/CommandPalette/pages/RunPickerPage/RunPickerPage.types.d.ts

@@ -0,0 +1,8 @@
+import type { ChatRun, RunOverview } from "../../../../hooks/useChat/useChat.types";
+export type RunItem = {
+    readonly kind: "local";
+    readonly chatRun: ChatRun;
+} | {
+    readonly kind: "persisted";
+    readonly meta: RunOverview;
+};

package/dist/components/CommandPalette/pages/RunPickerPage/RunPickerPage.utils.d.ts

@@ -0,0 +1,7 @@
+import type { ChatRun, RunOverview } from "../../../../hooks/useChat";
+import type { RunItem } from "./RunPickerPage.types";
+export declare function chatRunHaystack(s: ChatRun): string;
+export declare function persistedHaystack(s: RunOverview): string;
+export declare function formatDate(ts: number): string;
+export declare function formatIsoDate(iso: string): string;
+export declare function itemHaystack(item: RunItem): string;

package/dist/components/CommandPalette/pages/RunPickerPage/index.d.ts

@@ -0,0 +1,3 @@
+export type { RunPickerPageProps, RunPickerPageRenderProps, } from "./RunPickerPage";
+export { RunPickerPage, RunPickerPageRender } from "./RunPickerPage";
+export type { RunItem } from "./RunPickerPage.types";

package/dist/components/CommandPalette/pages/SettingsPage/SettingsPage.d.ts

@@ -0,0 +1,24 @@
+import type React from "react";
+import { useUserConfig } from "../../../../hooks/useUserConfig";
+import { useTheme } from "../../../../Theme/useTheme";
+export declare const RAW_MODE_SUPPORTED: boolean;
+export interface SettingsPageProps {
+    /** Unique identifier for the focusable area. */
+    readonly focusId: string;
+}
+export declare function SettingsPage({ focusId, }: SettingsPageProps): React.ReactElement;
+export interface SettingsPageRenderProps {
+    /** Theme tokens for styling. */
+    readonly tokens: ReturnType<typeof useTheme>;
+    /** Current user configuration. */
+    readonly config: ReturnType<typeof useUserConfig>["config"];
+    /** Currently highlighted index in the theme list. */
+    readonly selectedIndex: number;
+    /** Callback when a new index is highlighted. */
+    readonly onSelectedIndexChange: (index: number) => void;
+    /** Callback when a theme is selected. */
+    readonly onSelected: (index: number) => void;
+    /** Whether the page is currently focused. */
+    readonly isFocused: boolean;
+}
+export declare function SettingsPageRender({ tokens, config, selectedIndex, onSelectedIndexChange, onSelected, isFocused, }: SettingsPageRenderProps): React.ReactElement;

package/dist/components/CommandPalette/pages/SettingsPage/index.d.ts

@@ -0,0 +1,2 @@
+export type { SettingsPageProps, SettingsPageRenderProps, } from "./SettingsPage";
+export { SettingsPage, SettingsPageRender } from "./SettingsPage";