@triedotdev/mcp 1.0.33 → 1.0.34

package/README.md

@@ -4,6 +4,11 @@
 
 20 specialized agents scan your code for security, privacy, compliance, and bugs—all running in parallel with intelligent caching and real-time streaming.
 
+## What's New (latest updates)
+- Slash-friendly commands: `/trie` and `/trie_<tool>` work the same as `trie`.
+- Command palette: call `trie` with `action` to dispatch (scan, any agent, agent_smith, pr_review, watch, test, fix, explain, list_agents).
+- Clear MCP naming: all tools are discoverable with `trie_*` prefixes while short aliases still work.
+
 ---
 
 ## Table of Contents
@@ -112,6 +117,12 @@ Run trie_security on this file
 Run trie_soc2 to check compliance
 ```
 
+Slash-friendly command palette:
+
+- `trie` or `/trie` shows the quick menu.
+- `trie` / `/trie` with `{ action: "scan", files?: [], directory?: "" }` runs a full triaged scan.
+- `trie` / `/trie` with `{ action: "<agent>", files?: [] }` runs one agent (e.g., `security`, `ux`, `soc2`, `agent_smith`).
+
 ### How It Works
 
 Trie generates **actionable reports** with high-confidence issues. It does not auto-fix code. Instead:

package/dist/{chunk-IYWVUUJU.js → chunk-3NXWEJUV.js}

@@ -1339,9 +1339,75 @@ var DesignEngineerAgent = class extends BaseAgent {
           false
         ));
       }
+      let violetCount = 0;
+      for (const { hex } of colorsFound) {
+        const rgb = this.hexToRgb(hex);
+        if (!rgb) continue;
+        const hue = this.rgbToHue(rgb.r, rgb.g, rgb.b);
+        if (hue >= 250 && hue <= 310) violetCount++;
+      }
+      if (violetCount >= 3 && violetCount / colorsFound.length > 0.35) {
+        issues.push(this.createIssue(
+          this.generateIssueId(),
+          "moderate",
+          "Palette leans heavily on violet/purple \u2014 looks templated/AI-generated",
+          "Use Josef Albers \u201CInteraction of Color\u201D approach: constrain to 1-2 hue families, anchor with neutrals, and build contrast via value/temperature shifts rather than piling on violet gradients.",
+          file,
+          void 0,
+          0.78,
+          void 0,
+          false
+        ));
+      }
     }
     return issues;
   }
+  /**
+   * Convert hex color to RGB
+   */
+  hexToRgb(hex) {
+    const normalized = hex.replace("#", "");
+    if (normalized.length === 3) {
+      const r = parseInt(normalized[0] + normalized[0], 16);
+      const g = parseInt(normalized[1] + normalized[1], 16);
+      const b = parseInt(normalized[2] + normalized[2], 16);
+      return { r, g, b };
+    }
+    if (normalized.length === 6) {
+      const r = parseInt(normalized.slice(0, 2), 16);
+      const g = parseInt(normalized.slice(2, 4), 16);
+      const b = parseInt(normalized.slice(4, 6), 16);
+      return { r, g, b };
+    }
+    return null;
+  }
+  /**
+   * Calculate hue in degrees from RGB
+   */
+  rgbToHue(r, g, b) {
+    const rNorm = r / 255;
+    const gNorm = g / 255;
+    const bNorm = b / 255;
+    const max = Math.max(rNorm, gNorm, bNorm);
+    const min = Math.min(rNorm, gNorm, bNorm);
+    const delta = max - min;
+    if (delta === 0) return 0;
+    let hue;
+    switch (max) {
+      case rNorm:
+        hue = (gNorm - bNorm) / delta % 6;
+        break;
+      case gNorm:
+        hue = (bNorm - rNorm) / delta + 2;
+        break;
+      default:
+        hue = (rNorm - gNorm) / delta + 4;
+        break;
+    }
+    hue *= 60;
+    if (hue < 0) hue += 360;
+    return hue;
+  }
   /**
    * Get a random modern palette recommendation
    */
@@ -1357,6 +1423,10 @@ var DesignEngineerAgent = class extends BaseAgent {
     const issues = [];
     const isReact = /from ['"]react['"]|import React/.test(content);
     const hasAnimations = /animation|transition|@keyframes|animate/i.test(content);
+    const purposefulMotionSignals = hasAnimations || /hero|landing|modal|dialog|drawer|toast|tooltip|hover|scroll|parallax|reveal|transition|carousel|slider|gallery/i.test(content);
+    if (!purposefulMotionSignals) {
+      return issues;
+    }
     if (isReact && !hasLibraries.has("framer-motion") && !hasLibraries.has("react-spring")) {
       if (/useState.*animation|setAnimation|isAnimating|animationState/i.test(content)) {
         issues.push(this.createIssue(
@@ -1842,6 +1912,13 @@ var DesignEngineerAgent = class extends BaseAgent {
   getAIEnhancementSystemPrompt() {
     return `You are an award-winning design engineer from a top creative agency (Linear, Vercel, Stripe caliber). You review code for Awwwards-level polish and Codrops-worthy effects.
 
