pi-my-compact-ui 0.2.2 → 0.4.0

package/dist/src/helpers.d.ts

@@ -0,0 +1,19 @@
+import type { ThinkingEntry, ToolStatus } from "./types.js";
+export declare function shortenPath(path: string): string;
+export declare function oneLine(value: unknown, max?: number): string;
+export declare function estimateTextTokens(text: string): number;
+export declare function formatTokenK(tokens: number): string;
+export declare function thinkingTokenLabel(entry: ThinkingEntry): string;
+export declare function toolSummary(name: string, args: any): {
+    name: string;
+    content: string;
+};
+export declare function toolStatus(tool: any): ToolStatus;
+export declare function streamingToolArgs(block: any): any;
+export declare function locateStreamingToolCall(content: any[], streamEvent: any): {
+    index: number;
+    block: any;
+} | undefined;
+export declare function toolResultText(tool: any): string;
+export declare function formatWorkedTime(elapsedMs: number): string;
+export declare function isCtrlI(data: string): boolean;

package/dist/src/markdown.d.ts

@@ -0,0 +1,7 @@
+import type { MarkdownTheme, Markdown } from "@earendil-works/pi-tui";
+export declare function isCompactCodeBlockOpen(visible: string): boolean;
+export declare function isCompactCodeBlockClose(visible: string): boolean;
+export declare function getCompactMarkdownTheme(): MarkdownTheme;
+export declare function renderCodeBlockBackgroundRow(content: string, width: number): string;
+export declare function normalizeCompactCodeBlockLines(lines: string[], width: number, paddingX?: number): string[];
+export declare function installVisibleAssistantMarkdownRendering(component: Markdown): void;

package/dist/src/modals.d.ts

@@ -0,0 +1,38 @@
+import type { Component } from "@earendil-works/pi-tui";
+import type { GroupEntry } from "./types.js";
+export declare class DetailModalComponent implements Component {
+    readonly entry: GroupEntry;
+    private scrollTop;
+    private followingEnd;
+    private lastContentLineCount;
+    private lastInnerHeight;
+    private pollTimer;
+    constructor(entry: GroupEntry);
+    private isEntryActive;
+    private startPollingIfNeeded;
+    dispose(): void;
+    invalidate(): void;
+    scrollBy(delta: number): void;
+    scrollTo(newTop: number): void;
+    scrollToEnd(): void;
+    handleInput(data: string): boolean;
+    render(width: number): string[];
+}
+export declare function openDetailModal(entry: GroupEntry): void;
+export declare function closeDetailModal(): void;
+export declare function getAllInspectableEntries(): GroupEntry[];
+export declare class InspectSelectorModal implements Component {
+    private entries;
+    private selectedIndex;
+    private scrollTop;
+    private visibleHeight;
+    constructor();
+    refreshEntries(isInitial?: boolean): void;
+    private adjustScroll;
+    handleInput(data: string): boolean;
+    render(width: number): string[];
+    dispose(): void;
+    invalidate(): void;
+}
+export declare function openInspectSelectorModal(): void;
+export declare function closeInspectSelectorModal(): void;

package/dist/src/settings.d.ts

@@ -0,0 +1,31 @@
+/** 配置交互界面与数值编辑器。 */
+import type { ExtensionAPI } from "@earendil-works/pi-coding-agent";
+import type { Component } from "@earendil-works/pi-tui";
+export declare const CONFIG_KEYS: readonly [{
+    readonly id: "expandedToolLines";
+    readonly label: "Expanded tool lines";
+    readonly description: "Result lines shown per tool when expanded";
+    readonly min: 1;
+    readonly max: 50;
+    readonly step: 1;
+}, {
+    readonly id: "expandedThinkingLines";
+    readonly label: "Expanded thinking lines";
+    readonly description: "Thinking lines shown when expanded";
+    readonly min: 1;
+    readonly max: 100;
+    readonly step: 1;
+}, {
+    readonly id: "maxGroupEntries";
+    readonly label: "Max collapsed entries";
+    readonly description: "Maximum entries shown in collapsed group";
+    readonly min: 1;
+    readonly max: 30;
+    readonly step: 1;
+}];
+export declare function makeStepper(title: string, initial: number, meta: {
+    min: number;
+    max: number;
+    step: number;
+}, theme: any, done: (value?: string) => void): Component;
+export declare function registerConfigCommand(pi: ExtensionAPI): void;

package/dist/src/state.d.ts

