opencroc 1.8.0 → 1.8.2

package/dist/web/dist/assets/pixel-page-3BYGm7dH.js

@@ -0,0 +1,470 @@
+import{_ as ee}from"./studio-page-o3SCvE_v.js";import{r as te,j as i}from"./react-vendor-C8RhVn0h.js";function P(u){return`/dist/${u.replace(/^\/+/,"")}`}const ie=`
+:root {
+  --pixel-bg: #0a1220;
+  --pixel-panel: rgba(11, 18, 31, 0.86);
+  --pixel-card: rgba(19, 30, 50, 0.8);
+  --pixel-hover: rgba(34, 51, 82, 0.84);
+  --pixel-border: rgba(148, 163, 184, 0.15);
+  --pixel-accent: #34d399;
+  --pixel-red: #f87171;
+  --pixel-orange: #fbbf24;
+  --pixel-blue: #60a5fa;
+  --pixel-purple: #a78bfa;
+  --pixel-text: #e2e8f0;
+  --pixel-dim: #94a3b8;
+  --pixel-muted: #64748b;
+  --pixel-shadow: 0 18px 48px rgba(0, 0, 0, 0.32);
+}
+[data-theme="light"] {
+  --pixel-bg: #edf3fb;
+  --pixel-panel: rgba(255, 255, 255, 0.88);
+  --pixel-card: rgba(248, 250, 252, 0.98);
+  --pixel-hover: rgba(226, 232, 240, 0.98);
+  --pixel-border: rgba(100, 116, 139, 0.18);
+  --pixel-accent: #059669;
+  --pixel-red: #dc2626;
+  --pixel-orange: #d97706;
+  --pixel-blue: #2563eb;
+  --pixel-purple: #7c3aed;
+  --pixel-text: #0f172a;
+  --pixel-dim: #475569;
+  --pixel-muted: #94a3b8;
+  --pixel-shadow: 0 18px 48px rgba(15, 23, 42, 0.08);
+}
+html, body, #root { width: 100%; height: 100%; }
+body {
+  margin: 0;
+  overflow: hidden;
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
+  background:
+    radial-gradient(circle at top left, rgba(96, 165, 250, 0.08), transparent 34%),
+    radial-gradient(circle at bottom right, rgba(52, 211, 153, 0.08), transparent 30%),
+    var(--pixel-bg);
+  color: var(--pixel-text);
+}
+.pixel-app {
+  display: grid;
+  grid-template-columns: 260px 1fr 360px;
+  grid-template-rows: 72px 1fr 180px;
+  grid-template-areas:
+    "header header header"
+    "sidebar main panel"
+    "office office office";
+  gap: 10px;
+  height: 100%;
+  padding: 10px;
+}
+.pixel-shell,
+.pixel-header,
+.pixel-main,
+.pixel-panel,
+.pixel-office {
+  border-radius: 20px;
+  border: 1px solid var(--pixel-border);
+  background: var(--pixel-panel);
+  backdrop-filter: blur(18px);
+  box-shadow: var(--pixel-shadow);
+}
+.pixel-header {
+  grid-area: header;
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  padding: 12px 16px;
+}
+.pixel-logo {
+  width: 38px;
+  height: 38px;
+  display: grid;
+  place-items: center;
+  border-radius: 12px;
+  background: color-mix(in srgb, var(--pixel-accent) 16%, transparent);
+  color: var(--pixel-accent);
+  font-weight: 700;
+}
+.pixel-title h1 { margin: 0; font-size: 16px; }
+.pixel-title p { margin: 2px 0 0; font-size: 12px; color: var(--pixel-dim); }
+.pixel-switch,
+.pixel-actions,
+.pixel-stats,
+.pixel-panel-tabs,
+.pixel-kpis { display: flex; gap: 8px; }
+.pixel-switch button,
+.pixel-btn,
+.pixel-tab,
+.pixel-small-btn {
+  border: 1px solid var(--pixel-border);
+  border-radius: 12px;
+  background: var(--pixel-card);
+  color: var(--pixel-text);
+  cursor: pointer;
+  transition: 0.2s ease;
+  font: inherit;
+}
+.pixel-switch button,
+.pixel-btn,
+.pixel-small-btn { padding: 9px 12px; }
+.pixel-tab { padding: 8px 10px; flex: 1; }
+.pixel-switch button.active,
+.pixel-tab.active {
+  border-color: color-mix(in srgb, var(--pixel-accent) 36%, var(--pixel-border));
+  background: color-mix(in srgb, var(--pixel-accent) 14%, var(--pixel-card));
+}
+.pixel-btn.primary { background: color-mix(in srgb, var(--pixel-accent) 20%, var(--pixel-card)); }
+.pixel-btn.danger { background: color-mix(in srgb, var(--pixel-red) 16%, var(--pixel-card)); }
+.pixel-switch button:hover,
+.pixel-btn:hover,
+.pixel-tab:hover,
+.pixel-small-btn:hover,
+.pixel-list-item:hover,
+.pixel-agent-card:hover { background: var(--pixel-hover); }
+.pixel-select {
+  border-radius: 12px;
+  border: 1px solid var(--pixel-border);
+  background: var(--pixel-card);
+  color: var(--pixel-text);
+  padding: 9px 10px;
+}
+.pixel-spacer { flex: 1; }
+.pixel-stats > div {
+  min-width: 62px;
+  padding: 7px 10px;
+  border-radius: 14px;
+  border: 1px solid var(--pixel-border);
+  background: var(--pixel-card);
+  text-align: center;
+}
+.pixel-stats .label { font-size: 10px; color: var(--pixel-muted); text-transform: uppercase; }
+.pixel-stats .value {
+  display: block;
+  margin-top: 4px;
+  font-size: 17px;
+  font-weight: 700;
+  color: var(--pixel-accent);
+}
+.pixel-theme-btn {
+  width: 34px;
+  height: 34px;
+  display: grid;
+  place-items: center;
+  border-radius: 12px;
+  border: 1px solid var(--pixel-border);
+  background: var(--pixel-card);
+}
+.pixel-conn {
+  width: 12px;
+  height: 12px;
+  border-radius: 50%;
+  background: var(--pixel-muted);
+}
+.pixel-conn.connected { background: var(--pixel-accent); }
+.pixel-sidebar {
+  grid-area: sidebar;
+  overflow: auto;
+  padding: 16px;
+}
+.pixel-sidebar h3 {
+  margin: 0 0 10px;
+  font-size: 11px;
+  letter-spacing: 0.08em;
+  text-transform: uppercase;
+  color: var(--pixel-dim);
+}
+.pixel-list { display: flex; flex-direction: column; gap: 8px; }
+.pixel-list-item,
+.pixel-agent-card,
+.pixel-file-item {
+  padding: 12px;
+  border-radius: 14px;
+  border: 1px solid var(--pixel-border);
+  background: var(--pixel-card);
+}
+.pixel-main {
+  grid-area: main;
+  position: relative;
+  overflow: hidden;
+}
+.pixel-view { position: absolute; inset: 0; }
+.pixel-view.hidden { display: none; }
+.pixel-graph-canvas { width: 100%; height: 100%; }
+.pixel-tooltip {
+  position: fixed;
+  z-index: 80;
+  display: none;
+  padding: 8px 10px;
+  border-radius: 12px;
+  border: 1px solid var(--pixel-border);
+  background: rgba(10, 15, 26, 0.94);
+  color: #e2e8f0;
+  font-size: 12px;
+  pointer-events: none;
+}
+.pixel-tooltip.visible { display: block; }
+.pixel-stage {
+  position: relative;
+  width: 100%;
+  height: 100%;
+  padding: 24px;
+  overflow: hidden;
+}
+.pixel-stage .asset {
+  position: absolute;
+  image-rendering: pixelated;
+  user-select: none;
+  pointer-events: none;
+}
+.desk-asset {
+  left: 50%;
+  bottom: 18px;
+  transform: translateX(-50%);
+  width: min(760px, 92%);
+  opacity: 0.92;
+}
+.server-asset { left: 36px; bottom: 26px; width: 100px; }
+.coffee-asset { right: 42px; bottom: 34px; width: 88px; }
+.walls-asset { right: 24px; top: 24px; width: 220px; opacity: 0.85; }
+.pixel-kpis {
+  position: absolute;
+  left: 18px;
+  top: 18px;
+  gap: 10px;
+}
+.pixel-kpi {
+  min-width: 100px;
+  padding: 10px 12px;
+  border-radius: 14px;
+  border: 1px solid var(--pixel-border);
+  background: rgba(8, 15, 27, 0.72);
+}
+.pixel-kpi .t { font-size: 11px; color: var(--pixel-dim); }
+.pixel-kpi .v {
+  margin-top: 5px;
+  font-size: 26px;
+  font-weight: 700;
+  color: var(--pixel-accent);
+}
+.pixel-kpi.errors .v { color: var(--pixel-red); }
+.pixel-kpi.done .v { color: var(--pixel-blue); }
+.pixel-agent-layer { position: absolute; inset: 0; }
+.pixel-avatar {
+  position: absolute;
+  width: 52px;
+  height: 52px;
+  display: grid;
+  place-items: center;
+  border-radius: 16px;
+  border: 1px solid var(--pixel-border);
+  background: color-mix(in srgb, var(--pixel-accent) 12%, var(--pixel-card));
+  font-size: 20px;
+  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.18);
+}
+.pixel-avatar.error,
+.pixel-avatar.failed { background: color-mix(in srgb, var(--pixel-red) 14%, var(--pixel-card)); }
+.pixel-avatar.testing { background: color-mix(in srgb, var(--pixel-blue) 14%, var(--pixel-card)); }
+.pixel-avatar.done,
+.pixel-avatar.passed { background: color-mix(in srgb, var(--pixel-accent) 18%, var(--pixel-card)); }
+.pixel-label {
+  position: absolute;
+  min-width: 120px;
+  max-width: 160px;
+  padding: 8px 10px;
+  border-radius: 12px;
+  border: 1px solid var(--pixel-border);
+  background: rgba(8, 15, 27, 0.82);
+  font-size: 12px;
+  color: var(--pixel-text);
+  transform: translateX(-50%);
+}
+.pixel-label .role,
+.pixel-label .task { display: block; color: var(--pixel-dim); font-size: 11px; }
+.pixel-bubble {
+  position: absolute;
+  padding: 7px 10px;
+  border-radius: 999px;
+  border: 1px solid var(--pixel-border);
+  background: rgba(8, 15, 27, 0.88);
+  font-size: 11px;
+  color: var(--pixel-text);
+  animation: pixel-bubble-in 3s ease forwards;
+}
+@keyframes pixel-bubble-in {
+  0% { opacity: 0; transform: translateY(8px); }
+  12% { opacity: 1; transform: translateY(0); }
+  88% { opacity: 1; transform: translateY(0); }
+  100% { opacity: 0; transform: translateY(-6px); }
+}
+.pixel-panel {
+  grid-area: panel;
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+}
+.pixel-panel-tabs {
+  padding: 10px;
+  border-bottom: 1px solid var(--pixel-border);
+}
+.pixel-panel-body { flex: 1; overflow: auto; padding: 12px; }
+.pixel-log-entry {
+  padding: 10px 12px;
+  border-radius: 14px;
+  border: 1px solid var(--pixel-border);
+  background: var(--pixel-card);
+  margin-bottom: 8px;
+  font-size: 12px;
+}
+.pixel-log-entry .ts {
+  display: block;
+  margin-bottom: 4px;
+  color: var(--pixel-muted);
+  font-size: 10px;
+}
+.pixel-office {
+  grid-area: office;
+  overflow: auto;
+  padding: 14px;
+}
+.pixel-office-grid {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
+  gap: 10px;
+}
+.pixel-agent-card .role,
+.pixel-agent-card .task,
+.pixel-file-meta { display: block; color: var(--pixel-dim); font-size: 11px; }
+.pixel-progress {
+  margin-top: 10px;
+  height: 7px;
+  border-radius: 999px;
+  overflow: hidden;
+  background: rgba(15, 23, 42, 0.4);
+}
+.pixel-progress > span {
+  display: block;
+  height: 100%;
+  background: linear-gradient(90deg, var(--pixel-accent), var(--pixel-blue));
+}
+.pixel-file-preview {
+  position: fixed;
+  inset: 0;
+  display: none;
+  align-items: center;
+  justify-content: center;
+  background: rgba(2, 6, 23, 0.44);
+  backdrop-filter: blur(10px);
+  z-index: 90;
+}
+.pixel-file-preview.visible { display: flex; }
+.pixel-file-dialog {
+  width: min(860px, 92vw);
+  height: min(680px, 86vh);
+  border-radius: 20px;
+  border: 1px solid var(--pixel-border);
+  background: var(--pixel-panel);
+  box-shadow: var(--pixel-shadow);
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+}
+.pixel-file-head {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 10px;
+  padding: 14px 16px;
+  border-bottom: 1px solid var(--pixel-border);
+}
+.pixel-file-code {
+  flex: 1;
+  overflow: auto;
+  margin: 0;
+  padding: 16px;
+  color: var(--pixel-dim);
+  font-size: 12px;
+  line-height: 1.7;
+  white-space: pre-wrap;
+}
+.pixel-shortcuts {
+  position: fixed;
+  right: 12px;
+  bottom: 12px;
+  z-index: 85;
+  display: none;
+  grid-template-columns: auto auto;
+  gap: 4px 12px;
+  padding: 12px 14px;
+  border-radius: 16px;
+  border: 1px solid var(--pixel-border);
+  background: rgba(8, 15, 27, 0.88);
+  color: var(--pixel-dim);
+  font-size: 11px;
+}
+.pixel-shortcuts.visible { display: grid; }
+.pixel-shortcuts kbd {
+  display: inline-flex;
+  min-width: 18px;
+  justify-content: center;
+  padding: 2px 6px;
+  border-radius: 6px;
+  border: 1px solid var(--pixel-border);
+  background: var(--pixel-card);
+  color: var(--pixel-text);
+}
+@media (max-width: 1260px) {
+  .pixel-app { grid-template-columns: 220px 1fr 320px; }
+}
+@media (max-width: 1080px) {
+  .pixel-app {
+    grid-template-columns: 1fr;
+    grid-template-rows: 72px 1fr 180px;
+    grid-template-areas:
+      "header"
+      "main"
+      "office";
+  }
+  .pixel-sidebar,
+  .pixel-panel { display: none; }
+}
+`;function le(){return te.useEffect(()=>{let u,f=!1;return ee(async()=>{const{mountPixelRuntime:v}=await Promise.resolve().then(()=>ae);return{mountPixelRuntime:v}},void 0).then(({mountPixelRuntime:v})=>v()).then(v=>{if(f){v();return}u=v}),()=>{f=!0,u==null||u()}},[]),i.jsxs(i.Fragment,{children:[i.jsx("style",{children:ie}),i.jsxs("div",{className:"pixel-app",children:[i.jsxs("header",{className:"pixel-header",children:[i.jsx("div",{className:"pixel-logo",children:"OC"}),i.jsxs("div",{className:"pixel-title",children:[i.jsx("h1",{children:"OpenCroc Studio"}),i.jsx("p",{children:"Pixel Ops Dashboard | Multi-agent runtime monitor"})]}),i.jsxs("div",{className:"pixel-switch",children:[i.jsx("button",{id:"view-dashboard",className:"active",type:"button",children:"Dashboard"}),i.jsx("button",{id:"view-office",type:"button",children:"Pixel Office"})]}),i.jsxs("div",{className:"pixel-actions",children:[i.jsx("button",{id:"btn-scan",className:"pixel-btn primary",type:"button",children:"Scan"}),i.jsx("button",{id:"btn-pipeline",className:"pixel-btn primary",type:"button",children:"Pipeline"}),i.jsxs("select",{id:"run-mode",className:"pixel-select",defaultValue:"auto",children:[i.jsx("option",{value:"auto",children:"Auto"}),i.jsx("option",{value:"reuse",children:"Reuse"}),i.jsx("option",{value:"managed",children:"Managed"})]}),i.jsx("button",{id:"btn-run-tests",className:"pixel-btn",type:"button",children:"Tests"}),i.jsx("button",{id:"btn-reports",className:"pixel-btn",type:"button",children:"Reports"}),i.jsx("button",{id:"btn-reset",className:"pixel-btn danger",type:"button",children:"Reset"})]}),i.jsx("div",{className:"pixel-spacer"}),i.jsxs("div",{className:"pixel-stats",children:[i.jsxs("div",{children:[i.jsx("span",{className:"label",children:"Modules"}),i.jsx("span",{className:"value",id:"s-mod",children:"-"})]}),i.jsxs("div",{children:[i.jsx("span",{className:"label",children:"Models"}),i.jsx("span",{className:"value",id:"s-mdl",children:"-"})]}),i.jsxs("div",{children:[i.jsx("span",{className:"label",children:"APIs"}),i.jsx("span",{className:"value",id:"s-api",children:"-"})]}),i.jsxs("div",{children:[i.jsx("span",{className:"label",children:"Tests"}),i.jsx("span",{className:"value",id:"s-files",children:"-"})]}),i.jsxs("div",{id:"s-results-wrap",style:{display:"none"},children:[i.jsx("span",{className:"label",children:"Results"}),i.jsx("span",{className:"value",id:"s-results",children:"-"})]})]}),i.jsx("button",{id:"theme-toggle",className:"pixel-theme-btn",type:"button",children:"◐"}),i.jsx("div",{id:"conn-dot",className:"pixel-conn"})]}),i.jsxs("aside",{className:"pixel-shell pixel-sidebar",children:[i.jsx("h3",{children:"Modules"}),i.jsx("div",{id:"mod-list",className:"pixel-list"}),i.jsx("h3",{style:{marginTop:16},children:"Agents"}),i.jsx("div",{id:"agent-sidebar",className:"pixel-list"})]}),i.jsxs("main",{className:"pixel-main",children:[i.jsx("div",{id:"graph-view",className:"pixel-view",children:i.jsx("canvas",{id:"graph-canvas",className:"pixel-graph-canvas"})}),i.jsx("div",{id:"pixel-view",className:"pixel-view hidden",children:i.jsxs("div",{className:"pixel-stage",children:[i.jsx("img",{className:"asset desk-asset",src:P("star/desk-v3.webp"),alt:"desk"}),i.jsx("img",{className:"asset server-asset",src:P("botreview/server.gif"),alt:"server"}),i.jsx("img",{className:"asset coffee-asset",src:P("botreview/coffee-machine.gif"),alt:"coffee"}),i.jsx("img",{className:"asset walls-asset",src:P("botreview/walls.png"),alt:"walls"}),i.jsxs("div",{className:"pixel-kpis",children:[i.jsxs("div",{className:"pixel-kpi",children:[i.jsx("div",{className:"t",children:"Working"}),i.jsx("div",{className:"v",id:"kpi-working",children:"0"})]}),i.jsxs("div",{className:"pixel-kpi errors",children:[i.jsx("div",{className:"t",children:"Errors"}),i.jsx("div",{className:"v",id:"kpi-errors",children:"0"})]}),i.jsxs("div",{className:"pixel-kpi done",children:[i.jsx("div",{className:"t",children:"Done"}),i.jsx("div",{className:"v",id:"kpi-done",children:"0"})]})]}),i.jsx("div",{id:"pixel-agent-layer",className:"pixel-agent-layer"})]})})]}),i.jsxs("aside",{className:"pixel-panel",children:[i.jsxs("div",{className:"pixel-panel-tabs",children:[i.jsx("button",{className:"pixel-tab active","data-tab":"log",type:"button",children:"Log"}),i.jsx("button",{className:"pixel-tab","data-tab":"files",type:"button",children:"Tests"}),i.jsx("button",{className:"pixel-tab","data-tab":"results",type:"button",children:"Results"}),i.jsx("button",{className:"pixel-tab","data-tab":"reports",type:"button",children:"Reports"})]}),i.jsxs("div",{className:"pixel-panel-body",children:[i.jsx("div",{id:"log-list"}),i.jsx("div",{id:"file-list",style:{display:"none"}}),i.jsx("div",{id:"results-panel",style:{display:"none"}}),i.jsx("div",{id:"reports-panel",style:{display:"none"}})]})]}),i.jsxs("section",{className:"pixel-office",children:[i.jsx("h3",{style:{margin:"0 0 10px",fontSize:11,letterSpacing:"0.08em",textTransform:"uppercase",color:"var(--pixel-dim)"},children:"Desk View"}),i.jsx("div",{id:"croc-office",className:"pixel-office-grid"})]})]}),i.jsx("div",{id:"tooltip",className:"pixel-tooltip"}),i.jsx("div",{id:"file-preview",className:"pixel-file-preview",children:i.jsxs("div",{className:"pixel-file-dialog",children:[i.jsxs("div",{className:"pixel-file-head",children:[i.jsx("strong",{id:"fp-title",children:"file.ts"}),i.jsx("button",{id:"fp-close",className:"pixel-small-btn",type:"button",children:"Close"})]}),i.jsx("pre",{id:"fp-code",className:"pixel-file-code"})]})}),i.jsxs("div",{id:"shortcut-legend",className:"pixel-shortcuts",children:[i.jsx("kbd",{children:"1"}),i.jsx("span",{children:"Dashboard"}),i.jsx("kbd",{children:"2"}),i.jsx("span",{children:"Pixel Office"}),i.jsx("kbd",{children:"S"}),i.jsx("span",{children:"Scan"}),i.jsx("kbd",{children:"P"}),i.jsx("span",{children:"Pipeline"}),i.jsx("kbd",{children:"T"}),i.jsx("span",{children:"Run tests"}),i.jsx("kbd",{children:"R"}),i.jsx("span",{children:"Reports"}),i.jsx("kbd",{children:"X"}),i.jsx("span",{children:"Reset"}),i.jsx("kbd",{children:"D"}),i.jsx("span",{children:"Theme"}),i.jsx("kbd",{children:"?"}),i.jsx("span",{children:"Show shortcuts"})]})]})}function a(u){const f=document.getElementById(u);if(!f)throw new Error(`Missing element #${u}`);return f}function c(u){return String(u??"").replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;")}async function $(u,f){const v=await fetch(u,f);if(!v.ok)throw new Error(`${v.status} ${v.statusText}`);return v.json()}async function se(){const u=[],f=new Map,v=new Map,s={project:null,graph:{nodes:[],edges:[]},agents:[],generatedFiles:[],testMetrics:null,testQuality:null,reports:[],runMode:"auto",currentView:"dashboard",theme:localStorage.getItem("opencroc-pixel-theme")||"dark",ws:null,reconnectTimer:0,shortcutTimer:0,logs:[],running:!1},N=a("tooltip"),b=a("graph-canvas"),m=b.getContext("2d");if(!m)throw new Error("Graph canvas is not available.");function g(t,e,r){t.addEventListener(e,r),u.push(()=>t.removeEventListener(e,r))}function L(t){s.theme=t,document.documentElement.setAttribute("data-theme",t),localStorage.setItem("opencroc-pixel-theme",t)}function h(t,e="info"){s.logs.push({ts:new Date().toLocaleTimeString("zh-CN",{hour12:!1}),level:e,message:t}),s.logs.length>80&&(s.logs=s.logs.slice(-80)),X()}function y(){const t=s.running;["btn-scan","btn-pipeline","btn-reset","btn-run-tests","btn-reports"].forEach(e=>{a(e).disabled=t})}function E(){var r;const t=s.graph,e=((r=s.project)==null?void 0:r.stats)||{};if(a("s-mod").textContent=String(e.modules??t.nodes.filter(l=>l.type==="module").length),a("s-mdl").textContent=String(e.models??t.nodes.filter(l=>l.type==="model").length),a("s-api").textContent=String(e.endpoints??t.nodes.filter(l=>l.type==="api").length),a("s-files").textContent=String(s.generatedFiles.length||0),s.testMetrics){const l=a("s-results-wrap");l.style.display="",a("s-results").textContent=`${s.testMetrics.passed||0}/${s.testMetrics.failed||0}`}}function O(){const t=a("mod-list"),e=s.graph.nodes.filter(r=>r.type==="module");if(!e.length){t.innerHTML='<div class="pixel-list-item">No modules yet. Run Scan first.</div>';return}t.innerHTML=e.map(r=>`<button class="pixel-list-item" type="button" data-module-id="${c(r.id)}"><strong>${c(r.label||r.id)}</strong><div style="margin-top:6px;color:var(--pixel-dim);font-size:12px">${c(r.path||"")}</div></button>`).join("")}function Y(){const t=a("agent-sidebar");if(!s.agents.length){t.innerHTML='<div class="pixel-list-item">No agents connected.</div>';return}t.innerHTML=s.agents.map(e=>`
+        <div class="pixel-list-item">
+          <strong>${c(e.name||e.id)}</strong>
+          <div style="margin-top:6px;color:var(--pixel-dim);font-size:12px">${c(e.role||"agent")}</div>
+          <div style="margin-top:4px;color:var(--pixel-dim);font-size:12px">${c(e.status||"idle")}</div>
+        </div>
+      `).join("")}function Q(){var n,x;f.clear();const t=b.clientWidth||((n=b.parentElement)==null?void 0:n.clientWidth)||960,e=b.clientHeight||((x=b.parentElement)==null?void 0:x.clientHeight)||640,r=s.graph.nodes.filter(o=>o.type==="module"),l=s.graph.nodes.filter(o=>o.type!=="module");r.forEach((o,j)=>{const p=j/Math.max(r.length,1)*Math.PI*2,w=t/2+Math.cos(p)*Math.min(t,e)*.28,k=e/2+Math.sin(p)*Math.min(t,e)*.22;f.set(String(o.id),{x:w,y:k,node:o})}),l.forEach((o,j)=>{const p=r.find(M=>M.label===o.module||M.id===o.module),w=p?f.get(String(p.id)):void 0,k=j/Math.max(l.length,1)*Math.PI*2,d=w?90+j%6*18:Math.min(t,e)*.18;f.set(String(o.id),{x:((w==null?void 0:w.x)||t/2)+Math.cos(k)*d,y:((w==null?void 0:w.y)||e/2)+Math.sin(k)*d,node:o})})}function S(){var r,l;const t=b.clientWidth||((r=b.parentElement)==null?void 0:r.clientWidth)||960,e=b.clientHeight||((l=b.parentElement)==null?void 0:l.clientHeight)||640;b.width=t*Math.max(window.devicePixelRatio,1),b.height=e*Math.max(window.devicePixelRatio,1),b.style.width=`${t}px`,b.style.height=`${e}px`,m.setTransform(Math.max(window.devicePixelRatio,1),0,0,Math.max(window.devicePixelRatio,1),0,0),m.clearRect(0,0,t,e),Q(),m.strokeStyle=s.theme==="dark"?"rgba(148,163,184,0.28)":"rgba(100,116,139,0.26)",m.lineWidth=1.4;for(const n of s.graph.edges){const x=f.get(String(n.source)),o=f.get(String(n.target));!x||!o||(m.beginPath(),m.moveTo(x.x,x.y),m.lineTo(o.x,o.y),m.stroke())}for(const{x:n,y:x,node:o}of f.values()){const j=o.type==="module"?"#a78bfa":o.type==="api"?"#fbbf24":o.type==="model"?"#34d399":"#60a5fa";m.fillStyle=j,m.beginPath(),m.arc(n,x,o.type==="module"?16:10,0,Math.PI*2),m.fill(),m.fillStyle=s.theme==="dark"?"#e2e8f0":"#0f172a",m.font=o.type==="module"?"12px sans-serif":"10px sans-serif",m.textAlign="center",m.fillText(String(o.label||o.id),n,x+(o.type==="module"?32:24))}}function X(){const t=a("log-list");t.innerHTML=s.logs.slice().reverse().map(e=>`<div class="pixel-log-entry"><span class="ts">${c(e.ts)}</span><strong>${c(e.level)}</strong><div style="margin-top:4px">${c(e.message)}</div></div>`).join("")}function G(){const t=a("croc-office");if(!s.agents.length){t.innerHTML='<div class="pixel-agent-card">No active agents yet.</div>';return}t.innerHTML=s.agents.map(e=>{const r=typeof e.progress=="number"?Math.max(0,Math.min(100,e.progress)):0;return`
+          <div class="pixel-agent-card">
+            <strong>${c(e.name||e.id)}</strong>
+            <span class="role">${c(e.role||"agent")}</span>
+            <span class="task">${c(e.currentTask||"Awaiting task")}</span>
+            <div class="pixel-progress"><span style="width:${r}%"></span></div>
+          </div>
+        `}).join("")}function H(){for(const t of v.values())window.clearInterval(t);v.clear()}function J(){H();const t=a("pixel-agent-layer");for(const e of s.agents){const r=window.setInterval(()=>{const l=t.querySelector(`[data-agent-name="${CSS.escape(String(e.name||e.id))}"]`);if(!l||s.currentView!=="office")return;const n=document.createElement("div");n.className="pixel-bubble",n.textContent=String(e.status||"idle"),n.style.left=`${l.offsetLeft+50}px`,n.style.top=`${l.offsetTop-10}px`,t.appendChild(n),window.setTimeout(()=>n.remove(),3e3)},7e3+Math.round(Math.random()*4e3));v.set(String(e.name||e.id),r)}}function R(){const t=a("pixel-agent-layer"),e=a("pixel-view"),r=e.clientWidth||900,l=e.clientHeight||540,n=[{x:.18,y:.64},{x:.3,y:.66},{x:.42,y:.62},{x:.56,y:.6},{x:.72,y:.63},{x:.82,y:.52},{x:.22,y:.45},{x:.48,y:.42},{x:.66,y:.4},{x:.78,y:.72}],x=s.agents.filter(p=>p.status==="working"||p.status==="testing").length,o=s.agents.filter(p=>p.status==="error"||p.status==="failed").length,j=s.agents.filter(p=>p.status==="done"||p.status==="passed").length;a("kpi-working").textContent=String(x),a("kpi-errors").textContent=String(o),a("kpi-done").textContent=String(j),t.innerHTML=s.agents.map((p,w)=>{const k=n[w%n.length],d=Math.round(r*k.x),M=Math.round(l*k.y);return`
+          <div class="pixel-avatar ${c(p.status||"idle")}" data-agent-name="${c(p.name||p.id)}" style="left:${d}px;top:${M}px">🐊</div>
+          <div class="pixel-label" style="left:${d+24}px;top:${M-18}px">
+            <strong>${c(p.name||p.id)}</strong>
+            <span class="role">${c(p.role||"agent")}</span>
+            <span class="task">${c(p.currentTask||p.status||"idle")}</span>
+          </div>
+        `}).join(""),J()}function D(){const t=a("file-list");if(!s.generatedFiles.length){t.innerHTML='<div class="pixel-file-item">No generated tests yet.</div>';return}t.innerHTML=s.generatedFiles.map((e,r)=>`
+        <button class="pixel-file-item" data-file-index="${r}" type="button">
+          <strong>${c(e.filePath||`Generated file ${r+1}`)}</strong>
+          <span class="pixel-file-meta">${c(e.module||"")} ${e.lines?`| ${e.lines} lines`:""}</span>
+        </button>
+      `).join("")}function A(){const t=a("results-panel");if(!s.testMetrics&&!s.testQuality){t.innerHTML='<div class="pixel-file-item">No test results yet.</div>';return}const e=s.testMetrics,r=s.testQuality,l=e?(e.passed||0)+(e.failed||0)+(e.skipped||0)+(e.timedOut||0):0,n=l?Math.round(((e==null?void 0:e.passed)||0)/l*100):0;t.innerHTML=`
+      <div class="pixel-file-item">
+        <strong>Test Results</strong>
+        <div style="margin-top:10px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px">
+          <div class="pixel-agent-card"><strong>${(e==null?void 0:e.passed)||0}</strong><span class="role">Passed</span></div>
+          <div class="pixel-agent-card"><strong>${(e==null?void 0:e.failed)||0}</strong><span class="role">Failed</span></div>
+          <div class="pixel-agent-card"><strong>${(e==null?void 0:e.skipped)||0}</strong><span class="role">Skipped</span></div>
+          <div class="pixel-agent-card"><strong>${(e==null?void 0:e.timedOut)||0}</strong><span class="role">Timed Out</span></div>
+        </div>
+        <div class="pixel-progress" style="margin-top:14px"><span style="width:${n}%"></span></div>
+        <span class="pixel-file-meta">Pass rate ${n}%</span>
+      </div>
+      ${r?`<div class="pixel-file-item" style="margin-top:10px"><strong>Execution Quality</strong><pre style="white-space:pre-wrap;color:var(--pixel-dim);font-size:12px">${c(JSON.stringify(r,null,2))}</pre></div>`:""}
+    `}function _(){const t=a("reports-panel");if(!s.reports.length){t.innerHTML='<div class="pixel-file-item">No reports available.</div>';return}t.innerHTML=s.reports.map(e=>`
+        <button class="pixel-file-item" data-report-format="${c(e.format||"")}" type="button">
+          <strong>${c(e.filename||`report.${e.format||"txt"}`)}</strong>
+          <span class="pixel-file-meta">${c(e.format||"report")}</span>
+        </button>
+      `).join("")}function z(){E(),O(),Y(),S(),R(),G(),D(),A(),_()}async function C(){var e,r;const t=await $("/api/project");s.project=t,s.graph={nodes:((e=t.graph)==null?void 0:e.nodes)||[],edges:((r=t.graph)==null?void 0:r.edges)||[]},s.agents=t.agents||[],z()}async function I(){s.running=!0,y(),h("Starting project scan...");try{await $("/api/scan",{method:"POST"})}catch(t){h(`Scan failed: ${t instanceof Error?t.message:String(t)}`,"error"),s.running=!1,y()}}async function W(){s.running=!0,y(),h("Pipeline started...");try{await $("/api/pipeline",{method:"POST"})}catch(t){h(`Pipeline failed: ${t instanceof Error?t.message:String(t)}`,"error"),s.running=!1,y()}}async function F(){try{await $("/api/reset",{method:"POST"}),h("Agents reset.")}catch(t){h(`Reset failed: ${t instanceof Error?t.message:String(t)}`,"error")}s.running=!1,y()}async function V(){s.running=!0,y(),h(`Running tests (${s.runMode})...`);try{const t=await $("/api/run-tests",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({mode:s.runMode})});t.error&&h(`Test run failed: ${t.error}`,"error")}catch(t){h(`Tests failed: ${t instanceof Error?t.message:String(t)}`,"error"),s.running=!1,y()}}async function q(){s.running=!0,y(),h("Generating reports...");try{await $("/api/reports/generate",{method:"POST"})}catch(t){h(`Report generation failed: ${t instanceof Error?t.message:String(t)}`,"error"),s.running=!1,y()}}function B(){const t=location.protocol==="https:"?"wss:":"ws:",e=new WebSocket(`${t}//${location.host}/ws`);s.ws=e,e.onopen=()=>{a("conn-dot").classList.add("connected"),h("WebSocket connected.")},e.onclose=()=>{a("conn-dot").classList.remove("connected"),h("WebSocket disconnected. Retrying...","warn"),s.reconnectTimer=window.setTimeout(B,3e3)},e.onmessage=r=>{var l,n,x,o,j,p,w,k;try{const d=JSON.parse(r.data);if(d.type==="agent:update"){s.agents=d.payload||[],z();return}if(d.type==="graph:update"){s.graph={nodes:((l=d.payload)==null?void 0:l.nodes)||[],edges:((n=d.payload)==null?void 0:n.edges)||[]},S(),O();return}if(d.type==="log"){h(String(((x=d.payload)==null?void 0:x.message)||""),String(((o=d.payload)==null?void 0:o.level)||"info"));return}if(d.type==="files:generated"){s.generatedFiles=d.payload||[],D(),E();return}if(d.type==="pipeline:complete"){s.running=!1,y(),h((j=d.payload)!=null&&j.error?`Pipeline failed: ${d.payload.error}`:"Pipeline completed.",(p=d.payload)!=null&&p.error?"error":"info"),C();return}if(d.type==="test:complete"){s.running=!1,s.testMetrics=((w=d.payload)==null?void 0:w.metrics)||null,s.testQuality=((k=d.payload)==null?void 0:k.quality)||null,y(),A(),E();return}if(d.type==="reports:generated"){s.running=!1,s.reports=d.payload||[],y(),_();return}d.type==="scan:complete"&&(s.running=!1,y(),h("Scan completed."),C())}catch{}}}function T(t){if(s.currentView=t,a("graph-view").classList.toggle("hidden",t!=="dashboard"),a("pixel-view").classList.toggle("hidden",t!=="office"),a("view-dashboard").classList.toggle("active",t==="dashboard"),a("view-office").classList.toggle("active",t==="office"),N.classList.remove("visible"),t==="dashboard"){S();return}R()}async function K(t){const e=await $(`/api/files/${t}`);a("fp-title").textContent=e.filePath||"file.ts",a("fp-code").textContent=e.content||"",a("file-preview").classList.add("visible")}async function U(t){const r=await(await fetch(`/api/reports/${t}`)).text();if(t==="html"){const l=window.open("","_blank");l&&(l.document.write(r),l.document.close());return}a("fp-title").textContent=`report.${t}`,a("fp-code").textContent=r,a("file-preview").classList.add("visible")}function Z(){const t=a("shortcut-legend");t.classList.add("visible"),window.clearTimeout(s.shortcutTimer),s.shortcutTimer=window.setTimeout(()=>t.classList.remove("visible"),4e3)}return g(a("btn-scan"),"click",()=>void I()),g(a("btn-pipeline"),"click",()=>void W()),g(a("btn-reset"),"click",()=>void F()),g(a("btn-run-tests"),"click",()=>void V()),g(a("btn-reports"),"click",()=>void q()),g(a("run-mode"),"change",t=>{s.runMode=t.target.value}),g(a("view-dashboard"),"click",()=>T("dashboard")),g(a("view-office"),"click",()=>T("office")),g(a("theme-toggle"),"click",()=>{L(s.theme==="dark"?"light":"dark"),S()}),g(a("fp-close"),"click",()=>a("file-preview").classList.remove("visible")),g(a("file-preview"),"click",t=>{t.target===a("file-preview")&&a("file-preview").classList.remove("visible")}),g(document.querySelectorAll(".pixel-tab").item(0).parentElement,"click",t=>{const e=t.target.closest(".pixel-tab");if(!e)return;const r=e.dataset.tab;document.querySelectorAll(".pixel-tab").forEach(l=>{l.classList.toggle("active",l===e)}),a("log-list").style.display=r==="log"?"":"none",a("file-list").style.display=r==="files"?"":"none",a("results-panel").style.display=r==="results"?"":"none",a("reports-panel").style.display=r==="reports"?"":"none"}),g(a("file-list"),"click",t=>{const e=t.target.closest("[data-file-index]");e&&K(Number(e.dataset.fileIndex))}),g(a("reports-panel"),"click",t=>{const e=t.target.closest("[data-report-format]");e&&U(e.dataset.reportFormat||"txt")}),g(b,"mousemove",t=>{const e=b.getBoundingClientRect(),r=t.clientX-e.left,l=t.clientY-e.top;let n;for(const x of f.values()){const o=x.node.type==="module"?18:12;Math.abs(x.x-r)<=o&&Math.abs(x.y-l)<=o&&(n=x)}if(!n){N.classList.remove("visible");return}N.classList.add("visible"),N.innerHTML=`<strong>${c(n.node.label||n.node.id)}</strong><div>${c(n.node.type||"unknown")}</div>`,N.style.left=`${t.clientX+12}px`,N.style.top=`${t.clientY+12}px`}),g(b,"mouseleave",()=>N.classList.remove("visible")),g(window,"resize",()=>{S(),R()}),g(document,"keydown",t=>{var x;const e=t,r=e.target,l=(x=r==null?void 0:r.tagName)==null?void 0:x.toLowerCase();if(l==="input"||l==="textarea"||l==="select")return;if(e.key==="Escape"){a("file-preview").classList.remove("visible"),a("shortcut-legend").classList.remove("visible");return}const n=e.key.toLowerCase();if(n==="?"||e.key==="/"&&e.shiftKey){e.preventDefault(),Z();return}if(n==="1"){e.preventDefault(),T("dashboard");return}if(n==="2"){e.preventDefault(),T("office");return}if(n==="s"){e.preventDefault(),I();return}if(n==="p"){e.preventDefault(),W();return}if(n==="t"){e.preventDefault(),V();return}if(n==="r"){e.preventDefault(),q();return}if(n==="x"){e.preventDefault(),F();return}n==="d"&&(e.preventDefault(),L(s.theme==="dark"?"light":"dark"),S())}),L(s.theme),y(),h("OpenCroc Studio pixel dashboard ready. Press ? for shortcuts."),await C(),B(),z(),()=>{u.forEach(t=>t()),u.length=0,s.ws&&s.ws.close(),H(),window.clearTimeout(s.reconnectTimer),window.clearTimeout(s.shortcutTimer)}}const ae=Object.freeze(Object.defineProperty({__proto__:null,mountPixelRuntime:se},Symbol.toStringTag,{value:"Module"}));export{le as default};