my-pi-agent 0.1.0

package/tui/dist/components/user-message-selector.d.ts

@@ -0,0 +1,21 @@
+import { Container } from "@earendil-works/pi-tui";
+export interface UserMessageItem {
+    id: string;
+    text: string;
+}
+export declare class UserMessageSelectorComponent extends Container {
+    readonly messages: UserMessageItem[];
+    readonly onSelect: (msg: UserMessageItem) => void;
+    readonly onCancel: () => void;
+    private listContainer;
+    private selectedIndex;
+    private maxVisible;
+    private lastWidth;
+    private _focused;
+    get focused(): boolean;
+    set focused(value: boolean);
+    constructor(messages: UserMessageItem[], onSelect: (msg: UserMessageItem) => void, onCancel: () => void, initialSelectedId?: string);
+    render(width: number): string[];
+    updateList(): void;
+    handleInput(data: string): void;
+}

package/tui/dist/components/user-message-selector.js

@@ -0,0 +1,103 @@
+import { Container, matchesKey, Spacer, Text, visibleWidth, } from "@earendil-works/pi-tui";
+import { theme } from "../theme/theme.js";
+import { DynamicBorder } from "./dynamic-border.js";
+import { isEnterKey } from "./keys.js";
+export class UserMessageSelectorComponent extends Container {
+    messages;
+    onSelect;
+    onCancel;
+    listContainer;
+    selectedIndex = 0;
+    maxVisible = 10;
+    lastWidth = 80;
+    _focused = false;
+    get focused() {
+        return this._focused;
+    }
+    set focused(value) {
+        this._focused = value;
+    }
+    constructor(messages, onSelect, onCancel, initialSelectedId) {
+        super();
+        this.messages = messages;
+        this.onSelect = onSelect;
+        this.onCancel = onCancel;
+        this.listContainer = new Container();
+        this.addChild(new DynamicBorder());
+        this.addChild(new Spacer(1));
+        this.addChild(new Text(theme.bold("Fork Session from Previous Message"), 0, 0));
+        this.addChild(new Text(theme.fg("muted", "Enter: select message to branch from · Up/Down: navigate · Esc: cancel"), 0, 0));
+        this.addChild(new Spacer(1));
+        this.addChild(this.listContainer);
+        this.addChild(new Spacer(1));
+        this.addChild(new Text(theme.fg("dim", "  Enter to branch into a new session · Escape to cancel"), 0, 0));
+        this.addChild(new DynamicBorder());
+        const initialIndex = initialSelectedId
+            ? messages.findIndex((m) => m.id === initialSelectedId)
+            : -1;
+        this.selectedIndex =
+            initialIndex >= 0 ? initialIndex : Math.max(0, this.messages.length - 1);
+        this.updateList();
+    }
+    render(width) {
+        this.lastWidth = width;
+        return super.render(width);
+    }
+    updateList() {
+        this.listContainer.clear();
+        if (this.messages.length === 0) {
+            this.listContainer.addChild(new Text(theme.fg("muted", "  当前会话暂无历史用户提问。"), 0, 0));
+            return;
+        }
+        const startIndex = Math.max(0, Math.min(this.selectedIndex - Math.floor(this.maxVisible / 2), this.messages.length - this.maxVisible));
+        const endIndex = Math.min(startIndex + this.maxVisible, this.messages.length);
+        for (let i = startIndex; i < endIndex; i++) {
+            const msg = this.messages[i];
+            if (!msg)
+                continue;
+            const isSelected = i === this.selectedIndex;
+            const cursor = isSelected ? theme.fg("accent", "› ") : "  ";
+            const indexTag = theme.fg("muted", `[Message ${i + 1} of ${this.messages.length}]`);
+            const snippet = msg.text.replace(/[\n\r\t]/g, " ").trim();
+            const left = `${cursor}${indexTag} ${isSelected ? theme.bold(snippet) : snippet}`;
+            const pad = Math.max(2, this.lastWidth - 4 - visibleWidth(left));
+            let lineText = left + " ".repeat(pad);
+            if (isSelected) {
+                lineText = theme.bg("selectedBg", lineText);
+            }
+            this.listContainer.addChild(new Text(lineText, 0, 0));
+        }
+        if (startIndex > 0 || endIndex < this.messages.length) {
+            const scrollInfo = theme.fg("muted", `  (${this.selectedIndex + 1}/${this.messages.length})`);
+            this.listContainer.addChild(new Text(scrollInfo, 0, 0));
+        }
+    }
+    handleInput(data) {
+        if (matchesKey(data, "up")) {
+            if (this.messages.length === 0)
+                return;
+            this.selectedIndex =
+                this.selectedIndex === 0
+                    ? this.messages.length - 1
+                    : this.selectedIndex - 1;
+            this.updateList();
+        }
+        else if (matchesKey(data, "down")) {
+            if (this.messages.length === 0)
+                return;
+            this.selectedIndex =
+                this.selectedIndex === this.messages.length - 1
+                    ? 0
+                    : this.selectedIndex + 1;
+            this.updateList();
+        }
+        else if (isEnterKey(data)) {
+            const selected = this.messages[this.selectedIndex];
+            if (selected)
+                this.onSelect(selected);
+        }
+        else if (matchesKey(data, "escape") || matchesKey(data, "ctrl+c")) {
+            this.onCancel();
+        }
+    }
+}

