@pi-unipi/footer 2.6.1 → 2.9.0

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pi-unipi/footer",
-  "version": "2.6.1",
-  "description": "Persistent status bar for Unipi — subscribes to UNIPI_EVENTS and renders key stats from all unipi packages",
+  "version": "2.9.0",
+  "description": "Persistent status bar for Unipi \u2014 subscribes to UNIPI_EVENTS and renders key stats from all unipi packages",
   "type": "module",
   "main": "index.ts",
   "license": "MIT",
@@ -32,18 +32,20 @@
     "access": "public"
   },
   "dependencies": {
-    "@pi-unipi/core": "2.6.1"
+    "@pi-unipi/core": "2.9.0"
   },
   "peerDependencies": {
-    "@earendil-works/pi-coding-agent": "^0.80.0",
-    "@earendil-works/pi-tui": "^0.80.0"
+    "@earendil-works/pi-coding-agent": "^0.84.0",
+    "@earendil-works/pi-tui": "^0.84.0"
   },
   "devDependencies": {
     "@types/node": "^25.6.0",
     "typescript": "^6.0.0"
   },
   "pi": {
-    "extensions": [],
+    "extensions": [
+      "./index.ts"
+    ],
     "skills": [],
     "prompts": [],
     "themes": []

package/src/help.ts

@@ -72,10 +72,10 @@ function buildHelpLines(
 }
 
 /** Simple group lookup for help */
-function getGroupForSegment(segId: string): string {
+export function getGroupForSegment(segId: string): string {
   const coreIds = ["model", "api_state", "tool_count", "git", "context_pct", "cost", "tokens_total", "tokens_in", "tokens_out", "session", "hostname", "time", "tps", "clock", "duration", "thinking_level"];
   if (coreIds.includes(segId)) return "core";
-  const compactorIds = ["session_events", "compactions", "tokens_saved", "compression_ratio", "cocoindex_status", "sandbox_runs", "search_queries"];
+  const compactorIds = ["session_events", "compactions", "tokens_saved", "compression_ratio", "sandbox_runs", "search_queries"];
   if (compactorIds.includes(segId)) return "compactor";
   if (["project_count", "total_count", "consolidations"].includes(segId)) return "memory";
   if (["servers_total", "servers_active", "tools_total", "servers_failed"].includes(segId)) return "mcp";

package/src/index.ts

@@ -27,20 +27,19 @@ import { NOTIFY_SEGMENTS } from "./segments/notify.js";
 import { STATUS_EXT_SEGMENTS } from "./segments/status-ext.js";
 
 import type { FooterGroup, FooterSegment } from "./types.js";
-import { rainbowBorder } from "./segments/core.js";
 import { tpsTracker } from "./tps-tracker.js";
 
 /** All segment groups */
 const ALL_GROUPS: FooterGroup[] = [
-  { id: "core", name: "Core", icon: "", segments: CORE_SEGMENTS, defaultShow: true },
-  { id: "compactor", name: "Compactor", icon: "", segments: COMPACTOR_SEGMENTS, defaultShow: true },
-  { id: "memory", name: "Memory", icon: "", segments: MEMORY_SEGMENTS, defaultShow: true },
-  { id: "mcp", name: "MCP", icon: "", segments: MCP_SEGMENTS, defaultShow: true },
-  { id: "ralph", name: "Ralph", icon: "", segments: RALPH_SEGMENTS, defaultShow: true },
-  { id: "workflow", name: "Workflow", icon: "", segments: WORKFLOW_SEGMENTS, defaultShow: true },
-  { id: "kanboard", name: "Kanboard", icon: "", segments: KANBOARD_SEGMENTS, defaultShow: true },
-  { id: "notify", name: "Notify", icon: "", segments: NOTIFY_SEGMENTS, defaultShow: false },
-  { id: "status_ext", name: "Extensions", icon: "", segments: STATUS_EXT_SEGMENTS, defaultShow: true },
+  { id: "core", name: "Core", segments: CORE_SEGMENTS, defaultShow: true },
+  { id: "compactor", name: "Compactor", segments: COMPACTOR_SEGMENTS, defaultShow: true },
+  { id: "memory", name: "Memory", segments: MEMORY_SEGMENTS, defaultShow: true },
+  { id: "mcp", name: "MCP", segments: MCP_SEGMENTS, defaultShow: true },
+  { id: "ralph", name: "Ralph", segments: RALPH_SEGMENTS, defaultShow: true },
+  { id: "workflow", name: "Workflow", segments: WORKFLOW_SEGMENTS, defaultShow: true },
+  { id: "kanboard", name: "Kanboard", segments: KANBOARD_SEGMENTS, defaultShow: true },
+  { id: "notify", name: "Notify", segments: NOTIFY_SEGMENTS, defaultShow: false },
+  { id: "status_ext", name: "Extensions", segments: STATUS_EXT_SEGMENTS, defaultShow: true },
 ];
 
 /** Build a segment lookup from all groups */

package/src/presets.ts

@@ -73,32 +73,7 @@ const FULL_PRESET: PresetDef = {
   secondarySegments: [
     "hostname",
     "tokens_in", "tokens_out",
-    "compression_ratio", "cocoindex_status",
-    "platforms_enabled", "last_sent",
-    "thinking_level",
-  ],
-  colors: getDefaultColors(),
-};
-
-/** Nerd preset — maximum detail for Nerd Font users */
-const NERD_PRESET: PresetDef = {
-  leftSegments: [
-    "model", "api_state", "tool_count", "git", "current_command", "session",
-  ],
-  rightSegments: [
-    "tps", "context_pct", "cost", "tokens_total",
-    "session_events", "compactions", "tokens_saved",
-    "project_count", "total_count",
-    "servers_total", "servers_active", "tools_total",
-    "active_loops", "loop_status",
-    "docs_count", "tasks_done", "task_pct",
-    "extension_statuses",
-    "clock", "duration",
-  ],
-  secondarySegments: [
-    "hostname",
-    "tokens_in", "tokens_out",
-    "compression_ratio", "cocoindex_status",
+    "compression_ratio",
     "platforms_enabled", "last_sent",
     "thinking_level",
   ],
@@ -124,7 +99,6 @@ export const PRESETS: Record<string, PresetDef> = {
   minimal: MINIMAL_PRESET,
   compact: COMPACT_PRESET,
   full: FULL_PRESET,
-  nerd: NERD_PRESET,
   ascii: ASCII_PRESET,
 };
 

package/src/registry/index.ts

@@ -87,15 +87,6 @@ export class FooterRegistry {
     this.notifySubscribers();
   }
 
-  /**
-   * Clear cached data for a specific group.
-   */
-  invalidateGroup(groupId: string): void {
-    this.dataCache.delete(groupId);
-    this.log("invalidateGroup", groupId);
-    this.notifySubscribers();
-  }
-
   // ─── Reactive Subscriptions ───────────────────────────────────────────────
 
   /**
@@ -144,17 +135,3 @@ export function getFooterRegistry(): FooterRegistry {
   }
   return registryInstance;
 }
-
-/**
- * Reset the global registry (for testing).
- */
-export function resetFooterRegistry(): void {
-  registryInstance = null;
-}
-
-// ─── Global reference ───────────────────────────────────────────────────────
-
-// Expose on globalThis for cross-package access
-if (typeof globalThis !== "undefined") {
-  globalThis.__unipi_footer_registry = getFooterRegistry();
-}

package/src/rendering/icons.ts

@@ -321,16 +321,3 @@ export function getIcon(segmentId: string, overrideStyle?: "nerd" | "emoji" | "t
   const key = segmentId as keyof IconSet;
   return icons[key] ?? "";
 }
-
-/**
- * Get the full icon set based on the configured style.
- */
-export function getIcons(iconStyle?: "nerd" | "emoji" | "text"): IconSet {
-  const style = iconStyle ?? currentIconStyle ?? resolveIconStyle();
-  const sets: Record<string, IconSet> = {
-    nerd: NERD_ICONS,
-    emoji: EMOJI_ICONS,
-    text: TEXT_ICONS,
-  };
-  return sets[style];
-}

package/src/rendering/renderer.ts

@@ -10,7 +10,8 @@ import type { Theme } from "@earendil-works/pi-coding-agent";
 import type { PresetDef, FooterSegmentContext, FooterSegment, ColorScheme, RenderedSegment, SegmentZone } from "../types.js";
 import type { FooterRegistry } from "../registry/index.js";
 import { visibleWidth as piVisibleWidth, truncateToWidth } from "@earendil-works/pi-tui";
-import { getSeparator, separatorVisibleWidth } from "./separators.js";
+import { getSeparator } from "./separators.js";
+import { getGroupForSegment } from "../help.js";
 import { getDefaultColors, setColorMode, refreshColorMode } from "./theme.js";
 import { setIconStyle } from "./icons.js";
 import { getPreset } from "../presets.js";
@@ -27,7 +28,6 @@ interface SegmentLookup {
 interface RenderedSegmentWithWidth {
   content: string;
   width: number;
-  visible: boolean;
 }
 
 // ─── ANSI helpers ───────────────────────────────────────────────────────────
@@ -183,7 +183,7 @@ export class FooterRenderer {
     if (this.segmentLookup.allIds) {
       for (const segId of this.segmentLookup.allIds()) {
         if (primaryIds.includes(segId) || secondaryIds.includes(segId)) continue;
-        const groupId = this.getGroupForSegment(segId);
+        const groupId = getGroupForSegment(segId);
         if (isSegmentExplicitlyEnabled(groupId, segId)) {
           primaryIds.push(segId);
         }
@@ -309,7 +309,7 @@ export class FooterRenderer {
     fullWidth: number,
     labelMode: "compact" | "labeled",
   ): RenderedSegmentWithWidth | null {
-    if (!isSegmentEnabled(this.getGroupForSegment(segId), segId)) return null;
+    if (!isSegmentEnabled(getGroupForSegment(segId), segId)) return null;
 
     const segment = this.segmentLookup.get(segId);
     if (!segment) return null;
@@ -317,7 +317,7 @@ export class FooterRenderer {
     const ctx: FooterSegmentContext = {
       theme: this.getThemeLike(),
       colors,
-      data: this.registry.getGroupData(this.getGroupForSegment(segId)),
+      data: this.registry.getGroupData(getGroupForSegment(segId)),
       width: fullWidth,
       piContext: this.piContext,
       footerData: this.footerData,
@@ -330,7 +330,6 @@ export class FooterRenderer {
     return {
       content: rendered.content,
       width: visibleWidth(rendered.content),
-      visible: true,
     };
   }
 
@@ -441,40 +440,6 @@ export class FooterRenderer {
     return truncateToWidth(result, 200);
   }
 
-  /** Map a segment ID to its group ID */
-  private getGroupForSegment(segId: string): string {
-    // Core segments
-    const coreIds = ["model", "api_state", "tool_count", "git", "context_pct", "cost", "tokens_total", "tokens_in", "tokens_out", "session", "hostname", "time", "tps", "clock", "duration", "thinking_level"];
-    if (coreIds.includes(segId)) return "core";
-
-    // Compactor segments
-    const compactorIds = ["session_events", "compactions", "tokens_saved", "compression_ratio", "cocoindex_status", "sandbox_runs", "search_queries"];
-    if (compactorIds.includes(segId)) return "compactor";
-
-    // Memory segments
-    if (["project_count", "total_count", "consolidations"].includes(segId)) return "memory";
-
-    // MCP segments
-    if (["servers_total", "servers_active", "tools_total", "servers_failed"].includes(segId)) return "mcp";
-
-    // Ralph segments
-    if (["active_loops", "total_iterations", "loop_status"].includes(segId)) return "ralph";
-
-    // Workflow segments
-    if (["current_command", "sandbox_level", "command_duration"].includes(segId)) return "workflow";
-
-    // Kanboard segments
-    if (["docs_count", "tasks_done", "tasks_total", "task_pct"].includes(segId)) return "kanboard";
-
-    // Notify segments
-    if (["platforms_enabled", "last_sent"].includes(segId)) return "notify";
-
-    // Status extension
-    if (segId === "extension_statuses") return "status_ext";
-
-    return "core";
-  }
-
   /** Get a ThemeLike object for rendering context */
   private getThemeLike(): { fg: (color: string, text: string) => string } {
     // Use a minimal theme-like that applies ANSI codes based on color names

package/src/rendering/separators.ts

@@ -100,13 +100,3 @@ export function getSeparator(style: SeparatorStyle): SeparatorDef {
       return getSeparator("powerline-thin");
   }
 }
-
-/**
- * Get the visible width of a separator (ANSI-stripped length).
- */
-export function separatorVisibleWidth(style: SeparatorStyle): number {
-  const sep = getSeparator(style);
-  // Strip ANSI codes and measure
-  const stripped = sep.left.replace(/\x1b\[[0-9;]*m/g, "");
-  return stripped.length;
-}

package/src/rendering/theme.ts

@@ -12,7 +12,7 @@
  */
 
 import type { Theme, ThemeColor } from "@earendil-works/pi-coding-agent";
-import type { ColorScheme, ColorValue, SemanticColor, ThemeLike } from "../types.js";
+import type { ColorScheme, SemanticColor, ThemeLike } from "../types.js";
 
 // ─── Color mode detection ──────────────────────────────────────────────────
 
@@ -244,20 +244,6 @@ export function getDefaultColors(): ColorScheme {
   return scheme;
 }
 
-/**
- * Resolve a ColorValue to an actual color string using the theme.
- * If the value is a theme color name, uses theme.fg().
- * If it's a hex string, returns it directly.
- */
-export function resolveColor(color: ColorValue, theme: ThemeLike): string {
-  // Check if it's a hex color (starts with #)
-  if (color.startsWith("#")) {
-    return color;
-  }
-  // It's a ThemeColor — use theme.fg
-  return theme.fg(color as ThemeColor, "").replace(/\x1b\[0m$/, "");
-}
-
 /**
  * Wrap `text` in an ANSI escape for the given hex value, chosen to match
  * the active colour mode (truecolor / 256 / none).

package/src/segments/compactor.ts

@@ -2,7 +2,7 @@
  * @pi-unipi/footer — Compactor segments
  *
  * Segment renderers for the compactor group: session_events, compactions,
- * tokens_saved, compression_ratio, cocoindex_status, sandbox_runs, search_queries.
+ * tokens_saved, compression_ratio, sandbox_runs, search_queries.
  *
  * Data sourced from piContext.sessionManager (live session data).
  * Segments without a reliable data source are hidden (visible: false)
@@ -129,12 +129,6 @@ function renderCompressionRatioSegment(ctx: FooterSegmentContext): RenderedSegme
   return { content: applyColor("compactor", content, ctx.theme, ctx.colors), visible: true };
 }
 
-function renderCocoindexStatusSegment(_ctx: FooterSegmentContext): RenderedSegment {
-  // CocoIndex status — would need to query cocoindex bridge at render time.
-  // For now, hidden. Use /unipi:cocoindex-status for live status.
-  return hidden();
-}
-
 function renderSandboxRunsSegment(ctx: FooterSegmentContext): RenderedSegment {
   // Count sandbox events from session manager branch
   const events = getSessionEvents(ctx);
@@ -171,11 +165,10 @@ function renderSearchQueriesSegment(ctx: FooterSegmentContext): RenderedSegment
 }
 
 export const COMPACTOR_SEGMENTS: FooterSegment[] = [
-  { id: "session_events", label: "Session Events", shortLabel: "EVT", description: "Number of session events", zone: "center", icon: "", render: renderSessionEventsSegment, defaultShow: true },
-  { id: "compactions", label: "Compactions", shortLabel: "CMP", description: "Number of context compactions", zone: "center", icon: "", render: renderCompactionsSegment, defaultShow: true },
-  { id: "tokens_saved", label: "Tokens Saved", shortLabel: "SVD", description: "Tokens saved by compaction", zone: "center", icon: "", render: renderTokensSavedSegment, defaultShow: true },
-  { id: "compression_ratio", label: "Compression Ratio", shortLabel: "RAT", description: "Last compaction compression ratio", zone: "center", icon: "", render: renderCompressionRatioSegment, defaultShow: false },
-  { id: "cocoindex_status", label: "CocoIndex", shortLabel: "CIDX", description: "CocoIndex indexing status", zone: "center", icon: "", render: renderCocoindexStatusSegment, defaultShow: false },
-  { id: "sandbox_runs", label: "Sandbox Runs", shortLabel: "SBX", description: "Number of sandbox code runs", zone: "center", icon: "", render: renderSandboxRunsSegment, defaultShow: false },
-  { id: "search_queries", label: "Search Queries", shortLabel: "QRY", description: "Number of search queries", zone: "center", icon: "", render: renderSearchQueriesSegment, defaultShow: false },
+  { id: "session_events", label: "Session Events", shortLabel: "EVT", description: "Number of session events", zone: "center", render: renderSessionEventsSegment, defaultShow: true },
+  { id: "compactions", label: "Compactions", shortLabel: "CMP", description: "Number of context compactions", zone: "center", render: renderCompactionsSegment, defaultShow: true },
+  { id: "tokens_saved", label: "Tokens Saved", shortLabel: "SVD", description: "Tokens saved by compaction", zone: "center", render: renderTokensSavedSegment, defaultShow: true },
+  { id: "compression_ratio", label: "Compression Ratio", shortLabel: "RAT", description: "Last compaction compression ratio", zone: "center", render: renderCompressionRatioSegment, defaultShow: false },
+  { id: "sandbox_runs", label: "Sandbox Runs", shortLabel: "SBX", description: "Number of sandbox code runs", zone: "center", render: renderSandboxRunsSegment, defaultShow: false },
+  { id: "search_queries", label: "Search Queries", shortLabel: "QRY", description: "Number of search queries", zone: "center", render: renderSearchQueriesSegment, defaultShow: false },
 ];

package/src/segments/core.ts

@@ -61,45 +61,6 @@ function getUsageStats(piContext: unknown): UsageStats {
   return { input, output, cacheRead, cacheWrite, cost };
 }
 
-// ─── Rainbow helpers (kept for potential future use) ─────────────────────────
-
-/** ANSI 256-color rainbow palette */
-const RAINBOW_COLORS = [
-  "\x1b[38;5;196m", // red
-  "\x1b[38;5;202m", // orange
-  "\x1b[38;5;226m", // yellow
-  "\x1b[38;5;82m",  // green
-  "\x1b[38;5;45m",  // blue
-  "\x1b[38;5;129m", // indigo
-  "\x1b[38;5;171m", // violet
-];
-
-const ANSI_RESET = "\x1b[0m";
-
-/** Apply rainbow coloring to text, cycling through colors per character */
-export function rainbowText(text: string): string {
-  let result = "";
-  let colorIdx = 0;
-  for (const char of text) {
-    if (char === " ") {
-      result += char;
-    } else {
-      result += `${RAINBOW_COLORS[colorIdx % RAINBOW_COLORS.length]}${char}${ANSI_RESET}`;
-      colorIdx++;
-    }
-  }
-  return result;
-}
-
-/** Render a rainbow border line of the given width */
-export function rainbowBorder(width: number): string {
-  let result = "";
-  for (let i = 0; i < width; i++) {
-    result += `${RAINBOW_COLORS[i % RAINBOW_COLORS.length]}─${ANSI_RESET}`;
-  }
-  return result;
-}
-
 // ─── Segment Renderers ──────────────────────────────────────────────────────
 
 function renderModelSegment(ctx: FooterSegmentContext): RenderedSegment {
@@ -324,19 +285,19 @@ function renderThinkingLevelSegment(ctx: FooterSegmentContext): RenderedSegment
 // ─── Core segments array ────────────────────────────────────────────────────
 
 export const CORE_SEGMENTS: FooterSegment[] = [
-  { id: "model", label: "Model", shortLabel: "MDL", description: "Current model name", zone: "left", icon: "", render: renderModelSegment, defaultShow: true },
-  { id: "api_state", label: "API", shortLabel: "API", description: "API connection state", zone: "left", icon: "", render: renderApiStateSegment, defaultShow: true },
-  { id: "tool_count", label: "Tool Count", shortLabel: "TLS", description: "Number of tools available", zone: "left", icon: "", render: renderToolCountSegment, defaultShow: true },
-  { id: "git", label: "Git", shortLabel: "GIT", description: "Current git branch + dirty/clean status", zone: "left", icon: "", render: renderGitSegment, defaultShow: true },
-  { id: "tps", label: "TPS", shortLabel: "TPS", description: "Tokens per second \u2014 live during generation", zone: "center", icon: "", render: renderTpsSegment, defaultShow: true },
-  { id: "context_pct", label: "Context %", shortLabel: "CTX", description: "Context window usage percentage", zone: "center", icon: "", render: renderContextPctSegment, defaultShow: true },
-  { id: "cost", label: "Cost", shortLabel: "CST", description: "Session cost in USD", zone: "center", icon: "", render: renderCostSegment, defaultShow: true },
-  { id: "tokens_total", label: "Tokens Total", shortLabel: "TOK", description: "Total tokens used this session", zone: "center", icon: "", render: renderTokensSegment("total"), defaultShow: false },
-  { id: "tokens_in", label: "Tokens In", shortLabel: "TIN", description: "Input tokens consumed", zone: "center", icon: "", render: renderTokensSegment("in"), defaultShow: false },
-  { id: "tokens_out", label: "Tokens Out", shortLabel: "TOUT", description: "Output tokens generated", zone: "center", icon: "", render: renderTokensSegment("out"), defaultShow: false },
-  { id: "session", label: "Session", shortLabel: "SES", description: "Session identifier", zone: "left", icon: "", render: renderSessionSegment, defaultShow: false },
-  { id: "hostname", label: "Hostname", shortLabel: "HST", description: "Machine hostname", zone: "left", icon: "", render: renderHostnameSegment, defaultShow: false },
-  { id: "clock", label: "Clock", shortLabel: "CLK", description: "Current wall time (HH:MM:SS)", zone: "right", icon: "", render: renderClockSegment, defaultShow: true },
-  { id: "duration", label: "Duration", shortLabel: "DUR", description: "Session duration", zone: "right", icon: "", render: renderDurationSegment, defaultShow: true },
-  { id: "thinking_level", label: "Thinking", shortLabel: "THK", description: "Current model thinking level", zone: "center", icon: "", render: renderThinkingLevelSegment, defaultShow: false },
+  { id: "model", label: "Model", shortLabel: "MDL", description: "Current model name", zone: "left", render: renderModelSegment, defaultShow: true },
+  { id: "api_state", label: "API", shortLabel: "API", description: "API connection state", zone: "left", render: renderApiStateSegment, defaultShow: true },
+  { id: "tool_count", label: "Tool Count", shortLabel: "TLS", description: "Number of tools available", zone: "left", render: renderToolCountSegment, defaultShow: true },
+  { id: "git", label: "Git", shortLabel: "GIT", description: "Current git branch + dirty/clean status", zone: "left", render: renderGitSegment, defaultShow: true },
+  { id: "tps", label: "TPS", shortLabel: "TPS", description: "Tokens per second \u2014 live during generation", zone: "center", render: renderTpsSegment, defaultShow: true },
+  { id: "context_pct", label: "Context %", shortLabel: "CTX", description: "Context window usage percentage", zone: "center", render: renderContextPctSegment, defaultShow: true },
+  { id: "cost", label: "Cost", shortLabel: "CST", description: "Session cost in USD", zone: "center", render: renderCostSegment, defaultShow: true },
+  { id: "tokens_total", label: "Tokens Total", shortLabel: "TOK", description: "Total tokens used this session", zone: "center", render: renderTokensSegment("total"), defaultShow: false },
+  { id: "tokens_in", label: "Tokens In", shortLabel: "TIN", description: "Input tokens consumed", zone: "center", render: renderTokensSegment("in"), defaultShow: false },
+  { id: "tokens_out", label: "Tokens Out", shortLabel: "TOUT", description: "Output tokens generated", zone: "center", render: renderTokensSegment("out"), defaultShow: false },
+  { id: "session", label: "Session", shortLabel: "SES", description: "Session identifier", zone: "left", render: renderSessionSegment, defaultShow: false },
+  { id: "hostname", label: "Hostname", shortLabel: "HST", description: "Machine hostname", zone: "left", render: renderHostnameSegment, defaultShow: false },
+  { id: "clock", label: "Clock", shortLabel: "CLK", description: "Current wall time (HH:MM:SS)", zone: "right", render: renderClockSegment, defaultShow: true },
+  { id: "duration", label: "Duration", shortLabel: "DUR", description: "Session duration", zone: "right", render: renderDurationSegment, defaultShow: true },
+  { id: "thinking_level", label: "Thinking", shortLabel: "THK", description: "Current model thinking level", zone: "center", render: renderThinkingLevelSegment, defaultShow: false },
 ];

package/src/segments/kanboard.ts

@@ -22,7 +22,7 @@ function withIcon(segmentId: string, text: string): string {
  */
 function getKanboardData(): Record<string, unknown> | null {
   try {
-    const registry = globalThis.__unipi_kanboard_registry;
+    const registry = (globalThis as Record<string, unknown>).__unipi_kanboard_registry;
     if (!registry || typeof registry !== "object") return null;
     return registry as Record<string, unknown>;
   } catch {
@@ -84,8 +84,8 @@ function renderTaskPctSegment(ctx: FooterSegmentContext): RenderedSegment {
 }
 
 export const KANBOARD_SEGMENTS: FooterSegment[] = [
-  { id: "docs_count", label: "Docs", shortLabel: "DOC", description: "Workflow documents count", zone: "center", icon: "", render: renderDocsCountSegment, defaultShow: true },
-  { id: "tasks_done", label: "Done", shortLabel: "DNE", description: "Completed tasks", zone: "center", icon: "", render: renderTasksDoneSegment, defaultShow: true },
-  { id: "tasks_total", label: "Total", shortLabel: "TSK", description: "Total tasks", zone: "center", icon: "", render: renderTasksTotalSegment, defaultShow: true },
-  { id: "task_pct", label: "Progress", shortLabel: "PCT", description: "Task completion percentage", zone: "center", icon: "", render: renderTaskPctSegment, defaultShow: true },
+  { id: "docs_count", label: "Docs", shortLabel: "DOC", description: "Workflow documents count", zone: "center", render: renderDocsCountSegment, defaultShow: true },
+  { id: "tasks_done", label: "Done", shortLabel: "DNE", description: "Completed tasks", zone: "center", render: renderTasksDoneSegment, defaultShow: true },
+  { id: "tasks_total", label: "Total", shortLabel: "TSK", description: "Total tasks", zone: "center", render: renderTasksTotalSegment, defaultShow: true },
+  { id: "task_pct", label: "Progress", shortLabel: "PCT", description: "Task completion percentage", zone: "center", render: renderTaskPctSegment, defaultShow: true },
 ];

package/src/segments/mcp.ts

@@ -37,7 +37,7 @@ function withIcon(segmentId: string, text: string): string {
  */
 function getMcpStats(ctx: FooterSegmentContext): McpStats {
   // Source 1: globalThis escape hatch (future: MCP registry may expose this)
-  const global = globalThis.__unipi_mcp_stats;
+  const global = (globalThis as Record<string, unknown>).__unipi_mcp_stats;
   if (global && typeof global === "object") {
     return global;
   }
@@ -102,8 +102,8 @@ function renderServersFailedSegment(ctx: FooterSegmentContext): RenderedSegment
 }
 
 export const MCP_SEGMENTS: FooterSegment[] = [
-  { id: "servers_total", label: "Servers", shortLabel: "SRV", description: "Total MCP servers configured", zone: "center", icon: "", render: renderServersTotalSegment, defaultShow: true },
-  { id: "servers_active", label: "Active", shortLabel: "ACT", description: "Currently connected MCP servers", zone: "center", icon: "", render: renderServersActiveSegment, defaultShow: true },
-  { id: "tools_total", label: "Tools", shortLabel: "TLS", description: "Total MCP tools available", zone: "center", icon: "", render: renderToolsTotalSegment, defaultShow: true },
-  { id: "servers_failed", label: "Failed", shortLabel: "ERR", description: "Failed MCP server connections", zone: "center", icon: "", render: renderServersFailedSegment, defaultShow: true },
+  { id: "servers_total", label: "Servers", shortLabel: "SRV", description: "Total MCP servers configured", zone: "center", render: renderServersTotalSegment, defaultShow: true },
+  { id: "servers_active", label: "Active", shortLabel: "ACT", description: "Currently connected MCP servers", zone: "center", render: renderServersActiveSegment, defaultShow: true },
+  { id: "tools_total", label: "Tools", shortLabel: "TLS", description: "Total MCP tools available", zone: "center", render: renderToolsTotalSegment, defaultShow: true },
+  { id: "servers_failed", label: "Failed", shortLabel: "ERR", description: "Failed MCP server connections", zone: "center", render: renderServersFailedSegment, defaultShow: true },
 ];

package/src/segments/memory.ts

@@ -51,7 +51,7 @@ interface InfoRegistryLike {
  */
 function getInfoRegistryMemoryData(): InfoMemoryData | null {
   try {
-    const registry = globalThis.__unipi_info_registry;
+    const registry = (globalThis as Record<string, unknown>).__unipi_info_registry;
     if (!registry || typeof registry !== "object") return null;
 
     // The info registry exposes getCachedData(groupId) synchronously
@@ -139,7 +139,7 @@ function renderConsolidationsSegment(ctx: FooterSegmentContext): RenderedSegment
 }
 
 export const MEMORY_SEGMENTS: FooterSegment[] = [
-  { id: "project_count", label: "Project Memory", shortLabel: "MEM", description: "Memory entries for this project", zone: "center", icon: "", render: renderProjectCountSegment, defaultShow: true },
-  { id: "total_count", label: "Total Memory", shortLabel: "TOT", description: "Total memory entries across projects", zone: "center", icon: "", render: renderTotalCountSegment, defaultShow: true },
-  { id: "consolidations", label: "Consolidations", shortLabel: "CNS", description: "Number of memory consolidations", zone: "center", icon: "", render: renderConsolidationsSegment, defaultShow: false },
+  { id: "project_count", label: "Project Memory", shortLabel: "MEM", description: "Memory entries for this project", zone: "center", render: renderProjectCountSegment, defaultShow: true },
+  { id: "total_count", label: "Total Memory", shortLabel: "TOT", description: "Total memory entries across projects", zone: "center", render: renderTotalCountSegment, defaultShow: true },
+  { id: "consolidations", label: "Consolidations", shortLabel: "CNS", description: "Number of memory consolidations", zone: "center", render: renderConsolidationsSegment, defaultShow: false },
 ];

package/src/segments/notify.ts

@@ -56,6 +56,6 @@ function renderLastSentSegment(ctx: FooterSegmentContext): RenderedSegment {
 }
 
 export const NOTIFY_SEGMENTS: FooterSegment[] = [
-  { id: "platforms_enabled", label: "Platforms", shortLabel: "NTF", description: "Active notification platforms", zone: "center", icon: "", render: renderPlatformsEnabledSegment, defaultShow: true },
-  { id: "last_sent", label: "Last Sent", shortLabel: "LST", description: "Time of last notification sent", zone: "center", icon: "", render: renderLastSentSegment, defaultShow: true },
+  { id: "platforms_enabled", label: "Platforms", shortLabel: "NTF", description: "Active notification platforms", zone: "center", render: renderPlatformsEnabledSegment, defaultShow: true },
+  { id: "last_sent", label: "Last Sent", shortLabel: "LST", description: "Time of last notification sent", zone: "center", render: renderLastSentSegment, defaultShow: true },
 ];

package/src/segments/ralph.ts

@@ -117,7 +117,7 @@ function renderLoopStatusSegment(ctx: FooterSegmentContext): RenderedSegment {
 }
 
 export const RALPH_SEGMENTS: FooterSegment[] = [
-  { id: "active_loops", label: "Loops", shortLabel: "RL", description: "Active Ralph loops", zone: "center", icon: "", render: renderActiveLoopsSegment, defaultShow: true },
-  { id: "total_iterations", label: "Iterations", shortLabel: "ITR", description: "Total Ralph loop iterations", zone: "center", icon: "", render: renderTotalIterationsSegment, defaultShow: true },
-  { id: "loop_status", label: "Status", shortLabel: "STS", description: "Current loop status", zone: "center", icon: "", render: renderLoopStatusSegment, defaultShow: true },
+  { id: "active_loops", label: "Loops", shortLabel: "RL", description: "Active Ralph loops", zone: "center", render: renderActiveLoopsSegment, defaultShow: true },
+  { id: "total_iterations", label: "Iterations", shortLabel: "ITR", description: "Total Ralph loop iterations", zone: "center", render: renderTotalIterationsSegment, defaultShow: true },
+  { id: "loop_status", label: "Status", shortLabel: "STS", description: "Current loop status", zone: "center", render: renderLoopStatusSegment, defaultShow: true },
 ];

package/src/segments/status-ext.ts

@@ -120,5 +120,5 @@ function renderExtensionStatusesSegment(ctx: FooterSegmentContext): RenderedSegm
 }
 
 export const STATUS_EXT_SEGMENTS: FooterSegment[] = [
-  { id: "extension_statuses", label: "Extensions", shortLabel: "EXT", description: "Extension statuses overview", zone: "center", icon: "", render: renderExtensionStatusesSegment, defaultShow: true },
+  { id: "extension_statuses", label: "Extensions", shortLabel: "EXT", description: "Extension statuses overview", zone: "center", render: renderExtensionStatusesSegment, defaultShow: true },
 ];

package/src/segments/workflow.ts

@@ -118,7 +118,7 @@ function formatDuration(ms: number): string {
 }
 
 export const WORKFLOW_SEGMENTS: FooterSegment[] = [
-  { id: "current_command", label: "Command", shortLabel: "WRK", description: "Active workflow command", zone: "left", icon: "", render: renderCurrentCommandSegment, defaultShow: true },
-  { id: "sandbox_level", label: "Sandbox", shortLabel: "SBX", description: "Sandbox permission level", zone: "center", icon: "", render: renderSandboxLevelSegment, defaultShow: false },
-  { id: "command_duration", label: "Duration", shortLabel: "CDUR", description: "Current command duration", zone: "center", icon: "", render: renderCommandDurationSegment, defaultShow: true },
+  { id: "current_command", label: "Command", shortLabel: "WRK", description: "Active workflow command", zone: "left", render: renderCurrentCommandSegment, defaultShow: true },
+  { id: "sandbox_level", label: "Sandbox", shortLabel: "SBX", description: "Sandbox permission level", zone: "center", render: renderSandboxLevelSegment, defaultShow: false },
+  { id: "command_duration", label: "Duration", shortLabel: "CDUR", description: "Current command duration", zone: "center", render: renderCommandDurationSegment, defaultShow: true },
 ];

package/src/tps-tracker.ts

@@ -245,14 +245,6 @@ export class TpsTracker {
     return last.startedAt > 0 && last.completedAt === 0;
   }
 
-  /**
-   * Whether the model was recently generating tokens.
-   * Kept for backward compatibility with renderer.
-   */
-  isGenerating(): boolean {
-    return this.isStreaming();
-  }
-
   /**
    * Get total output tokens for the session (estimated).
    */

package/src/tui/settings-tui.ts

@@ -10,12 +10,12 @@
  */
 
 import type { ExtensionAPI, ExtensionCommandContext } from "@earendil-works/pi-coding-agent";
-import { matchesKey, SettingsList, type SettingItem, type SettingsListTheme } from "@earendil-works/pi-tui";
+import { Key, matchesKey, SettingsList, type SettingItem, type SettingsListTheme } from "@earendil-works/pi-tui";
 import { loadFooterSettings, saveFooterSettings } from "../config.js";
 import { PRESET_NAMES } from "../presets.js";
 import { setIconStyle } from "../rendering/icons.js";
 import type { FooterGroup, FooterSettings, SeparatorStyle, IconStyle } from "../types.js";
-import { boxInnerWidth } from "@pi-unipi/core";
+import { boxInnerWidth, OverlayTheme } from "@pi-unipi/core";
 
 // ─── Section types ─────────────────────────────────────────────────────
 
@@ -43,27 +43,10 @@ const THEME: SettingsListTheme = {
   hint: (text) => `\x1b[2m${text}\x1b[0m`,
 };
 
-// ─── Helper: frame a line inside box drawing ───────────────────────────
+// ─── Shared box-drawing helper ────────────────────────────────────────
 
-function frameLine(content: string, innerWidth: number): string {
-  const visLen = visibleWidth(content);
-  const pad = Math.max(0, innerWidth - visLen);
-  return `\x1b[90m│\x1b[0m${content}${" ".repeat(pad)}\x1b[90m│\x1b[0m`;
-}
-
-function ruleLine(innerWidth: number): string {
-  return `\x1b[90m├${"─".repeat(innerWidth)}┤\x1b[0m`;
-}
+const overlay = new OverlayTheme();
 
-function borderLine(innerWidth: number, edge: "top" | "bottom"): string {
-  const left = edge === "top" ? "┌" : "└";
-  const right = edge === "top" ? "┐" : "┘";
-  return `\x1b[90m${left}${"─".repeat(innerWidth)}${right}\x1b[0m`;
-}
-
-function visibleWidth(text: string): number {
-  return text.replace(/\x1b\[[0-9;]*m/g, "").length;
-}
 
 // ─── Show the footer settings overlay ──────────────────────────────────
 
@@ -129,7 +112,7 @@ class FooterSettingsOverlay {
 
   handleInput(data: string): void {
     // Tab cycles sections
-    if (data === "\t" || data === "\x1b[Z") {
+    if (data === "\t" || matchesKey(data, Key.shift("tab"))) {
       const idx = SECTIONS.indexOf(this.section);
       if (data === "\t") {
         this.section = SECTIONS[(idx + 1) % SECTIONS.length];
@@ -209,7 +192,7 @@ class FooterSettingsOverlay {
     }
 
     // Left arrow / backspace in segment drill-down — back to groups
-    if (this.section === "segments" && this.selectedGroupId && (data === "\x1b[D" || data === "\x7f")) {
+    if (this.section === "segments" && this.selectedGroupId && (matchesKey(data, Key.left) || data === "\x7f")) {
       this.backToGroups();
       return;
     }
@@ -462,8 +445,8 @@ class FooterSettingsOverlay {
     const lines: string[] = [];
 
     // Header
-    lines.push(borderLine(innerWidth, "top"));
-    lines.push(frameLine(`\x1b[1m\x1b[36m⚙  Footer Settings\x1b[0m`, innerWidth));
+    lines.push(overlay.borderLine(innerWidth, "top"));
+    lines.push(overlay.frameLine(`\x1b[1m\x1b[36m⚙  Footer Settings\x1b[0m`, innerWidth));
 
     // Section tabs
     const tabParts = SECTIONS.map((s) => {
@@ -473,20 +456,20 @@ class FooterSettingsOverlay {
       }
       return `\x1b[2m${label}\x1b[0m`;
     });
-    lines.push(frameLine(`  ${tabParts.join("  ")}`, innerWidth));
-    lines.push(ruleLine(innerWidth));
+    lines.push(overlay.frameLine(`  ${tabParts.join("  ")}`, innerWidth));
+    lines.push(overlay.ruleLine(innerWidth));
 
     // Section content
     const activeList = this.currentList;
     if (activeList) {
       const contentLines = activeList.render(innerWidth - 2);
       for (const line of contentLines) {
-        lines.push(frameLine(` ${line}`, innerWidth));
+        lines.push(overlay.frameLine(` ${line}`, innerWidth));
       }
     }
 
     // Footer hints
-    lines.push(ruleLine(innerWidth));
+    lines.push(overlay.ruleLine(innerWidth));
 
     let hints: string;
     if (this.section === "segments" && this.selectedGroupId) {
@@ -496,8 +479,8 @@ class FooterSettingsOverlay {
     } else {
       hints = "j/k navigate · Space/Enter change · Tab section · q close";
     }
-    lines.push(frameLine(`\x1b[2m${hints}\x1b[0m`, innerWidth));
-    lines.push(borderLine(innerWidth, "bottom"));
+    lines.push(overlay.frameLine(`\x1b[2m${hints}\x1b[0m`, innerWidth));
+    lines.push(overlay.borderLine(innerWidth, "bottom"));
 
     return lines;
   }

package/src/types.ts

@@ -145,8 +145,6 @@ export interface FooterSegment {
   description: string;
   /** Layout zone assignment */
   zone: SegmentZone;
-  /** Icon glyph (Nerd Font or ASCII) */
-  icon: string;
   /** Render function */
   render: SegmentRenderFn;
   /** Whether this segment is shown by default */
@@ -161,8 +159,6 @@ export interface FooterGroup {
   id: string;
   /** Display name */
   name: string;
-  /** Group icon */
-  icon: string;
   /** Segments within this group */
   segments: FooterSegment[];
   /** Whether this group is shown by default */
@@ -199,13 +195,6 @@ export interface FooterSettings {
   groups: Record<string, FooterGroupSettings>;
 }
 
-/** Full footer config (settings + runtime state) */
-export interface FooterConfig {
-  settings: FooterSettings;
-  /** Runtime: whether footer is currently active */
-  active: boolean;
-}
-
 // ─── Presets ────────────────────────────────────────────────────────────────
 
 /** Preset definition */
@@ -218,10 +207,6 @@ export interface PresetDef {
   secondarySegments: string[];
   /** Color scheme for this preset */
   colors?: ColorScheme;
-  /** Per-segment options */
-  segmentOptions?: Record<string, Record<string, unknown>>;
-  /** Zone order (default: left, center, right) */
-  zoneOrder?: ("left" | "center" | "right")[];
   /** Zone separator string (between zones) */
   zoneSeparator?: string;
 }