@tomsun28/pizza 0.0.9 → 0.1.1

package/dist/modes/interactive/components/extension-editor.js

@@ -0,0 +1,105 @@
+/**
+ * Multi-line editor component for extensions.
+ * Supports Ctrl+G for external editor.
+ */
+import { spawnSync } from "node:child_process";
+import * as fs from "node:fs";
+import * as os from "node:os";
+import * as path from "node:path";
+import { Container, Editor, getKeybindings, Spacer, Text, } from "@earendil-works/pi-tui";
+import { getEditorTheme, theme } from "../theme/theme.js";
+import { DynamicBorder } from "./dynamic-border.js";
+import { keyHint } from "./keybinding-hints.js";
+export class ExtensionEditorComponent extends Container {
+    get focused() {
+        return this._focused;
+    }
+    set focused(value) {
+        this._focused = value;
+        this.editor.focused = value;
+    }
+    constructor(tui, keybindings, title, prefill, onSubmit, onCancel, options) {
+        super();
+        this._focused = false;
+        this.tui = tui;
+        this.keybindings = keybindings;
+        this.onSubmitCallback = onSubmit;
+        this.onCancelCallback = onCancel;
+        // Add top border
+        this.addChild(new DynamicBorder());
+        this.addChild(new Spacer(1));
+        // Add title
+        this.addChild(new Text(theme.fg("accent", title), 1, 0));
+        this.addChild(new Spacer(1));
+        // Create editor
+        this.editor = new Editor(tui, getEditorTheme(), options);
+        if (prefill) {
+            this.editor.setText(prefill);
+        }
+        // Wire up Enter to submit (Shift+Enter for newlines, like the main editor)
+        this.editor.onSubmit = (text) => {
+            this.onSubmitCallback(text);
+        };
+        this.addChild(this.editor);
+        this.addChild(new Spacer(1));
+        // Add hint
+        const hasExternalEditor = !!(process.env.VISUAL || process.env.EDITOR);
+        const hint = keyHint("tui.select.confirm", "submit") +
+            "  " +
+            keyHint("tui.input.newLine", "newline") +
+            "  " +
+            keyHint("tui.select.cancel", "cancel") +
+            (hasExternalEditor ? `  ${keyHint("app.editor.external", "external editor")}` : "");
+        this.addChild(new Text(hint, 1, 0));
+        this.addChild(new Spacer(1));
+        // Add bottom border
+        this.addChild(new DynamicBorder());
+    }
+    handleInput(keyData) {
+        const kb = getKeybindings();
+        // Escape or Ctrl+C to cancel
+        if (kb.matches(keyData, "tui.select.cancel")) {
+            this.onCancelCallback();
+            return;
+        }
+        // External editor (app keybinding)
+        if (this.keybindings.matches(keyData, "app.editor.external")) {
+            this.openExternalEditor();
+            return;
+        }
+        // Forward to editor
+        this.editor.handleInput(keyData);
+    }
+    openExternalEditor() {
+        const editorCmd = process.env.VISUAL || process.env.EDITOR;
+        if (!editorCmd) {
+            return;
+        }
+        const currentText = this.editor.getText();
+        const tmpFile = path.join(os.tmpdir(), `pizza-extension-editor-${Date.now()}.md`);
+        try {
+            fs.writeFileSync(tmpFile, currentText, "utf-8");
+            this.tui.stop();
+            const [editor, ...editorArgs] = editorCmd.split(" ");
+            const result = spawnSync(editor, [...editorArgs, tmpFile], {
+                stdio: "inherit",
+                shell: process.platform === "win32",
+            });
+            if (result.status === 0) {
+                const newContent = fs.readFileSync(tmpFile, "utf-8").replace(/\n$/, "");
+                this.editor.setText(newContent);
+            }
+        }
+        finally {
+            try {
+                fs.unlinkSync(tmpFile);
+            }
+            catch {
+                // Ignore cleanup errors
+            }
+            this.tui.start();
+            // Force full re-render since external editor uses alternate screen
+            this.tui.requestRender(true);
+        }
+    }
+}

package/dist/modes/interactive/components/extension-input.d.ts

