cc-dev-template 0.1.2 → 0.1.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cc-dev-template",
-  "version": "0.1.2",
+  "version": "0.1.3",
   "description": "Structured AI-assisted development framework for Claude Code",
   "bin": {
     "cc-dev-template": "./bin/install.js"

package/src/scripts/statusline.js

@@ -3,9 +3,10 @@
 /**
  * Custom Status Line for Claude Code
  *
- * Displays project status in lines:
- * - Directory name + Git branch + status (combined)
- * - Context window usage bar with percentage and tokens
+ * Displays project status in 3 lines:
+ * - Line 0: Directory name
+ * - Line 1: Git branch + status
+ * - Line 2: Context window usage bar with percentage and tokens
  *
  * Input: JSON on stdin with transcript_path
  * Output: Formatted status to stdout
@@ -302,58 +303,51 @@ function main() {
     const labelWidth = modelName.length + 2; // +2 for brackets
     const topBorder = `${DIM_GREY}╔═[${modelName}]${'═'.repeat(width - labelWidth + 1)}╗${RESET}`;
 
-    // Line 0: Directory + Git branch + status (padded to width)
+    // Line 0: Directory only (padded to width)
     const rawDirName = basename(data.workspace.project_dir).toUpperCase();
-    let line0Content = '';
+    const maxDirLen = width - 5; // "DIR: " = 5 chars
+    const dirName =
+      rawDirName.length > maxDirLen ? rawDirName.substring(0, maxDirLen - 3) + '...' : rawDirName;
+    const line0Content = `DIR: ${dirName}`;
 
-    if (gitBranch) {
-      // Calculate available space: total width - "DIR: " - " | " - git status
-      const dirPrefix = 'DIR: ';
-      const separator = ' | ';
-      const gitStatusSpace = gitStatusStr ? ` ${gitStatusStr}` : '';
+    const plainLine0 = line0Content.replace(/\x1b\[[0-9;]*m/g, '');
+    const padding0 = width - plainLine0.length;
+    const paddedLine0 = line0Content + ' '.repeat(Math.max(0, padding0));
+    const line0 = `${DIM_GREY}║ ${paddedLine0} ║${RESET}`;
 
-      // Reserve space for branch indicator and git status
+    // Line 1: Branch + git status (padded to width)
+    let line1Content = '';
+    if (gitBranch) {
+      const branchPrefix = 'BRANCH: ';
       const branchSuffix = ' ⎇';
-      const reservedSpace =
-        dirPrefix.length + separator.length + branchSuffix.length + gitStatusSpace.length;
-      const availableSpace = width - reservedSpace;
-
-      // Split available space between directory and branch (favor branch slightly)
-      const maxDirLen = Math.floor(availableSpace * 0.4);
-      const maxBranchLen = availableSpace - maxDirLen;
-
-      const dirName =
-        rawDirName.length > maxDirLen ? rawDirName.substring(0, maxDirLen - 3) + '...' : rawDirName;
+      const gitStatusSpace = gitStatusStr ? ` ${gitStatusStr}` : '';
 
+      const availableSpace = width - branchPrefix.length - branchSuffix.length - gitStatusSpace.length;
       const displayBranch =
-        gitBranch.length > maxBranchLen
-          ? gitBranch.substring(0, maxBranchLen - 3) + '...'
+        gitBranch.length > availableSpace
+          ? gitBranch.substring(0, availableSpace - 3) + '...'
           : gitBranch;
 
-      line0Content = `${dirPrefix}${dirName}${separator}${displayBranch.toUpperCase()}${branchSuffix}${gitStatusSpace}`;
+      line1Content = `${branchPrefix}${displayBranch.toUpperCase()}${branchSuffix}${gitStatusSpace}`;
     } else {
-      // No git info, just show directory
-      const maxDirLen = 20;
-      const dirName =
-        rawDirName.length > maxDirLen ? rawDirName.substring(0, maxDirLen - 3) + '...' : rawDirName;
-      line0Content = `DIR: ${dirName}`;
+      line1Content = 'BRANCH: (none)';
     }
 
-    const plainLine0 = line0Content.replace(/\x1b\[[0-9;]*m/g, '');
-    const padding0 = width - plainLine0.length;
-    const paddedLine0 = line0Content + ' '.repeat(Math.max(0, padding0));
-    const line0 = `${DIM_GREY}║ ${paddedLine0} ║${RESET}`;
+    const plainLine1 = line1Content.replace(/\x1b\[[0-9;]*m/g, '');
+    const padding1 = width - plainLine1.length;
+    const paddedLine1 = line1Content + ' '.repeat(Math.max(0, padding1));
+    const line1 = `${DIM_GREY}║ ${paddedLine1} ║${RESET}`;
 
-    // Line 1: Context bar (padded to width)
+    // Line 2: Context bar (padded to width)
     const plainCtx = ctxDisplay.replace(/\x1b\[[0-9;]*m/g, '');
-    const padding1 = width - plainCtx.length;
-    const paddedCtx = ctxDisplay + ' '.repeat(Math.max(0, padding1));
-    const line1 = `${DIM_GREY}║ ${paddedCtx} ║${RESET}`;
+    const padding2 = width - plainCtx.length;
+    const paddedCtx = ctxDisplay + ' '.repeat(Math.max(0, padding2));
+    const line2 = `${DIM_GREY}║ ${paddedCtx} ║${RESET}`;
 
     // Bottom border (add 2 to match content line width)
     const bottomBorder = `${DIM_GREY}╚${'═'.repeat(width + 2)}╝${RESET}`;
 
-    console.log(`${topBorder}\n${line0}\n${line1}\n${bottomBorder}`);
+    console.log(`${topBorder}\n${line0}\n${line1}\n${line2}\n${bottomBorder}`);
   } catch (error) {
     // Log error for debugging (goes to stderr, not visible in status line)
     console.error(`Status line error: ${error.message}`);