@@ -0,0 +1,45 @@
+/** 集中管理会话状态；集合与锚点通过工厂创建，便于测试隔离。 */
+import type { ThinkingEntry, PreparingTool, AssistantContentState } from "./types.js";
+import type { ToolGroupComponent } from "./tool-group.js";
+import type { OverlayHandle, Container } from "@earendil-works/pi-tui";
+import type { DetailModalComponent, InspectSelectorModal } from "./modals.js";
+/** Mutable session/UI state. A fresh snapshot also makes isolated tests possible. */
+export interface RuntimeState {
+    currentTheme: any;
+    activeThinking: ThinkingEntry | null;
+    activeThinkingIndex: number | null;
+    activeThinkingBlocks: Map<number, string>;
+    unattachedThinking: ThinkingEntry[];
+    thinkingEntrySeq: number;
+    handledTextIndexes: Set<number>;
+    sealedThinkingIndexes: Set<number>;
+    pendingTextSeal: boolean;
+    pendingTextOrdinal: number | null;
+    lastActiveGroup: ToolGroupComponent | null;
+    lastSealedThinkingEntry: ThinkingEntry | null;
+    lastReportedReasoningTokens: number;
+    lastStreamingComp: any;
+    lastChatContainer: any;
+    toolStarts: Map<string, number>;
+    toolDurations: Map<string, number>;
+    turnStartMs: number;
+    preparingByIndex: Map<number, PreparingTool>;
+    activeModalHandle: OverlayHandle | null;
+    activeModalComponent: DetailModalComponent | null;
+    activeModalCloseFn: (() => void) | null;
+    activeUIContext: any;
+    activeSelectorHandle: OverlayHandle | null;
+    activeSelectorComponent: InspectSelectorModal | null;
+    activeSelectorCloseFn: (() => void) | null;
+    animTimer: ReturnType<typeof setTimeout> | null;
+    capturedTui: any;
+    groups: Set<ToolGroupComponent>;
+    assistantContentContainers: WeakSet<Container>;
+    assistantContentStates: WeakMap<Container, AssistantContentState>;
+    groupAnchors: WeakMap<ToolGroupComponent, {
+        container: Container;
+        ordinal: number;
+    }>;
+}
+export declare function createRuntimeState(): RuntimeState;
+export declare const runtime: RuntimeState;

package/dist/src/streaming-tools.d.ts

@@ -0,0 +1,16 @@
+import { ToolGroupComponent } from "./tool-group.js";
+import type { PreparingTool } from "./types.js";
+export declare function toolElapsed(tool: any): string;
+export declare function rememberToolStart(toolCallId: string): void;
+export declare function loadSessionToolTimings(entries: readonly any[]): void;
+export declare function findGroupedTool(toolCallId: string, contentIndex: number): any | undefined;
+export declare function invalidateGroupedTool(tool: any): void;
+export declare function findOpenGroup(): ToolGroupComponent | null;
+export declare function placeGroupAfter(parent: any, after: any, group: ToolGroupComponent): void;
+export declare function openToolGroup(): ToolGroupComponent | null;
+export declare function attachPreparingTool(tool: PreparingTool): void;
+export declare function detachPreparingTool(tool: PreparingTool): void;
+export declare function takePreparingTool(real: any): PreparingTool | undefined;
+export declare function absorbPreparingTool(real: any): void;
+export declare function clearPreparingTools(): void;
+export declare function noteStreamingToolCall(content: any[], streamEvent: any): void;

package/dist/src/thinking.d.ts

@@ -0,0 +1,5 @@
+import type { ThinkingEntry } from "./types.js";
+export declare function updateActiveThinkingTokens(message: any): void;
+export declare function createThinkingEntry(): ThinkingEntry;
+export declare function finalizeActiveThinking(): void;
+export declare function refreshSealedThinkingTokens(reportedReasoning?: unknown): void;

package/dist/src/tool-group.d.ts