@@ -0,0 +1,22 @@
+/**
+ * Simple text input component for extensions.
+ */
+import { Container, type Focusable, type TUI } from "@earendil-works/pi-tui";
+export interface ExtensionInputOptions {
+    tui?: TUI;
+    timeout?: number;
+}
+export declare class ExtensionInputComponent extends Container implements Focusable {
+    private input;
+    private onSubmitCallback;
+    private onCancelCallback;
+    private titleText;
+    private baseTitle;
+    private countdown;
+    private _focused;
+    get focused(): boolean;
+    set focused(value: boolean);
+    constructor(title: string, _placeholder: string | undefined, onSubmit: (value: string) => void, onCancel: () => void, opts?: ExtensionInputOptions);
+    handleInput(keyData: string): void;
+    dispose(): void;
+}

package/dist/modes/interactive/components/extension-input.js

@@ -0,0 +1,54 @@
+/**
+ * Simple text input component for extensions.
+ */
+import { Container, getKeybindings, Input, Spacer, Text } from "@earendil-works/pi-tui";
+import { theme } from "../theme/theme.js";
+import { CountdownTimer } from "./countdown-timer.js";
+import { DynamicBorder } from "./dynamic-border.js";
+import { keyHint } from "./keybinding-hints.js";
+export class ExtensionInputComponent extends Container {
+    get focused() {
+        return this._focused;
+    }
+    set focused(value) {
+        this._focused = value;
+        this.input.focused = value;
+    }
+    constructor(title, _placeholder, onSubmit, onCancel, opts) {
+        super();
+        // Focusable implementation - propagate to input for IME cursor positioning
+        this._focused = false;
+        this.onSubmitCallback = onSubmit;
+        this.onCancelCallback = onCancel;
+        this.baseTitle = title;
+        this.addChild(new DynamicBorder());
+        this.addChild(new Spacer(1));
+        this.titleText = new Text(theme.fg("accent", title), 1, 0);
+        this.addChild(this.titleText);
+        this.addChild(new Spacer(1));
+        if (opts?.timeout && opts.timeout > 0 && opts.tui) {
+            this.countdown = new CountdownTimer(opts.timeout, opts.tui, (s) => this.titleText.setText(theme.fg("accent", `${this.baseTitle} (${s}s)`)), () => this.onCancelCallback());
+        }
+        this.input = new Input();
+        this.addChild(this.input);
+        this.addChild(new Spacer(1));
+        this.addChild(new Text(`${keyHint("tui.select.confirm", "submit")}  ${keyHint("tui.select.cancel", "cancel")}`, 1, 0));
+        this.addChild(new Spacer(1));
+        this.addChild(new DynamicBorder());
+    }
+    handleInput(keyData) {
+        const kb = getKeybindings();
+        if (kb.matches(keyData, "tui.select.confirm") || keyData === "\n") {
+            this.onSubmitCallback(this.input.getValue());
+        }
+        else if (kb.matches(keyData, "tui.select.cancel")) {
+            this.onCancelCallback();
+        }
+        else {
+            this.input.handleInput(keyData);
+        }
+    }
+    dispose() {
+        this.countdown?.dispose();
+    }
+}

package/dist/modes/interactive/components/extension-selector.d.ts

@@ -0,0 +1,23 @@
+/**
+ * Generic selector component for extensions.
+ * Displays a list of string options with keyboard navigation.
+ */
+import { Container, type TUI } from "@earendil-works/pi-tui";
+export interface ExtensionSelectorOptions {
+    tui?: TUI;
+    timeout?: number;
+}
+export declare class ExtensionSelectorComponent extends Container {
+    private options;
+    private selectedIndex;
+    private listContainer;
+    private onSelectCallback;
+    private onCancelCallback;
+    private titleText;
+    private baseTitle;
+    private countdown;
+    constructor(title: string, options: string[], onSelect: (option: string) => void, onCancel: () => void, opts?: ExtensionSelectorOptions);
+    private updateList;
+    handleInput(keyData: string): void;
+    dispose(): void;
+}

package/dist/modes/interactive/components/extension-selector.js