+## Guardrails: Design & Engineering Principles
+- Lead with user-centricity, clarity, and accessibility; animation is optional.
+- KISS and DRY: reduce complexity, prefer design tokens and reusable patterns.
+- Reliability and feedback: motion only when it improves understanding or state change.
+- Efficiency and sustainability: bias to stillness, avoid unnecessary paints/GPU work, honor prefers-reduced-motion.
+- Ethics and integrity: honest communication about capabilities, avoid dark patterns.
+
 ## Color Analysis Priority
 Detect "AI slop" colors \u2014 the garish, oversaturated colors that AI tools generate:
 - Neon greens (#00ff00, #0f0)
@@ -1849,13 +1926,32 @@ Detect "AI slop" colors \u2014 the garish, oversaturated colors that AI tools ge
 - Hot magentas (#ff00ff, #f0f)
 - Pure saturated primaries
 
-Replace with modern SaaS palettes from top sites (saaslandingpage.com, awwwards.com):
+Apply Josef Albers' "Interaction of Color":
+- Constrain to 1-2 hue families; anchor with neutrals (slate/zinc/stone).
+- Build contrast through value (light/dark) and temperature shifts, not saturation.
+- Test adjacency: colors must work in pairs/triads against neutral backgrounds.
+- Avoid overusing violet/purple gradients (common AI tell); explore original complements/analogous schemes.
+
+Replace with modern SaaS palettes from top sites (saaslandingpage.com, awwwards.com), customized via Albers adjacency tests:
 - **Dark mode**: Vercel (#000, #0070f3), Linear (#000212, #5e6ad2), Stripe (#0a2540, #635bff)
 - **Light mode**: Notion (#fff, #f7f6f3, #2eaadc), Figma (#fff, #f5f5f5, #0d99ff), Framer (#fff, #0055ff)
 - **Neutral grays**: Use slate, zinc, or neutral scales, not flat grays
 
+## Inspiration Sources (structured lookups)
+- Codrops Creative Hub (https://tympanus.net/codrops/hub/):
+  - Tags to scan: scroll, hover, typography, cursor, WebGL, WebGPU, GSAP, Framer Motion, Three.js, grid, parallax, page transition, slider/carousel.
+  - Use as inspiration for interaction patterns; keep accessibility, performance, reduced-motion.
+- Awwwards Directory (https://www.awwwards.com/directory/):
+  - Benchmarks: Locomotive, Immersive Garden, Active Theory, Hello Monday, Resn, Obys, Build in Amsterdam.
+  - Categories to map: animated websites, scrolling, one-page, interaction design, WebGL sites, 3D, GSAP, React, Framer.
+  - Extract patterns (structure, choreography, feedback), not pixels; keep clarity, responsiveness, and performance.
+
 ## Motion & Creative Effects
-Recommend appropriate libraries based on project context:
+Recommend motion only when it improves comprehension or feedback; keep durations 150-300ms, ease-out preferred, and provide reduced-motion fallbacks. Prefer micro-interactions over showy effects.
+- Default to static if motion adds no clarity.
+- Ensure @media (prefers-reduced-motion) disables non-essential motion.
+- Prioritize transform/opacity over layout-changing properties.
+When warranted by context, suggest libraries:
 - **React projects**: Framer Motion (gestures, layout), React Spring (physics), Auto-Animate (quick wins)
 - **Complex timelines**: GSAP + ScrollTrigger, SplitText for character animations
 - **3D/WebGL**: React Three Fiber + Drei for hero sections, product showcases
@@ -5296,4 +5392,4 @@ export {
   CustomAgent,
   getAgentRegistry
 };
-//# sourceMappingURL=chunk-IYWVUUJU.js.map
+//# sourceMappingURL=chunk-3NXWEJUV.js.map