mcp-react-toolkit 1.3.0 → 1.4.0

package/tools/ui-kit/build/result-fixture.js

@@ -0,0 +1,39 @@
+/** Sample action report — drives the result-view demo and tests. */
+export const SAMPLE_RESULT = {
+    meta: {
+        title: "Component Factory",
+        subtitle: "shadcn/ui · Button",
+        target: "@repo/ui",
+        generatedAt: "2026-06-27",
+        tool: "component-factory",
+    },
+    headline: "Created 3 files for Button",
+    status: "success",
+    stats: [
+        { label: "Created", value: "3" },
+        { label: "Template", value: "shadcn/ui" },
+        { label: "Variants", value: "6" },
+    ],
+    changes: [
+        { path: "src/components/Button/Button.tsx", kind: "created", summary: "Component with 6 variants + 4 sizes", additions: 84, language: "tsx", diff: "+ import { cva } from 'class-variance-authority';\n+ export const Button = ({ variant, size, ...props }) => {\n+   return <button className={cn(buttonVariants({ variant, size }))} {...props} />;\n+ };" },
+        { path: "src/components/Button/Button.test.tsx", kind: "created", summary: "Vitest + RTL suite, 8 cases", additions: 52, language: "tsx" },
+        { path: "src/components/Button/Button.stories.tsx", kind: "created", summary: "Storybook stories: Default, variants, sizes", additions: 39, language: "tsx" },
+    ],
+    sections: [
+        {
+            title: "Steps",
+            items: [
+                { title: "Resolved shadcn/ui Button template", status: "ok" },
+                { title: "Generated variants with CVA", status: "ok" },
+                { title: "Wrote tests + stories", status: "ok" },
+                { title: "Skipped: index barrel not updated", detail: "Add `export * from './Button'` to src/components/index.ts", status: "warn" },
+            ],
+        },
+    ],
+    nextActions: [
+        { id: "review", label: "Review the component", kind: "tool", tool: "component-reviewer", params: { path: "src/components/Button/Button.tsx" }, fallback: "Review src/components/Button/Button.tsx." },
+        { id: "story", label: "Generate more stories", kind: "tool", tool: "storybook-generator", params: { path: "src/components/Button/Button.tsx" }, fallback: "Generate Storybook stories for Button." },
+        { id: "barrel", label: "Update barrel export", kind: "prompt", prompt: "Add `export * from './Button'` to src/components/index.ts" },
+    ],
+};
+//# sourceMappingURL=result-fixture.js.map

package/tools/ui-kit/build/result-fixture.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"result-fixture.js","sourceRoot":"","sources":["../src/result-fixture.ts"],"names":[],"mappings":"AAEA,oEAAoE;AACpE,MAAM,CAAC,MAAM,aAAa,GAAiB;IACzC,IAAI,EAAE;QACJ,KAAK,EAAE,mBAAmB;QAC1B,QAAQ,EAAE,oBAAoB;QAC9B,MAAM,EAAE,UAAU;QAClB,WAAW,EAAE,YAAY;QACzB,IAAI,EAAE,mBAAmB;KAC1B;IACD,QAAQ,EAAE,4BAA4B;IACtC,MAAM,EAAE,SAAS;IACjB,KAAK,EAAE;QACL,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,EAAE;QAChC,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,WAAW,EAAE;QACzC,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,GAAG,EAAE;KAClC;IACD,OAAO,EAAE;QACP,EAAE,IAAI,EAAE,kCAAkC,EAAE,IAAI,EAAE,SAAS,EAAE,OAAO,EAAE,qCAAqC,EAAE,SAAS,EAAE,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE,IAAI,EAAE,0MAA0M,EAAE;QAC/V,EAAE,IAAI,EAAE,uCAAuC,EAAE,IAAI,EAAE,SAAS,EAAE,OAAO,EAAE,6BAA6B,EAAE,SAAS,EAAE,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE;QAC1I,EAAE,IAAI,EAAE,0CAA0C,EAAE,IAAI,EAAE,SAAS,EAAE,OAAO,EAAE,6CAA6C,EAAE,SAAS,EAAE,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE;KAC9J;IACD,QAAQ,EAAE;QACR;YACE,KAAK,EAAE,OAAO;YACd,KAAK,EAAE;gBACL,EAAE,KAAK,EAAE,oCAAoC,EAAE,MAAM,EAAE,IAAI,EAAE;gBAC7D,EAAE,KAAK,EAAE,6BAA6B,EAAE,MAAM,EAAE,IAAI,EAAE;gBACtD,EAAE,KAAK,EAAE,uBAAuB,EAAE,MAAM,EAAE,IAAI,EAAE;gBAChD,EAAE,KAAK,EAAE,mCAAmC,EAAE,MAAM,EAAE,2DAA2D,EAAE,MAAM,EAAE,MAAM,EAAE;aACpI;SACF;KACF;IACD,WAAW,EAAE;QACX,EAAE,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE,sBAAsB,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,oBAAoB,EAAE,MAAM,EAAE,EAAE,IAAI,EAAE,kCAAkC,EAAE,EAAE,QAAQ,EAAE,0CAA0C,EAAE;QACrM,EAAE,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,uBAAuB,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,qBAAqB,EAAE,MAAM,EAAE,EAAE,IAAI,EAAE,kCAAkC,EAAE,EAAE,QAAQ,EAAE,wCAAwC,EAAE;QACpM,EAAE,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE,sBAAsB,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,EAAE,2DAA2D,EAAE;KACrI;CACF,CAAC"}

