claude-contextline 1.3.1 → 2.0.0

package/README.md

@@ -1,9 +1,7 @@
 # claude-contextline
 
-A powerline-style statusline for Claude Code showing context window usage.
-
-<img width="677" height="38" alt="image" src="https://github.com/user-attachments/assets/070d99fe-290d-4897-88b0-04247bf27866" />
-
+A two-line statusline for Claude Code showing context window usage, model, git
+branch, and working directory.
 
 ## Usage
 
@@ -18,49 +16,20 @@ Add to your Claude Code settings (`~/.claude/settings.json`):
 }
 ```
 
-## Features
-
-- **Directory** - Shows current project/directory name
-- **Git** - Shows branch name with dirty indicator (●)
-- **Model** - Shows active Claude model
-- **Context** - Shows context window usage percentage
-
 ## Display
 
 ```
- myproject  main ●  ✱ Opus 4.5  ◫ 21%
+[█████░░░░░] 42%  Opus 4.6
+(main)            myproject
 ```
 
-### Color States
-
-- **Normal** (<80%): Sky blue text on dark background
-- **Warning** (≥80%): White text on orange background
-- **Critical** (≥100%): White text on red background
-
-## Options
-
-- `--theme <name>` - Use a named color theme (e.g. `--theme fulcrum` for purple-accented Fulcrum branding)
-- `--no-arrows` - Disable powerline arrow separators
-
-```json
-{
-  "statusLine": {
-    "type": "command",
-    "command": "npx claude-contextline --theme fulcrum"
-  }
-}
-```
+- **Line 1**: Context window battery bar (blue) with usage percentage, model name (red)
+- **Line 2**: Git branch (red), working directory (blue) aligned below the model
 
 ## Requirements
 
 - Node.js 18+
-- A terminal with powerline font support (for arrow glyphs)
-
-## Credits
-
-Styling based on [claude-limitline](https://github.com/tylergraydev/claude-limitline).
 
 ## License
 
 MIT
-

package/dist/index.js

@@ -133,24 +133,6 @@ var darkTheme = {
   critical: { bg: "#af0000", fg: "#ffffff" }
   // Red, white (100%+)
 };
-var fulcrumTheme = {
-  directory: { bg: "#f90013", fg: "#ffffff" },
-  // Destructive red, white
-  git: { bg: "#121212", fg: "#81aefa" },
-  // Secondary, light blue
-  model: { bg: "#090909", fg: "#659dfb" },
-  // Card, medium blue
-  context: { bg: "#161616", fg: "#81aefa" },
-  // Muted, light blue
-  warning: { bg: "#f84331", fg: "#ffffff" },
-  // Warning red-orange, white (80%+)
-  critical: { bg: "#0064f4", fg: "#ffffff" }
-  // Accent blue, white (100%+)
-};
-function getTheme(name) {
-  if (name === "fulcrum") return fulcrumTheme;
-  return darkTheme;
-}
 function hexToAnsi256(hex) {
   const r = parseInt(hex.slice(1, 3), 16);
   const g = parseInt(hex.slice(3, 5), 16);
@@ -170,13 +152,13 @@ var ansi = {
   bg: (hex) => `\x1B[48;5;${hexToAnsi256(hex)}m`,
   reset: "\x1B[0m"
 };
-function getContextColors(percent, theme) {
+function getContextColors(percent) {
   if (percent >= 100) {
-    return theme.critical;
+    return darkTheme.critical;
   } else if (percent >= 80) {
-    return theme.warning;
+    return darkTheme.warning;
   }
-  return theme.context;
+  return darkTheme.context;
 }
 
 // src/renderer.ts
@@ -197,10 +179,8 @@ function detectNerdFontSupport() {
 var Renderer = class {
   symbols = detectNerdFontSupport() ? SYMBOLS : TEXT_SYMBOLS;
   noArrows;
-  theme;
   constructor(options = {}) {
     this.noArrows = options.noArrows ?? false;
-    this.theme = getTheme(options.themeName);
   }
   /**
    * Render the complete statusline
@@ -219,20 +199,20 @@ var Renderer = class {
     const segments = [];
     segments.push({
       text: ` ${envInfo.directory} `,
-      colors: this.theme.directory
+      colors: darkTheme.directory
     });
     if (envInfo.gitBranch) {
       const dirty = envInfo.gitDirty ? ` ${this.symbols.dirty}` : "";
       segments.push({
         text: ` ${this.symbols.branch} ${envInfo.gitBranch}${dirty} `,
-        colors: this.theme.git
+        colors: darkTheme.git
       });
     }
     segments.push({
       text: ` ${this.symbols.model} ${envInfo.model} `,
-      colors: this.theme.model
+      colors: darkTheme.model
     });
-    const contextColors = getContextColors(envInfo.contextPercent, this.theme);
+    const contextColors = getContextColors(envInfo.contextPercent);
     segments.push({
       text: ` ${this.symbols.context} ${envInfo.contextPercent}% `,
       colors: contextColors
@@ -265,11 +245,9 @@ var Renderer = class {
 async function main() {
   try {
     const noArrows = process.argv.includes("--no-arrows");
-    const themeIndex = process.argv.indexOf("--theme");
-    const themeName = themeIndex !== -1 ? process.argv[themeIndex + 1] : void 0;
     const hookData = await readHookData();
     const envInfo = getEnvironmentInfo(hookData);
-    const renderer = new Renderer({ noArrows, themeName });
+    const renderer = new Renderer({ noArrows });
     const output = renderer.render(envInfo);
     process.stdout.write(output);
   } catch {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "claude-contextline",
-  "version": "1.3.1",
-  "description": "Powerline statusline for Claude Code showing context window usage",
+  "version": "2.0.0",
+  "description": "Two-line statusline for Claude Code showing context window usage",
   "type": "module",
   "main": "dist/index.js",
   "bin": {
@@ -25,7 +25,6 @@
     "claude",
     "claude-code",
     "statusline",
-    "powerline",
     "context-window",
     "cli"
   ],