@@ -0,0 +1,70 @@
+/**
+ * Generic selector component for extensions.
+ * Displays a list of string options with keyboard navigation.
+ */
+import { Container, getKeybindings, Spacer, Text } from "@earendil-works/pi-tui";
+import { theme } from "../theme/theme.js";
+import { CountdownTimer } from "./countdown-timer.js";
+import { DynamicBorder } from "./dynamic-border.js";
+import { keyHint, rawKeyHint } from "./keybinding-hints.js";
+export class ExtensionSelectorComponent extends Container {
+    constructor(title, options, onSelect, onCancel, opts) {
+        super();
+        this.selectedIndex = 0;
+        this.options = options;
+        this.onSelectCallback = onSelect;
+        this.onCancelCallback = onCancel;
+        this.baseTitle = title;
+        this.addChild(new DynamicBorder());
+        this.addChild(new Spacer(1));
+        this.titleText = new Text(theme.fg("accent", title), 1, 0);
+        this.addChild(this.titleText);
+        this.addChild(new Spacer(1));
+        if (opts?.timeout && opts.timeout > 0 && opts.tui) {
+            this.countdown = new CountdownTimer(opts.timeout, opts.tui, (s) => this.titleText.setText(theme.fg("accent", `${this.baseTitle} (${s}s)`)), () => this.onCancelCallback());
+        }
+        this.listContainer = new Container();
+        this.addChild(this.listContainer);
+        this.addChild(new Spacer(1));
+        this.addChild(new Text(rawKeyHint("↑↓", "navigate") +
+            "  " +
+            keyHint("tui.select.confirm", "select") +
+            "  " +
+            keyHint("tui.select.cancel", "cancel"), 1, 0));
+        this.addChild(new Spacer(1));
+        this.addChild(new DynamicBorder());
+        this.updateList();
+    }
+    updateList() {
+        this.listContainer.clear();
+        for (let i = 0; i < this.options.length; i++) {
+            const isSelected = i === this.selectedIndex;
+            const text = isSelected
+                ? theme.fg("accent", "→ ") + theme.fg("accent", this.options[i])
+                : `  ${theme.fg("text", this.options[i])}`;
+            this.listContainer.addChild(new Text(text, 1, 0));
+        }
+    }
+    handleInput(keyData) {
+        const kb = getKeybindings();
+        if (kb.matches(keyData, "tui.select.up") || keyData === "k") {
+            this.selectedIndex = Math.max(0, this.selectedIndex - 1);
+            this.updateList();
+        }
+        else if (kb.matches(keyData, "tui.select.down") || keyData === "j") {
+            this.selectedIndex = Math.min(this.options.length - 1, this.selectedIndex + 1);
+            this.updateList();
+        }
+        else if (kb.matches(keyData, "tui.select.confirm") || keyData === "\n") {
+            const selected = this.options[this.selectedIndex];
+            if (selected)
+                this.onSelectCallback(selected);
+        }
+        else if (kb.matches(keyData, "tui.select.cancel")) {
+            this.onCancelCallback();
+        }
+    }
+    dispose() {
+        this.countdown?.dispose();
+    }
+}

package/dist/modes/interactive/components/footer.d.ts

@@ -0,0 +1,55 @@
+import { type Component } from "@earendil-works/pi-tui";
+import type { ContextUsage } from "../../../core/extensions/index.js";
+import type { ReadonlyFooterDataProvider } from "../../../core/footer-data-provider.js";
+/**
+ * Minimal interface for footer data access.
+ * Supported by SessionFacade-based adapters.
+ */
+export interface FooterSessionInfo {
+    /** Model info: id, provider, reasoning, contextWindow */
+    getModel(): {
+        id: string;
+        provider: string;
+        reasoning?: boolean;
+        contextWindow?: number;
+    } | undefined;
+    /** Current thinking level */
+    getThinkingLevel(): string | undefined;
+    /** Cumulative token usage from all assistant messages */
+    getTokenUsage(): {
+        totalInput: number;
+        totalOutput: number;
+        totalCacheRead: number;
+        totalCacheWrite: number;
+        totalCost: number;
+    };
+    /** Context window usage */
+    getContextUsage(): ContextUsage | undefined;
+    /** Working directory */
+    getCwd(): string;
+    /** Whether the current model uses OAuth subscription */
+    isUsingOAuthSubscription(): boolean;
+}
+/**
+ * Footer component that shows pwd, token stats, and context usage.
+ * Computes token/context stats from session, gets git branch and extension statuses from provider.
+ */
+export declare class FooterComponent implements Component {
+    private session;
+    private footerData;
+    private autoCompactEnabled;
+    constructor(session: FooterSessionInfo, footerData: ReadonlyFooterDataProvider);
+    setSession(session: FooterSessionInfo): void;
+    setAutoCompactEnabled(enabled: boolean): void;
+    /**
+     * No-op: git branch caching now handled by provider.
+     * Kept for compatibility with existing call sites in interactive-mode.
+     */
+    invalidate(): void;
+    /**
+     * Clean up resources.
+     * Git watcher cleanup now handled by provider.
+     */
+    dispose(): void;
+    render(width: number): string[];
+}

