@lokiyou/pi-nano-footer 0.14.0 → 0.15.1

package/README.md

@@ -1,8 +1,8 @@
 # @lokiyou/pi-nano-footer
 
-超轻量 powerline 风格 footer for **Pi Coding Agent**，霓虹配色方案。
+超轻量 powerline 风格 footer for **Pi Coding Agent**。
 
-精确复刻 pi-powerline-footer default 预设的样式 + 自定义霓虹色配色。
+它保留 Pi 内置的 `Working...` 指示器，同时在底部显示模型、思考等级、目录、上下文、token 和费用，整体走的是清爽、紧凑的霓虹风。
 
 ## 安装
 
@@ -10,35 +10,29 @@
 pi install npm:@lokiyou/pi-nano-footer
 ```
 
-或手动放入 `~/.pi/agent/extensions/` 后 `/reload`。
+安装后重载 Pi：
 
-## 效果
-
-```
- deepseek-v4-flash  think:high   project   45.2%/128K    1.2k   0.03
+```bash
+/reload
 ```
 
+## 展示内容
+
 从左到右依次展示：
-- 🤖 **模型名**（热粉色）
-- 💭 **思考等级**（按等级变色，high/xhigh 彩虹）
-- 📁 **目录名**（青蓝色）
-- 📊 **上下文用量**（紫 → 黄 >70% → 红 >90%）
-- 💾 **Token 用量**（荧光绿）
-- 💰 **费用**（明黄色）
-
-## 配色
-
-| 令牌 | 色值 | 用途 |
-|------|------|------|
-| 模型 | `#ff3cac` | 热粉 |
-| 路径 | `#00d4ff` | 青蓝 |
-| thinking | `#ff6b6b` | 珊瑚红 |
-| thinking high/xhigh | rainbow | 彩虹渐变 |
-| 上下文正常 | `#6c5ce7` | 紫色 |
-| 上下文 >70% | `#fdcb6e` | 黄色警告 |
-| 上下文 >90% | `#ff3366` | 红色错误 |
-| 费用 | `#fdcb6e` | 明黄 |
-| tokens | `#00ff87` | 荧光绿 |
+
+- 🤖 模型名
+- 💭 思考等级
+- 📁 当前目录名
+- 📊 上下文用量
+- 💾 Token 用量
+- 💰 费用
+
+## 风格
+
+- 采用 powerline 分隔符
+- 颜色和 `pi-powerline-footer` 的默认 preset 保持一致
+- 不替代内置工作状态指示器
+- 适合想要简洁 footer、但不想丢掉 Pi 原生反馈的人
 
 ## 许可
 

package/index.ts

@@ -1,18 +1,12 @@
 /**
- * pi-nano-footer — 超轻量 powerline 风格 footer + 输入框呼吸发光
+ * pi-nano-footer — 超轻量 powerline 风格 footer
  *
  * 精确复刻 pi-powerline-footer default 预设的样式 +
  * 用户自定义霓虹色配色方案。
- *
- * 当模型工作时：
- *   - 输入框边框基于当前颜色做呼吸发光（明暗渐变）
- *   - "Working..." 保持原样
- *   - Footer 不变
  */
 
 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 完全一致） ──
@@ -55,52 +49,6 @@ const RAINBOW = [
   "#89d281", "#00afaf", "#178fb9", "#b281d6",
 ];
 
-// ═══════════════════════════════════════════════════════════════════════════
-// 输入框呼吸发光（基于当前边框颜色做明暗呼吸）
-// ═══════════════════════════════════════════════════════════════════════════
-
-let working = false;
-let animInterval: ReturnType<typeof setInterval> | undefined;
-
-/**
- * 从 borderColor 函数采样字符，提取当前 RGB 色值
- */
-function extractRGB(fn: (str: string) => string): [number, number, number] | null {
-  const sample = fn("─");
-  const m = sample.match(ANSI_RE);
-  if (!m) return null;
-  return [parseInt(m[1]), parseInt(m[2]), parseInt(m[3])];
-}
-
-/** 保存原始 render */
-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;
-      // 纯前景呼吸：当前色 + 峰值白色辉光，0.8s 周期
-      // 无背景阴影，避免生硬灯管感
-      const t = 0.5 + 0.5 * Math.sin(performance.now() / 191);
-      const bright = 0.35 + 0.65 * t;  // 35%~100%
-      const glow = t * t * 0.45;        // 0~0.45 白色 blend
-      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) =>
-        `[38;2;${nr};${ng};${nb}m${str}`;
-    }
-    try {
-      return origRender.call(this, width);
-    } finally {
-      this.borderColor = saved;
-    }
-  }
-  return origRender.call(this, width);
-};
-
 // ═══════════════════════════════════════════════════════════════════════════
 // Extension
 // ═══════════════════════════════════════════════════════════════════════════
@@ -112,9 +60,7 @@ export default function (pi: ExtensionAPI) {
 
   pi.on("session_start", async (_event, ctx) => {
     thinkingLevel = pi.getThinkingLevel();
-
-    // 隐藏内置的 "Working..." 指示器，用输入框呼吸代替
-    ctx.ui.setWorkingVisible(false);
+    ctx.ui.setWorkingVisible(true);
 
     ctx.ui.setFooter((tui, theme, footerData) => {
       requestRender = () => tui.requestRender();
@@ -164,35 +110,12 @@ export default function (pi: ExtensionAPI) {
     refresh();
   });
   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();
-  });
-
   pi.on("turn_start", () => refresh());
   pi.on("turn_end", () => refresh());
 
   pi.on("session_shutdown", (_event, ctx) => {
     ctx.ui.setFooter(undefined);
     requestRender = undefined;
-    if (animInterval) {
-      clearInterval(animInterval);
-      animInterval = undefined;
-    }
   });
 }
 

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@lokiyou/pi-nano-footer",
-  "version": "0.14.0",
-  "description": "超轻量 powerline 风格 footer for Pi Coding Agent — 输入框脉冲发光，霓虹配色，实时显示模型、目录、上下文、token 和费用",
+  "version": "0.15.1",
+  "description": "超轻量 powerline 风格 footer for Pi Coding Agent，保留内置 Working... 指示器，霓虹配色，实时显示模型、目录、上下文、token 和费用",
   "type": "module",
   "keywords": [
     "pi-package",