package/tui/dist/components/user-message.d.ts

@@ -0,0 +1,5 @@
+import { Container } from "@earendil-works/pi-tui";
+export declare class UserMessageComponent extends Container {
+    readonly text: string;
+    constructor(text: string);
+}

package/tui/dist/components/user-message.js

@@ -0,0 +1,15 @@
+import { Box, Container, Markdown } from "@earendil-works/pi-tui";
+import { getMarkdownTheme, theme } from "../theme/theme.js";
+export class UserMessageComponent extends Container {
+    text;
+    constructor(text) {
+        super();
+        this.text = text;
+        const box = new Box(1, 1, (content) => theme.bg("userMessageBg", content));
+        const md = new Markdown(text, 0, 0, getMarkdownTheme(), {
+            color: (content) => theme.fg("userMessageText", content),
+        });
+        box.addChild(md);
+        this.addChild(box);
+    }
+}

package/tui/dist/index.d.ts

@@ -0,0 +1,11 @@
+export { AgentApp, type AppOptions, BUILTIN_SLASH_COMMANDS } from "./app.js";
+export { InteractiveMode, type InteractiveModeOptions, } from "./interactive/interactive-mode.js";
+export { KernelBridge } from "./bridge/kernel-bridge.js";
+export { EventTranslator } from "./bridge/event-translator.js";
+export { PythonKernelClient, type PythonKernelClientOptions, } from "./client.js";
+export * from "./protocol.js";
+export { theme, getMarkdownTheme } from "./theme/theme.js";
+export { UserMessageComponent } from "./components/user-message.js";
+export { AssistantMessageComponent } from "./components/assistant-message.js";
+export { ToolExecutionComponent } from "./components/tool-execution.js";
+export { FooterComponent, type FooterData } from "./components/footer.js";

package/tui/dist/index.js

@@ -0,0 +1,11 @@
+export { AgentApp, BUILTIN_SLASH_COMMANDS } from "./app.js";
+export { InteractiveMode, } from "./interactive/interactive-mode.js";
+export { KernelBridge } from "./bridge/kernel-bridge.js";
+export { EventTranslator } from "./bridge/event-translator.js";
+export { PythonKernelClient, } from "./client.js";
+export * from "./protocol.js";
+export { theme, getMarkdownTheme } from "./theme/theme.js";
+export { UserMessageComponent } from "./components/user-message.js";
+export { AssistantMessageComponent } from "./components/assistant-message.js";
+export { ToolExecutionComponent } from "./components/tool-execution.js";
+export { FooterComponent } from "./components/footer.js";

package/tui/dist/interactive/chat-viewport.d.ts