package/dist/modes/interactive/components/footer.js

@@ -0,0 +1,207 @@
+import { truncateToWidth, visibleWidth } from "@earendil-works/pi-tui";
+import { theme } from "../theme/theme.js";
+/**
+ * Sanitize text for display in a single-line status.
+ * Removes newlines, tabs, carriage returns, and other control characters.
+ */
+function sanitizeStatusText(text) {
+    // Replace newlines, tabs, carriage returns with space, then collapse multiple spaces
+    return text
+        .replace(/[\r\n\t]/g, " ")
+        .replace(/ +/g, " ")
+        .trim();
+}
+/**
+ * Format token counts (similar to web-ui)
+ */
+function formatTokens(count) {
+    if (count < 1000)
+        return count.toString();
+    if (count < 10000)
+        return `${(count / 1000).toFixed(1)}k`;
+    if (count < 1000000)
+        return `${Math.round(count / 1000)}k`;
+    if (count < 10000000)
+        return `${(count / 1000000).toFixed(1)}M`;
+    return `${Math.round(count / 1000000)}M`;
+}
+function renderSegments(segments) {
+    return segments.map((segment) => theme.fg(segment.color, segment.text)).join("");
+}
+function renderRightSide(text, provider) {
+    if (!text)
+        return "";
+    const providerPrefix = provider ? `(${provider}) ` : undefined;
+    if (providerPrefix && text.startsWith(providerPrefix)) {
+        return theme.fg("dim", providerPrefix) + renderRightSide(text.slice(providerPrefix.length));
+    }
+    const separator = " • ";
+    const separatorIndex = text.indexOf(separator);
+    if (separatorIndex === -1) {
+        return theme.fg("accent", text);
+    }
+    return (theme.fg("accent", text.slice(0, separatorIndex)) +
+        theme.fg("dim", separator) +
+        theme.fg("muted", text.slice(separatorIndex + separator.length)));
+}
+/**
+ * Footer component that shows pwd, token stats, and context usage.
+ * Computes token/context stats from session, gets git branch and extension statuses from provider.
+ */
+export class FooterComponent {
+    constructor(session, footerData) {
+        this.session = session;
+        this.footerData = footerData;
+        this.autoCompactEnabled = true;
+    }
+    setSession(session) {
+        this.session = session;
+    }
+    setAutoCompactEnabled(enabled) {
+        this.autoCompactEnabled = enabled;
+    }
+    /**
+     * No-op: git branch caching now handled by provider.
+     * Kept for compatibility with existing call sites in interactive-mode.
+     */
+    invalidate() {
+        // No-op: git branch is cached/invalidated by provider
+    }
+    /**
+     * Clean up resources.
+     * Git watcher cleanup now handled by provider.
+     */
+    dispose() {
+        // Git watcher cleanup handled by provider
+    }
+    render(width) {
+        // Extract session info
+        const modelInfo = this.session.getModel();
+        const thinkingLevel = this.session.getThinkingLevel();
+        const tokenUsage = this.session.getTokenUsage();
+        const contextUsage = this.session.getContextUsage();
+        const pwd = this.session.getCwd();
+        const usingSubscription = this.session.isUsingOAuthSubscription();
+        // Cyber-style prefix and content width (prefix takes 2 columns)
+        const prefix = theme.fg("accent", "❯ ");
+        const contentWidth = Math.max(1, width - 2);
+        const contextWindow = contextUsage?.contextWindow ?? modelInfo?.contextWindow ?? 0;
+        const contextPercentValue = contextUsage?.percent ?? 0;
+        const contextPercent = contextUsage?.percent !== null ? contextPercentValue.toFixed(1) : "?";
+        // Replace home directory with ~
+        let displayPwd = pwd;
+        const home = process.env.HOME || process.env.USERPROFILE;
+        if (home && displayPwd.startsWith(home)) {
+            displayPwd = `~${displayPwd.slice(home.length)}`;
+        }
+        const pathSegments = [{ text: displayPwd, color: "muted" }];
+        // Add git branch if available
+        const branch = this.footerData.getGitBranch();
+        if (branch) {
+            displayPwd = `${displayPwd} (${branch})`;
+            pathSegments.push({ text: " (", color: "dim" });
+            pathSegments.push({ text: branch, color: "accent" });
+            pathSegments.push({ text: ")", color: "dim" });
+        }
+        // Build stats line
+        const statsParts = [];
+        if (tokenUsage.totalInput)
+            statsParts.push({ text: `↑${formatTokens(tokenUsage.totalInput)}`, color: "accent" });
+        if (tokenUsage.totalOutput)
+            statsParts.push({ text: `↓${formatTokens(tokenUsage.totalOutput)}`, color: "mdLink" });
+        if (tokenUsage.totalCacheRead)
+            statsParts.push({ text: `R${formatTokens(tokenUsage.totalCacheRead)}`, color: "muted" });
+        if (tokenUsage.totalCacheWrite)
+            statsParts.push({ text: `W${formatTokens(tokenUsage.totalCacheWrite)}`, color: "muted" });
+        // Show cost with "(sub)" indicator if using OAuth subscription
+        if (tokenUsage.totalCost || usingSubscription) {
+            const costStr = `$${tokenUsage.totalCost.toFixed(3)}${usingSubscription ? " (sub)" : ""}`;
+            statsParts.push({ text: costStr, color: "success" });
+        }
+        // Colorize context percentage based on usage
+        let contextColor;
+        const autoIndicator = this.autoCompactEnabled ? " (auto)" : "";
+        const contextPercentDisplay = contextPercent === "?"
+            ? `?/${formatTokens(contextWindow)}${autoIndicator}`
+            : `${contextPercent}%/${formatTokens(contextWindow)}${autoIndicator}`;
+        if (contextPercentValue > 90) {
+            contextColor = "error";
+        }
+        else if (contextPercentValue > 70) {
+            contextColor = "warning";
+        }
+        else {
+            contextColor = "success";
+        }
+        statsParts.push({ text: contextPercentDisplay, color: contextColor });
+        let statsLeft = statsParts.map((part) => part.text).join("│");
+        // Add model name on the right side, plus thinking level if model supports it
+        const modelName = modelInfo?.id || "no-model";
+        let statsLeftWidth = visibleWidth(statsLeft);
+        // If statsLeft is too wide, truncate it
+        if (statsLeftWidth > contentWidth) {
+            statsLeft = truncateToWidth(statsLeft, contentWidth, "...");
+            statsLeftWidth = visibleWidth(statsLeft);
+        }
+        // Calculate available space for padding (minimum 2 spaces between stats and model)
+        const minPadding = 2;
+        // Add thinking level indicator if model supports reasoning
+        let rightSideWithoutProvider = modelName;
+        if (modelInfo?.reasoning) {
+            const level = thinkingLevel || "off";
+            rightSideWithoutProvider =
+                level === "off" ? `${modelName} • thinking off` : `${modelName} • ${level}`;
+        }
+        // Prepend the provider in parentheses if there are multiple providers and there's enough room
+        let rightSide = rightSideWithoutProvider;
+        if (this.footerData.getAvailableProviderCount() > 1 && modelInfo) {
+            rightSide = `(${modelInfo.provider}) ${rightSideWithoutProvider}`;
+            if (statsLeftWidth + minPadding + visibleWidth(rightSide) > contentWidth) {
+                // Too wide, fall back
+                rightSide = rightSideWithoutProvider;
+            }
+        }
+        const rightSideWidth = visibleWidth(rightSide);
+        const totalNeeded = statsLeftWidth + minPadding + rightSideWidth;
+        let renderedStatsLeft;
+        if (visibleWidth(statsLeft) === statsParts.reduce((sum, part) => sum + visibleWidth(part.text), 0) + Math.max(0, statsParts.length - 1)) {
+            renderedStatsLeft = statsParts.map((part) => theme.fg(part.color, part.text)).join(theme.fg("borderMuted", "│"));
+        }
+        else {
+            renderedStatsLeft = theme.fg("dim", statsLeft);
+        }
+        let statsLine;
+        if (totalNeeded <= contentWidth) {
+            // Both fit - add padding to right-align model
+            const padding = " ".repeat(contentWidth - statsLeftWidth - rightSideWidth);
+            statsLine = renderedStatsLeft + theme.fg("dim", padding) + renderRightSide(rightSide, modelInfo?.provider);
+        }
+        else {
+            // Need to truncate right side
+            const availableForRight = contentWidth - statsLeftWidth - minPadding;
+            if (availableForRight > 0) {
+                const truncatedRight = truncateToWidth(rightSide, availableForRight, "");
+                const truncatedRightWidth = visibleWidth(truncatedRight);
+                const padding = " ".repeat(Math.max(0, contentWidth - statsLeftWidth - truncatedRightWidth));
+                statsLine = renderedStatsLeft + theme.fg("dim", padding) + renderRightSide(truncatedRight, modelInfo?.provider);
+            }
+            else {
+                // Not enough space for right side at all
+                statsLine = renderedStatsLeft;
+            }
+        }
+        const pwdContent = truncateToWidth(renderSegments(pathSegments), contentWidth, theme.fg("dim", "..."));
+        const lines = [prefix + pwdContent, prefix + statsLine];
+        // Add extension statuses on a single line, sorted by key alphabetically
+        const extensionStatuses = this.footerData.getExtensionStatuses();
+        if (extensionStatuses.size > 0) {
+            const sortedStatuses = Array.from(extensionStatuses.entries())
+                .sort(([a], [b]) => a.localeCompare(b))
+                .map(([, text]) => sanitizeStatusText(text));
+            const statusLine = sortedStatuses.join(" ");
+            // Truncate to terminal width with dim ellipsis for consistency with footer style
+            lines.push(prefix + truncateToWidth(theme.fg("muted", statusLine), contentWidth, theme.fg("dim", "...")));
+        }
+        return lines;
+    }
+}

