agenthud 0.5.15 → 0.5.17

package/README.md

@@ -12,7 +12,7 @@ When working with AI coding agents like Claude Code, you lose visibility into wh
 
 ## Install
 
-Requires Node.js 20+
+Requires Node.js 20+. Tested on Ubuntu, Windows, macOS.
 
 ```bash
 npx agenthud
@@ -67,16 +67,88 @@ panels:
     interval: 10s
 ```
 
+## Panels
+
+### Claude Panel
+
+Shows real-time Claude Code activity:
+
+```
+┌─ Claude ─────────────────────────────────────────────┐
+│ [10:23:45] ○ Read: src/components/Button.tsx         │
+│ [10:23:46] ~ Edit: src/components/Button.tsx         │
+│ [10:23:47] $ Bash: npm test                          │
+│ [10:23:50] < Response: Tests passed successfully...  │
+└──────────────────────────────────────────────────────┘
+```
+
+- **○ Read**: File being read
+- **~ Edit/Write**: File being modified
+- **$ Bash**: Command being executed
+- **< Response**: Claude's text response
+
+### Git Panel
+
+Shows today's git activity and current state:
+
+```
+┌─ Git ────────────────────────────────────────────────┐
+│ feat/add-dashboard · +142 -23 · 3 commits · 5 files  │
+│ • abc1234 Add dashboard component                    │
+│ • def5678 Fix styling issues                         │
+└──────────────────────────────────────────────────────┘
+```
+
+- **Branch name**: Current working branch (green)
+- **Stats**: Lines added/deleted, commits, files changed
+- **dirty**: Shows uncommitted change count (yellow)
+
+### Tests Panel
+
+Shows test results with staleness detection:
+
+```
+┌─ Tests ──────────────────────────────────────────────┐
+│ ✓ 42 passed  ✗ 1 failed  ○ 2 skipped · abc1234       │
+│ ⚠ Outdated (3 commits behind)                        │
+│──────────────────────────────────────────────────────│
+│ ✗ Button.test.tsx                                    │
+│   • should render correctly                          │
+└──────────────────────────────────────────────────────┘
+```
+
+- **✓ passed** (green), **✗ failed** (red), **○ skipped**
+- **⚠ Outdated**: Warning if tests are behind commits
+- **Failures**: Shows failing test file and name
+
+### Project Panel
+
+Shows project overview and structure:
+
+```
+┌─ Project ────────────────────────────────────────────┐
+│ agenthud · TypeScript · MIT                          │
+│ Stack: react, ink, vitest                            │
+│ Files: 45 .ts · Lines: 3.2k                          │
+│ Deps: 12 prod · 8 dev                                │
+└──────────────────────────────────────────────────────┘
+```
+
+- **Name/Language/License**: Project basics
+- **Stack**: Detected frameworks and tools
+- **Files/Lines**: Source code stats
+- **Deps**: Dependency counts
+
 ### Other Sessions Panel
 
 Shows activity from your other Claude Code projects:
 
 ```
 ┌─ Other Sessions ─────────────────────────────────────┐
-│ 📁 dotfiles, pain-radar, myapp +4 | ⚡ 1 active     │
+│ 📁 dotfiles, pain-radar, myapp +4 | ⚡ 1 active      │
 │                                                      │
-│ 🔵 dotfiles (2m ago)                                │
-│    "Updated the config file as requested..."        │
+│ 🔵 dotfiles (2m ago)                                 │
+│    "Updated the config file as requested..."         │
 └──────────────────────────────────────────────────────┘
 ```
 

package/dist/index.js

@@ -956,6 +956,11 @@ function WelcomePanel() {
 import { execSync as nodeExecSync, exec as nodeExec } from "child_process";
 import { promisify } from "util";
 var execAsync = promisify(nodeExec);
+function cleanOutput(str) {
+  let result = str.replace(/^\uFEFF/, "");
+  result = result.replace(/^"|"$/g, "");
+  return result.trim();
+}
 var execFn = (command, options2) => nodeExecSync(command, options2);
 function getUncommittedCount() {
   try {
@@ -1041,11 +1046,12 @@ async function getGitDataAsync(config) {
   let commits = [];
   try {
     const { stdout } = await execAsync(commands.commits);
-    const lines = stdout.trim().split("\n").filter(Boolean);
+    const lines = cleanOutput(stdout).split("\n").filter(Boolean);
     commits = lines.map((line) => {
-      const [hash, timestamp, ...messageParts] = line.split("|");
+      const cleanLine = cleanOutput(line);
+      const [hash, timestamp, ...messageParts] = cleanLine.split("|");
       return {
-        hash,
+        hash: cleanOutput(hash),
         message: messageParts.join("|"),
         timestamp: new Date(timestamp)
       };
@@ -1905,10 +1911,11 @@ function getOtherSessionsData(currentProjectPath, options2 = {}) {
   }
   const allProjects = getAllProjects();
   defaultResult.totalProjects = allProjects.length;
-  const normalizedCurrentPath = currentProjectPath.replace(/\/$/, "");
+  const normalizedCurrentPath = currentProjectPath.replace(/[/\\]$/, "").replace(/\\/g, "/");
   const otherSessions = [];
   for (const project of allProjects) {
-    if (project.decodedPath === normalizedCurrentPath) {
+    const normalizedDecodedPath = project.decodedPath.replace(/\\/g, "/");
+    if (normalizedDecodedPath === normalizedCurrentPath) {
       continue;
     }
     const projectDir = join3(projectsDir, project.encodedPath);
@@ -2509,22 +2516,31 @@ function DashboardApp({ mode }) {
   const { exit } = useApp();
   const { stdout } = useStdout();
   const { config, warnings } = useMemo(() => parseConfig(), []);
-  const [width, setWidth] = useState(() => getClampedWidth(stdout?.columns));
+  const getEffectiveWidth = (terminalColumns) => {
+    if (config.width) {
+      return config.width;
+    }
+    return getClampedWidth(terminalColumns);
+  };
+  const [width, setWidth] = useState(() => getEffectiveWidth(stdout?.columns));
   useEffect(() => {
-    const newWidth = getClampedWidth(stdout?.columns);
-    if (newWidth !== width) {
-      setWidth(newWidth);
+    if (!config.width) {
+      const newWidth = getEffectiveWidth(stdout?.columns);
+      if (newWidth !== width) {
+        setWidth(newWidth);
+      }
     }
-  }, [stdout?.columns, width]);
+  }, [stdout?.columns, width, config.width]);
   useEffect(() => {
+    if (config.width) return;
     const handleResize = () => {
-      setWidth(getClampedWidth(stdout?.columns));
+      setWidth(getEffectiveWidth(stdout?.columns));
     };
     stdout?.on("resize", handleResize);
     return () => {
       stdout?.off("resize", handleResize);
     };
-  }, [stdout]);
+  }, [stdout, config.width]);
   const projectIntervalSeconds = config.panels.project.interval ? config.panels.project.interval / 1e3 : null;
   const gitIntervalSeconds = config.panels.git.interval ? config.panels.git.interval / 1e3 : null;
   const claudeIntervalSeconds = config.panels.claude.interval ? config.panels.claude.interval / 1e3 : null;

package/dist/templates/config.yaml

@@ -1,4 +1,7 @@
 # agenthud configuration
+
+width: 100  # between 50~120 
+
 panels:
   claude:
     enabled: true

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "agenthud",
-  "version": "0.5.15",
+  "version": "0.5.17",
   "description": "CLI tool to monitor agent status in real-time. Works with Claude Code, multi-agent workflows, and any AI agent system.",
   "type": "module",
   "main": "dist/index.js",