package/tools/ui-kit/build/result-render.d.ts

@@ -0,0 +1,3 @@
+import { ResultReport } from "./types.js";
+export declare function renderResultHTML(report: ResultReport): string;
+//# sourceMappingURL=result-render.d.ts.map

package/tools/ui-kit/build/result-render.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"result-render.d.ts","sourceRoot":"","sources":["../src/result-render.ts"],"names":[],"mappings":"AAiBA,OAAO,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAM1C,wBAAgB,gBAAgB,CAAC,MAAM,EAAE,YAAY,GAAG,MAAM,CAuB7D"}

package/tools/ui-kit/build/result-render.js

@@ -0,0 +1,37 @@
+// ============================================================================
+// renderResultHTML — one self-contained HTML document for an action/result
+// report (scaffold, fix, convert, generate). Shares styles + chrome with the
+// health report; uses the result-specific runtime.
+// ============================================================================
+import { STYLES } from "./theme.js";
+import { RESULT_RUNTIME } from "./result-runtime.js";
+import { esc } from "./escape.js";
+import { buildResultHeader, buildResultHero, buildChanges, buildSections, buildNextSteps, buildChrome, } from "./result-components.js";
+function embedJson(data) {
+    return JSON.stringify(data).replace(/</g, "\\u003c");
+}
+export function renderResultHTML(report) {
+    return `<!doctype html>
+<html lang="en" data-theme="light">
+<head>
+<meta charset="utf-8"/>
+<meta name="viewport" content="width=device-width,initial-scale=1"/>
+<title>${esc(report.meta.title)} — ${esc(report.meta.target)}</title>
+<style>${STYLES}</style>
+</head>
+<body>
+<div class="wrap">
+${buildResultHeader(report)}
+${buildResultHero(report)}
+${buildNextSteps(report)}
+${buildChanges(report)}
+${buildSections(report)}
+<div class="foot-note">${esc(report.meta.tool)} · generated ${esc(report.meta.generatedAt)} · mcp-react-toolkit</div>
+</div>
+${buildChrome()}
+<script id="report-data" type="application/json">${embedJson(report)}</script>
+<script>${RESULT_RUNTIME}</script>
+</body>
+</html>`;
+}
+//# sourceMappingURL=result-render.js.map

package/tools/ui-kit/build/result-render.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"result-render.js","sourceRoot":"","sources":["../src/result-render.ts"],"names":[],"mappings":"AAAA,+EAA+E;AAC/E,2EAA2E;AAC3E,6EAA6E;AAC7E,mDAAmD;AACnD,+EAA+E;AAE/E,OAAO,EAAE,MAAM,EAAE,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AACrD,OAAO,EAAE,GAAG,EAAE,MAAM,aAAa,CAAC;AAClC,OAAO,EACL,iBAAiB,EACjB,eAAe,EACf,YAAY,EACZ,aAAa,EACb,cAAc,EACd,WAAW,GACZ,MAAM,wBAAwB,CAAC;AAGhC,SAAS,SAAS,CAAC,IAAa;IAC9B,OAAO,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC;AACvD,CAAC;AAED,MAAM,UAAU,gBAAgB,CAAC,MAAoB;IACnD,OAAO;;;;;SAKA,GAAG,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC;SACnD,MAAM;;;;EAIb,iBAAiB,CAAC,MAAM,CAAC;EACzB,eAAe,CAAC,MAAM,CAAC;EACvB,cAAc,CAAC,MAAM,CAAC;EACtB,YAAY,CAAC,MAAM,CAAC;EACpB,aAAa,CAAC,MAAM,CAAC;yBACE,GAAG,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,gBAAgB,GAAG,CAAC,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC;;EAExF,WAAW,EAAE;mDACoC,SAAS,CAAC,MAAM,CAAC;UAC1D,cAAc;;QAEhB,CAAC;AACT,CAAC"}

