@triedotdev/mcp 1.0.56 → 1.0.57

package/dist/{chunk-E2LWAVIW.js → chunk-3XZO27U7.js}

@@ -3158,6 +3158,40 @@ var IssueAnalyzer = class {
 // src/cli/interactive-dashboard.ts
 import { stdin as input, stdout as output } from "process";
 import * as readline from "readline";
+import pc from "picocolors";
+var colors = {
+  // UI elements
+  border: (s) => pc.cyan(s),
+  header: (s) => pc.bold(pc.cyan(s)),
+  brand: (s) => pc.bold(pc.cyan(s)),
+  dim: (s) => pc.dim(s),
+  // Severity levels
+  critical: (s) => pc.bold(pc.red(s)),
+  serious: (s) => pc.yellow(s),
+  moderate: (s) => pc.blue(s),
+  low: (s) => pc.dim(s),
+  // Status
+  success: (s) => pc.green(s),
+  running: (s) => pc.yellow(s),
+  waiting: (s) => pc.dim(s),
+  alert: (s) => pc.bold(pc.red(s)),
+  // Interactive
+  selected: (s) => pc.bold(pc.magenta(s)),
+  highlight: (s) => pc.bold(pc.white(s))
+};
+var box = {
+  topLeft: "\u250C",
+  topRight: "\u2510",
+  bottomLeft: "\u2514",
+  bottomRight: "\u2518",
+  horizontal: "\u2500",
+  vertical: "\u2502",
+  leftT: "\u251C",
+  rightT: "\u2524",
+  topT: "\u252C",
+  bottomT: "\u2534",
+  cross: "\u253C"
+};
 var InteractiveDashboard = class {
   rl;
   state;
@@ -3181,7 +3215,9 @@ var InteractiveDashboard = class {
         search: ""
       },
       view: "overview",
+      previousView: null,
       selectedIssue: 0,
+      selectedAgent: 0,
       lastUpdate: Date.now(),
       scanComplete: false,
       startTime: Date.now(),
@@ -3247,7 +3283,7 @@ var InteractiveDashboard = class {
         }
         break;
       case "agent_start":
-        this.addActivity(`[*] Agent started: ${update.data.agent}`);
+        this.addActivity(`[*] Scout started: ${update.data.agent}`);
         this.state.agents[update.data.agent] = {
           ...this.state.agents[update.data.agent] || { issues: 0, status: "queued" },
           status: "running",
@@ -3255,7 +3291,7 @@ var InteractiveDashboard = class {
         };
         break;
       case "agent_complete":
-        this.addActivity(`[+] Agent complete: ${update.data.agent} (${update.data.issueCount} issues)`);
+        this.addActivity(`[+] Scout complete: ${update.data.agent} (${update.data.issueCount} issues)`);
         {
           const prev = this.state.agents[update.data.agent];
           const start = prev?.start;
@@ -3376,15 +3412,11 @@ var InteractiveDashboard = class {
         case "p":
           this.prevPage();
           break;
-        case "r":
-          this.addActivity("Rerun requested (press q to exit and rerun command)");
-          break;
-        case "w":
-          this.state.watch.watching = !this.state.watch.watching;
-          this.addActivity(this.state.watch.watching ? "Watch resumed" : "Watch paused (visual only)");
-          break;
         case "s":
-          this.addActivity("Save report requested (not implemented in TUI)");
+          this.promptAgentFilter();
+          break;
+        case "b":
+          this.goBack();
           break;
         case "h":
         case "?":
@@ -3405,43 +3437,54 @@ var InteractiveDashboard = class {
     }, 100);
   }
   /**
-   * Create a horizontal line
+   * Create a horizontal line (Unicode box-drawing)
    */
   line(width = 78) {
-    return "-".repeat(width);
+    return box.horizontal.repeat(width);
   }
   /**
-   * Create progress bar
+   * Create progress bar with color
    */
   progressBar(current, total, width = 50) {
-    if (total === 0) return "[" + "#".repeat(width) + "]";
+    if (total === 0) return colors.dim("[" + "\u2588".repeat(width) + "]");
     const progress = Math.min(1, current / total);
     const filled = Math.round(width * progress);
     const empty = width - filled;
-    return "[" + "#".repeat(filled) + ".".repeat(empty) + "]";
+    const filledBar = colors.border("\u2588".repeat(filled));
+    const emptyBar = colors.dim("\u2591".repeat(empty));
+    return "[" + filledBar + emptyBar + "]";
   }
   /**
-   * Get severity icon
+   * Get severity icon with color
    */
   severityIcon(severity) {
-    const icons = {
-      critical: "[!]",
-      serious: "[x]",
-      moderate: "[~]",
-      low: "[-]"
-    };
-    return icons[severity] || "[-]";
+    switch (severity) {
+      case "critical":
+        return colors.critical("[!]");
+      case "serious":
+        return colors.serious("[x]");
+      case "moderate":
+        return colors.moderate("[~]");
+      case "low":
+        return colors.low("[-]");
+      default:
+        return colors.dim("[-]");
+    }
   }
   /**
-   * Get agent status icon
+   * Get agent status icon with color
    */
   agentIcon(status) {
-    const icons = {
-      running: "*",
-      done: "+",
-      waiting: "o"
-    };
-    return icons[status];
+    switch (status) {
+      case "running":
+        return colors.running("\u25CF");
+      case "done":
+        return colors.success("\u2713");
+      case "waiting":
+        return colors.waiting("\u25CB");
+      default:
+        return colors.dim("\u25CB");
+    }
   }
   /**
    * Main render function
@@ -3475,17 +3518,27 @@ var InteractiveDashboard = class {
    * Render header with title and status
    */
   renderHeader(width) {
-    const time = (/* @__PURE__ */ new Date()).toLocaleTimeString("en-US", { hour12: false, hour: "2-digit", minute: "2-digit", second: "2-digit" });
-    let status = "SCANNING  (...)";
+    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]");
+    let statusText = "";
     if (this.state.scanComplete) {
-      status = "SCAN COMPLETE  [OK]";
+      statusText = colors.success("COMPLETE") + "  " + colors.success("[OK]");
+    } else {
+      statusText = colors.running("SCANNING") + "  " + colors.dim("(...)");
     }
+    let alertText = "";
     if (this.state.alerts.hasCritical) {
-      status = `${status}  | ALERT: CRITICAL`;
-    }
-    console.log("+" + this.line(width - 2) + "+");
-    console.log("|  TRIE GUARDIAN" + " ".repeat(width - 35 - status.length) + status + "  " + time + "  |");
-    console.log("+" + this.line(width - 2) + "+");
+      alertText = "  " + colors.alert("\u2502 ALERT: CRITICAL");
+    }
+    const borderColor = colors.border;
+    const topBorder = borderColor(box.topLeft + this.line(width - 2) + box.topRight);
+    const midBorder = borderColor(box.leftT + this.line(width - 2) + box.rightT);
+    const brandRaw = "TRIE GUARDIAN";
+    const brand = colors.brand("TRIE GUARDIAN");
+    const contentPadding = width - 4 - brandRaw.length;
+    console.log(topBorder);
+    console.log(borderColor(box.vertical) + "  " + brand + " ".repeat(Math.max(1, contentPadding - 30)) + statusText + "  " + watchLabel + alertText + "  " + time + "  " + borderColor(box.vertical));
+    console.log(midBorder);
   }
   /**
    * Render scanning in progress view
@@ -3493,6 +3546,8 @@ var InteractiveDashboard = class {
   renderScanningView(width, height) {
     const { processedFiles, totalFiles, currentFile, activeAgents, completedAgents } = this.state.progress;
     const { issuesBySeverity } = this.state.progress;
+    const v = colors.border(box.vertical);
+    const sectionBorder = colors.border(box.leftT + this.line(width - 2) + box.rightT);
     const baseTotal = 21;
     const variableBudget = Math.max(0, height - baseTotal);
     const agentRows = Math.max(1, Math.min(4, Math.floor(variableBudget / 2)));
@@ -3501,13 +3556,13 @@ var InteractiveDashboard = class {
     const percent = totalFiles > 0 ? Math.round(processedFiles / totalFiles * 100) : 0;
     const current = currentFile ? currentFile.split("/").pop() || "" : "";
     const progressBar = this.progressBar(processedFiles, totalFiles, 50);
-    console.log("|" + " ".repeat(width - 2) + "|");
-    console.log(`|  Scanning: ${current.slice(0, 40).padEnd(40)}` + " ".repeat(width - 56) + "|");
-    console.log(`|  ${progressBar} ${percent}%  (${processedFiles}/${totalFiles} files)`.padEnd(width - 1) + "|");
-    console.log("|" + " ".repeat(width - 2) + "|");
-    console.log("+" + this.line(width - 2) + "+");
-    console.log("|  AGENTS" + " ".repeat(width - 11) + "|");
-    console.log("|  " + this.line(width - 6) + "  |");
+    console.log(v + " ".repeat(width - 2) + v);
+    console.log(v + "  " + colors.dim("Scanning:") + " " + colors.highlight(current.slice(0, 40).padEnd(40)) + " ".repeat(Math.max(0, width - 56)) + v);
+    console.log(v + "  " + progressBar + " " + colors.highlight(`${percent}%`) + "  " + colors.dim(`(${processedFiles}/${totalFiles} files)`) + " ".repeat(Math.max(0, width - 75)) + v);
+    console.log(v + " ".repeat(width - 2) + v);
+    console.log(sectionBorder);
+    console.log(v + "  " + colors.header("SCOUTS") + " ".repeat(width - 11) + v);
+    console.log(v + "  " + colors.dim(this.line(width - 6)) + "  " + v);
     const allAgents = [.../* @__PURE__ */ new Set([...activeAgents, ...completedAgents])];
     const waitingAgents = ["security", "privacy", "typecheck", "accessibility", "legal", "test", "moneybags", "production-ready"].filter((a) => !activeAgents.includes(a) && !completedAgents.includes(a));
     const leftAgents = [];
