@lokiyou/pi-nano-footer 0.15.0 → 0.15.2

package/README.md

@@ -1,45 +1,39 @@
 # @lokiyou/pi-nano-footer
 
-超轻量 powerline 风格 footer for **Pi Coding Agent**，霓虹配色方案。
+Lightweight powerline-style footer for Pi Coding Agent.
 
-精确复刻 pi-powerline-footer default 预设的样式 + 自定义霓虹色配色。
+This extension replaces the default footer with a compact single-line status bar while keeping Pi's built-in `Working...` indicator. It is designed to stay small and focused.
 
-## 安装
+## Installation
 
 ```bash
 pi install npm:@lokiyou/pi-nano-footer
+/reload
 ```
 
-或手动放入 `~/.pi/agent/extensions/` 后 `/reload`。
+## What it shows
 
-## 效果
+From left to right, the footer shows:
 
-```
- deepseek-v4-flash  think:high   project   45.2%/128K    1.2k   0.03
-```
+- current model
+- thinking level
+- current directory name
+- MCP status summary when MCP status is available
+- context usage
+- token totals
+- estimated cost
+
+## Behavior
+
+- Uses a compact powerline-style separator layout.
+- Keeps Pi's built-in `Working...` indicator instead of replacing it.
+- Reads MCP status from extension status data when an MCP adapter exposes it.
+- Focuses only on the footer and does not replace the editor component.
+
+## Notes
+
+No additional configuration is required.
 
-从左到右依次展示：
-- 🤖 **模型名**（热粉色）
-- 💭 **思考等级**（按等级变色，high/xhigh 彩虹）
-- 📁 **目录名**（青蓝色）
-- 📊 **上下文用量**（紫 → 黄 >70% → 红 >90%）
-- 💾 **Token 用量**（荧光绿）
-- 💰 **费用**（明黄色）
-
-## 配色
-
-| 令牌 | 色值 | 用途 |
-|------|------|------|
-| 模型 | `#ff3cac` | 热粉 |
-| 路径 | `#00d4ff` | 青蓝 |
-| thinking | `#ff6b6b` | 珊瑚红 |
-| thinking high/xhigh | rainbow | 彩虹渐变 |
-| 上下文正常 | `#6c5ce7` | 紫色 |
-| 上下文 >70% | `#fdcb6e` | 黄色警告 |
-| 上下文 >90% | `#ff3366` | 红色错误 |
-| 费用 | `#fdcb6e` | 明黄 |
-| tokens | `#00ff87` | 荧光绿 |
-
-## 许可
+## License
 
 MIT

package/index.ts

@@ -11,13 +11,14 @@ import { truncateToWidth } from "@earendil-works/pi-tui";
 
 // ── Nerd Font 图标（与 pi-powerline-footer 完全一致） ──
 const icons = {
-  model:   "\uec19",  // nf-md-chip
-  folder:  "\uf115",  // nf-fa-folder_open
-  context: "\ue70f",  // nf-dev-database
-  cache:   "\uf1c0",  // nf-fa-database
-  input:   "\uf090",  // nf-fa-sign_in
-  cost:    "\uf155",  // nf-fa-dollar
-  sep:     "\ue0b1",  // powerline-thin
+  model:   "\uec19",      // nf-md-chip
+  mcp:     "\u{f048d}",  // nf-md-server-network
+  folder:  "\uf115",      // nf-fa-folder_open
+  context: "\ue70f",      // nf-dev-database
+  cache:   "\uf1c0",      // nf-fa-database
+  input:   "\uf090",      // nf-fa-sign_in
+  cost:    "\uf155",      // nf-fa-dollar
+  sep:     "\ue0b1",      // powerline-thin
 };
 
 // ── 用户自定义霓虹配色 ──
@@ -60,9 +61,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();
@@ -89,14 +88,18 @@ export default function (pi: ExtensionAPI) {
           const dir = ctx.cwd.replace(/\\/g, "/").split("/").filter(Boolean).pop() || ctx.cwd;
           parts.push(ansi(C.path, `${icons.folder} ${dir}`));
 
-          // 4. 上下文用量 —— #6c5ce7 紫 / #fdcb6e 黄 / #ff3366 红
+          // 4. MCP 摘要 —— 紧凑图标版
+          const mcp = renderMcpN(footerData);
+          if (mcp) parts.push(mcp);
+
+          // 5. 上下文用量 —— #6c5ce7 紫 / #fdcb6e 黄 / #ff3366 红
           parts.push(renderContextN(ctx));
 
-          // 5. Token 用量 —— #00ff87 荧光绿
+          // 6. Token 用量 —— #00ff87 荧光绿
           const { input, cost } = calcTotals(ctx);
           parts.push(ansi(C.tokens, `${icons.cache} ${icons.input} ${fmt(input)}`));
 
-          // 6. 费用 —— #fdcb6e 明黄色
+          // 7. 费用 —— #fdcb6e 明黄色
           parts.push(ansi(C.cost, `${icons.cost} ${cost.toFixed(2)}`));
 
           return [truncateToWidth(parts.join(S), width, "")];
@@ -112,35 +115,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;
-    }
   });
 }
 