@@ -0,0 +1,19 @@
+import { type Component, ScrollView, type ScrollViewScrollbar } from "@earendil-works/pi-tui";
+export interface ChatViewportOptions {
+    readonly document: Component;
+    readonly pendingMessages: Component;
+    readonly status: Component;
+    readonly editor: Component;
+    readonly footer: Component;
+    readonly widgetsAbove?: Component;
+    readonly widgetsBelow?: Component;
+    readonly scrollbar?: ScrollViewScrollbar;
+    readonly scrollbarTrackStyle?: (text: string) => string;
+    readonly scrollbarThumbStyle?: (text: string) => string;
+}
+export interface ChatViewport {
+    readonly root: Component;
+    readonly transcript: ScrollView;
+}
+/** Shared fullscreen transcript and fixed input-dock layout. */
+export declare function createChatViewport(options: ChatViewportOptions): ChatViewport;

package/tui/dist/interactive/chat-viewport.js

@@ -0,0 +1,41 @@
+import { ScrollView, VStack, } from "@earendil-works/pi-tui";
+/** Shared fullscreen transcript and fixed input-dock layout. */
+export function createChatViewport(options) {
+    const transcript = new ScrollView(options.document, {
+        follow: "end",
+        primary: true,
+        overscroll: "chain",
+        scrollbar: options.scrollbar ?? "auto",
+        ...(options.scrollbarTrackStyle === undefined
+            ? {}
+            : { scrollbarTrackStyle: options.scrollbarTrackStyle }),
+        ...(options.scrollbarThumbStyle === undefined
+            ? {}
+            : { scrollbarThumbStyle: options.scrollbarThumbStyle }),
+    });
+    const dock = new VStack([
+        { component: options.pendingMessages, shrink: 1, minSize: 0 },
+        { component: options.status, shrink: 1, minSize: 0 },
+        ...(options.widgetsAbove === undefined
+            ? []
+            : [{ component: options.widgetsAbove, shrink: 1, minSize: 0 }]),
+        { component: options.editor, shrink: 1, minSize: 3 },
+        ...(options.widgetsBelow === undefined
+            ? []
+            : [{ component: options.widgetsBelow, shrink: 1, minSize: 0 }]),
+        { component: options.footer, shrink: 1, minSize: 1 },
+    ]);
+    return {
+        transcript,
+        root: new VStack([
+            { component: transcript, basis: 0, grow: 1, shrink: 1, minSize: 1 },
+            {
+                component: dock,
+                basis: "auto",
+                grow: 0,
+                shrink: 1,
+                minSize: 1,
+            },
+        ]),
+    };
+}

package/tui/dist/interactive/components.d.ts

@@ -0,0 +1 @@
+export { ArminComponent, AssistantMessageComponent, BashExecutionComponent, BorderedLoader, BranchSummaryMessageComponent, CompactionSummaryMessageComponent, CustomEditor, CustomMessageComponent, DynamicBorder, ExtensionEditorComponent, ExtensionInputComponent, ExtensionSelectorComponent, FooterComponent, keyHint, keyText, LoginDialogComponent, ModelSelectorComponent, OAuthSelectorComponent, renderDiff, SessionSelectorComponent, SettingsSelectorComponent, ShowImagesSelectorComponent, SkillInvocationMessageComponent, ThemeSelectorComponent, ThinkingSelectorComponent, ToolExecutionComponent, TreeSelectorComponent, truncateToVisualLines, UserMessageComponent, UserMessageSelectorComponent, } from "@earendil-works/pi-coding-agent";

package/tui/dist/interactive/components.js

@@ -0,0 +1 @@
+export { ArminComponent, AssistantMessageComponent, BashExecutionComponent, BorderedLoader, BranchSummaryMessageComponent, CompactionSummaryMessageComponent, CustomEditor, CustomMessageComponent, DynamicBorder, ExtensionEditorComponent, ExtensionInputComponent, ExtensionSelectorComponent, FooterComponent, keyHint, keyText, LoginDialogComponent, ModelSelectorComponent, OAuthSelectorComponent, renderDiff, SessionSelectorComponent, SettingsSelectorComponent, ShowImagesSelectorComponent, SkillInvocationMessageComponent, ThemeSelectorComponent, ThinkingSelectorComponent, ToolExecutionComponent, TreeSelectorComponent, truncateToVisualLines, UserMessageComponent, UserMessageSelectorComponent, } from "@earendil-works/pi-coding-agent";

