@triedotdev/mcp 1.0.58 → 1.0.59

package/dist/{chunk-JAVEBJF4.js → chunk-3B2JBLSP.js}

@@ -3188,7 +3188,25 @@ var colors = {
   highlight: (s) => pc.bold(pc.white(s))
 };
 var stripAnsi = (s) => s.replace(/\x1B\[[0-9;]*[a-zA-Z]/g, "");
-var visibleLength = (s) => stripAnsi(s).length;
+var visibleLength = (s) => {
+  const plain = stripAnsi(s);
+  let width = 0;
+  for (const char of plain) {
+    const code = char.codePointAt(0) || 0;
+    if (code >= 127744 && code <= 129535 || // Emoji
+    code >= 9728 && code <= 9983 || // Misc symbols
+    code >= 9984 && code <= 10175 || // Dingbats
+    code >= 65024 && code <= 65039 || // Variation selectors
+    code >= 126976 && code <= 131071 || // Extended emoji
+    code >= 12288 && code <= 40959 || // CJK
+    code >= 44032 && code <= 55215) {
+      width += 2;
+    } else {
+      width += 1;
+    }
+  }
+  return width;
+};
 var padEnd = (s, targetWidth) => {
   const visible = visibleLength(s);
   const padding = Math.max(0, targetWidth - visible);
@@ -3207,11 +3225,18 @@ var box = {
   bottomT: "\u2534",
   cross: "\u253C"
 };
+var WATCH_FRAMES = ["\u25D0", "\u25D3", "\u25D1", "\u25D2"];
+var SCAN_FRAMES = ["\u280B", "\u2819", "\u2839", "\u2838", "\u283C", "\u2834", "\u2826", "\u2827", "\u2807", "\u280F"];
 var InteractiveDashboard = class {
   rl;
   state;
   isActive = false;
   updateInterval;
+  // Double-buffering to prevent flicker
+  buffer = [];
+  lastFrame = "";
+  // Animation frame counter
+  animFrame = 0;
   constructor() {
     this.rl = readline.createInterface({ input, output });
     this.state = {
@@ -3359,6 +3384,9 @@ var InteractiveDashboard = class {
           lastChange: update.data.lastChange ?? this.state.watch.lastChange,
           recentChanges: update.data.recentChanges ?? this.state.watch.recentChanges
         };
+        if (update.data.watching !== void 0) {
+          this.addActivity(update.data.watching ? `[*] Watch mode: ACTIVE (${update.data.directories ?? 0} dirs)` : "[*] Watch mode: OFF");
+        }
         break;
       case "watch_change":
         const entry = { file: update.data.file, time: new Date(update.timestamp).toLocaleTimeString("en-US", { hour12: false }) };
@@ -3516,12 +3544,58 @@ var InteractiveDashboard = class {
   /**
    * Render a line with proper padding (accounts for ANSI color codes)
    */
+  /**
+   * Add a line to the render buffer (buffered output to prevent flicker)
+   */
+  bufferLine(line) {
+    this.buffer.push(line);
+  }
   renderLine(content, width) {
     const v = colors.border(box.vertical);
     const innerWidth = width - 2;
     const contentLen = visibleLength(content);
-    const padding = Math.max(0, innerWidth - contentLen);
-    console.log(v + content + " ".repeat(padding) + v);
+    let displayContent = content;
+    if (contentLen > innerWidth) {
+      displayContent = this.truncateToWidth(content, innerWidth - 3) + "...";
+    }
+    const displayLen = visibleLength(displayContent);
+    const padding = Math.max(0, innerWidth - displayLen);
+    this.bufferLine(v + displayContent + " ".repeat(padding) + v);
+  }
+  /**
+   * Truncate a string (with ANSI codes) to a visible width
+   * Handles wide characters (emojis, CJK) that take 2 columns
+   */
+  truncateToWidth(str, maxWidth) {
+    let visibleLen = 0;
+    let result = "";
+    let inEscape = false;
+    for (const char of str) {
+      if (char === "\x1B") {
+        inEscape = true;
+        result += char;
+      } else if (inEscape) {
+        result += char;
+        if (char === "m") {
+          inEscape = false;
+        }
+      } else {
+        const code = char.codePointAt(0) || 0;
+        const charWidth = code >= 127744 && code <= 129535 || // Emoji
+        code >= 9728 && code <= 9983 || // Misc symbols
+        code >= 9984 && code <= 10175 || // Dingbats
+        code >= 65024 && code <= 65039 || // Variation selectors
+        code >= 126976 && code <= 131071 || // Extended emoji
+        code >= 12288 && code <= 40959 || // CJK
+        code >= 44032 && code <= 55215 ? 2 : 1;
+        if (visibleLen + charWidth > maxWidth) {
+          break;
+        }
+        result += char;
+        visibleLen += charWidth;
+      }
+    }
+    return result + "\x1B[0m";
   }
   /**
    * Get responsive width based on terminal size
@@ -3531,10 +3605,11 @@ var InteractiveDashboard = class {
     return Math.max(60, Math.min(120, cols - 2));
   }
   /**
-   * Main render function
+   * Main render function - uses double buffering to prevent flicker
    */
   render() {
-    process.stdout.write("\x1B[2J\x1B[3J\x1B[H\x1B[?25l");
+    this.buffer = [];
+    this.animFrame = (this.animFrame + 1) % 100;
     const width = this.getWidth();
     const height = Math.max(24, process.stdout.rows || 40);
     this.renderHeader(width);
@@ -3557,18 +3632,25 @@ var InteractiveDashboard = class {
       }
     }
     this.renderFooter(width);
+    const frame = this.buffer.join("\n");
+    if (frame !== this.lastFrame) {
+      process.stdout.write("\x1B[?25l\x1B[H\x1B[2J" + frame);
+      this.lastFrame = frame;
+    }
   }
   /**
    * Render header with title and status
    */
   renderHeader(width) {
     const time = colors.dim((/* @__PURE__ */ new Date()).toLocaleTimeString("en-US", { hour12: false, hour: "2-digit", minute: "2-digit", second: "2-digit" }));
-    const watchLabel = this.state.watch.watching ? colors.success("[WATCH ON]") : colors.dim("[WATCH OFF]");
+    const watchSpinner = WATCH_FRAMES[this.animFrame % WATCH_FRAMES.length];
+    const watchLabel = this.state.watch.watching ? colors.success(`[${watchSpinner} WATCHING]`) : colors.dim("[WATCH OFF]");
+    const scanSpinner = SCAN_FRAMES[this.animFrame % SCAN_FRAMES.length];
     let statusText = "";
     if (this.state.scanComplete) {
       statusText = colors.success("COMPLETE") + "  " + colors.success("[OK]");
     } else {
-      statusText = colors.running("SCANNING") + "  " + colors.dim("(...)");
+      statusText = colors.running(`${scanSpinner} SCANNING`) + "  " + colors.dim("(...)");
     }
     let alertText = "";
     if (this.state.alerts.hasCritical) {
@@ -3583,9 +3665,9 @@ var InteractiveDashboard = class {
     const brandLen = visibleLength(brand);
     const rightLen = visibleLength(rightContent);
     const gap = Math.max(2, innerWidth - brandLen - rightLen);
-    console.log(topBorder);
-    console.log(v + "  " + brand + " ".repeat(gap) + rightContent + " " + v);
-    console.log(midBorder);
+    this.bufferLine(topBorder);
+    this.bufferLine(v + "  " + brand + " ".repeat(gap) + rightContent + " " + v);
+    this.bufferLine(midBorder);
   }
   /**
    * Render scanning in progress view
@@ -3606,7 +3688,7 @@ var InteractiveDashboard = class {
     this.renderLine("  " + colors.dim("Scanning:") + " " + colors.highlight(current.slice(0, 40)), width);
     this.renderLine("  " + progressBar + " " + colors.highlight(`${percent}%`) + "  " + colors.dim(`(${processedFiles}/${totalFiles} files)`), width);
     this.renderLine("", width);
-    console.log(sectionBorder);
+    this.bufferLine(sectionBorder);
     this.renderLine("  " + colors.header("SCOUTS"), width);
     this.renderLine("  " + colors.dim(this.line(width - 6)), width);
     const allAgents = [.../* @__PURE__ */ new Set([...activeAgents, ...completedAgents])];
@@ -3640,7 +3722,7 @@ var InteractiveDashboard = class {
       this.renderLine("  " + padEnd(left, 35) + "  " + right, width);
     }
     this.renderLine("", width);
-    console.log(sectionBorder);
+    this.bufferLine(sectionBorder);
     this.renderLine("  " + colors.header("ISSUES FOUND"), width);
     this.renderLine("  " + colors.dim(this.line(width - 6)), width);
     const criticalLine = `${colors.critical("[!]")} ${colors.critical("Critical")}  ${colors.critical(issuesBySeverity.critical.toString().padStart(4))}`;
@@ -3650,16 +3732,17 @@ var InteractiveDashboard = class {
     this.renderLine("  " + padEnd(criticalLine, 28) + moderateLine, width);
     this.renderLine("  " + padEnd(seriousLine, 28) + lowLine, width);
     this.renderLine("", width);
-    console.log(sectionBorder);
+    this.bufferLine(sectionBorder);
     this.renderLine("  " + colors.header("WATCH STATUS"), width);
     this.renderLine("  " + colors.dim(this.line(width - 6)), width);
-    const watchLine = this.state.watch.watching ? colors.success(`Watching ${this.state.watch.directories} dirs`) + colors.dim(this.state.watch.debounceMs ? ` \u2022 debounce ${this.state.watch.debounceMs}ms` : "") : colors.dim("Watch idle");
+    const watchAnim = WATCH_FRAMES[this.animFrame % WATCH_FRAMES.length];
+    const watchLine = this.state.watch.watching ? colors.success(`${watchAnim} Watching ${this.state.watch.directories} dirs`) + colors.dim(this.state.watch.debounceMs ? ` \u2022 debounce ${this.state.watch.debounceMs}ms` : "") : colors.dim("Watch idle");
     this.renderLine("  " + watchLine, width);
     const lastChange = this.state.watch.lastChange ? colors.dim("Last change: ") + colors.highlight(this.state.watch.lastChange) : colors.dim("Last change: --");
     this.renderLine("  " + lastChange, width);
     const recentChange = this.state.watch.recentChanges[0]?.file ? colors.dim("Recent: ") + this.state.watch.recentChanges[0].file : "";
     this.renderLine("  " + recentChange, width);
-    console.log(sectionBorder);
+    this.bufferLine(sectionBorder);
     this.renderLine("  " + colors.header("ACTIVITY LOG"), width);
     this.renderLine("  " + colors.dim(this.line(width - 6)), width);
     const startIdx = this.state.activityPage * activityRows;
@@ -3712,7 +3795,7 @@ var InteractiveDashboard = class {
     this.renderLine("  " + colors.highlight(`${processedFiles}`) + colors.dim(` files scanned in ${elapsed}s`), width);
     this.renderLine("  " + colors.highlight(`${completedAgents.length}`) + colors.dim(" scouts activated"), width);
     this.renderLine("", width);
-    console.log(sectionBorder);
+    this.bufferLine(sectionBorder);
     this.renderLine("  " + colors.header("SUMMARY"), width);
     this.renderLine("  " + colors.dim(this.line(width - 6)), width);
     const criticalLabel = issuesBySeverity.critical > 0 ? "    " + colors.alert("<- FIX NOW") : "";
@@ -3723,7 +3806,7 @@ var InteractiveDashboard = class {
     this.renderLine("", width);
     const criticalIssues = this.state.issues.filter((i) => i.severity === "critical").slice(0, 3);
     if (criticalIssues.length > 0) {
-      console.log(sectionBorder);
+      this.bufferLine(sectionBorder);
       this.renderLine("  " + colors.critical("TOP CRITICAL ISSUES"), width);
       this.renderLine("  " + colors.dim(this.line(width - 6)), width);
       for (const issue of criticalIssues) {
@@ -3736,11 +3819,11 @@ var InteractiveDashboard = class {
         this.renderLine("", width);
       }
     } else if (totalIssues === 0) {
-      console.log(sectionBorder);
+      this.bufferLine(sectionBorder);
       this.renderLine("  " + colors.success("\u2713 No issues found - code looks good!"), width);
       this.renderLine("", width);
     }
-    console.log(sectionBorder);
+    this.bufferLine(sectionBorder);
     this.renderLine("  " + colors.header("ACTIVITY LOG"), width);
     this.renderLine("  " + colors.dim(this.line(width - 6)), width);
     const startIdx = this.state.activityPage * activityRows;
@@ -3765,7 +3848,7 @@ var InteractiveDashboard = class {
     const totalPages = Math.max(1, Math.ceil(filteredIssues.length / pageSize));
     const pageInfo = colors.dim(`Page ${currentPage}/${totalPages}`) + "  " + colors.highlight(`${filteredIssues.length}`) + colors.dim(" issues");
     this.renderLine("  " + colors.dim("Filter:") + " " + this.getFilterDescription() + "  " + pageInfo, width);
-    console.log(sectionBorder);
+    this.bufferLine(sectionBorder);
     const startIndex = Math.floor(selectedIssue / pageSize) * pageSize;
     const pageIssues = filteredIssues.slice(startIndex, startIndex + pageSize);
     if (filteredIssues.length === 0) {
@@ -3795,7 +3878,7 @@ var InteractiveDashboard = class {
     }
     if (filteredIssues[selectedIssue]) {
       const selected = filteredIssues[selectedIssue];
-      console.log(sectionBorder);
+      this.bufferLine(sectionBorder);
       this.renderLine("  " + colors.header("SELECTED:") + " " + colors.highlight(selected.issue.slice(0, width - 20)), width);
       this.renderLine("  " + colors.dim(this.line(width - 6)), width);
       this.renderLine("  " + colors.dim("File:") + " " + selected.file.slice(0, width - 15), width);
@@ -3820,7 +3903,7 @@ var InteractiveDashboard = class {
     const totalPages = Math.max(1, Math.ceil(sorted.length / pageSize));
     const pageHint = totalPages > 1 ? "  " + colors.highlight(`[n/p]`) + colors.dim(" more pages") : "";
     this.renderLine("  " + colors.header("SCOUT STATUS") + "  " + colors.dim("(j/k navigate, Enter view issues)"), width);
-    console.log(sectionBorder);
+    this.bufferLine(sectionBorder);
     this.renderLine("  " + colors.highlight(`${sorted.length}`) + colors.dim(" scouts") + "  " + colors.dim(`Page ${this.state.agentPage + 1}/${totalPages}`) + pageHint, width);
     if (slice.length === 0) {
       this.renderLine("  " + colors.dim("No scouts yet"), width);
@@ -3849,7 +3932,7 @@ var InteractiveDashboard = class {
       const agentIssues = this.state.issues.filter((i) => i.agent === selected.name);
       const criticals = agentIssues.filter((i) => i.severity === "critical").length;
       const serious = agentIssues.filter((i) => i.severity === "serious").length;
-      console.log(sectionBorder);
+      this.bufferLine(sectionBorder);
       this.renderLine("  " + colors.header("SELECTED:") + " " + colors.highlight(selected.name), width);
       this.renderLine("  " + colors.dim(this.line(width - 6)), width);
       this.renderLine("  " + colors.dim("Issues:") + " " + colors.highlight(agentIssues.length.toString()) + " total  (" + colors.critical(`[!] ${criticals} critical`) + ", " + colors.serious(`[x] ${serious} serious`) + ")", width);
@@ -3870,7 +3953,7 @@ var InteractiveDashboard = class {
     }
     const sortedFiles = Array.from(fileIssues.entries()).sort((a, b) => b[1].length - a[1].length).slice(0, 15);
     this.renderLine("  " + colors.header("FILES WITH ISSUES"), width);
-    console.log(sectionBorder);
+    this.bufferLine(sectionBorder);
     for (const [file, issues] of sortedFiles) {
       const filename = file.split("/").pop() || file;
       const criticalCount = issues.filter((i) => i.severity === "critical").length;
@@ -3888,19 +3971,19 @@ var InteractiveDashboard = class {
    */
   renderFooter(width) {
     const bottomBorder = colors.border(box.bottomLeft + this.line(width - 2) + box.bottomRight);
-    console.log(bottomBorder);
+    this.bufferLine(bottomBorder);
     const key = (k) => colors.border("[") + colors.highlight(k) + colors.border("]");
     const hint = (k, desc) => key(k) + colors.dim(` ${desc}`);
     if (!this.state.scanComplete) {
-      console.log("   " + hint("q", "Quit") + "  " + hint("?", "Help"));
+      this.bufferLine("   " + hint("q", "Quit") + "  " + hint("?", "Help"));
     } else if (this.state.view === "agents") {
-      console.log("   " + hint("j/k", "Select") + "  " + hint("Enter", "View issues") + "  " + hint("n/p", "Pages") + "  " + hint("Tab", "Views") + "  " + hint("?", "Help") + "  " + hint("q", "Quit"));
+      this.bufferLine("   " + hint("j/k", "Select") + "  " + hint("Enter", "View issues") + "  " + hint("n/p", "Pages") + "  " + hint("Tab", "Views") + "  " + hint("?", "Help") + "  " + hint("q", "Quit"));
     } else if (this.state.view === "issues" && this.state.previousView === "agents") {
-      console.log("   " + hint("b", "Back") + "  " + hint("j/k", "Nav") + "  " + hint("Enter", "Details") + "  " + hint("1-4", "Severity") + "  " + hint("f", "Search") + "  " + hint("?", "Help") + "  " + hint("q", "Quit"));
+      this.bufferLine("   " + hint("b", "Back") + "  " + hint("j/k", "Nav") + "  " + hint("Enter", "Details") + "  " + hint("1-4", "Severity") + "  " + hint("f", "Search") + "  " + hint("?", "Help") + "  " + hint("q", "Quit"));
     } else if (this.state.view === "issues") {
-      console.log("   " + hint("j/k", "Nav") + "  " + hint("Enter", "Details") + "  " + hint("1-4", "Severity") + "  " + hint("f", "Search") + "  " + hint("s", "Scout") + "  " + hint("c", "Clear") + "  " + hint("Tab", "Views") + "  " + hint("?", "Help") + "  " + hint("q", "Quit"));
+      this.bufferLine("   " + hint("j/k", "Nav") + "  " + hint("Enter", "Details") + "  " + hint("1-4", "Severity") + "  " + hint("f", "Search") + "  " + hint("s", "Scout") + "  " + hint("c", "Clear") + "  " + hint("Tab", "Views") + "  " + hint("?", "Help") + "  " + hint("q", "Quit"));
     } else {
-      console.log("   " + hint("Tab", "Views") + "  " + hint("n/p", "Pages") + "  " + hint("?", "Help") + "  " + hint("q", "Quit"));
+      this.bufferLine("   " + hint("Tab", "Views") + "  " + hint("n/p", "Pages") + "  " + hint("?", "Help") + "  " + hint("q", "Quit"));
     }
   }
   // Helper methods
@@ -6249,4 +6332,4 @@ export {
   InteractiveDashboard,
   TrieScanTool
 };
-//# sourceMappingURL=chunk-JAVEBJF4.js.map
+//# sourceMappingURL=chunk-3B2JBLSP.js.map