@pi-unipi/footer 0.1.2 → 0.1.3

package/src/rendering/icons.ts

@@ -16,8 +16,8 @@ import { detectNerdFontSupport } from "./separators.js";
 export interface IconSet {
   // Core segments
   model: string;
-  thinking: string;
-  path: string;
+  apiState: string;
+  toolCount: string;
   git: string;
   context: string;
   cost: string;
@@ -80,38 +80,38 @@ export interface IconSet {
 /** Nerd Font glyphs — requires a Nerd Font installed in the terminal */
 export const NERD_ICONS: IconSet = {
   // Core
-  model:           "\uEC19", // nf-md-chip
-  thinking:        "\uE22C", // nf-oct-pi
-  path:            "\uF115", // nf-fa-folder_open
-  git:             "\uF126", // nf-fa-code_fork
-  context:         "\uE70F", // nf-dev-database
-  cost:            "\uF155", // nf-fa-dollar
-  tokens:          "\uE26B", // nf-seti-html
-  tokensIn:        "\uF090", // nf-fa-sign_in
-  tokensOut:       "\uF08B", // nf-fa-sign_out
+  model:           "\uDB81\uDE5B", // 󰚩 custom model icon
+  apiState:        "\uF725", // 󱂛 api state icon
+  toolCount:       "\uF0AD", //  tool count icon
+  git:             "\uF0E8", //  git icon
+  context:         "\uF8D8", //  context icon
+  cost:            "\uF155", //  cost icon
+  tokens:          "\uF07B", //  tokens icon
+  tokensIn:        "\uF07B", //  tokens in icon
+  tokensOut:       "\uF07B", //  tokens out icon
   session:         "\uF550", // nf-md-identifier
   hostname:        "\uF109", // nf-fa-laptop
   time:            "\uF017", // nf-fa-clock_o
 
   // Compactor
-  sessionEvents:   "\uF0C0", // nf-fa-users
-  compactions:     "\uF1C0", // nf-fa-database
-  tokensSaved:     "\uF155", // nf-fa-dollar
-  compressionRatio:"\uE70F", // nf-dev-database
-  indexedDocs:     "\uF02D", // nf-fa-book
-  sandboxRuns:     "\uF121", // nf-fa-terminal
-  searchQueries:   "\uF002", // nf-fa-search
+  sessionEvents:   "\uDBB1\uDECF", // 󰲏 session events icon
+  compactions:     "\uDBB1\uDECF", // 󰲏 compactions icon
+  tokensSaved:     "\uF155", //  tokens saved icon
+  compressionRatio:"\uDBB1\uDECF", // 󰲏 compression ratio icon
+  indexedDocs:     "\uDB81\uDE19", // 󰈙 indexed docs icon
+  sandboxRuns:     "\uF121", //  sandbox runs icon
+  searchQueries:   "\uF002", //  search queries icon
 
   // Memory
-  projectCount:    "\uee9c", //  memory icon
-  totalCount:      "\uee9c", //  memory icon
-  consolidations:  "\uee9c", //  memory icon
+  projectCount:    "\uDB81\uDED4", // 󰍚 memory icon
+  totalCount:      "\uEB9C", //  total count icon
+  consolidations:  "\uDB81\uDED4", // 󰍚 consolidations icon
 
   // MCP
-  serversTotal:    "\uF233", // nf-fa-server
-  serversActive:   "\uF058", // nf-fa-check_circle
-  toolsTotal:      "\uF0AD", // nf-fa-wrench
-  serversFailed:   "\uF071", // nf-fa-warning
+  serversTotal:    "\uF0F6", //  servers total icon
+  serversActive:   "\uF058", //  servers active icon
+  toolsTotal:      "\uF0AD", //  tools total icon
+  serversFailed:   "\uF467", //  servers failed icon
 
   // Ralph
   activeLoops:     "\udb81\udf09", // 󰼉 ralph loop icon
@@ -119,22 +119,22 @@ export const NERD_ICONS: IconSet = {
   loopStatus:      "\udb81\udf09", // 󰼉 ralph loop icon
 
   // Workflow
-  currentCommand:  "\uf52e", //  workflow icon
-  sandboxLevel:    "\uf023", // nf-fa-lock
-  commandDuration: "\uf017", // nf-fa-clock_o
+  currentCommand:  "\uF0E8", //  current command icon
+  sandboxLevel:    "\uDBB1\uDDFE", // 󰟾 sandbox level icon
+  commandDuration: "\uDBB9\uDEAB", // 󱎫 command duration icon
 
   // Kanboard
-  docsCount:       "\uF15C", // nf-fa-file_text
-  tasksDone:       "\uF058", // nf-fa-check_circle
-  tasksTotal:      "\uF0AE", // nf-fa-tasks
-  taskPct:         "\uF200", // nf-fa-pie_chart
+  docsCount:       "\uDB81\uDE19", // 󰈙 docs count icon
+  tasksDone:       "\uF0E8", //  tasks done icon
+  tasksTotal:      "\uF0E8", //  tasks total icon
+  taskPct:         "\uF0E8", //  task pct icon
 
   // Notify
   platformsEnabled:"\uF0E0", // nf-fa-envelope
   lastSent:        "\uF017", // nf-fa-clock_o
 
   // Extension status
-  extensionStatuses:"\uF1E6", // nf-fa-plug
+  extensionStatuses:"\uDBB5\uDEAB", // 󱖫 extension statuses icon
 
   separator:       "\uE0B1", // nf-pl-left_soft_divider
 };
@@ -144,12 +144,12 @@ export const NERD_ICONS: IconSet = {
 /** Unicode emoji / symbol icons — works on most modern terminals */
 export const EMOJI_ICONS: IconSet = {
   // Core
-  model:           "",
-  thinking:        "π",
-  path:            "",
+  model:           "🤖",
+  apiState:        "🔄",
+  toolCount:       "🔧",
   git:             "⎇",
-  context:         "",
-  cost:            "$",
+  context:         "🗄️",
+  cost:            "💲",
   tokens:          "⊛",
   tokensIn:        "→",
   tokensOut:       "←",
@@ -160,31 +160,31 @@ export const EMOJI_ICONS: IconSet = {
   // Compactor
   sessionEvents:   "⚡",
   compactions:     "◧",
-  tokensSaved:     "$",
+  tokensSaved:     "💲",
   compressionRatio:"⇄",
   indexedDocs:     "☰",
   sandboxRuns:     "▶",
   searchQueries:   "⊗",
 
   // Memory
-  projectCount:    "\uee9c",
-  totalCount:      "\uee9c",
-  consolidations:  "\uee9c",
+  projectCount:    "🧠",
+  totalCount:      "🧠",
+  consolidations:  "🧠",
 
   // MCP
-  serversTotal:    "srv",
+  serversTotal:    "🖥️",
   serversActive:   "●",
   toolsTotal:      "🔧",
-  serversFailed:   "⚠",
+  serversFailed:   "⚠️",
 
   // Ralph
-  activeLoops:     "",
-  totalIterations: "",
-  loopStatus:      "",
+  activeLoops:     "🔁",
+  totalIterations: "🔁",
+  loopStatus:      "🔁",
 
   // Workflow
-  currentCommand:  "",
-  sandboxLevel:    "◧",
+  currentCommand:  "▶️",
+  sandboxLevel:    "🔒",
   commandDuration: "⏱",
 
   // Kanboard
@@ -208,61 +208,61 @@ export const EMOJI_ICONS: IconSet = {
 /** Plain text labels — works everywhere, most compact */
 export const TEXT_ICONS: IconSet = {
   // Core
-  model:           "",
-  thinking:        "",
-  path:            "",
-  git:             "",
-  context:         "",
-  cost:            "",
-  tokens:          "",
-  tokensIn:        "",
-  tokensOut:       "",
-  session:         "",
-  hostname:        "",
-  time:            "",
+  model:           "MDL",
+  apiState:        "API",
+  toolCount:       "TLS",
+  git:             "GIT",
+  context:         "CTX",
+  cost:            "CST",
+  tokens:          "TOK",
+  tokensIn:        "TKI",
+  tokensOut:       "TKO",
+  session:         "SES",
+  hostname:        "HST",
+  time:            "TIM",
 
   // Compactor
-  sessionEvents:   "evt",
-  compactions:     "cmp",
-  tokensSaved:     "svd",
-  compressionRatio:"rat",
-  indexedDocs:     "idx",
-  sandboxRuns:     "sbx",
-  searchQueries:   "qry",
+  sessionEvents:   "EVT",
+  compactions:     "CMP",
+  tokensSaved:     "SVD",
+  compressionRatio:"RAT",
+  indexedDocs:     "IDX",
+  sandboxRuns:     "SBX",
+  searchQueries:   "QRY",
 
   // Memory
-  projectCount:    "mem",
-  totalCount:      "mem",
-  consolidations:  "cns",
+  projectCount:    "MEM",
+  totalCount:      "MEM",
+  consolidations:  "CNS",
 
   // MCP
-  serversTotal:    "srv",
-  serversActive:   "act",
-  toolsTotal:      "tls",
-  serversFailed:   "err",
+  serversTotal:    "SRV",
+  serversActive:   "ACT",
+  toolsTotal:      "TLS",
+  serversFailed:   "ERR",
 
   // Ralph
-  activeLoops:     "",
-  totalIterations: "",
-  loopStatus:      "",
+  activeLoops:     "LPS",
+  totalIterations: "ITR",
+  loopStatus:      "STS",
 
   // Workflow
-  currentCommand:  "",
-  sandboxLevel:    "sbx",
-  commandDuration: "dur",
+  currentCommand:  "CMD",
+  sandboxLevel:    "SBX",
+  commandDuration: "DUR",
 
   // Kanboard
-  docsCount:       "doc",
-  tasksDone:       "✓",
-  tasksTotal:      "tsk",
-  taskPct:         "pct",
+  docsCount:       "DOC",
+  tasksDone:       "DNE",
+  tasksTotal:      "TSK",
+  taskPct:         "PCT",
 
   // Notify
-  platformsEnabled:"ntf",
-  lastSent:        "lst",
+  platformsEnabled:"NTF",
+  lastSent:        "LST",
 
   // Extension status
-  extensionStatuses:"ext",
+  extensionStatuses:"EXT",
 
   separator:       "|",
 };

package/src/rendering/renderer.ts

@@ -9,6 +9,7 @@
 import type { Theme } from "@mariozechner/pi-coding-agent";
 import type { PresetDef, FooterSegmentContext, FooterSegment, ColorScheme, RenderedSegment } from "../types.js";
 import type { FooterRegistry } from "../registry/index.js";
+import { visibleWidth as piVisibleWidth, truncateToWidth } from "@mariozechner/pi-tui";
 import { getSeparator, separatorVisibleWidth } from "./separators.js";
 import { getDefaultColors } from "./theme.js";
 import { setIconStyle } from "./icons.js";
@@ -29,10 +30,9 @@ interface RenderedSegmentWithWidth {
 
 // ─── ANSI helpers ───────────────────────────────────────────────────────────
 
-/** Strip ANSI escape codes and measure visible width */
+/** ANSI-aware visible width using pi-tui */
 function visibleWidth(text: string): number {
-  const stripped = text.replace(/\x1b\[[0-9;]*m/g, "");
-  return stripped.length;
+  return piVisibleWidth(text);
 }
 
 const ANSI_RESET = "\x1b[0m";
@@ -265,7 +265,7 @@ export class FooterRenderer {
   /** Map a segment ID to its group ID */
   private getGroupForSegment(segId: string): string {
     // Core segments
-    const coreIds = ["model", "thinking", "path", "git", "context_pct", "cost", "tokens_total", "tokens_in", "tokens_out", "session", "hostname", "time"];
+    const coreIds = ["model", "api_state", "tool_count", "git", "context_pct", "cost", "tokens_total", "tokens_in", "tokens_out", "session", "hostname", "time"];
     if (coreIds.includes(segId)) return "core";
 
     // Compactor segments

package/src/segments/core.ts

@@ -1,13 +1,12 @@
 /**
  * @pi-unipi/footer — Core segments
  *
- * Segment renderers for the core group: model, thinking, path, git,
+ * Segment renderers for the core group: model, api_state, tool_count, git,
  * context_pct, cost, tokens_total, tokens_in, tokens_out, session,
  * hostname, time.
  */
 
 import { hostname as osHostname } from "node:os";
-import { basename } from "node:path";
 import type { FooterSegment, FooterSegmentContext, RenderedSegment, SemanticColor } from "../types.js";
 import { applyColor } from "../rendering/theme.js";
 import { getIcon } from "../rendering/icons.js";
@@ -61,9 +60,9 @@ function getUsageStats(piContext: unknown): UsageStats {
   return { input, output, cacheRead, cacheWrite, cost };
 }
 
-// ─── Rainbow helpers for xhigh thinking level ───────────────────────────────
+// ─── Rainbow helpers (kept for potential future use) ─────────────────────────
 
-/** ANSI 256-color rainbow palette for xhigh thinking level */
+/** ANSI 256-color rainbow palette */
 const RAINBOW_COLORS = [
   "\x1b[38;5;196m", // red
   "\x1b[38;5;202m", // orange
@@ -100,14 +99,6 @@ export function rainbowBorder(width: number): string {
   return result;
 }
 
-/** Get the current thinking level from piContext */
-export function getThinkingLevel(piContext: unknown): string {
-  const piCtx = piContext as Record<string, unknown> | undefined;
-  return typeof piCtx?.getThinkingLevel === "function"
-    ? (piCtx as any).getThinkingLevel()
-    : "off";
-}
-
 // ─── Segment Renderers ──────────────────────────────────────────────────────
 
 function renderModelSegment(ctx: FooterSegmentContext): RenderedSegment {
@@ -121,49 +112,17 @@ function renderModelSegment(ctx: FooterSegmentContext): RenderedSegment {
   return { content: color(ctx, "model", content), visible: true };
 }
 
-function renderThinkingSegment(ctx: FooterSegmentContext): RenderedSegment {
-  const thinkingLevel = getThinkingLevel(ctx.piContext);
-
-  if (thinkingLevel === "off") return { content: "", visible: false };
-
-  const levelText: Record<string, string> = {
-    minimal: "min", low: "low", medium: "med", high: "high", xhigh: "xhigh",
-  };
-  const label = levelText[thinkingLevel] || thinkingLevel;
-  const icon = getIcon("thinking");
-  const text = `think:${label}`;
-  const content = icon ? `${icon} ${text}` : text;
-
-  // xhigh uses rainbow coloring
-  if (thinkingLevel === "xhigh") {
-    return { content: rainbowText(content), visible: true };
-  }
-
-  let semanticColor: SemanticColor = "thinking";
-  if (thinkingLevel === "minimal") semanticColor = "thinkingMinimal";
-  else if (thinkingLevel === "low") semanticColor = "thinkingLow";
-  else if (thinkingLevel === "medium") semanticColor = "thinkingMedium";
-  else if (thinkingLevel === "high") semanticColor = "thinkingHigh";
-
-  return { content: color(ctx, semanticColor, content), visible: true };
+function renderApiStateSegment(ctx: FooterSegmentContext): RenderedSegment {
+  // Show WEB to indicate the web-api package is active.
+  const content = "WEB";
+  return { content: color(ctx, "model", content), visible: true };
 }
 
-function renderPathSegment(ctx: FooterSegmentContext): RenderedSegment {
-  const piCtx = ctx.piContext as Record<string, unknown> | undefined;
-  const cwd = (piCtx?.cwd as string) || process.cwd();
-  const home = process.env.HOME || process.env.USERPROFILE;
-  let pwd = cwd;
-
-  if (home && pwd.startsWith(home)) {
-    pwd = `~${pwd.slice(home.length)}`;
-  }
-  // For brevity, show basename by default
-  if (pwd.length > 30) {
-    pwd = `…${pwd.slice(-29)}`;
-  }
-
-  const content = withIcon("path", pwd);
-  return { content: color(ctx, "path", content), visible: true };
+function renderToolCountSegment(ctx: FooterSegmentContext): RenderedSegment {
+  // Tool count is not directly exposed in piContext yet.
+  // TODO: Connect to actual tool count when pi exposes it.
+  const content = withIcon("toolCount", "—");
+  return { content: color(ctx, "model", content), visible: true };
 }
 
 function renderGitSegment(ctx: FooterSegmentContext): RenderedSegment {
@@ -269,8 +228,8 @@ function renderTimeSegment(ctx: FooterSegmentContext): RenderedSegment {
 
 export const CORE_SEGMENTS: FooterSegment[] = [
   { id: "model", label: "Model", icon: "", render: renderModelSegment, defaultShow: true },
-  { id: "thinking", label: "Thinking", icon: "", render: renderThinkingSegment, defaultShow: true },
-  { id: "path", label: "Path", icon: "", render: renderPathSegment, defaultShow: true },
+  { id: "api_state", label: "WEB", icon: "", render: renderApiStateSegment, defaultShow: true },
+  { id: "tool_count", label: "Tool Count", icon: "", render: renderToolCountSegment, defaultShow: true },
   { id: "git", label: "Git", icon: "", render: renderGitSegment, defaultShow: true },
   { id: "context_pct", label: "Context %", icon: "", render: renderContextPctSegment, defaultShow: true },
   { id: "cost", label: "Cost", icon: "", render: renderCostSegment, defaultShow: true },

package/src/segments/memory.ts

@@ -21,8 +21,10 @@ import type { FooterSegment, FooterSegmentContext, RenderedSegment } from "../ty
 import { applyColor } from "../rendering/theme.js";
 import { getIcon } from "../rendering/icons.js";
 
-/** Nerd Font icon for memory:  */
-const MEMORY_ICON = "\uee9c";
+function withIcon(segmentId: string, text: string): string {
+  const icon = getIcon(segmentId);
+  return icon ? `${icon} ${text}` : text;
+}
 
 /**
  * Shape of the info-screen memory group data:
@@ -84,11 +86,11 @@ function renderProjectCountSegment(ctx: FooterSegmentContext): RenderedSegment {
 
   // Show as 76/102 format when both are available
   if (counts.total !== null) {
-    const content = `${MEMORY_ICON} ${counts.project}/${counts.total}`;
+    const content = withIcon("projectCount", `${counts.project}/${counts.total}`);
     return { content: applyColor("memory", content, ctx.theme, ctx.colors), visible: true };
   }
 
-  const content = `${MEMORY_ICON} ${counts.project}`;
+  const content = withIcon("projectCount", `${counts.project}`);
   return { content: applyColor("memory", content, ctx.theme, ctx.colors), visible: true };
 }
 
@@ -106,7 +108,7 @@ function renderTotalCountSegment(ctx: FooterSegmentContext): RenderedSegment {
     return { content: "", visible: false };
   }
 
-  const content = `${MEMORY_ICON} ${counts.total}`;
+  const content = withIcon("totalCount", `${counts.total}`);
   return { content: applyColor("memory", content, ctx.theme, ctx.colors), visible: true };
 }
 
@@ -116,7 +118,7 @@ function renderConsolidationsSegment(ctx: FooterSegmentContext): RenderedSegment
   // Check for explicit consolidations stat from info registry
   const consolidationsValue = infoData?.consolidations?.value;
   if (consolidationsValue !== undefined && consolidationsValue !== null) {
-    const content = `${MEMORY_ICON} cns:${consolidationsValue}`;
+    const content = withIcon("consolidations", `cns:${consolidationsValue}`);
     return { content: applyColor("memory", content, ctx.theme, ctx.colors), visible: true };
   }
 
@@ -129,7 +131,7 @@ function renderConsolidationsSegment(ctx: FooterSegmentContext): RenderedSegment
     return { content: "", visible: false };
   }
 
-  const content = `${MEMORY_ICON} cns:${count}`;
+  const content = withIcon("consolidations", `cns:${count}`);
   return { content: applyColor("memory", content, ctx.theme, ctx.colors), visible: true };
 }
 

package/src/segments/ralph.ts

@@ -14,8 +14,7 @@ import type { FooterSegment, FooterSegmentContext, RenderedSegment, SemanticColo
 import { applyColor } from "../rendering/theme.js";
 import { getIcon } from "../rendering/icons.js";
 
-/** Nerd Font icon for ralph: 󰼉 */
-const RALPH_ICON = "\udb81\udf09";
+
 
 /** Green dot indicator (with explicit ANSI codes) */
 const GREEN_DOT = "\x1b[38;5;82m●\x1b[0m";
@@ -52,6 +51,8 @@ function renderActiveLoopsSegment(ctx: FooterSegmentContext): RenderedSegment {
 
   const dot = active ? GREEN_DOT : RED_DOT;
 
+  const ralphIcon = getIcon("activeLoops");
+
   if (active) {
     // Active: green dot + iteration stats
     const iterStr = iteration !== undefined
@@ -59,15 +60,11 @@ function renderActiveLoopsSegment(ctx: FooterSegmentContext): RenderedSegment {
       : "";
     const nameStr = name ? ` ${name}` : "";
     // Color the icon and text parts, keep dot's own color
-    const iconAndText = `${RALPH_ICON} ${iterStr}${nameStr}`;
-    const coloredText = colorText(ctx, "ralphOn", iconAndText);
-    // Insert the dot after the icon
-    const content = `${RALPH_ICON} ${dot} ${colorText(ctx, "ralphOn", `${iterStr}${nameStr}`)}`;
+    const content = `${ralphIcon} ${dot} ${colorText(ctx, "ralphOn", `${iterStr}${nameStr}`)}`;
     return { content, visible: true };
   } else {
     // Off/inactive: red dot
-    const content = `${RALPH_ICON} ${dot}`;
-    return { content: `${colorText(ctx, "ralphOff", RALPH_ICON)} ${dot}`, visible: true };
+    return { content: `${colorText(ctx, "ralphOff", ralphIcon)} ${dot}`, visible: true };
   }
 }
 
@@ -80,9 +77,10 @@ function renderTotalIterationsSegment(ctx: FooterSegmentContext): RenderedSegmen
   const maxIterations = data.maxIterations;
   const display = maxIterations ? `${iteration}/${maxIterations}` : `${iteration}`;
 
+  const ralphIcon = getIcon("activeLoops");
   const dot = active ? GREEN_DOT : RED_DOT;
   const semantic: SemanticColor = active ? "ralphOn" : "ralphOff";
-  const content = `${colorText(ctx, semantic, RALPH_ICON)} ${dot} ${colorText(ctx, semantic, display)}`;
+  const content = `${colorText(ctx, semantic, ralphIcon)} ${dot} ${colorText(ctx, semantic, display)}`;
   return { content, visible: true };
 }
 
@@ -92,13 +90,14 @@ function renderLoopStatusSegment(ctx: FooterSegmentContext): RenderedSegment {
   const name = data.name as string | undefined;
   if (!status && !name) return { content: "", visible: false };
 
+  const ralphIcon = getIcon("activeLoops");
   const dot = status === "active" ? GREEN_DOT : status === "completed" ? GREEN_DOT : RED_DOT;
   const statusIcon = status === "active" ? "▶" : status === "paused" ? "⏸" : status === "completed" ? "✓" : "";
   const display = name ? `${statusIcon} ${name}` : `${statusIcon}`;
 
   const active = status === "active" || status === "completed";
   const semantic: SemanticColor = active ? "ralphOn" : "ralphOff";
-  const content = `${colorText(ctx, semantic, RALPH_ICON)} ${dot} ${colorText(ctx, semantic, display)}`;
+  const content = `${colorText(ctx, semantic, ralphIcon)} ${dot} ${colorText(ctx, semantic, display)}`;
   return { content, visible: true };
 }
 

package/src/segments/status-ext.ts

@@ -7,7 +7,7 @@
  * Status keys from packages:
  *   "unipi-workflow" → "⚡ wf:brainstorm ✓ rl"  (active command shown)
  *   "ralph"          → "rl:loop-name 3/50"
- *   "unipi-memory"   → "⚡ mem 75p/101all"
+ *   "unipi-memory"   → "⚡ MEM 75p/101all"
  *   "subagents"      → various
  */
 
@@ -15,20 +15,20 @@ import type { FooterSegment, FooterSegmentContext, RenderedSegment } from "../ty
 import { getIcon } from "../rendering/icons.js";
 import { loadFooterSettings } from "../config.js";
 import { getSeparator } from "../rendering/separators.js";
+import { truncateToWidth, visibleWidth } from "@mariozechner/pi-tui";
 
 /** Map status keys to short display names and segment IDs for icons */
 const STATUS_DISPLAY: Record<string, { short: string; segmentId: string }> = {
-  "unipi-workflow": { short: "wf", segmentId: "currentCommand" },
-  workflow: { short: "wf", segmentId: "currentCommand" },
-  ralph: { short: "rl", segmentId: "activeLoops" },
-  "unipi-memory": { short: "mem", segmentId: "projectCount" },
-  memory: { short: "mem", segmentId: "projectCount" },
-  compactor: { short: "cmp", segmentId: "compactions" },
-  mcp: { short: "mcp", segmentId: "serversTotal" },
-  notify: { short: "ntf", segmentId: "platformsEnabled" },
-  kanboard: { short: "kb", segmentId: "docsCount" },
-  info: { short: "info", segmentId: "extensionStatuses" },
-  subagents: { short: "sa", segmentId: "extensionStatuses" },
+  "unipi-workflow": { short: "WF", segmentId: "currentCommand" },
+  workflow: { short: "WF", segmentId: "currentCommand" },
+  ralph: { short: "RL", segmentId: "activeLoops" },
+  memory: { short: "MEM", segmentId: "projectCount" },
+  compactor: { short: "CMP", segmentId: "compactions" },
+  mcp: { short: "MCP", segmentId: "serversTotal" },
+  notify: { short: "NTF", segmentId: "platformsEnabled" },
+  kanboard: { short: "KB", segmentId: "docsCount" },
+  info: { short: "INF", segmentId: "extensionStatuses" },
+  subagents: { short: "SA", segmentId: "extensionStatuses" },
 };
 
 /** Get the separator character for the current settings */
@@ -110,7 +110,12 @@ function renderExtensionStatusesSegment(ctx: FooterSegmentContext): RenderedSegm
 
   if (parts.length === 0) return { content: "", visible: false };
 
+  // Clamp total content to terminal width to prevent TUI crash
   const content = parts.join(` ${sep} `);
+  const maxW = ctx.width > 0 ? ctx.width : 120;
+  if (visibleWidth(content) > maxW) {
+    return { content: truncateToWidth(content, maxW, "…"), visible: true };
+  }
   return { content, visible: true };
 }
 

package/src/segments/workflow.ts

@@ -10,8 +10,7 @@ import type { FooterSegment, FooterSegmentContext, RenderedSegment, SemanticColo
 import { applyColor } from "../rendering/theme.js";
 import { getIcon } from "../rendering/icons.js";
 
-/** Nerd Font icon for workflow:  */
-const WORKFLOW_ICON = "\uf52e";
+
 
 function withIcon(segmentId: string, text: string): string {
   const icon = getIcon(segmentId);
@@ -46,15 +45,17 @@ function renderCurrentCommandSegment(ctx: FooterSegmentContext): RenderedSegment
   const active = data.active === true;
   const command = data.command as string | undefined;
 
+  const workflowIcon = getIcon("currentCommand");
+
   // No workflow — show dash
   if (!command) {
-    const content = `${WORKFLOW_ICON} -`;
+    const content = withIcon("currentCommand", "-");
     return { content: applyColor("workflow", content, ctx.theme, ctx.colors), visible: true };
   }
 
   const statusPrefix = active ? "▶" : "✓";
   const semanticColor = getWorkflowSemanticColor(command);
-  const content = `${WORKFLOW_ICON} ${statusPrefix} ${command}`;
+  const content = `${workflowIcon} ${statusPrefix} ${command}`;
   return { content: applyColor(semanticColor, content, ctx.theme, ctx.colors), visible: true };
 }