@lokiyou/pi-nano-footer 0.15.1 → 0.15.3

package/README.md

@@ -1,39 +1,39 @@
 # @lokiyou/pi-nano-footer
 
-超轻量 powerline 风格 footer for **Pi Coding Agent**。
+Lightweight powerline-style footer for Pi Coding Agent.
 
-它保留 Pi 内置的 `Working...` 指示器，同时在底部显示模型、思考等级、目录、上下文、token 和费用，整体走的是清爽、紧凑的霓虹风。
+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：
+## What it shows
 
-```bash
-/reload
-```
+From left to right, the footer shows:
 
-## 展示内容
+- current model
+- thinking level
+- current directory name
+- MCP status summary when MCP status is available
+- context usage
+- token totals
+- estimated cost
 
-从左到右依次展示：
+## Behavior
 
-- 🤖 模型名
-- 💭 思考等级
-- 📁 当前目录名
-- 📊 上下文用量
-- 💾 Token 用量
-- 💰 费用
+- 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
 
-- 采用 powerline 分隔符
-- 颜色和 `pi-powerline-footer` 的默认 preset 保持一致
-- 不替代内置工作状态指示器
-- 适合想要简洁 footer、但不想丢掉 Pi 原生反馈的人
+No additional configuration is required.
 
-## 许可
+## 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
 };
 
 // ── 用户自定义霓虹配色 ──
@@ -65,10 +66,22 @@ export default function (pi: ExtensionAPI) {
     ctx.ui.setFooter((tui, theme, footerData) => {
       requestRender = () => tui.requestRender();
       const unsubBranch = footerData.onBranchChange(() => tui.requestRender());
+      let lastStatusSnapshot = snapshotStatuses(footerData);
+      const statusPoll = setInterval(() => {
+        const nextStatusSnapshot = snapshotStatuses(footerData);
+        if (nextStatusSnapshot !== lastStatusSnapshot) {
+          lastStatusSnapshot = nextStatusSnapshot;
+          tui.requestRender();
+        }
+      }, 500);
       const clock = setInterval(() => tui.requestRender(), 30_000);
 
       return {
-        dispose() { unsubBranch(); clearInterval(clock); },
+        dispose() {
+          unsubBranch();
+          clearInterval(statusPoll);
+          clearInterval(clock);
+        },
         invalidate() {},
         render(width: number): string[] {
           if (width <= 0) return [];
@@ -87,14 +100,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, "")];
@@ -119,10 +136,24 @@ export default function (pi: ExtensionAPI) {
   });
 }
 
+function snapshotStatuses(footerData: any): string {
+  const statuses = footerData?.getExtensionStatuses?.();
+  if (!statuses || typeof statuses.entries !== "function") return "";
+
+  return Array.from(statuses.entries())
+    .sort(([a], [b]) => String(a).localeCompare(String(b)))
+    .map(([key, value]) => `${String(key)}:${stripAnsi(String(value))}`)
+    .join("|");
+}
+
 // ═══════════════════════════════════════════════════════════════════════════
 // Helper 函数
 // ═══════════════════════════════════════════════════════════════════════════
 
+function stripAnsi(text: string): string {
+  return text.replace(/\x1b\[[0-9;]*m/g, "");
+}
+
 /** 16 进制色值 → ANSI 24-bit true color 前景色转义序列 */
 function ansi(hex: string, text: string): string {
   const h = hex.replace("#", "");
@@ -168,6 +199,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 = stripAnsi(raw).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.1",
-  "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.3",
+  "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"
+  }
+}