@lokiyou/pi-nano-footer 0.1.0 → 0.3.0

package/index.ts

@@ -1,15 +1,21 @@
 /**
- * pi-nano-footer — 超轻量 powerline 风格 footer
+ * pi-nano-footer — 超轻量 powerline 风格 footer + 输入框脉冲发光
  *
  * 精确复刻 pi-powerline-footer default 预设的样式 +
  * 用户自定义霓虹色配色方案。
  *
+ * 当模型工作时（processing）：
+ *   - 输入框边框呈呼吸脉冲发光效果（霓虹色循环）
+ *   - "Working..." 保持原样
+ *   - Footer 不变
+ *
  * 安装：放到 ~/.pi/agent/extensions/ 后重启 pi 即可自动加载。
  * 临时测试：pi -e ~/.pi/agent/extensions/pi-nano-footer.ts
  */
 
 import type { AssistantMessage } from "@earendil-works/pi-ai";
 import type { ExtensionAPI } from "@earendil-works/pi-coding-agent";
+import { Editor } from "@earendil-works/pi-tui";
 import { truncateToWidth } from "@earendil-works/pi-tui";
 
 // ── Nerd Font 图标（与 pi-powerline-footer 完全一致） ──
@@ -43,12 +49,55 @@ const C = {
   border:          "#dfe6e9",
 };
 
+// ── 脉冲发光色轮（5色循环，更柔和的呼吸感） ──
+const GLOW_PALETTE = [
+  "#ff3cac",  // 热粉
+  "#ff9f1c",  // 橙
+  "#00ff87",  // 荧光绿
+  "#00d4ff",  // 青蓝
+  "#a855f7",  // 紫
+];
+
 // ── Rainbow 色表（high / xhigh 思考等级用） ──
 const RAINBOW = [
   "#b281d6", "#d787af", "#febc38", "#e4c00f",
   "#89d281", "#00afaf", "#178fb9", "#b281d6",
 ];
 
+// ═══════════════════════════════════════════════════════════════════════════
+// 输入框脉冲发光（Editor.borderColor monkey-patch）
+// ═══════════════════════════════════════════════════════════════════════════
+
+let working = false;
+
+/** 时间相位：每 120ms 进一帧 */
+function getPhase(): number {
+  return Math.floor(performance.now() / 120);
+}
+
+/** 保存原始 render */
+const origRender = Editor.prototype.render;
+
+Editor.prototype.render = function (width: number): string[] {
+  if (working) {
+    const saved = this.borderColor; // 保存原始边框颜色函数
+    const phase = getPhase() % GLOW_PALETTE.length;
+    const hex = GLOW_PALETTE[phase];
+    // 临时用脉冲色渲染边框
+    this.borderColor = (str: string) => ansi(hex, str);
+    try {
+      return origRender.call(this, width);
+    } finally {
+      this.borderColor = saved; // 恢复原始颜色
+    }
+  }
+  return origRender.call(this, width);
+};
+
+// ═══════════════════════════════════════════════════════════════════════════
+// Extension
+// ═══════════════════════════════════════════════════════════════════════════
+
 export default function (pi: ExtensionAPI) {
   let thinkingLevel = "off";
   let requestRender: (() => void) | undefined;
@@ -85,7 +134,7 @@ export default function (pi: ExtensionAPI) {
           // 4. 上下文用量 —— #6c5ce7 紫 / #fdcb6e 黄 / #ff3366 红
           parts.push(renderContextN(ctx));
 
-          // 5. Cache read —— #00ff87 荧光绿
+          // 5. Token 用量 —— #00ff87 荧光绿
           const { input, cost } = calcTotals(ctx);
           parts.push(ansi(C.tokens, `${icons.cache} ${icons.input} ${fmt(input)}`));
 
@@ -98,16 +147,26 @@ export default function (pi: ExtensionAPI) {
     });
   });
 
-  // ── 事件订阅：保持 footer 实时刷新 ──
+  // ── 事件订阅 ──
 
   pi.on("thinking_level_select", (event) => {
     thinkingLevel = event.level;
     refresh();
   });
   pi.on("model_select", () => refresh());
+
+  // 工作状态切换 → 控制脉冲发光
+  pi.on("agent_start", () => {
+    working = true;
+    refresh();
+  });
+  pi.on("agent_end", () => {
+    working = false;
+    refresh();
+  });
+
   pi.on("turn_start", () => refresh());
   pi.on("turn_end", () => refresh());
-  pi.on("agent_end", () => refresh());
 
   pi.on("session_shutdown", (_event, ctx) => {
     ctx.ui.setFooter(undefined);

package/package.json

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