antri_cli 1.57.42 → 1.57.43

package/dist/desktop/public/index.html

@@ -15,7 +15,7 @@
   <header class="app-header">
     <div class="brand-zone">
       <span class="logo-text">ANTRI</span>
-      <span class="version-tag">v1.57.42</span>
+      <span class="version-tag">v1.57.43</span>
     </div>
 
     <!-- Mode Toggle -->
@@ -85,6 +85,9 @@
       <button class="nav-item" onclick="showTab('dialectic')">
         <span class="nav-label">Dialectic Arena</span>
       </button>
+      <button class="nav-item" onclick="showTab('swarm')">
+        <span class="nav-label">🕸️ Swarm Canvas</span>
+      </button>
       <button class="nav-item" onclick="showTab('goal')">
         <span class="nav-label">Goal Pipeline</span>
       </button>
@@ -294,6 +297,176 @@
         </div>
       </section>
 
+      <!-- TAB: Agent Swarm Canvas -->
+      <section id="tab-swarm" class="tab-panel">
+        <div class="panel-header">
+          <div>
+            <div style="display:flex; align-items:center; gap: 10px;">
+              <h2>🕸️ Agent Swarm Canvas</h2>
+              <span class="badge-consensus" id="swarm-consensus-pill">Consensus: Ready</span>
+            </div>
+            <p>Autonomous Multi-Agent Directed Acyclic Graph (DAG) orchestration: Architect ➔ Systems Engineer ➔ Threat Auditor ➔ Adversarial QA ➔ Chief Synthesizer.</p>
+          </div>
+          <div class="debate-controls">
+            <input type="text" id="swarm-objective-input" placeholder="Enter system objective to orchestrate..." />
+            <button class="action-btn" id="btn-run-swarm" onclick="startSwarmOrchestration()">Launch Swarm DAG</button>
+          </div>
+        </div>
+
+        <!-- 1-Click Judge Presets -->
+        <div class="swarm-presets-bar">
+          <span class="presets-label">⚡ Judge 1-Click Showcases:</span>
+          <button class="swarm-preset-btn" onclick="setSwarmPreset('Design and implement a high-throughput distributed Rate Limiter with Redis token-bucket algorithm & sliding window in TypeScript')">⚡ Distributed Rate Limiter</button>
+          <button class="swarm-preset-btn" onclick="setSwarmPreset('Architect an end-to-end Zero-Trust OAuth2 authentication microservice with JWT rotation, rate-limiting & threat hardening')">🔐 Zero-Trust Auth Microservice</button>
+          <button class="swarm-preset-btn" onclick="setSwarmPreset('Synthesize a high-frequency crypto arbitrage engine with order book depth matching and risk controls')">📈 High-Frequency Arbitrage</button>
+          <button class="swarm-preset-btn" onclick="setSwarmPreset('Build a self-healing REST microservice with automated chaos testing and regression suites')">🛡️ Self-Healing Microservice</button>
+        </div>
+
+        <!-- Interactive SVG Swarm Canvas -->
+        <div class="swarm-canvas-card">
+          <div class="swarm-canvas-header">
+            <div class="canvas-title">
+              <span class="pulse-dot"></span>
+              <span>LIVE MULTI-AGENT DAG TOPOLOGY</span>
+            </div>
+            <div class="swarm-metrics-row">
+              <div class="metric-item">
+                <span class="m-label">Active Node</span>
+                <span class="m-val" id="metric-active-node">Idle</span>
+              </div>
+              <div class="metric-item">
+                <span class="m-label">Tokens Streamed</span>
+                <span class="m-val" id="metric-swarm-tokens">0</span>
+              </div>
+              <div class="metric-item">
+                <span class="m-label">Consensus Score</span>
+                <span class="m-val text-emerald" id="metric-swarm-consensus">100%</span>
+              </div>
+            </div>
+          </div>
+
+          <!-- SVG Visual DAG Canvas -->
+          <div class="swarm-svg-wrapper" id="swarm-svg-container">
+            <svg id="swarm-svg-canvas" viewBox="0 0 1000 320" preserveAspectRatio="xMidYMid meet">
+              <defs>
+                <linearGradient id="grad-planner" x1="0%" y1="0%" x2="100%" y2="100%">
+                  <stop offset="0%" stop-color="#0284c7" />
+                  <stop offset="100%" stop-color="#38bdf8" />
+                </linearGradient>
+                <linearGradient id="grad-engineer" x1="0%" y1="0%" x2="100%" y2="100%">
+                  <stop offset="0%" stop-color="#7c3aed" />
+                  <stop offset="100%" stop-color="#c084fc" />
+                </linearGradient>
+                <linearGradient id="grad-security" x1="0%" y1="0%" x2="100%" y2="100%">
+                  <stop offset="0%" stop-color="#e11d48" />
+                  <stop offset="100%" stop-color="#fb7185" />
+                </linearGradient>
+                <linearGradient id="grad-qa" x1="0%" y1="0%" x2="100%" y2="100%">
+                  <stop offset="0%" stop-color="#d97706" />
+                  <stop offset="100%" stop-color="#fbbf24" />
+                </linearGradient>
+                <linearGradient id="grad-synthesizer" x1="0%" y1="0%" x2="100%" y2="100%">
+                  <stop offset="0%" stop-color="#059669" />
+                  <stop offset="100%" stop-color="#34d399" />
+                </linearGradient>
+              </defs>
+
+              <!-- Connection Edges (Bezier curves) -->
+              <g id="swarm-edges-layer">
+                <path id="edge-planner-engineer" d="M 120 160 C 210 160, 240 90, 330 90" stroke="#334155" stroke-width="2.5" fill="none" stroke-dasharray="6,4" />
+                <path id="edge-planner-security" d="M 120 160 C 210 160, 240 230, 330 230" stroke="#334155" stroke-width="2.5" fill="none" stroke-dasharray="6,4" />
+                <path id="edge-engineer-qa" d="M 430 90 C 520 90, 560 90, 650 90" stroke="#334155" stroke-width="2.5" fill="none" stroke-dasharray="6,4" />
+                <path id="edge-engineer-security" d="M 380 135 L 380 185" stroke="#334155" stroke-width="2" fill="none" stroke-dasharray="4,4" />
+                <path id="edge-security-synth" d="M 430 230 C 600 230, 750 200, 850 170" stroke="#334155" stroke-width="2.5" fill="none" stroke-dasharray="6,4" />
+                <path id="edge-qa-synth" d="M 750 90 C 800 90, 830 140, 850 150" stroke="#334155" stroke-width="2.5" fill="none" stroke-dasharray="6,4" />
+              </g>
+
+              <!-- Animated Traveling Particle Layer -->
+              <g id="swarm-particles-layer"></g>
+
+              <!-- Nodes Layer -->
+              <g id="swarm-nodes-layer">
+                <!-- Node 1: Architect (Planner) -->
+                <g class="swarm-svg-node" id="svg-node-planner" transform="translate(100, 160)" onclick="selectSwarmAgentView('planner')">
+                  <circle class="node-halo" id="halo-planner" r="48" fill="rgba(56, 189, 248, 0.12)" stroke="#38bdf8" stroke-width="2" />
+                  <circle class="node-core" r="38" fill="url(#grad-planner)" />
+                  <text text-anchor="middle" dy="-2" font-size="22">🧠</text>
+                  <text text-anchor="middle" dy="18" fill="#ffffff" font-size="10" font-weight="700">ARCHITECT</text>
+                  <text text-anchor="middle" dy="62" fill="#94a3b8" font-size="10" font-family="monospace" id="svg-node-planner-status">IDLE</text>
+                </g>
+
+                <!-- Node 2: Systems Engineer -->
+                <g class="swarm-svg-node" id="svg-node-engineer" transform="translate(380, 90)" onclick="selectSwarmAgentView('engineer')">
+                  <circle class="node-halo" id="halo-engineer" r="48" fill="rgba(168, 85, 247, 0.12)" stroke="#a855f7" stroke-width="2" />
+                  <circle class="node-core" r="38" fill="url(#grad-engineer)" />
+                  <text text-anchor="middle" dy="-2" font-size="22">💻</text>
+                  <text text-anchor="middle" dy="18" fill="#ffffff" font-size="10" font-weight="700">ENGINEER</text>
+                  <text text-anchor="middle" dy="62" fill="#94a3b8" font-size="10" font-family="monospace" id="svg-node-engineer-status">IDLE</text>
+                </g>
+
+                <!-- Node 3: Security Sentinel -->
+                <g class="swarm-svg-node" id="svg-node-security" transform="translate(380, 230)" onclick="selectSwarmAgentView('security')">
+                  <circle class="node-halo" id="halo-security" r="48" fill="rgba(244, 63, 94, 0.12)" stroke="#f43f5e" stroke-width="2" />
+                  <circle class="node-core" r="38" fill="url(#grad-security)" />
+                  <text text-anchor="middle" dy="-2" font-size="22">🛡️</text>
+                  <text text-anchor="middle" dy="18" fill="#ffffff" font-size="10" font-weight="700">SECURITY</text>
+                  <text text-anchor="middle" dy="62" fill="#94a3b8" font-size="10" font-family="monospace" id="svg-node-security-status">IDLE</text>
+                </g>
+
+                <!-- Node 4: QA Chaos Tester -->
+                <g class="swarm-svg-node" id="svg-node-qa" transform="translate(700, 90)" onclick="selectSwarmAgentView('qa')">
+                  <circle class="node-halo" id="halo-qa" r="48" fill="rgba(245, 158, 11, 0.12)" stroke="#f59e0b" stroke-width="2" />
+                  <circle class="node-core" r="38" fill="url(#grad-qa)" />
+                  <text text-anchor="middle" dy="-2" font-size="22">🧪</text>
+                  <text text-anchor="middle" dy="18" fill="#ffffff" font-size="10" font-weight="700">QA CHAOS</text>
+                  <text text-anchor="middle" dy="62" fill="#94a3b8" font-size="10" font-family="monospace" id="svg-node-qa-status">IDLE</text>
+                </g>
+
+                <!-- Node 5: Chief Synthesizer -->
+                <g class="swarm-svg-node" id="svg-node-synthesizer" transform="translate(900, 160)" onclick="selectSwarmAgentView('synthesizer')">
+                  <circle class="node-halo" id="halo-synthesizer" r="52" fill="rgba(16, 185, 129, 0.15)" stroke="#10b981" stroke-width="2.5" />
+                  <circle class="node-core" r="42" fill="url(#grad-synthesizer)" />
+                  <text text-anchor="middle" dy="-2" font-size="24">⚖️</text>
+                  <text text-anchor="middle" dy="20" fill="#ffffff" font-size="10" font-weight="800">SYNTHESIZER</text>
+                  <text text-anchor="middle" dy="68" fill="#94a3b8" font-size="10" font-family="monospace" id="svg-node-synthesizer-status">IDLE</text>
+                </g>
+              </g>
+            </svg>
+          </div>
+        </div>
+
+        <!-- Lower Dual Workspace Area -->
+        <div class="swarm-workspace-grid">
+          <!-- Left: Live Persona Monologue Stream -->
+          <div class="swarm-stream-card">
+            <div class="stream-header">
+              <div class="stream-tabs">
+                <button class="stream-tab-btn active" id="tab-btn-planner" onclick="selectSwarmAgentView('planner')">🧠 Architect</button>
+                <button class="stream-tab-btn" id="tab-btn-engineer" onclick="selectSwarmAgentView('engineer')">💻 Engineer</button>
+                <button class="stream-tab-btn" id="tab-btn-security" onclick="selectSwarmAgentView('security')">🛡️ Security</button>
+                <button class="stream-tab-btn" id="tab-btn-qa" onclick="selectSwarmAgentView('qa')">🧪 QA</button>
+                <button class="stream-tab-btn" id="tab-btn-synthesizer" onclick="selectSwarmAgentView('synthesizer')">⚖️ Synthesizer</button>
+              </div>
+              <button class="copy-stream-btn" onclick="copyActiveSwarmStream()">📋 Copy</button>
+            </div>
+            <div class="swarm-stream-body" id="swarm-stream-output">
+              <div class="placeholder-text">Launch Swarm DAG to observe real-time agent monologues & token streaming...</div>
+            </div>
+          </div>
+
+          <!-- Right: Master Synthesis & Hardened Deliverables -->
+          <div class="swarm-deliverables-card">
+            <div class="deliverables-header">
+              <h3>🎯 Master Swarm Deliverables</h3>
+              <button class="action-btn-sm" id="btn-open-swarm-artifact" style="display:none;" onclick="openCurrentSwarmArtifact()">🌐 View Interactive Artifact</button>
+            </div>
+            <div class="deliverables-content" id="swarm-deliverables-body">
+              <div class="placeholder-text">Consensus synthesis, production code, threat audits, and test suites will assemble here.</div>
+            </div>
+          </div>
+        </div>
+      </section>
+
       <!-- TAB 4: Thinking Profiles -->
       <section id="tab-profiles" class="tab-panel">
         <div class="panel-header">