package/dist/modes/interactive/components/index.d.ts

@@ -0,0 +1,31 @@
+export { ArminComponent } from "./armin.js";
+export { AssistantMessageComponent } from "./assistant-message.js";
+export { BashExecutionComponent } from "./bash-execution.js";
+export { BorderedLoader } from "./bordered-loader.js";
+export { BranchSummaryMessageComponent } from "./branch-summary-message.js";
+export { BrandHeaderComponent } from "./brand-header.js";
+export { CompactionSummaryMessageComponent } from "./compaction-summary-message.js";
+export { CustomEditor } from "./custom-editor.js";
+export { CustomMessageComponent } from "./custom-message.js";
+export { DaxnutsComponent } from "./daxnuts.js";
+export { type RenderDiffOptions, renderDiff } from "./diff.js";
+export { DynamicBorder } from "./dynamic-border.js";
+export { ExtensionEditorComponent } from "./extension-editor.js";
+export { ExtensionInputComponent } from "./extension-input.js";
+export { ExtensionSelectorComponent } from "./extension-selector.js";
+export { FooterComponent } from "./footer.js";
+export { keyHint, keyText, rawKeyHint } from "./keybinding-hints.js";
+export { LoginDialogComponent } from "./login-dialog.js";
+export { ModelSelectorComponent } from "./model-selector.js";
+export { OAuthSelectorComponent } from "./oauth-selector.js";
+export { type SettingsCallbacks, type SettingsConfig, SettingsSelectorComponent } from "./settings-selector.js";
+export { ShowImagesSelectorComponent } from "./show-images-selector.js";
+export { SkillInvocationMessageComponent } from "./skill-invocation-message.js";
+export { ThemeSelectorComponent } from "./theme-selector.js";
+export { ThinkingSelectorComponent } from "./thinking-selector.js";
+export { TimelineViewComponent, type TimelineViewOptions } from "./timeline-view.js";
+export { ToolExecutionComponent, type ToolExecutionOptions } from "./tool-execution.js";
+export { TreeSelectorComponent } from "./tree-selector.js";
+export { UserMessageComponent } from "./user-message.js";
+export { UserMessageSelectorComponent } from "./user-message-selector.js";
+export { truncateToVisualLines, type VisualTruncateResult } from "./visual-truncate.js";