@@ -193,6 +173,43 @@ function renderContextN(ctx: any): string {
   return ansi(color, `${icons.context} ${pct?.toFixed(1) ?? "?"}%${maxStr}`);
 }
 
+/** 渲染 MCP 状态摘要，优先显示已连接/总数 */
+function renderMcpN(footerData: any): string | null {
+  const statuses = footerData?.getExtensionStatuses?.();
+  if (!statuses || typeof statuses.get !== "function") return null;
+
+  const raw = typeof statuses.get("mcp") === "string"
+    ? statuses.get("mcp")
+    : Array.from(statuses.values()).find((value: unknown) => typeof value === "string" && value.includes("MCP:"));
+  if (typeof raw !== "string") return null;
+
+  const status = raw.replace(/\x1b\[[0-9;]*m/g, "").replace(/\s+/g, " ").trim();
+
+  const ratio = /MCP:\s*(\d+)\s*\/\s*(\d+)\s+servers?/i.exec(status);
+  if (ratio) {
+    const connected = Number(ratio[1]);
+    const total = Number(ratio[2]);
+    const color = connected >= total ? C.tokens : C.thinkingMedium;
+    return ansi(color, `${icons.mcp} ${connected}/${total}`);
+  }
+
+  const connected = /MCP:\s*(\d+)\s+servers connected(?:\s*\((\d+)\s+tools\))?/i.exec(status);
+  if (connected) {
+    return ansi(C.tokens, `${icons.mcp} ${connected[1]}`);
+  }
+
+  const connecting = /MCP:\s*connecting to\s+(\d+)\s+servers?/i.exec(status);
+  if (connecting) {
+    return ansi(C.thinkingMedium, `${icons.mcp} …/${connecting[1]}`);
+  }
+
+  if (/failed|error|needs-auth|oauth/i.test(status)) {
+    return ansi(C.contextError, `${icons.mcp} !`);
+  }
+
+  return ansi(C.context, `${icons.mcp} ?`);
+}
+
 /** 遍历会话分支，累计 input token 数和总费用 */
 function calcTotals(ctx: any): { input: number; cost: number } {
   let input = 0, cost = 0;

package/package.json

@@ -1,37 +1,37 @@
-{
-  "name": "@lokiyou/pi-nano-footer",
-  "version": "0.15.0",
-  "description": "超轻量 powerline 风格 footer for Pi Coding Agent，保留内置 Working... 指示器，霓虹配色，实时显示模型、目录、上下文、token 和费用",
-  "type": "module",
-  "keywords": [
-    "pi-package",
-    "pi-extension",
-    "footer",
-    "statusline",
-    "powerline",
-    "neon"
-  ],
-  "author": "lokiyou",
-  "license": "MIT",
-  "files": [
-    "index.ts",
-    "README.md"
-  ],
-  "pi": {
-    "extensions": [
-      "./index.ts"
-    ]
-  },
-  "peerDependencies": {
-    "@earendil-works/pi-coding-agent": "*",
-    "@earendil-works/pi-tui": "*",
-    "@earendil-works/pi-ai": "*"
-  },
-  "repository": {
-    "type": "git",
-    "url": ""
-  },
-  "publishConfig": {
-    "access": "public"
-  }
-}
+{
+  "name": "@lokiyou/pi-nano-footer",
+  "version": "0.15.2",
+  "description": "Lightweight powerline-style footer for Pi Coding Agent that shows model, thinking level, directory, MCP status, context usage, tokens, and cost while keeping the built-in Working indicator.",
+  "type": "module",
+  "keywords": [
+    "pi-package",
+    "pi-extension",
+    "footer",
+    "statusline",
+    "powerline",
+    "neon"
+  ],
+  "author": "lokiyou",
+  "license": "MIT",
+  "files": [
+    "index.ts",
+    "README.md"
+  ],
+  "pi": {
+    "extensions": [
+      "./index.ts"
+    ]
+  },
+  "peerDependencies": {
+    "@earendil-works/pi-coding-agent": "*",
+    "@earendil-works/pi-tui": "*",
+    "@earendil-works/pi-ai": "*"
+  },
+  "repository": {
+    "type": "git",
+    "url": ""
+  },
+  "publishConfig": {
+    "access": "public"
+  }
+}