cc-pulse 1.3.2 → 1.5.0

package/README.md

@@ -5,9 +5,15 @@
 
 A real-time statusline for [Claude Code](https://docs.anthropic.com/en/docs/claude-code).
 
-![cc-pulse statusline](assets/demo.png)
+**Full mode** shows names, groups, and token breakdown:
 
-## 🚀 Quick Start
+![cc-pulse full mode](assets/demo-full.png)
+
+**Compact mode** shows counts only:
+
+![cc-pulse compact mode](assets/demo-compact.png)
+
+## Quick Start
 
 ```bash
 npm install -g cc-pulse
@@ -24,44 +30,78 @@ Add to `~/.claude/settings.json`:
 }
 ```
 
-Restart Claude Code — the statusline appears above the input area.
+Restart Claude Code and 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") |
-| **Cost tracking** | Session cost with color coding ($1 yellow, $2 orange, $5+ red) |
+| **Context usage** | Percentage used, colour shifts from green to red as you approach limits |
+| **Token breakdown** | Input, output, and cache tokens at a glance |
+| **Model info** | Model family and version, e.g. "Opus 4.6" |
+| **Cost tracking** | Session cost with colour coding |
 | **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 |
-| **Git status** | Branch name + new/modified/deleted file counts |
+| **Hook monitoring** | Active hooks by event type with broken path detection |
+| **Skills display** | Adapts automatically: individual names, prefix grouping, or counts only |
+| **Git status** | Branch name and file change counts |
+| **Responsive layout** | Width-aware wrapping and a compact mode for smaller screens |
 
-## 📊 What You Get
-
-Six lines of information, updated on every message:
-
-![cc-pulse statusline](assets/demo.png)
+## What You Get
 
 | Line | Content |
 |------|---------|
-| **Identity** | Project name + working directory |
-| **Git** | Branch + file changes (new, modified, deleted) |
-| **Engine** | Tier, 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 |
+| **Identity** | Project name and working directory |
+| **Git** | Branch and file changes (new, modified, deleted) |
+| **Engine** | Model, context usage, tokens, cost, session duration |
+| **MCP** | Server count and individual status |
+| **Hooks** | Hook count by event type with broken path warnings |
+| **Skills** | Names when few, prefix groups when many |
+
+## Responsive Display
+
+The statusline adapts to your setup automatically.
+
+**Skills** adapt based on count:
+- 10 or fewer: lists all names, e.g. `✦ Skills 5 beads excalidraw mermaid tmux repomix`
+- More than 10 with shared prefixes: groups them, e.g. `✦ Skills 89 bmad:77 beads excalidraw ...`
+- More than 10 without groups: caps at 10 names with overflow, e.g. `✦ Skills 15 a b c ... +5`
+
+**Hooks** adapt based on total count:
+- 6 or fewer: shows all names per event, e.g. `⚡Hooks 4 Submit:2 lint,format Post:2 test,deploy`
+- More than 6: caps names to 3 per group, e.g. `⚡Hooks 12 Submit:5 lint,format,check +2`
+
+**Width-aware wrapping** breaks long lines at component boundaries instead of cutting them off. Items wrap at 5 per line for readability.
+
+**Compact mode** collapses everything to counts only. Toggle with `/pulse-compact` or set in config:
+```json
+{
+  "compact": true
+}
+```
 
-## ⚙️ Configuration
+## Configuration
 
-Create `~/.config/claude-pulse/config.json` to customize. Only include what you want to change.
+Create `~/.config/claude-pulse/config.json` to customise. Only include what you want to change.
+
+<details>
+<summary><strong>Compact Mode</strong></summary>
+
+Minimal display with counts and essential info only. Toggle with `/pulse-compact` or set manually:
+
+```json
+{
+  "compact": true
+}
+```
+
+Skills, hooks, and MCP show counts only. Context hides the token breakdown. Cost hides burn rate. CWD shortens.
+
+</details>
 
 <details>
 <summary><strong>Context Window</strong></summary>
 
-Shows how much of the context window is used. Colors shift as usage increases.
+Shows how much of the context window is used. Colours shift as usage increases.
 
 ```json
 {
@@ -82,30 +122,7 @@ Shows how much of the context window is used. Colors shift as usage increases.
 | `detailed` | `Used 116.0k/200.0k (58%)` |
 | `both` | `●●●●●●○○○○ 116.0k / 200.0k` |
 
-**Color thresholds** — as used % 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"`
+Colour thresholds: green below 70%, yellow at 70%, orange at 85%, red at 95%.
 
 </details>
 
@@ -126,14 +143,14 @@ Options: `"pro"`, `"max"`, `"api"`
 
 | Option | Effect |
 |--------|--------|
-| `showNames: true` | List each server with status |
-| `showOnlyProblems: true` | Hide line when all servers healthy |
-| `maxDisplay: 4` | Limit servers shown ("+N more" for rest) |
+| `showNames: true` | List each server with its status |
+| `showOnlyProblems: true` | Hide the line when all servers are healthy |
+| `maxDisplay: 4` | Limit servers shown, with "+N more" for the rest |
 
 | Icon | Status |
 |------|--------|
 | ✓ | Connected |
-| ✗ | Disconnected (red) |
+| ✗ | Disconnected |
 | ○ | Disabled |
 | ▲ | Error |
 
@@ -159,6 +176,8 @@ Options: `"pro"`, `"max"`, `"api"`
 | `showNames: false` | `⚡Hooks 8 Submit:3 Post:2 End:1` |
 | Both `false` | `⚡Hooks 8` |
 
+With more than 6 hooks, names are capped to 3 per event group with a `+N` overflow count.
+
 Broken hooks (invalid paths) show in red with ▲.
 
 </details>
@@ -177,7 +196,7 @@ Broken hooks (invalid paths) show in red with ▲.
 }
 ```
 
-Color thresholds: green < $1, yellow $1-$2, orange $2-$5, red > $5
+Colour thresholds: green below $1, yellow $1 to $2, orange $2 to $5, red above $5.
 
 </details>
 
@@ -198,16 +217,68 @@ 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>CWD (Working Directory)</strong></summary>
+
+Control how the current directory is displayed:
+
+```json
+{
+  "components": {
+    "cwd": {
+      "style": "short",
+      "maxLength": 30,
+      "showIcon": true
+    }
+  }
+}
+```
+
+| Style | Example |
+|-------|---------|
+| `short` (default) | `~/…/fix-1612` |
+| `full` | `/home/user/.worktree/my-project/2026-02-13/fix-1612` |
+| `basename` | `fix-1612` |
+| `project` | Project folder name |
+
+Increase `maxLength` to show more of the path, or use `basename` if you only care about the folder name.
+
+</details>
+
+<details>
+<summary><strong>Dividers</strong></summary>
+
+Add horizontal line separators between all status sections:
+
+```json
+{
+  "dividers": true
+}
+```
+
+Off by default.
+
+</details>
+
+<details>
+<summary><strong>Section Separators</strong></summary>
+
+Add light `---` separators after MCP, hooks, and skills sections. On by default in full mode, hidden in compact mode.
+
+```json
+{
+  "sectionSeparators": false
+}
+```
+
+</details>
+
 <details>
 <summary><strong>Layout</strong></summary>
 
@@ -224,7 +295,7 @@ The 6-line structure is fixed. You can toggle lines and change separators:
 
 | Line | Key | Toggleable |
 |------|-----|------------|
-| Identity | — | No (branding) |
+| Identity | n/a | No |
 | Git | `git` | Yes |
 | Engine | `engine` | Yes |
 | MCP | `mcp` | Yes |
@@ -238,7 +309,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 +319,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 |
+
+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
@@ -258,7 +339,7 @@ bun run build
 bun test
 ```
 
