@pi-unipi/footer 0.1.2 → 0.1.4

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;
@@ -27,6 +27,10 @@ export interface IconSet {
   session: string;
   hostname: string;
   time: string;
+  tps: string;
+  clock: string;
+  duration: string;
+  thinkingLevel: string;
 
   // Compactor segments
   sessionEvents: string;
@@ -80,38 +84,42 @@ 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
+  tps:             "\uF062", // \u2191 up arrow
+  clock:           "\uF017", // nf-fa-clock_o
+  duration:        "\uF49B", // nf-md-timer_outline
+  thinkingLevel:   "\uF4D8", // nf-fa-lightbulb_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 +127,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,61 +152,66 @@ export const NERD_ICONS: IconSet = {
 /** Unicode emoji / symbol icons — works on most modern terminals */
 export const EMOJI_ICONS: IconSet = {
   // Core
-  model:           "",
-  thinking:        "π",
-  path:            "",
-  git:             "⎇",
-  context:         "",
-  cost:            "$",
-  tokens:          "⊛",
-  tokensIn:        "→",
-  tokensOut:       "←",
-  session:         "#",
-  hostname:        "⌂",
+  model:           "🤖",
+  apiState:        "🔄",
+  toolCount:       "🔧",
+  git:             "🔀",
+  context:         "🗄️",
+  cost:            "💲",
+  tokens:          "📊",
+  tokensIn:        "⬇️",
+  tokensOut:       "⬆️",
+  session:         "📋",
+  hostname:        "🏠",
   time:            "⏱",
 
+  tps:             "⚡",
+  clock:           "🕔",
+  duration:        "⏱",
+  thinkingLevel:   "💡",
+
   // Compactor
-  sessionEvents:   "⚡",
-  compactions:     "◧",
-  tokensSaved:     "$",
-  compressionRatio:"⇄",
-  indexedDocs:     "☰",
-  sandboxRuns:     "▶",
-  searchQueries:   "⊗",
+  sessionEvents:   "📈",
+  compactions:     "🗜️",
+  tokensSaved:     "💲",
+  compressionRatio:"📐",
+  indexedDocs:     "📑",
+  sandboxRuns:     "▶️",
+  searchQueries:   "🔍",
 
   // Memory
-  projectCount:    "\uee9c",
-  totalCount:      "\uee9c",
-  consolidations:  "\uee9c",
+  projectCount:    "🧠",
+  totalCount:      "🧠",
+  consolidations:  "🔄",
 
   // MCP
-  serversTotal:    "srv",
-  serversActive:   "●",
+  serversTotal:    "🖥️",
+  serversActive:   "🟢",
   toolsTotal:      "🔧",
-  serversFailed:   "⚠",
+  serversFailed:   "⚠️",
 
   // Ralph
-  activeLoops:     "",
-  totalIterations: "",
-  loopStatus:      "",
+  activeLoops:     "🔁",
+  totalIterations: "🔁",
+  loopStatus:      "🔁",
 
   // Workflow
-  currentCommand:  "",
-  sandboxLevel:    "◧",
+  currentCommand:  "▶️",
+  sandboxLevel:    "🔒",
   commandDuration: "⏱",
 
   // Kanboard
-  docsCount:       "☰",
-  tasksDone:       "✓",
-  tasksTotal:      "☐",
-  taskPct:         "%",
+  docsCount:       "📑",
+  tasksDone:       "✅",
+  tasksTotal:      "📋",
+  taskPct:         "📊",
 
   // Notify
-  platformsEnabled:"♮",
+  platformsEnabled:"🔔",
   lastSent:        "⏱",
 
   // Extension status
-  extensionStatuses:"▦",
+  extensionStatuses:"🧩",
 
   separator:       "|",
 };
@@ -208,61 +221,66 @@ 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",
+
+  tps:             "TPS",
+  clock:           "CLK",
+  duration:        "DUR",
+  thinkingLevel:   "THK",
 
   // 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

@@ -7,8 +7,9 @@
  */
 
 import type { Theme } from "@mariozechner/pi-coding-agent";
-import type { PresetDef, FooterSegmentContext, FooterSegment, ColorScheme, RenderedSegment } from "../types.js";
+import type { PresetDef, FooterSegmentContext, FooterSegment, ColorScheme, RenderedSegment, SegmentZone } 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";
@@ -143,8 +143,8 @@ export class FooterRenderer {
   }
 
   /**
-   * Compute responsive layout for the given width.
-   * Segments that don't fit in the top row overflow to the secondary row.
+   * Compute responsive zone-based layout for the given width.
+   * Segments are grouped by zone (left/center/right) and rendered with alignment.
    */
   computeLayout(width: number): { topContent: string; secondaryContent: string } {
     // Return cached layout if still valid
@@ -155,41 +155,45 @@ export class FooterRenderer {
 
     const presetDef = getPreset(this.presetName);
     const colors = presetDef.colors ?? getDefaultColors();
+    const settings = loadFooterSettings();
+    const labelMode = settings.showFullLabels ? "labeled" as const : "compact" as const;
 
-    // Render all segments
-    const allSegmentIds = [
-      ...presetDef.leftSegments,
-      ...presetDef.rightSegments,
-      ...presetDef.secondarySegments,
-    ];
+    // Collect all segment IDs from preset
+    const primaryIds = [...presetDef.leftSegments, ...presetDef.rightSegments];
+    const secondaryIds = [...presetDef.secondarySegments];
 
-    const renderedSegments: RenderedSegmentWithWidth[] = [];
-    for (const segId of allSegmentIds) {
-      if (!isSegmentEnabled(this.getGroupForSegment(segId), segId)) continue;
+    // Render segments grouped by their zone
+    const zones: Record<SegmentZone, RenderedSegmentWithWidth[]> = {
+      left: [],
+      center: [],
+      right: [],
+    };
+    const overflowZones: Record<SegmentZone, RenderedSegmentWithWidth[]> = {
+      left: [],
+      center: [],
+      right: [],
+    };
 
+    // Render primary segments and group by zone
+    for (const segId of primaryIds) {
+      const rendered = this.renderSegment(segId, colors, width, labelMode);
+      if (!rendered) continue;
       const segment = this.segmentLookup.get(segId);
-      if (!segment) continue;
-
-      const ctx: FooterSegmentContext = {
-        theme: this.getThemeLike(),
-        colors,
-        data: this.registry.getGroupData(this.getGroupForSegment(segId)),
-        width,
-        piContext: this.piContext,
-        footerData: this.footerData,
-      };
-
-      const rendered = segment.render(ctx);
-      if (!rendered.visible || !rendered.content) continue;
-
-      renderedSegments.push({
-        content: rendered.content,
-        width: visibleWidth(rendered.content),
-        visible: true,
-      });
+      const zone = segment?.zone ?? "center";
+      zones[zone].push(rendered);
+    }
+
+    // Render secondary segments
+    const secondaryRendered: RenderedSegmentWithWidth[] = [];
+    for (const segId of secondaryIds) {
+      const rendered = this.renderSegment(segId, colors, width, labelMode);
+      if (!rendered) continue;
+      secondaryRendered.push(rendered);
     }
 
-    if (renderedSegments.length === 0) {
+    // Check if we have any content
+    const totalSegments = zones.left.length + zones.center.length + zones.right.length;
+    if (totalSegments === 0 && secondaryRendered.length === 0) {
       this.lastLayoutResult = { topContent: "", secondaryContent: "" };
       this.lastLayoutWidth = width;
       this.lastLayoutTimestamp = now;
@@ -197,53 +201,46 @@ export class FooterRenderer {
       return this.lastLayoutResult;
     }
 
-    // Separate primary (left+right) from secondary
-    const primaryIds = new Set([...presetDef.leftSegments, ...presetDef.rightSegments]);
-    const primarySegments: RenderedSegmentWithWidth[] = [];
-    const secondarySegments: RenderedSegmentWithWidth[] = [];
-
-    for (const seg of renderedSegments) {
-      // Check if this segment's content matches a primary or secondary segment
-      // We'll do a simpler approach: fit what fits in top row, overflow to secondary
-      primarySegments.push(seg);
-    }
-
-    // Compute responsive layout
-    const sepDef = getSeparator(presetDef.separator);
-    const sepWidth = visibleWidth(sepDef.left) + 2; // separator + spaces
-
-    const baseOverhead = 2; // leading + trailing space
-    let currentWidth = baseOverhead;
-    let topParts: string[] = [];
-    let overflowParts: RenderedSegmentWithWidth[] = [];
-    let overflow = false;
-
-    for (const seg of primarySegments) {
-      const needed = seg.width + (topParts.length > 0 ? sepWidth : 0);
-      if (!overflow && currentWidth + needed <= width) {
-        topParts.push(seg.content);
-        currentWidth += needed;
-      } else {
-        overflow = true;
-        overflowParts.push(seg);
+    const sepDef = getSeparator(settings.separator);
+    const sepWidth = visibleWidth(sepDef.left) + 2;
+    const zoneSep = presetDef.zoneSeparator ?? settings.zoneSeparator ?? "\u2502";
+    const zoneSepWidth = visibleWidth(zoneSep) + 2; // +2 for spaces around zone sep
+    const dimZoneSep = `\x1b[2m${zoneSep}\x1b[0m`; // dimmed zone separator
+
+    // Calculate widths per zone
+    const leftWidth = this.measureZoneWidth(zones.left, sepWidth);
+    const rightWidth = this.measureZoneWidth(zones.right, sepWidth);
+    const numZoneSeps = (leftWidth > 0 ? 1 : 0) + (rightWidth > 0 ? 1 : 0);
+    const availableForCenter = width - leftWidth - rightWidth - numZoneSeps * zoneSepWidth - 2; // -2 for margins
+
+    // Overflow check: if center doesn't fit, move excess to overflow
+    const centerWidth = this.measureZoneWidth(zones.center, sepWidth);
+    if (centerWidth > Math.max(0, availableForCenter)) {
+      // Move overflow center segments to secondary
+      let fitWidth = 0;
+      let cutoffIdx = 0;
+      for (let i = 0; i < zones.center.length; i++) {
+        const needed = zones.center[i].width + (i > 0 ? sepWidth : 0);
+        if (fitWidth + needed <= Math.max(0, availableForCenter)) {
+          fitWidth += needed;
+          cutoffIdx = i + 1;
+        } else {
+          break;
+        }
       }
+      const overflow = zones.center.splice(cutoffIdx);
+      overflowZones.center.push(...overflow);
     }
 
-    // Fit overflow into secondary row
-    let secondaryWidth = baseOverhead;
-    let secondaryParts: string[] = [];
-    for (const seg of overflowParts) {
-      const needed = seg.width + (secondaryParts.length > 0 ? sepWidth : 0);
-      if (secondaryWidth + needed <= width) {
-        secondaryParts.push(seg.content);
-        secondaryWidth += needed;
-      } else {
-        break; // Stop at first non-fitting segment
-      }
-    }
+    // Build top row with zones
+    const topContent = this.buildZoneRow(zones, width, sepDef, dimZoneSep);
 
-    const topContent = this.buildContentFromParts(topParts, sepDef);
-    const secondaryContent = this.buildContentFromParts(secondaryParts, sepDef);
+    // Build secondary row with overflow + preset secondary segments
+    const allSecondary = [...overflowZones.center, ...secondaryRendered];
+    const secondaryContent = this.buildContentFromParts(
+      allSecondary.map(s => s.content),
+      sepDef,
+    );
 
     this.lastLayoutResult = { topContent, secondaryContent };
     this.lastLayoutWidth = width;
@@ -253,6 +250,128 @@ export class FooterRenderer {
     return this.lastLayoutResult;
   }
 
+  /** Render a single segment by ID, returns null if not visible */
+  private renderSegment(
+    segId: string,
+    colors: ColorScheme,
+    fullWidth: number,
+    labelMode: "compact" | "labeled",
+  ): RenderedSegmentWithWidth | null {
+    if (!isSegmentEnabled(this.getGroupForSegment(segId), segId)) return null;
+
+    const segment = this.segmentLookup.get(segId);
+    if (!segment) return null;
+
+    const ctx: FooterSegmentContext = {
+      theme: this.getThemeLike(),
+      colors,
+      data: this.registry.getGroupData(this.getGroupForSegment(segId)),
+      width: fullWidth,
+      piContext: this.piContext,
+      footerData: this.footerData,
+      labelMode,
+    };
+
+    const rendered = segment.render(ctx);
+    if (!rendered.visible || !rendered.content) return null;
+
+    return {
+      content: rendered.content,
+      width: visibleWidth(rendered.content),
+      visible: true,
+    };
+  }
+
+  /** Measure total width of a zone's rendered segments */
+  private measureZoneWidth(segments: RenderedSegmentWithWidth[], sepWidth: number): number {
+    if (segments.length === 0) return 0;
+    let total = 0;
+    for (let i = 0; i < segments.length; i++) {
+      total += segments[i].width + (i > 0 ? sepWidth : 0);
+    }
+    return total;
+  }
+
+  /** Build a zone-based row string */
+  private buildZoneRow(
+    zones: Record<SegmentZone, RenderedSegmentWithWidth[]>,
+    fullWidth: number,
+    sepDef: { left: string },
+    dimZoneSep: string,
+  ): string {
+    const parts: string[] = [];
+
+    // Left zone
+    const leftContent = this.buildContentFromPartsRaw(
+      zones.left.map(s => s.content),
+      sepDef,
+    );
+
+    // Center zone
+    const centerContent = this.buildContentFromPartsRaw(
+      zones.center.map(s => s.content),
+      sepDef,
+    );
+
+    // Right zone
+    const rightContent = this.buildContentFromPartsRaw(
+      zones.right.map(s => s.content),
+      sepDef,
+    );
+
+    // Assemble zones with alignment
+    const leftWidth = zones.left.length > 0 ? this.measureZoneWidth(zones.left, visibleWidth(sepDef.left) + 2) : 0;
+    const rightWidth = zones.right.length > 0 ? this.measureZoneWidth(zones.right, visibleWidth(sepDef.left) + 2) : 0;
+
+    // Simple case: no zones → return empty
+    if (!leftContent && !centerContent && !rightContent) return "";
+
+    // Build with zone separators
+    let result = " "; // leading margin
+
+    if (leftContent) {
+      result += leftContent;
+    }
+
+    if (centerContent) {
+      if (leftContent) result += ` ${dimZoneSep} `;
+      result += centerContent;
+    }
+
+    if (rightContent) {
+      const currentLen = visibleWidth(result);
+      const rightStart = fullWidth - rightWidth - 1; // -1 for trailing margin
+      const gap = rightStart - currentLen;
+
+      if (gap > 0) {
+        // Pad to right-align the right zone
+        result += " ".repeat(gap);
+      }
+
+      if (centerContent || leftContent) {
+        // Only add zone separator if there's content before it
+        if (gap > visibleWidth(dimZoneSep) + 2) {
+          // Place zone sep right before right content
+          const sepPos = result.length - gap + Math.floor((gap - visibleWidth(dimZoneSep)) / 2);
+          // Simpler: just put it at the boundary
+        }
+      }
+
+      result += rightContent;
+    }
+
+    result += " "; // trailing margin
+    return result;
+  }
+
+  /** Build content from parts array (raw strings) */
+  private buildContentFromPartsRaw(parts: string[], sepDef: { left: string }): string {
+    if (parts.length === 0) return "";
+    const sep = sepDef.left;
+    const sepAnsi = getFgAnsiCode(getPreset(this.presetName).colors ?? getDefaultColors(), "separator");
+    return parts.join(` ${sepAnsi}${sep}${ANSI_RESET} `);
+  }
+
   // ─── Helpers ─────────────────────────────────────────────────────────────
 
   private buildContentFromParts(parts: string[], sepDef: { left: string }): string {
@@ -265,7 +384,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", "tps", "clock", "duration", "thinking_level"];
     if (coreIds.includes(segId)) return "core";
 
     // Compactor segments