opencroc 1.8.0 → 1.8.2

package/dist/web/dist/assets/studio-page-o3SCvE_v.js

@@ -0,0 +1,351 @@
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/office-runtime-BsCh82Pj.js","assets/react-vendor-C8RhVn0h.js","assets/three-core-CsxM1PCY.js","assets/three-addons-BdrPp04O.js","assets/office-runtime-B3iNctxE.css","assets/pixel-page-3BYGm7dH.js"])))=>i.map(i=>d[i]);
+import{r as S,j as s}from"./react-vendor-C8RhVn0h.js";const I="opencroc:route-change",kt={"/index.html":"/","/index-studio.html":"/studio","/index-v2-pixel.html":"/pixel"};function H(a){if(!a)return"/";const[n]=a.split("?"),d=n.startsWith("/")?n:`/${n}`,g=d.length>1&&d.endsWith("/")?d.slice(0,-1):d;return kt[g]||g}function it(){return H(window.location.pathname)}function ot(a,n){const d=H(a),g=it();if(d!==g){const y=n!=null&&n.replace?"replaceState":"pushState";window.history[y]({},"",d)}window.dispatchEvent(new Event(I))}function St(a){return window.addEventListener("popstate",a),window.addEventListener(I,a),()=>{window.removeEventListener("popstate",a),window.removeEventListener(I,a)}}function $t({route:a,children:n}){return S.useEffect(()=>(document.body.dataset.appRoute=a.id,document.body.dataset.routeVariant=a.variant,document.documentElement.dataset.appRoute=a.id,document.documentElement.dataset.routeVariant=a.variant,()=>{delete document.body.dataset.appRoute,delete document.body.dataset.routeVariant,delete document.documentElement.dataset.appRoute,delete document.documentElement.dataset.routeVariant}),[a.id,a.variant]),s.jsx("div",{className:"app-layout","data-route-id":a.id,"data-route-variant":a.variant,"aria-label":a.description,children:n})}const Et="modulepreload",Tt=function(a){return"/dist/"+a},et={},M=function(n,d,g){let y=Promise.resolve();if(d&&d.length>0){document.getElementsByTagName("link");const m=document.querySelector("meta[property=csp-nonce]"),x=(m==null?void 0:m.nonce)||(m==null?void 0:m.getAttribute("nonce"));y=Promise.allSettled(d.map(h=>{if(h=Tt(h),h in et)return;et[h]=!0;const f=h.endsWith(".css"),$=f?'[rel="stylesheet"]':"";if(document.querySelector(`link[href="${h}"]${$}`))return;const b=document.createElement("link");if(b.rel=f?"stylesheet":Et,f||(b.as="script"),b.crossOrigin="",b.href=h,x&&b.setAttribute("nonce",x),document.head.appendChild(b),f)return new Promise((w,P)=>{b.addEventListener("load",w),b.addEventListener("error",()=>P(new Error(`Unable to preload CSS for ${h}`)))})}))}function T(m){const x=new Event("vite:preloadError",{cancelable:!0});if(x.payload=m,window.dispatchEvent(x),!x.defaultPrevented)throw m}return y.then(m=>{for(const x of m||[])x.status==="rejected"&&T(x.reason);return n().catch(T)})},Lt=S.lazy(()=>M(()=>import("./office-runtime-BsCh82Pj.js"),__vite__mapDeps([0,1,2,3,4]))),Pt=S.lazy(()=>M(()=>Promise.resolve().then(()=>zt),void 0)),Rt=S.lazy(()=>M(()=>import("./pixel-page-3BYGm7dH.js"),__vite__mapDeps([5,1]))),st=[{id:"office",path:"/",title:"OpenCroc Studio",navLabel:"3D Office",description:"OpenCroc Studio office runtime view",variant:"office",component:Lt},{id:"studio",path:"/studio",title:"OpenCroc Studio Graph",navLabel:"Knowledge Graph",description:"OpenCroc Studio knowledge graph view",variant:"graph",component:Pt},{id:"pixel",path:"/pixel",title:"OpenCroc Studio Pixel",navLabel:"Pixel View",description:"OpenCroc Studio pixel operations view",variant:"pixel",component:Rt}];function _t(a){const n=H(a);return st.find(d=>d.path===n)||st[0]}function Ct(){return s.jsx("div",{style:{width:"100%",height:"100%",display:"grid",placeItems:"center",background:"#050510",color:"#f1f5f9",fontFamily:"system-ui, sans-serif"},children:"Loading OpenCroc Studio..."})}function Dt(){const a=S.useSyncExternalStore(St,it,()=>"/"),n=_t(a),d=n.component;return S.useEffect(()=>{document.title=n.title,n.path!==a&&ot(n.path,{replace:!0})},[a,n.path,n.title]),s.jsx(S.Suspense,{fallback:s.jsx(Ct,{}),children:s.jsx($t,{route:n,children:s.jsx(d,{})})})}const At=`
+:root {
+  --studio-bg: #08101d;
+  --studio-panel: rgba(11, 19, 34, 0.84);
+  --studio-card: rgba(17, 29, 52, 0.76);
+  --studio-hover: rgba(31, 48, 79, 0.82);
+  --studio-border: rgba(148, 163, 184, 0.16);
+  --studio-accent: #34d399;
+  --studio-red: #f87171;
+  --studio-orange: #fbbf24;
+  --studio-blue: #60a5fa;
+  --studio-purple: #a78bfa;
+  --studio-text: #e2e8f0;
+  --studio-dim: #94a3b8;
+  --studio-muted: #64748b;
+  --studio-shadow: 0 18px 48px rgba(0, 0, 0, 0.32);
+}
+
+[data-theme="light"] {
+  --studio-bg: #eef4fb;
+  --studio-panel: rgba(255, 255, 255, 0.88);
+  --studio-card: rgba(248, 250, 252, 0.95);
+  --studio-hover: rgba(226, 232, 240, 0.95);
+  --studio-border: rgba(100, 116, 139, 0.18);
+  --studio-accent: #059669;
+  --studio-red: #dc2626;
+  --studio-orange: #d97706;
+  --studio-blue: #2563eb;
+  --studio-purple: #7c3aed;
+  --studio-text: #0f172a;
+  --studio-dim: #475569;
+  --studio-muted: #94a3b8;
+  --studio-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(52, 211, 153, 0.08), transparent 32%),
+    radial-gradient(circle at top right, rgba(96, 165, 250, 0.08), transparent 30%),
+    var(--studio-bg);
+  color: var(--studio-text);
+}
+.studio-app {
+  display: grid;
+  grid-template-columns: 300px 1fr 360px;
+  height: 100%;
+  gap: 10px;
+  padding: 10px;
+}
+.studio-shell,
+.studio-panel,
+.studio-main,
+.studio-header,
+.studio-bar {
+  border: 1px solid var(--studio-border);
+  background: var(--studio-panel);
+  backdrop-filter: blur(18px);
+  box-shadow: var(--studio-shadow);
+}
+.studio-shell,
+.studio-panel,
+.studio-main { border-radius: 20px; overflow: hidden; }
+.studio-sidebar { display: flex; flex-direction: column; }
+.studio-section { padding: 16px; border-bottom: 1px solid var(--studio-border); }
+.studio-section:last-child { border-bottom: none; }
+.studio-section h3 {
+  margin: 0 0 10px;
+  font-size: 11px;
+  letter-spacing: 0.08em;
+  text-transform: uppercase;
+  color: var(--studio-dim);
+}
+.studio-input-row,
+.studio-actions,
+.studio-chip-row,
+.studio-header-actions,
+.studio-tabs { display: flex; gap: 8px; flex-wrap: wrap; }
+.studio-input,
+.studio-btn,
+.studio-chip {
+  border-radius: 12px;
+  border: 1px solid var(--studio-border);
+  font: inherit;
+}
+.studio-input {
+  width: 100%;
+  padding: 10px 12px;
+  background: var(--studio-card);
+  color: var(--studio-text);
+}
+.studio-btn,
+.studio-chip,
+.studio-tab,
+.snapshot-action {
+  cursor: pointer;
+  transition: 0.2s ease;
+}
+.studio-btn,
+.studio-chip {
+  padding: 9px 14px;
+  background: var(--studio-card);
+  color: var(--studio-text);
+}
+.studio-btn:hover,
+.studio-chip:hover,
+.studio-list-item:hover,
+.studio-tab:hover,
+.snapshot-action:hover { background: var(--studio-hover); }
+.studio-btn.primary {
+  background: color-mix(in srgb, var(--studio-accent) 22%, var(--studio-card));
+  border-color: color-mix(in srgb, var(--studio-accent) 42%, var(--studio-border));
+}
+.studio-stat-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
+.studio-stat {
+  padding: 12px;
+  border-radius: 14px;
+  border: 1px solid var(--studio-border);
+  background: var(--studio-card);
+}
+.studio-stat-label { font-size: 10px; text-transform: uppercase; color: var(--studio-muted); }
+.studio-stat-value { margin-top: 6px; font-size: 22px; font-weight: 700; color: var(--studio-accent); }
+.studio-main { display: flex; flex-direction: column; }
+.studio-header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 12px;
+  margin: 10px;
+  padding: 10px;
+  border-radius: 18px;
+}
+.studio-tab {
+  padding: 8px 12px;
+  border-radius: 999px;
+  border: 1px solid var(--studio-border);
+  background: var(--studio-card);
+  color: var(--studio-dim);
+  font-size: 12px;
+}
+.studio-tab.active {
+  color: var(--studio-text);
+  border-color: color-mix(in srgb, var(--studio-accent) 38%, var(--studio-border));
+  background: color-mix(in srgb, var(--studio-accent) 14%, var(--studio-card));
+}
+.studio-graph-wrap {
+  position: relative;
+  flex: 1;
+  margin: 0 10px 10px;
+  border-radius: 18px;
+  overflow: hidden;
+  border: 1px solid var(--studio-border);
+  background:
+    radial-gradient(circle at top, rgba(52, 211, 153, 0.08), transparent 42%),
+    linear-gradient(180deg, rgba(15, 23, 42, 0.12), transparent),
+    var(--studio-card);
+}
+.studio-welcome,
+.studio-loading,
+.studio-report-view { position: absolute; inset: 0; }
+.studio-welcome,
+.studio-loading {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  gap: 12px;
+  text-align: center;
+  padding: 24px;
+}
+.studio-loading.hidden,
+.studio-welcome.hidden,
+.studio-report-view.hidden,
+.studio-empty.hidden { display: none; }
+.studio-hero { font-size: 42px; }
+.studio-empty {
+  position: absolute;
+  left: 50%;
+  top: 50%;
+  transform: translate(-50%, -50%);
+  padding: 12px 16px;
+  border-radius: 999px;
+  border: 1px dashed var(--studio-border);
+  background: rgba(15, 23, 42, 0.24);
+  color: var(--studio-dim);
+}
+.studio-graph-canvas { width: 100%; height: 100%; }
+.studio-report-view {
+  overflow: auto;
+  padding: 22px 24px 28px;
+  background: color-mix(in srgb, var(--studio-bg) 86%, transparent);
+}
+.studio-report-toolbar {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 10px;
+  margin-bottom: 18px;
+}
+.studio-chip.active {
+  color: var(--studio-text);
+  border-color: color-mix(in srgb, var(--studio-accent) 36%, var(--studio-border));
+}
+.studio-bar {
+  display: flex;
+  gap: 8px;
+  padding: 10px;
+  margin: 0 10px 10px;
+  border-radius: 18px;
+  overflow-x: auto;
+}
+.agent-pill {
+  display: inline-flex;
+  align-items: center;
+  gap: 8px;
+  min-width: 120px;
+  padding: 8px 12px;
+  border-radius: 999px;
+  background: var(--studio-card);
+  border: 1px solid var(--studio-border);
+  font-size: 12px;
+}
+.agent-status-dot {
+  width: 9px;
+  height: 9px;
+  border-radius: 50%;
+  background: var(--studio-muted);
+}
+.agent-status-dot.working,
+.agent-status-dot.testing { background: var(--studio-accent); }
+.agent-status-dot.error,
+.agent-status-dot.failed { background: var(--studio-red); }
+.agent-status-dot.thinking { background: var(--studio-purple); }
+.studio-panel { display: flex; flex-direction: column; }
+.studio-panel-head {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 16px;
+  border-bottom: 1px solid var(--studio-border);
+}
+.studio-panel-body { flex: 1; overflow: auto; padding: 16px; }
+.studio-list,
+.snapshot-list { display: flex; flex-direction: column; gap: 8px; }
+.studio-list-item,
+.snapshot-item {
+  padding: 12px;
+  border-radius: 14px;
+  border: 1px solid var(--studio-border);
+  background: var(--studio-card);
+}
+.studio-list-item.active {
+  border-color: color-mix(in srgb, var(--studio-accent) 40%, var(--studio-border));
+}
+.snapshot-actions { display: flex; gap: 6px; flex-wrap: wrap; margin-top: 10px; }
+.snapshot-action {
+  padding: 5px 9px;
+  border-radius: 999px;
+  border: 1px solid var(--studio-border);
+  background: transparent;
+  color: var(--studio-dim);
+  font-size: 11px;
+}
+.snapshot-tags { display: flex; gap: 6px; flex-wrap: wrap; margin-top: 8px; }
+.snapshot-tag {
+  padding: 3px 8px;
+  border-radius: 999px;
+  background: color-mix(in srgb, var(--studio-accent) 14%, transparent);
+  color: var(--studio-accent);
+  font-size: 11px;
+}
+.studio-tooltip {
+  position: fixed;
+  z-index: 80;
+  display: none;
+  padding: 8px 10px;
+  border-radius: 12px;
+  border: 1px solid var(--studio-border);
+  background: rgba(10, 15, 26, 0.94);
+  color: #e2e8f0;
+  font-size: 12px;
+  pointer-events: none;
+}
+.studio-tooltip.visible { display: block; }
+.studio-panel-body h1,
+.studio-panel-body h2,
+.studio-panel-body h3 { margin: 0 0 12px; }
+.studio-panel-body p,
+.studio-panel-body li,
+.studio-panel-body code,
+.studio-panel-body pre { color: var(--studio-dim); line-height: 1.7; }
+.studio-panel-body pre,
+.studio-report-block {
+  border-radius: 14px;
+  border: 1px solid var(--studio-border);
+  background: var(--studio-card);
+  padding: 12px;
+  overflow: auto;
+}
+@media (max-width: 1280px) {
+  .studio-app { grid-template-columns: 280px 1fr 320px; }
+}
+@media (max-width: 1080px) {
+  .studio-app { grid-template-columns: 1fr; }
+}
+`;function Mt(){return S.useEffect(()=>{let a,n=!1;return M(async()=>{const{mountStudioRuntime:d}=await Promise.resolve().then(()=>It);return{mountStudioRuntime:d}},void 0).then(({mountStudioRuntime:d})=>d()).then(d=>{if(n){d();return}a=d}),()=>{n=!0,a==null||a()}},[]),s.jsxs(s.Fragment,{children:[s.jsx("style",{children:At}),s.jsxs("div",{className:"studio-app",children:[s.jsxs("aside",{className:"studio-shell studio-sidebar",children:[s.jsxs("section",{className:"studio-section",children:[s.jsx("h3",{children:"Scan Target"}),s.jsx("div",{className:"studio-input-row",children:s.jsx("input",{id:"scan-input",className:"studio-input",placeholder:"./backend or github.com/owner/repo"})}),s.jsx("div",{className:"studio-actions",style:{marginTop:10},children:s.jsx("button",{id:"scan-btn",className:"studio-btn primary",type:"button",children:"Start Scan"})})]}),s.jsxs("section",{className:"studio-section",id:"stats-section",children:[s.jsx("h3",{children:"Project Summary"}),s.jsxs("div",{className:"studio-stat-grid",children:[s.jsxs("div",{className:"studio-stat",children:[s.jsx("div",{className:"studio-stat-label",children:"Modules"}),s.jsx("div",{className:"studio-stat-value",id:"stat-modules",children:"0"})]}),s.jsxs("div",{className:"studio-stat",children:[s.jsx("div",{className:"studio-stat-label",children:"APIs"}),s.jsx("div",{className:"studio-stat-value",id:"stat-apis",children:"0"})]}),s.jsxs("div",{className:"studio-stat",children:[s.jsx("div",{className:"studio-stat-label",children:"Models"}),s.jsx("div",{className:"studio-stat-value",id:"stat-models",children:"0"})]}),s.jsxs("div",{className:"studio-stat",children:[s.jsx("div",{className:"studio-stat-label",children:"Risks"}),s.jsx("div",{className:"studio-stat-value",id:"stat-risks",children:"0"})]})]})]}),s.jsxs("section",{className:"studio-section",children:[s.jsx("h3",{children:"Node Types"}),s.jsx("div",{id:"node-type-list",className:"studio-list"})]}),s.jsxs("section",{className:"studio-section",children:[s.jsx("h3",{children:"Snapshots"}),s.jsx("input",{id:"snapshot-search",className:"studio-input",placeholder:"Search snapshots"}),s.jsx("div",{id:"snapshot-tag-filters",className:"studio-chip-row",style:{marginTop:10}}),s.jsx("div",{id:"snapshot-list",className:"snapshot-list",style:{marginTop:10}})]}),s.jsxs("section",{className:"studio-section",style:{flex:1,overflow:"auto"},children:[s.jsx("h3",{children:"Risks"}),s.jsx("div",{id:"risk-list",className:"studio-list"})]})]}),s.jsxs("main",{className:"studio-main",children:[s.jsxs("div",{className:"studio-header",children:[s.jsxs("div",{className:"studio-tabs",children:[s.jsx("button",{className:"studio-tab","data-view":"office",type:"button",children:"3D Office"}),s.jsx("button",{className:"studio-tab active","data-view":"graph",type:"button",children:"Knowledge Graph"}),s.jsx("button",{className:"studio-tab","data-perspective":"developer",type:"button",children:"Developer"}),s.jsx("button",{className:"studio-tab","data-perspective":"architect",type:"button",children:"Architect"}),s.jsx("button",{className:"studio-tab","data-perspective":"tester",type:"button",children:"Tester"}),s.jsx("button",{className:"studio-tab","data-perspective":"product",type:"button",children:"Product"}),s.jsx("button",{className:"studio-tab","data-perspective":"student",type:"button",children:"Student"}),s.jsx("button",{className:"studio-tab","data-perspective":"executive",type:"button",children:"Executive"})]}),s.jsxs("div",{className:"studio-header-actions",children:[s.jsx("button",{id:"focus-btn",className:"studio-btn",type:"button",children:"Focus Node"}),s.jsx("button",{id:"theme-btn",className:"studio-btn",type:"button",children:"Theme"}),s.jsx("button",{id:"panel-btn",className:"studio-btn",type:"button",children:"Toggle Panel"})]})]}),s.jsxs("div",{className:"studio-graph-wrap",children:[s.jsxs("div",{id:"welcome",className:"studio-welcome",children:[s.jsx("div",{className:"studio-hero",children:"OpenCroc"}),s.jsx("h1",{children:"Studio Graph Workspace"}),s.jsx("p",{children:"Scan a codebase to populate the knowledge graph, risk list, and perspective reports."}),s.jsxs("div",{className:"studio-input-row",style:{maxWidth:560},children:[s.jsx("input",{id:"welcome-input",className:"studio-input",placeholder:"./backend or github.com/owner/repo"}),s.jsx("button",{id:"welcome-scan-btn",className:"studio-btn primary",type:"button",children:"Analyze"})]})]}),s.jsxs("div",{id:"loading",className:"studio-loading hidden",children:[s.jsx("div",{className:"studio-hero",children:"Scanning"}),s.jsx("div",{id:"loading-text",children:"Preparing analysis..."}),s.jsx("div",{id:"loading-detail",style:{color:"var(--studio-dim)"}})]}),s.jsx("svg",{id:"graph-canvas",className:"studio-graph-canvas"}),s.jsx("div",{id:"graph-empty",className:"studio-empty hidden",children:"No graph yet. Run a scan to begin."}),s.jsxs("div",{id:"report-view",className:"studio-report-view hidden",children:[s.jsxs("div",{id:"report-toolbar",className:"studio-report-toolbar",children:[s.jsxs("div",{className:"studio-chip-row",children:[s.jsx("button",{className:"studio-chip active","data-mode":"markdown",type:"button",children:"Markdown"}),s.jsx("button",{className:"studio-chip","data-mode":"mermaid",type:"button",children:"Mermaid"}),s.jsx("button",{className:"studio-chip","data-mode":"raw",type:"button",children:"Raw"})]}),s.jsx("button",{id:"copy-report-btn",className:"studio-btn",type:"button",children:"Copy"})]}),s.jsx("div",{id:"report-content"})]})]}),s.jsxs("div",{className:"studio-bar",id:"agent-bar",children:[s.jsxs("div",{className:"agent-pill",children:[s.jsx("span",{className:"agent-status-dot idle",id:"agent-parser"}),s.jsx("span",{children:"Parser"})]}),s.jsxs("div",{className:"agent-pill",children:[s.jsx("span",{className:"agent-status-dot idle",id:"agent-analyzer"}),s.jsx("span",{children:"Analyzer"})]}),s.jsxs("div",{className:"agent-pill",children:[s.jsx("span",{className:"agent-status-dot idle",id:"agent-planner"}),s.jsx("span",{children:"Planner"})]}),s.jsxs("div",{className:"agent-pill",children:[s.jsx("span",{className:"agent-status-dot idle",id:"agent-tester"}),s.jsx("span",{children:"Tester"})]}),s.jsxs("div",{className:"agent-pill",children:[s.jsx("span",{className:"agent-status-dot idle",id:"agent-healer"}),s.jsx("span",{children:"Healer"})]}),s.jsxs("div",{className:"agent-pill",children:[s.jsx("span",{className:"agent-status-dot idle",id:"agent-reporter"}),s.jsx("span",{children:"Reporter"})]})]})]}),s.jsxs("aside",{className:"studio-panel",id:"panel",children:[s.jsxs("div",{className:"studio-panel-head",children:[s.jsx("h2",{id:"panel-title",style:{margin:0},children:"Details"}),s.jsx("button",{id:"panel-close-btn",className:"studio-btn",type:"button",children:"Close"})]}),s.jsx("div",{id:"panel-body",className:"studio-panel-body",children:s.jsx("p",{children:"Select a node, risk, or perspective report to inspect more details."})})]})]}),s.jsx("div",{id:"tooltip",className:"studio-tooltip"})]})}const zt=Object.freeze(Object.defineProperty({__proto__:null,default:Mt},Symbol.toStringTag,{value:"Module"}));function r(a){const n=document.getElementById(a);if(!n)throw new Error(`Missing element #${a}`);return n}function l(a){return String(a??"").replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;")}async function v(a,n){const d=await fetch(a,n);if(!d.ok)throw new Error(`${d.status} ${d.statusText}`);return d.json()}async function Ot(){const a=[],n=new Map;let d={nodes:[],edges:[]},g=null,y=[],T=[],m="",x="",h=null,f="",$=null,b=0,w=null,P="markdown",D="";const G=new Map,N=r("graph-canvas"),L=r("panel"),R=r("tooltip");function u(t,e,i){t.addEventListener(e,i),a.push(()=>t.removeEventListener(e,i))}function U(t){document.documentElement.setAttribute("data-theme",t),localStorage.setItem("opencroc-studio-theme",t)}function V(t,e=""){r("loading").classList.remove("hidden"),r("loading-text").textContent=t,r("loading-detail").textContent=e}function at(){r("loading").classList.add("hidden")}function nt(){var t;r("report-view").classList.add("hidden"),N.style.display="",r("graph-empty").classList.toggle("hidden",!!((t=d.nodes)!=null&&t.length)),document.querySelectorAll(".studio-tab").forEach(e=>{e.classList.toggle("active",e.dataset.view==="graph")})}function rt(){r("report-view").classList.remove("hidden"),N.style.display="none",r("graph-empty").classList.add("hidden")}function dt(){const t=(g==null?void 0:g.stats)||{};r("stat-modules").textContent=String(t.moduleCount||0),r("stat-apis").textContent=String(t.functionCount||0),r("stat-models").textContent=String(t.classCount||0),r("stat-risks").textContent=String((g==null?void 0:g.risks)||0)}function z(){const t=r("node-type-list"),e=new Map;for(const i of d.nodes||[]){const o=String(i.type||"unknown");e.set(o,(e.get(o)||0)+1)}t.innerHTML=Array.from(e.entries()).sort((i,o)=>o[1]-i[1]).map(([i,o])=>`<button class="studio-list-item${f===i?" active":""}" data-type="${l(i)}" type="button"><strong>${l(i)}</strong><div style="margin-top:6px;color:var(--studio-dim);font-size:12px">${o} nodes</div></button>`).join("")}function lt(){const t=r("risk-list");if(!y.length){t.innerHTML='<div class="studio-list-item">No risks detected yet.</div>';return}t.innerHTML=y.map((e,i)=>{const o=String(e.severity||"info");return`<button class="studio-list-item" data-risk-index="${i}" type="button"><strong style="color:${o==="critical"||o==="high"?"var(--studio-red)":o==="medium"?"var(--studio-orange)":"var(--studio-blue)"}">${l(e.title||e.message||`Risk ${i+1}`)}</strong><div style="margin-top:6px;color:var(--studio-dim);font-size:12px">${l(e.filePath||e.module||o)}</div></button>`}).join("")}function ct(){return T.filter(t=>{var c;const e=!m||((c=t.tags)==null?void 0:c.includes(m)),i=`${t.name||""} ${t.source||""}`.toLowerCase(),o=!x||i.includes(x.toLowerCase());return e&&o})}function q(){const t=r("snapshot-tag-filters"),i=["all",...Array.from(new Set(T.flatMap(o=>o.tags||[]))).sort()];t.innerHTML=i.map(o=>`<button class="studio-chip${!m&&o==="all"||m===o?" active":""}" data-snapshot-filter="${l(o)}" type="button">${o==="all"?"All":l(o)}</button>`).join("")}function O(){const t=r("snapshot-list"),e=ct();if(!e.length){t.innerHTML='<div class="snapshot-item">No snapshots found.</div>';return}t.innerHTML=e.map(i=>{const o=i.tags||[];return`
+          <div class="snapshot-item">
+            <strong>${l(i.name||i.id)}</strong>
+            <div style="margin-top:6px;color:var(--studio-dim);font-size:12px">${l(i.createdAt||"")}</div>
+            <div style="margin-top:4px;color:var(--studio-dim);font-size:12px">${l(i.source||"")}</div>
+            <div class="snapshot-tags">${o.map(c=>`<span class="snapshot-tag">${l(c)}</span>`).join("")}</div>
+            <div class="snapshot-actions">
+              <button class="snapshot-action" data-snapshot-action="restore" data-snapshot-id="${l(i.id)}" type="button">Restore</button>
+              <button class="snapshot-action" data-snapshot-action="pin" data-snapshot-id="${l(i.id)}" data-pinned="${i.pinned?"1":"0"}" type="button">${i.pinned?"Unpin":"Pin"}</button>
+              <button class="snapshot-action" data-snapshot-action="rename" data-snapshot-id="${l(i.id)}" type="button">Rename</button>
+              <button class="snapshot-action" data-snapshot-action="delete" data-snapshot-id="${l(i.id)}" type="button">Delete</button>
+            </div>
+          </div>
+        `}).join("")}function F(t,e){r("panel-title").textContent=t,r("panel-body").innerHTML=e,L.style.display=""}async function J(t){h=t;let e=t;try{e=await v(`/api/studio/node/${encodeURIComponent(String(t.id))}`)}catch{}F(String(e.label||e.id||"Node Detail"),`
+        <h3>${l(e.label||e.id||"Node")}</h3>
+        <p><strong>Type:</strong> ${l(e.type||"unknown")}</p>
+        <p><strong>Module:</strong> ${l(e.module||"-")}</p>
+        <p><strong>Status:</strong> ${l(e.status||"-")}</p>
+        <div class="studio-report-block"><pre>${l(JSON.stringify(e,null,2))}</pre></div>
+      `)}function ut(t){const e=y[t];e&&F(String(e.title||`Risk ${t+1}`),`
+        <p><strong>Severity:</strong> ${l(e.severity||"unknown")}</p>
+        <p><strong>Location:</strong> ${l(e.filePath||e.module||"-")}</p>
+        <div class="studio-report-block"><pre>${l(JSON.stringify(e,null,2))}</pre></div>
+      `)}function pt(t,e){R.innerHTML=`<strong>${l(e.label||e.id)}</strong><div style="margin-top:4px">${l(e.type||"unknown")}</div>`,R.classList.add("visible"),R.style.left=`${t.clientX+12}px`,R.style.top=`${t.clientY+12}px`}function W(){R.classList.remove("visible")}function mt(){n.clear();const t=N.getBoundingClientRect(),e=t.width||960,i=t.height||720,o=(d.nodes||[]).filter(p=>!f||p.type===f),c=o.filter(p=>p.type==="module"),k=o.filter(p=>p.type!=="module");c.forEach((p,E)=>{const _=E/Math.max(c.length,1)*Math.PI*2,j=e/2+Math.cos(_)*Math.min(e,i)*.28,A=i/2+Math.sin(_)*Math.min(e,i)*.28;n.set(String(p.id),{x:j,y:A,node:p})}),k.forEach((p,E)=>{const _=c.find(tt=>tt.label===p.module||tt.id===p.module),j=_?n.get(String(_.id)):void 0,A=E/Math.max(k.length,1)*Math.PI*2,Z=j?84+E%5*16:Math.min(e,i)*.16,jt=((j==null?void 0:j.x)||e/2)+Math.cos(A)*Z,Nt=((j==null?void 0:j.y)||i/2)+Math.sin(A)*Z;n.set(String(p.id),{x:jt,y:Nt,node:p})})}function C(){mt();const t=(d.edges||[]).filter(e=>n.has(String(e.source))&&n.has(String(e.target)));N.setAttribute("viewBox",`0 0 ${N.clientWidth||960} ${N.clientHeight||720}`),N.innerHTML=`
+      <defs>
+        <linearGradient id="studio-edge" x1="0" y1="0" x2="1" y2="1">
+          <stop offset="0%" stop-color="rgba(96,165,250,0.45)" />
+          <stop offset="100%" stop-color="rgba(52,211,153,0.22)" />
+        </linearGradient>
+      </defs>
+      ${t.map(e=>{const i=n.get(String(e.source)),o=n.get(String(e.target));return`<line x1="${i==null?void 0:i.x}" y1="${i==null?void 0:i.y}" x2="${o==null?void 0:o.x}" y2="${o==null?void 0:o.y}" stroke="url(#studio-edge)" stroke-width="1.4" opacity="0.8" />`}).join("")}
+      ${Array.from(n.entries()).map(([e,i])=>{const o=i.node,c=o.type==="module"?"var(--studio-purple)":o.type==="api"?"var(--studio-orange)":o.type==="model"?"var(--studio-accent)":"var(--studio-blue)",k=o.type==="module"?16:10,p=(h==null?void 0:h.id)===o.id?"var(--studio-accent)":"rgba(255,255,255,0.16)";return`
+            <g class="studio-node" data-node-id="${l(e)}" style="cursor:pointer">
+              <circle cx="${i.x}" cy="${i.y}" r="${k}" fill="${c}" stroke="${p}" stroke-width="2" opacity="0.92" />
+              <text x="${i.x}" y="${i.y+k+16}" text-anchor="middle" font-size="${o.type==="module"?12:10}" fill="var(--studio-text)">${l(o.label||o.id)}</text>
+            </g>
+          `}).join("")}
+    `,r("graph-empty").classList.toggle("hidden",n.size>0),r("welcome").classList.toggle("hidden",n.size>0),N.querySelectorAll(".studio-node").forEach(e=>{const i=e.dataset.nodeId||"",o=n.get(i);o&&(u(e,"click",()=>void J(o.node)),u(e,"mouseenter",c=>pt(c,o.node)),u(e,"mouseleave",W))})}async function ht(){d=await v("/api/studio/graph"),z(),C()}async function gt(){y=await v("/api/studio/risks"),lt()}async function xt(){g=await v("/api/studio/summary"),dt()}async function B(){T=await v("/api/studio/snapshots"),q(),O()}async function K(){await Promise.all([ht(),gt(),xt(),B()])}async function Y(t){V("Scanning project...",t);try{await v("/api/studio/scan",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({target:t})}),await K()}finally{at()}}async function bt(t){const e=G.get(t);if(e)return e;const i=await v(`/api/studio/report/${t}`);return G.set(t,i),i}async function vt(){const t=window;return t.mermaid?t.mermaid:(t.__mermaidPromise||(t.__mermaidPromise=new Promise((e,i)=>{const o=document.createElement("script");o.src="https://cdn.jsdelivr.net/npm/mermaid@11/dist/mermaid.min.js",o.onload=()=>e(window.mermaid),o.onerror=()=>i(new Error("Failed to load Mermaid")),document.head.appendChild(o)})),t.__mermaidPromise)}async function ft(){if(!r("report-content").querySelector(".mermaid"))return;const t=await vt();t.initialize({startOnLoad:!1,securityLevel:"loose",theme:"default"}),await t.run({querySelector:".mermaid"})}function yt(t){return l(t||"").replace(/^### (.+)$/gm,"<h3>$1</h3>").replace(/^## (.+)$/gm,"<h2>$1</h2>").replace(/^# (.+)$/gm,"<h1>$1</h1>").replace(/\*\*(.+?)\*\*/g,"<strong>$1</strong>").replace(/`([^`]+)`/g,"<code>$1</code>").replace(/^- (.+)$/gm,"<li>$1</li>").replace(/(<li>.*<\/li>)/gs,"<ul>$1</ul>").replace(/\n/g,"<br />")}async function Q(){if(!w)return;const t=r("report-content");if(P==="raw"){t.innerHTML=`<div class="studio-report-block"><pre>${l(JSON.stringify(w,null,2))}</pre></div>`;return}if(P==="mermaid"){const e=(w.sections||[]).filter(i=>{var o,c;return((o=i.visualization)==null?void 0:o.type)==="mermaid"&&((c=i.visualization)==null?void 0:c.data)}).map(i=>`<h3>${l(i.heading)}</h3><div class="studio-report-block"><pre class="mermaid">${l(i.visualization.data)}</pre></div>`).join("");t.innerHTML=e||"<p>No Mermaid sections available for this perspective.</p>",await ft();return}t.innerHTML=`
+      <h1>${l(w.title||D)}</h1>
+      <p>${l(w.summary||"")}</p>
+      ${(w.sections||[]).map(e=>{var o;const i=(o=e.visualization)!=null&&o.data?`<div class="studio-report-block"><pre>${l(e.visualization.data)}</pre></div>`:"";return`<section style="margin-top:24px"><h2>${l(e.heading)}</h2><div>${yt(e.content||"")}</div>${i}</section>`}).join("")}
+    `}function X(){const t=location.protocol==="https:"?"wss:":"ws:";$=new WebSocket(`${t}//${location.host}/ws`),$.onmessage=e=>{var i,o;try{const c=JSON.parse(e.data);if(c.type==="graph:update"&&(d=c.payload,z(),C()),c.type==="agent:update"){const k={"parser-croc":"agent-parser","analyzer-croc":"agent-analyzer","planner-croc":"agent-planner","tester-croc":"agent-tester","healer-croc":"agent-healer","reporter-croc":"agent-reporter"};for(const p of c.payload||[]){const E=k[p.id]?document.getElementById(k[p.id]):null;E&&(E.className=`agent-status-dot ${p.status||"idle"}`)}}c.type==="scan:progress"&&V(((i=c.payload)==null?void 0:i.phase)||"Scanning...",((o=c.payload)==null?void 0:o.detail)||"")}catch{}},$.onclose=()=>{b=window.setTimeout(X,3e3)}}async function wt(t,e,i){if(t==="restore"&&await v(`/api/studio/snapshots/${encodeURIComponent(e)}/load`,{method:"POST"}),t==="pin"&&await v(`/api/studio/snapshots/${encodeURIComponent(e)}/pin`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({pinned:!i})}),t==="rename"){const o=window.prompt("Snapshot name");if(!o)return;await v(`/api/studio/snapshots/${encodeURIComponent(e)}/rename`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({name:o})})}t==="delete"&&await v(`/api/studio/snapshots/${encodeURIComponent(e)}/delete`,{method:"POST"}),await B()}u(r("scan-btn"),"click",()=>{const t=r("scan-input").value.trim();t&&Y(t)}),u(r("welcome-scan-btn"),"click",()=>{const t=r("welcome-input").value.trim();t&&Y(t)}),u(r("theme-btn"),"click",()=>{const t=document.documentElement.getAttribute("data-theme")==="light"?"dark":"light";U(t)}),u(r("panel-btn"),"click",()=>{L.style.display=L.style.display==="none"?"":"none"}),u(r("panel-close-btn"),"click",()=>{L.style.display="none"}),u(r("focus-btn"),"click",()=>{h&&J(h)}),u(r("snapshot-search"),"input",t=>{x=t.target.value,O()}),u(r("snapshot-tag-filters"),"click",t=>{const e=t.target.closest("[data-snapshot-filter]");if(!e)return;const i=e.dataset.snapshotFilter||"";m=i==="all"?"":i,q(),O()}),u(r("snapshot-list"),"click",t=>{const e=t.target.closest("[data-snapshot-action]");e&&wt(e.dataset.snapshotAction||"",e.dataset.snapshotId||"",e.dataset.pinned==="1")}),u(r("node-type-list"),"click",t=>{const e=t.target.closest("[data-type]");if(!e)return;const i=e.dataset.type||"";f=f===i?"":i,z(),C()}),u(r("risk-list"),"click",t=>{const e=t.target.closest("[data-risk-index]");e&&ut(Number(e.dataset.riskIndex))}),document.querySelectorAll(".studio-tab").forEach(t=>{u(t,"click",async()=>{if(t.dataset.view==="office"){ot("/");return}if(t.dataset.view==="graph"){nt();return}const e=t.dataset.perspective;e&&(D=e,w=await bt(e),document.querySelectorAll(".studio-tab").forEach(i=>{i.classList.toggle("active",i===t)}),rt(),await Q())})}),document.querySelectorAll("[data-mode]").forEach(t=>{u(t,"click",async()=>{P=t.dataset.mode||"markdown",document.querySelectorAll("[data-mode]").forEach(e=>{e.classList.toggle("active",e===t)}),await Q()})}),u(r("copy-report-btn"),"click",async()=>{const t=r("report-content").innerText;await navigator.clipboard.writeText(t)}),u(window,"resize",C),u(document,"keydown",t=>{t.key==="Escape"&&(W(),L.style.display="none")}),U(localStorage.getItem("opencroc-studio-theme")||"dark"),L.style.display="";try{await K()}catch{r("welcome").classList.remove("hidden"),r("graph-empty").classList.remove("hidden")}return X(),()=>{a.forEach(t=>t()),a.length=0,$&&$.close(),window.clearTimeout(b)}}const It=Object.freeze(Object.defineProperty({__proto__:null,mountStudioRuntime:Ot},Symbol.toStringTag,{value:"Module"}));export{Dt as A,M as _,ot as n};