@@ -0,0 +1,41 @@
+/** 按照原始条目顺序渲染折叠分组与有界 Markdown 预览。 */
+import { Container } from "@earendil-works/pi-tui";
+import type { GroupEntry, ThinkingEntry } from "./types.js";
+export declare class ToolGroupComponent extends Container {
+    readonly toolCallId: string;
+    toolName: string;
+    /** Nested at a visible-text boundary rather than rendered at chat level. */
+    anchored: boolean;
+    private _expanded;
+    get expanded(): boolean;
+    /** Sealed: this block was closed by real text output — no further entries. */
+    sealed: boolean;
+    /** Thinking runs and tool calls, in the exact order they streamed in. */
+    entries: GroupEntry[];
+    private markdownPreviewCache;
+    constructor();
+    setExpanded(expanded: boolean): void;
+    addTool(tool: any): void;
+    /** Append a thinking run. Idempotent: a run belongs to exactly one group. */
+    addThinking(entry: ThinkingEntry): void;
+    removeTool(tool: any): void;
+    /** Return only entries that should be displayed (tools, or thinking with non-empty text). */
+    getVisibleEntries(): GroupEntry[];
+    hasVisibleEntries(): boolean;
+    hasPending(): boolean;
+    /** True while a thinking run in this group is still streaming. */
+    hasActiveThinking(): boolean;
+    /** True once any thinking run has been added to this group. */
+    hasThinking(): boolean;
+    /** True while this group should keep its spinner animating. */
+    needsAnimation(): boolean;
+    invalidate(): void;
+    private renderMarkdownPreview;
+    private iconFor;
+    private colorFor;
+    private toolRow;
+    private thinkingRow;
+    private renderCollapsed;
+    private renderExpanded;
+    render(width: number): string[];
+}

package/dist/src/types.d.ts

@@ -0,0 +1,59 @@
+/** 思考、工具、预览与组件补丁的共享类型。 */
+import type { ToolGroupComponent } from "./tool-group.js";
+export type ThinkingEntry = {
+    kind: "thinking";
+    id: number;
+    text: string;
+    tokens: number;
+    tokensExact: boolean;
+    /** Still streaming — renders the animated spinner instead of the done mark. */
+    active: boolean;
+    /** Group currently owning this entry, used for targeted invalidation. */
+    owner: ToolGroupComponent | null;
+};
+export type GroupEntry = {
+    kind: "tool";
+    tool: any;
+} | ThinkingEntry;
+export type ToolStatus = "pending" | "success" | "error";
+export type PreparingTool = {
+    toolName: string;
+    toolCallId: string;
+    args: any;
+    isPartial: true;
+    _preparing: true;
+    _contentIndex: number;
+    owner: ToolGroupComponent | null;
+};
+export type MarkdownPreview = {
+    source: string;
+    width: number;
+    maxLines: number;
+    lines: string[];
+    truncated: boolean;
+};
+export type PatchState = {
+    active: boolean;
+    original: {
+        addChild: Function;
+        removeChild: Function;
+        clear: Function;
+    };
+    installed: {
+        addChild: Function;
+        removeChild: Function;
+        clear: Function;
+    };
+    prototype: any;
+};
+export type AssistantContentState = {
+    /** Sealed groups keyed by the visible Markdown block they precede. */
+    anchors: Map<number, ToolGroupComponent>;
+    /** Visible Markdown ordinal while AssistantMessageComponent rebuilds. */
+    nextTextOrdinal: number;
+    /** Turn-duration divider bound to the final visible Markdown ordinal. */
+    finalDivider?: {
+        ordinal: number;
+        component: any;
+    };
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pi-my-compact-ui",
-  "version": "0.2.2",
+  "version": "0.4.0",
   "description": "Compact tree-shaped reasoning and tool-call UI for the Pi Coding Agent",
   "author": "cybershape",
   "license": "MIT",
@@ -17,11 +17,18 @@
     "terminal-ui",
     "tui"
   ],
-  "exports": "./index.ts",
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "default": "./dist/index.js"
+    }
+  },
   "files": [
     "LICENSE",
     "README.md",
-    "index.ts"
+    "dist"
   ],
   "publishConfig": {
     "access": "public",
@@ -29,12 +36,14 @@
   },
   "pi": {
     "extensions": [
-      "./index.ts"
+      "./dist/index.js"
     ]
   },
   "scripts": {
+    "build": "esbuild index.ts --bundle --platform=node --format=esm --target=node22 --outfile=dist/index.js --packages=external --sourcemap && tsc -p tsconfig.build.json",
     "typecheck": "tsc --noEmit",
-    "check": "npm run typecheck",
+    "test": "npm run build && tsc -p tsconfig.test.json && node --test .test-build/tests/*.test.js",
+    "check": "npm run typecheck && npm test",
     "prepublishOnly": "npm run check"
   },
   "peerDependencies": {
@@ -45,6 +54,7 @@
     "@earendil-works/pi-coding-agent": "^0.87.1",
     "@earendil-works/pi-tui": "^0.87.1",
     "@types/node": "^22.20.4",
+    "esbuild": "^0.28.2",
     "typescript": "^5.9.3"
   }
 }