-Use full path in settings: `"command": "node /path/to/claude-pulse/dist/cli.js"`
+For local testing, use the full path in settings: `"command": "node /path/to/claude-pulse/dist/cli.js"`
 
 ## License
 

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.5.0",
   description: "A customizable, real-time statusline for Claude Code",
   type: "module",
   bin: {
@@ -451,15 +455,30 @@ 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 = [];
+  for (const [event, detail] of Object.entries(summary.events)) {
     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 countStr = showCount ? `${theme.peach}${detail.count}${theme.reset}` : "";
-    return `${theme.lavender}${label}:${theme.reset}${countStr}${goodNames}${brokenNames}`;
-  });
-  const text = `${theme.yellow}⚡${hookLabel} ${summary.total}${theme.reset} ${eventParts.join(" ")}`;
-  return { text };
+    const eventTag = `${theme.lavender}${label}:${theme.reset}${countStr}`;
+    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;
+      const nameStr = `${theme.flamingo}${displayed.join(",")}${theme.reset}`;
+      const overflowStr = overflow > 0 ? ` ${theme.overlay0}+${overflow}${theme.reset}` : "";
+      items.push(`${eventTag} ${nameStr}${overflowStr}`);
+    } else {
+      items.push(eventTag);
+    }
+    if (detail.broken.length > 0) {
+      items.push(`${theme.red}${detail.broken.join(",")} ▲${theme.reset}`);
+    }
+  }
+  const text = items.length > 0 ? `${header} ${items.join(" ")}` : header;
+  return { text, header, items };
 }
 function getHooksSummary() {
   const events = {};
@@ -479,9 +498,11 @@ function extractHookInfo(command) {
   const parts = command.split(/\s+/);
   for (const part of parts) {
     if (part.includes("/")) {
-      const base = part.split("/").pop() ?? part;
+      const cleaned = part.replace(/^["']|["']$/g, "");
+      const expanded = cleaned.replace(/\$(\w+)/g, (_, v) => process.env[v] ?? `$${v}`);
+      const base = expanded.split("/").pop() ?? expanded;
       const name2 = base.replace(/\.[^.]+$/, "");
-      const broken = !existsSync2(part);
+      const broken = !existsSync2(expanded);
       return { name: name2, broken };
     }
   }
@@ -590,7 +611,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 +633,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 +739,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 +750,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 +778,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 +886,69 @@ 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}`);
+        }
+        for (const name of ungrouped) {
+          items.push(`${theme.flamingo}${name}${theme.reset}`);
+        }
+      } else {
+        const CAP = 10;
+        const capped = validNames.slice(0, CAP);
+        for (const name of capped) {
+          items.push(`${theme.flamingo}${name}${theme.reset}`);
+        }
+        if (validNames.length > CAP) {
+          items.push(`${theme.overlay0}+${validNames.length - CAP}${theme.reset}`);
+        }
+      }
+    } else {
+      for (const name of validNames) {
+        items.push(`${theme.flamingo}${name}${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 +1077,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 +1110,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 +1123,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 +1133,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 +1204,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 +1233,12 @@ 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.sectionSeparators !== undefined)
+    result.sectionSeparators = source.sectionSeparators;
   if (source.lines !== undefined)
     result.lines = source.lines;
   if (source.interactive !== undefined)
@@ -14805,7 +14833,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 +14982,9 @@ var LinesConfigSchema = exports_external.object({
 });
 var PulseConfigSchema = exports_external.object({
   theme: exports_external.string(),
+  compact: exports_external.boolean().optional(),
+  dividers: exports_external.boolean().optional(),
+  sectionSeparators: exports_external.boolean().optional(),
   lines: LinesConfigSchema.optional(),
   components: ComponentConfigsSchema,
   interactive: exports_external.object({
@@ -15004,6 +15037,43 @@ 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, maxPerLine = 0) {
+  if (parts.length === 0)
+    return "";
+  const sepWidth = visibleLength(separator);
+  const pad = " ".repeat(indent);
+  const lines = [];
+  let currentLine = parts[0];
+  let currentWidth = visibleLength(parts[0]);
+  let partsOnLine = 1;
+  for (let i = 1;i < parts.length; i++) {
+    const partWidth = visibleLength(parts[i]);
+    const wouldBe = currentWidth + sepWidth + partWidth;
+    const hitMax = maxPerLine > 0 && partsOnLine >= maxPerLine;
+    if (wouldBe > maxWidth || hitMax) {
+      lines.push(currentLine);
+      currentLine = pad + parts[i];
+      currentWidth = indent + partWidth;
+      partsOnLine = 1;
+    } else {
+      currentLine += separator + parts[i];
+      currentWidth = wouldBe;
+      partsOnLine++;
+    }
+  }
+  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 +15112,70 @@ 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, 2, 4);
+      outputLines.push(rendered);
+    } else {
+      const parts = outputs.map((o) => o.text);
+      outputLines.push(wrapParts(parts, sep, termWidth));
+    }
+    if (!config2.compact && config2.sectionSeparators !== false && (line.name === "mcp" || line.name === "hooks" || line.name === "skills")) {
+      outputLines.push(`${theme.overlay0}---${theme.reset}`);
     }
   }
-  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.5.0",
 	"description": "A customizable, real-time statusline for Claude Code",
 	"type": "module",
 	"bin": {