package/dist/modes/interactive/components/index.js

@@ -0,0 +1,32 @@
+// UI Components for extensions
+export { ArminComponent } from "./armin.js";
+export { AssistantMessageComponent } from "./assistant-message.js";
+export { BashExecutionComponent } from "./bash-execution.js";
+export { BorderedLoader } from "./bordered-loader.js";
+export { BranchSummaryMessageComponent } from "./branch-summary-message.js";
+export { BrandHeaderComponent } from "./brand-header.js";
+export { CompactionSummaryMessageComponent } from "./compaction-summary-message.js";
+export { CustomEditor } from "./custom-editor.js";
+export { CustomMessageComponent } from "./custom-message.js";
+export { DaxnutsComponent } from "./daxnuts.js";
+export { renderDiff } from "./diff.js";
+export { DynamicBorder } from "./dynamic-border.js";
+export { ExtensionEditorComponent } from "./extension-editor.js";
+export { ExtensionInputComponent } from "./extension-input.js";
+export { ExtensionSelectorComponent } from "./extension-selector.js";
+export { FooterComponent } from "./footer.js";
+export { keyHint, keyText, rawKeyHint } from "./keybinding-hints.js";
+export { LoginDialogComponent } from "./login-dialog.js";
+export { ModelSelectorComponent } from "./model-selector.js";
+export { OAuthSelectorComponent } from "./oauth-selector.js";
+export { SettingsSelectorComponent } from "./settings-selector.js";
+export { ShowImagesSelectorComponent } from "./show-images-selector.js";
+export { SkillInvocationMessageComponent } from "./skill-invocation-message.js";
+export { ThemeSelectorComponent } from "./theme-selector.js";
+export { ThinkingSelectorComponent } from "./thinking-selector.js";
+export { TimelineViewComponent } from "./timeline-view.js";
+export { ToolExecutionComponent } from "./tool-execution.js";
+export { TreeSelectorComponent } from "./tree-selector.js";
+export { UserMessageComponent } from "./user-message.js";
+export { UserMessageSelectorComponent } from "./user-message-selector.js";
+export { truncateToVisualLines } from "./visual-truncate.js";

package/dist/modes/interactive/components/keybinding-hints.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Utilities for formatting keybinding hints in the UI.
+ */
+import { type Keybinding } from "@earendil-works/pi-tui";
+export declare function keyText(keybinding: Keybinding): string;
+export declare function keyHint(keybinding: Keybinding, description: string): string;
+export declare function rawKeyHint(key: string, description: string): string;

package/dist/modes/interactive/components/keybinding-hints.js

@@ -0,0 +1,21 @@
+/**
+ * Utilities for formatting keybinding hints in the UI.
+ */
+import { getKeybindings } from "@earendil-works/pi-tui";
+import { theme } from "../theme/theme.js";
+function formatKeys(keys) {
+    if (keys.length === 0)
+        return "";
+    if (keys.length === 1)
+        return keys[0];
+    return keys.join("/");
+}
+export function keyText(keybinding) {
+    return formatKeys(getKeybindings().getKeys(keybinding));
+}
+export function keyHint(keybinding, description) {
+    return theme.fg("dim", keyText(keybinding)) + theme.fg("muted", ` ${description}`);
+}
+export function rawKeyHint(key, description) {
+    return theme.fg("dim", key) + theme.fg("muted", ` ${description}`);
+}