agenthud 0.5.0 → 0.5.1

package/dist/index.js

@@ -447,6 +447,21 @@ function ProjectPanel({
 // src/ui/ClaudePanel.tsx
 import { Box as Box4, Text as Text4 } from "ink";
 import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
+function getActivityStyle(activity) {
+  if (activity.type === "user") {
+    return { color: "white", dimColor: false };
+  }
+  if (activity.type === "response") {
+    return { color: "green", dimColor: false };
+  }
+  if (activity.type === "tool") {
+    if (activity.label === "Bash") {
+      return { color: "gray", dimColor: false };
+    }
+    return { dimColor: true };
+  }
+  return { dimColor: true };
+}
 function formatCountdown3(seconds) {
   if (seconds == null) return "";
   const padded = String(seconds).padStart(2, " ");
@@ -471,19 +486,20 @@ function formatActivityTime(date) {
   const seconds = String(date.getSeconds()).padStart(2, "0");
   return `${hours}:${minutes}:${seconds}`;
 }
-function formatActivityLine(activity, maxWidth) {
+function formatActivityParts(activity, maxWidth) {
   const time = formatActivityTime(activity.timestamp);
   const icon = activity.icon;
   const label = activity.label;
   const detail = activity.detail;
-  const fixedPrefix = `[${time}] `;
-  const fixedPrefixWidth = fixedPrefix.length;
+  const timestamp = `[${time}] `;
+  const timestampWidth = timestamp.length;
   const iconWidth = 2;
   const labelWidth = label.length;
   const separatorWidth = detail ? 2 : 0;
-  const prefixDisplayWidth = fixedPrefixWidth + iconWidth + 1 + labelWidth + separatorWidth;
+  const contentPrefixWidth = iconWidth + 1 + labelWidth + separatorWidth;
+  const totalPrefixWidth = timestampWidth + contentPrefixWidth;
   if (detail) {
-    const availableWidth = maxWidth - prefixDisplayWidth;
+    const availableWidth = maxWidth - totalPrefixWidth;
     let truncatedDetail = detail;
     let detailDisplayWidth = getDisplayWidth(detail);
     if (detailDisplayWidth > availableWidth) {
@@ -501,13 +517,13 @@ function formatActivityLine(activity, maxWidth) {
       }
       detailDisplayWidth = currentWidth;
     }
-    const text2 = `${fixedPrefix}${icon} ${label}: ${truncatedDetail}`;
-    const displayWidth2 = prefixDisplayWidth + detailDisplayWidth;
-    return { text: text2, displayWidth: displayWidth2 };
+    const content2 = `${icon} ${label}: ${truncatedDetail}`;
+    const displayWidth2 = totalPrefixWidth + detailDisplayWidth;
+    return { timestamp, content: content2, displayWidth: displayWidth2 };
   }
-  const text = `${fixedPrefix}${icon} ${label}`;
-  const displayWidth = prefixDisplayWidth;
-  return { text, displayWidth };
+  const content = `${icon} ${label}`;
+  const displayWidth = totalPrefixWidth;
+  return { timestamp, content, displayWidth };
 }
 function ClaudePanel({
   data,
@@ -569,13 +585,15 @@ function ClaudePanel({
   const lines = [];
   for (let i = 0; i < state.activities.length; i++) {
     const activity = state.activities[i];
-    const { text: lineText, displayWidth } = formatActivityLine(activity, contentWidth);
+    const { timestamp, content, displayWidth } = formatActivityParts(activity, contentWidth);
     const padding = Math.max(0, contentWidth - displayWidth);
+    const style = getActivityStyle(activity);
     lines.push(
       /* @__PURE__ */ jsxs4(Text4, { children: [
         BOX.v,
         " ",
-        lineText,
+        /* @__PURE__ */ jsx4(Text4, { dimColor: true, children: timestamp }),
+        /* @__PURE__ */ jsx4(Text4, { color: style.color, dimColor: style.dimColor, children: content }),
         " ".repeat(padding),
         BOX.v
       ] }, `activity-${i}`)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "agenthud",
-  "version": "0.5.0",
+  "version": "0.5.1",
   "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",