package/tools/ui-kit/build/result-runtime.d.ts

@@ -0,0 +1,2 @@
+export declare const RESULT_RUNTIME: string;
+//# sourceMappingURL=result-runtime.d.ts.map

package/tools/ui-kit/build/result-runtime.d.ts.map

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

package/tools/ui-kit/build/result-runtime.js

@@ -0,0 +1,72 @@
+// ============================================================================
+// CLIENT RUNTIME for the RESULT view. Dependency-free browser JS.
+// Theme toggle, change-diff drawer, next-step actions (host postMessage /
+// browser clipboard fallback), markdown export. Mirrors the health runtime's
+// DataAdapter behaviour.
+// ============================================================================
+export const RESULT_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__ || '*';
+  var root=document.documentElement, lastFocus=null;
+  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 n=root.getAttribute('data-theme')==='dark'?'light':'dark'; applyTheme(n); store('mcp-ui-theme',n); });
+
+  root.setAttribute('data-band', DATA.status==='partial'?'warn':'good');
+
+  // actions
+  var actionsById={}; (DATA.nextActions||[]).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')); } });
+
+  // change diff drawer
+  var drawer=$('drawer'), scrim=$('scrim');
+  function renderDiff(diff){ return diff.split('\n').map(function(l){
+    var c = l.charAt(0)==='+' ? 'dl-add' : l.charAt(0)==='-' ? 'dl-del' : 'dl-ctx'; return '<span class="'+c+'">'+E(l)+'</span>'; }).join('\n'); }
+  function openChange(i){ var c=(DATA.changes||[])[i]; if(!c||!c.diff) return; lastFocus=document.activeElement;
+    $('d-title').textContent=c.path;
+    $('d-body').innerHTML='<div class="kv" style="margin-bottom:14px"><span class="pair"><b>'+E(c.kind)+'</b></span>'+(c.language?'<span class="pair">'+E(c.language)+'</span>':'')+'</div><div class="diff">'+renderDiff(c.diff)+'</div>';
+    $('d-acts').innerHTML='';
+    drawer.classList.add('open'); scrim.classList.add('open'); var dc=$('d-close'); if(dc) dc.focus(); }
+  function closeDrawer(){ drawer.classList.remove('open'); scrim.classList.remove('open'); if(lastFocus&&lastFocus.focus){ lastFocus.focus(); lastFocus=null; } }
+  document.addEventListener('click', function(e){ var r=e.target.closest && e.target.closest('.change-row[data-change]'); if(r) openChange(parseInt(r.getAttribute('data-change'),10)); });
+  document.addEventListener('keydown', function(e){ if((e.key==='Enter'||e.key===' ')){ var r=e.target.closest && e.target.closest('.change-row[data-change]'); if(r){ e.preventDefault(); openChange(parseInt(r.getAttribute('data-change'),10)); } } });
+  if(scrim) scrim.addEventListener('click', closeDrawer);
+  var dcl=$('d-close'); if(dcl) dcl.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('**'+md(DATA.headline)+'** ('+DATA.status+')  '); L.push('**Target:** '+md(DATA.meta.target)); L.push('');
+    if((DATA.changes||[]).length){ L.push('## Changes'); (DATA.changes||[]).forEach(function(c){ L.push('- ['+c.kind.toUpperCase()+'] '+md(c.path)+(c.summary?(' — '+md(c.summary)):'')); }); L.push(''); }
+    (DATA.sections||[]).forEach(function(s){ L.push('## '+md(s.title)); s.items.forEach(function(it){ L.push('- '+md(it.title)+(it.detail?(' — '+md(it.detail)):'')); }); L.push(''); });
+    copy(L.join('\n')); toast('Summary copied as Markdown ✓'); });
+})();`;
+//# sourceMappingURL=result-runtime.js.map

package/tools/ui-kit/build/result-runtime.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"result-runtime.js","sourceRoot":"","sources":["../src/result-runtime.ts"],"names":[],"mappings":"AAAA,+EAA+E;AAC/E,kEAAkE;AAClE,0EAA0E;AAC1E,6EAA6E;AAC7E,yBAAyB;AACzB,+EAA+E;AAE/E,MAAM,CAAC,MAAM,cAAc,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAgElC,CAAC"}

package/tools/ui-kit/build/runtime.d.ts

@@ -0,0 +1,2 @@
+export declare const RUNTIME: string;
+//# sourceMappingURL=runtime.d.ts.map

package/tools/ui-kit/build/runtime.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"runtime.d.ts","sourceRoot":"","sources":["../src/runtime.ts"],"names":[],"mappings":"AAUA,eAAO,MAAM,OAAO,QAkNd,CAAC"}

package/tools/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/tools/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/tools/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/tools/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"}