@@ -542,14 +715,33 @@
                   <button class="device-btn" id="btn-device-tablet" onclick="setStageDevice('tablet')">📱 Tablet</button>
                   <button class="device-btn" id="btn-device-mobile" onclick="setStageDevice('mobile')">📲 Mobile</button>
                 </div>
+                <button class="action-btn-visual-heal" id="btn-visual-heal" onclick="runVisualSelfHeal()">
+                  <span class="laser-indicator"></span> 📸 Visual Self-Heal (Gemini Vision)
+                </button>
                 <button class="action-btn-secondary" style="padding:4px 10px;font-size:11px;" onclick="reloadStageArtifact()">⟳ Reload</button>
                 <button class="action-btn" style="padding:4px 12px;font-size:11px;" onclick="openActiveArtifactInNewTab()">↗ Open Full Screen</button>
               </div>
             </div>
 
             <!-- Stage Iframe Viewport Container -->
-            <div id="stage-iframe-wrapper" style="flex:1;background:#090d16;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:12px;transition:all 0.25s ease;">
+            <div id="stage-iframe-wrapper" style="flex:1;background:#090d16;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;padding:12px;position:relative;transition:all 0.25s ease;">
+              <div id="visual-heal-scanner" class="laser-scanner" style="display:none;"></div>
               <iframe id="stage-artifact-iframe" allow="autoplay; clipboard-read; clipboard-write;" sandbox="allow-scripts allow-same-origin allow-popups allow-forms allow-modals" style="width:100%;height:100%;border:none;border-radius:8px;background:#ffffff;box-shadow:0 10px 30px rgba(0,0,0,0.5);transition:width 0.25s ease;"></iframe>
