@orangepro/orangepro-mcp 0.2.16 → 0.2.18

package/dist/local/viz/behaviorReportHtml.js

@@ -244,9 +244,11 @@ nav.tabs{display:flex;gap:2px;margin:18px 0 0;border-bottom:1px solid var(--bd)}
 .paywall-btn:hover{opacity:.85}
 
 
-/* === OPTION A: MODE TOGGLE === */
-.mode-toggle{appearance:none;background:var(--s2);border:1px solid var(--bd);color:var(--muted);font:600 11px var(--sans);padding:5px 10px;border-radius:5px;cursor:pointer;transition:color .12s,border-color .12s}
-.mode-toggle:hover{color:var(--ink);border-color:var(--bd2)}
+/* === OPTION A: MODE TOGGLE (SEGMENTED PILL) === */
+.mode-switch{display:inline-flex;align-items:center;background:var(--s2);border-radius:7px;padding:3px;gap:2px;border:1px solid var(--bd)}
+.mode-btn{padding:5px 14px;font:650 11px var(--sans);border-radius:5px;cursor:pointer;border:none;background:transparent;color:var(--muted);transition:all .15s;letter-spacing:.01em}
+.mode-btn:hover{color:var(--ink)}
+.mode-btn.active{background:var(--orange);color:#1a0a02;box-shadow:0 1px 3px rgba(240,136,62,.25)}
 body[data-mode="simple"] .expert-only{display:none!important}
 body[data-mode="simple"] .kpis{grid-template-columns:repeat(3,1fr)}
 body[data-mode="simple"] .gen-test .gen-test-body{display:block}
@@ -284,7 +286,10 @@ body[data-mode="expert"] .simple-only{display:none!important}
     <span class="hdr-name" id="repo-name">—</span>
   </div>
   <div class="hdr-right">
-    <button class="mode-toggle" id="mode-toggle" type="button">Expert view →</button>
+    <div class="mode-switch" id="mode-switch">
+      <button class="mode-btn active" data-mode="simple">Simple</button>
+      <button class="mode-btn" data-mode="expert">Expert</button>
+    </div>
     <span class="hdr-tag" id="framework">—</span>
     <span id="scan-date">—</span>
   </div>
@@ -362,7 +367,7 @@ body[data-mode="expert"] .simple-only{display:none!important}
 <section class="panel" id="panel-risks" role="tabpanel">
   <div class="simple-intro simple-only">
     <h2>Your highest-risk blind spots</h2>
-    <p>These methods have the most structural exposure (high fan-in, recent churn, entry points) and no test proves they work. Each card includes a generated test you can copy into your repo.</p>
+    <p>These are your highest-risk integration points — where multiple flows converge, where recent changes landed, and where no test proves they hold. Each card includes a generated test you can copy into your repo.</p>
   </div>
   <p class="bridge expert-only">This is the <b>priority-gap worklist</b>, ranked by blast radius and test weakness. It is separate from the coverage-status cards above: <b>Reachable · no test signal</b> is one strict coverage bucket, not the number of priority gaps.</p>
   <p class="bridge" id="risk-cap-note" style="font-size:12px;opacity:.75"></p>
@@ -515,13 +520,13 @@ function activateTab(tabId){
 }
 function setMode(m){
   viewMode=m;localStorage.setItem("opro-view",m);document.body.dataset.mode=m;
-  document.getElementById("mode-toggle").textContent=m==="simple"?"Expert view \\u2192":"\\u2190 Simple view";
+  document.querySelectorAll(".mode-btn").forEach(b=>{b.classList.toggle("active",b.dataset.mode===m)});
   renderKpisForMode();
   activateTab(m==="simple"?"risks":"codebase");
   if(typeof renderRisks==="function")renderRisks();
 }
-document.getElementById("mode-toggle").onclick=()=>setMode(viewMode==="simple"?"expert":"simple");
-document.getElementById("mode-toggle").textContent=viewMode==="simple"?"Expert view \\u2192":"\\u2190 Simple view";
+document.querySelectorAll(".mode-btn").forEach(b=>{b.onclick=()=>setMode(b.dataset.mode)});
+document.querySelectorAll(".mode-btn").forEach(b=>{b.classList.toggle("active",b.dataset.mode===viewMode)});
 
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@orangepro/orangepro-mcp",
-  "version": "0.2.16",
+  "version": "0.2.18",
   "private": false,
   "description": "OrangePro (`opro`) — a local-first, BYOK CLI + MCP server that builds an evidence graph from a local checkout, ingests runtime coverage, and generates grounded tests. Metadata-only exports; no source upload; generated tests stay local.",
   "license": "MIT",