@zigai/pi-footer 0.1.1 → 0.1.5

package/README.md

@@ -1,11 +1,21 @@
 # Pi Footer
 
-Pi package for a custom footer and worked-for token speed widget.
+This Pi extension replaces Pi's footer with a single compact plain-text status line.
 
-## Install
+![Pi Footer screenshot](assets/footer.png)
+
+The footer keeps key session information visible without taking much space:
 
-Local subpackage path:
+- current working directory
+- git branch
+- provider and model
+- thinking level
+- MCP status
+- context usage
+- a short post-run summary with total agent time and output token speed
+
+## Install
 
 ```sh
-pi install @zigai/pi-footer
+pi install git:github.com/zigai/pi-tweaks
 ```

package/package.json

@@ -1,16 +1,24 @@
 {
   "name": "@zigai/pi-footer",
-  "version": "0.1.1",
+  "version": "0.1.5",
   "description": "Pi package for a custom footer and worked-for token speed widget.",
   "keywords": [
     "footer",
+    "pi",
+    "pi-coding-agent",
     "pi-extension",
     "pi-package",
-    "pi-ui"
+    "pi-tweaks"
   ],
+  "homepage": "https://github.com/zigai/pi-tweaks/tree/main/packages/pi-footer#readme",
+  "bugs": {
+    "url": "https://github.com/zigai/pi-tweaks/issues"
+  },
+  "license": "MIT",
+  "author": "zigai",
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/zigai/pi-ui-tweaks.git",
+    "url": "git+https://github.com/zigai/pi-tweaks.git",
     "directory": "packages/pi-footer"
   },
   "files": [

package/src/footer-rendering.ts

@@ -1,6 +1,5 @@
 import type { ExtensionContext } from "@earendil-works/pi-coding-agent";
 import { truncateToWidth, visibleWidth } from "@earendil-works/pi-tui";
-import { pathToFileURL } from "node:url";
 
 import {
     ACTIVE_FOOTER_VARIANT,
@@ -73,31 +72,16 @@ function ansiColor(text: string, options: { fg?: string; bg?: string; bold?: boo
     return `\x1b[${codes.join(";")}m${text}\x1b[0m`;
 }
 
-function hyperlink(text: string, url: string): string {
-    if (!process.stdout.isTTY) {
-        return url;
-    }
-    return `\x1b]8;;${url}\x1b\\${text}\x1b]8;;\x1b\\`;
-}
-
 function renderColoredText(text: string, colors: SegmentColors): string {
     return ansiColor(text, { fg: colors.fg, bg: colors.bg });
 }
 
 function renderBlockItem(item: FooterItem): string {
-    let linked = ` ${item.text} `;
-    if (item.url !== undefined && item.url.length > 0) {
-        linked = hyperlink(` ${item.text} `, item.url);
-    }
-    return renderColoredText(linked, item.colors);
+    return renderColoredText(` ${item.text} `, item.colors);
 }
 
 function renderPlainItem(item: FooterItem): string {
-    let linked = item.text;
-    if (item.url !== undefined && item.url.length > 0) {
-        linked = hyperlink(item.text, item.url);
-    }
-    return renderColoredText(linked, PLAIN_COLORS);
+    return renderColoredText(item.text, PLAIN_COLORS);
 }
 
 function getProviderDisplayName(provider: string): string {
@@ -239,7 +223,6 @@ function buildFooterItems(
 ): Partial<Record<FooterKey, FooterItem>> {
     const branch = footerData.getGitBranch();
     const pathText = collapseHome(ctx.cwd);
-    const pathUrl = pathToFileURL(ctx.cwd).href;
     const providerId = ctx.model?.provider ?? "no-provider";
     const providerLabel = getProviderDisplayName(providerId);
     const modelLabel = ctx.model?.id ?? "no-model";
@@ -251,7 +234,6 @@ function buildFooterItems(
         path: {
             key: "path",
             text: pathText,
-            url: pathUrl,
             colors: BLOCK_COLORS.path,
         },
         provider: {
@@ -307,12 +289,12 @@ export function createFooterComponent(
         dispose: unsubscribe,
         invalidate() {},
         render(width: number): string[] {
-            // Keep one terminal cell unused as a guard against ambiguous-width glyphs
-            // (notably Nerd Font icons like the branch icon) and OSC/ANSI width
-            // edge-cases. If the terminal renders one of those glyphs wider than
-            // pi-tui's visibleWidth() calculation, a full-width footer can soft-wrap
-            // into an apparent blank line and make the bottom chrome jump.
-            const renderWidth = Math.max(1, width - 1);
+            // Keep spare terminal cells unused as a guard against ambiguous-width
+            // glyphs (notably Nerd Font icons like the branch icon). A footer line
+            // that reaches the exact terminal width can soft-wrap into an apparent
+            // blank line and make the bottom chrome jump during heavy tool output.
+            const renderWidth = Math.max(0, width - 2);
+            if (renderWidth === 0) return [""];
             const variant: FooterVariant = ACTIVE_FOOTER_VARIANT;
             const itemsByKey = buildFooterItems(ctx, footerData, getThinkingLevel());
             const leftVariants = buildSideVariants(itemsByKey, FOOTER_LAYOUT.left, variant, "left");
@@ -326,22 +308,28 @@ export function createFooterComponent(
             for (const left of leftVariants) {
                 for (const right of rightVariants) {
                     const rightWidth = visibleWidth(right);
-                    let gap = 0;
+                    const leftWidth = visibleWidth(left);
+                    const edgePaddingWidth = 2;
+                    let minimumInnerGap = 0;
                     if (right.length > 0) {
-                        gap = 1;
+                        minimumInnerGap = 1;
                     }
-                    const leftWidth = visibleWidth(left);
+                    const requiredWidth =
+                        edgePaddingWidth + leftWidth + minimumInnerGap + rightWidth;
 
-                    if (leftWidth + gap + rightWidth > renderWidth) {
+                    if (requiredWidth > renderWidth) {
                         continue;
                     }
 
-                    const paddingWidth = Math.max(0, renderWidth - leftWidth - rightWidth - 2);
+                    const paddingWidth = Math.max(
+                        minimumInnerGap,
+                        renderWidth - edgePaddingWidth - leftWidth - rightWidth,
+                    );
                     const padding = renderPadding(paddingWidth, variant);
                     if (right.length > 0) {
-                        return [` ${left}${padding}${right} `];
+                        return [truncateToWidth(` ${left}${padding}${right} `, renderWidth, "")];
                     }
-                    return [` ${left}${padding} `];
+                    return [truncateToWidth(` ${left}${padding} `, renderWidth, "")];
                 }
             }
 

package/src/types.ts

@@ -42,6 +42,5 @@ export type FooterData = {
 export type FooterItem = {
     key: FooterKey;
     text: string;
-    url?: string;
     colors: SegmentColors;
 };