@lokiyou/pi-nano-footer 0.7.0 → 0.9.0

package/index.ts

@@ -46,9 +46,6 @@ const C = {
   border:          "#dfe6e9",
 };
 
-// ── ANSI 24-bit true color 正则（用于从 borderColor 函数提取颜色） ──
-const ANSI_RE = /\x1b\[38;2;(\d+);(\d+);(\d+)m/;
-
 // ── Rainbow 色表（high / xhigh 思考等级用） ──
 const RAINBOW = [
   "#b281d6", "#d787af", "#febc38", "#e4c00f",
@@ -60,17 +57,10 @@ const RAINBOW = [
 // ═══════════════════════════════════════════════════════════════════════════
 
 let working = false;
+let animInterval: ReturnType<typeof setInterval> | undefined;
 
-/**
- * 从 borderColor 函数采样一个字符，提取其中使用的 RGB 色值
- */
-function extractRGB(fn: (str: string) => string): [number, number, number] | null {
-  const sample = fn("─");
-  // borderColor 输出格式：\x1b[38;2;R;G;Bm─\x1b[0m
-  const m = sample.match(ANSI_RE);
-  if (!m) return null;
-  return [parseInt(m[1]), parseInt(m[2]), parseInt(m[3])];
-}
+/** 工作状态呼吸色：暖橙 #ff9f1c，代表 processing/运行中 */
+const WORK_RGB: [number, number, number] = [0xff, 0x9f, 0x1c];
 
 /** 保存原始 render */
 const origRender = Editor.prototype.render;
@@ -78,21 +68,17 @@ const origRender = Editor.prototype.render;
 Editor.prototype.render = function (width: number): string[] {
   if (working) {
     const saved = this.borderColor;
-    const rgb = extractRGB(saved);
-    if (rgb) {
-      const [r, g, b] = rgb;
-      // 呼吸发光：纯 sin 曲线，无 clamping，像自然呼吸
-      //   - 暗处 ~18% 亮度，亮处 100% + 白色辉光
-      //   周期 ~900ms（接近自然呼吸节奏）
-      const t = 0.5 + 0.5 * Math.sin(performance.now() / 450);
-      const bright = 0.18 + 0.82 * t;  // 18%~100%
-      const glow = t * 0.4;             // 0~0.4 白色 blend，无 clamping
-      const nr = Math.round(Math.min(255, r * bright + (255 - r) * glow));
-      const ng = Math.round(Math.min(255, g * bright + (255 - g) * glow));
-      const nb = Math.round(Math.min(255, b * bright + (255 - b) * glow));
-      this.borderColor = (str: string) =>
-        `\x1b[38;2;${nr};${ng};${nb}m${str}\x1b[0m`;
-    }
+    const [r, g, b] = WORK_RGB;
+    // 更快呼吸 + 暖橙 processing 色
+    // 周期 ~600ms（比之前快一倍），60fps 驱动
+    const t = 0.5 + 0.5 * Math.sin(performance.now() / 300);
+    const bright = 0.25 + 0.75 * t;
+    const glow = t * t * 0.35;
+    const nr = Math.round(Math.min(255, r * bright + (255 - r) * glow));
+    const ng = Math.round(Math.min(255, g * bright + (255 - g) * glow));
+    const nb = Math.round(Math.min(255, b * bright + (255 - b) * glow));
+    this.borderColor = (str: string) =>
+      `\x1b[38;2;${nr};${ng};${nb}m${str}\x1b[0m`;
     try {
       return origRender.call(this, width);
     } finally {
@@ -166,13 +152,21 @@ export default function (pi: ExtensionAPI) {
   });
   pi.on("model_select", () => refresh());
 
-  // 工作状态切换 → 控制脉冲发光
+  // 工作状态切换 → 控制呼吸发光
   pi.on("agent_start", () => {
     working = true;
+    // 50ms 间隔主动刷新，保证呼吸动画 20fps 流畅
+    if (requestRender) {
+      animInterval = setInterval(requestRender, 50);
+    }
     refresh();
   });
   pi.on("agent_end", () => {
     working = false;
+    if (animInterval) {
+      clearInterval(animInterval);
+      animInterval = undefined;
+    }
     refresh();
   });
 
@@ -182,6 +176,10 @@ export default function (pi: ExtensionAPI) {
   pi.on("session_shutdown", (_event, ctx) => {
     ctx.ui.setFooter(undefined);
     requestRender = undefined;
+    if (animInterval) {
+      clearInterval(animInterval);
+      animInterval = undefined;
+    }
   });
 }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lokiyou/pi-nano-footer",
-  "version": "0.7.0",
+  "version": "0.9.0",
   "description": "超轻量 powerline 风格 footer for Pi Coding Agent — 输入框脉冲发光，霓虹配色，实时显示模型、目录、上下文、token 和费用",
   "type": "module",
   "keywords": [