@code-yeongyu/senpi 2026.5.15-2 → 2026.5.15-3

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";
 }
@@ -77,6 +78,58 @@ 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;
@@ -84,23 +137,6 @@ function isDeadTerminalError(error) {
     const code = error.code;
     return code !== undefined && DEAD_TERMINAL_ERROR_CODES.has(code);
 }
-export function formatWorkingElapsedSeconds(elapsedSeconds) {
-    const totalSeconds = Math.max(0, Math.floor(elapsedSeconds));
-    const seconds = totalSeconds % 60;
-    const totalMinutes = Math.floor(totalSeconds / 60);
-    if (totalSeconds < 60) {
-        return `${totalSeconds}s`;
-    }
-    if (totalSeconds < 3600) {
-        return `${totalMinutes}m ${seconds.toString().padStart(2, "0")}s`;
-    }
-    const hours = Math.floor(totalMinutes / 60);
-    const minutes = totalMinutes % 60;
-    return `${hours}h ${minutes.toString().padStart(2, "0")}m ${seconds.toString().padStart(2, "0")}s`;
-}
-export function formatWorkingStatusMessage(message, elapsedSeconds, interruptKey) {
-    return `${message} (${formatWorkingElapsedSeconds(elapsedSeconds)} • ${interruptKey} to interrupt)`;
-}
 const ANTHROPIC_SUBSCRIPTION_AUTH_WARNING = "Anthropic subscription auth is active. Third-party harness usage draws from extra usage and is billed per token, not your Claude plan limits. Manage extra usage at https://claude.ai/settings/usage.";
 function isAnthropicSubscriptionAuthKey(apiKey) {
     return typeof apiKey === "string" && apiKey.startsWith("sk-ant-oat");
@@ -1308,11 +1344,8 @@ export class InteractiveMode {
         }
         return Math.max(0, Math.floor((Date.now() - this.workingStartedAt) / 1000));
     }
-    getWorkingStatusMessage() {
-        return formatWorkingStatusMessage(this.getWorkingLoaderMessage(), this.getWorkingElapsedSeconds(), keyText("app.interrupt"));
-    }
     refreshWorkingLoaderMessage() {
-        this.loadingAnimation?.setMessage(this.getWorkingStatusMessage());
+        this.loadingAnimation?.setMessage(this.getWorkingLoaderMessage());
     }
     startWorkingElapsedTimer() {
         this.stopWorkingElapsedTimer();
@@ -1329,12 +1362,20 @@ export class InteractiveMode {
     }
     getWorkingIndicatorOptions() {
         return (this.workingIndicatorOptions ?? {
-            frames: [theme.fg("accent", "•"), theme.fg("muted", "◦")],
+            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.getWorkingStatusMessage(), this.getWorkingIndicatorOptions());
+        return new Loader(this.ui, (spinner) => theme.fg("accent", spinner), (text) => theme.fg("muted", text), this.getWorkingLoaderMessage(), this.getWorkingIndicatorOptions());
     }
     stopWorkingLoader() {
         this.stopWorkingElapsedTimer();