mcp-react-toolkit 1.3.0 → 1.4.0

package/node_modules/@mcp-showcase/ui-kit/build/runtime.js

@@ -0,0 +1,221 @@
+// ============================================================================
+// CLIENT RUNTIME — plain browser JS emitted as a string into the single-file
+// HTML. No build step, no framework. Handles: theme, gauge/counter animation,
+// triage table (sort/filter/search), drawer, agentic actions and export.
+//
+// DataAdapter: detects surface at runtime.
+//   • Embedded in an iframe (MCP host)  -> postMessage MCP-UI actions to parent.
+//   • Standalone browser tab            -> graceful fallback (copy prompt).
+// ============================================================================
+export const RUNTIME = String.raw `(function(){
+  "use strict";
+  function readEmbedded(){
+    var el=document.getElementById('report-data');
+    if(!el) return null; try{ return JSON.parse(el.textContent||'null'); }catch(e){ return null; }
+  }
+  function readUrl(){
+    try{ var p=new URLSearchParams(location.search).get('data'); if(!p) return null;
+      var bytes=Uint8Array.from(atob(p), function(c){ return c.charCodeAt(0); });
+      return JSON.parse(new TextDecoder().decode(bytes)); }catch(e){ return null; }
+  }
+  var DATA = window.__REPORT__ || readEmbedded() || readUrl();
+  if(!DATA){ return; }
+  var EMBEDDED = false; try{ EMBEDDED = window.self !== window.top; }catch(e){ EMBEDDED = true; }
+  var HOST_ORIGIN = window.__MCP_HOST_ORIGIN__ || '*'; // host may inject its origin to harden postMessage
+  var lastFocus = null;
+  var root = document.documentElement;
+  var SEV_RANK = { critical:4, high:3, medium:2, low:1 };
+
+  function E(s){ return String(s==null?'':s)
+    .replace(/&/g,'&amp;').replace(/</g,'&lt;').replace(/>/g,'&gt;')
+    .replace(/"/g,'&quot;').replace(/'/g,'&#39;'); }
+  function $(id){ return document.getElementById(id); }
+
+  // ---------- theme ----------
+  function store(k,v){ try{ if(v==null) return localStorage.getItem(k); localStorage.setItem(k,v); }catch(e){ return null; } }
+  function applyTheme(t){
+    root.setAttribute('data-theme', t);
+    var sun=document.querySelector('.theme-sun'), moon=document.querySelector('.theme-moon');
+    if(sun&&moon){ sun.hidden = t!=='dark'; moon.hidden = t==='dark'; }
+  }
+  var prefersDark = window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches;
+  applyTheme(store('mcp-ui-theme') || (prefersDark?'dark':'light'));
+  var tt=$('theme-toggle');
+  if(tt) tt.addEventListener('click', function(){
+    var next = root.getAttribute('data-theme')==='dark'?'light':'dark';
+    applyTheme(next); store('mcp-ui-theme', next);
+  });
+
+  // ---------- band + intro animation ----------
+  root.setAttribute('data-band', DATA.score>=70?'good':(DATA.score>=45?'warn':'bad'));
+  var reduce = window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches;
+  requestAnimationFrame(function(){
+    var arc=document.querySelector('.gauge .arc');
+    if(arc) arc.style.strokeDashoffset = arc.getAttribute('data-target');
+    Array.prototype.forEach.call(document.querySelectorAll('.bar > i'), function(i){ i.style.width=i.getAttribute('data-w')+'%'; });
+    var el=document.querySelector('.score'); if(!el) return;
+    var target=parseInt(el.getAttribute('data-count'),10)||0;
+    if(reduce){ el.textContent=target; return; }
+    var start=null;
+    requestAnimationFrame(function step(ts){ if(!start)start=ts; var p=Math.min(1,(ts-start)/1000);
+      el.textContent=Math.round((1-Math.pow(1-p,3))*target); if(p<1) requestAnimationFrame(step); });
+  });
+
+  // ---------- actions (DataAdapter) ----------
+  var actionsById={};
+  (DATA.topActions||[]).forEach(function(a){ actionsById[a.id]=a; });
+  (DATA.issues||[]).forEach(function(it){ (it.actions||[]).forEach(function(a){ actionsById[a.id]=a; }); });
+  function copy(text){
+    try{ if(navigator.clipboard&&navigator.clipboard.writeText) return navigator.clipboard.writeText(text); }catch(e){}
+    try{ var t=document.createElement('textarea'); t.value=text; document.body.appendChild(t); t.select();
+      document.execCommand('copy'); document.body.removeChild(t); }catch(e){}
+  }
+  var toastTimer;
+  function toast(msg){
+    var el=$('toast'); if(!el) return; el.textContent=msg; el.classList.add('show');
+    clearTimeout(toastTimer); toastTimer=setTimeout(function(){ el.classList.remove('show'); }, 2600);
+  }
+  function runAction(id){
+    var a=actionsById[id]; if(!a) return;
+    if(a.kind==='link'){
+      if(!/^https?:\/\//i.test(a.href||'')){ toast('Unsafe link blocked'); return; }
+      window.open(a.href,'_blank','noopener'); return;
+    }
+    if(EMBEDDED){
+      var msg = a.kind==='tool'
+        ? { type:'tool', messageId:'mcp-ui-'+Date.now(), payload:{ toolName:a.tool, params:a.params||{} } }
+        : { type:'prompt', messageId:'mcp-ui-'+Date.now(), payload:{ prompt:a.prompt } };
+      try{ window.parent.postMessage(msg,HOST_ORIGIN); toast(a.kind==='tool'?('Running '+a.tool+' …'):'Sent to agent ✓'); return; }catch(e){}
+    }
+    var text = a.kind==='tool' ? (a.fallback||('Run '+a.tool)) : (a.prompt||a.fallback||a.label);
+    copy(text); toast('Copied — paste into your agent');
+  }
+  document.addEventListener('click', function(e){
+    var el=e.target.closest && e.target.closest('[data-action]');
+    if(el){ e.preventDefault(); runAction(el.getAttribute('data-action')); }
+  });
+  document.addEventListener('keydown', function(e){
+    if((e.key==='Enter'||e.key===' ')){ var el=e.target.closest && e.target.closest('.qitem[data-action]');
+      if(el){ e.preventDefault(); runAction(el.getAttribute('data-action')); } }
+  });
+
+  // ---------- triage table ----------
+  var state={ sev:'all', q:'', cat:null, key:'severity', dir:'desc' };
+  var rowsEl=$('rows'), emptyEl=$('empty'), countEl=$('issue-count');
+  function passes(it){
+    if(state.sev!=='all' && it.severity!==state.sev) return false;
+    if(state.cat && it.category!==state.cat) return false;
+    if(state.q){ var q=state.q.toLowerCase();
+      var hay=(it.title+' '+(it.file||'')+' '+(it.category||'')+' '+(it.description||'')).toLowerCase();
+      if(hay.indexOf(q)<0) return false; }
+    return true;
+  }
+  function cmp(a,b){
+    var k=state.key, av, bv;
+    if(k==='severity'){ av=SEV_RANK[a.severity]||0; bv=SEV_RANK[b.severity]||0; }
+    else { av=(a[k]||'').toString().toLowerCase(); bv=(b[k]||'').toString().toLowerCase(); }
+    if(av<bv) return state.dir==='asc'?-1:1;
+    if(av>bv) return state.dir==='asc'?1:-1;
+    return 0;
+  }
+  function catName(id){ var c=(DATA.categories||[]).filter(function(x){return x.id===id;})[0]; return c?c.name:id; }
+  function render(){
+    var list=(DATA.issues||[]).filter(passes).slice().sort(cmp);
+    rowsEl.innerHTML = list.map(function(it){
+      return '<tr data-id="'+E(it.id)+'" tabindex="0" role="button" aria-label="Open issue: '+E(it.title)+'">'+
+        '<td><span class="sev '+E(it.severity)+'"><span class="pip"></span>'+E(it.severity)+'</span></td>'+
+        '<td class="cell-title">'+E(it.title)+'</td>'+
+        '<td><span class="tag">'+E(catName(it.category))+'</span></td>'+
+        '<td class="cell-file">'+E(it.file||'—')+'</td></tr>';
+    }).join('');
+    emptyEl.hidden = list.length>0;
+    if(countEl) countEl.textContent = list.length+(state.cat?(' in '+catName(state.cat)):(' of '+(DATA.issues||[]).length));
+  }
+  if(rowsEl){
+    rowsEl.addEventListener('click', function(e){
+      var tr=e.target.closest('tr[data-id]'); if(tr) openDrawer(tr.getAttribute('data-id'));
+    });
+    rowsEl.addEventListener('keydown', function(e){
+      if(e.key==='Enter'||e.key===' '){ var tr=e.target.closest('tr[data-id]');
+        if(tr){ e.preventDefault(); openDrawer(tr.getAttribute('data-id')); } }
+    });
+    Array.prototype.forEach.call(document.querySelectorAll('.filter button'), function(b){
+      b.addEventListener('click', function(){
+        state.sev=b.getAttribute('data-sev');
+        Array.prototype.forEach.call(document.querySelectorAll('.filter button'), function(x){
+          x.setAttribute('aria-pressed', x===b?'true':'false'); });
+        render();
+      });
+    });
+    var search=$('search');
+    if(search) search.addEventListener('input', function(){ state.q=search.value; render(); });
+    Array.prototype.forEach.call(document.querySelectorAll('thead th[data-sort]'), function(th){
+      th.addEventListener('click', function(){
+        var k=th.getAttribute('data-sort');
+        if(state.key===k){ state.dir=state.dir==='asc'?'desc':'asc'; } else { state.key=k; state.dir=k==='severity'?'desc':'asc'; }
+        Array.prototype.forEach.call(document.querySelectorAll('thead th[data-sort]'), function(x){ x.removeAttribute('aria-sort'); });
+        th.setAttribute('aria-sort', state.dir==='asc'?'ascending':'descending');
+        render();
+      });
+    });
+    Array.prototype.forEach.call(document.querySelectorAll('.card[data-category]'), function(card){
+      function trigger(){
+        var id=card.getAttribute('data-category');
+        state.cat = state.cat===id ? null : id;
+        Array.prototype.forEach.call(document.querySelectorAll('.card[data-category]'), function(c){
+          c.style.borderColor = (c===card && state.cat) ? 'var(--accent)' : ''; });
+        render();
+        var sec=document.querySelector('.table-card'); if(sec&&state.cat) sec.scrollIntoView({behavior:reduce?'auto':'smooth', block:'start'});
+      }
+      card.addEventListener('click', trigger);
+      card.addEventListener('keydown', function(e){ if(e.key==='Enter'||e.key===' '){ e.preventDefault(); trigger(); } });
+    });
+    render();
+  }
+
+  // ---------- drawer ----------
+  var drawer=$('drawer'), scrim=$('scrim');
+  function field(k,v,mono){ return '<div class="field"><div class="k">'+E(k)+'</div><div class="v'+(mono?' mono':'')+'">'+E(v)+'</div></div>'; }
+  function openDrawer(id){
+    var it=(DATA.issues||[]).filter(function(x){return x.id===id;})[0]; if(!it) return;
+    lastFocus=document.activeElement;
+    $('d-title').textContent=it.title;
+    var body='';
+    body+='<div class="kv" style="margin-bottom:16px">'+
+      '<span class="pair"><b style="color:var(--sev-'+E(it.severity)+')">'+E(it.severity)+'</b></span>'+
+      '<span class="pair">'+E(catName(it.category))+'</span></div>';
+    if(it.description) body+=field('What it means', it.description);
+    if(it.file) body+=field('File', it.file, true);
+    (it.meta||[]).forEach(function(m){ body+=field(m.label, m.value); });
+    $('d-body').innerHTML=body;
+    $('d-acts').innerHTML=(it.actions||[]).map(function(a,i){
+      return '<button class="btn'+(i===0?' primary':'')+'" type="button" data-action="'+E(a.id)+'">'+E(a.label)+'</button>';
+    }).join('') || '<span style="color:var(--faint);font-size:12px">No automated fix available</span>';
+    drawer.classList.add('open'); scrim.classList.add('open');
+    var dcEl=$('d-close'); if(dcEl) dcEl.focus();
+  }
+  function closeDrawer(){
+    drawer.classList.remove('open'); scrim.classList.remove('open');
+    if(lastFocus&&lastFocus.focus){ lastFocus.focus(); lastFocus=null; }
+  }
+  if(scrim) scrim.addEventListener('click', closeDrawer);
+  var dc=$('d-close'); if(dc) dc.addEventListener('click', closeDrawer);
+  document.addEventListener('keydown', function(e){ if(e.key==='Escape') closeDrawer(); });
+
+  // ---------- export ----------
+  var ex=$('export-btn');
+  function md(s){ return String(s==null?'':s).replace(/[\r\n]+/g,' '); }
+  if(ex) ex.addEventListener('click', function(){
+    var L=[]; L.push('# '+md(DATA.meta.title)); L.push('');
+    L.push('**Target:** '+md(DATA.meta.target)+'  ');
+    L.push('**Health score:** '+DATA.score+'/100  ');
+    L.push('**Issues:** '+DATA.totalIssues); L.push('');
+    L.push('## Areas');
+    (DATA.categories||[]).forEach(function(c){ L.push('- **'+md(c.name)+'** ('+c.status+(typeof c.score==='number'?', '+c.score:'')+') — '+md(c.summary)); });
+    L.push(''); L.push('## Issues');
+    (DATA.issues||[]).slice().sort(function(a,b){return (SEV_RANK[b.severity]||0)-(SEV_RANK[a.severity]||0);}).forEach(function(it){
+      L.push('- ['+it.severity.toUpperCase()+'] '+md(it.title)+(it.file?(' — '+md(it.file)):'')); });
+    copy(L.join('\n')); toast('Report copied as Markdown ✓');
+  });
+})();`;
+//# sourceMappingURL=runtime.js.map