@@ -3516,8 +3571,8 @@ var InteractiveDashboard = class {
       const isActive = activeAgents.includes(agent);
       const isDone = completedAgents.includes(agent);
       const icon = isActive ? this.agentIcon("running") : isDone ? this.agentIcon("done") : this.agentIcon("waiting");
-      const status = isActive ? "analyzing" : isDone ? `done (${this.getAgentIssueCount(agent)})` : "waiting";
-      const entry = `${icon} ${agent.slice(0, 12).padEnd(12)} ... ${status.padEnd(15)}`;
+      const statusText = isActive ? colors.running("analyzing") : isDone ? colors.success(`done (${this.getAgentIssueCount(agent)})`) : colors.waiting("waiting");
+      const entry = `${icon} ${agent.slice(0, 12).padEnd(12)} ${colors.dim("...")} ${statusText}`;
       if (i % 2 === 0) {
         leftAgents.push(entry);
       } else {
@@ -3525,7 +3580,7 @@ var InteractiveDashboard = class {
       }
     });
     waitingAgents.slice(0, 4).forEach((agent, i) => {
-      const entry = `${this.agentIcon("waiting")} ${agent.slice(0, 12).padEnd(12)} ... waiting`.padEnd(35);
+      const entry = `${this.agentIcon("waiting")} ${agent.slice(0, 12).padEnd(12)} ${colors.dim("...")} ${colors.waiting("waiting")}`;
       if ((allAgents.length + i) % 2 === 0) {
         leftAgents.push(entry);
       } else {
@@ -3536,37 +3591,62 @@ var InteractiveDashboard = class {
     for (let i = 0; i < maxRows && i < agentRows; i++) {
       const left = leftAgents[i] || " ".repeat(35);
       const right = rightAgents[i] || " ".repeat(35);
-      console.log(`|  ${left}  ${right}`.slice(0, width - 1).padEnd(width - 1) + "|");
-    }
-    console.log("|" + " ".repeat(width - 2) + "|");
-    console.log("+" + this.line(width - 2) + "+");
-    console.log("|  ISSUES FOUND" + " ".repeat(width - 17) + "|");
-    console.log("|  " + this.line(width - 6) + "  |");
-    console.log(`|  [!] Critical  ${issuesBySeverity.critical.toString().padStart(4)}      [~] Moderate ${issuesBySeverity.moderate.toString().padStart(5)}`.padEnd(width - 1) + "|");
-    console.log(`|  [x] Serious   ${issuesBySeverity.serious.toString().padStart(4)}      [-] Low      ${issuesBySeverity.low.toString().padStart(5)}`.padEnd(width - 1) + "|");
-    console.log("|" + " ".repeat(width - 2) + "|");
-    console.log("+" + this.line(width - 2) + "+");
-    console.log("|  WATCH STATUS" + " ".repeat(width - 17) + "|");
-    console.log("|  " + this.line(width - 6) + "  |");
-    const watchLine = this.state.watch.watching ? `Watching ${this.state.watch.directories} dirs${this.state.watch.debounceMs ? ` \u2022 debounce ${this.state.watch.debounceMs}ms` : ""}` : "Watch idle";
-    console.log(`|  ${watchLine}`.slice(0, width - 1).padEnd(width - 1) + "|");
-    const lastChange = this.state.watch.lastChange ? `Last change: ${this.state.watch.lastChange}` : "Last change: --";
-    console.log(`|  ${lastChange}`.slice(0, width - 1).padEnd(width - 1) + "|");
-    const recentChange = this.state.watch.recentChanges[0]?.file ? `Recent: ${this.state.watch.recentChanges[0].file}` : "";
-    console.log(`|  ${recentChange}`.slice(0, width - 1).padEnd(width - 1) + "|");
-    console.log("+" + this.line(width - 2) + "+");
-    console.log("|  ACTIVITY LOG" + " ".repeat(width - 17) + "|");
-    console.log("|  " + this.line(width - 6) + "  |");
+      console.log(v + "  " + left + "  " + right + "  " + v);
+    }
+    console.log(v + " ".repeat(width - 2) + v);
+    console.log(sectionBorder);
+    console.log(v + "  " + colors.header("ISSUES FOUND") + " ".repeat(width - 17) + v);
+    console.log(v + "  " + colors.dim(this.line(width - 6)) + "  " + v);
+    const criticalLine = `${colors.critical("[!]")} ${colors.critical("Critical")}  ${colors.critical(issuesBySeverity.critical.toString().padStart(4))}`;
+    const moderateLine = `${colors.moderate("[~]")} ${colors.moderate("Moderate")} ${colors.moderate(issuesBySeverity.moderate.toString().padStart(5))}`;
+    const seriousLine = `${colors.serious("[x]")} ${colors.serious("Serious")}   ${colors.serious(issuesBySeverity.serious.toString().padStart(4))}`;
+    const lowLine = `${colors.low("[-]")} ${colors.low("Low")}      ${colors.low(issuesBySeverity.low.toString().padStart(5))}`;
+    console.log(v + "  " + criticalLine + "      " + moderateLine + " ".repeat(Math.max(0, width - 60)) + v);
+    console.log(v + "  " + seriousLine + "      " + lowLine + " ".repeat(Math.max(0, width - 60)) + v);
+    console.log(v + " ".repeat(width - 2) + v);
+    console.log(sectionBorder);
+    console.log(v + "  " + colors.header("WATCH STATUS") + " ".repeat(width - 17) + v);
+    console.log(v + "  " + colors.dim(this.line(width - 6)) + "  " + v);
+    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");
+    console.log(v + "  " + watchLine + " ".repeat(Math.max(0, width - 40)) + v);
+    const lastChange = this.state.watch.lastChange ? colors.dim("Last change: ") + colors.highlight(this.state.watch.lastChange) : colors.dim("Last change: --");
+    console.log(v + "  " + lastChange + " ".repeat(Math.max(0, width - 30)) + v);
+    const recentChange = this.state.watch.recentChanges[0]?.file ? colors.dim("Recent: ") + this.state.watch.recentChanges[0].file : "";
+    console.log(v + "  " + recentChange + " ".repeat(Math.max(0, width - 30)) + v);
+    console.log(sectionBorder);
+    console.log(v + "  " + colors.header("ACTIVITY LOG") + " ".repeat(width - 17) + v);
+    console.log(v + "  " + colors.dim(this.line(width - 6)) + "  " + v);
     const startIdx = this.state.activityPage * activityRows;
     const recentActivity = this.state.activityLog.slice(startIdx, startIdx + activityRows);
     for (const entry of recentActivity) {
-      const line = `${entry.time}  ${entry.message}`.slice(0, width - 6);
-      console.log(`|  ${line.padEnd(width - 4)}|`);
+      const logLine = colors.dim(entry.time) + "  " + this.colorizeActivityMessage(entry.message);
+      console.log(v + "  " + logLine + " ".repeat(Math.max(0, width - 50)) + v);
     }
     for (let i = recentActivity.length; i < activityRows; i++) {
-      console.log("|" + " ".repeat(width - 2) + "|");
+      console.log(v + " ".repeat(width - 2) + v);
     }
   }
+  /**
+   * Colorize activity log messages based on content
+   */
+  colorizeActivityMessage(message) {
+    if (message.includes("[!]") || message.includes("CRITICAL")) {
+      return colors.critical(message);
+    }
+    if (message.includes("[x]") || message.includes("SERIOUS")) {
+      return colors.serious(message);
+    }
+    if (message.includes("[+]") || message.includes("complete")) {
+      return colors.success(message);
+    }
+    if (message.includes("[*]") || message.includes("started")) {
+      return colors.running(message);
+    }
+    if (message.includes("===")) {
+      return colors.header(message);
+    }
+    return message;
+  }
   /**
    * Get issue count for an agent
    */
@@ -3581,49 +3661,51 @@ var InteractiveDashboard = class {
     const { completedAgents } = this.state.progress;
     const elapsed = ((Date.now() - this.state.startTime) / 1e3).toFixed(1);
     const activityRows = Math.max(2, Math.min(8, Math.max(0, height - 26)));
-    console.log("|" + " ".repeat(width - 2) + "|");
-    console.log(`|  ${processedFiles} files scanned in ${elapsed}s`.padEnd(width - 1) + "|");
-    console.log(`|  ${completedAgents.length} agents activated`.padEnd(width - 1) + "|");
-    console.log("|" + " ".repeat(width - 2) + "|");
-    console.log("+" + this.line(width - 2) + "+");
-    console.log("|  SUMMARY" + " ".repeat(width - 12) + "|");
-    console.log("|  " + this.line(width - 6) + "  |");
-    const criticalLabel = issuesBySeverity.critical > 0 ? "<- FIX NOW" : "";
-    console.log(`|  [!] ${issuesBySeverity.critical.toString().padStart(4)} Critical issues    ${criticalLabel}`.padEnd(width - 1) + "|");
-    console.log(`|  [x] ${issuesBySeverity.serious.toString().padStart(4)} Serious issues`.padEnd(width - 1) + "|");
-    console.log(`|  [~] ${issuesBySeverity.moderate.toString().padStart(4)} Moderate issues`.padEnd(width - 1) + "|");
-    console.log(`|  [-] ${issuesBySeverity.low.toString().padStart(4)} Low issues`.padEnd(width - 1) + "|");
-    console.log("|" + " ".repeat(width - 2) + "|");
+    const v = colors.border(box.vertical);
+    const sectionBorder = colors.border(box.leftT + this.line(width - 2) + box.rightT);
+    console.log(v + " ".repeat(width - 2) + v);
+    console.log(v + "  " + colors.highlight(`${processedFiles}`) + colors.dim(` files scanned in ${elapsed}s`) + " ".repeat(Math.max(0, width - 35)) + v);
+    console.log(v + "  " + colors.highlight(`${completedAgents.length}`) + colors.dim(" scouts activated") + " ".repeat(Math.max(0, width - 30)) + v);
+    console.log(v + " ".repeat(width - 2) + v);
+    console.log(sectionBorder);
+    console.log(v + "  " + colors.header("SUMMARY") + " ".repeat(width - 12) + v);
+    console.log(v + "  " + colors.dim(this.line(width - 6)) + "  " + v);
+    const criticalLabel = issuesBySeverity.critical > 0 ? colors.alert("<- FIX NOW") : "";
+    console.log(v + "  " + colors.critical("[!]") + " " + colors.critical(issuesBySeverity.critical.toString().padStart(4)) + " " + colors.critical("Critical issues") + "    " + criticalLabel + " ".repeat(Math.max(0, width - 45)) + v);
+    console.log(v + "  " + colors.serious("[x]") + " " + colors.serious(issuesBySeverity.serious.toString().padStart(4)) + " " + colors.serious("Serious issues") + " ".repeat(Math.max(0, width - 30)) + v);
+    console.log(v + "  " + colors.moderate("[~]") + " " + colors.moderate(issuesBySeverity.moderate.toString().padStart(4)) + " " + colors.moderate("Moderate issues") + " ".repeat(Math.max(0, width - 30)) + v);
+    console.log(v + "  " + colors.low("[-]") + " " + colors.low(issuesBySeverity.low.toString().padStart(4)) + " " + colors.low("Low issues") + " ".repeat(Math.max(0, width - 30)) + v);
+    console.log(v + " ".repeat(width - 2) + v);
     const criticalIssues = this.state.issues.filter((i) => i.severity === "critical").slice(0, 3);
     if (criticalIssues.length > 0) {
-      console.log("+" + this.line(width - 2) + "+");
-      console.log("|  TOP CRITICAL ISSUES" + " ".repeat(width - 24) + "|");
-      console.log("|  " + this.line(width - 6) + "  |");
+      console.log(sectionBorder);
+      console.log(v + "  " + colors.critical("TOP CRITICAL ISSUES") + " ".repeat(width - 24) + v);
+      console.log(v + "  " + colors.dim(this.line(width - 6)) + "  " + v);
       for (const issue of criticalIssues) {
         const filename = issue.file.split("/").pop() || issue.file;
-        const line = issue.line ? `:${issue.line}` : "";
-        const location = `${filename}${line}`;
+        const lineNum = issue.line ? `:${issue.line}` : "";
+        const location = `${filename}${lineNum}`;
         const description = issue.issue.slice(0, 40) + (issue.issue.length > 40 ? "..." : "");
-        console.log(`|  > ${description}`.slice(0, width - 1).padEnd(width - 1) + "|");
-        console.log(`|    ${location}`.slice(0, width - 1).padEnd(width - 1) + "|");
-        console.log("|" + " ".repeat(width - 2) + "|");
+        console.log(v + "  " + colors.critical("\u25B8") + " " + colors.critical(description) + " ".repeat(Math.max(0, width - 50)) + v);
+        console.log(v + "    " + colors.dim(location) + " ".repeat(Math.max(0, width - 30)) + v);
+        console.log(v + " ".repeat(width - 2) + v);
       }
     } else if (totalIssues === 0) {
-      console.log("+" + this.line(width - 2) + "+");
-      console.log("|  [OK] No issues found - code looks good!".padEnd(width - 1) + "|");
-      console.log("|" + " ".repeat(width - 2) + "|");
+      console.log(sectionBorder);
+      console.log(v + "  " + colors.success("\u2713 No issues found - code looks good!") + " ".repeat(Math.max(0, width - 45)) + v);
+      console.log(v + " ".repeat(width - 2) + v);
     }
-    console.log("+" + this.line(width - 2) + "+");
-    console.log("|  ACTIVITY LOG" + " ".repeat(width - 17) + "|");
-    console.log("|  " + this.line(width - 6) + "  |");
+    console.log(sectionBorder);
+    console.log(v + "  " + colors.header("ACTIVITY LOG") + " ".repeat(width - 17) + v);
+    console.log(v + "  " + colors.dim(this.line(width - 6)) + "  " + v);
     const startIdx = this.state.activityPage * activityRows;
     const recentActivity = this.state.activityLog.slice(startIdx, startIdx + activityRows);
     for (const entry of recentActivity) {
-      const line = `${entry.time}  ${entry.message}`.slice(0, width - 6);
-      console.log(`|  ${line.padEnd(width - 4)}|`);
+      const logLine = colors.dim(entry.time) + "  " + this.colorizeActivityMessage(entry.message);
+      console.log(v + "  " + logLine + " ".repeat(Math.max(0, width - 50)) + v);
     }
     for (let i = recentActivity.length; i < activityRows; i++) {
-      console.log("|" + " ".repeat(width - 2) + "|");
+      console.log(v + " ".repeat(width - 2) + v);
     }
   }
   /**
@@ -3632,8 +3714,10 @@ var InteractiveDashboard = class {
   renderIssuesList(width) {
     const filteredIssues = this.getFilteredIssues();
     const { selectedIssue } = this.state;
-    console.log("|  Filter: " + this.getFilterDescription().padEnd(width - 13) + "|");
-    console.log("+" + this.line(width - 2) + "+");
+    const v = colors.border(box.vertical);
+    const sectionBorder = colors.border(box.leftT + this.line(width - 2) + box.rightT);
+    console.log(v + "  " + colors.dim("Filter:") + " " + this.getFilterDescription() + " ".repeat(Math.max(0, width - 25)) + v);
+    console.log(sectionBorder);
     const pageSize = 10;
     const startIndex = Math.floor(selectedIssue / pageSize) * pageSize;
     const pageIssues = filteredIssues.slice(startIndex, startIndex + pageSize);
@@ -3641,29 +3725,29 @@ var InteractiveDashboard = class {
       const issue = pageIssues[i];
       const globalIndex = startIndex + i;
       const isSelected = globalIndex === selectedIssue;
-      const cursor = isSelected ? ">" : " ";
+      const cursor = isSelected ? colors.selected("\u25B8") : " ";
       const severityIcon = this.severityIcon(issue.severity);
       const filename = issue.file.split("/").pop() || issue.file;
-      const location = `${filename}:${issue.line || "?"}`;
+      const location = colors.dim(`${filename}:${issue.line || "?"}`);
       const description = issue.issue.slice(0, 35) + (issue.issue.length > 35 ? "..." : "");
-      const line = `${severityIcon} ${cursor} ${description.padEnd(38)} ${location.padEnd(20)}`;
-      console.log(`|  ${line}`.slice(0, width - 1).padEnd(width - 1) + "|");
+      const descText = isSelected ? colors.selected(description) : description;
+      console.log(v + "  " + severityIcon + " " + cursor + " " + descText + "  " + location + " ".repeat(Math.max(0, width - 70)) + v);
     }
     for (let i = pageIssues.length; i < pageSize; i++) {
-      console.log("|" + " ".repeat(width - 2) + "|");
+      console.log(v + " ".repeat(width - 2) + v);
     }
     if (filteredIssues[selectedIssue]) {
       const selected = filteredIssues[selectedIssue];
-      console.log("+" + this.line(width - 2) + "+");
-      console.log("|  SELECTED: " + selected.issue.slice(0, width - 15).padEnd(width - 15) + "|");
-      console.log("|  " + this.line(width - 6) + "  |");
-      console.log(`|  File: ${selected.file}`.slice(0, width - 1).padEnd(width - 1) + "|");
-      console.log(`|  Line: ${selected.line || "Unknown"}  Agent: ${selected.agent}`.padEnd(width - 1) + "|");
-      console.log("|" + " ".repeat(width - 2) + "|");
+      console.log(sectionBorder);
+      console.log(v + "  " + colors.header("SELECTED:") + " " + colors.highlight(selected.issue.slice(0, width - 20)) + " ".repeat(Math.max(0, width - 60)) + v);
+      console.log(v + "  " + colors.dim(this.line(width - 6)) + "  " + v);
+      console.log(v + "  " + colors.dim("File:") + " " + selected.file.slice(0, width - 15) + " ".repeat(Math.max(0, width - 50)) + v);
+      console.log(v + "  " + colors.dim("Line:") + " " + (selected.line || "Unknown") + "  " + colors.dim("Scout:") + " " + selected.agent + " ".repeat(Math.max(0, width - 40)) + v);
+      console.log(v + " ".repeat(width - 2) + v);
       const fixLines = this.wrapText(selected.fix, width - 8);
-      console.log("|  Fix:".padEnd(width - 1) + "|");
+      console.log(v + "  " + colors.success("Fix:") + " ".repeat(Math.max(0, width - 10)) + v);
       for (const line of fixLines.slice(0, 2)) {
-        console.log(`|    ${line}`.padEnd(width - 1) + "|");
+        console.log(v + "    " + colors.success(line) + " ".repeat(Math.max(0, width - line.length - 10)) + v);
       }
     }
   }
@@ -3671,52 +3755,55 @@ var InteractiveDashboard = class {
    * Render agents view
    */
   renderAgentsView(width) {
-    const agentEntries = Object.entries(this.state.agents).map(([name, meta]) => {
-      return {
-        name,
-        status: meta.status,
-        duration: meta.durationMs ? `${(meta.durationMs / 1e3).toFixed(1)}s` : "\u2014",
-        issues: meta.issues ?? 0,
-        start: meta.start,
-        end: meta.end
-      };
-    });
-    for (const name of this.state.progress.activeAgents) {
-      if (!this.state.agents[name]) {
-        agentEntries.push({ name, status: "running", duration: "\u2014", issues: 0, start: void 0, end: void 0 });
-      }
-    }
-    for (const name of this.state.progress.completedAgents) {
-      if (!this.state.agents[name]) {
-        agentEntries.push({ name, status: "done", duration: "\u2014", issues: this.getAgentIssueCount(name), start: void 0, end: void 0 });
-      }
-    }
-    const order = { running: 0, queued: 1, done: 2 };
-    const sorted = agentEntries.sort((a, b) => {
-      return order[a.status] - order[b.status] || a.name.localeCompare(b.name);
-    });
+    const v = colors.border(box.vertical);
+    const sectionBorder = colors.border(box.leftT + this.line(width - 2) + box.rightT);
+    const sorted = this.getSortedAgents();
     const pageSize = 6;
     const startIdx = this.state.agentPage * pageSize;
     const slice = sorted.slice(startIdx, startIdx + pageSize);
-    console.log("|  AGENTS STATUS" + " ".repeat(width - 18) + "|");
-    console.log("+" + this.line(width - 2) + "+");
-    console.log(`|  Page ${this.state.agentPage + 1} / ${Math.max(1, Math.ceil(sorted.length / pageSize))}`.padEnd(width - 1) + "|");
+    console.log(v + "  " + colors.header("SCOUT STATUS") + "  " + colors.dim("(Enter to view issues, j/k to navigate)") + " ".repeat(Math.max(0, width - 60)) + v);
+    console.log(sectionBorder);
+    console.log(v + "  " + colors.dim(`Page ${this.state.agentPage + 1} / ${Math.max(1, Math.ceil(sorted.length / pageSize))}`) + " ".repeat(Math.max(0, width - 20)) + v);
     if (slice.length === 0) {
-      console.log("|  No agents yet".padEnd(width - 1) + "|");
+      console.log(v + "  " + colors.dim("No scouts yet") + " ".repeat(Math.max(0, width - 20)) + v);
       return;
     }
-    console.log("|  Name                 Status     Issues   Duration".padEnd(width - 1) + "|");
-    console.log("|  " + this.line(width - 6) + "  |");
-    for (const agent of slice) {
-      const statusIcon = agent.status === "running" ? "*" : agent.status === "done" ? "+" : "o";
-      const line = `|  ${statusIcon} ${agent.name.padEnd(18)} ${agent.status.padEnd(9)} ${agent.issues.toString().padStart(6)}   ${agent.duration.padEnd(8)}`;
-      console.log(line.slice(0, width - 1).padEnd(width - 1) + "|");
+    console.log(v + "     " + colors.dim("Name                 Status     Issues   Duration") + " ".repeat(Math.max(0, width - 58)) + v);
+    console.log(v + "  " + colors.dim(this.line(width - 6)) + "  " + v);
+    for (let i = 0; i < slice.length; i++) {
+      const agent = slice[i];
+      if (!agent) continue;
+      const globalIdx = startIdx + i;
+      const isSelected = globalIdx === this.state.selectedAgent;
+      const cursor = isSelected ? colors.selected("\u25B8") : " ";
+      const statusIcon = agent.status === "running" ? this.agentIcon("running") : agent.status === "done" ? this.agentIcon("done") : this.agentIcon("waiting");
+      const statusText = agent.status === "running" ? colors.running(agent.status.padEnd(9)) : agent.status === "done" ? colors.success(agent.status.padEnd(9)) : colors.waiting(agent.status.padEnd(9));
+      const issueCount = agent.issues > 0 ? colors.serious(agent.issues.toString().padStart(6)) : colors.dim(agent.issues.toString().padStart(6));
+      const duration = colors.dim(agent.duration.padEnd(8));
+      const nameText = isSelected ? colors.selected(agent.name.padEnd(18)) : agent.name.padEnd(18);
+      console.log(v + "  " + cursor + " " + statusIcon + " " + nameText + " " + statusText + " " + issueCount + "   " + duration + " ".repeat(Math.max(0, width - 65)) + v);
+    }
+    for (let i = slice.length; i < pageSize; i++) {
+      console.log(v + " ".repeat(width - 2) + v);
+    }
+    const selected = sorted[this.state.selectedAgent];
+    if (selected) {
+      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);
+      console.log(v + "  " + colors.header("SELECTED:") + " " + colors.highlight(selected.name) + " ".repeat(Math.max(0, width - 30)) + v);
+      console.log(v + "  " + colors.dim(this.line(width - 6)) + "  " + v);
+      console.log(v + "  " + colors.dim("Issues:") + " " + colors.highlight(agentIssues.length.toString()) + " total  (" + colors.critical(`[!] ${criticals} critical`) + ", " + colors.serious(`[x] ${serious} serious`) + ")" + " ".repeat(Math.max(0, width - 65)) + v);
+      console.log(v + "  " + colors.dim("Press Enter to view all issues from this scout") + " ".repeat(Math.max(0, width - 55)) + v);
     }
   }
   /**
    * Render files view
    */
   renderFilesView(width) {
+    const v = colors.border(box.vertical);
+    const sectionBorder = colors.border(box.leftT + this.line(width - 2) + box.rightT);
     const fileIssues = /* @__PURE__ */ new Map();
     for (const issue of this.state.issues) {
       if (!fileIssues.has(issue.file)) {
@@ -3725,25 +3812,38 @@ var InteractiveDashboard = class {
       fileIssues.get(issue.file).push(issue);
     }
     const sortedFiles = Array.from(fileIssues.entries()).sort((a, b) => b[1].length - a[1].length).slice(0, 15);
-    console.log("|  FILES WITH ISSUES" + " ".repeat(width - 22) + "|");
-    console.log("+" + this.line(width - 2) + "+");
+    console.log(v + "  " + colors.header("FILES WITH ISSUES") + " ".repeat(width - 22) + v);
+    console.log(sectionBorder);
     for (const [file, issues] of sortedFiles) {
       const filename = file.split("/").pop() || file;
       const criticalCount = issues.filter((i) => i.severity === "critical").length;
       const totalCount = issues.length;
-      const criticalText = criticalCount > 0 ? ` (${criticalCount} critical)` : "";
-      console.log(`|  ${filename.padEnd(35)} ${totalCount} issues${criticalText}`.slice(0, width - 1).padEnd(width - 1) + "|");
+      const criticalText = criticalCount > 0 ? colors.critical(` (${criticalCount} critical)`) : "";
+      const countText = criticalCount > 0 ? colors.serious(`${totalCount} issues`) : colors.dim(`${totalCount} issues`);
+      console.log(v + "  " + filename.padEnd(35) + " " + countText + criticalText + " ".repeat(Math.max(0, width - 60)) + v);
+    }
+    for (let i = sortedFiles.length; i < 10; i++) {
+      console.log(v + " ".repeat(width - 2) + v);
     }
   }
   /**
    * Render footer with controls
    */
   renderFooter(width) {
-    console.log("+" + this.line(width - 2) + "+");
+    const bottomBorder = colors.border(box.bottomLeft + this.line(width - 2) + box.bottomRight);
+    console.log(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("   [q] Quit  [Tab] Views  [j/k] Nav  [n/p] Pages  [w] Watch  [r] Rerun");
+      console.log("   " + 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"));
+    } 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"));
+    } 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"));
     } else {
-      console.log("   [Tab] Views  [j/k] Nav  [n/p] Pages  [1-4] Severity  [f] Filter  [w] Watch  [r] Rerun  [q] Quit");
+      console.log("   " + hint("Tab", "Views") + "  " + hint("n/p", "Pages") + "  " + hint("?", "Help") + "  " + hint("q", "Quit"));
     }
   }
   // Helper methods
@@ -3757,14 +3857,48 @@ var InteractiveDashboard = class {
   navigateUp() {
     if (this.state.view === "issues") {
       this.state.selectedIssue = Math.max(0, this.state.selectedIssue - 1);
+    } else if (this.state.view === "agents") {
+      this.state.selectedAgent = Math.max(0, this.state.selectedAgent - 1);
+      const pageSize = 6;
+      const page = Math.floor(this.state.selectedAgent / pageSize);
+      if (page !== this.state.agentPage) {
+        this.state.agentPage = page;
+      }
     }
   }
   navigateDown() {
     if (this.state.view === "issues") {
       const filteredIssues = this.getFilteredIssues();
       this.state.selectedIssue = Math.min(filteredIssues.length - 1, this.state.selectedIssue + 1);
+    } else if (this.state.view === "agents") {
+      const agents = this.getSortedAgents();
+      this.state.selectedAgent = Math.min(agents.length - 1, this.state.selectedAgent + 1);
+      const pageSize = 6;
+      const page = Math.floor(this.state.selectedAgent / pageSize);
+      if (page !== this.state.agentPage) {
+        this.state.agentPage = page;
+      }
     }
   }
+  getSortedAgents() {
+    const agentEntries = [];
+    for (const [name, data] of Object.entries(this.state.agents)) {
+      const duration = data.durationMs ? `${(data.durationMs / 1e3).toFixed(1)}s` : "\u2014";
+      agentEntries.push({ name, status: data.status, issues: data.issues, duration });
+    }
+    for (const name of this.state.progress.activeAgents) {
+      if (!this.state.agents[name]) {
+        agentEntries.push({ name, status: "running", issues: 0, duration: "\u2014" });
+      }
+    }
+    for (const name of this.state.progress.completedAgents) {
+      if (!this.state.agents[name]) {
+        agentEntries.push({ name, status: "done", issues: this.getAgentIssueCount(name), duration: "\u2014" });
+      }
+    }
+    const order = { running: 0, queued: 1, done: 2 };
+    return agentEntries.sort((a, b) => (order[a.status] ?? 2) - (order[b.status] ?? 2) || a.name.localeCompare(b.name));
+  }
   nextPage() {
     if (this.state.view === "agents") {
       const total = Math.max(1, Math.ceil(Object.keys(this.state.agents).length / 6));
@@ -3788,6 +3922,24 @@ var InteractiveDashboard = class {
       if (selected) {
         this.showIssueDetails(selected);
       }
+    } else if (this.state.view === "agents") {
+      const agents = this.getSortedAgents();
+      const selected = agents[this.state.selectedAgent];
+      if (selected) {
+        this.state.previousView = "agents";
+        this.state.filter.agent = selected.name;
+        this.state.selectedIssue = 0;
+        this.state.view = "issues";
+      }
+    }
+  }
+  goBack() {
+    if (this.state.previousView) {
+      if (this.state.previousView === "agents" && this.state.filter.agent !== "all") {
+        this.state.filter.agent = "all";
+      }
+      this.state.view = this.state.previousView;
+      this.state.previousView = null;
     }
   }
   setFilter(type, value) {
@@ -3819,7 +3971,7 @@ var InteractiveDashboard = class {
   getFilterDescription() {
     const parts = [];
     if (this.state.filter.severity !== "all") parts.push(`Severity: ${this.state.filter.severity}`);
-    if (this.state.filter.agent !== "all") parts.push(`Agent: ${this.state.filter.agent}`);
+    if (this.state.filter.agent !== "all") parts.push(`Scout: ${this.state.filter.agent}`);
     if (this.state.filter.search) parts.push(`Search: "${this.state.filter.search}"`);
     return parts.length > 0 ? parts.join(", ") : "All issues";
   }
@@ -3839,38 +3991,108 @@ var InteractiveDashboard = class {
     return lines;
   }
   async promptFilter() {
+    if (this.updateInterval) {
+      clearInterval(this.updateInterval);
+      this.updateInterval = void 0;
+    }
     if (input.isTTY) {
       input.setRawMode(false);
     }
-    this.rl.question("Search filter (leave empty to clear): ", (answer) => {
+    const v = colors.border(box.vertical);
+    const w = 62;
+    process.stdout.write("\x1B[2J\x1B[H\x1B[?25h");
+    console.log(colors.border(box.topLeft + this.line(w - 2) + box.topRight));
+    console.log(v + "  " + colors.header("FILTER ISSUES") + " ".repeat(w - 18) + v);
+    console.log(colors.border(box.leftT + this.line(w - 2) + box.rightT));
+    console.log(v + "  " + colors.dim("Current filters:") + " ".repeat(w - 21) + v);
+    console.log(v + "    " + colors.dim("Severity:") + " " + colors.highlight(this.state.filter.severity) + " ".repeat(Math.max(0, w - 20)) + v);
+    console.log(v + "    " + colors.dim("Scout:") + " " + colors.highlight(this.state.filter.agent) + " ".repeat(Math.max(0, w - 18)) + v);
+    console.log(v + "    " + colors.dim("Search:") + " " + colors.highlight(this.state.filter.search || "(none)") + " ".repeat(Math.max(0, w - 20)) + v);
+    console.log(colors.border(box.bottomLeft + this.line(w - 2) + box.bottomRight));
+    console.log("");
+    this.rl.question(colors.border("\u25B8 ") + "Enter search term (empty to clear): ", (answer) => {
       this.state.filter.search = answer.trim();
       this.state.selectedIssue = 0;
       if (input.isTTY) {
         input.setRawMode(true);
       }
+      this.startUpdateLoop();
+      this.render();
+    });
+  }
+  async promptAgentFilter() {
+    if (this.updateInterval) {
+      clearInterval(this.updateInterval);
+      this.updateInterval = void 0;
+    }
+    if (input.isTTY) {
+      input.setRawMode(false);
+    }
+    const agents = [.../* @__PURE__ */ new Set([
+      ...this.state.progress.completedAgents,
+      ...this.state.progress.activeAgents,
+      ...Object.keys(this.state.agents)
+    ])].sort();
+    const v = colors.border(box.vertical);
+    const w = 62;
+    process.stdout.write("\x1B[2J\x1B[H\x1B[?25h");
+    console.log(colors.border(box.topLeft + this.line(w - 2) + box.topRight));
+    console.log(v + "  " + colors.header("FILTER BY SCOUT") + " ".repeat(w - 20) + v);
+    console.log(colors.border(box.leftT + this.line(w - 2) + box.rightT));
+    console.log(v + "  " + colors.dim("Current scout filter:") + " " + colors.highlight(this.state.filter.agent) + " ".repeat(Math.max(0, w - 30)) + v);
+    console.log(colors.border(box.leftT + this.line(w - 2) + box.rightT));
+    console.log(v + "  " + colors.dim("Available scouts:") + " ".repeat(w - 22) + v);
+    for (const agent of agents.slice(0, 10)) {
+      console.log(v + "    " + colors.success("\u2022") + " " + agent + " ".repeat(Math.max(0, w - agent.length - 8)) + v);
+    }
+    if (agents.length > 10) {
+      console.log(v + "    " + colors.dim(`... and ${agents.length - 10} more`) + " ".repeat(Math.max(0, w - 25)) + v);
+    }
+    console.log(colors.border(box.bottomLeft + this.line(w - 2) + box.bottomRight));
+    console.log("");
+    this.rl.question(colors.border("\u25B8 ") + "Enter scout name (empty for all): ", (answer) => {
+      const trimmed = answer.trim();
+      if (trimmed === "" || trimmed.toLowerCase() === "all") {
+        this.state.filter.agent = "all";
+      } else {
+        const match = agents.find((a) => a.toLowerCase().includes(trimmed.toLowerCase()));
+        this.state.filter.agent = match || trimmed;
+      }
+      this.state.selectedIssue = 0;
+      if (input.isTTY) {
+        input.setRawMode(true);
+      }
+      this.startUpdateLoop();
       this.render();
     });
   }
   showHelp() {
     this.isActive = false;
     process.stdout.write("\x1B[2J\x1B[H");
-    console.log("+" + this.line(66) + "+");
-    console.log("|  TRIE GUARDIAN - HELP" + " ".repeat(44) + "|");
-    console.log("+" + this.line(66) + "+");
-    console.log("|  Navigation" + " ".repeat(54) + "|");
-    console.log("|    Tab        Switch view (overview/issues/agents/files)" + " ".repeat(8) + "|");
-    console.log("|    up/down    Navigate issues list" + " ".repeat(29) + "|");
-    console.log("|    Enter      View issue details" + " ".repeat(31) + "|");
-    console.log("|  Filters" + " ".repeat(57) + "|");
-    console.log("|    1-4        Filter by severity (critical->low)" + " ".repeat(16) + "|");
-    console.log("|    0          Clear severity filter" + " ".repeat(28) + "|");
-    console.log("|    f          Search filter" + " ".repeat(36) + "|");
-    console.log("|    c          Clear all filters" + " ".repeat(32) + "|");
-    console.log("|  Other" + " ".repeat(59) + "|");
-    console.log("|    h or ?     Show this help" + " ".repeat(35) + "|");
-    console.log("|    q          Quit" + " ".repeat(45) + "|");
-    console.log("+" + this.line(66) + "+");
-    console.log("   Press any key to return...");
+    const v = colors.border(box.vertical);
+    const w = 68;
+    console.log(colors.border(box.topLeft + this.line(w - 2) + box.topRight));
+    console.log(v + "  " + colors.brand("TRIE GUARDIAN") + " " + colors.dim("-") + " " + colors.header("HELP") + " ".repeat(w - 26) + v);
+    console.log(colors.border(box.leftT + this.line(w - 2) + box.rightT));
+    console.log(v + "  " + colors.header("Navigation") + " ".repeat(w - 15) + v);
+    console.log(v + "    " + colors.highlight("Tab") + "        " + colors.dim("Switch view (overview/issues/scouts/files)") + " ".repeat(w - 56) + v);
+    console.log(v + "    " + colors.highlight("j/k") + "        " + colors.dim("Navigate up/down in lists") + " ".repeat(w - 40) + v);
+    console.log(v + "    " + colors.highlight("n/p") + "        " + colors.dim("Next/previous page") + " ".repeat(w - 33) + v);
+    console.log(v + "    " + colors.highlight("Enter") + "      " + colors.dim("View details / drill into scout") + " ".repeat(w - 46) + v);
+    console.log(v + "    " + colors.highlight("b") + "          " + colors.dim("Go back (after drilling into scout)") + " ".repeat(w - 50) + v);
+    console.log(v + " ".repeat(w - 2) + v);
+    console.log(v + "  " + colors.header("Filters") + " ".repeat(w - 12) + v);
+    console.log(v + "    " + colors.highlight("1-4") + "        " + colors.dim("Filter by severity (1=critical, 4=low)") + " ".repeat(w - 53) + v);
+    console.log(v + "    " + colors.highlight("0") + "          " + colors.dim("Show all severities") + " ".repeat(w - 34) + v);
+    console.log(v + "    " + colors.highlight("f") + "          " + colors.dim("Search issues by text") + " ".repeat(w - 36) + v);
+    console.log(v + "    " + colors.highlight("s") + "          " + colors.dim("Filter by scout name") + " ".repeat(w - 35) + v);
+    console.log(v + "    " + colors.highlight("c") + "          " + colors.dim("Clear all filters") + " ".repeat(w - 32) + v);
+    console.log(v + " ".repeat(w - 2) + v);
+    console.log(v + "  " + colors.header("Other") + " ".repeat(w - 10) + v);
+    console.log(v + "    " + colors.highlight("h") + " or " + colors.highlight("?") + "    " + colors.dim("Show this help") + " ".repeat(w - 31) + v);
+    console.log(v + "    " + colors.highlight("q") + " or " + colors.highlight("Esc") + "  " + colors.dim("Quit") + " ".repeat(w - 23) + v);
+    console.log(colors.border(box.bottomLeft + this.line(w - 2) + box.bottomRight));
+    console.log("   " + colors.dim("Press any key to return..."));
     const resume = () => {
       this.isActive = true;
       this.render();
@@ -3880,25 +4102,28 @@ var InteractiveDashboard = class {
   showIssueDetails(issue) {
     this.isActive = false;
     process.stdout.write("\x1B[2J\x1B[H");
-    console.log("+" + this.line(66) + "+");
-    console.log("|  ISSUE DETAILS" + " ".repeat(51) + "|");
-    console.log("+" + this.line(66) + "+");
-    console.log(`|  File: ${issue.file}`.slice(0, 66).padEnd(66) + "|");
-    console.log(`|  Line: ${issue.line || "Unknown"}   Agent: ${issue.agent}`.slice(0, 66).padEnd(66) + "|");
-    console.log("+" + this.line(66) + "+");
-    console.log("|  Issue" + " ".repeat(59) + "|");
-    const issueLines = this.wrapText(issue.issue, 62);
+    const v = colors.border(box.vertical);
+    const w = 68;
+    const severityColor = issue.severity === "critical" ? colors.critical : issue.severity === "serious" ? colors.serious : issue.severity === "moderate" ? colors.moderate : colors.low;
+    console.log(colors.border(box.topLeft + this.line(w - 2) + box.topRight));
+    console.log(v + "  " + colors.header("ISSUE DETAILS") + "  " + severityColor(`[${issue.severity.toUpperCase()}]`) + " ".repeat(Math.max(0, w - 30)) + v);
+    console.log(colors.border(box.leftT + this.line(w - 2) + box.rightT));
+    console.log(v + "  " + colors.dim("File:") + " " + issue.file.slice(0, w - 12) + " ".repeat(Math.max(0, w - issue.file.length - 10)) + v);
+    console.log(v + "  " + colors.dim("Line:") + " " + (issue.line || "Unknown") + "   " + colors.dim("Scout:") + " " + issue.agent + " ".repeat(Math.max(0, w - 40)) + v);
+    console.log(colors.border(box.leftT + this.line(w - 2) + box.rightT));
+    console.log(v + "  " + colors.header("Issue") + " ".repeat(w - 10) + v);
+    const issueLines = this.wrapText(issue.issue, w - 8);
     for (const line of issueLines.slice(0, 4)) {
-      console.log(`|    ${line}`.padEnd(66) + "|");
+      console.log(v + "    " + severityColor(line) + " ".repeat(Math.max(0, w - line.length - 6)) + v);
     }
-    console.log("+" + this.line(66) + "+");
-    console.log("|  Fix" + " ".repeat(61) + "|");
-    const fixLines = this.wrapText(issue.fix, 62);
+    console.log(colors.border(box.leftT + this.line(w - 2) + box.rightT));
+    console.log(v + "  " + colors.success("Fix") + " ".repeat(w - 8) + v);
+    const fixLines = this.wrapText(issue.fix, w - 8);
     for (const line of fixLines.slice(0, 4)) {
-      console.log(`|    ${line}`.padEnd(66) + "|");
+      console.log(v + "    " + colors.success(line) + " ".repeat(Math.max(0, w - line.length - 6)) + v);
     }
-    console.log("+" + this.line(66) + "+");
-    console.log("   Press any key to return...");
+    console.log(colors.border(box.bottomLeft + this.line(w - 2) + box.bottomRight));
+    console.log("   " + colors.dim("Press any key to return..."));
     const resume = () => {
       this.isActive = true;
       this.render();
@@ -4652,13 +4877,13 @@ ${overdueAssignments.length} issues are overdue and require attention.`
    * Get color for assignment priority
    */
   getAssignmentColor(priority) {
-    const colors = {
+    const colors2 = {
       urgent: "danger",
       high: "warning",
       medium: "good",
       low: "#36a64f"
     };
-    return colors[priority] ?? "good";
+    return colors2[priority] ?? "good";
   }
   /**
    * Test Slack connection
@@ -5925,4 +6150,4 @@ export {
   InteractiveDashboard,
   TrieScanTool
 };
-//# sourceMappingURL=chunk-E2LWAVIW.js.map
+//# sourceMappingURL=chunk-3XZO27U7.js.map