agenttop 0.11.1 → 0.11.2

package/dist/index.js

@@ -1382,6 +1382,71 @@ var FooterBar = React7.memo(
 import React8, { useState as useState3 } from "react";
 import { Box as Box8, Text as Text8, useInput as useInput2 } from "ink";
 import { jsx as jsx8, jsxs as jsxs8 } from "react/jsx-runtime";
+var highlightJsonLine = (line) => {
+  const segments = [];
+  let i = 0;
+  const len = line.length;
+  while (i < len) {
+    const ch = line[i];
+    if (ch === " " || ch === "	") {
+      let end = i;
+      while (end < len && (line[end] === " " || line[end] === "	")) end++;
+      segments.push({ text: line.slice(i, end), color: colors.text });
+      i = end;
+      continue;
+    }
+    if (ch === "{" || ch === "}" || ch === "[" || ch === "]" || ch === "," || ch === ":") {
+      segments.push({ text: ch, color: colors.muted });
+      i++;
+      continue;
+    }
+    if (ch === '"') {
+      let end = i + 1;
+      while (end < len && line[end] !== '"') {
+        if (line[end] === "\\") end++;
+        end++;
+      }
+      end++;
+      const str = line.slice(i, end);
+      let peek = end;
+      while (peek < len && line[peek] === " ") peek++;
+      const isKey = peek < len && line[peek] === ":";
+      segments.push({ text: str, color: isKey ? colors.primary : colors.secondary });
+      i = end;
+      continue;
+    }
+    if (ch >= "0" && ch <= "9" || ch === "-") {
+      let end = i + 1;
+      while (end < len && (line[end] >= "0" && line[end] <= "9" || line[end] === "." || line[end] === "e" || line[end] === "E" || line[end] === "+" || line[end] === "-"))
+        end++;
+      segments.push({ text: line.slice(i, end), color: colors.warning });
+      i = end;
+      continue;
+    }
+    if (line.startsWith("true", i)) {
+      segments.push({ text: "true", color: colors.accent });
+      i += 4;
+      continue;
+    }
+    if (line.startsWith("false", i)) {
+      segments.push({ text: "false", color: colors.accent });
+      i += 5;
+      continue;
+    }
+    if (line.startsWith("null", i)) {
+      segments.push({ text: "null", color: colors.error });
+      i += 4;
+      continue;
+    }
+    segments.push({ text: ch, color: colors.text });
+    i++;
+  }
+  return segments;
+};
+var isJsonLine = (line) => {
+  const trimmed = line.trimStart();
+  return trimmed.startsWith("{") || trimmed.startsWith("}") || trimmed.startsWith("[") || trimmed.startsWith("]") || trimmed.startsWith('"') || /^\d/.test(trimmed) || trimmed === "true" || trimmed === "true," || trimmed === "false" || trimmed === "false," || trimmed === "null" || trimmed === "null,";
+};
 var renderBash = (event) => {
   const lines = [];
   const cmd = String(event.call.toolInput.command || "");
@@ -1492,7 +1557,7 @@ var renderWebSearch = (event) => {
 var renderDefault = (event) => {
   const lines = [];
   lines.push("--- input ---");
-  lines.push(JSON.stringify(event.call.toolInput, null, 2));
+  lines.push(...JSON.stringify(event.call.toolInput, null, 2).split("\n"));
   if (event.result) {
     lines.push("");
     lines.push("--- result ---");
@@ -1566,13 +1631,26 @@ var ToolCallDetail = React8.memo(({ event, focused, height }) => {
           /* @__PURE__ */ jsx8(Text8, { color: colors.muted, children: "Esc:back j/k:scroll" })
         ] }),
         /* @__PURE__ */ jsx8(Box8, { flexDirection: "column", paddingX: 1, children: visible.map((line, i) => {
-          let lineColor = colors.text;
-          if (line.startsWith("- ") && event.call.toolName === "Edit") lineColor = colors.error;
-          else if (line.startsWith("+ ") && event.call.toolName === "Edit") lineColor = colors.secondary;
-          else if (line.startsWith("$ ")) lineColor = colors.bright;
-          else if (line.startsWith("---")) lineColor = colors.muted;
-          else if (event.result?.isError) lineColor = colors.error;
-          return /* @__PURE__ */ jsx8(Text8, { color: lineColor, wrap: "truncate", children: line }, `${start + i}`);
+          if (line.startsWith("- ") && event.call.toolName === "Edit") {
+            return /* @__PURE__ */ jsx8(Text8, { color: colors.error, wrap: "truncate", children: line }, `${start + i}`);
+          }
+          if (line.startsWith("+ ") && event.call.toolName === "Edit") {
+            return /* @__PURE__ */ jsx8(Text8, { color: colors.secondary, wrap: "truncate", children: line }, `${start + i}`);
+          }
+          if (line.startsWith("$ ")) {
+            return /* @__PURE__ */ jsx8(Text8, { color: colors.bright, wrap: "truncate", children: line }, `${start + i}`);
+          }
+          if (line.startsWith("---")) {
+            return /* @__PURE__ */ jsx8(Text8, { color: colors.muted, wrap: "truncate", children: line }, `${start + i}`);
+          }
+          if (event.result?.isError) {
+            return /* @__PURE__ */ jsx8(Text8, { color: colors.error, wrap: "truncate", children: line }, `${start + i}`);
+          }
+          if (isJsonLine(line)) {
+            const segments = highlightJsonLine(line);
+            return /* @__PURE__ */ jsx8(Text8, { wrap: "truncate", children: segments.map((seg, si) => /* @__PURE__ */ jsx8(Text8, { color: seg.color, children: seg.text }, si)) }, `${start + i}`);
+          }
+          return /* @__PURE__ */ jsx8(Text8, { color: colors.text, wrap: "truncate", children: line }, `${start + i}`);
         }) }),
         contentLines.length > viewportRows && /* @__PURE__ */ jsx8(Box8, { paddingX: 1, justifyContent: "flex-end", children: /* @__PURE__ */ jsxs8(Text8, { color: colors.muted, children: [
           "[",