@triedotdev/mcp 1.0.15 → 1.0.17

package/dist/cli/yolo-daemon.js

@@ -2,7 +2,7 @@
 import {
   TrieFixTool,
   TrieScanTool
-} from "../chunk-NJXF26W7.js";
+} from "../chunk-ENCH27CT.js";
 import "../chunk-3CS6Z2SL.js";
 import "../chunk-4OGYWKMD.js";
 import "../chunk-MR755QGT.js";

package/dist/index.js

@@ -12,7 +12,7 @@ import {
   getAgentRegistry,
   getPrompt,
   getSystemPrompt
-} from "./chunk-NJXF26W7.js";
+} from "./chunk-ENCH27CT.js";
 import "./chunk-3CS6Z2SL.js";
 import "./chunk-4OGYWKMD.js";
 import "./chunk-MR755QGT.js";
@@ -20,7 +20,7 @@ import "./chunk-6NLHFIYA.js";
 import "./chunk-DGUM43GV.js";
 
 // src/index.ts
-import { Server } from "@modelcontextprotocol/sdk/server/index.js";
+import { Server as Server2 } from "@modelcontextprotocol/sdk/server/index.js";
 import { StdioServerTransport } from "@modelcontextprotocol/sdk/server/stdio.js";
 import {
   CallToolRequestSchema,
@@ -2080,7 +2080,11 @@ var AGENT_TO_AI_TYPE = {
   "test": "test",
   "trie_clean": "vibe",
   "super-reviewer": "pr_review",
-  "agent-smith": "agent-smith"
+  "agent-smith": "agent-smith",
+  "performance": "performance",
+  "e2e": "e2e",
+  "visual-qa": "visual_qa",
+  "data-flow": "data_flow"
 };
 var TrieAgentTool = class {
   agentRegistry = getAgentRegistry();
@@ -2938,18 +2942,31 @@ var TrieListAgentsTool = class {
       );
       const validCustomAgents = customAgents.filter(Boolean);
       const builtinAgents = includeBuiltin ? [
+        // Security & Compliance
         { name: "security", displayName: "Security Agent", category: "security", isCustom: false },
         { name: "privacy", displayName: "Privacy Agent", category: "privacy", isCustom: false },
+        { name: "soc2", displayName: "SOC 2 Agent", category: "compliance", isCustom: false },
         { name: "legal", displayName: "Legal Agent", category: "compliance", isCustom: false },
+        // Code Quality
+        { name: "software-architect", displayName: "Architecture Agent", category: "architecture", isCustom: false },
+        { name: "bug-finding", displayName: "Bug Finding Agent", category: "quality", isCustom: false },
         { name: "typecheck", displayName: "TypeCheck Agent", category: "quality", isCustom: false },
-        { name: "comprehension", displayName: "Comprehension Agent", category: "communication", isCustom: false },
+        { name: "trie-clean", displayName: "Clean Agent", category: "ai-code", isCustom: false },
+        { name: "data-flow", displayName: "Data Flow Agent", category: "quality", isCustom: false },
+        // Design & UX
+        { name: "design-engineer", displayName: "Design Engineer Agent", category: "design", isCustom: false },
         { name: "accessibility", displayName: "Accessibility Agent", category: "accessibility", isCustom: false },
-        { name: "test", displayName: "Test Agent", category: "testing", isCustom: false },
-        { name: "software-architect", displayName: "Software Architect Agent", category: "architecture", isCustom: false },
+        { name: "user-testing", displayName: "UX Agent", category: "ux", isCustom: false },
+        { name: "visual-qa", displayName: "Visual QA Agent", category: "visual", isCustom: false },
+        // DevOps & Testing
         { name: "devops", displayName: "DevOps Agent", category: "devops", isCustom: false },
-        { name: "bug-finding", displayName: "Bug Finding Agent", category: "quality", isCustom: false },
-        { name: "user-testing", displayName: "User Testing Agent", category: "ux", isCustom: false },
-        { name: "trie_clean", displayName: "Trie Clean Agent", category: "ai-code", isCustom: false }
+        { name: "test", displayName: "Test Agent", category: "testing", isCustom: false },
+        { name: "e2e", displayName: "E2E Agent", category: "testing", isCustom: false },
+        { name: "performance", displayName: "Performance Agent", category: "performance", isCustom: false },
+        // Review & Explanation
+        { name: "super-reviewer", displayName: "Super Reviewer", category: "review", isCustom: false },
+        { name: "agent-smith", displayName: "Agent Smith", category: "review", isCustom: false },
+        { name: "comprehension", displayName: "Comprehension Agent", category: "communication", isCustom: false }
       ] : [];
       let response = `# \u{1F916} Registered Agents
 
@@ -3412,6 +3429,238 @@ ${fileChange.diff}
   }
 };
 
+// src/tools/visual-qa-browser.ts
+import { chromium } from "playwright";
+import { createServer } from "net";
+var DEFAULT_VIEWPORTS = [
+  { name: "mobile", width: 375, height: 812 },
+  // iPhone X
+  { name: "tablet", width: 768, height: 1024 },
+  // iPad
+  { name: "desktop", width: 1440, height: 900 }
+  // Standard desktop
+];
+async function findOpenPort() {
+  const commonPorts = [3e3, 3001, 5173, 5174, 4200, 8080, 8e3, 8888, 5e3, 4e3];
+  for (const port of commonPorts) {
+    const isOpen = await checkPort(port);
+    if (isOpen) {
+      return port;
+    }
+  }
+  return null;
+}
+async function checkPort(port) {
+  return new Promise((resolve5) => {
+    const server2 = createServer();
+    server2.once("error", (err) => {
+      if (err.code === "EADDRINUSE") {
+        resolve5(true);
+      } else {
+        resolve5(false);
+      }
+    });
+    server2.once("listening", () => {
+      server2.close();
+      resolve5(false);
+    });
+    server2.listen(port, "127.0.0.1");
+  });
+}
+async function captureScreenshots(url, viewports, options) {
+  let browser = null;
+  const screenshots = [];
+  try {
+    browser = await chromium.launch({
+      headless: true
+    });
+    for (const viewport of viewports) {
+      const page = await browser.newPage({
+        viewport: { width: viewport.width, height: viewport.height }
+      });
+      try {
+        await page.goto(url, {
+          waitUntil: "networkidle",
+          timeout: 3e4
+        });
+        if (options.waitForSelector) {
+          await page.waitForSelector(options.waitForSelector, { timeout: 1e4 });
+        }
+        if (options.waitMs) {
+          await page.waitForTimeout(options.waitMs);
+        }
+        const screenshotBuffer = await page.screenshot({
+          fullPage: true,
+          type: "png"
+        });
+        screenshots.push({
+          viewport: viewport.name,
+          width: viewport.width,
+          height: viewport.height,
+          base64: screenshotBuffer.toString("base64"),
+          mimeType: "image/png"
+        });
+      } finally {
+        await page.close();
+      }
+    }
+  } finally {
+    if (browser) {
+      await browser.close();
+    }
+  }
+  return screenshots;
+}
+async function runVisualQA(options = {}) {
+  let url = options.url;
+  if (!url) {
+    const port = options.port || await findOpenPort();
+    if (!port) {
+      return {
+        success: false,
+        url: "",
+        screenshots: [],
+        error: "No running dev server found. Please provide a URL or start your dev server on a common port (3000, 5173, 8080, etc.)",
+        analysisPrompt: ""
+      };
+    }
+    url = `http://localhost:${port}`;
+  }
+  const viewports = options.viewports || DEFAULT_VIEWPORTS;
+  try {
+    console.error(`\u{1F4F8} Visual QA: Capturing screenshots from ${url}`);
+    console.error(`   Viewports: ${viewports.map((v) => `${v.name} (${v.width}x${v.height})`).join(", ")}`);
+    const screenshots = await captureScreenshots(url, viewports, {
+      waitForSelector: options.waitForSelector,
+      waitMs: options.waitMs
+    });
+    console.error(`   \u2713 Captured ${screenshots.length} screenshots`);
+    const analysisPrompt = buildAnalysisPrompt(url, screenshots);
+    return {
+      success: true,
+      url,
+      screenshots,
+      analysisPrompt
+    };
+  } catch (error) {
+    const errorMessage = error instanceof Error ? error.message : String(error);
+    if (errorMessage.includes("net::ERR_CONNECTION_REFUSED")) {
+      return {
+        success: false,
+        url,
+        screenshots: [],
+        error: `Cannot connect to ${url}. Is your dev server running?`,
+        analysisPrompt: ""
+      };
+    }
+    if (errorMessage.includes("Executable doesn't exist")) {
+      return {
+        success: false,
+        url,
+        screenshots: [],
+        error: "Playwright browsers not installed. Run: npx playwright install chromium",
+        analysisPrompt: ""
+      };
+    }
+    return {
+      success: false,
+      url,
+      screenshots: [],
+      error: `Screenshot capture failed: ${errorMessage}`,
+      analysisPrompt: ""
+    };
+  }
+}
+function buildAnalysisPrompt(url, screenshots) {
+  const viewportList = screenshots.map((s) => `- ${s.viewport}: ${s.width}x${s.height}`).join("\n");
+  return `## Visual QA Analysis
+
+I've captured screenshots of **${url}** at ${screenshots.length} viewports:
+
+${viewportList}
+
+Please analyze these screenshots for:
+
+### Layout Issues
+- Overlapping elements or text
+- Content overflow or clipping
+- Broken layouts at specific breakpoints
+- Misaligned elements
+- Unexpected gaps or spacing
+
+### Responsive Design
+- Mobile navigation issues
+- Text too small to read on mobile
+- Touch targets too small (<44px)
+- Horizontal scrolling on mobile
+- Content not adapting to viewport
+
+### Visual Polish
+- Inconsistent spacing or alignment
+- Poor color contrast (text hard to read)
+- Broken images or missing assets
+- Loading states stuck/visible
+- Z-index issues (elements overlapping incorrectly)
+
+### Accessibility
+- Missing focus indicators
+- Color-only information
+- Text over images without sufficient contrast
+- Very small text (<12px)
+
+### General Quality
+- Does it look professional?
+- Is the hierarchy clear?
+- Are interactive elements obvious?
+- Any obvious bugs or glitches?
+
+For each issue found:
+1. **Viewport**: Which viewport(s) affected
+2. **Location**: Where on the page
+3. **Issue**: What's wrong
+4. **Severity**: Critical/Serious/Moderate/Low
+5. **Fix**: How to resolve it
+
+If the UI looks good, say so! Note what's working well.`;
+}
+function formatMCPResponse(result) {
+  if (!result.success) {
+    return {
+      content: [{
+        type: "text",
+        text: `# Visual QA Failed
+
+${result.error}
+
+## Troubleshooting
+
+1. Make sure your dev server is running
+2. Try: \`trie_visual_qa url:"http://localhost:3000"\`
+3. If Playwright isn't installed: \`npx playwright install chromium\``
+      }]
+    };
+  }
+  const content = [];
+  content.push({
+    type: "text",
+    text: result.analysisPrompt
+  });
+  for (const screenshot of result.screenshots) {
+    content.push({
+      type: "text",
+      text: `
+### ${screenshot.viewport} (${screenshot.width}x${screenshot.height})
+`
+    });
+    content.push({
+      type: "image",
+      data: screenshot.base64,
+      mimeType: screenshot.mimeType
+    });
+  }
+  return { content };
+}
+
 // src/utils/ai-tool-detector.ts
 function detectAITool() {
   if (process.env.CLAUDE_CODE_VERSION || process.env.CLAUDE_CODE) {
@@ -3561,7 +3810,7 @@ function mergeConfig(defaults, user) {
 }
 
 // src/index.ts
-var server = new Server(
+var server = new Server2(
   {
     name: "trie",
     version: "1.0.0",
@@ -3956,6 +4205,32 @@ var tools = [
       }
     }
   },
+  // Browser-based Visual QA with screenshots
+  {
+    name: "visual_qa_browser",
+    description: "Capture screenshots of your app at mobile/tablet/desktop viewports for visual QA. Auto-detects running dev servers or specify a URL. Returns images for Claude Vision analysis.",
+    inputSchema: {
+      type: "object",
+      properties: {
+        url: {
+          type: "string",
+          description: "URL to screenshot (e.g., http://localhost:3000). If not provided, auto-detects running dev server."
+        },
+        port: {
+          type: "number",
+          description: "Specific port to check if no URL provided"
+        },
+        waitForSelector: {
+          type: "string",
+          description: 'CSS selector to wait for before capturing (e.g., ".main-content")'
+        },
+        waitMs: {
+          type: "number",
+          description: "Additional milliseconds to wait after page load"
+        }
+      }
+    }
+  },
   // Custom agent creation tools (two-step process - no API key needed!)
   {
     name: "create_agent",
@@ -4180,6 +4455,23 @@ server.setRequestHandler(CallToolRequestSchema, async (request) => {
         return await agentTool.execute({ ...args, agent: "trie_clean" });
       case "soc2":
         return await agentTool.execute({ ...args, agent: "soc2" });
+      // New agents (inspired by Turkey Build)
+      case "performance":
+      case "perf":
+        return await agentTool.execute({ ...args, agent: "performance" });
+      case "e2e":
+        return await agentTool.execute({ ...args, agent: "e2e" });
+      case "visual_qa":
+      case "visual":
+        return await agentTool.execute({ ...args, agent: "visual-qa" });
+      case "visual_qa_browser": {
+        const visualArgs = args;
+        const result = await runVisualQA(visualArgs);
+        return formatMCPResponse(result);
+      }
+      case "data_flow":
+      case "dataflow":
+        return await agentTool.execute({ ...args, agent: "data-flow" });
       // Custom agent creation tools (two-step process)
       case "create_agent":
         return await createAgentTool.execute(args);
@@ -4443,8 +4735,9 @@ function showStartupBanner(agentCount, aiTool) {
 }
 async function main() {
   const aiTool = detectAITool();
-  const config = await loadConfig();
-  const agentCount = config.agents.builtin ? Object.keys(config.agents.builtin).length : 0;
+  await loadConfig();
+  const registry = getAgentRegistry();
+  const agentCount = registry.getAllAgents().length;
   showStartupBanner(agentCount, aiTool.name);
   const transport = new StdioServerTransport();
   await server.connect(transport);