pi-powerline-footer 0.2.13 → 0.2.16

package/CHANGELOG.md

@@ -2,6 +2,26 @@
 
 ## [Unreleased]
 
+## [0.2.16] - 2026-01-28
+
+### Fixed
+- **Model and path colors restored** — Fixed color regression from v0.2.13 theme refactor:
+  - Model segment now uses original pink (`#d787af`) instead of white/gray (`text`)
+  - Path segment now uses original cyan (`#00afaf`) instead of muted gray
+
+## [0.2.15] - 2026-01-27
+
+### Added
+- **Status notifications above editor** — Extension status messages that look like notifications (e.g., `[pi-annotate] Received: CANCEL`) now appear on a separate line above the editor input
+- Notification-style statuses (starting with `[`) appear above editor
+- Compact statuses (e.g., `MCP: 6 servers`) remain in the powerline bar
+
+## [0.2.14] - 2026-01-26
+
+### Fixed
+- **Theme type mismatch crash** — Fixed `TypeError: theme.fg is not a function` caused by passing `EditorTheme` (from pi-tui) instead of `Theme` (from pi-coding-agent) to segment rendering
+- **Invalid theme color** — Changed `"primary"` to `"text"` in default colors since `"primary"` is not a valid `ThemeColor`
+
 ## [0.2.13] - 2026-01-27
 
 ### Added

package/README.md

@@ -23,10 +23,10 @@ A powerline-style status bar and welcome header extension for [pi](https://githu
 ## Installation
 
 ```bash
-npx pi-powerline-footer
+pi install npm:pi-powerline-footer
 ```
 
-This copies the extension to `~/.pi/agent/extensions/powerline-footer/`. Restart pi to activate.
+Restart pi to activate.
 
 ## Usage
 

package/index.ts

@@ -301,6 +301,7 @@ export default function powerlineFooter(pi: ExtensionAPI) {
           ctx.ui.setFooter(undefined);
           ctx.ui.setHeader(undefined);
           ctx.ui.setWidget("powerline-secondary", undefined);
+          ctx.ui.setWidget("powerline-status", undefined);
           footerDataRef = null;
           tuiRef = null;
           // Clear layout cache
@@ -420,9 +421,9 @@ export default function powerlineFooter(pi: ExtensionAPI) {
   function setupCustomEditor(ctx: any) {
     // Import CustomEditor dynamically and create wrapper
     import("@mariozechner/pi-coding-agent").then(({ CustomEditor }) => {
-      ctx.ui.setEditorComponent((tui: any, theme: any, keybindings: any) => {
+      ctx.ui.setEditorComponent((tui: any, editorTheme: any, keybindings: any) => {
         // Create custom editor that overrides render for status in top border
-        const editor = new CustomEditor(tui, theme, keybindings);
+        const editor = new CustomEditor(tui, editorTheme, keybindings);
         
         // Override handleInput to dismiss welcome on first keypress
         const originalHandleInput = editor.handleInput.bind(editor);
@@ -477,7 +478,8 @@ export default function powerlineFooter(pi: ExtensionAPI) {
           
           // Top border: ╭─ status ────────────╮
           // Use responsive layout - overflow goes to secondary row
-          const layout = getResponsiveLayout(width, theme);
+          // Note: ctx.ui.theme is the pi Theme with fg(), editorTheme is the pi-tui EditorTheme for styling
+          const layout = getResponsiveLayout(width, ctx.ui.theme);
           const statusContent = layout.topContent;
           const statusWidth = visibleWidth(statusContent);
           const topFillWidth = width - 4; // Reserve 4 for corners (╭─ and ─╮)
@@ -577,7 +579,7 @@ export default function powerlineFooter(pi: ExtensionAPI) {
 
       // Set up secondary row as a widget below editor (above sub bar)
       // Shows overflow segments when top bar is too narrow
-      ctx.ui.setWidget("powerline-secondary", (tui: any, theme: Theme) => {
+      ctx.ui.setWidget("powerline-secondary", (_tui: any, theme: Theme) => {
         return {
           dispose() {},
           invalidate() {},
@@ -600,6 +602,37 @@ export default function powerlineFooter(pi: ExtensionAPI) {
           },
         };
       }, { placement: "belowEditor" });
+
+      // Set up status notifications widget above editor
+      // Shows extension status messages that look like notifications (e.g., "[pi-annotate] Received: CANCEL")
+      // Compact statuses (e.g., "MCP: 6 servers") stay in the powerline bar via extension_statuses segment
+      ctx.ui.setWidget("powerline-status", () => {
+        return {
+          dispose() {},
+          invalidate() {},
+          render(width: number): string[] {
+            if (!currentCtx || !footerDataRef) return [];
+            
+            const statuses = footerDataRef.getExtensionStatuses();
+            if (!statuses || statuses.size === 0) return [];
+            
+            // Collect notification-style statuses (those starting with "[extensionName]")
+            const notifications: string[] = [];
+            for (const value of statuses.values()) {
+              if (value && value.trimStart().startsWith('[')) {
+                // Account for leading space when checking width
+                const lineContent = ` ${value}`;
+                const contentWidth = visibleWidth(lineContent);
+                if (contentWidth <= width) {
+                  notifications.push(lineContent);
+                }
+              }
+            }
+            
+            return notifications;
+          },
+        };
+      }, { placement: "aboveEditor" });
     });
   }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pi-powerline-footer",
-  "version": "0.2.13",
+  "version": "0.2.16",
   "description": "Powerline-style status bar extension for pi coding agent",
   "type": "module",
   "bin": {

package/segments.ts

@@ -389,10 +389,13 @@ const extensionStatusesSegment: StatusLineSegment = {
     const statuses = ctx.extensionStatuses;
     if (!statuses || statuses.size === 0) return { content: "", visible: false };
 
-    // Join all extension statuses with a separator
+    // Join compact statuses with a separator
+    // Notification-style statuses (starting with "[") are shown above the editor instead
     const parts: string[] = [];
-    for (const [_key, value] of statuses) {
-      if (value) parts.push(value);
+    for (const value of statuses.values()) {
+      if (value && !value.trimStart().startsWith('[')) {
+        parts.push(value);
+      }
     }
 
     if (parts.length === 0) return { content: "", visible: false };

package/theme.ts

@@ -16,8 +16,8 @@ import type { ColorScheme, ColorValue, SemanticColor } from "./types.js";
 // Default color scheme (uses pi theme colors)
 const DEFAULT_COLORS: Required<ColorScheme> = {
   pi: "accent",
-  model: "primary",
-  path: "muted",
+  model: "#d787af",  // Pink/mauve (matching original colors.ts)
+  path: "#00afaf",  // Teal/cyan (matching original colors.ts)
   git: "success",
   gitDirty: "warning",
   gitClean: "success",
@@ -26,7 +26,7 @@ const DEFAULT_COLORS: Required<ColorScheme> = {
   context: "dim",
   contextWarn: "warning",
   contextError: "error",
-  cost: "primary",
+  cost: "text",
   tokens: "muted",
   separator: "dim",
   border: "borderMuted",