cc-pulse 1.3.2 → 1.4.0

package/README.md

@@ -7,7 +7,7 @@ A real-time statusline for [Claude Code](https://docs.anthropic.com/en/docs/clau
 
 ![cc-pulse statusline](assets/demo.png)
 
-## 🚀 Quick Start
+## Quick Start
 
 ```bash
 npm install -g cc-pulse
@@ -24,40 +24,79 @@ Add to `~/.claude/settings.json`:
 }
 ```
 
-Restart Claude Code — the statusline appears above the input area.
+Restart Claude Code — the statusline appears below the input area.
 
-## ✨ Features
+## Features
 
 | Feature | Description |
 |---------|-------------|
 | **Context usage** | Shows % used with color-coded bar — green to red as you approach limits |
-| **Token breakdown** | Input ↓, output ↑, and cache ⟳ tokens at a glance |
-| **Model info** | Shows model with version (e.g., "Opus 4.6", "Sonnet 4.5") |
+| **Token breakdown** | Input, output, and cache tokens at a glance |
+| **Model info** | Shows model with version (e.g., "◆ Opus 4.6", "◆ Sonnet 4") |
 | **Cost tracking** | Session cost with color coding ($1 yellow, $2 orange, $5+ red) |
 | **MCP health** | Live connection status for all MCP servers |
 | **Hook monitoring** | Active hooks by event type, with broken path detection |
-| **Skills display** | Shows your custom slash commands/skills |
+| **Skills display** | Adaptive display — individual names, prefix grouping, or compact counts |
 | **Git status** | Branch name + new/modified/deleted file counts |
+| **Responsive layout** | Width-aware wrapping + compact mode for smaller screens |
 
-## 📊 What You Get
+## What You Get
 
 Six lines of information, updated on every message:
 
-![cc-pulse statusline](assets/demo.png)
-
 | Line | Content |
 |------|---------|
 | **Identity** | Project name + working directory |
 | **Git** | Branch + file changes (new, modified, deleted) |
-| **Engine** | Tier, model, context used, tokens, cost, duration |
+| **Engine** | Model, context used, tokens, cost, duration |
 | **MCP** | Server count + individual status (✓ connected, ✗ disconnected, ○ disabled) |
 | **Hooks** | Hook count by event type, with broken path warnings |
-| **Skills** | Custom slash commands count + names |
+| **Skills** | Adaptive: names when few, prefix groups when many |
+
+## Responsive Display
+
+The statusline adapts to your setup automatically:
 
-## ⚙️ Configuration
+**Skills** — adapts based on count:
+- **10 or fewer**: lists all names — `✦ Skills 5 beads,excalidraw,mermaid,tmux,repomix`
+- **More than 10 with shared prefixes**: groups them — `✦ Skills 89 bmad:77 beads,excalidraw,mermaid,...`
+- **More than 10, no groups**: caps at 10 names with overflow — `✦ Skills 15 a,b,c,d,e,f,g,h,i,j +5`
+
+**Hooks** — adapts based on total count:
+- **6 or fewer**: shows all names per event — `⚡Hooks 4 Submit:2 lint,format Post:2 test,deploy`
+- **More than 6**: caps names to 3 per group — `⚡Hooks 12 Submit:5 lint,format,check +2`
+
+**Width-aware wrapping** — when a line exceeds terminal width, components wrap onto indented continuation lines instead of being cut off.
+
+**Compact mode** — toggle with `/pulse-compact` or set in config:
+```json
+{
+  "compact": true
+}
+```
+
+In compact mode, everything collapses to counts only:
+- `⬢ MCP 3/4` | `⚡Hooks 8` | `✦ Skills 89` | `Used 30%` | `$2.50`
+
+## Configuration
 
 Create `~/.config/claude-pulse/config.json` to customize. Only include what you want to change.
 
+<details>
+<summary><strong>Compact Mode</strong></summary>
+
+Minimal display showing only counts and essential info. Toggle with the `/pulse-compact` slash command, or set manually:
+
+```json
+{
+  "compact": true
+}
+```
+
+When enabled: skills, hooks, and MCP show counts only; context hides token breakdown; cost hides burn rate; CWD shortens.
+
+</details>
+
 <details>
 <summary><strong>Context Window</strong></summary>
 
@@ -86,26 +125,7 @@ Shows how much of the context window is used. Colors shift as usage increases.
 - **Green**: < 70% used (safe)
 - **Yellow**: 70% used (warn)
 - **Orange**: 85% used (critical)
-- **Red + 🔴**: 95% used (danger)
-
-</details>
-
-<details>
-<summary><strong>Subscription Tier</strong></summary>
-
-Set your plan manually (auto-detection isn't reliable):
-
-```json
-{
-  "components": {
-    "tier": {
-      "override": "max"
-    }
-  }
-}
-```
-
-Options: `"pro"`, `"max"`, `"api"`
+- **Red**: 95% used (danger)
 
 </details>
 
@@ -159,6 +179,8 @@ Options: `"pro"`, `"max"`, `"api"`
 | `showNames: false` | `⚡Hooks 8 Submit:3 Post:2 End:1` |
 | Both `false` | `⚡Hooks 8` |
 
+When you have many hooks (>6), names are automatically capped to 3 per event group with a `+N` overflow indicator.
+
 Broken hooks (invalid paths) show in red with ▲.
 
 </details>
@@ -198,16 +220,27 @@ Shows your custom slash commands from `~/.claude/skills/` and `.claude/skills/`.
 }
 ```
 
-| Setting | Result |
-|---------|--------|
-| Both `true` | `✦ Skills 5 commit,pr,branch` |
-| `showNames: false` | `✦ Skills 5` |
-| `maxDisplay: 3` | Shows first 3 names + overflow count |
+The display adapts automatically based on how many skills you have — see [Responsive Display](#responsive-display) above.
 
 Broken skills (missing SKILL.md or invalid frontmatter) show in red with ▲.
 
 </details>
 
+<details>
+<summary><strong>Dividers</strong></summary>
+
+Add horizontal line separators between status sections:
+
+```json
+{
+  "dividers": true
+}
+```
+
+Off by default.
+
+</details>
+
 <details>
 <summary><strong>Layout</strong></summary>
 
@@ -238,7 +271,7 @@ The 6-line structure is fixed. You can toggle lines and change separators:
 
 | Component | Key Options |
 |-----------|-------------|
-| `model` | `showIcon: true` adds emoji per model |
+| `model` | `showIcon: true` (default), custom `icons: { opus, sonnet, haiku }` |
 | `session` | `showDuration: true`, `showId: false` |
 | `cache` | Shows cache hit rate |
 | `linesChanged` | Shows `+added -removed` |
@@ -248,7 +281,17 @@ All components accept `"enabled": false` to hide them.
 
 </details>
 
-## 🛠️ Development
+## Slash Commands
+
+cc-pulse ships with a skill you can install to your Claude Code skills directory:
+
+| Command | Description |
+|---------|-------------|
+| `/pulse-compact` | Toggle compact mode on/off |
+
+To install, copy `skills/pulse-compact/` to `~/.claude/skills/` or your project's `.claude/skills/`.
+
+## Development
 
 ```bash
 git clone https://github.com/ali-nr/claude-pulse.git

package/dist/cli.js

@@ -1,18 +1,22 @@
 #!/usr/bin/env node
 var __defProp = Object.defineProperty;
+var __returnValue = (v) => v;
+function __exportSetter(name, newValue) {
+  this[name] = __returnValue.bind(null, newValue);
+}
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, {
       get: all[name],
       enumerable: true,
       configurable: true,
-      set: (newValue) => all[name] = () => newValue
+      set: __exportSetter.bind(all, name)
     });
 };
 // package.json
 var package_default = {
   name: "cc-pulse",
-  version: "1.3.2",
+  version: "1.4.0",
   description: "A customizable, real-time statusline for Claude Code",
   type: "module",
   bin: {
@@ -451,15 +455,27 @@ function renderHooks(config, theme) {
     const text2 = `${theme.yellow}⚡${hookLabel} ${summary.total}${theme.reset}`;
     return { text: text2 };
   }
-  const eventParts = Object.entries(summary.events).map(([event, detail]) => {
+  const header = `${theme.yellow}⚡${hookLabel} ${summary.total}${theme.reset}`;
+  const MAX_NAMES_PER_GROUP = 3;
+  const compact = summary.total > 6;
+  const items = Object.entries(summary.events).map(([event, detail]) => {
     const label = EVENT_LABELS[event] ?? event;
-    const goodNames = showNames && detail.names.length > 0 ? ` ${theme.flamingo}${detail.names.join(",")}${theme.reset}` : "";
-    const brokenNames = detail.broken.length > 0 ? ` ${theme.red}${detail.broken.join(",")} ▲${theme.reset}` : "";
+    const brokenStr = detail.broken.length > 0 ? ` ${theme.red}${detail.broken.join(",")} ▲${theme.reset}` : "";
     const countStr = showCount ? `${theme.peach}${detail.count}${theme.reset}` : "";
-    return `${theme.lavender}${label}:${theme.reset}${countStr}${goodNames}${brokenNames}`;
+    let goodNames = "";
+    if (showNames && detail.names.length > 0) {
+      const cap = compact ? MAX_NAMES_PER_GROUP : detail.names.length;
+      const displayed = detail.names.slice(0, cap);
+      const overflow = detail.names.length - cap;
+      goodNames = ` ${theme.flamingo}${displayed.join(",")}${theme.reset}`;
+      if (overflow > 0) {
+        goodNames += ` ${theme.overlay0}+${overflow}${theme.reset}`;
+      }
+    }
+    return `${theme.lavender}${label}:${theme.reset}${countStr}${goodNames}${brokenStr}`;
   });
-  const text = `${theme.yellow}⚡${hookLabel} ${summary.total}${theme.reset} ${eventParts.join(" ")}`;
-  return { text };
+  const text = items.length > 0 ? `${header} ${items.join(" ")}` : header;
+  return { text, header, items };
 }
 function getHooksSummary() {
   const events = {};
@@ -590,7 +606,7 @@ function renderMcp(config, theme) {
   }
   const displayServers = servers.slice(0, maxDisplay);
   const remaining = servers.length - maxDisplay;
-  const serverParts = displayServers.map((server) => {
+  const serverItems = displayServers.map((server) => {
     let icon;
     let color;
     switch (server.status) {
@@ -612,17 +628,17 @@ function renderMcp(config, theme) {
     }
     return `${color}${server.name} ${icon}${theme.reset}`;
   });
-  let serverStr = serverParts.join("  ");
   if (remaining > 0) {
-    serverStr += `  ${theme.sky}+${remaining} more${theme.reset}`;
+    serverItems.push(`${theme.sky}+${remaining} more${theme.reset}`);
   }
   const countStr = `${connectedCount}/${servers.length}`;
+  const header = `${theme.sky}${label} ${theme.green}${countStr}${theme.reset}:`;
   if (config.showNames === false) {
     const text2 = `${theme.sky}${label} ${theme.green}${countStr}${theme.reset}`;
     return { text: text2, action: "/mcp" };
   }
-  const text = `${theme.sky}${label} ${theme.green}${countStr}${theme.reset}: ${serverStr}`;
-  return { text, action: "/mcp" };
+  const text = `${header} ${serverItems.join("  ")}`;
+  return { text, header, items: serverItems, action: "/mcp" };
 }
 function getMcpServers() {
   const state = loadState();
@@ -718,7 +734,7 @@ function parseMcpOutput(output) {
 }
 // src/components/model.ts
 function parseModelId(modelId) {
-  const id = modelId.toLowerCase();
+  const id = modelId.toLowerCase().replace(/\[.*\]$/, "");
   const newFormat = id.match(/^claude-(\w+)-(\d+)-(\d+)-\d+$/);
   if (newFormat) {
     const [, family, major, minor] = newFormat;
@@ -729,6 +745,16 @@ function parseModelId(modelId) {
     const [, family, major] = newFormatNoMinor;
     return { family, version: major };
   }
+  const shortWithMinor = id.match(/^claude-(\w+)-(\d+)-(\d+)$/);
+  if (shortWithMinor) {
+    const [, family, major, minor] = shortWithMinor;
+    return { family, version: `${major}.${minor}` };
+  }
+  const shortNoMinor = id.match(/^claude-(\w+)-(\d+)$/);
+  if (shortNoMinor) {
+    const [, family, major] = shortNoMinor;
+    return { family, version: major };
+  }
   const oldFormat = id.match(/^claude-(\d+)-(\d+)-(\w+)-\d+$/);
   if (oldFormat) {
     const [, major, minor, family] = oldFormat;
@@ -747,7 +773,7 @@ function renderModel(input, config, theme) {
   }
   const modelId = input.model?.id ?? "";
   const displayName = input.model?.display_name ?? "";
-  const icons = config.icons ?? { opus: "\uD83E\uDDE0", sonnet: "\uD83C\uDFB5", haiku: "⚡" };
+  const icons = config.icons ?? { opus: "◆", sonnet: "◆", haiku: "◆" };
   const showIcon = config.showIcon !== false;
   let icon = "\uD83E\uDD16";
   let color = theme.text;
@@ -855,22 +881,65 @@ function renderSkills(config, theme) {
   }
   const validNames = summary.skills.filter((s) => s.valid).map((s) => s.name ?? s.folder).slice(0, maxDisplay);
   const brokenNames = summary.skills.filter((s) => !s.valid).map((s) => s.folder);
-  const parts = [];
-  if (showCount) {
-    parts.push(`${theme.mauve}${summary.valid}${theme.reset}`);
-  }
+  const countStr = showCount ? ` ${theme.mauve}${summary.valid}${theme.reset}` : "";
+  const header = `${theme.mauve}✦ ${label}${theme.reset}${countStr}`;
+  const items = [];
+  const GROUP_THRESHOLD = 10;
+  const MIN_PREFIX_COUNT = 3;
   if (showNames && validNames.length > 0) {
-    const displayNames = validNames.join(",");
-    const overflow = summary.valid > maxDisplay ? `+${summary.valid - maxDisplay}` : "";
-    parts.push(`${theme.flamingo}${displayNames}${overflow ? ` ${theme.overlay0}${overflow}` : ""}${theme.reset}`);
+    if (validNames.length > GROUP_THRESHOLD) {
+      const { groups, ungrouped } = groupByPrefix(validNames, MIN_PREFIX_COUNT);
+      const hasGroups = Object.keys(groups).length > 0;
+      if (hasGroups) {
+        for (const [prefix, names] of Object.entries(groups).sort((a, b) => b[1].length - a[1].length)) {
+          items.push(`${theme.overlay1}${prefix}:${theme.peach}${names.length}${theme.reset}`);
+        }
+        if (ungrouped.length > 0) {
+          items.push(`${theme.flamingo}${ungrouped.join(",")}${theme.reset}`);
+        }
+      } else {
+        const CAP = 10;
+        const capped = validNames.slice(0, CAP);
+        items.push(`${theme.flamingo}${capped.join(",")}${theme.reset}`);
+        if (validNames.length > CAP) {
+          items.push(`${theme.overlay0}+${validNames.length - CAP}${theme.reset}`);
+        }
+      }
+    } else {
+      items.push(`${theme.flamingo}${validNames.join(",")}${theme.reset}`);
+    }
+    const overflow = summary.valid > maxDisplay ? summary.valid - maxDisplay : 0;
+    if (overflow > 0) {
+      items.push(`${theme.overlay0}+${overflow}${theme.reset}`);
+    }
   }
-  let brokenStr = "";
   if (summary.broken > 0) {
-    const brokenDisplay = brokenNames.length <= 2 ? brokenNames.join(",") : `${summary.broken} broken`;
-    brokenStr = ` ${theme.red}▲${brokenDisplay}${theme.reset}`;
+    for (const name of brokenNames) {
+      items.push(`${theme.red}▲${name}${theme.reset}`);
+    }
+  }
+  const text = items.length > 0 ? `${header} ${items.join(" ")}` : header;
+  return { text, header, items };
+}
+function groupByPrefix(names, minCount) {
+  const buckets = {};
+  for (const name of names) {
+    const sep = name.includes(":") ? ":" : "-";
+    const prefix = name.split(sep)[0];
+    if (!buckets[prefix])
+      buckets[prefix] = [];
+    buckets[prefix].push(name);
+  }
+  const groups = {};
+  const ungrouped = [];
+  for (const [prefix, members] of Object.entries(buckets)) {
+    if (members.length >= minCount) {
+      groups[prefix] = members;
+    } else {
+      ungrouped.push(...members);
+    }
   }
-  const text = `${theme.mauve}✦ ${label}${theme.reset}${parts.length ? ` ${parts.join(" ")}` : ""}${brokenStr}`;
-  return { text };
+  return { groups, ungrouped };
 }
 function getSkillsSummary() {
   const skills = [];
@@ -999,58 +1068,6 @@ function renderSystem(input, config, theme) {
   const text = parts.join(" │ ");
   return { text };
 }
-// src/components/tier.ts
-import { existsSync as existsSync5, readFileSync as readFileSync5 } from "node:fs";
-import { homedir as homedir6 } from "node:os";
-import { join as join5 } from "node:path";
-var cachedTier = null;
-var cacheTime = 0;
-var CACHE_TTL3 = 30000;
-function renderTier(config, theme) {
-  if (config.enabled === false) {
-    return { text: "" };
-  }
-  const labels = config.labels ?? { pro: "PRO", max: "MAX", api: "API" };
-  const tier = config.override ?? detectTier();
-  let color = theme.blue;
-  let label = labels.pro;
-  if (tier === "max") {
-    color = theme.mauve;
-    label = labels.max;
-  } else if (tier === "api") {
-    color = theme.green;
-    label = labels.api;
-  }
-  const icon = "◆ ";
-  const text = `${color}${theme.bold}${icon}${label}${theme.reset}`;
-  return { text, action: "/usage" };
-}
-function detectTier() {
-  const now = Date.now();
-  if (cachedTier && now - cacheTime < CACHE_TTL3) {
-    return cachedTier;
-  }
-  const claudeJsonPath = join5(homedir6(), ".claude.json");
-  try {
-    if (existsSync5(claudeJsonPath)) {
-      const content = readFileSync5(claudeJsonPath, "utf-8");
-      const data = JSON.parse(content);
-      if (data.oauthAccount?.hasExtraUsageEnabled) {
-        cachedTier = "max";
-      } else if (data.oauthAccount) {
-        cachedTier = "pro";
-      } else {
-        cachedTier = "api";
-      }
-    } else {
-      cachedTier = "api";
-    }
-  } catch {
-    cachedTier = "pro";
-  }
-  cacheTime = now;
-  return cachedTier;
-}
 // src/components/time.ts
 function renderTime(config, theme) {
   if (config.enabled === false) {
@@ -1084,12 +1101,12 @@ function renderTime(config, theme) {
   return { text };
 }
 // src/config.ts
-import { existsSync as existsSync6, readFileSync as readFileSync6 } from "node:fs";
-import { homedir as homedir7 } from "node:os";
-import { join as join6 } from "node:path";
+import { existsSync as existsSync5, readFileSync as readFileSync5 } from "node:fs";
+import { homedir as homedir6 } from "node:os";
+import { join as join5 } from "node:path";
 var CONFIG_PATHS = [
-  join6(homedir7(), ".config", "claude-pulse", "config.json"),
-  join6(homedir7(), ".claude-pulse.json")
+  join5(homedir6(), ".config", "claude-pulse", "config.json"),
+  join5(homedir6(), ".claude-pulse.json")
 ];
 var FIXED_LINES = [
   { name: "identity", enabled: true, components: ["name", "cwd"], separator: " " },
@@ -1097,7 +1114,7 @@ var FIXED_LINES = [
   {
     name: "engine",
     enabled: true,
-    components: ["tier", "model", "context", "cost", "session"],
+    components: ["model", "context", "cost", "session"],
     separator: " │ "
   },
   { name: "mcp", enabled: true, components: ["mcp"], separator: " │ " },
@@ -1107,13 +1124,9 @@ var FIXED_LINES = [
 var DEFAULT_CONFIG = {
   theme: "catppuccin",
   components: {
-    tier: {
-      enabled: true,
-      labels: { pro: "PRO", max: "MAX", api: "API" }
-    },
     model: {
       enabled: true,
-      showIcon: false
+      showIcon: true
     },
     context: {
       enabled: true,
@@ -1182,9 +1195,9 @@ var DEFAULT_CONFIG = {
 };
 function loadConfig() {
   for (const configPath of CONFIG_PATHS) {
-    if (existsSync6(configPath)) {
+    if (existsSync5(configPath)) {
       try {
-        const content = readFileSync6(configPath, "utf-8");
+        const content = readFileSync5(configPath, "utf-8");
         const userConfig = JSON.parse(content);
         return mergeConfig(DEFAULT_CONFIG, userConfig);
       } catch {}
@@ -1211,6 +1224,10 @@ function mergeConfig(target, source) {
   const result = { ...target };
   if (source.theme !== undefined)
     result.theme = source.theme;
+  if (source.compact !== undefined)
+    result.compact = source.compact;
+  if (source.dividers !== undefined)
+    result.dividers = source.dividers;
   if (source.lines !== undefined)
     result.lines = source.lines;
   if (source.interactive !== undefined)
@@ -14805,7 +14822,9 @@ var McpServerSchema = exports_external.object({
 });
 var ComponentOutputSchema = exports_external.object({
   text: exports_external.string(),
-  action: exports_external.string().optional()
+  action: exports_external.string().optional(),
+  header: exports_external.string().optional(),
+  items: exports_external.array(exports_external.string()).optional()
 });
 var TierConfigSchema = exports_external.object({
   enabled: exports_external.boolean().optional(),
@@ -14952,6 +14971,8 @@ var LinesConfigSchema = exports_external.object({
 });
 var PulseConfigSchema = exports_external.object({
   theme: exports_external.string(),
+  compact: exports_external.boolean().optional(),
+  dividers: exports_external.boolean().optional(),
   lines: LinesConfigSchema.optional(),
   components: ComponentConfigsSchema,
   interactive: exports_external.object({
@@ -15004,6 +15025,39 @@ var catppuccin = {
   dim: "\x1B[2m"
 };
 
+// src/truncate.ts
+var ANSI_RE = /\x1b\[[0-9;]*[A-Za-z]/g;
+function visibleLength(str) {
+  return str.replace(ANSI_RE, "").length;
+}
+function wrapParts(parts, separator, maxWidth, indent = 2) {
+  if (parts.length === 0)
+    return "";
+  const sepWidth = visibleLength(separator);
+  const pad = " ".repeat(indent);
+  const lines = [];
+  let currentLine = parts[0];
+  let currentWidth = visibleLength(parts[0]);
+  for (let i = 1;i < parts.length; i++) {
+    const partWidth = visibleLength(parts[i]);
+    const wouldBe = currentWidth + sepWidth + partWidth;
+    if (wouldBe > maxWidth) {
+      lines.push(currentLine);
+      currentLine = pad + parts[i];
+      currentWidth = indent + partWidth;
+    } else {
+      currentLine += separator + parts[i];
+      currentWidth = wouldBe;
+    }
+  }
+  lines.push(currentLine);
+  return lines.join(`
+`);
+}
+function getTerminalWidth() {
+  return process.stdout.columns || Number(process.env.COLUMNS) || 80;
+}
+
 // src/cli.ts
 var VERSION = package_default.version ?? "1.0.0";
 async function main() {
@@ -15042,30 +15096,67 @@ Configuration:
   const config2 = loadConfig();
   const theme = catppuccin;
   const lines = getLines(config2);
+  const termWidth = getTerminalWidth();
+  if (config2.compact) {
+    if (config2.components.skills) {
+      config2.components.skills.showNames = false;
+    }
+    if (config2.components.hooks) {
+      config2.components.hooks.showNames = false;
+      config2.components.hooks.showCount = false;
+    }
+    if (config2.components.mcp) {
+      config2.components.mcp.showNames = false;
+    }
+    if (config2.components.context) {
+      config2.components.context.showTokens = false;
+      config2.components.context.showRate = false;
+    }
+    if (config2.components.cost) {
+      config2.components.cost.showBurnRate = false;
+      config2.components.cost.showProjection = false;
+    }
+    if (config2.components.cwd) {
+      config2.components.cwd.maxLength = 15;
+    }
+  }
   const outputLines = [];
   for (const line of lines) {
     if (!line.enabled)
       continue;
-    const parts = [];
     const separator = ` ${theme.overlay2}│${theme.reset} `;
     const sep = line.separator ?? separator;
+    const outputs = [];
     for (const componentName of line.components) {
       const output = renderComponent(componentName, input, config2, theme);
       if (output.text) {
-        parts.push(output.text);
+        outputs.push(output);
       }
     }
-    if (parts.length > 0) {
-      outputLines.push(parts.join(sep));
+    if (outputs.length === 0)
+      continue;
+    if (outputs.length === 1 && outputs[0].header && outputs[0].items?.length) {
+      const { header, items } = outputs[0];
+      const rendered = wrapParts([header, ...items], " ", termWidth);
+      outputLines.push(rendered);
+    } else {
+      const parts = outputs.map((o) => o.text);
+      outputLines.push(wrapParts(parts, sep, termWidth));
     }
   }
-  console.log(outputLines.join(`
+  if (config2.dividers) {
+    const divider = `${theme.overlay0}${"─".repeat(termWidth)}${theme.reset}`;
+    console.log(outputLines.join(`
+${divider}
+`) + `
+${divider}`);
+  } else {
+    console.log(outputLines.join(`
 `));
+  }
 }
 function renderComponent(name, input, config2, theme) {
   switch (name) {
-    case "tier":
-      return renderTier(config2.components.tier ?? {}, theme);
     case "model":
       return renderModel(input, config2.components.model ?? {}, theme);
     case "context":

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "cc-pulse",
-	"version": "1.3.2",
+	"version": "1.4.0",
 	"description": "A customizable, real-time statusline for Claude Code",
 	"type": "module",
 	"bin": {