package/node_modules/@mcp-showcase/ui-kit/build/runtime.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"runtime.js","sourceRoot":"","sources":["../src/runtime.ts"],"names":[],"mappings":"AAAA,+EAA+E;AAC/E,6EAA6E;AAC7E,8EAA8E;AAC9E,yEAAyE;AACzE,EAAE;AACF,2CAA2C;AAC3C,iFAAiF;AACjF,4EAA4E;AAC5E,+EAA+E;AAE/E,MAAM,CAAC,MAAM,OAAO,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAkN3B,CAAC"}

package/node_modules/@mcp-showcase/ui-kit/build/theme.d.ts

@@ -0,0 +1,2 @@
+export declare const STYLES = "\n*,*::before,*::after{box-sizing:border-box}\nhtml{-webkit-text-size-adjust:100%}\nbody{margin:0}\n\n:root{\n  --font:Inter,ui-sans-serif,system-ui,-apple-system,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif;\n  --mono:ui-monospace,SFMono-Regular,\"SF Mono\",Menlo,Consolas,monospace;\n\n  /* light (default) */\n  --bg:#f7f7f6;\n  --surface:#ffffff;\n  --surface-2:#fbfbfa;\n  --text:#16161a;\n  --muted:#6b7280;\n  --faint:#9aa0aa;\n  --border:#ebe9e4;\n  --border-strong:#dedcd5;\n  --shadow:0 1px 2px rgba(16,16,20,.04),0 8px 24px -12px rgba(16,16,20,.10);\n  --ring:rgba(99,102,241,.45);\n\n  --good:#059669; --good-soft:#ecfdf5;\n  --warn:#d97706; --warn-soft:#fffbeb;\n  --bad:#e11d48;  --bad-soft:#fff1f2;\n\n  --sev-critical:#e11d48; --sev-high:#ea580c; --sev-medium:#d97706; --sev-low:#64748b;\n  --sev-critical-soft:#fff1f2; --sev-high-soft:#fff7ed; --sev-medium-soft:#fffbeb; --sev-low-soft:#f1f5f9;\n\n  --accent:var(--good);\n  --accent-soft:var(--good-soft);\n  --radius:14px;\n  --radius-sm:10px;\n}\n\n[data-theme=\"dark\"]{\n  --bg:#0a0b0d;\n  --surface:#141519;\n  --surface-2:#0f1013;\n  --text:#f3f4f6;\n  --muted:#9aa1ad;\n  --faint:#6b7280;\n  --border:rgba(255,255,255,.07);\n  --border-strong:rgba(255,255,255,.12);\n  --shadow:0 1px 2px rgba(0,0,0,.4),0 16px 40px -20px rgba(0,0,0,.7);\n  --ring:rgba(129,140,248,.55);\n\n  --good:#34d399; --good-soft:rgba(52,211,153,.12);\n  --warn:#fbbf24; --warn-soft:rgba(251,191,36,.12);\n  --bad:#fb7185;  --bad-soft:rgba(251,113,133,.12);\n\n  --sev-critical:#fb7185; --sev-high:#fb923c; --sev-medium:#fbbf24; --sev-low:#94a3b8;\n  --sev-critical-soft:rgba(251,113,133,.12); --sev-high-soft:rgba(251,146,60,.12);\n  --sev-medium-soft:rgba(251,191,36,.12); --sev-low-soft:rgba(148,163,184,.12);\n}\n\n[data-band=\"good\"]{--accent:var(--good);--accent-soft:var(--good-soft)}\n[data-band=\"warn\"]{--accent:var(--warn);--accent-soft:var(--warn-soft)}\n[data-band=\"bad\"]{--accent:var(--bad);--accent-soft:var(--bad-soft)}\n\nbody{\n  font-family:var(--font);\n  background:var(--bg);\n  color:var(--text);\n  font-size:14px;\n  line-height:1.5;\n  -webkit-font-smoothing:antialiased;\n  font-variant-numeric:tabular-nums;\n}\n.num{font-variant-numeric:tabular-nums;font-feature-settings:\"tnum\" 1}\n\n.wrap{max-width:1040px;margin:0 auto;padding:28px 24px 64px}\n\n/* header */\n.hdr{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}\n.brand{display:flex;align-items:center;gap:11px;min-width:0}\n.brand .dot{width:30px;height:30px;border-radius:9px;background:var(--accent-soft);color:var(--accent);\n  display:grid;place-items:center;flex:none;border:1px solid var(--border)}\n.brand h1{font-size:15px;font-weight:650;margin:0;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}\n.brand .sub{font-size:12px;color:var(--muted);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}\n.hdr-actions{display:flex;align-items:center;gap:8px;flex:none}\n\n.btn{appearance:none;font-family:inherit;font-size:12.5px;font-weight:550;color:var(--text);\n  background:var(--surface);border:1px solid var(--border-strong);border-radius:9px;padding:7px 11px;\n  cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:.16s ease;line-height:1}\n.btn:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-1px)}\n.btn:active{transform:translateY(0)}\n.btn:focus-visible{outline:none;box-shadow:0 0 0 3px var(--ring)}\n.btn.icon{padding:7px;width:32px;height:32px;justify-content:center}\n.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}\n[data-theme=\"dark\"] .btn.primary{color:#0a0b0d}\n.btn.primary:hover{filter:brightness(1.05);color:#fff}\n[data-theme=\"dark\"] .btn.primary:hover{color:#0a0b0d}\n\n/* hero */\n.hero{display:grid;grid-template-columns:auto 1fr;gap:28px;align-items:center;\n  background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);\n  padding:26px 28px;box-shadow:var(--shadow);margin-bottom:18px}\n.gauge{position:relative;width:148px;height:148px;flex:none}\n.gauge svg{transform:rotate(-90deg)}\n.gauge .track{stroke:var(--border-strong);fill:none}\n.gauge .arc{stroke:var(--accent);fill:none;stroke-linecap:round;transition:stroke-dashoffset 1.1s cubic-bezier(.22,1,.36,1)}\n.gauge .center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;line-height:1}\n.gauge .score{font-size:42px;font-weight:680;letter-spacing:-.03em;line-height:1}\n.gauge .of{font-size:11px;color:var(--faint);margin-top:3px}\n.hero-meta{min-width:0}\n.grade-row{display:flex;align-items:baseline;gap:10px;margin-bottom:6px}\n.grade{font-size:13px;font-weight:650;color:var(--accent);background:var(--accent-soft);\n  border:1px solid var(--border);border-radius:7px;padding:3px 9px}\n.verdict{font-size:18px;font-weight:620;letter-spacing:-.01em}\n.hero p{color:var(--muted);margin:2px 0 14px;font-size:13px}\n.chips{display:flex;flex-wrap:wrap;gap:7px}\n.chip{font-size:12px;color:var(--muted);background:var(--surface-2);border:1px solid var(--border);\n  border-radius:999px;padding:4px 10px;display:inline-flex;gap:5px}\n.chip b{color:var(--text);font-weight:600}\n\n/* section heading */\n.sec{margin:26px 0 12px;display:flex;align-items:center;justify-content:space-between;gap:12px}\n.sec h2{font-size:13px;font-weight:620;letter-spacing:.02em;text-transform:uppercase;color:var(--muted);margin:0}\n.sec .count{font-size:12px;color:var(--faint)}\n\n/* category cards */\n.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(232px,1fr));gap:12px}\n.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:15px 16px;\n  box-shadow:var(--shadow);transition:.16s ease;display:flex;flex-direction:column}\n.card:hover{border-color:var(--border-strong);transform:translateY(-2px)}\n.card .top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:9px}\n.card .name{font-weight:600;font-size:13.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}\n.card .badge{font-size:11px;font-weight:600;padding:2px 8px;border-radius:999px;flex:none}\n.badge.good{color:var(--good);background:var(--good-soft)}\n.badge.warn{color:var(--warn);background:var(--warn-soft)}\n.badge.bad{color:var(--bad);background:var(--bad-soft)}\n.card .sum{color:var(--muted);font-size:12.5px;line-height:1.45;min-height:3.9em;\n  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}\n.bar{height:5px;border-radius:999px;background:var(--border-strong);overflow:hidden;margin-top:11px}\n.bar > i{display:block;height:100%;border-radius:999px;transition:width 1s cubic-bezier(.22,1,.36,1)}\n.bar > i.good{background:var(--good)} .bar > i.warn{background:var(--warn)} .bar > i.bad{background:var(--bad)}\n.card .foot{display:flex;justify-content:space-between;align-items:center;margin-top:9px;font-size:11.5px;color:var(--faint)}\n\n/* toolbar */\n.toolbar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:10px}\n.search{flex:1;min-width:180px;position:relative}\n.search input{width:100%;font-family:inherit;font-size:13px;color:var(--text);background:var(--surface);\n  border:1px solid var(--border-strong);border-radius:9px;padding:8px 11px 8px 32px}\n.search input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--ring)}\n.search svg{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--faint)}\n.filter{display:flex;gap:4px;background:var(--surface-2);border:1px solid var(--border);border-radius:9px;padding:3px}\n.filter button{appearance:none;font-family:inherit;font-size:12px;font-weight:550;color:var(--muted);\n  background:transparent;border:0;border-radius:6px;padding:5px 10px;cursor:pointer;transition:.14s}\n.filter button[aria-pressed=\"true\"]{background:var(--surface);color:var(--text);box-shadow:var(--shadow)}\n.filter button:hover{color:var(--text)}\n\n/* table */\n.table-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);\n  box-shadow:var(--shadow);overflow:hidden}\ntable{width:100%;border-collapse:collapse;font-size:13px;table-layout:fixed}\nthead th:nth-child(1),tbody td:nth-child(1){width:96px}\nthead th:nth-child(3),tbody td:nth-child(3){width:120px}\nthead th:nth-child(4),tbody td:nth-child(4){width:160px}\nthead th{text-align:left;font-size:11px;font-weight:600;letter-spacing:.03em;text-transform:uppercase;\n  color:var(--faint);padding:11px 16px;border-bottom:1px solid var(--border);cursor:pointer;user-select:none;white-space:nowrap}\nthead th .arr{opacity:.4;font-size:9px;margin-left:3px}\nthead th[aria-sort] .arr{opacity:1;color:var(--accent)}\ntbody tr{border-bottom:1px solid var(--border);cursor:pointer;transition:background .12s}\ntbody tr:last-child{border-bottom:0}\ntbody tr:hover{background:var(--surface-2)}\ntbody td{padding:11px 16px;vertical-align:top}\n.sev{display:inline-flex;align-items:center;gap:6px;font-weight:600;font-size:12px;white-space:nowrap}\n.sev .pip{width:7px;height:7px;border-radius:999px;flex:none}\n.sev.critical{color:var(--sev-critical)} .sev.critical .pip{background:var(--sev-critical)}\n.sev.high{color:var(--sev-high)} .sev.high .pip{background:var(--sev-high)}\n.sev.medium{color:var(--sev-medium)} .sev.medium .pip{background:var(--sev-medium)}\n.sev.low{color:var(--sev-low)} .sev.low .pip{background:var(--sev-low)}\n.cell-title{font-weight:550;color:var(--text);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}\n.cell-file{font-family:var(--mono);font-size:11.5px;color:var(--muted);overflow-wrap:anywhere;word-break:normal;max-width:200px}\n.tag{font-size:11px;color:var(--muted);background:var(--surface-2);border:1px solid var(--border);\n  border-radius:6px;padding:2px 7px;white-space:nowrap}\n.empty{padding:40px 16px;text-align:center;color:var(--muted)}\n.empty .big{font-size:15px;color:var(--text);font-weight:600;margin-bottom:4px}\n\n/* drawer */\n.scrim{position:fixed;inset:0;background:rgba(10,11,13,.42);opacity:0;pointer-events:none;transition:.2s;z-index:40}\n.scrim.open{opacity:1;pointer-events:auto}\n.drawer{position:fixed;top:0;right:0;height:100%;width:min(440px,92vw);background:var(--surface);\n  border-left:1px solid var(--border);box-shadow:-24px 0 60px -30px rgba(0,0,0,.5);\n  transform:translateX(100%);transition:transform .26s cubic-bezier(.22,1,.36,1);z-index:50;\n  display:flex;flex-direction:column}\n.drawer.open{transform:translateX(0)}\n.drawer header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;\n  padding:20px 22px 16px;border-bottom:1px solid var(--border)}\n.drawer header h3{margin:0;font-size:16px;font-weight:640;letter-spacing:-.01em;line-height:1.35}\n.drawer .body{padding:18px 22px;overflow-y:auto;flex:1}\n.drawer .field{margin-bottom:16px}\n.drawer .field .k{font-size:11px;font-weight:600;letter-spacing:.03em;text-transform:uppercase;color:var(--faint);margin-bottom:5px}\n.drawer .field .v{font-size:13.5px;color:var(--text)}\n.drawer .field .v.mono{font-family:var(--mono);font-size:12px;color:var(--muted);word-break:break-all}\n.drawer .acts{padding:16px 22px;border-top:1px solid var(--border);display:flex;flex-wrap:wrap;gap:8px}\n.kv{display:flex;gap:8px;flex-wrap:wrap}\n.kv .pair{font-size:12px;color:var(--muted);background:var(--surface-2);border:1px solid var(--border);border-radius:7px;padding:4px 9px}\n.kv .pair b{color:var(--text);font-weight:600}\n\n/* fix-first */\n.queue{display:flex;flex-direction:column;gap:8px}\n.qitem{display:flex;align-items:center;gap:12px;background:var(--surface);border:1px solid var(--border);\n  border-radius:var(--radius-sm);padding:11px 14px;box-shadow:var(--shadow);cursor:pointer;transition:.14s}\n.qitem:hover{border-color:var(--accent);transform:translateX(2px)}\n.qitem .rank{width:22px;height:22px;border-radius:7px;background:var(--accent-soft);color:var(--accent);\n  font-size:12px;font-weight:680;display:grid;place-items:center;flex:none}\n.qitem .qt{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}\n.qitem .qt .t{display:block;font-weight:550;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}\n.qitem .qt .s{display:block;font-size:11.5px;color:var(--faint)}\n\n/* toast */\n.toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%) translateY(20px);opacity:0;\n  background:var(--text);color:var(--bg);font-size:13px;font-weight:550;padding:10px 16px;border-radius:10px;\n  box-shadow:var(--shadow);transition:.22s;z-index:60;pointer-events:none;max-width:90vw}\n.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}\n\n.foot-note{margin-top:34px;text-align:center;font-size:11.5px;color:var(--faint)}\n.foot-note a{color:var(--muted)}\n\n@media (max-width:560px){\n  .hero{grid-template-columns:1fr;justify-items:center;text-align:center}\n  .hero-meta{text-align:center}.chips{justify-content:center}.grade-row{justify-content:center}\n}\n/* result view */\n.result-hero{display:flex;align-items:center;gap:18px;flex-wrap:wrap;\n  background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);\n  padding:22px 26px;box-shadow:var(--shadow);margin-bottom:18px}\n.result-hero .glyph{width:52px;height:52px;border-radius:14px;background:var(--accent-soft);color:var(--accent);\n  display:grid;place-items:center;flex:none;border:1px solid var(--border)}\n.result-hero .rh-main{min-width:0;flex:1}\n.result-hero .rh-title{font-size:20px;font-weight:660;letter-spacing:-.02em;line-height:1.2}\n.result-hero .rh-sub{color:var(--muted);font-size:13px;margin-top:3px}\n.status-pill{font-size:12px;font-weight:650;padding:4px 10px;border-radius:999px;white-space:nowrap}\n.status-pill.good{color:var(--good);background:var(--good-soft)}\n.status-pill.warn{color:var(--warn);background:var(--warn-soft)}\n.status-pill.bad{color:var(--bad);background:var(--bad-soft)}\n.result-hero .chips{margin-top:0}\n\n.changes{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}\n.change-row{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--border);transition:background .12s}\n.change-row:last-child{border-bottom:0}\n.change-row.clickable{cursor:pointer}\n.change-row.clickable:hover{background:var(--surface-2)}\n.kind{font-size:10.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:3px 8px;border-radius:6px;flex:none;width:74px;text-align:center}\n.kind.created{color:var(--good);background:var(--good-soft)}\n.kind.modified{color:var(--warn);background:var(--warn-soft)}\n.kind.deleted{color:var(--bad);background:var(--bad-soft)}\n.kind.renamed{color:var(--sev-low);background:var(--sev-low-soft)}\n.change-main{flex:1;min-width:0}\n.change-path{font-family:var(--mono);font-size:12.5px;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}\n.change-sum{font-size:12px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}\n.change-delta{font-family:var(--mono);font-size:11.5px;flex:none;white-space:nowrap}\n.change-delta .add{color:var(--good)} .change-delta .del{color:var(--bad)}\n\n.section{margin-top:10px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}\n.section-item{display:flex;align-items:flex-start;gap:10px;padding:11px 16px;border-bottom:1px solid var(--border)}\n.section-item:last-child{border-bottom:0}\n.section-item .ip{width:7px;height:7px;border-radius:999px;margin-top:6px;flex:none;background:var(--faint)}\n.section-item .ip.ok{background:var(--good)} .section-item .ip.warn{background:var(--warn)} .section-item .ip.error{background:var(--bad)}\n.section-item .it{font-size:13px;font-weight:550}\n.section-item .id{font-size:12px;color:var(--muted)}\n.next-steps{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}\n.diff{font-family:var(--mono);font-size:12px;line-height:1.55;white-space:pre-wrap;word-break:break-word;\n  background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px}\n.diff .dl-add{color:var(--good)} .diff .dl-del{color:var(--bad)} .diff .dl-ctx{color:var(--muted)}\n\n@media (prefers-reduced-motion:reduce){\n  *{transition:none!important;animation:none!important}\n}\n";
+//# sourceMappingURL=theme.d.ts.map