+
+              <!-- Visual Defect Report Overlay Card -->
+              <div id="visual-heal-results-card" class="visual-heal-overlay" style="display:none;">
+                <div class="heal-overlay-header">
+                  <div style="display:flex;align-items:center;gap:10px;">
+                    <span style="font-size:20px;">✨</span>
+                    <div>
+                      <h4 style="margin:0;font-size:13px;color:#34d399;font-weight:700;">Google Gemini 3.7 Vision · Autonomous UI Self-Healing</h4>
+                      <span id="heal-score-text" style="font-size:11px;color:#94a3b8;">Score: 98% · 3 Defects Repaired</span>
+                    </div>
+                  </div>
+                  <button class="modal-close" onclick="closeVisualHealOverlay()">✕</button>
+                </div>
+                <div id="heal-defects-list" class="heal-defects-container"></div>
+              </div>
             </div>
           </div>
         </div>

package/dist/desktop/public/style.css

@@ -2274,3 +2274,397 @@ body.antri-app {
   color: var(--primary);
   min-width: 1.2rem;
 }
+
+/* ==========================================================================
+   🕸️ Agent Swarm Canvas & Multi-Agent DAG Visualizer
+   ========================================================================== */
+
+.badge-consensus {
+  font-size: 11px;
+  font-weight: 700;
+  padding: 3px 10px;
+  border-radius: 999px;
+  background: rgba(16, 185, 129, 0.15);
+  border: 1px solid rgba(16, 185, 129, 0.35);
+  color: #34d399;
+  letter-spacing: 0.5px;
+  text-transform: uppercase;
+}
+
+.swarm-presets-bar {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  margin-bottom: 16px;
+  overflow-x: auto;
+  padding-bottom: 4px;
+}
+
+.presets-label {
+  font-size: 12px;
+  font-weight: 600;
+  color: var(--text-tertiary, #94a3b8);
+  white-space: nowrap;
+}
+
+.swarm-preset-btn {
+  background: rgba(30, 41, 59, 0.7);
+  border: 1px solid rgba(255, 255, 255, 0.08);
+  color: var(--text-secondary, #cbd5e1);
+  padding: 5px 12px;
+  border-radius: 8px;
+  font-size: 12px;
+  font-weight: 500;
+  cursor: pointer;
+  white-space: nowrap;
+  transition: all 0.2s ease;
+}
+
+.swarm-preset-btn:hover {
+  background: rgba(56, 189, 248, 0.15);
+  border-color: rgba(56, 189, 248, 0.4);
+  color: #38bdf8;
+  transform: translateY(-1px);
+}
+
+.swarm-canvas-card {
+  background: radial-gradient(circle at 50% 30%, rgba(15, 23, 42, 0.95), rgba(7, 10, 19, 0.98));
+  border: 1px solid rgba(59, 130, 246, 0.2);
+  border-radius: 16px;
+  padding: 16px 20px;
+  margin-bottom: 20px;
+  box-shadow: 0 12px 36px rgba(0, 0, 0, 0.5);
+  position: relative;
+  overflow: hidden;
+}
+
+.swarm-canvas-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: 12px;
+}
+
+.canvas-title {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  font-size: 11px;
+  font-weight: 700;
+  letter-spacing: 1px;
+  color: #38bdf8;
+}
+
+.pulse-dot {
+  width: 8px;
+  height: 8px;
+  border-radius: 50%;
+  background: #38bdf8;
+  box-shadow: 0 0 10px #38bdf8;
+  animation: pulseDot 2s infinite ease-in-out;
+}
+
+@keyframes pulseDot {
+  0%, 100% { opacity: 0.4; transform: scale(0.9); }
+  50% { opacity: 1; transform: scale(1.3); }
+}
+
+.swarm-metrics-row {
+  display: flex;
+  gap: 16px;
+}
+
+.metric-item {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-end;
+}
+
+.metric-item .m-label {
+  font-size: 10px;
+  color: var(--text-tertiary, #64748b);
+  text-transform: uppercase;
+}
+
+.metric-item .m-val {
+  font-size: 13px;
+  font-weight: 700;
+  color: #f1f5f9;
+  font-family: var(--font-mono);
+}
+
+.metric-item .text-emerald {
+  color: #34d399;
+}
+
+.swarm-svg-wrapper {
+  width: 100%;
+  height: 240px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.swarm-svg-wrapper svg {
+  width: 100%;
+  height: 100%;
+}
+
+.swarm-svg-node {
+  cursor: pointer;
+  transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1);
+}
+
+.swarm-svg-node:hover {
+  filter: brightness(1.25);
+}
+
+.swarm-svg-node .node-halo {
+  transition: all 0.3s ease;
+}
+
+.swarm-svg-node.active .node-halo {
+  animation: haloPulse 1.5s infinite ease-in-out;
+  stroke-width: 3.5px;
+}
+
+.swarm-svg-node.selected .node-halo {
+  stroke-width: 4px;
+  stroke: #ffffff;
+  filter: drop-shadow(0 0 12px rgba(255,255,255,0.6));
+}
+
+@keyframes haloPulse {
+  0%, 100% { transform: scale(1); opacity: 0.5; }
+  50% { transform: scale(1.12); opacity: 1; }
+}
+
+.particle-dot {
+  filter: drop-shadow(0 0 8px #38bdf8);
+}
+
+.swarm-workspace-grid {
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  gap: 20px;
+}
+
+@media (max-width: 900px) {
+  .swarm-workspace-grid {
+    grid-template-columns: 1fr;
+  }
+}
+
+.swarm-stream-card, .swarm-deliverables-card {
+  background: var(--bg-surface, #0f172a);
+  border: 1px solid var(--border-color, #1e293b);
+  border-radius: 12px;
+  display: flex;
+  flex-direction: column;
+  height: 480px;
+  overflow: hidden;
+}
+
+.stream-header, .deliverables-header {
+  padding: 12px 16px;
+  background: rgba(15, 23, 42, 0.8);
+  border-bottom: 1px solid var(--border-color, #1e293b);
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+
+.stream-tabs {
+  display: flex;
+  gap: 6px;
+}
+
+.stream-tab-btn {
+  background: transparent;
+  border: 1px solid transparent;
+  color: var(--text-tertiary, #94a3b8);
+  padding: 5px 10px;
+  border-radius: 6px;
+  font-size: 11px;
+  font-weight: 600;
+  cursor: pointer;
+  transition: all 0.15s ease;
+}
+
+.stream-tab-btn.active {
+  background: rgba(56, 189, 248, 0.15);
+  border-color: rgba(56, 189, 248, 0.35);
+  color: #38bdf8;
+}
+
+.stream-tab-btn:hover:not(.active) {
+  color: #f1f5f9;
+  background: rgba(255, 255, 255, 0.05);
+}
+
+.copy-stream-btn, .action-btn-sm {
+  background: rgba(255, 255, 255, 0.06);
+  border: 1px solid rgba(255, 255, 255, 0.12);
+  color: #cbd5e1;
+  padding: 4px 10px;
+  border-radius: 6px;
+  font-size: 11px;
+  font-weight: 600;
+  cursor: pointer;
+  transition: all 0.2s ease;
+}
+
+.copy-stream-btn:hover, .action-btn-sm:hover {
+  background: rgba(56, 189, 248, 0.2);
+  border-color: #38bdf8;
+  color: #fff;
+}
+
+.swarm-stream-body, .deliverables-content {
+  padding: 16px;
+  overflow-y: auto;
+  flex: 1;
+  font-size: 13px;
+  line-height: 1.6;
+  color: var(--text-primary, #f1f5f9);
+}
+
+.swarm-stream-body pre, .deliverables-content pre {
+  background: #020617;
+  border: 1px solid #1e293b;
+  border-radius: 8px;
+  padding: 12px;
+  overflow-x: auto;
+  font-family: var(--font-mono);
+  font-size: 12px;
+  margin: 10px 0;
+}
+
+/* ==========================================================================
+   📸 Gemini 3.7 Vision · Autonomous Visual UI Self-Healer
+   ========================================================================== */
+
+.action-btn-visual-heal {
+  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(56, 189, 248, 0.2));
+  border: 1px solid rgba(56, 189, 248, 0.45);
+  color: #38bdf8;
+  padding: 4px 12px;
+  border-radius: 6px;
+  font-size: 11px;
+  font-weight: 700;
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
+  box-shadow: 0 0 12px rgba(56, 189, 248, 0.15);
+}
+
+.action-btn-visual-heal:hover {
+  background: linear-gradient(135deg, rgba(16, 185, 129, 0.35), rgba(56, 189, 248, 0.35));
+  border-color: #38bdf8;
+  color: #fff;
+  transform: translateY(-1px);
+  box-shadow: 0 0 18px rgba(56, 189, 248, 0.35);
+}
+
+.laser-indicator {
+  width: 6px;
+  height: 6px;
+  border-radius: 50%;
+  background: #34d399;
+  box-shadow: 0 0 8px #34d399;
+  animation: pulseLaser 1.5s infinite;
+}
+
+@keyframes pulseLaser {
+  0%, 100% { transform: scale(0.9); opacity: 0.5; }
+  50% { transform: scale(1.3); opacity: 1; }
+}
+
+.laser-scanner {
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  height: 3px;
+  background: linear-gradient(90deg, transparent, #38bdf8, #34d399, transparent);
+  box-shadow: 0 0 15px #38bdf8, 0 0 30px #34d399;
+  z-index: 50;
+  pointer-events: none;
+  animation: scanLaser 2s infinite ease-in-out;
+}
+
+@keyframes scanLaser {
+  0% { top: 0; opacity: 0; }
+  15% { opacity: 1; }
+  85% { opacity: 1; }
+  100% { top: 100%; opacity: 0; }
+}
+
+.visual-heal-overlay {
+  position: absolute;
+  bottom: 16px;
+  left: 16px;
+  right: 16px;
+  max-height: 220px;
+  background: rgba(15, 23, 42, 0.95);
+  backdrop-filter: blur(16px);
+  border: 1px solid rgba(16, 185, 129, 0.4);
+  border-radius: 12px;
+  padding: 14px 18px;
+  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.8);
+  display: flex;
+  flex-direction: column;
+  z-index: 40;
+  animation: slideUpFade 0.3s ease;
+}
+
+@keyframes slideUpFade {
+  from { opacity: 0; transform: translateY(12px); }
+  to { opacity: 1; transform: translateY(0); }
+}
+
+.heal-overlay-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: 10px;
+  padding-bottom: 8px;
+  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
+}
+
+.heal-defects-container {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+  overflow-y: auto;
+}
+
+.defect-pill-card {
+  display: flex;
+  align-items: flex-start;
+  gap: 10px;
+  background: rgba(2, 6, 23, 0.6);
+  border: 1px solid rgba(255, 255, 255, 0.06);
+  border-radius: 8px;
+  padding: 8px 12px;
+  font-size: 12px;
+}
+
+.defect-badge {
+  font-size: 10px;
+  font-weight: 700;
+  padding: 2px 6px;
+  border-radius: 4px;
+  text-transform: uppercase;
+  font-family: var(--font-mono);
+  white-space: nowrap;
+}
+
+.defect-contrast { background: rgba(245, 158, 11, 0.15); color: #fbbf24; border: 1px solid rgba(245, 158, 11, 0.3); }
+.defect-alignment { background: rgba(56, 189, 248, 0.15); color: #38bdf8; border: 1px solid rgba(56, 189, 248, 0.3); }
+.defect-interactive { background: rgba(168, 85, 247, 0.15); color: #c084fc; border: 1px solid rgba(168, 85, 247, 0.3); }
+.defect-runtime { background: rgba(244, 63, 94, 0.15); color: #fb7185; border: 1px solid rgba(244, 63, 94, 0.3); }
+
+

package/dist/desktop/server.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"server.d.ts","sourceRoot":"","sources":["../../src/desktop/server.ts"],"names":[],"mappings":"AAsCA,qBAAa,aAAa;IACxB,OAAO,CAAC,MAAM,CAA4B;IAC1C,OAAO,CAAC,IAAI,CAA4C;IACxD,OAAO,CAAC,WAAW,CAAa;IAChC,OAAO,CAAC,kBAAkB,CAAiD;IAC3E,OAAO,CAAC,gBAAgB,CAAqD;;IAO7E,OAAO,CAAC,sBAAsB;IA2BjB,KAAK,IAAI,OAAO,CAAC,MAAM,CAAC;IAkGxB,IAAI,IAAI,OAAO,CAAC,IAAI,CAAC;YAUpB,SAAS;WAuvBH,aAAa,IAAI,OAAO,CAAC,IAAI,CAAC;CAyBnD"}
+{"version":3,"file":"server.d.ts","sourceRoot":"","sources":["../../src/desktop/server.ts"],"names":[],"mappings":"AAuCA,qBAAa,aAAa;IACxB,OAAO,CAAC,MAAM,CAA4B;IAC1C,OAAO,CAAC,IAAI,CAA4C;IACxD,OAAO,CAAC,WAAW,CAAa;IAChC,OAAO,CAAC,kBAAkB,CAAiD;IAC3E,OAAO,CAAC,gBAAgB,CAAqD;;IAO7E,OAAO,CAAC,sBAAsB;IA2BjB,KAAK,IAAI,OAAO,CAAC,MAAM,CAAC;IAkGxB,IAAI,IAAI,OAAO,CAAC,IAAI,CAAC;YAUpB,SAAS;WAm0BH,aAAa,IAAI,OAAO,CAAC,IAAI,CAAC;CAyBnD"}