package/tui/dist/interactive/interactive-mode.d.ts

@@ -0,0 +1,89 @@
+import { type Component, Container, type SlashCommand, TuiMainScreen } from "@earendil-works/pi-tui";
+import { KernelBridge } from "../bridge/kernel-bridge.js";
+import { AssistantMessageComponent } from "../components/assistant-message.js";
+import { CustomEditor } from "../components/custom-editor.js";
+import { DynamicBorder } from "../components/dynamic-border.js";
+import { FooterComponent } from "../components/footer.js";
+import { HeaderComponent } from "../components/header.js";
+import { ToolExecutionComponent } from "../components/tool-execution.js";
+import { type InteractiveTuiOptions } from "./tui-renderer.js";
+export interface InteractiveModeOptions extends InteractiveTuiOptions {
+    workspace?: string;
+    model?: string;
+    sessionName?: string;
+    thinking?: string;
+    noSession?: boolean;
+    continueSession?: boolean;
+    resume?: string | boolean;
+}
+export declare const BUILTIN_SLASH_COMMANDS: SlashCommand[];
+export declare class InteractiveMode {
+    readonly bridge: KernelBridge;
+    readonly options: InteractiveModeOptions;
+    readonly ui: TuiMainScreen;
+    readonly chatContainer: Container;
+    readonly documentContainer: Container;
+    readonly pendingMessagesContainer: Container;
+    readonly statusContainer: Container;
+    readonly editorContainer: Container;
+    readonly defaultEditor: CustomEditor;
+    readonly footer: FooterComponent;
+    readonly header: HeaderComponent;
+    readonly dynamicBorder: DynamicBorder;
+    private activeSelectorToken?;
+    private activeSelectorDispose?;
+    activeSelectorComponent?: any;
+    currentStreamingAssistant?: AssistantMessageComponent;
+    latestAssistantMessage?: AssistantMessageComponent;
+    activeToolCalls: Map<string, ToolExecutionComponent>;
+    toolStartTimes: Map<string, number>;
+    transcriptScrollView?: any;
+    isStreaming: boolean;
+    isWorking: boolean;
+    currentThinkingLevel: string;
+    currentModelName: string;
+    workspace: string;
+    onExit?: () => Promise<void> | void;
+    private unsubscribeBridge?;
+    constructor(bridge: KernelBridge, options?: InteractiveModeOptions);
+    init(): Promise<void>;
+    start(): void;
+    stop(): void;
+    dispose(): void;
+    private subscribeToBridge;
+    handleAgentEvent(event: any): void;
+    updateFooterUsage(usage: Record<string, unknown>, contextWindow?: number): void;
+    private createEditor;
+    handleUserInput(input: string): Promise<void>;
+    handleExit(): Promise<void>;
+    private setupKeybindings;
+    showSelector(create: (done: () => void) => {
+        component: Component;
+        focus: Component;
+        dispose?: () => void;
+    }): void;
+    private disposeActiveSelector;
+    showModelSelector(initialSearch?: string): void;
+    showSessionSelector(): void;
+    getSupportedThinkingLevels(): string[];
+    updateEditorBorderColor(): void;
+    cycleThinkingLevel(): Promise<string | undefined>;
+    showThinkingSelector(): void;
+    showLoginSelector(): void;
+    showLogoutSelector(): void;
+    showThemeSelector(): void;
+    showTreeSelector(): void;
+    showForkSelector(): Promise<void>;
+    showSettingsSelector(): Promise<void>;
+    handleSlashCommand(input: string): Promise<void>;
+    private handleShellMacro;
+    renderSessionHistory(messages: any[], banner?: string): void;
+    private renderPiSessionStats;
+    private renderFallbackSessionStats;
+    appendSystemNotice(text: string): void;
+    appendErrorMessage(text: string): void;
+    private activeStatusIndicator;
+    showWorkingStatusIndicator(message?: string): void;
+    private updateStatusDisplay;
+    clearStatusDisplay(): void;
+}