pi-fancy-footer 0.1.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Matthias Vallentin
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,106 @@
+# ✨ pi-fancy-footer
+
+A [pi](https://github.com/badlogic/pi-mono/tree/main/packages/coding-agent)
+extension that replaces the default footer with a compact, two-line fancy status
+footer.
+
+## 📊 What it shows
+
+- Active model + thinking level
+- Context window capacity and approximate usage
+- Context usage bar with compaction reserve tail
+- Total session cost
+- Repo / path, branch, commit
+- Git diff stats and ahead/behind status
+
+## 📦 Install
+
+Install as a pi package:
+
+```bash
+pi install npm:pi-fancy-footer
+```
+
+## 🎮 Commands
+
+- `/fancy-footer` - open interactive footer config editor (small TUI)
+  - all widgets are listed directly (with icon prefixes)
+  - select a widget and press Enter for detailed settings
+  - in widget settings, adjust row/position/align/fill/min-width, visibility,
+    icon show/hide, icon color, and text color
+  - use Enter/Space to cycle values
+
+## ⚙️ Configuration
+
+Create `~/.pi/agent/fancy-footer.json`:
+
+```json
+{
+  "refreshMs": 3000,
+  "showPiBanner": true,
+  "defaultTextColor": "dim",
+  "defaultIconColor": "text",
+  "widgets": {
+    "context-bar": {
+      "align": "middle",
+      "row": 0,
+      "position": 0,
+      "fill": "grow",
+      "minWidth": 12
+    },
+    "total-cost": {
+      "enabled": false
+    },
+    "branch": {
+      "icon": "show",
+      "iconColor": "text",
+      "textColor": "muted"
+    }
+  }
+}
+```
+
+Top-level settings:
+
+- `refreshMs` (number)
+- `showPiBanner` (boolean)
+- `defaultTextColor` (`text` | `accent` | `muted` | `dim` | `success` | `error` | `warning`)
+- `defaultIconColor` (`text` | `accent` | `muted` | `dim` | `success` | `error` | `warning`)
+
+Supported per-widget overrides:
+
+- `enabled` (boolean)
+- `row` (number)
+- `position` (number, ordering within an aligned row group)
+- `align` (`left` | `middle` | `right`)
+- `fill` (`none` | `grow`)
+- `minWidth` (number)
+- `icon` (`default` | `show` | `hide`)
+- `iconColor` (`text` | `accent` | `muted` | `dim` | `success` | `error` | `warning`)
+- `textColor` (`text` | `accent` | `muted` | `dim` | `success` | `error` | `warning`)
+
+Widget IDs:
+
+- `model`
+- `thinking`
+- `context-capacity`
+- `context-bar`
+- `context-usage`
+- `total-cost`
+- `location`
+- `branch`
+- `commit`
+- `diff-added`
+- `diff-removed`
+- `git-status`
+
+Notes:
+
+- Uses Nerd Font glyphs for best visuals.
+- Reads compaction settings from:
+  - `~/.pi/agent/settings.json`
+  - `<project>/.pi/settings.json`
+
+## 📄 License
+
+[MIT](LICENSE)

package/extensions/fancy-footer/banner.ts

@@ -0,0 +1,58 @@
+import type { Theme } from "@mariozechner/pi-coding-agent";
+
+const PI_ART = [
+	"    3.141592653589793238462643383279",
+	"   5028841971693993751058209749445923",
+	"  07816406286208998628034825342117067",
+	"  9821    48086         5132",
+	" 823      06647        09384",
+	"46        09550        58223",
+	"          1725         3594",
+	"         08128        48111",
+	"        74502         84102",
+	"       70193          85211        05",
+	"     5596446           22948954930381",
+	"    9644288             10975665933",
+];
+
+function hslToRgb(h: number, s: number, l: number): [number, number, number] {
+	h = ((h % 360) + 360) % 360;
+	const c = (1 - Math.abs(2 * l - 1)) * s;
+	const x = c * (1 - Math.abs(((h / 60) % 2) - 1));
+	const m = l - c / 2;
+	let r = 0;
+	let g = 0;
+	let b = 0;
+	if (h < 60) [r, g, b] = [c, x, 0];
+	else if (h < 120) [r, g, b] = [x, c, 0];
+	else if (h < 180) [r, g, b] = [0, c, x];
+	else if (h < 240) [r, g, b] = [0, x, c];
+	else if (h < 300) [r, g, b] = [x, 0, c];
+	else [r, g, b] = [c, 0, x];
+	return [Math.round((r + m) * 255), Math.round((g + m) * 255), Math.round((b + m) * 255)];
+}
+
+const RESET = "\x1b[0m";
+
+function rainbowLine(line: string, rowOffset: number): string {
+	const totalChars = 50;
+	let result = "";
+	for (let i = 0; i < line.length; i++) {
+		const ch = line[i]!;
+		if (ch === " ") {
+			result += " ";
+			continue;
+		}
+		const hue = ((i + rowOffset * 3) / totalChars) * 360;
+		const [r, g, b] = hslToRgb(hue, 0.85, 0.65);
+		result += `\x1b[38;2;${r};${g};${b}m${ch}`;
+	}
+	return result + RESET;
+}
+
+export function renderBannerLines(_theme: Theme, width: number): string[] {
+	const maxLen = Math.max(...PI_ART.map((line) => line.length));
+	const pad = Math.max(0, Math.floor((width - maxLen) / 2));
+	const prefix = " ".repeat(pad);
+	return ["", ...PI_ART.map((line, row) => prefix + rainbowLine(line, row)), ""];
+}