@code-yeongyu/senpi 2026.5.15 → 2026.5.16

package/dist/modes/interactive/interactive-mode.js

@@ -60,6 +60,7 @@ import { UserMessageComponent } from "./components/user-message.js";
 import { UserMessageSelectorComponent } from "./components/user-message-selector.js";
 import { resolveStartupToolPaths } from "./startup-tools.js";
 import { getAvailableThemes, getAvailableThemesWithPaths, getEditorTheme, getMarkdownTheme, getThemeByName, initTheme, onThemeChange, setRegisteredThemes, setTheme, setThemeInstance, stopThemeWatcher, Theme, theme, } from "./theme/theme.js";
+import { formatWorkingStatusMessageFrame } from "./working-status.js";
 function isExpandable(obj) {
     return typeof obj === "object" && obj !== null && "setExpanded" in obj && typeof obj.setExpanded === "function";
 }
@@ -76,6 +77,59 @@ class ExpandableText extends Text {
     }
 }
 const DEAD_TERMINAL_ERROR_CODES = new Set(["EIO", "EPIPE", "ENOTCONN"]);
+const DEFAULT_WORKING_STATUS_REFRESH_INTERVAL_MS = 600;
+const DEFAULT_WORKING_STATUS_MESSAGE_ANIMATION_INTERVAL_MS = 32;
+const RGB_FOREGROUND_PATTERN = /\x1b\[38;2;(\d+);(\d+);(\d+)m/;
+const DARK_DEFAULT_WORKING_TEXT_RGB = { r: 229, g: 229, b: 231 };
+const LIGHT_DEFAULT_WORKING_TEXT_RGB = { r: 17, g: 17, b: 17 };
+const DARK_DEFAULT_WORKING_BASE_RGB = { r: 102, g: 102, b: 102 };
+const LIGHT_DEFAULT_WORKING_BASE_RGB = { r: 118, g: 118, b: 118 };
+function parseAnsiRgbForeground(ansi) {
+    const match = RGB_FOREGROUND_PATTERN.exec(ansi);
+    const red = match?.[1];
+    const green = match?.[2];
+    const blue = match?.[3];
+    if (red === undefined || green === undefined || blue === undefined) {
+        return undefined;
+    }
+    return {
+        r: Number.parseInt(red, 10),
+        g: Number.parseInt(green, 10),
+        b: Number.parseInt(blue, 10),
+    };
+}
+function isWorkingLightTheme() {
+    return theme.name?.toLowerCase().includes("light") ?? false;
+}
+function clampColorChannel(value) {
+    return Math.max(0, Math.min(255, Math.round(value)));
+}
+function mixRgbColor(base, highlight, amount) {
+    const clampedAmount = Math.max(0, Math.min(1, amount));
+    return {
+        r: clampColorChannel(base.r + (highlight.r - base.r) * clampedAmount),
+        g: clampColorChannel(base.g + (highlight.g - base.g) * clampedAmount),
+        b: clampColorChannel(base.b + (highlight.b - base.b) * clampedAmount),
+    };
+}
+function formatWorkingStatusShimmerText(text, intensity) {
+    if (theme.getColorMode() !== "truecolor") {
+        if (intensity < 0.2) {
+            return theme.fg("dim", text);
+        }
+        if (intensity < 0.6) {
+            return theme.fg("text", text);
+        }
+        return theme.bold(theme.fg("text", text));
+    }
+    const lightTheme = isWorkingLightTheme();
+    const base = parseAnsiRgbForeground(theme.getFgAnsi("dim")) ??
+        (lightTheme ? LIGHT_DEFAULT_WORKING_BASE_RGB : DARK_DEFAULT_WORKING_BASE_RGB);
+    const highlight = parseAnsiRgbForeground(theme.getFgAnsi("text")) ??
+        (lightTheme ? LIGHT_DEFAULT_WORKING_TEXT_RGB : DARK_DEFAULT_WORKING_TEXT_RGB);
+    const color = mixRgbColor(base, highlight, intensity * 0.9);
+    return `\x1b[1m\x1b[38;2;${color.r};${color.g};${color.b}m${text}\x1b[39m\x1b[22m`;
+}
 function isDeadTerminalError(error) {
     if (!error || typeof error !== "object" || !("code" in error)) {
         return false;
@@ -129,7 +183,9 @@ export class InteractiveMode {
     workingMessage = undefined;
     workingVisible = true;
     workingIndicatorOptions = undefined;
-    defaultWorkingMessage = "Working...";
+    workingStartedAt = undefined;
+    workingElapsedIntervalId = undefined;
+    defaultWorkingMessage = "Working";
     defaultHiddenThinkingLabel = "Thinking...";
     hiddenThinkingLabel = this.defaultHiddenThinkingLabel;
     lastSigintTime = 0;
@@ -166,6 +222,7 @@ export class InteractiveMode {
     // Auto-compaction state
     autoCompactionLoader = undefined;
     autoCompactionEscapeHandler;
+    autoCompactionProgressText = "";
     // Auto-retry state
     retryLoader = undefined;
     retryCountdown = undefined;
@@ -1097,11 +1154,7 @@ export class InteractiveMode {
             commandContextActions: {
                 waitForIdle: () => this.session.agent.waitForIdle(),
                 newSession: async (options) => {
-                    if (this.loadingAnimation) {
-                        this.loadingAnimation.stop();
-                        this.loadingAnimation = undefined;
-                    }
-                    this.statusContainer.clear();
+                    this.stopWorkingLoader();
                     try {
                         const result = await this.runtimeHost.newSession(options);
                         if (!result.cancelled) {
@@ -1285,10 +1338,48 @@ export class InteractiveMode {
     getWorkingLoaderMessage() {
         return this.workingMessage ?? this.defaultWorkingMessage;
     }
+    getWorkingElapsedSeconds() {
+        if (this.workingStartedAt === undefined) {
+            return 0;
+        }
+        return Math.max(0, Math.floor((Date.now() - this.workingStartedAt) / 1000));
+    }
+    refreshWorkingLoaderMessage() {
+        this.loadingAnimation?.setMessage(this.getWorkingLoaderMessage());
+    }
+    startWorkingElapsedTimer() {
+        this.stopWorkingElapsedTimer();
+        this.workingStartedAt = Date.now();
+        this.workingElapsedIntervalId = setInterval(() => {
+            this.refreshWorkingLoaderMessage();
+        }, DEFAULT_WORKING_STATUS_REFRESH_INTERVAL_MS);
+    }
+    stopWorkingElapsedTimer() {
+        if (this.workingElapsedIntervalId) {
+            clearInterval(this.workingElapsedIntervalId);
+            this.workingElapsedIntervalId = undefined;
+        }
+    }
+    getWorkingIndicatorOptions() {
+        return (this.workingIndicatorOptions ?? {
+            frames: [theme.fg("accent", "•")],
+            intervalMs: DEFAULT_WORKING_STATUS_REFRESH_INTERVAL_MS,
+            messageFormatter: (message, animationElapsedMs) => formatWorkingStatusMessageFrame(message, this.getWorkingElapsedSeconds(), keyText("app.interrupt"), animationElapsedMs, {
+                base: (text) => theme.fg("dim", text),
+                glow: (text) => theme.fg("text", text),
+                highlight: (text) => theme.bold(theme.fg("text", text)),
+                shimmer: formatWorkingStatusShimmerText,
+                suffix: (text) => theme.fg("dim", text),
+            }),
+            messageIntervalMs: DEFAULT_WORKING_STATUS_MESSAGE_ANIMATION_INTERVAL_MS,
+        });
+    }
     createWorkingLoader() {
-        return new Loader(this.ui, (spinner) => theme.fg("accent", spinner), (text) => theme.fg("muted", text), this.getWorkingLoaderMessage(), this.workingIndicatorOptions);
+        return new Loader(this.ui, (spinner) => theme.fg("accent", spinner), (text) => theme.fg("muted", text), this.getWorkingLoaderMessage(), this.getWorkingIndicatorOptions());
     }
     stopWorkingLoader() {
+        this.stopWorkingElapsedTimer();
+        this.workingStartedAt = undefined;
         if (this.loadingAnimation) {
             this.loadingAnimation.stop();
             this.loadingAnimation = undefined;
@@ -1304,6 +1395,7 @@ export class InteractiveMode {
         }
         if (this.session.isStreaming && !this.loadingAnimation) {
             this.statusContainer.clear();
+            this.startWorkingElapsedTimer();
             this.loadingAnimation = this.createWorkingLoader();
             this.statusContainer.addChild(this.loadingAnimation);
         }
@@ -1311,7 +1403,7 @@ export class InteractiveMode {
     }
     setWorkingIndicator(options) {
         this.workingIndicatorOptions = options;
-        this.loadingAnimation?.setIndicator(options);
+        this.loadingAnimation?.setIndicator(this.getWorkingIndicatorOptions());
         this.ui.requestRender();
     }
     setHiddenThinkingLabel(label) {
@@ -1399,9 +1491,7 @@ export class InteractiveMode {
         this.workingMessage = undefined;
         this.workingVisible = true;
         this.setWorkingIndicator();
-        if (this.loadingAnimation) {
-            this.loadingAnimation.setMessage(`${this.defaultWorkingMessage} (${keyText("app.interrupt")} to interrupt)`);
-        }
+        this.refreshWorkingLoaderMessage();
         this.setHiddenThinkingLabel();
     }
     // Maximum total widget lines to prevent viewport overflow
@@ -1526,9 +1616,7 @@ export class InteractiveMode {
             setStatus: (key, text) => this.setExtensionStatus(key, text),
             setWorkingMessage: (message) => {
                 this.workingMessage = message;
-                if (this.loadingAnimation) {
-                    this.loadingAnimation.setMessage(message ?? this.defaultWorkingMessage);
-                }
+                this.refreshWorkingLoaderMessage();
             },
             setWorkingVisible: (visible) => this.setWorkingVisible(visible),
             setWorkingIndicator: (options) => this.setWorkingIndicator(options),
@@ -2149,6 +2237,7 @@ export class InteractiveMode {
                 }
                 this.stopWorkingLoader();
                 if (this.workingVisible) {
+                    this.startWorkingElapsedTimer();
                     this.loadingAnimation = this.createWorkingLoader();
                     this.statusContainer.addChild(this.loadingAnimation);
                 }
@@ -2290,11 +2379,7 @@ export class InteractiveMode {
                 if (this.settingsManager.getShowTerminalProgress()) {
                     this.ui.terminal.setProgress(false);
                 }
-                if (this.loadingAnimation) {
-                    this.loadingAnimation.stop();
-                    this.loadingAnimation = undefined;
-                    this.statusContainer.clear();
-                }
+                this.stopWorkingLoader();
                 if (this.streamingComponent) {
                     this.chatContainer.removeChild(this.streamingComponent);
                     this.streamingComponent = undefined;
@@ -2315,11 +2400,31 @@ export class InteractiveMode {
                 };
                 this.statusContainer.clear();
                 const cancelHint = `(${keyText("app.interrupt")} to cancel)`;
-                const label = event.reason === "manual"
-                    ? `Compacting context... ${cancelHint}`
-                    : `${event.reason === "overflow" ? "Context overflow detected, " : ""}Auto-compacting... ${cancelHint}`;
+                const label = event.reason === "threshold"
+                    ? `Auto-compacting... ${cancelHint}`
+                    : event.reason === "overflow"
+                        ? `Context overflow detected, compacting... ${cancelHint}`
+                        : event.reason === "pre_prompt"
+                            ? `Compacting before next prompt... ${cancelHint}`
+                            : `Compacting context... ${cancelHint}`;
                 this.autoCompactionLoader = new Loader(this.ui, (spinner) => theme.fg("accent", spinner), (text) => theme.fg("muted", text), label);
                 this.statusContainer.addChild(this.autoCompactionLoader);
+                this.autoCompactionProgressText = "";
+                this.ui.requestRender();
+                break;
+            }
+            case "compaction_progress": {
+                if (!this.autoCompactionLoader)
+                    break;
+                const nextText = event.text !== undefined ? event.text : `${this.autoCompactionProgressText}${event.delta ?? ""}`;
+                if (!nextText)
+                    break;
+                this.autoCompactionProgressText = nextText;
+                const preview = nextText.length > 4_000 ? `...${nextText.slice(nextText.length - 4_000)}` : nextText;
+                this.statusContainer.clear();
+                this.statusContainer.addChild(this.autoCompactionLoader);
+                this.statusContainer.addChild(new Spacer(1));
+                this.statusContainer.addChild(new Text(theme.fg("muted", preview), 1, 0));
                 this.ui.requestRender();
                 break;
             }
@@ -2334,6 +2439,7 @@ export class InteractiveMode {
                 if (this.autoCompactionLoader) {
                     this.autoCompactionLoader.stop();
                     this.autoCompactionLoader = undefined;
+                    this.autoCompactionProgressText = "";
                     this.statusContainer.clear();
                 }
                 if (event.aborted) {
@@ -2347,7 +2453,7 @@ export class InteractiveMode {
                 else if (event.result) {
                     this.chatContainer.clear();
                     this.rebuildChatFromMessages();
-                    this.addMessageToChat(createCompactionSummaryMessage(event.result.summary, event.result.tokensBefore, new Date().toISOString()));
+                    this.addMessageToChat(createCompactionSummaryMessage(event.result.summary, event.result.tokensBefore, new Date().toISOString(), event.result.details));
                     this.footer.invalidate();
                 }
                 else if (event.errorMessage) {
@@ -2932,6 +3038,7 @@ export class InteractiveMode {
     showError(errorMessage) {
         this.chatContainer.addChild(new Spacer(1));
         this.chatContainer.addChild(new Text(theme.fg("error", `Error: ${errorMessage}`), 1, 0));
+        this.chatContainer.addChild(new Spacer(1));
         this.ui.requestRender();
     }
     showWarning(warningMessage) {
@@ -3021,7 +3128,7 @@ export class InteractiveMode {
         if (allQueued.length === 0) {
             this.updatePendingMessagesDisplay();
             if (options?.abort) {
-                this.agent.abort();
+                void this.session.abort();
             }
             return 0;
         }
@@ -3031,7 +3138,7 @@ export class InteractiveMode {
         this.editor.setText(combinedText);
         this.updatePendingMessagesDisplay();
         if (options?.abort) {
-            this.agent.abort();
+            void this.session.abort();
         }
         return allQueued.length;
     }
@@ -3651,11 +3758,7 @@ export class InteractiveMode {
         });
     }
     async handleResumeSession(sessionPath, options) {
-        if (this.loadingAnimation) {
-            this.loadingAnimation.stop();
-            this.loadingAnimation = undefined;
-        }
-        this.statusContainer.clear();
+        this.stopWorkingLoader();
         try {
             const result = await this.runtimeHost.switchSession(sessionPath, {
                 withSession: options?.withSession,
@@ -4140,11 +4243,7 @@ export class InteractiveMode {
             return;
         }
         try {
-            if (this.loadingAnimation) {
-                this.loadingAnimation.stop();
-                this.loadingAnimation = undefined;
-            }
-            this.statusContainer.clear();
+            this.stopWorkingLoader();
             const result = await this.runtimeHost.importFromJsonl(inputPath);
             if (result.cancelled) {
                 this.showStatus("Import cancelled");
@@ -4468,11 +4567,7 @@ export class InteractiveMode {
         this.ui.requestRender();
     }
     async handleClearCommand() {
-        if (this.loadingAnimation) {
-            this.loadingAnimation.stop();
-            this.loadingAnimation = undefined;
-        }
-        this.statusContainer.clear();
+        this.stopWorkingLoader();
         try {
             const result = await this.runtimeHost.newSession();
             if (result.cancelled) {
@@ -4606,11 +4701,7 @@ export class InteractiveMode {
             this.showWarning("Nothing to compact (no messages yet)");
             return;
         }
-        if (this.loadingAnimation) {
-            this.loadingAnimation.stop();
-            this.loadingAnimation = undefined;
-        }
-        this.statusContainer.clear();
+        this.stopWorkingLoader();
         try {
             await this.session.compact(customInstructions);
         }
@@ -4623,10 +4714,7 @@ export class InteractiveMode {
         if (this.settingsManager.getShowTerminalProgress()) {
             this.ui.terminal.setProgress(false);
         }
-        if (this.loadingAnimation) {
-            this.loadingAnimation.stop();
-            this.loadingAnimation = undefined;
-        }
+        this.stopWorkingLoader();
         this.clearExtensionTerminalInputListeners();
         this.footer.dispose();
         this.footerDataProvider.dispose();