package/node_modules/@mcp-showcase/ui-kit/build/theme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../src/theme.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,MAAM,0pgBA8QlB,CAAC"}

package/node_modules/@mcp-showcase/ui-kit/build/theme.js

@@ -0,0 +1,278 @@
+// ============================================================================
+// THEME — dual light (default) + dark, toggled at runtime via [data-theme].
+// Grade accent is driven by [data-band="good|warn|bad"] on the root so a
+// failing repo still *feels* urgent in either mode.
+// Dependency-free: plain CSS custom properties, no Tailwind at runtime.
+// ============================================================================
+export const STYLES = /* css */ `
+*,*::before,*::after{box-sizing:border-box}
+html{-webkit-text-size-adjust:100%}
+body{margin:0}
+
+:root{
+  --font:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
+  --mono:ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,monospace;
+
+  /* light (default) */
+  --bg:#f7f7f6;
+  --surface:#ffffff;
+  --surface-2:#fbfbfa;
+  --text:#16161a;
+  --muted:#6b7280;
+  --faint:#9aa0aa;
+  --border:#ebe9e4;
+  --border-strong:#dedcd5;
+  --shadow:0 1px 2px rgba(16,16,20,.04),0 8px 24px -12px rgba(16,16,20,.10);
+  --ring:rgba(99,102,241,.45);
+
+  --good:#059669; --good-soft:#ecfdf5;
+  --warn:#d97706; --warn-soft:#fffbeb;
+  --bad:#e11d48;  --bad-soft:#fff1f2;
+
+  --sev-critical:#e11d48; --sev-high:#ea580c; --sev-medium:#d97706; --sev-low:#64748b;
+  --sev-critical-soft:#fff1f2; --sev-high-soft:#fff7ed; --sev-medium-soft:#fffbeb; --sev-low-soft:#f1f5f9;
+
+  --accent:var(--good);
+  --accent-soft:var(--good-soft);
+  --radius:14px;
+  --radius-sm:10px;
+}
+
+[data-theme="dark"]{
+  --bg:#0a0b0d;
+  --surface:#141519;
+  --surface-2:#0f1013;
+  --text:#f3f4f6;
+  --muted:#9aa1ad;
+  --faint:#6b7280;
+  --border:rgba(255,255,255,.07);
+  --border-strong:rgba(255,255,255,.12);
+  --shadow:0 1px 2px rgba(0,0,0,.4),0 16px 40px -20px rgba(0,0,0,.7);
+  --ring:rgba(129,140,248,.55);
+
+  --good:#34d399; --good-soft:rgba(52,211,153,.12);
+  --warn:#fbbf24; --warn-soft:rgba(251,191,36,.12);
+  --bad:#fb7185;  --bad-soft:rgba(251,113,133,.12);
+
+  --sev-critical:#fb7185; --sev-high:#fb923c; --sev-medium:#fbbf24; --sev-low:#94a3b8;
+  --sev-critical-soft:rgba(251,113,133,.12); --sev-high-soft:rgba(251,146,60,.12);
+  --sev-medium-soft:rgba(251,191,36,.12); --sev-low-soft:rgba(148,163,184,.12);
+}
+
+[data-band="good"]{--accent:var(--good);--accent-soft:var(--good-soft)}
+[data-band="warn"]{--accent:var(--warn);--accent-soft:var(--warn-soft)}
+[data-band="bad"]{--accent:var(--bad);--accent-soft:var(--bad-soft)}
+
+body{
+  font-family:var(--font);
+  background:var(--bg);
+  color:var(--text);
+  font-size:14px;
+  line-height:1.5;
+  -webkit-font-smoothing:antialiased;
+  font-variant-numeric:tabular-nums;
+}
+.num{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}
+
+.wrap{max-width:1040px;margin:0 auto;padding:28px 24px 64px}
+
+/* header */
+.hdr{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}
+.brand{display:flex;align-items:center;gap:11px;min-width:0}
+.brand .dot{width:30px;height:30px;border-radius:9px;background:var(--accent-soft);color:var(--accent);
+  display:grid;place-items:center;flex:none;border:1px solid var(--border)}
+.brand h1{font-size:15px;font-weight:650;margin:0;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
+.brand .sub{font-size:12px;color:var(--muted);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
+.hdr-actions{display:flex;align-items:center;gap:8px;flex:none}
+
+.btn{appearance:none;font-family:inherit;font-size:12.5px;font-weight:550;color:var(--text);
+  background:var(--surface);border:1px solid var(--border-strong);border-radius:9px;padding:7px 11px;
+  cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:.16s ease;line-height:1}
+.btn:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-1px)}
+.btn:active{transform:translateY(0)}
+.btn:focus-visible{outline:none;box-shadow:0 0 0 3px var(--ring)}
+.btn.icon{padding:7px;width:32px;height:32px;justify-content:center}
+.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}
+[data-theme="dark"] .btn.primary{color:#0a0b0d}
+.btn.primary:hover{filter:brightness(1.05);color:#fff}
+[data-theme="dark"] .btn.primary:hover{color:#0a0b0d}
+
+/* hero */
+.hero{display:grid;grid-template-columns:auto 1fr;gap:28px;align-items:center;
+  background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);
+  padding:26px 28px;box-shadow:var(--shadow);margin-bottom:18px}
+.gauge{position:relative;width:148px;height:148px;flex:none}
+.gauge svg{transform:rotate(-90deg)}
+.gauge .track{stroke:var(--border-strong);fill:none}
+.gauge .arc{stroke:var(--accent);fill:none;stroke-linecap:round;transition:stroke-dashoffset 1.1s cubic-bezier(.22,1,.36,1)}
+.gauge .center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;line-height:1}
+.gauge .score{font-size:42px;font-weight:680;letter-spacing:-.03em;line-height:1}
+.gauge .of{font-size:11px;color:var(--faint);margin-top:3px}
+.hero-meta{min-width:0}
+.grade-row{display:flex;align-items:baseline;gap:10px;margin-bottom:6px}
+.grade{font-size:13px;font-weight:650;color:var(--accent);background:var(--accent-soft);
+  border:1px solid var(--border);border-radius:7px;padding:3px 9px}
+.verdict{font-size:18px;font-weight:620;letter-spacing:-.01em}
+.hero p{color:var(--muted);margin:2px 0 14px;font-size:13px}
+.chips{display:flex;flex-wrap:wrap;gap:7px}
+.chip{font-size:12px;color:var(--muted);background:var(--surface-2);border:1px solid var(--border);
+  border-radius:999px;padding:4px 10px;display:inline-flex;gap:5px}
+.chip b{color:var(--text);font-weight:600}
+
+/* section heading */
+.sec{margin:26px 0 12px;display:flex;align-items:center;justify-content:space-between;gap:12px}
+.sec h2{font-size:13px;font-weight:620;letter-spacing:.02em;text-transform:uppercase;color:var(--muted);margin:0}
+.sec .count{font-size:12px;color:var(--faint)}
+
+/* category cards */
+.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(232px,1fr));gap:12px}
+.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:15px 16px;
+  box-shadow:var(--shadow);transition:.16s ease;display:flex;flex-direction:column}
+.card:hover{border-color:var(--border-strong);transform:translateY(-2px)}
+.card .top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:9px}
+.card .name{font-weight:600;font-size:13.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
+.card .badge{font-size:11px;font-weight:600;padding:2px 8px;border-radius:999px;flex:none}
+.badge.good{color:var(--good);background:var(--good-soft)}
+.badge.warn{color:var(--warn);background:var(--warn-soft)}
+.badge.bad{color:var(--bad);background:var(--bad-soft)}
+.card .sum{color:var(--muted);font-size:12.5px;line-height:1.45;min-height:3.9em;
+  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}
+.bar{height:5px;border-radius:999px;background:var(--border-strong);overflow:hidden;margin-top:11px}
+.bar > i{display:block;height:100%;border-radius:999px;transition:width 1s cubic-bezier(.22,1,.36,1)}
+.bar > i.good{background:var(--good)} .bar > i.warn{background:var(--warn)} .bar > i.bad{background:var(--bad)}
+.card .foot{display:flex;justify-content:space-between;align-items:center;margin-top:9px;font-size:11.5px;color:var(--faint)}
+
+/* toolbar */
+.toolbar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:10px}
+.search{flex:1;min-width:180px;position:relative}
+.search input{width:100%;font-family:inherit;font-size:13px;color:var(--text);background:var(--surface);
+  border:1px solid var(--border-strong);border-radius:9px;padding:8px 11px 8px 32px}
+.search input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--ring)}
+.search svg{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--faint)}
+.filter{display:flex;gap:4px;background:var(--surface-2);border:1px solid var(--border);border-radius:9px;padding:3px}
+.filter button{appearance:none;font-family:inherit;font-size:12px;font-weight:550;color:var(--muted);
+  background:transparent;border:0;border-radius:6px;padding:5px 10px;cursor:pointer;transition:.14s}
+.filter button[aria-pressed="true"]{background:var(--surface);color:var(--text);box-shadow:var(--shadow)}
+.filter button:hover{color:var(--text)}
+
+/* table */
+.table-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);
+  box-shadow:var(--shadow);overflow:hidden}
+table{width:100%;border-collapse:collapse;font-size:13px;table-layout:fixed}
+thead th:nth-child(1),tbody td:nth-child(1){width:96px}
+thead th:nth-child(3),tbody td:nth-child(3){width:120px}
+thead th:nth-child(4),tbody td:nth-child(4){width:160px}
+thead th{text-align:left;font-size:11px;font-weight:600;letter-spacing:.03em;text-transform:uppercase;
+  color:var(--faint);padding:11px 16px;border-bottom:1px solid var(--border);cursor:pointer;user-select:none;white-space:nowrap}
+thead th .arr{opacity:.4;font-size:9px;margin-left:3px}
+thead th[aria-sort] .arr{opacity:1;color:var(--accent)}
+tbody tr{border-bottom:1px solid var(--border);cursor:pointer;transition:background .12s}
+tbody tr:last-child{border-bottom:0}
+tbody tr:hover{background:var(--surface-2)}
+tbody td{padding:11px 16px;vertical-align:top}
+.sev{display:inline-flex;align-items:center;gap:6px;font-weight:600;font-size:12px;white-space:nowrap}
+.sev .pip{width:7px;height:7px;border-radius:999px;flex:none}
+.sev.critical{color:var(--sev-critical)} .sev.critical .pip{background:var(--sev-critical)}
+.sev.high{color:var(--sev-high)} .sev.high .pip{background:var(--sev-high)}
+.sev.medium{color:var(--sev-medium)} .sev.medium .pip{background:var(--sev-medium)}
+.sev.low{color:var(--sev-low)} .sev.low .pip{background:var(--sev-low)}
+.cell-title{font-weight:550;color:var(--text);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}
+.cell-file{font-family:var(--mono);font-size:11.5px;color:var(--muted);overflow-wrap:anywhere;word-break:normal;max-width:200px}
+.tag{font-size:11px;color:var(--muted);background:var(--surface-2);border:1px solid var(--border);
+  border-radius:6px;padding:2px 7px;white-space:nowrap}
+.empty{padding:40px 16px;text-align:center;color:var(--muted)}
+.empty .big{font-size:15px;color:var(--text);font-weight:600;margin-bottom:4px}
+
+/* drawer */
+.scrim{position:fixed;inset:0;background:rgba(10,11,13,.42);opacity:0;pointer-events:none;transition:.2s;z-index:40}
+.scrim.open{opacity:1;pointer-events:auto}
+.drawer{position:fixed;top:0;right:0;height:100%;width:min(440px,92vw);background:var(--surface);
+  border-left:1px solid var(--border);box-shadow:-24px 0 60px -30px rgba(0,0,0,.5);
+  transform:translateX(100%);transition:transform .26s cubic-bezier(.22,1,.36,1);z-index:50;
+  display:flex;flex-direction:column}
+.drawer.open{transform:translateX(0)}
+.drawer header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;
+  padding:20px 22px 16px;border-bottom:1px solid var(--border)}
+.drawer header h3{margin:0;font-size:16px;font-weight:640;letter-spacing:-.01em;line-height:1.35}
+.drawer .body{padding:18px 22px;overflow-y:auto;flex:1}
+.drawer .field{margin-bottom:16px}
+.drawer .field .k{font-size:11px;font-weight:600;letter-spacing:.03em;text-transform:uppercase;color:var(--faint);margin-bottom:5px}
+.drawer .field .v{font-size:13.5px;color:var(--text)}
+.drawer .field .v.mono{font-family:var(--mono);font-size:12px;color:var(--muted);word-break:break-all}
+.drawer .acts{padding:16px 22px;border-top:1px solid var(--border);display:flex;flex-wrap:wrap;gap:8px}
+.kv{display:flex;gap:8px;flex-wrap:wrap}
+.kv .pair{font-size:12px;color:var(--muted);background:var(--surface-2);border:1px solid var(--border);border-radius:7px;padding:4px 9px}
+.kv .pair b{color:var(--text);font-weight:600}
+
+/* fix-first */
+.queue{display:flex;flex-direction:column;gap:8px}
+.qitem{display:flex;align-items:center;gap:12px;background:var(--surface);border:1px solid var(--border);
+  border-radius:var(--radius-sm);padding:11px 14px;box-shadow:var(--shadow);cursor:pointer;transition:.14s}
+.qitem:hover{border-color:var(--accent);transform:translateX(2px)}
+.qitem .rank{width:22px;height:22px;border-radius:7px;background:var(--accent-soft);color:var(--accent);
+  font-size:12px;font-weight:680;display:grid;place-items:center;flex:none}
+.qitem .qt{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}
+.qitem .qt .t{display:block;font-weight:550;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
+.qitem .qt .s{display:block;font-size:11.5px;color:var(--faint)}
+
+/* toast */
+.toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%) translateY(20px);opacity:0;
+  background:var(--text);color:var(--bg);font-size:13px;font-weight:550;padding:10px 16px;border-radius:10px;
+  box-shadow:var(--shadow);transition:.22s;z-index:60;pointer-events:none;max-width:90vw}
+.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
+
+.foot-note{margin-top:34px;text-align:center;font-size:11.5px;color:var(--faint)}
+.foot-note a{color:var(--muted)}
+
+@media (max-width:560px){
+  .hero{grid-template-columns:1fr;justify-items:center;text-align:center}
+  .hero-meta{text-align:center}.chips{justify-content:center}.grade-row{justify-content:center}
+}
+/* result view */
+.result-hero{display:flex;align-items:center;gap:18px;flex-wrap:wrap;
+  background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);
+  padding:22px 26px;box-shadow:var(--shadow);margin-bottom:18px}
+.result-hero .glyph{width:52px;height:52px;border-radius:14px;background:var(--accent-soft);color:var(--accent);
+  display:grid;place-items:center;flex:none;border:1px solid var(--border)}
+.result-hero .rh-main{min-width:0;flex:1}
+.result-hero .rh-title{font-size:20px;font-weight:660;letter-spacing:-.02em;line-height:1.2}
+.result-hero .rh-sub{color:var(--muted);font-size:13px;margin-top:3px}
+.status-pill{font-size:12px;font-weight:650;padding:4px 10px;border-radius:999px;white-space:nowrap}
+.status-pill.good{color:var(--good);background:var(--good-soft)}
+.status-pill.warn{color:var(--warn);background:var(--warn-soft)}
+.status-pill.bad{color:var(--bad);background:var(--bad-soft)}
+.result-hero .chips{margin-top:0}
+
+.changes{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}
+.change-row{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--border);transition:background .12s}
+.change-row:last-child{border-bottom:0}
+.change-row.clickable{cursor:pointer}
+.change-row.clickable:hover{background:var(--surface-2)}
+.kind{font-size:10.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:3px 8px;border-radius:6px;flex:none;width:74px;text-align:center}
+.kind.created{color:var(--good);background:var(--good-soft)}
+.kind.modified{color:var(--warn);background:var(--warn-soft)}
+.kind.deleted{color:var(--bad);background:var(--bad-soft)}
+.kind.renamed{color:var(--sev-low);background:var(--sev-low-soft)}
+.change-main{flex:1;min-width:0}
+.change-path{font-family:var(--mono);font-size:12.5px;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
+.change-sum{font-size:12px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
+.change-delta{font-family:var(--mono);font-size:11.5px;flex:none;white-space:nowrap}
+.change-delta .add{color:var(--good)} .change-delta .del{color:var(--bad)}
+
+.section{margin-top:10px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}
+.section-item{display:flex;align-items:flex-start;gap:10px;padding:11px 16px;border-bottom:1px solid var(--border)}
+.section-item:last-child{border-bottom:0}
+.section-item .ip{width:7px;height:7px;border-radius:999px;margin-top:6px;flex:none;background:var(--faint)}
+.section-item .ip.ok{background:var(--good)} .section-item .ip.warn{background:var(--warn)} .section-item .ip.error{background:var(--bad)}
+.section-item .it{font-size:13px;font-weight:550}
+.section-item .id{font-size:12px;color:var(--muted)}
+.next-steps{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}
+.diff{font-family:var(--mono);font-size:12px;line-height:1.55;white-space:pre-wrap;word-break:break-word;
+  background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px}
+.diff .dl-add{color:var(--good)} .diff .dl-del{color:var(--bad)} .diff .dl-ctx{color:var(--muted)}
+
+@media (prefers-reduced-motion:reduce){
+  *{transition:none!important;animation:none!important}
+}
+`;
+//# sourceMappingURL=theme.js.map

package/node_modules/@mcp-showcase/ui-kit/build/theme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.js","sourceRoot":"","sources":["../src/theme.ts"],"names":[],"mappings":"AAAA,+EAA+E;AAC/E,4EAA4E;AAC5E,yEAAyE;AACzE,oDAAoD;AACpD,wEAAwE;AACxE,+EAA+E;AAE/E,MAAM,CAAC,MAAM,MAAM,GAAG,SAAS,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8Q/B,CAAC"}