@codeyam/codeyam-cli 0.1.0-staging.8e7b1bd → 0.1.0-staging.9574237

package/codeyam-cli/src/webserver/build/client/assets/editor.entity.(_sha)-Dmg9cGK3.js

@@ -0,0 +1,58 @@
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/index-Blo6EK8G.js","assets/jsx-runtime-D_zvdyIk.js","assets/chunk-JZWAC4HX-BBXArFPl.js"])))=>i.map(i=>d[i]);
+var cs=Object.defineProperty;var ds=(t,s,n)=>s in t?cs(t,s,{enumerable:!0,configurable:!0,writable:!0,value:n}):t[s]=n;var bt=(t,s,n)=>ds(t,typeof s!="symbol"?s+"":s,n);import{r,w as ms,u as xs,b as ps,a as hs,c as us,O as fs}from"./chunk-JZWAC4HX-BBXArFPl.js";import{j as e}from"./jsx-runtime-D_zvdyIk.js";import{u as gs,C as js}from"./useCustomSizes-BR3Rs7JY.js";import{g as bs,s as ys,r as Ye,b as Ke,c as vs,l as Ns,d as ws,e as Ss,f as ks,a as Cs,T as Ps,D as Es}from"./editorPreview-DBa7T2FK.js";import{C as ue}from"./CopyButton-CzTDWkF2.js";import{_ as Qe}from"./preload-helper-ckwbz45p.js";import{c as Ts}from"./cy-logo-cli-DcX-ZS3p.js";import{u as Is,S as yt}from"./Spinner-Df3UCi8k.js";import"./copy-zK0B6Nu-.js";import"./createLucideIcon-DJB0YQJL.js";import"./useLastLogLine-BxxP_XF9.js";function pe(t){var l;if(!t.startsWith("app/")&&!t.startsWith("("))return"/";const n=t.replace(/^app\//,"").split("/"),a=n.pop(),c=((l=a.match(/\.(tsx?|jsx?|js)$/))==null?void 0:l[0])||"",i=a.slice(0,-c.length);let o;return i==="page"||i==="index"?o=n:o=[...n,i],o=o.filter(d=>!d.startsWith("(")),o.length===0?"/":"/"+o.join("/")}function he(t){return t==="/"?"Home":t.replace(/^\//,"").split("/").map(n=>n.startsWith("[")?n:n.charAt(0).toUpperCase()+n.slice(1)).join(" / ")}function Ce(t){if(!t||t==="/")return"Home";const s=t.split("?")[0].replace(/^\//,"");if(!s)return"Home";const n=s.split("/")[0].replace(/\.[^.]+$/,"");return n.charAt(0).toUpperCase()+n.slice(1)}function Ze(t){return t?t.includes("/isolated-components"):!1}function Ms(t,s){return!s||Object.keys(s).length===0?t:t.filter(n=>s[n.name])}const Re=[{name:"Desktop",width:1440,height:900},{name:"Laptop",width:1024,height:768},{name:"Tablet",width:768,height:1024},{name:"Mobile",width:375,height:667}];function $s(t){if(!t)return Re;const s=Object.entries(t).map(([a,c])=>({name:a,width:c.width,height:c.height})),n=new Set(s.map(a=>a.name));return[...s,...Re.filter(a=>!n.has(a.name))]}function Rs({featureName:t,editorStep:s,editorStepLabel:n,onContinue:a,onStartFresh:c,onReview:i}){const[o,l]=r.useState("resume"),[d,N]=r.useState(0),y=r.useCallback(()=>{l("fresh-options"),N(0)},[]),k=r.useCallback(_=>{_.key==="ArrowLeft"||_.key==="ArrowRight"||_.key==="Tab"?(_.preventDefault(),N(L=>L===0?1:0)):_.key==="Enter"&&(_.preventDefault(),o==="resume"?d===0?a():y():d===0?c():i())},[o,d,a,c,i,y]);r.useEffect(()=>(window.addEventListener("keydown",k),()=>window.removeEventListener("keydown",k)),[k]);const g="flex-1 px-4 py-2 text-sm rounded transition-colors cursor-pointer",E="ring-2 ring-white/50",f="bg-[#005c75] text-white font-medium hover:bg-[#004d63]",F="bg-[#3d3d3d] text-[#d4d4d4] hover:bg-[#4d4d4d]";return e.jsx("div",{className:"flex items-center justify-center h-full bg-[#1e1e1e] text-[#d4d4d4]",children:e.jsx("div",{className:"max-w-md w-full mx-4 p-6 bg-[#252526] border border-[#3d3d3d] rounded-lg",children:o==="resume"?e.jsxs(e.Fragment,{children:[e.jsx("h2",{className:"text-lg font-semibold mb-3 text-white",children:"Resume Previous Session?"}),e.jsx("p",{className:"text-sm text-[#999] mb-4",children:"An editor session is still in progress:"}),e.jsxs("div",{className:"bg-[#1e1e1e] rounded p-3 mb-5 text-sm",children:[t&&e.jsxs("div",{className:"mb-1",children:[e.jsx("span",{className:"text-[#999]",children:"Feature:"})," ",e.jsx("span",{className:"text-white",children:t})]}),s!=null&&n&&e.jsxs("div",{children:[e.jsx("span",{className:"text-[#999]",children:"Step:"})," ",e.jsxs("span",{className:"text-white",children:[s," (",n,")"]})]})]}),e.jsxs("div",{className:"flex gap-3",children:[e.jsx("button",{onClick:a,className:`${g} ${f} ${d===0?E:""}`,children:"Continue Session"}),e.jsx("button",{onClick:y,className:`${g} ${F} ${d===1?E:""}`,children:"Start Over"})]})]}):e.jsxs(e.Fragment,{children:[e.jsx("h2",{className:"text-lg font-semibold mb-3 text-white",children:"What would you like to do?"}),e.jsx("p",{className:"text-sm text-[#999] mb-5",children:"The previous session will be cleared."}),e.jsxs("div",{className:"flex gap-3",children:[e.jsx("button",{onClick:c,className:`${g} ${f} ${d===0?E:""}`,children:"Build Next Feature"}),e.jsx("button",{onClick:i,className:`${g} ${F} ${d===1?E:""}`,children:"Review What's Built"})]})]})})})}function et(t){const[s,n]=r.useState(null),[a,c]=r.useState(!1),i=r.useCallback(()=>{t&&(c(!0),fetch(`/api/editor-test-results?testFile=${encodeURIComponent(t)}`).then(o=>o.json()).then(o=>{n(o),c(!1)}).catch(()=>{n({testFilePath:t,status:"error",testCases:[],errorMessage:"Failed to fetch test results"}),c(!1)}))},[t]);return r.useEffect(()=>{t&&i()},[t,i]),{results:s,isRunning:a,runTests:i}}function Ae({scenarioId:t,updatedAt:s,alt:n,className:a="",imgClassName:c=""}){const[i,o]=r.useState(!1),l=`/api/editor-scenario-image/${t}.png${s?`?v=${encodeURIComponent(s)}`:""}`;return r.useEffect(()=>{o(!1)},[t]),i?e.jsx("div",{className:`flex items-center justify-center ${a}`,children:e.jsx("span",{className:"text-[8px] text-gray-500",children:"No img"})}):e.jsx("div",{className:a,children:e.jsx("img",{src:l,alt:n,className:c,loading:"lazy",onError:()=>o(!0)})})}function Se({scenarioId:t,updatedAt:s,hasScreenshot:n,imgSrc:a,name:c,isActive:i,onSelect:o}){const l=t&&n,d=!t&&a;return e.jsxs("button",{onClick:o,className:"flex flex-col items-center gap-1 cursor-pointer group",title:c,children:[e.jsx("div",{className:`w-32 h-32 rounded overflow-hidden border-2 transition-all bg-[#1a1a1a] ${i?"border-[#005c75] ring-1 ring-[#005c75]":"border-transparent hover:border-[#4d4d4d]"}`,children:l?e.jsx(Ae,{scenarioId:t,updatedAt:s,alt:c,className:"w-full h-full",imgClassName:"w-full h-full object-contain"}):d?e.jsx("img",{src:a,alt:c,className:"w-full h-full object-contain",loading:"lazy"}):e.jsx("div",{className:"w-full h-full bg-[#1a1a1a] flex items-center justify-center",children:e.jsx("span",{className:"text-[8px] text-gray-600",children:"No img"})})}),e.jsx("span",{className:`text-[10px] leading-tight text-center truncate w-32 ${i?"text-white":"text-gray-500 group-hover:text-gray-300"}`,children:c})]})}function Xe({testFile:t,entityName:s}){const{results:n,isRunning:a,runTests:c}=et(t);if(a&&!n)return e.jsxs("div",{className:"px-2 pt-1 flex items-center gap-1.5",children:[e.jsx("span",{className:"w-1.5 h-1.5 rounded-full bg-[#005c75] animate-pulse"}),e.jsx("span",{className:"text-[10px] text-gray-400",children:"Running tests..."})]});if(!n)return null;if(n.status==="error")return e.jsx("div",{className:"px-2 pt-1",children:e.jsx("span",{className:"text-[10px] text-red-400",children:n.errorMessage})});const i=s?n.testCases.filter(d=>d.fullName.startsWith(s)):n.testCases,o=i.length>0?i:n.testCases;if(o.length===0)return null;const l=s?`${s} > `:"";return e.jsxs("div",{className:"px-2 pt-1 space-y-0.5",children:[o.map(d=>{var y;const N=l&&d.fullName.startsWith(l)?d.fullName.slice(l.length):d.fullName;return e.jsxs("div",{children:[e.jsxs("div",{className:"flex items-center gap-1.5",children:[d.status==="passed"?e.jsx("span",{className:"text-green-400 text-[10px]",children:"✓"}):d.status==="failed"?e.jsx("span",{className:"text-red-400 text-[10px]",children:"✗"}):e.jsx("span",{className:"text-gray-500 text-[10px]",children:"—"}),e.jsx("span",{className:`text-[10px] ${d.status==="passed"?"text-green-400":d.status==="failed"?"text-red-400":"text-gray-500"}`,children:N})]}),d.status==="failed"&&((y=d.failureMessages)==null?void 0:y.map((k,g)=>e.jsx("div",{className:"pl-4 text-[9px] text-red-300/70 truncate max-w-full",title:k,children:k.split(`
+`)[0]},g)))]},d.fullName)}),e.jsx("button",{onClick:c,disabled:a,className:"mt-1 text-[10px] text-[#00a0c4] hover:text-[#00c4ee] transition-colors cursor-pointer disabled:opacity-50 bg-transparent border-none p-0",children:a?"Running...":"Re-run"})]})}function oe({filePath:t}){return t?e.jsxs("div",{className:"flex items-center gap-1 px-2 mt-0.5",children:[e.jsxs("a",{href:`/api/editor-file?path=${encodeURIComponent(t)}`,target:"_blank",rel:"noopener noreferrer",title:"Open file",className:"flex items-center gap-1 text-gray-500 hover:text-gray-300 transition-colors min-w-0",children:[e.jsx("span",{className:"text-[9px] truncate",children:t}),e.jsx("svg",{className:"shrink-0",width:"10",height:"10",viewBox:"0 0 12 12",fill:"none",children:e.jsx("path",{d:"M4.5 1.5H2.5C1.95 1.5 1.5 1.95 1.5 2.5V9.5C1.5 10.05 1.95 10.5 2.5 10.5H9.5C10.05 10.5 10.5 10.05 10.5 9.5V7.5M7.5 1.5H10.5M10.5 1.5V4.5M10.5 1.5L5 7",stroke:"currentColor",strokeWidth:"1.2",strokeLinecap:"round",strokeLinejoin:"round"})})]}),e.jsx(ue,{content:t,icon:!0,iconSize:10,className:"shrink-0 text-gray-500 hover:text-gray-300 transition-colors"})]}):null}function As({scenarios:t,projectRoot:s,activeScenarioId:n,onScenarioSelect:a,zoomComponent:c,focusedEntity:i,onZoomChange:o,analyzedEntities:l=[],glossaryFunctions:d=[],activeAnalyzedScenarioId:N,onAnalyzedScenarioSelect:y,entityImports:k,pageFilePaths:g={}}){const{pageGroups:E,componentGroups:f}=r.useMemo(()=>{var h;const p=new Map,m=new Map;for(const v of t)if(v.componentName){const w=m.get(v.componentName)||[];w.push(v),m.set(v.componentName,w)}else if(Ze(v.url)){const w=(h=v.url)==null?void 0:h.match(/[?&]c=([^&]+)/),M=w?decodeURIComponent(w[1]):"Isolated",A=m.get(M)||[];A.push(v),m.set(M,A)}else{const w=v.pageFilePath?he(pe(v.pageFilePath)):Ce(v.url),M=p.get(w)||[];M.push(v),p.set(w,M)}const b=new Map([...m.entries()].sort(([v],[w])=>v.localeCompare(w)));return{pageGroups:p,componentGroups:b}},[t]),F=r.useMemo(()=>{const p=new Set((l||[]).filter(b=>b.entityType==="visual").map(b=>b.name)),m=new Map;for(const[b,h]of f)p.has(b)||m.set(b,h);return m},[f,l]),{visualEntities:_,libraryEntities:L}=r.useMemo(()=>{const p=l.filter(b=>b.entityType==="visual").sort((b,h)=>b.name.localeCompare(h.name)),m=l.filter(b=>b.entityType==="library"||b.entityType==="functionCall").sort((b,h)=>b.name.localeCompare(h.name));return{visualEntities:p,libraryEntities:m}},[l]),O=r.useMemo(()=>{const p=new Set(L.map(m=>m.name));return d.filter(m=>!p.has(m.name)).sort((m,b)=>m.name.localeCompare(b.name))},[d,L]),D=l.some(p=>p.isAnalyzing),S=r.useRef(null),I=r.useRef(0),W=r.useCallback(()=>{S.current&&(I.current=S.current.scrollTop)},[]);if(r.useEffect(()=>{S.current&&I.current>0&&(S.current.scrollTop=I.current)}),t.length===0&&l.length===0&&O.length===0)return e.jsx("div",{className:"flex-1 flex items-center justify-center",children:e.jsxs("div",{className:"text-center text-gray-500 px-8",children:[e.jsx("p",{className:"text-sm font-medium mb-2",children:"No scenarios yet"}),e.jsx("p",{className:"text-xs",children:"Scenarios will appear here as Claude creates them alongside your code. Each scenario represents a different state of your app's data."})]})});if(c&&i){const p=i.name,m=i.filePath,b=i.sha,h=t.filter(C=>C.componentName===p||C.componentPath===m||!C.componentName&&(C.pageFilePath===m||b&&C.entitySha===b)),v=new Set((k==null?void 0:k[p])||[]),w=v.size>0,M=w?_.filter(C=>v.has(C.name)):[],A=w?L.filter(C=>v.has(C.name)):[];return e.jsx("div",{className:"flex-1 overflow-auto",children:e.jsxs("div",{className:"p-3 space-y-1",children:[e.jsxs("button",{onClick:()=>o(void 0),className:"w-full flex items-center gap-2 px-3 py-1.5 text-xs text-gray-400 hover:text-white transition-colors cursor-pointer",children:[e.jsx("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",className:"shrink-0",children:e.jsx("path",{d:"M7.5 9L4.5 6L7.5 3",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})}),"All scenarios"]}),e.jsx("div",{className:"px-3 py-1.5",children:e.jsx("span",{className:"text-xs font-semibold text-white uppercase tracking-wider",children:i.displayName})}),e.jsx("div",{className:"flex flex-wrap gap-2 px-2",children:h.length===0?e.jsx("div",{className:"px-3 py-2 text-xs text-gray-500",children:"No scenarios for this component"}):h.map(C=>e.jsx(Se,{scenarioId:C.id,updatedAt:C.updatedAt,hasScreenshot:!!C.screenshotPath,name:C.name,isActive:C.id===n,onSelect:()=>a(C)},C.id))}),M.length>0&&e.jsxs("div",{className:"pt-2 mt-1 border-t border-[#3d3d3d]",children:[e.jsx("div",{className:"px-2 py-1",children:e.jsx("span",{className:"text-xs font-semibold text-gray-500 uppercase tracking-wider",children:"Components"})}),M.map(C=>e.jsxs("div",{className:"mt-2",children:[e.jsx("div",{className:"flex items-center gap-2 px-2 py-1",children:e.jsx("button",{onClick:()=>o(C.name),className:"text-[11px] font-medium text-gray-400 truncate cursor-pointer hover:text-white transition-colors bg-transparent border-none p-0",children:C.name})}),e.jsx(oe,{filePath:C.filePath,projectRoot:s}),(C.scenarios.length>0||C.pendingScenarios.length>0)&&e.jsx("div",{className:"flex flex-wrap gap-2 px-2 pt-1",children:C.scenarios.map(K=>e.jsx(Se,{imgSrc:K.screenshotPath?`/api/screenshot/${K.screenshotPath}`:null,name:K.name,isActive:K.id===N,onSelect:()=>y==null?void 0:y({analysisId:C.analysisId,scenarioId:K.id,scenarioName:K.name,entitySha:C.sha,entityName:C.name})},K.id))})]},C.sha))]}),A.length>0&&e.jsxs("div",{className:"pt-2 mt-1",children:[e.jsx("div",{className:"px-2 py-1",children:e.jsx("span",{className:"text-xs font-semibold text-gray-500 uppercase tracking-wider",children:"Functions"})}),A.map(C=>e.jsxs("div",{className:"mt-2",children:[e.jsx("div",{className:"px-2 py-1",children:e.jsx("span",{className:"text-[11px] font-medium text-gray-300",children:C.name})}),e.jsx(oe,{filePath:C.filePath,projectRoot:s}),C.testFile&&e.jsx(Xe,{testFile:C.testFile,entityName:C.name})]},C.sha))]})]})})}return e.jsx("div",{ref:S,onScroll:W,className:"flex-1 overflow-auto",children:e.jsxs("div",{className:"p-3 space-y-3",children:[E.size>0&&e.jsxs("div",{children:[e.jsx("div",{className:"px-2 py-1",children:e.jsx("span",{className:"text-xs font-semibold text-gray-500 uppercase tracking-wider",children:"Application"})}),[...E.entries()].sort(([p],[m])=>p==="Home"?-1:m==="Home"?1:p.localeCompare(m)).map(([p,m])=>{var b,h;return e.jsxs("div",{className:"px-2 pt-1",children:[e.jsx("div",{className:"py-0.5",children:e.jsx("span",{className:"text-[11px] font-medium text-gray-400",children:p})}),(((b=m[0])==null?void 0:b.pageFilePath)||g[p])&&e.jsx(oe,{filePath:((h=m[0])==null?void 0:h.pageFilePath)||g[p],projectRoot:s}),e.jsx("div",{className:"flex flex-wrap gap-2 pt-1",children:m.map(v=>e.jsx(Se,{scenarioId:v.id,updatedAt:v.updatedAt,hasScreenshot:!!v.screenshotPath,name:v.name,isActive:v.id===n&&!N,onSelect:()=>a(v)},v.id))})]},p)})]}),F.size>0&&e.jsxs("div",{className:"pt-2 mt-1 border-t border-[#3d3d3d]",children:[e.jsx("div",{className:"px-2 py-1",children:e.jsx("span",{className:"text-xs font-semibold text-gray-500 uppercase tracking-wider",children:"Components"})}),[...F.entries()].map(([p,m])=>{var b;return e.jsxs("div",{className:"mt-2",children:[e.jsx("div",{className:"flex items-center justify-between px-2 py-1",children:e.jsx("button",{onClick:()=>o(p),className:"text-[11px] font-medium text-gray-400 truncate cursor-pointer hover:text-white transition-colors bg-transparent border-none p-0",children:p})}),((b=m[0])==null?void 0:b.componentPath)&&e.jsx(oe,{filePath:m[0].componentPath,projectRoot:s}),e.jsx("div",{className:"flex flex-wrap gap-2 px-2 pt-1",children:m.map(h=>e.jsx(Se,{scenarioId:h.id,updatedAt:h.updatedAt,hasScreenshot:!!h.screenshotPath,name:h.name,isActive:h.id===n&&!N,onSelect:()=>a(h)},h.id))})]},p)})]}),_.length>0&&e.jsxs("div",{className:"pt-2 mt-1 border-t border-[#3d3d3d]",children:[e.jsxs("div",{className:"px-2 py-1",children:[e.jsx("span",{className:"text-xs font-semibold text-gray-500 uppercase tracking-wider",children:"Components"}),D&&t.length===0&&l.every(p=>p.scenarioCount===0)&&e.jsx("span",{className:"ml-2 text-[10px] text-gray-500",children:"— Entities are being analyzed..."})]}),_.map(p=>e.jsxs("div",{className:"mt-2",children:[e.jsxs("div",{className:"flex items-center gap-2 px-2 py-1",children:[e.jsx("button",{onClick:()=>o(p.name),className:"text-[11px] font-medium text-gray-400 truncate cursor-pointer hover:text-white transition-colors bg-transparent border-none p-0",children:p.name}),p.isAnalyzing&&p.scenarioCount===0&&e.jsxs("span",{className:"flex items-center gap-1.5 text-[10px] text-gray-400",children:[e.jsx("span",{className:"w-1.5 h-1.5 rounded-full bg-[#005c75] animate-pulse"}),"Analyzing..."]})]}),e.jsx(oe,{filePath:p.filePath,projectRoot:s}),(p.scenarios.length>0||p.pendingScenarios.length>0)&&e.jsxs("div",{className:"flex flex-wrap gap-2 px-2 pt-1",children:[p.scenarios.map(m=>e.jsx(Se,{imgSrc:m.screenshotPath?`/api/screenshot/${m.screenshotPath}`:null,name:m.name,isActive:m.id===N,onSelect:()=>y==null?void 0:y({analysisId:p.analysisId,scenarioId:m.id,scenarioName:m.name,entitySha:p.sha,entityName:p.name})},m.id)),p.pendingScenarios.map(m=>e.jsx("div",{className:"px-2.5 py-1 bg-[#2a2a2a] text-gray-400 text-[10px] rounded-full",title:m,children:m},m))]})]},p.sha))]}),(L.length>0||O.length>0)&&e.jsxs("div",{className:`pt-2 mt-1 ${_.length>0?"":"border-t border-[#3d3d3d]"}`,children:[e.jsx("div",{className:"px-2 py-1",children:e.jsx("span",{className:"text-xs font-semibold text-gray-500 uppercase tracking-wider",children:"Functions"})}),L.map(p=>e.jsxs("div",{className:"mt-2",children:[e.jsxs("div",{className:"px-2 py-1",children:[e.jsx("span",{className:"text-[11px] font-medium text-gray-300",children:p.name}),p.isAnalyzing&&p.scenarioCount===0&&e.jsxs("span",{className:"ml-2 inline-flex items-center gap-1.5 text-[10px] text-gray-400",children:[e.jsx("span",{className:"w-1.5 h-1.5 rounded-full bg-[#005c75] animate-pulse"}),"Analyzing..."]})]}),e.jsx(oe,{filePath:p.filePath,projectRoot:s}),p.testFile?e.jsx(Xe,{testFile:p.testFile,entityName:p.name}):e.jsx("div",{className:"px-2 pt-1",children:e.jsx("span",{className:"text-[10px] text-gray-500",children:"No test file"})})]},p.sha)),O.map(p=>e.jsxs("div",{className:"mt-2",children:[e.jsx("div",{className:"px-2 py-1",children:e.jsx("span",{className:"text-[11px] font-medium text-gray-300",children:p.name})}),e.jsx(oe,{filePath:p.filePath,projectRoot:s}),e.jsx(Xe,{testFile:p.testFile,entityName:p.name})]},p.name))]})]})})}function _s(t,s,n=new Date){const a={"1d":1,"3d":3,"7d":7,"30d":30}[s],c=new Date(n);c.setDate(c.getDate()-a);const i=c.toISOString().split("T")[0],o=t.filter(k=>k.date>=i),l=new Set(o.map(k=>k.commitSha).filter(Boolean)),d=new Map;for(const k of o)if(k.scenarioScreenshots)for(const g of k.scenarioScreenshots){d.has(g.name)||d.set(g.name,[]);const E=d.get(g.name);E.some(f=>f.path===g.path)||E.push({path:g.path,time:k.time})}for(const k of d.values())k.sort((g,E)=>g.time.localeCompare(E.time));const N=[],y=new Map;for(const[k,g]of d){const E=k.indexOf(" - ");if(E!==-1){const f=k.slice(0,E);y.has(f)||y.set(f,[]),y.get(f).push({name:k,screenshots:g})}else N.push({name:k,screenshots:g})}return{commitCount:l.size,entryCount:o.length,appScenarios:N,componentGroups:y,totalScenarios:d.size}}function Ls(t){const s=new Map;for(const n of[...t].reverse()){const a=s.get(n.date)||[];a.push(n),s.set(n.date,a)}return s}function Fs(t){const s=new Map;for(const n of t){let a;if("componentName"in n&&n.componentName)a=n.componentName;else if("componentName"in n&&n.componentName===null)a="App";else{const i=n.name.indexOf(" - ");a=i!==-1?n.name.slice(0,i):"App"}const c=s.get(a)||[];c.push(n),s.set(a,c)}return[...s.entries()].sort(([n],[a])=>n==="App"?-1:a==="App"?1:n.localeCompare(a))}const vt=120;function At({text:t,theme:s}){const[n,a]=r.useState(!1),c=t.length>vt,i=c&&!n?t.slice(0,vt)+"…":t,o=s==="light";return e.jsxs("div",{className:`px-4 py-2 ${o?"border-b border-gray-200 bg-gray-50":"border-b border-[#3d3d3d] bg-[#252525]"}`,children:[e.jsx("span",{className:"text-[9px] font-semibold uppercase tracking-wider text-gray-500",children:"User Prompt"}),e.jsxs("p",{className:`text-[11px] mt-0.5 mb-0 leading-relaxed ${o?"text-gray-600":"text-gray-400"}`,children:[i,c&&e.jsx("button",{onClick:()=>a(!n),className:`ml-1 text-[11px] font-medium bg-transparent border-none p-0 cursor-pointer ${o?"text-blue-500 hover:text-blue-700":"text-[#00a0c4] hover:text-[#00c0e8]"}`,children:n?"Show less":"Read more…"})]})]})}function Nt({status:t}){const s={new:{label:"New",bg:"bg-green-900/40",text:"text-green-400",border:"border-green-700/50"},edited:{label:"Edited",bg:"bg-blue-900/40",text:"text-blue-400",border:"border-blue-700/50"},impacted:{label:"Impacted",bg:"bg-amber-900/40",text:"text-amber-400",border:"border-amber-700/50"}}[t.status];return e.jsx("span",{className:`${s.bg} ${s.text} ${s.border} border text-[8px] font-bold px-1 py-0 rounded-full uppercase tracking-wider`,children:s.label})}function Ds({testFile:t,entityName:s}){const{results:n,isRunning:a,runTests:c}=et(t);if(a&&!n)return e.jsxs("div",{className:"pt-1 flex items-center gap-1.5",children:[e.jsx("span",{className:"w-1.5 h-1.5 rounded-full bg-[#00a0c4] animate-pulse"}),e.jsx("span",{className:"text-[10px] text-gray-500",children:"Running tests..."})]});if(!n)return null;if(n.status==="error")return e.jsx("div",{className:"pt-1",children:e.jsx("span",{className:"text-[10px] text-red-400",children:n.errorMessage})});const i=s?n.testCases.filter(d=>d.fullName.startsWith(s)):n.testCases,o=i.length>0?i:n.testCases;if(o.length===0)return null;const l=s?`${s} > `:"";return e.jsxs("div",{className:"pt-1 space-y-0.5",children:[o.map(d=>{var y;const N=l&&d.fullName.startsWith(l)?d.fullName.slice(l.length):d.fullName;return e.jsxs("div",{children:[e.jsxs("div",{className:"flex items-center gap-1.5",children:[d.status==="passed"?e.jsx("span",{className:"text-green-400 text-[10px]",children:"✓"}):d.status==="failed"?e.jsx("span",{className:"text-red-400 text-[10px]",children:"✗"}):e.jsx("span",{className:"text-gray-500 text-[10px]",children:"—"}),e.jsx("span",{className:`text-[10px] ${d.status==="passed"?"text-green-400":d.status==="failed"?"text-red-400":"text-gray-500"}`,children:N})]}),d.status==="failed"&&((y=d.failureMessages)==null?void 0:y.map((k,g)=>e.jsx("div",{className:"pl-4 text-[9px] text-red-400/70 truncate max-w-full",title:k,children:k.split(`
+`)[0]},g)))]},d.fullName)}),e.jsx("button",{onClick:c,disabled:a,className:"mt-1 text-[10px] text-[#00a0c4] hover:text-[#38bdf8] transition-colors cursor-pointer disabled:opacity-50 bg-transparent border-none p-0",children:a?"Running...":"Re-run"})]})}const Os={added:"text-green-400",untracked:"text-green-400",modified:"text-blue-400",renamed:"text-purple-400"};function Bs({files:t}){return e.jsxs("div",{className:"border-t border-[#3d3d3d] pt-2 mt-1",children:[e.jsxs("span",{className:"text-[10px] font-semibold text-gray-500 uppercase tracking-wider",children:["Modified Files (",t.length,")"]}),e.jsx("div",{className:"mt-1 space-y-0.5 max-h-[150px] overflow-auto",children:t.map(s=>e.jsxs("div",{className:"flex items-center gap-1.5",children:[e.jsx("span",{className:`text-[9px] font-bold uppercase w-[14px] text-center ${Os[s.status]||"text-gray-500"}`,children:s.status==="added"||s.status==="untracked"?"A":s.status==="modified"?"M":s.status==="renamed"?"R":"?"}),e.jsx("span",{className:"text-[10px] text-gray-400 truncate font-mono",children:s.path})]},s.path))})]})}const zs={feature:{label:"Feature",color:"bg-[#005c75]"},fix:{label:"Fix",color:"bg-amber-700"},refactor:{label:"Refactor",color:"bg-purple-700"},scaffold:{label:"Scaffold",color:"bg-green-700"},data:{label:"Data",color:"bg-blue-700"},milestone:{label:"Milestone",color:"bg-yellow-600"}};function Us(t){try{return new Date(t).toLocaleTimeString([],{hour:"2-digit",minute:"2-digit"})}catch{return""}}function Ws(t){try{return new Date(t+"T00:00:00").toLocaleDateString([],{weekday:"long",month:"long",day:"numeric"})}catch{return t}}const Hs=[{value:"1d",label:"1 Day"},{value:"3d",label:"3 Days"},{value:"7d",label:"1 Week"},{value:"30d",label:"1 Month"}];function Js({entries:t,onScreenshotClick:s}){const[n,a]=r.useState(!1),[c,i]=r.useState("7d"),o=r.useMemo(()=>_s(t,c),[t,c]);return e.jsxs("div",{className:"bg-[#2d2d2d] rounded-lg overflow-hidden",children:[e.jsxs("button",{onClick:()=>a(!n),className:"w-full flex items-center justify-between px-3 py-2.5 cursor-pointer bg-transparent border-none text-left hover:bg-[#333] transition-colors",children:[e.jsx("span",{className:"text-xs font-semibold text-gray-400 uppercase tracking-wider",children:"Timeframe Summary"}),e.jsx("span",{className:`text-gray-500 text-[10px] transition-transform ${n?"rotate-180":""}`,children:"▼"})]}),n&&e.jsxs("div",{className:"px-3 pb-3 space-y-3 border-t border-[#3d3d3d]",children:[e.jsx("div",{className:"flex gap-1 pt-2.5",children:Hs.map(l=>e.jsx("button",{onClick:()=>i(l.value),className:`px-2.5 py-1 text-[10px] font-medium rounded transition-colors cursor-pointer border ${c===l.value?"bg-[#005c75] text-white border-[#005c75]":"bg-transparent text-gray-400 border-[#4d4d4d] hover:text-white hover:border-[#005c75]"}`,children:l.label},l.value))}),e.jsxs("div",{className:"flex items-center gap-3 text-[11px] text-gray-400",children:[e.jsxs("span",{children:[e.jsx("span",{className:"text-white font-medium",children:o.commitCount})," ",o.commitCount===1?"commit":"commits"]}),e.jsx("span",{className:"text-[#3d3d3d]",children:"|"}),e.jsxs("span",{children:[e.jsx("span",{className:"text-white font-medium",children:o.totalScenarios})," ",o.totalScenarios===1?"scenario changed":"scenarios changed"]}),e.jsx("span",{className:"text-[#3d3d3d]",children:"|"}),e.jsxs("span",{children:[e.jsx("span",{className:"text-white font-medium",children:o.entryCount})," ",o.entryCount===1?"entry":"entries"]})]}),o.totalScenarios===0?e.jsx("p",{className:"text-[11px] text-gray-500 italic m-0",children:"No scenario changes in this period."}):e.jsxs("div",{className:"space-y-3",children:[o.appScenarios.length>0&&e.jsxs("div",{className:"space-y-2",children:[e.jsx("span",{className:"text-[10px] font-semibold text-gray-500 uppercase tracking-wider",children:"Application"}),o.appScenarios.map(l=>e.jsx(wt,{scenario:l,onScreenshotClick:s},l.name))]}),o.componentGroups.size>0&&e.jsxs("div",{className:"space-y-2",children:[e.jsx("span",{className:"text-[10px] font-semibold text-gray-500 uppercase tracking-wider",children:"Components"}),[...o.componentGroups.entries()].sort(([l],[d])=>l.localeCompare(d)).map(([l,d])=>e.jsxs("div",{className:"space-y-1.5",children:[e.jsx("span",{className:"text-[10px] font-medium text-gray-400",children:l}),d.map(N=>e.jsx(wt,{scenario:N,onScreenshotClick:s},N.name))]},l))]})]})]})]})}function wt({scenario:t,onScreenshotClick:s}){const n=t.name.indexOf(" - "),a=n!==-1?t.name.slice(n+3):t.name;return e.jsxs("div",{className:"pl-2",children:[e.jsx("span",{className:"text-[10px] text-gray-500 block mb-1",children:a}),e.jsx("div",{className:"flex items-center gap-1 overflow-x-auto",children:t.screenshots.map((c,i)=>e.jsxs("div",{className:"flex items-center shrink-0",children:[i>0&&e.jsx("span",{className:"text-[8px] text-gray-600 mx-0.5",children:"→"}),e.jsx("button",{type:"button",className:"w-16 h-16 rounded overflow-hidden border border-[#3d3d3d] hover:border-[#00a0c4] bg-[#1e1e1e] shrink-0 flex items-center justify-center cursor-pointer transition-colors",title:`${t.name} (${new Date(c.time).toLocaleDateString()})`,onClick:()=>s==null?void 0:s({screenshotUrl:`/api/editor-journal-image/${c.path.replace("screenshots/","")}`,commitSha:null,commitMessage:null,scenarioName:t.name}),children:e.jsx("img",{src:`/api/editor-journal-image/${c.path.replace("screenshots/","")}`,alt:t.name,className:"max-w-full max-h-full object-contain",loading:"lazy"})})]},c.path))})]})}function Gs({isActive:t,onScreenshotClick:s,glossaryFunctions:n=[]}){const[a,c]=r.useState([]),[i,o]=r.useState(!0),[l,d]=r.useState(new Set),N=r.useCallback(g=>{d(E=>{const f=new Set(E);return f.has(g)?f.delete(g):f.add(g),f})},[]),y=r.useCallback(async()=>{try{const g=await fetch("/api/editor-journal");if(g.ok){const E=await g.json();c(E.entries||[])}}catch{}finally{o(!1)}},[]);if(r.useEffect(()=>{y()},[y]),r.useEffect(()=>{t&&y()},[t,y]),r.useEffect(()=>{if(!t)return;const g=setInterval(()=>void y(),5e3);return()=>clearInterval(g)},[t,y]),i)return e.jsx("div",{className:"flex-1 flex items-center justify-center",children:e.jsx("span",{className:"text-gray-500 text-sm",children:"Loading journal..."})});if(a.length===0)return e.jsx("div",{className:"flex-1 flex items-center justify-center",children:e.jsxs("div",{className:"text-center text-gray-500 px-8",children:[e.jsx("p",{className:"text-sm font-medium mb-2",children:"No journal entries yet"}),e.jsx("p",{className:"text-xs",children:"Journal entries will appear as you build. Claude records features, screenshots, and commits as the project evolves."})]})});const k=Ls(a);return e.jsx("div",{className:"flex-1 overflow-auto",children:e.jsxs("div",{className:"p-3 space-y-4",children:[e.jsx(Js,{entries:a,onScreenshotClick:s}),[...k.entries()].map(([g,E])=>e.jsxs("div",{children:[e.jsx("div",{className:"px-3 py-1.5 sticky top-0 bg-[#1e1e1e] z-10",children:e.jsx("span",{className:"text-[10px] font-semibold text-gray-500 uppercase tracking-wider",children:Ws(g)})}),e.jsx("div",{className:"space-y-2",children:E.map((f,F)=>{const _=zs[f.type]||{label:f.type,color:"bg-gray-600"},L=`${f.time}-${F}`,O=l.has(L);return e.jsxs("div",{className:"bg-[#2d2d2d] rounded-lg overflow-hidden",children:[e.jsxs("div",{className:`p-3 space-y-2 ${O?"":"max-h-[300px] overflow-y-auto"}`,children:[e.jsx("div",{className:"flex items-start gap-2 cursor-pointer",onClick:()=>N(L),children:e.jsxs("div",{className:"flex-1 min-w-0",children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("span",{className:"text-sm font-medium text-white truncate",children:f.title}),e.jsx("span",{className:`${_.color} text-white text-[9px] font-bold px-1.5 py-0.5 rounded uppercase tracking-wider shrink-0`,children:_.label})]}),e.jsx("span",{className:"text-[10px] text-gray-500",children:Us(f.time)}),f.featureName&&e.jsx("span",{className:"text-[10px] text-gray-500 italic truncate",title:f.featureName,children:f.featureName})]})}),f.userPrompt&&e.jsx(At,{text:f.userPrompt,theme:"dark"}),e.jsx("p",{className:"text-xs text-gray-400 leading-relaxed",children:f.description}),f.screenshot&&e.jsx("button",{type:"button",className:"rounded overflow-hidden border border-[#3d3d3d] hover:border-[#00a0c4] bg-[#1e1e1e] flex items-center justify-center p-1 cursor-pointer transition-colors w-full",onClick:()=>s==null?void 0:s({screenshotUrl:`/api/editor-journal-image/${f.screenshot.replace("screenshots/","")}`,commitSha:f.commitSha,commitMessage:f.commitMessage,scenarioName:f.title}),children:e.jsx("img",{src:`/api/editor-journal-image/${f.screenshot.replace("screenshots/","")}`,alt:f.title,className:"max-w-full max-h-full object-contain",loading:"lazy"})}),f.scenarioScreenshots&&f.scenarioScreenshots.length>0&&(()=>{const D=Fs(f.scenarioScreenshots),S=f.entityChangeStatus,I=D.filter(([h])=>h==="App").flatMap(([,h])=>h),W=D.filter(([h])=>h!=="App"),p=new Map;for(const h of I){const v=h,w=v.pageFilePath?he(pe(v.pageFilePath)):Ce(v.url??null),M=p.get(w)||[];M.push(h),p.set(w,M)}const m=[...p.entries()],b=h=>e.jsx("button",{type:"button",className:"w-[4.5rem] h-[4.5rem] rounded overflow-hidden border border-[#3d3d3d] hover:border-[#00a0c4] bg-[#1e1e1e] shrink-0 flex items-center justify-center cursor-pointer transition-colors",onClick:()=>s==null?void 0:s({screenshotUrl:`/api/editor-journal-image/${h.path.replace("screenshots/","")}`,commitSha:f.commitSha,commitMessage:f.commitMessage,scenarioName:h.name}),children:e.jsx("img",{src:`/api/editor-journal-image/${h.path.replace("screenshots/","")}`,alt:h.name,title:h.name,className:"max-w-full max-h-full object-contain",loading:"lazy"})},h.path);return e.jsxs("div",{className:"space-y-2",children:[m.length>0&&e.jsxs("div",{className:"space-y-1.5",children:[e.jsx("span",{className:"text-[10px] font-semibold text-gray-500 uppercase tracking-wider",children:"Application"}),m.map(([h,v])=>e.jsxs("div",{children:[e.jsxs("div",{className:"flex items-center gap-1.5",children:[e.jsx("span",{className:"text-[10px] font-medium text-gray-400",children:h}),(S==null?void 0:S[h])&&e.jsx(Nt,{status:S[h]})]}),e.jsx("div",{className:"flex flex-wrap gap-1 mt-0.5",children:v.map(b)})]},h))]}),W.length>0&&e.jsxs("div",{className:"space-y-1.5",children:[e.jsx("span",{className:"text-[10px] font-semibold text-gray-500 uppercase tracking-wider",children:"Components"}),W.map(([h,v])=>e.jsxs("div",{children:[e.jsxs("div",{className:"flex items-center gap-1.5",children:[e.jsx("span",{className:"text-[10px] font-medium text-gray-400",children:h}),(S==null?void 0:S[h])&&e.jsx(Nt,{status:S[h]})]}),e.jsx("div",{className:"flex flex-wrap gap-1 mt-0.5",children:v.map(b)})]},h))]})]})})(),n.length>0&&e.jsxs("div",{className:"space-y-1.5",children:[e.jsx("span",{className:"text-[10px] font-semibold text-gray-500 uppercase tracking-wider",children:"Functions"}),e.jsx("div",{className:"space-y-2",children:n.map(D=>e.jsxs("div",{children:[e.jsx("span",{className:"text-[11px] font-medium text-gray-200",children:D.name}),e.jsx("span",{className:"text-[9px] text-gray-500 truncate block",children:D.filePath}),D.testFile?e.jsx(Ds,{testFile:D.testFile,entityName:D.name}):e.jsx("div",{className:"pt-1",children:e.jsx("span",{className:"text-[10px] text-gray-500",children:"No test file"})})]},D.name))})]}),f.commitSha&&e.jsxs("div",{className:"flex items-center gap-1.5 text-[10px]",children:[e.jsx("span",{className:"font-mono text-[#00a0c4] bg-[#00a0c4]/10 px-1.5 py-0.5 rounded",children:f.commitSha.slice(0,7)}),e.jsx("span",{className:"text-gray-500 truncate",children:f.commitMessage})]}),O&&f.modifiedFiles&&f.modifiedFiles.length>0&&e.jsx(Bs,{files:f.modifiedFiles})]}),e.jsxs("button",{onClick:()=>N(L),className:"w-full py-1.5 text-[10px] text-gray-500 hover:text-gray-300 border-t border-[#3d3d3d] transition-colors cursor-pointer",children:["——— ",O?"Collapse":"Expand"," ———"]})]},L)})})]},g))]})})}function Vs({prompt:t,height:s=300,onClose:n}){const a=r.useRef(null),c=r.useRef(null),i=r.useRef(null),o=r.useRef(!1),l=r.useRef(t);return r.useEffect(()=>{const d=a.current;if(!d)return;let N=!1,y=null;async function k(){const[g,E]=await Promise.all([Qe(()=>import("./xterm-BqvuqXEL.js"),[]),Qe(()=>import("./addon-fit-YJmn1quW.js"),[])]);if(N)return;{let p=document.getElementById("xterm-css");p||(p=document.createElement("style"),p.id="xterm-css",document.head.appendChild(p)),p.textContent=`
+.xterm { cursor: text; position: relative; user-select: none; -ms-user-select: none; -webkit-user-select: none; }
+.xterm.focus, .xterm:focus { outline: none; }
+.xterm .xterm-helpers { position: absolute; top: 0; z-index: 5; }
+.xterm .xterm-helper-textarea { padding: 0; border: 0; margin: 0; position: absolute; opacity: 0; left: -9999em; top: 0; width: 0; height: 0; z-index: -5; white-space: nowrap; overflow: hidden; resize: none; caret-color: transparent !important; clip-path: inset(100%) !important; }
+.xterm .composition-view { background: #000; color: #FFF; display: none; position: absolute; white-space: nowrap; z-index: 1; }
+.xterm .composition-view.active { display: block; }
+.xterm .xterm-viewport { background-color: #000; overflow-y: scroll; cursor: default; position: absolute; right: 0; left: 0; top: 0; bottom: 0; }
+.xterm .xterm-screen { position: relative; }
+.xterm .xterm-screen canvas { position: absolute; left: 0; top: 0; }
+.xterm .xterm-scroll-area { visibility: hidden; }
+.xterm-char-measure-element { display: inline-block; visibility: hidden; position: absolute; top: 0; left: -9999em; line-height: normal; }
+.xterm.enable-mouse-events { cursor: default; }
+.xterm.xterm-cursor-pointer, .xterm .xterm-cursor-pointer { cursor: pointer; }
+.xterm.column-select.focus { cursor: crosshair; }
+.xterm .xterm-accessibility:not(.debug), .xterm .xterm-message { position: absolute; left: 0; top: 0; bottom: 0; right: 0; z-index: 10; color: transparent; pointer-events: none; }
+.xterm .xterm-accessibility-tree:not(.debug) *::selection { color: transparent; }
+.xterm .xterm-accessibility-tree { user-select: text; white-space: pre; }
+.xterm .live-region { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
+.xterm-dim { opacity: 1 !important; }
+.xterm-underline-1 { text-decoration: underline; }
+.xterm-underline-2 { text-decoration: double underline; }
+.xterm-underline-3 { text-decoration: wavy underline; }
+.xterm-underline-4 { text-decoration: dotted underline; }
+.xterm-underline-5 { text-decoration: dashed underline; }
+.xterm-overline { text-decoration: overline; }
+.xterm-strikethrough { text-decoration: line-through; }
+.xterm-screen .xterm-decoration-container .xterm-decoration { z-index: 6; position: absolute; }
+.xterm-screen .xterm-decoration-container .xterm-decoration.xterm-decoration-top-layer { z-index: 7; }
+.xterm-decoration-overview-ruler { z-index: 8; position: absolute; top: 0; right: 0; pointer-events: none; }
+.xterm-decoration-top { z-index: 2; position: relative; }
+`}const f=new g.Terminal({theme:{background:"#1a1a1a",foreground:"#d4d4d4",cursor:"#d4d4d4",selectionBackground:"#264f78"},fontSize:12,fontFamily:"'IBM Plex Mono', 'Menlo', 'Monaco', monospace",cursorBlink:!0,scrollback:5e3,allowProposedApi:!0}),F=new E.FitAddon;f.loadAddon(F),f.open(d),requestAnimationFrame(()=>{try{F.fit()}catch{}}),i.current=f;let _=null;try{const p=await fetch("/api/editor-scenario-prompt",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({prompt:l.current})});p.ok&&(_=(await p.json()).promptFile)}catch{}if(N)return;const L=window.location.protocol==="https:"?"wss:":"ws:",O=window.location.host,D=new URLSearchParams;D.set("entityName","inline-claude");const S=`${L}//${O}/ws/terminal?${D.toString()}`,I=new WebSocket(S);c.current=I,I.onopen=()=>{I.send(JSON.stringify({type:"resize",cols:f.cols,rows:f.rows}))};let W=!1;I.onmessage=p=>{try{const m=JSON.parse(p.data);if(m.type==="session-id"&&!W){W=!0,setTimeout(()=>{const b=_?`claude "Read the file at '${_.replace(/'/g,"'\\''")}' for your instructions."`:"claude";I.send(JSON.stringify({type:"input",data:b+"\r"}))},300);return}if(m.type==="output"&&m.data){f.write(m.data);return}}catch{f.write(p.data)}},I.onclose=()=>{o.current||f.write(`\r
+\x1B[90m--- Session ended ---\x1B[0m\r
+`)},I.onerror=()=>{f.write(`\r
+\x1B[31mConnection error\x1B[0m\r
+`)},f.onData(p=>{I.readyState===WebSocket.OPEN&&I.send(JSON.stringify({type:"input",data:p}))}),y=new ResizeObserver(()=>{try{F.fit(),I.readyState===WebSocket.OPEN&&I.send(JSON.stringify({type:"resize",cols:f.cols,rows:f.rows}))}catch{}}),y.observe(d)}return k(),()=>{var g,E;N=!0,o.current=!0,y==null||y.disconnect(),((g=c.current)==null?void 0:g.readyState)===WebSocket.OPEN&&c.current.close(),(E=i.current)==null||E.dispose()}},[]),e.jsxs("div",{className:"border-t border-[#2d2d2d]",children:[e.jsxs("div",{className:"flex items-center justify-between px-3 py-1.5 bg-[#1e1e1e]",children:[e.jsx("span",{className:"text-[10px] font-medium text-[#00a0c4]",children:"Claude"}),n&&e.jsx("button",{onClick:n,className:"text-gray-500 hover:text-gray-300 text-[10px] bg-transparent border-none cursor-pointer",children:"Close"})]}),e.jsx("div",{ref:a,style:{height:s,background:"#1a1a1a",padding:"4px 0",position:"relative",overflow:"hidden"}})]})}const St=()=>e.jsx("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",className:"text-gray-500 shrink-0",children:e.jsx("path",{d:"M4.5 3L7.5 6L4.5 9",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})});function qs(t,s){if(t.length<=s)return t;const n=s-2;return[t[0],"ellipsis",...t.slice(t.length-n)]}function kt({items:t,onNavigate:s}){if(t.length===0)return null;const n=qs(t,4);return e.jsx("nav",{className:"flex items-center gap-1 text-xs min-w-0",children:n.map((a,c)=>{if(a==="ellipsis")return e.jsxs("span",{className:"flex items-center gap-1",children:[e.jsx(St,{}),e.jsx("span",{className:"text-gray-500",children:"..."})]},"ellipsis");const i=c===n.length-1;return e.jsxs("span",{className:"flex items-center gap-1 min-w-0",children:[c>0&&e.jsx(St,{}),i?e.jsx("span",{className:"text-white font-medium truncate",children:a.name}):e.jsx("button",{onClick:()=>s(a.componentName,a.entitySha),className:"text-gray-400 hover:text-white transition-colors cursor-pointer bg-transparent border-none p-0 truncate",children:a.name})]},a.componentName||"app")})})}function Ys(t,s,n,a){var d;const c=a.length>0?a.map(N=>`- "${N.name}" (ID: ${N.id})${N.url?` — URL: ${N.url}`:""}`).join(`
+`):"(no scenarios yet)",i=s.endsWith("/page.tsx")||s.endsWith("/page.js"),o=((d=a.find(N=>N.url))==null?void 0:d.url)||"/",l=[`You are helping edit scenarios for the "${t}" entity in a CodeYam project.`,"","## Entity",`- **Name:** ${t}`,`- **File:** ${s}`,`- **Type:** ${i?"Page (application scenario with seed data)":"Component (component scenario with mock props)"}`,"","## Existing Scenarios",c,""];return i?l.push("## How Seed Data Works","","Application scenarios use `seed` data to populate the database before the page is captured.","The seed is a JSON object where each key is a Prisma model name in camelCase singular (matching the Prisma client accessor name) and the value is an array of records.","","### Seed Key Naming Convention","The key must be the camelCase singular form of the Prisma model name:",'- `model User` → key `"user"`','- `model BlogPost` → key `"blogPost"`','- `model Feedback` → key `"feedback"`',"",'**WARNING:** Do NOT use plural forms like "users", "blogPosts", or "feedbacks" — the seed adapter will silently fail to match them.',"","To understand the data models, read the Prisma schema at `prisma/schema.prisma`.","To see examples of existing seed data, look at `.codeyam/editor-scenarios/*.seed.json` files.","",`Also read the source file at \`${s}\` to understand what data the page queries and renders.`,"","## Registering a Scenario","","For small seed data, pass it inline:","```",`codeyam editor register '{"name":"Scenario Name","type":"application","url":"${o}","dimensions":["Laptop"],"seed":{"user":[...],"feedback":[...]}}'`,"```","","For large seed data, write it to a temp file and use @file syntax:","```","# Write JSON to a temp file","cat > .codeyam/tmp/scenario.json << 'SCENARIO_EOF'",`{"name":"Scenario Name","type":"application","url":"${o}","dimensions":["Laptop"],"seed":{"user":[...],"feedback":[...]}}`,"SCENARIO_EOF","codeyam editor register @.codeyam/tmp/scenario.json","```"):l.push("## Registering a Scenario","",`Read the source file at \`${s}\` to understand what props the component expects.`,"","```",`codeyam editor register '{"name":"Scenario Name","type":"component","componentName":"${t}","componentPath":"${s}","dimensions":["Laptop"],"mockData":{"propName":"value"}}'`,"```"),l.push("","## Deleting a Scenario","","To delete a scenario, use its ID from the list above:","```","codeyam editor delete <scenarioId>","```","","## Validating Seed Data","","Before registering, you can validate seed data structure and check that keys match Prisma models:","```",`codeyam editor validate-seed '{"user":[...]}'`,"```"),l.push("","## Important","- DO NOT take any action until the user tells you what they want","- Start by briefly listing the existing scenarios",'- Then ask: "Would you like to modify an existing scenario or add a new one?"',"- Wait for the user's answer before proceeding",'- Keep scenario names descriptive: "Empty State", "With Comments", "Admin View", etc.',`- Each scenario should capture a distinct, meaningful state of the ${i?"page":"component"}`),l.join(`
+`)}function Ks(t){var c,i;const s=new Map,n=new Map;for(const o of t)if(o.componentName){const l=n.get(o.componentName)||[];l.push(o),n.set(o.componentName,l)}else if(Ze(o.url)){const l=(c=o.url)==null?void 0:c.match(/[?&]c=([^&]+)/),d=l?decodeURIComponent(l[1]):"Isolated",N=n.get(d)||[];N.push(o),n.set(d,N)}else{const l=o.displayName||((i=o.pageFilePath)!=null&&i.startsWith("app/")?he(pe(o.pageFilePath)):Ce(o.url)),d=s.get(l)||[];d.push(o),s.set(l,d)}const a=new Map([...n.entries()].sort(([o],[l])=>o.localeCompare(l)));return{pageGroups:s,componentGroups:a}}function Xs(t,s){var a,c;const n=new Map;for(const[i,o]of t){const l=(a=o.find(d=>d.entitySha))==null?void 0:a.entitySha;l&&n.set(i,l)}for(const[i,o]of s){const l=(c=o.find(d=>d.entitySha))==null?void 0:c.entitySha;l&&n.set(i,l)}return n}function Qs(t,s,n,a){if(s.has(t))return!0;const c=n.find(i=>i.sha===t);return c?a.has(c.name):!1}function Zs(t,s,n,a){const c=[];for(const[i,o]of t){const l=n.get(i);l?a(l)||c.push({name:i,scenarios:o,reason:"incomplete"}):c.push({name:i,scenarios:o,reason:"missing"})}for(const[i,o]of s){const l=n.get(i);l?a(l)||c.push({name:i,scenarios:o,reason:"incomplete"}):c.push({name:i,scenarios:o,reason:"missing"})}return c}function en(t,s,n){if(!t)return null;const a=s.find(i=>i.sha===t);if(!a)return null;const c=n.find(i=>i.entitySha===t);return{sha:t,name:a.name,filePath:a.filePath,entityType:a.entityType,displayName:(c==null?void 0:c.displayName)||a.name}}function _t(t,s){const n=s.some(c=>!c.componentName),a=s.map(c=>`'${c.id}'`).join(", ");return n?[`### Page: "${t}" (${s.length} scenario(s))`,"","Step A: Find the source file that renders this page by running:",'  find src app -name "App.tsx" -o -name "App.jsx" -o -name "page.tsx" -o -name "page.jsx" -o -name "index.tsx" 2>/dev/null',"","Pick the file that is the main app entry point or the page component for this route. Confirm it exists with `cat <filepath> | head -5`.","","Step B: Set page_file_path on all scenarios for this page (replace PAGE_FILE_PATH with the path from Step A):",`  sqlite3 .codeyam/db.sqlite3 "UPDATE editor_scenarios SET page_file_path = 'PAGE_FILE_PATH' WHERE id IN (${a});"`,"","Step C: Get the entity SHA (after running analyze-imports in the shared step above):",`  sqlite3 .codeyam/db.sqlite3 "SELECT sha FROM entities WHERE file_path = 'PAGE_FILE_PATH' ORDER BY created_at DESC LIMIT 1;"`,"","If no rows appear, the path was wrong — go back to Step A.","","Step D: Set entity_sha and display_name on all scenarios (replace ENTITY_SHA with the SHA from Step C):",`  sqlite3 .codeyam/db.sqlite3 "UPDATE editor_scenarios SET entity_sha = 'ENTITY_SHA', display_name = '${t}' WHERE id IN (${a});"`].join(`
+`):[`### Component: "${t}" (${s.length} scenario(s))`,"","Step A: Get the entity SHA (after running analyze-imports in the shared step above):",`  sqlite3 .codeyam/db.sqlite3 "SELECT sha FROM entities WHERE name = '${t}' ORDER BY created_at DESC LIMIT 1;"`,"","If no rows appear, check that .codeyam/glossary.json contains an entry for this component.","","Step B: Set entity_sha and display_name on all scenarios (replace ENTITY_SHA with the SHA from Step A):",`  sqlite3 .codeyam/db.sqlite3 "UPDATE editor_scenarios SET entity_sha = 'ENTITY_SHA', display_name = '${t}' WHERE id IN (${a});"`].join(`
+`)}function Ct({name:t,scenarios:s,reason:n="missing"}){var i,o;const a=((i=s[0])==null?void 0:i.componentPath)||((o=s[0])==null?void 0:o.pageFilePath)||null,c=n==="incomplete"?[`The "${t}" entity exists but has not been fully analyzed — its components and functions cannot be displayed.`,"","Follow these steps:","",`Step 1: Check if "${t}" is in the glossary:`,`  cat .codeyam/glossary.json | grep "${t}"`,"","If not found, add an entry to .codeyam/glossary.json:",`  { "name": "${t}", "filePath": "${a||"FILL_IN_PATH"}", "description": "...", "returnType": "JSX.Element" }`,"","Step 2: Run: codeyam editor analyze-imports","","Step 3: Reload the editor page and verify components/functions appear."].join(`
+`):[`The "${t}" ${s.some(l=>!l.componentName)?"page":"component"} is missing entity data in the CodeYam database. Its scenarios are hidden until this is fixed.`,"","IMPORTANT: Do NOT re-register scenarios — that would overwrite their screenshots. Only update the database directly.","","Follow these steps EXACTLY:","","Step 1: Run: codeyam editor analyze-imports","","Step 2: Fix this entity:","",_t(t,s),"","Step 3: Reload the editor page in the browser and verify the scenarios appear."].join(`
+`);return e.jsx(ue,{content:c,label:"Copy Fix Prompt",copiedLabel:"Copied!",className:"text-[9px] text-amber-400 hover:text-amber-300 bg-transparent border border-amber-400/30 rounded px-1.5 py-0.5 cursor-pointer transition-colors ml-2"})}function tn({brokenEntities:t}){if(t.length===0)return null;const s=t.reduce((i,o)=>i+o.scenarios.length,0),n=t.filter(i=>i.reason==="incomplete"),a=t.filter(i=>i.reason==="missing"),c=[`${t.length} entities are missing data in the CodeYam database. ${s} total scenario(s) are hidden until this is fixed.`,"","IMPORTANT: Do NOT re-register scenarios — that would overwrite their screenshots. Only update the database directly.","","Follow these steps EXACTLY:","",...n.length>0?["## Step 1: Add missing entries to the glossary","","Read `.codeyam/glossary.json` and check if these entities have entries. For each one that is missing, add an entry:","",...n.map(i=>{var l,d;const o=((l=i.scenarios[0])==null?void 0:l.componentPath)||((d=i.scenarios[0])==null?void 0:d.pageFilePath)||"FILL_IN_PATH";return`- "${i.name}" (filePath: "${o}")`}),"",'Each glossary entry needs: name, filePath, description, returnType (use "JSX.Element" for components/pages).',""]:["## Step 1: No glossary changes needed",""],"## Step 2: Run import analysis","  codeyam editor analyze-imports","",...a.length>0?["## Step 3: Fix missing entity associations","",...a.map(i=>_t(i.name,i.scenarios)),""]:[],`## Step ${a.length>0?"4":"3"}: Reload the editor page in the browser and verify all scenarios appear.`].join(`
+`);return e.jsxs("div",{className:"mb-3 p-2 rounded border border-amber-400/30 bg-amber-400/5",children:[e.jsxs("p",{className:"text-[10px] text-amber-400/80 m-0 leading-relaxed",children:[t.length," ",t.length===1?"entity is":"entities are"," missing data (",s," hidden scenario",s!==1?"s":"","). Copy this prompt into Claude to fix them all at once."]}),e.jsx("div",{className:"mt-1.5",children:e.jsx(ue,{content:c,label:"Copy Fix All Prompt",copiedLabel:"Copied!",className:"text-[9px] text-amber-400 hover:text-amber-300 bg-transparent border border-amber-400/30 rounded px-1.5 py-0.5 cursor-pointer transition-colors"})})]})}function sn({scenarios:t,entityName:s,entityFilePath:n,entityType:a,onSwitchToBuild:c,onScenarioSelect:i}){const[o,l]=r.useState(!1),[d,N]=r.useState(null),[y,k]=r.useState(""),[g,E]=r.useState(!1),[f,F]=r.useState(null),[_,L]=r.useState(!1),O=r.useCallback(async S=>{if(!(!y.trim()||g)){E(!0);try{(await fetch("/api/editor-rename-scenario",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({scenarioId:S,name:y.trim()})})).ok&&N(null)}catch{}finally{E(!1)}}},[y,g]),D=r.useCallback(async S=>{if(confirm(`Delete scenario "${S.name}"?`)){F(S.id);try{const I=S.screenshotPaths?Object.values(S.screenshotPaths):S.screenshotPath?[S.screenshotPath]:[];await fetch("/api/delete-scenario",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({scenarioId:S.id,screenshotPaths:I})})}catch{}finally{F(null)}}},[]);return o?e.jsxs("div",{className:"border border-[#3d3d3d] rounded-lg overflow-hidden",children:[e.jsxs("div",{className:"flex items-center justify-between px-3 py-2 bg-[#1e1e1e]",children:[e.jsx("span",{className:"text-xs font-medium text-gray-400",children:"Edit Scenarios"}),e.jsx("button",{onClick:()=>{l(!1),N(null)},className:"text-gray-500 hover:text-gray-300 text-xs bg-transparent border-none cursor-pointer",children:"Close"})]}),e.jsx("div",{className:"divide-y divide-[#2d2d2d]",children:t.map(S=>e.jsxs("div",{className:"px-3 py-2 flex items-center gap-2 hover:bg-[#252525] cursor-pointer transition-colors",style:{opacity:f===S.id?.4:1},onClick:()=>{d!==S.id&&i(S)},children:[S.screenshotPath?e.jsx(Ae,{scenarioId:S.id,updatedAt:S.updatedAt,alt:"",className:"rounded w-[40px] h-[40px] shrink-0 overflow-hidden",imgClassName:"w-full h-full object-cover"}):e.jsx("div",{className:"rounded bg-[#1e1e1e]",style:{width:40,height:40,flexShrink:0}}),d===S.id?e.jsxs("form",{className:"flex-1 flex items-center gap-1.5 min-w-0",onSubmit:I=>{I.preventDefault(),O(S.id)},children:[e.jsx("input",{type:"text",value:y,onChange:I=>k(I.target.value),className:"flex-1 px-2 py-1 text-xs bg-[#1e1e1e] text-white border border-[#3d3d3d] rounded outline-none focus:border-[#005c75] min-w-0",autoFocus:!0,disabled:g}),e.jsx("button",{type:"submit",disabled:g||!y.trim(),className:"px-2 py-1 text-[10px] bg-[#005c75] text-white rounded hover:bg-[#004d63] disabled:opacity-40 cursor-pointer border-none",children:g?"...":"Save"}),e.jsx("button",{type:"button",onClick:()=>N(null),className:"px-2 py-1 text-[10px] text-gray-400 hover:text-white cursor-pointer bg-transparent border-none",children:"Cancel"})]}):e.jsxs(e.Fragment,{children:[e.jsx("span",{className:"flex-1 text-xs text-gray-300 truncate min-w-0",children:S.name}),e.jsx("button",{onClick:I=>{I.stopPropagation(),N(S.id),k(S.name)},className:"text-[10px] text-gray-500 hover:text-gray-300 cursor-pointer bg-transparent border-none px-1",title:"Rename",children:"Rename"}),e.jsx("button",{onClick:I=>{I.stopPropagation(),D(S)},disabled:f===S.id,className:"text-[10px] text-red-400/60 hover:text-red-400 cursor-pointer bg-transparent border-none px-1",title:"Delete",children:"Delete"})]})]},S.id))}),_?e.jsx(Vs,{prompt:Ys(s,n,a,t),height:500,onClose:()=>L(!1)}):e.jsx("div",{className:"px-3 py-2.5 bg-[#1e1e1e] border-t border-[#2d2d2d] flex justify-center",children:e.jsx("button",{onClick:()=>L(!0),className:"px-5 py-2 text-xs font-medium text-white cursor-pointer bg-[#005c75] hover:bg-[#004d63] border-none rounded-md transition-colors",children:"Modify with Claude"})})]}):e.jsx("div",{className:"flex justify-center",children:e.jsx("button",{onClick:()=>l(!0),className:"px-5 py-2 text-xs font-medium text-gray-300 hover:text-white transition-colors cursor-pointer bg-[#2a2a2a] hover:bg-[#333] border border-[#4a4a4a] hover:border-[#666] rounded-md",children:"Edit Scenarios"})})}function xe({scenarioId:t,updatedAt:s,hasScreenshot:n,imgSrc:a,name:c,isActive:i,onSelect:o}){const l=t&&n,d=!t&&a;return e.jsxs("button",{onClick:o,className:"flex flex-col items-center gap-1 cursor-pointer group w-full",title:c,children:[e.jsx("div",{className:`w-full aspect-square rounded overflow-hidden border-2 transition-all bg-[#1a1a1a] ${i?"border-[#005c75] ring-1 ring-[#005c75]":"border-transparent hover:border-[#4d4d4d]"}`,children:l?e.jsx(Ae,{scenarioId:t,updatedAt:s,alt:c,className:"w-full h-full",imgClassName:"w-full h-full object-contain"}):d?e.jsx("img",{src:a,alt:c,className:"w-full h-full object-contain",loading:"lazy"}):e.jsx("div",{className:"w-full h-full bg-[#1a1a1a] flex items-center justify-center",children:e.jsx("span",{className:"text-[8px] text-gray-600",children:"No img"})})}),e.jsx("span",{className:`text-[10px] leading-tight text-center truncate w-full ${i?"text-white":"text-gray-500 group-hover:text-gray-300"}`,children:c})]})}function ke({filePath:t}){return t?e.jsxs("div",{className:"flex items-center gap-1 mt-0.5",children:[e.jsxs("a",{href:`/api/editor-file?path=${encodeURIComponent(t)}`,target:"_blank",rel:"noopener noreferrer",title:"Open file",className:"flex items-center gap-1 text-gray-500 hover:text-gray-300 transition-colors min-w-0",children:[e.jsx("span",{className:"text-[9px] truncate",children:t}),e.jsx("svg",{className:"shrink-0",width:"10",height:"10",viewBox:"0 0 12 12",fill:"none",children:e.jsx("path",{d:"M4.5 1.5H2.5C1.95 1.5 1.5 1.95 1.5 2.5V9.5C1.5 10.05 1.95 10.5 2.5 10.5H9.5C10.05 10.5 10.5 10.05 10.5 9.5V7.5M7.5 1.5H10.5M10.5 1.5V4.5M10.5 1.5L5 7",stroke:"currentColor",strokeWidth:"1.2",strokeLinecap:"round",strokeLinejoin:"round"})})]}),e.jsx(ue,{content:t,icon:!0,iconSize:10,className:"shrink-0 text-gray-500 hover:text-gray-300 transition-colors"})]}):null}function nn({hasProject:t,scenarios:s,analyzedEntities:n,allEntities:a=[],glossaryFunctions:c=[],glossaryEntries:i=[],projectRoot:o,activeScenarioId:l,onScenarioSelect:d,onAnalyzedScenarioSelect:N,onSwitchToBuild:y,zoomComponent:k,focusedEntity:g,onZoomChange:E,entityImports:f,pageFilePaths:F={},projectTitle:_,projectDescription:L,migrationMode:O="none",migrationState:D,onStartMigration:S,breadcrumbItems:I=[]}){var ee;const{pageGroups:W,componentGroups:p}=r.useMemo(()=>Ks(s),[s]),m=r.useMemo(()=>Xs(W,p),[W,p]),b=r.useMemo(()=>new Set(n.map(P=>P.sha)),[n]),h=r.useMemo(()=>new Set(Object.keys(f||{})),[f]),v=r.useCallback(P=>Qs(P,b,a,h),[b,a,h]),w=r.useMemo(()=>Zs(W,p,m,v),[W,p,m,v]),M=r.useMemo(()=>n.filter(P=>P.entityType==="visual").sort((P,$)=>P.name.localeCompare($.name)),[n]),A=r.useMemo(()=>{const P=new Map;for(const $ of c)P.set($.name,$);return P},[c]),C=r.useRef(null),K=r.useRef(0),fe=r.useCallback(()=>{C.current&&(K.current=C.current.scrollTop)},[]);r.useEffect(()=>{C.current&&K.current>0&&(C.current.scrollTop=K.current)});const ge=(g==null?void 0:g.sha)??"overview";if(!t)return e.jsx("div",{className:"flex-1 flex items-center justify-center",children:e.jsxs("div",{className:"flex flex-col items-center gap-4",children:[e.jsx("h2",{className:"text-lg font-medium text-white font-['IBM_Plex_Sans'] m-0",children:"Ready to build something?"}),e.jsx("button",{onClick:y,className:"px-6 py-3 bg-[#005c75] text-white text-sm font-medium rounded-lg hover:bg-[#004d63] transition-colors cursor-pointer",children:"Start Building"})]})});if(O==="candidate")return e.jsx("div",{className:"flex-1 flex items-center justify-center",children:e.jsxs("div",{className:"flex flex-col items-center gap-5 px-8 text-center max-w-[420px]",children:[e.jsx("h2",{className:"text-lg font-medium text-white font-['IBM_Plex_Sans'] m-0",children:"Migrate Your Project"}),e.jsx("p",{className:"text-sm text-gray-400 m-0 font-['IBM_Plex_Sans'] leading-relaxed",children:"It looks like you have an existing project. Claude can survey your codebase and systematically migrate it — deconstructing pages into clean components, extracting functions with tests, and creating scenarios. One page per session."}),e.jsx("button",{onClick:S,className:"px-6 py-3 bg-[#005c75] text-white text-sm font-medium rounded-lg hover:bg-[#004d63] transition-colors cursor-pointer",children:"Get Started"}),e.jsx("button",{onClick:y,className:"text-xs text-gray-500 hover:text-gray-300 bg-transparent border-none p-0 cursor-pointer underline",children:"Skip — build a new feature instead"})]})});if(O==="active"&&D){const P=D.pages||[],$=P.filter(R=>R.status==="complete").length,J=P.length,V=J>0?Math.round($/J*100):0;return e.jsxs("div",{className:"flex-1 flex flex-col overflow-auto p-4",children:[e.jsx("h2",{className:"text-lg font-medium text-white font-['IBM_Plex_Sans'] m-0 mb-3",children:"Project Migration"}),e.jsxs("div",{className:"mb-4",children:[e.jsx("div",{className:"flex items-center gap-2 mb-1",children:e.jsxs("span",{className:"text-xs text-gray-400 font-['IBM_Plex_Sans']",children:[$,"/",J," pages (",V,"%)"]})}),e.jsx("div",{className:"w-full h-1.5 bg-[#2d2d2d] rounded-full overflow-hidden",children:e.jsx("div",{className:"h-full bg-[#005c75] rounded-full transition-all",style:{width:`${V}%`}})})]}),e.jsx("div",{className:"space-y-1.5",children:P.map((R,se)=>{const ae=R.status==="complete"?"✓":R.status==="in-progress"?"→":"○",G=R.status==="complete"?"text-green-400":R.status==="in-progress"?"text-cyan-400":"text-gray-600";return e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("span",{className:`text-xs ${G} w-3 text-center`,children:ae}),e.jsx("span",{className:`text-xs font-['IBM_Plex_Sans'] ${R.status==="in-progress"?"text-white font-medium":R.status==="complete"?"text-gray-400":"text-gray-600"}`,children:R.name}),e.jsx("span",{className:"text-[10px] text-gray-600",children:R.route}),R.status==="complete"&&e.jsxs("span",{className:"text-[10px] text-gray-600",children:[(R.extractedComponents||[]).length,"c"," ",(R.extractedFunctions||[]).length,"f"," ",R.scenarioCount||0,"s"]})]},se)})}),(D.sharedComponents||[]).length>0&&e.jsxs("div",{className:"mt-4",children:[e.jsx("h3",{className:"text-xs font-medium text-gray-400 font-['IBM_Plex_Sans'] mb-1.5",children:"Shared Components"}),(D.sharedComponents||[]).map((R,se)=>e.jsxs("div",{className:"text-[10px] text-gray-500 mb-0.5",children:[R.name," ",e.jsxs("span",{className:"text-gray-600",children:["— used in: ",(R.usedInPages||[]).join(", ")]})]},se))]}),e.jsx("div",{className:"mt-4",children:e.jsx("button",{onClick:y,className:"px-4 py-2 bg-[#005c75] text-white text-xs font-medium rounded-lg hover:bg-[#004d63] transition-colors cursor-pointer",children:"Continue in Chat"})})]})}if(!(s.length>0||M.length>0))return e.jsx("div",{className:"flex-1 flex items-center justify-center",children:e.jsxs("div",{className:"flex flex-col items-center gap-4 px-8 text-center",children:[_?e.jsxs(e.Fragment,{children:[e.jsx("h2",{className:"text-lg font-medium text-white font-['IBM_Plex_Sans'] m-0",children:_}),L&&e.jsx("p",{className:"text-sm text-gray-400 m-0 font-['IBM_Plex_Sans'] leading-relaxed",children:L})]}):e.jsx("h2",{className:"text-lg font-medium text-white font-['IBM_Plex_Sans'] m-0",children:"Your project is ready"}),e.jsx("p",{className:"text-sm text-gray-400 m-0 font-['IBM_Plex_Sans'] leading-relaxed",children:"Describe what you want to build in the Chat and your pages and components will appear here."}),e.jsx("button",{onClick:y,className:"px-6 py-3 bg-[#005c75] text-white text-sm font-medium rounded-lg hover:bg-[#004d63] transition-colors cursor-pointer",children:"Start Building"})]})});if(g){const P=g.filePath,$=g.name,J=n.some(u=>u.sha===g.sha||u.filePath===P),V=!!((ee=f==null?void 0:f[$])!=null&&ee.length);if(!J&&!V){s.some(B=>B.componentName===$&&B.entitySha===g.sha);const u=s.filter(B=>B.entitySha===g.sha),z=[`The "${g.displayName}" entity (${P}) exists in the database but has not been fully analyzed. Its components and functions cannot be shown until it has import metadata.`,"","Follow these steps:","",`Step 1: Add "${$}" to the glossary if it's not already there:`,`  Check: cat .codeyam/glossary.json | grep "${$}"`,"",`  If not found, add an entry with name "${$}" and filePath "${P}" to .codeyam/glossary.json`,"","Step 2: Run import analysis:","  codeyam editor analyze-imports","","Step 3: Reload the editor page and verify components/functions appear."].join(`
+`);return e.jsx("div",{ref:C,onScroll:fe,className:"flex-1 overflow-auto",children:e.jsxs("div",{className:"p-4 space-y-3",children:[e.jsx(kt,{items:I,onNavigate:E}),e.jsx("h2",{className:"text-sm font-semibold text-white m-0 font-['IBM_Plex_Sans'] uppercase tracking-wider",children:g.displayName}),P&&e.jsx(ke,{filePath:P,projectRoot:o}),e.jsxs("div",{className:"py-2",children:[e.jsx("p",{className:"text-[11px] text-amber-400/80 m-0 leading-relaxed",children:"This entity has not been fully analyzed. Its components and functions cannot be displayed. Please copy and paste this prompt into Claude to fix the data."}),e.jsx("div",{className:"mt-2",children:e.jsx(ue,{content:z,label:"Copy Fix Prompt",copiedLabel:"Copied!",className:"text-[10px] text-amber-400 hover:text-amber-300 bg-transparent border border-amber-400/30 rounded px-2 py-1 cursor-pointer transition-colors"})})]}),u.length>0&&e.jsx("div",{className:"grid grid-cols-3 gap-2",children:u.map(B=>e.jsx(xe,{scenarioId:B.id,updatedAt:B.updatedAt,hasScreenshot:!!B.screenshotPath,name:B.name,isActive:B.id===l,onSelect:()=>d(B)},B.id))})]})},ge)}const R=g.sha,se=s.filter(u=>!u.componentName&&(u.pageFilePath===P||R&&u.entitySha===R)),ae=s.filter(u=>u.componentName===$||u.componentPath===P),G=M.find(u=>u.filePath===P||u.name===$),le=A.get($)||c.find(u=>u.filePath===P),ne=[...se,...ae],re=new Set((f==null?void 0:f[$])||[]),je=V?[...p.entries()].filter(([u])=>re.has(u)):[],Ee=V?M.filter(u=>re.has(u.name)&&!je.some(([z])=>z===u.name)):[],Te=V?i.filter(u=>re.has(u.name)&&u.returnType!=="JSX.Element"&&u.returnType!=="React.ReactNode").map(u=>({name:u.name,filePath:u.filePath,description:u.description||"",testFile:u.testFile,feature:u.feature})):[],be=je.length>0||Ee.length>0,Z=Te.length>0,q=be||Z;return e.jsx("div",{className:"flex-1 overflow-auto",children:e.jsxs("div",{className:"p-4 space-y-3",children:[e.jsx(kt,{items:I,onNavigate:E}),e.jsxs("div",{children:[e.jsx("h2",{className:"text-sm font-semibold text-white m-0 font-['IBM_Plex_Sans'] uppercase tracking-wider",children:g.displayName}),g.filePath&&e.jsx(ke,{filePath:g.filePath,projectRoot:o})]}),ne.length>0&&e.jsx("div",{className:"grid grid-cols-3 gap-2",children:ne.map(u=>e.jsx(xe,{scenarioId:u.id,updatedAt:u.updatedAt,hasScreenshot:!!u.screenshotPath,name:u.name,isActive:u.id===l,onSelect:()=>d(u)},u.id))}),G&&(G.scenarios.length>0||G.pendingScenarios.length>0)&&e.jsxs("div",{className:"grid grid-cols-3 gap-2",children:[G.scenarios.map(u=>e.jsx(xe,{imgSrc:u.screenshotPath?`/api/screenshot/${u.screenshotPath}`:null,name:u.name,isActive:!1,onSelect:()=>N({analysisId:G.analysisId,scenarioId:u.id,scenarioName:u.name,entitySha:G.sha,entityName:G.name})},u.id)),G.pendingScenarios.map(u=>e.jsx("div",{className:"px-2.5 py-1 bg-[#2a2a2a] text-gray-400 text-[10px] rounded-full",title:u,children:u},u))]}),le&&e.jsxs("div",{className:"flex items-center gap-1.5",children:[e.jsx("span",{className:"text-[10px] text-gray-500",children:"Tests:"}),e.jsx(ke,{filePath:le.testFile,projectRoot:o})]}),ne.length===0&&!G&&!le&&e.jsx("div",{className:"text-xs text-gray-500",children:"No scenarios for this entity"}),ne.length>0&&e.jsx(sn,{scenarios:ne,entityName:g.displayName,entityFilePath:g.filePath,entityType:g.entityType,onSwitchToBuild:y,onScenarioSelect:d}),q&&e.jsxs("div",{className:"pt-3 mt-2 border-t border-[#3d3d3d] space-y-3",children:[be&&e.jsxs("div",{children:[e.jsx("span",{className:"text-xs font-semibold text-gray-500 uppercase tracking-wider",children:"Components"}),je.map(([u,z])=>e.jsx("div",{className:"mt-3",children:m.has(u)?e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"py-1",children:e.jsx("button",{onClick:()=>E(u,m.get(u)),className:"text-[11px] font-medium text-gray-400 cursor-pointer hover:text-white transition-colors bg-transparent border-none p-0",children:u})}),z.length>0&&e.jsx("div",{className:"grid grid-cols-3 gap-2 pt-1",children:z.map(B=>e.jsx(xe,{scenarioId:B.id,updatedAt:B.updatedAt,hasScreenshot:!!B.screenshotPath,name:B.name,isActive:B.id===l,onSelect:()=>d(B)},B.id))})]}):e.jsxs("div",{className:"py-2",children:[e.jsx("span",{className:"text-[11px] font-medium text-gray-500",children:u}),e.jsx("p",{className:"text-[10px] text-amber-400/80 m-0 mt-1.5 leading-relaxed",children:"There is data missing that is required to show the scenarios for this component. Please copy and paste this prompt into Claude to ask Claude to fix the data."}),e.jsx("div",{className:"mt-1.5",children:e.jsx(Ct,{name:u,scenarios:z})})]})},u)),Ee.map(u=>e.jsxs("div",{className:"mt-3",children:[e.jsx("div",{className:"py-1",children:e.jsx("button",{onClick:()=>E(u.name,u.sha),className:"text-[11px] font-medium text-gray-400 cursor-pointer hover:text-white transition-colors bg-transparent border-none p-0",children:u.name})}),(u.scenarios.length>0||u.pendingScenarios.length>0)&&e.jsxs("div",{className:"grid grid-cols-3 gap-2 pt-1",children:[u.scenarios.map(z=>e.jsx(xe,{imgSrc:z.screenshotPath?`/api/screenshot/${z.screenshotPath}`:null,name:z.name,isActive:!1,onSelect:()=>N({analysisId:u.analysisId,scenarioId:z.id,scenarioName:z.name,entitySha:u.sha,entityName:u.name})},z.id)),u.pendingScenarios.map(z=>e.jsx("div",{className:"px-2.5 py-1 bg-[#2a2a2a] text-gray-400 text-[10px] rounded-full",title:z,children:z},z))]})]},u.sha))]}),Z&&e.jsxs("div",{children:[e.jsx("span",{className:"text-xs font-semibold text-gray-500 uppercase tracking-wider",children:"Functions"}),Te.map(u=>e.jsxs("div",{className:"mt-2",children:[e.jsx("div",{className:"py-1",children:e.jsx("button",{onClick:()=>E(u.name,m.get(u.name)),className:"text-[11px] font-medium text-gray-400 cursor-pointer hover:text-white transition-colors bg-transparent border-none p-0",children:u.name})}),e.jsx(ke,{filePath:u.filePath,projectRoot:o}),u.testFile&&e.jsxs("div",{className:"flex items-center gap-1.5 mt-0.5",children:[e.jsx("span",{className:"text-[9px] text-gray-600",children:"test:"}),e.jsx("span",{className:"text-[9px] text-gray-500 truncate",children:u.testFile})]})]},u.name))]})]})]})})}return e.jsx("div",{ref:C,onScroll:fe,className:"flex-1 overflow-auto",children:e.jsxs("div",{className:"p-4 space-y-4",children:[_&&e.jsxs("div",{children:[e.jsx("h2",{className:"text-base font-semibold text-white m-0 font-['IBM_Plex_Sans']",children:_}),L&&e.jsx("p",{className:"text-xs text-gray-400 m-0 mt-1 font-['IBM_Plex_Sans'] leading-relaxed",children:L})]}),w.length>1&&e.jsx(tn,{brokenEntities:w}),W.size>0&&e.jsxs("div",{children:[e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsx("span",{className:"text-xs font-semibold text-gray-500 uppercase tracking-wider",children:"Application"}),e.jsx("button",{onClick:y,className:"px-2.5 py-1 text-[10px] font-medium text-gray-400 bg-[#2a2a2a] border border-[#4d4d4d] rounded hover:bg-[#333] hover:text-white hover:border-[#005c75] transition-colors cursor-pointer",children:"+ New Page"})]}),e.jsxs("p",{className:"text-[11px] text-gray-500 m-0 mt-1.5 font-['IBM_Plex_Sans'] leading-relaxed",children:["Select a page scenario below and switch to"," ",e.jsx("button",{onClick:y,className:"text-[#00a0c4] hover:text-[#00c4eb] bg-transparent border-none p-0 cursor-pointer underline font-inherit text-inherit",children:"Build"})," ","to change or enhance an existing page or"," ",e.jsx("button",{onClick:y,className:"text-[#00a0c4] hover:text-[#00c4eb] bg-transparent border-none p-0 cursor-pointer underline font-inherit text-inherit",children:"create a new page"})]}),[...W.entries()].sort(([P],[$])=>P==="Home"?-1:$==="Home"?1:P.localeCompare($)).map(([P,$])=>{var J,V;return e.jsx("div",{className:"mt-2",children:m.has(P)&&v(m.get(P))?e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"py-1",children:e.jsx("button",{onClick:()=>E(P,m.get(P)),className:"text-[11px] font-medium text-gray-400 cursor-pointer hover:text-white transition-colors bg-transparent border-none p-0",children:P})}),(((J=$[0])==null?void 0:J.pageFilePath)||F[P])&&e.jsx(ke,{filePath:((V=$[0])==null?void 0:V.pageFilePath)||F[P],projectRoot:o}),e.jsx("div",{className:"grid grid-cols-3 gap-2 pt-1",children:$.map(R=>e.jsx(xe,{scenarioId:R.id,updatedAt:R.updatedAt,hasScreenshot:!!R.screenshotPath,name:R.name,isActive:R.id===l,onSelect:()=>d(R)},R.id))})]}):e.jsxs("div",{className:"py-2",children:[e.jsx("span",{className:"text-[11px] font-medium text-gray-500",children:P}),e.jsx("p",{className:"text-[10px] text-amber-400/80 m-0 mt-1.5 leading-relaxed",children:"There is data missing that is required to show the scenarios for this page. Please copy and paste this prompt into Claude to ask Claude to fix the data."}),e.jsx("div",{className:"mt-1.5",children:e.jsx(Ct,{name:P,scenarios:$,reason:m.has(P)?"incomplete":"missing"})})]})},P)})]})]})},ge)}const Pt={new:0,edited:1,impacted:2};function Et({status:t,onClick:s}){const n={new:{label:"New",bg:"bg-green-100",text:"text-green-700",border:"border-green-200"},edited:{label:"Edited",bg:"bg-blue-100",text:"text-blue-700",border:"border-blue-200"},impacted:{label:"Impacted",bg:"bg-amber-100",text:"text-amber-700",border:"border-amber-200"}}[t.status],a=s&&(t.status==="edited"||t.status==="impacted");return e.jsx("button",{onClick:a?s:void 0,className:`${n.bg} ${n.text} ${n.border} border text-[9px] font-bold px-1.5 py-0.5 rounded-full uppercase tracking-wider shrink-0 ${a?"cursor-pointer hover:opacity-80 transition-opacity":"cursor-default"}`,children:n.label})}function Tt({filePath:t}){const[s,n]=r.useState(null),[a,c]=r.useState(!0),[i,o]=r.useState(null);return r.useEffect(()=>{Qe(()=>import("./index-Blo6EK8G.js"),__vite__mapDeps([0,1,2])).then(l=>{o(()=>l.default)})},[]),r.useEffect(()=>{c(!0),fetch(`/api/editor-file-diff?path=${encodeURIComponent(t)}`).then(l=>l.json()).then(l=>{n({oldContent:l.oldContent,newContent:l.newContent})}).catch(()=>{n(null)}).finally(()=>c(!1))},[t]),a?e.jsx("div",{className:"p-2 text-[10px] text-gray-400",children:"Loading diff..."}):!s||!i?e.jsx("div",{className:"p-2 text-[10px] text-gray-400",children:"Could not load diff"}):e.jsx("div",{className:"mt-2 border border-gray-200 rounded-lg overflow-hidden max-h-[300px] overflow-auto text-xs",children:e.jsx(i,{oldValue:s.oldContent,newValue:s.newContent,splitView:!1,useDarkTheme:!1,showDiffOnly:!0,styles:{contentText:{fontSize:"11px",lineHeight:"1.4"},line:{padding:"1px 8px",fontSize:"11px"}}})})}function It({impactedBy:t,changedEntities:s}){return e.jsx("div",{className:"mt-2 bg-amber-50 border border-amber-200 rounded-lg p-2.5",children:t&&t.length>0?e.jsxs(e.Fragment,{children:[e.jsx("span",{className:"text-[10px] font-semibold text-amber-700 uppercase tracking-wider",children:"Re-captured because these dependencies changed"}),e.jsx("ul",{className:"mt-1.5 space-y-1",children:t.map(n=>e.jsxs("li",{className:"flex items-center gap-1.5",children:[e.jsx("span",{className:`text-[9px] font-bold px-1 py-0 rounded-full uppercase tracking-wider border ${n.changeType==="new"?"bg-green-100 text-green-700 border-green-200":"bg-blue-100 text-blue-700 border-blue-200"}`,children:n.changeType==="new"?"New":"Edited"}),e.jsx("span",{className:"text-[11px] font-medium text-amber-800",children:n.name}),e.jsx("span",{className:"text-[9px] text-amber-500 truncate",children:n.filePath})]},n.filePath))})]}):s&&s.length>0?e.jsxs(e.Fragment,{children:[e.jsx("span",{className:"text-[10px] font-semibold text-amber-700 uppercase tracking-wider",children:"Unchanged — these entities were modified in this session"}),e.jsx("ul",{className:"mt-1.5 space-y-1",children:s.map(n=>e.jsxs("li",{className:"flex items-center gap-1.5",children:[e.jsx("span",{className:`text-[9px] font-bold px-1 py-0 rounded-full uppercase tracking-wider border ${n.status==="new"?"bg-green-100 text-green-700 border-green-200":"bg-blue-100 text-blue-700 border-blue-200"}`,children:n.status==="new"?"New":"Edited"}),e.jsx("span",{className:"text-[11px] font-medium text-amber-800",children:n.name})]},n.name))})]}):e.jsx("span",{className:"text-[10px] text-amber-600",children:"This component was re-captured because a dependency changed"})})}function Mt({scenarioId:t,name:s,isActive:n,onSelect:a,updatedAt:c}){const i=r.useRef(null);return r.useEffect(()=>{n&&i.current&&i.current.scrollIntoView({block:"nearest",behavior:"smooth"})},[n]),e.jsxs("button",{ref:i,onClick:a,className:"flex flex-col items-center gap-1.5 cursor-pointer group",title:s,children:[e.jsx("div",{className:`w-32 h-32 rounded-lg overflow-hidden border-2 transition-all ${n?"border-[#0ea5e9] ring-2 ring-[#0ea5e9]/40 shadow-lg shadow-[#0ea5e9]/20":"border-gray-200 hover:border-gray-400 shadow-sm"}`,children:e.jsx(Ae,{scenarioId:t,updatedAt:c,alt:s,className:"w-full h-full bg-white",imgClassName:"w-full h-full object-contain bg-white"})}),e.jsx("span",{className:`text-[11px] leading-tight text-center truncate w-32 font-medium ${n?"text-gray-900":"text-gray-600 group-hover:text-gray-900"}`,children:s})]})}function an({filePath:t}){return t?e.jsxs("div",{className:"flex items-center gap-1 mt-0.5",children:[e.jsxs("a",{href:`/api/editor-file?path=${encodeURIComponent(t)}`,target:"_blank",rel:"noopener noreferrer",title:"Open file",className:"flex items-center gap-1 text-gray-400 hover:text-gray-600 transition-colors min-w-0",children:[e.jsx("span",{className:"text-[9px] truncate",children:t}),e.jsx("svg",{className:"shrink-0",width:"10",height:"10",viewBox:"0 0 12 12",fill:"none",children:e.jsx("path",{d:"M4.5 1.5H2.5C1.95 1.5 1.5 1.95 1.5 2.5V9.5C1.5 10.05 1.95 10.5 2.5 10.5H9.5C10.05 10.5 10.5 10.05 10.5 9.5V7.5M7.5 1.5H10.5M10.5 1.5V4.5M10.5 1.5L5 7",stroke:"currentColor",strokeWidth:"1.2",strokeLinecap:"round",strokeLinejoin:"round"})})]}),e.jsx(ue,{content:t,icon:!0,iconSize:10,className:"shrink-0 text-gray-400 hover:text-gray-600 transition-colors"})]}):null}function rn({testFile:t,entityName:s}){const{results:n,isRunning:a,runTests:c}=et(t);if(a&&!n)return e.jsxs("div",{className:"pt-1 flex items-center gap-1.5",children:[e.jsx("span",{className:"w-1.5 h-1.5 rounded-full bg-[#0ea5e9] animate-pulse"}),e.jsx("span",{className:"text-[10px] text-gray-400",children:"Running tests..."})]});if(!n)return null;if(n.status==="error")return e.jsx("div",{className:"pt-1",children:e.jsx("span",{className:"text-[10px] text-red-500",children:n.errorMessage})});const i=s?n.testCases.filter(d=>d.fullName.startsWith(s)):n.testCases,o=i.length>0?i:n.testCases;if(o.length===0)return null;const l=s?`${s} > `:"";return e.jsxs("div",{className:"pt-1 space-y-0.5",children:[o.map(d=>{var y;const N=l&&d.fullName.startsWith(l)?d.fullName.slice(l.length):d.fullName;return e.jsxs("div",{children:[e.jsxs("div",{className:"flex items-center gap-1.5",children:[d.status==="passed"?e.jsx("span",{className:"text-green-600 text-[10px]",children:"✓"}):d.status==="failed"?e.jsx("span",{className:"text-red-500 text-[10px]",children:"✗"}):e.jsx("span",{className:"text-gray-400 text-[10px]",children:"—"}),e.jsx("span",{className:`text-[10px] ${d.status==="passed"?"text-green-600":d.status==="failed"?"text-red-500":"text-gray-400"}`,children:N})]}),d.status==="failed"&&((y=d.failureMessages)==null?void 0:y.map((k,g)=>e.jsx("div",{className:"pl-4 text-[9px] text-red-400 truncate max-w-full",title:k,children:k.split(`
+`)[0]},g)))]},d.fullName)}),e.jsx("button",{onClick:c,disabled:a,className:"mt-1 text-[10px] text-[#0ea5e9] hover:text-[#38bdf8] transition-colors cursor-pointer disabled:opacity-50 bg-transparent border-none p-0",children:a?"Running...":"Re-run"})]})}function $t(t){const s=t.indexOf(" - ");return s!==-1?t.slice(s+3):t}function Rt(t,s){return!s||Object.keys(s).length===0?t:[...t].sort(([n],[a])=>{var l,d;const c=((l=s[n])==null?void 0:l.status)||"impacted",i=((d=s[a])==null?void 0:d.status)||"impacted",o=(Pt[c]??2)-(Pt[i]??2);return o!==0?o:n.localeCompare(a)})}function on({scenarios:t,allScenarios:s=[],glossaryFunctions:n=[],projectRoot:a,activeScenarioId:c,onScenarioSelect:i,onClose:o,entityChangeStatus:l={},modifiedFiles:d=[],featureName:N,userPrompt:y}){const k=r.useMemo(()=>{if(s.length===0||Object.keys(l).length===0)return t;const m=new Set(t.map(h=>h.id)),b=s.filter(h=>{var w;if(m.has(h.id))return!1;const v=h.componentName||(h.pageFilePath?he(pe(h.pageFilePath)):Ce(h.url));return((w=l[v])==null?void 0:w.status)==="impacted"});return b.length===0?t:[...t,...b]},[t,s,l]),g=r.useMemo(()=>Object.entries(l).filter(([,m])=>m.status==="new"||m.status==="edited").map(([m,b])=>({name:m,status:b.status})),[l]),[E,f]=r.useState(null),F=r.useCallback(m=>{f(b=>b===m?null:m)},[]),{pageGroups:_,componentGroups:L}=r.useMemo(()=>{var h;const m=new Map,b=new Map;for(const v of k)if(v.componentName){const w=b.get(v.componentName)||[];w.push(v),b.set(v.componentName,w)}else if(Ze(v.url)){const w=(h=v.url)==null?void 0:h.match(/[?&]c=([^&]+)/),M=w?decodeURIComponent(w[1]):"Isolated",A=b.get(M)||[];A.push(v),b.set(M,A)}else{const w=v.pageFilePath?he(pe(v.pageFilePath)):Ce(v.url),M=m.get(w)||[];M.push(v),m.set(w,M)}return{pageGroups:m,componentGroups:b}},[k]),O=r.useMemo(()=>Rt([..._.entries()],l),[_,l]),D=r.useMemo(()=>Rt([...L.entries()],l),[L,l]),S=O,I=D,W=r.useMemo(()=>Ms(n,l),[n,l]),p=r.useMemo(()=>{const m=[];for(const[,b]of S)m.push(...b);for(const[,b]of I)m.push(...b);return m},[S,I]);return r.useEffect(()=>{if(p.length===0)return;const m=b=>{var A;if(!["ArrowLeft","ArrowRight","ArrowUp","ArrowDown"].includes(b.key))return;const v=(A=b.target)==null?void 0:A.tagName;if(v==="INPUT"||v==="TEXTAREA"||v==="SELECT")return;b.preventDefault();const w=p.findIndex(C=>C.id===c);let M;b.key==="ArrowLeft"||b.key==="ArrowUp"?M=w<=0?p.length-1:w-1:M=w>=p.length-1?0:w+1,i(p[M])};return document.addEventListener("keydown",m),()=>document.removeEventListener("keydown",m)},[p,c,i]),k.length===0&&n.length===0?e.jsxs("div",{className:"h-full bg-white flex items-center justify-center relative",children:[e.jsx("button",{onClick:o,className:"absolute top-2 right-3 text-gray-400 hover:text-gray-700 text-lg leading-none cursor-pointer bg-transparent border-none",title:"Close results",children:"×"}),e.jsx("span",{className:"text-sm text-gray-400",children:"No scenarios registered yet"})]}):e.jsxs("div",{className:"h-full bg-white flex flex-col overflow-hidden",children:[e.jsxs("div",{className:"flex items-center justify-between px-4 py-2.5 border-b border-gray-200 shrink-0",children:[e.jsxs("div",{className:"min-w-0",children:[e.jsx("span",{className:"text-xs font-semibold text-gray-500 uppercase tracking-wider",children:"Working Session Results"}),N&&e.jsx("div",{className:"text-[11px] text-gray-400 truncate",title:N,children:N})]}),e.jsx("button",{onClick:o,className:"text-gray-400 hover:text-gray-700 text-lg leading-none cursor-pointer bg-transparent border-none shrink-0",title:"Close results",children:"×"})]}),y&&e.jsx(At,{text:y,theme:"light"}),e.jsx("div",{className:"flex-1 overflow-auto p-4",children:e.jsxs("div",{className:"space-y-5",children:[S.length>0&&e.jsxs("div",{children:[e.jsx("div",{className:"mb-2",children:e.jsx("span",{className:"text-xs font-semibold text-gray-500 uppercase tracking-wider",children:"Application"})}),e.jsx("div",{className:"space-y-3 pl-1",children:S.map(([m,b])=>{var M;const h=l[m],v=E===m,w=(M=b[0])==null?void 0:M.componentPath;return e.jsxs("div",{children:[e.jsxs("div",{className:"mb-1.5 flex items-center gap-2",children:[e.jsx("span",{className:"text-[11px] font-medium text-gray-600",children:m}),h&&e.jsx(Et,{status:h,onClick:()=>F(m)})]}),v&&(h==null?void 0:h.status)==="edited"&&w&&e.jsx(Tt,{filePath:w}),v&&(h==null?void 0:h.status)==="impacted"&&e.jsx(It,{impactedBy:h.impactedBy,changedEntities:g}),e.jsx("div",{className:"flex flex-wrap gap-3",children:b.map(A=>e.jsx(Mt,{scenarioId:A.id,name:$t(A.name),isActive:A.id===c,onSelect:()=>i(A),updatedAt:A.updatedAt},A.id))})]},m)})})]}),I.length>0&&e.jsxs("div",{className:S.length>0?"pt-3 border-t border-gray-200":"",children:[e.jsx("div",{className:"mb-2",children:e.jsx("span",{className:"text-xs font-semibold text-gray-500 uppercase tracking-wider",children:"Components"})}),e.jsx("div",{className:"space-y-3 pl-1",children:I.map(([m,b])=>{var M;const h=l[m],v=E===m,w=(M=b[0])==null?void 0:M.componentPath;return e.jsxs("div",{children:[e.jsxs("div",{className:"mb-1.5 flex items-center gap-2",children:[e.jsx("span",{className:"text-[11px] font-medium text-gray-600",children:m}),h&&e.jsx(Et,{status:h,onClick:()=>F(m)})]}),v&&(h==null?void 0:h.status)==="edited"&&w&&e.jsx(Tt,{filePath:w}),v&&(h==null?void 0:h.status)==="impacted"&&e.jsx(It,{impactedBy:h.impactedBy,changedEntities:g}),e.jsx("div",{className:"flex flex-wrap gap-3",children:b.map(A=>e.jsx(Mt,{scenarioId:A.id,name:$t(A.name),isActive:A.id===c,onSelect:()=>i(A),updatedAt:A.updatedAt},A.id))})]},m)})})]}),W.length>0&&e.jsxs("div",{className:S.length>0||I.length>0?"pt-3 border-t border-gray-200":"",children:[e.jsx("div",{className:"mb-2",children:e.jsx("span",{className:"text-xs font-semibold text-gray-500 uppercase tracking-wider",children:"Functions"})}),e.jsx("div",{className:"space-y-2 pl-1",children:W.map(m=>e.jsxs("div",{children:[e.jsx("div",{className:"flex items-center gap-2",children:e.jsx("span",{className:"text-[11px] font-medium text-gray-700",children:m.name})}),e.jsx(an,{filePath:m.filePath,projectRoot:a}),m.testFile?e.jsx(rn,{testFile:m.testFile,entityName:m.name}):e.jsx("div",{className:"pt-1",children:e.jsx("span",{className:"text-[10px] text-gray-400",children:"No test file"})})]},m.name))})]}),d.length>0&&e.jsxs("div",{className:S.length>0||I.length>0||W.length>0?"pt-3 border-t border-gray-200":"",children:[e.jsx("div",{className:"mb-2",children:e.jsxs("span",{className:"text-xs font-semibold text-gray-500 uppercase tracking-wider",children:["Modified Files (",d.length,")"]})}),e.jsx("div",{className:"space-y-0.5 pl-1 max-h-[200px] overflow-auto",children:d.map(m=>e.jsxs("div",{className:"flex items-center gap-1.5",children:[e.jsx("span",{className:`text-[9px] font-bold uppercase w-[14px] text-center ${m.status==="added"||m.status==="untracked"?"text-green-600":m.status==="modified"?"text-blue-600":m.status==="renamed"?"text-purple-600":"text-gray-400"}`,children:m.status==="added"||m.status==="untracked"?"A":m.status==="modified"?"M":m.status==="renamed"?"R":"?"}),e.jsx("span",{className:"text-[10px] text-gray-500 truncate font-mono",children:m.path})]},m.path))})]})]})})]})}const ln=[{key:"app",label:"App"},{key:"build",label:"Build"},{key:"data",label:"Structure"},{key:"journal",label:"Journal"}];function cn({activeTab:t,onTabChange:s,buildIdle:n,panelLayout:a,onToggleExpand:c}){return e.jsxs("div",{className:"bg-[#3d3d3d] h-10 flex items-center px-3 gap-3 shrink-0 z-20 border-b border-[#2d2d2d]",children:[e.jsxs("div",{className:"flex items-center gap-2 shrink-0",children:[e.jsx("img",{src:Ts,alt:"CodeYam",className:"h-5 brightness-0 invert"}),e.jsx("span",{className:"text-white font-medium text-xs whitespace-nowrap",children:"Codeyam Editor"})]}),e.jsx("div",{className:"flex-1"}),e.jsxs("div",{className:"flex items-center gap-2 shrink-0",children:[e.jsx("div",{className:"flex items-center gap-0.5 bg-[#4a3232] rounded-lg p-0.5",children:ln.map(i=>e.jsxs("button",{onClick:()=>s(i.key),className:`px-2.5 py-1 text-xs font-medium rounded-md transition-colors cursor-pointer ${t===i.key?"bg-[#7a4444] text-white":"text-gray-300 hover:text-white"}`,children:[i.label,i.key==="build"&&n&&t!=="build"&&e.jsx("span",{className:"ml-1 inline-block w-1.5 h-1.5 rounded-full bg-amber-400 animate-pulse"})]},i.key))}),c&&e.jsx("button",{onClick:c,className:"p-1.5 rounded text-gray-400 hover:text-white transition-colors cursor-pointer",title:a==="editor-only"?"Show preview":"Hide preview",children:e.jsx("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round",children:a==="editor-only"?e.jsxs(e.Fragment,{children:[e.jsx("rect",{x:"3",y:"3",width:"18",height:"18",rx:"2"}),e.jsx("path",{d:"M9 3v18"}),e.jsx("path",{d:"M16 15l-3-3 3-3"})]}):e.jsxs(e.Fragment,{children:[e.jsx("rect",{x:"3",y:"3",width:"18",height:"18",rx:"2"}),e.jsx("path",{d:"M9 3v18"}),e.jsx("path",{d:"M14 9l3 3-3 3"})]})})})]})]})}function dn({preview:t,onDismiss:s,onLoadCommit:n}){return e.jsxs("div",{className:"flex flex-col items-center gap-6 max-w-[700px] w-full",children:[e.jsxs("div",{className:"text-center",children:[e.jsx("h2",{className:"text-lg font-semibold text-[#333] m-0 font-['IBM_Plex_Sans']",children:"Journal Screenshot"}),e.jsx("p",{className:"text-sm text-[#888] mt-1 m-0 font-['IBM_Plex_Sans']",children:"This is a snapshot from a previous version — not a live preview"})]}),e.jsx("div",{className:"rounded-lg overflow-hidden border-2 border-[#ccc] shadow-md max-w-full w-fit",children:e.jsx("img",{src:t.screenshotUrl,alt:t.scenarioName,className:"max-w-full h-auto block"})}),e.jsxs("div",{className:"flex items-center gap-2 text-sm text-[#666]",children:[t.commitSha&&e.jsx("span",{className:"font-mono text-xs text-[#00a0c4] bg-[#00a0c4]/15 px-2 py-0.5 rounded",children:t.commitSha.slice(0,7)}),e.jsxs("span",{className:"truncate",children:[t.scenarioName,t.commitMessage&&` — ${t.commitMessage}`]})]}),e.jsx("div",{className:"flex items-center gap-3",children:t.commitSha&&n&&e.jsx(mn,{commitSha:t.commitSha,onLoadCommit:n})})]})}function mn({commitSha:t,onLoadCommit:s}){const[n,a]=r.useState(!1),[c,i]=r.useState(null);return e.jsxs(e.Fragment,{children:[e.jsx("button",{onClick:()=>{a(!0),i(null),s(t).then(o=>{o.success||i(o.error||"Failed to load commit")}).catch(o=>{i(o instanceof Error?o.message:"Network error")}).finally(()=>a(!1))},disabled:n,className:"bg-[#005c75] hover:bg-[#004d63] disabled:opacity-50 text-white text-sm font-medium px-4 py-1.5 rounded transition-colors cursor-pointer",children:n?"Reverting...":"Revert to this code and load this version"}),c&&e.jsx("div",{className:"bg-red-50 border border-red-200 rounded px-4 py-2 text-sm text-red-600 w-full text-center",children:c})]})}function xn({analysisId:t,scenarioId:s,scenarioName:n,entityName:a,projectSlug:c,onStateChange:i}){const{interactiveServerUrl:o,isStarting:l,isLoading:d}=Is({analysisId:t,scenarioId:s,scenarioName:n,entityName:a,projectSlug:c,enabled:!0});return r.useEffect(()=>{i(o,l||d)},[o,l,d,i]),null}function pn({onSaveToCurrent:t,onSaveAsNew:s,onDismiss:n,isSaving:a}){return e.jsxs("div",{className:"flex items-center justify-between px-4 py-1.5 bg-emerald-900/60 border-b border-emerald-700/50 text-emerald-200 text-xs",children:[e.jsx("span",{className:"font-medium",children:"Data modified."}),e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("button",{onClick:t,disabled:a,className:"px-2.5 py-0.5 bg-emerald-600 hover:bg-emerald-500 disabled:opacity-50 text-white text-xs font-medium rounded transition-colors cursor-pointer disabled:cursor-not-allowed",children:a?"Saving...":"Save to Scenario"}),e.jsx("button",{onClick:s,disabled:a,className:"px-2.5 py-0.5 bg-emerald-800 hover:bg-emerald-700 disabled:opacity-50 text-emerald-200 text-xs font-medium rounded transition-colors cursor-pointer disabled:cursor-not-allowed",children:"Save as New"}),e.jsx("button",{onClick:n,disabled:a,className:"text-emerald-400 hover:text-emerald-200 disabled:opacity-50 transition-colors cursor-pointer disabled:cursor-not-allowed",title:"Dismiss",children:e.jsxs("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[e.jsx("line",{x1:"18",y1:"6",x2:"6",y2:"18"}),e.jsx("line",{x1:"6",y1:"6",x2:"18",y2:"18"})]})})]})]})}function hn(t,s){return s.status==="error"?{url:null,proxyUrl:null,isStarting:!1,error:s.errorMessage||"Dev server crashed",canStartServer:t.canStartServer,autoStartAttempted:t.autoStartAttempted,shouldAutoStart:!1}:s.url?{url:s.url,proxyUrl:s.proxyUrl||null,isStarting:!1,error:null,canStartServer:!0,autoStartAttempted:t.autoStartAttempted,shouldAutoStart:!1}:s.status==="starting"?{...t,isStarting:!0,error:null,canStartServer:!0,shouldAutoStart:!1}:s.status==="stopped"?t.url?{...t,url:null,isStarting:!1,shouldAutoStart:!1}:t.autoStartAttempted?{...t,isStarting:!1,shouldAutoStart:!1}:{...t,autoStartAttempted:!0,shouldAutoStart:!0}:{...t,shouldAutoStart:!1}}function un(t){const[s,n]=r.useState({url:null,proxyUrl:null,isStarting:!1,error:null,canStartServer:!0,autoStartAttempted:!1}),a=r.useRef(s);a.current=s,r.useEffect(()=>{let o=!1,l=null;const d=async()=>{try{const N=await fetch("/api/editor-dev-server");if(o)return;const y=await N.json(),k=hn(a.current,y),{shouldAutoStart:g,...E}=k;if(n(E),g&&!(t!=null&&t.skipAutoStart))try{const f=await fetch("/api/editor-dev-server",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({action:"start"})});if(o)return;f.ok?n(F=>({...F,isStarting:!0})):n(F=>({...F,canStartServer:!1}))}catch{}}catch{}};return d(),l=setInterval(()=>void d(),2e3),()=>{o=!0,l&&clearInterval(l)}},[s.url]);const c=r.useCallback(()=>{n(o=>({...o,error:null,isStarting:!0})),fetch("/api/editor-dev-server",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({action:"restart"})}).catch(()=>{})},[]),i=r.useCallback(()=>{n(o=>({...o,error:null,isStarting:!0})),fetch("/api/editor-dev-server",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({action:"start"})}).catch(()=>{})},[]);return{devServerUrl:s.url,proxyUrl:s.proxyUrl,isStarting:s.isStarting,error:s.error,canStartServer:s.canStartServer,retryServer:c,startServer:i}}function fn(t){const s=r.useRef(null),n=r.useRef(null);r.useEffect(()=>{if(typeof document>"u")return;n.current||(n.current=document.createElement("canvas"),n.current.width=64,n.current.height=64);const a=document.querySelector('link[rel="icon"]');if(!a)return;if(s.current||(s.current=a.href),!t){a.href=s.current;return}const c=new Image;c.crossOrigin="anonymous",c.onload=()=>{const i=n.current,o=i.getContext("2d");o.clearRect(0,0,64,64);const l=56,d=(64-l)/2;o.drawImage(c,d,d,l,l);const N=12,y=64-N-1,k=N+1;o.beginPath(),o.arc(y,k,N+3,0,2*Math.PI),o.fillStyle="#ffffff",o.fill(),o.beginPath(),o.arc(y,k,N,0,2*Math.PI),o.fillStyle="#ef4444",o.fill(),a.href=i.toDataURL("image/png")},c.src=s.current},[t]),r.useEffect(()=>()=>{if(typeof document>"u")return;const a=document.querySelector('link[rel="icon"]');a&&s.current&&(a.href=s.current)},[])}function In({currentUrl:t,nextUrl:s,formMethod:n,defaultShouldRevalidate:a}){return n||t.pathname===s.pathname?a:t.pathname.startsWith("/editor")&&s.pathname.startsWith("/editor")?!1:a}const Mn=()=>[{title:"Editor - CodeYam"},{name:"description",content:"CodeYam Code + Data Editor"}];class gn extends r.Component{constructor(){super(...arguments);bt(this,"state",{error:null,errorInfo:null})}static getDerivedStateFromError(n){return{error:n,errorInfo:null}}componentDidCatch(n,a){console.error("[EditorErrorBoundary] Error:",n.message),console.error("[EditorErrorBoundary] Component stack:",a.componentStack),console.error("[EditorErrorBoundary] Loader snapshot:",JSON.stringify(this.props.loaderSnapshot,null,2)),this.setState({errorInfo:a})}render(){var n;return this.state.error?e.jsx("div",{className:"fixed inset-0 bg-[#1e1e1e] flex items-center justify-center p-8",children:e.jsxs("div",{className:"max-w-[600px] w-full space-y-4",children:[e.jsx("h2",{className:"text-lg font-semibold text-red-400 font-['IBM_Plex_Sans'] m-0",children:"Something went wrong"}),e.jsx("pre",{className:"text-xs text-gray-300 bg-[#2d2d2d] p-3 rounded overflow-auto max-h-[120px]",children:this.state.error.message}),((n=this.state.errorInfo)==null?void 0:n.componentStack)&&e.jsxs("details",{className:"text-xs text-gray-500",children:[e.jsx("summary",{className:"cursor-pointer hover:text-gray-300 transition-colors",children:"Component stack"}),e.jsx("pre",{className:"mt-2 bg-[#2d2d2d] p-3 rounded overflow-auto max-h-[200px] text-yellow-300",children:this.state.errorInfo.componentStack})]}),e.jsx("p",{className:"text-xs text-gray-500 m-0",children:"Full diagnostics are in the browser console."}),e.jsx("button",{onClick:()=>window.location.reload(),className:"px-4 py-2 bg-[#005c75] text-white text-sm rounded hover:bg-[#004d63] transition-colors cursor-pointer",children:"Reload"})]})}):this.props.children}}const $n=ms(function(){const{projectSlug:s,projectRoot:n,hasProject:a,scenarios:c,allScenarios:i,analyzedEntities:o,allEntities:l,glossaryFunctions:d,glossaryEntries:N,entityImports:y,pageFilePaths:k,entityChangeStatus:g,modifiedFiles:E,featureName:f,userPrompt:F,projectTitle:_,projectDescription:L,defaultScreenSize:O,screenSizes:D,editorStep:S,editorStepLabel:I,claudeSessionId:W,focusedEntitySha:p,newerEntitySha:m,focusedEntity:b,migrationMode:h,migrationState:v}=xs(),[w,M]=ps(),A=hs(),C=r.useRef(null),K=r.useRef(null),fe=r.useRef(null),[ge,Pe]=r.useState(p);r.useEffect(()=>{Pe(p)},[p]);const ee=r.useMemo(()=>en(ge,l,i),[ge,l,i]),P=(ee==null?void 0:ee.displayName)??void 0,$=w.get("scenario")||void 0,[J,V]=r.useState(()=>P?[P]:[]),R=r.useRef(null),se=r.useRef([]),ae=r.useRef(null);r.useEffect(()=>{var H;const x=$||((H=bs(i))==null?void 0:H.id);if(!ys(x,R.current))return;const j=i.find(te=>te.id===x);if(!j)return;R.current=x;const T=Ye(j,se.current,ae.current);T&&ce(T);const U=Ke(j.name);fetch("/api/editor-switch-scenario",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({scenarioSlug:U,scenarioId:j.id,scenarioName:j.name,scenarioType:j.type})}).catch(()=>{})},[$,i]),r.useEffect(()=>{const x=new BroadcastChannel("codeyam-editor");return x.onmessage=j=>{var T;if(((T=j.data)==null?void 0:T.type)==="switch-scenario"&&j.data.scenarioId){const U=j.data.scenarioId,H=i.find(qe=>qe.id===U);if(!H)return;R.current=U;const te=new URLSearchParams(w);te.set("scenario",U),te.delete("zoom"),M(te),u(null),B(null),ie(null),ve(!0);const Ve=Ke(H.name);fetch("/api/editor-switch-scenario",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({scenarioSlug:Ve,scenarioId:U,scenarioType:H.type})}).then(()=>{Z(!1),Me(qe=>qe+1)}).catch(()=>{ve(!1)})}},()=>x.close()},[w,M,i]),r.useEffect(()=>{if(w.get("ref")!=="link"||!$)return;const x=new BroadcastChannel("codeyam-editor");x.postMessage({type:"switch-scenario",scenarioId:$}),x.close(),window.close()},[]);const{devServerUrl:G,proxyUrl:le,isStarting:ne,error:re,canStartServer:je,retryServer:Ee,startServer:Te}=un({skipAutoStart:h==="candidate"||h==="active"}),[be,Z]=r.useState(!1),[q,u]=r.useState(null),[z,B]=r.useState(null),[_e,tt]=r.useState(!1),[Le,ie]=r.useState(null),Lt=r.useCallback(async x=>{const T=await(await fetch("/api/editor-load-commit",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({commitSha:x})})).json();return T.success&&(ie(null),Z(!1)),T},[]),Ft=r.useCallback((x,j)=>{B(T=>(x&&x!==T&&Z(!1),x)),!j&&x&&Z(!0),tt(j)},[]),st=r.useCallback(x=>{ie(null),u(T=>(T&&T.analysisId===x.analysisId||(B(null),Me(H=>H+1)),x)),tt(!0),Z(!1);const j=new URLSearchParams(w);j.delete("scenario"),j.delete("zoom"),M(j)},[w,M]),[Y,ce]=r.useState(O?{name:O.name,width:O.width,height:O.height}:{name:"Desktop",width:1440,height:900}),[nt,at]=r.useState(!1),rt=O?{name:O.name,width:O.width,height:O.height}:null;ae.current=rt;const it=us(),X=r.useMemo(()=>{const x=it.pathname.split("/").filter(Boolean),j=x[x.length-1];return j==="build"||j==="journal"?j:j==="structure"?"data":"app"},[it.pathname]),Q=r.useCallback(x=>{const j=x==="app"?"":`/${x==="data"?"structure":x}`,T=w.get("scenario"),U=T?`?scenario=${T}`:"";A(`/editor${j}${U}`)},[A,w]),Dt=r.useCallback(()=>{Q("build"),de(!0)},[Q]),Ot=r.useCallback(()=>{Q("build"),de(!0),setTimeout(()=>{var x;(x=C.current)==null||x.sendInput("codeyam editor migrate")},300)},[Q]),[Bt,de]=r.useState(X==="build"),zt=!!(f&&S),[Ie,Fe]=r.useState(zt?"pending":"no-session");r.useEffect(()=>{Ie==="pending"&&(Q("build"),de(!0))},[Ie,Q]);const Ut=r.useCallback(()=>{Fe("continue")},[]),Wt=r.useCallback(()=>{fetch("/api/editor-session",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({action:"clear"})}).catch(()=>{}),Fe("fresh")},[]),Ht=r.useCallback(()=>{fetch("/api/editor-session",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({action:"clear"})}).catch(()=>{}),Fe("fresh"),Q("app")},[Q]),[De,Oe]=r.useState(!1),Jt=r.useCallback(x=>{Oe(x)},[]);fn(De);const[ye,ot]=r.useState("split"),[Be,lt]=r.useState(!1),Gt=r.useCallback(()=>{lt(!0),Q("build"),de(!0)},[Q]),ct=r.useCallback(()=>{lt(!1)},[]),Vt=r.useCallback(x=>{ce(x),fetch("/api/editor-project-info",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({defaultScreenSize:x,skipBroadcast:!0})})},[]),[dt,mt]=r.useState(vs);r.useEffect(()=>{const x=Ns();mt(x),x.systemNotification&&typeof Notification<"u"&&Notification.permission==="default"&&Notification.requestPermission()},[]);const qt=r.useCallback(x=>{mt(x),ws(x)},[]);r.useEffect(()=>{if(X==="build"){Oe(!1);const x=setTimeout(()=>{var j,T;(j=C.current)==null||j.scrollToBottom(),(T=C.current)==null||T.focus()},50);return()=>clearTimeout(x)}},[X]),r.useEffect(()=>{function x(){!document.hidden&&X==="build"&&Oe(!1)}return document.addEventListener("visibilitychange",x),()=>document.removeEventListener("visibilitychange",x)},[X]);const[ze,Yt]=r.useState(null);r.useEffect(()=>{const x=fe.current;if(!x)return;const j=new ResizeObserver(T=>{const U=T[0];U&&Yt({width:U.contentRect.width,height:U.contentRect.height})});return j.observe(x),()=>j.disconnect()},[]);const me=r.useMemo(()=>ze?Ss(ze,Y):1,[ze,Y]),[Ue,Me]=r.useState(0),[xt,We]=r.useState(null),[pt,ve]=r.useState(!1),[Kt,$e]=r.useState(!1),[Xt,ht]=r.useState(!1),Qt=r.useCallback(()=>{$e(!0)},[]),ut=r.useCallback(async x=>{ht(!0);try{const T=await(await fetch("/api/editor-save-seed-state",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({mode:x})})).json();T.success?$e(!1):console.error("[editor] Save seed state failed:",T.error)}catch(j){console.error("[editor] Save seed state error:",j)}finally{ht(!1)}},[]),Zt=r.useCallback((x,j)=>{if(We(x||null),j){const T=new URLSearchParams(w);T.set("scenario",j),R.current=j,M(T);const U=i.find(H=>H.id===j);if(U){const H=Ye(U,se.current,ae.current);H&&ce(H)}}ie(null),Z(!1),Me(T=>T+1)},[w,M,i]),{customSizes:He,addCustomSize:es,removeCustomSize:ts}=gs(s),Je=r.useMemo(()=>$s(D),[D]),Ge=r.useMemo(()=>[...Je,...He],[Je,He]);se.current=Ge;const ft=r.useMemo(()=>{const x=new Map;for(const j of l){x.set(j.name,j.sha);const T=he(pe(j.filePath));T!==j.name&&x.set(T,j.sha)}return x},[l]),ss=r.useMemo(()=>{const x=[{name:"App"}];for(const j of J)x.push({name:j,componentName:j,entitySha:ft.get(j)});return x},[J,ft]),gt=r.useCallback((x,j)=>{if(!x){V([]),Pe(null);const te=w.get("scenario"),Ve=te?`?scenario=${te}`:"";A(`/editor${Ve}`);return}if(!j){console.error(`[editor] No entity SHA for "${x}" — entity missing from database`);return}const T=J.indexOf(x);T>=0?V(J.slice(0,T+1)):V([...J,x]);const U=i.find(te=>te.entitySha===j);Pe(j);const H=U?`?scenario=${U.id}`:"";A(`/editor/entity/${j}${H}`)},[A,i,J,w]),Ne=r.useCallback(x=>{u(null),B(null),ie(null),We(null);const j=Ye(x,Ge,rt);j&&ce(j),R.current=x.id;const T=new URLSearchParams(w);T.set("scenario",x.id),M(T),ve(!0),$e(!1);const U=Ke(x.name);fetch("/api/editor-switch-scenario",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({scenarioSlug:U,scenarioId:x.id,scenarioType:x.type,skipBroadcast:!0})}).then(()=>{Z(!1),Me(H=>H+1)}).catch(()=>{ve(!1)})},[w,M,Ge]),ns=r.useCallback(x=>{if(!x.commitSha){const j=i.find(T=>T.name===x.scenarioName);if(j){Ne(j);return}}ie(x)},[i,Ne]),as=x=>{const j={name:x.name,width:x.width,height:x.height};ce(j),fetch("/api/editor-project-info",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({defaultScreenSize:j,skipBroadcast:!0})})},rs=(x,j,T)=>{es(x,j,T)},is=x=>{ce(x),fetch("/api/editor-project-info",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({defaultScreenSize:x,skipBroadcast:!0})})},os=()=>{q||Z(!0),ve(!1)},we=r.useMemo(()=>ks({activeAnalyzedScenario:!!q,analyzedPreviewUrl:z,activeScenarioId:$||null,scenarios:i,proxyUrl:le,devServerUrl:G,zoomComponent:P||null}),[le,G,P,$,i,q,z]),jt=r.useMemo(()=>{const x=Cs(we,xt);if(!x)return null;const j=x.includes("?")?"&":"?";return`${x}${j}__cb=${Ue}`},[we,xt,Ue]),ls=r.useMemo(()=>({projectSlug:s,hasProject:a,scenarioCount:c==null?void 0:c.length,allScenarioCount:i==null?void 0:i.length,analyzedEntityCount:o==null?void 0:o.length,glossaryFunctionCount:d==null?void 0:d.length,entityChangeStatusKeys:g?Object.keys(g):[],featureName:f}),[s,a,c,i,o,d,g,f]);return e.jsxs(e.Fragment,{children:[e.jsx(gn,{loaderSnapshot:ls,children:e.jsxs("div",{className:"fixed inset-0 bg-[#2d2d2d] flex flex-col",children:[q&&e.jsx(xn,{analysisId:q.analysisId,scenarioId:q.scenarioId,scenarioName:q.scenarioName,entityName:q.entityName,projectSlug:s,onStateChange:Ft},q.analysisId),e.jsxs("div",{className:"flex-1 flex min-h-0",children:[e.jsxs("div",{className:"flex-1 flex flex-col min-w-0",style:ye==="editor-only"?{display:"none"}:void 0,children:[e.jsxs("div",{className:"bg-[#2d2d2d] border-b border-[#3d3d3d] shrink-0 z-10 h-10 flex items-center px-4 relative",children:[e.jsx("div",{className:"flex items-center gap-1 shrink-0 z-10",children:e.jsx("button",{onClick:()=>ot(x=>x==="preview-only"?"split":"preview-only"),className:"p-1.5 rounded text-gray-500 hover:text-gray-300 transition-colors cursor-pointer",title:ye==="preview-only"?"Show sidebar":"Hide sidebar",children:e.jsxs("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round",children:[e.jsx("rect",{x:"3",y:"3",width:"18",height:"18",rx:"2"}),e.jsx("path",{d:"M9 3v18"})]})})}),e.jsx("div",{className:"absolute inset-0 flex items-center justify-center gap-1 pointer-events-none",children:e.jsxs("div",{className:"flex items-center gap-1 pointer-events-auto",children:[Re.map(x=>e.jsxs("button",{onClick:()=>as(x),className:`p-1.5 rounded transition-colors cursor-pointer ${Y.name===x.name?"text-white bg-[#555]":"text-gray-500 hover:text-gray-300"}`,title:`${x.name} (${x.width}×${x.height})`,children:[x.name==="Desktop"&&e.jsxs("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round",children:[e.jsx("rect",{x:"2",y:"3",width:"20",height:"14",rx:"2"}),e.jsx("path",{d:"M8 21h8M12 17v4"})]}),x.name==="Laptop"&&e.jsxs("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round",children:[e.jsx("path",{d:"M4 6a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v8H4V6z"}),e.jsx("path",{d:"M2 18h20"})]}),x.name==="Tablet"&&e.jsxs("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round",children:[e.jsx("rect",{x:"5",y:"2",width:"14",height:"20",rx:"2"}),e.jsx("path",{d:"M12 18h.01"})]}),x.name==="Mobile"&&e.jsxs("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round",children:[e.jsx("rect",{x:"7",y:"2",width:"10",height:"20",rx:"2"}),e.jsx("path",{d:"M12 18h.01"})]})]},x.name)),e.jsxs("div",{className:"relative",children:[e.jsxs("button",{onClick:()=>at(x=>!x),className:`flex items-center gap-1.5 px-2 py-1 rounded transition-colors cursor-pointer ${nt||!Re.some(x=>x.name===Y.name)?"text-white bg-[#555]":"text-gray-400 hover:text-gray-200 hover:bg-[#444]"}`,title:"Custom dimensions",children:[e.jsx("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round",children:e.jsx("path",{d:"M17 3a2.83 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5L17 3z"})}),e.jsxs("span",{className:"text-xs font-mono",children:[Y.width," ×"," ",Y.height??900]})]}),nt&&e.jsx(js,{currentWidth:Y.width,currentHeight:Y.height??900,devicePresets:Je,customSizes:He,onApply:is,onSave:rs,onRemove:ts,onClose:()=>at(!1)})]})]})}),e.jsx("div",{className:"ml-auto flex items-center gap-1 shrink-0 z-10",children:e.jsx("button",{onClick:()=>{const x=jt||we;x&&window.open(x,"_blank")},className:"p-1.5 rounded text-gray-500 hover:text-gray-300 transition-colors cursor-pointer",title:"Open preview in new window",children:e.jsxs("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round",children:[e.jsx("path",{d:"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"}),e.jsx("polyline",{points:"15 3 21 3 21 9"}),e.jsx("line",{x1:"10",y1:"14",x2:"21",y2:"3"})]})})})]}),Kt&&e.jsx(pn,{onSaveToCurrent:()=>void ut("overwrite"),onSaveAsNew:()=>void ut("new"),onDismiss:()=>$e(!1),isSaving:Xt}),e.jsx("div",{ref:fe,className:"flex-1 flex items-center justify-center overflow-hidden p-8",style:Le?{backgroundColor:"#f5f0e8",backgroundImage:"repeating-linear-gradient(0deg, transparent, transparent 19px, #e8e0d0 19px, #e8e0d0 20px), repeating-linear-gradient(90deg, transparent, transparent 19px, #e8e0d0 19px, #e8e0d0 20px)"}:{backgroundImage:`
+              linear-gradient(45deg, #333 25%, transparent 25%),
+              linear-gradient(-45deg, #333 25%, transparent 25%),
+              linear-gradient(45deg, transparent 75%, #333 75%),
+              linear-gradient(-45deg, transparent 75%, #333 75%)
+            `,backgroundSize:"16px 16px",backgroundPosition:"0 0, 0 8px, 8px -8px, -8px 0px",backgroundColor:"#2d2d2d"},children:Le?e.jsx(dn,{preview:Le,onDismiss:()=>ie(null),onLoadCommit:Lt}):we?e.jsx("div",{style:{width:`${Y.width*me}px`,height:`${(Y.height??900)*me}px`},children:e.jsxs("div",{className:"relative bg-white origin-top-left",style:{width:`${Y.width}px`,height:`${Y.height??900}px`,transform:me<1?`scale(${me})`:void 0},children:[!be&&!pt&&e.jsx("div",{className:"absolute inset-0 flex items-center justify-center z-10",children:e.jsxs("div",{className:"flex flex-col items-center justify-center gap-6 bg-[#2a2a2a] rounded-lg p-8 w-[500px] h-[300px]",children:[e.jsx("div",{className:"mb-4",children:e.jsx(yt,{})}),e.jsxs("div",{className:"flex flex-col gap-3 text-center",children:[e.jsx("h2",{className:"text-xl font-medium text-gray-200 leading-[28px] m-0 font-['IBM_Plex_Sans']",children:"Loading Preview"}),e.jsx("p",{className:"text-sm text-gray-400 leading-5 m-0 font-['IBM_Plex_Sans']",children:"Waiting for the app to render"})]})]})}),pt&&e.jsx("div",{className:"absolute inset-0 z-20 flex items-center justify-center",style:{backgroundColor:"rgba(0, 0, 0, 0.25)",backdropFilter:"blur(1px)",transition:"opacity 200ms ease-out"},children:e.jsxs("div",{className:"flex flex-col items-center gap-3 animate-pulse",children:[e.jsx("svg",{className:"w-6 h-6 text-white/80 animate-spin",viewBox:"0 0 24 24",fill:"none",children:e.jsx("circle",{cx:"12",cy:"12",r:"10",stroke:"currentColor",strokeWidth:"3",strokeLinecap:"round",strokeDasharray:"50 100"})}),e.jsx("span",{className:"text-white/70 text-xs font-['IBM_Plex_Sans']",children:"Switching scenario"})]})}),e.jsx("iframe",{ref:K,src:jt||we,className:"w-full h-full border-none",title:"Editor preview",onLoad:os,style:{opacity:be?1:0}},Ue)]})}):e.jsx("div",{className:"bg-[#2a2a2a] rounded-lg flex flex-col items-center justify-center",style:{width:`${Y.width*me}px`,height:`${(Y.height??900)*me}px`},children:re?e.jsxs("div",{className:"flex flex-col gap-4 text-center px-8 max-w-[600px]",children:[e.jsx("h2",{className:"text-xl font-medium text-red-400 leading-[28px] m-0 font-['IBM_Plex_Sans']",children:"Dev Server Failed"}),e.jsx("pre",{className:"text-xs text-left bg-[#1e1e1e] text-gray-300 p-4 rounded overflow-auto max-h-[300px] w-full font-mono whitespace-pre-wrap",children:re}),e.jsx("button",{onClick:Ee,className:"mx-auto px-4 py-2 bg-[#005c75] text-white text-sm font-medium rounded hover:bg-[#004d63] transition-colors cursor-pointer",children:"Retry"})]}):ne||_e?e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"mb-4",children:e.jsx(yt,{})}),e.jsxs("div",{className:"flex flex-col gap-3 text-center",children:[e.jsx("h2",{className:"text-xl font-medium text-gray-200 leading-[28px] m-0 font-['IBM_Plex_Sans']",children:_e?"Starting Interactive Mode":"Starting Dev Server"}),e.jsx("p",{className:"text-sm text-gray-400 leading-5 m-0 font-['IBM_Plex_Sans']",children:_e?"Loading component preview...":"Your dev server is starting up..."})]})]}):e.jsxs("div",{className:"flex flex-col gap-3 text-center px-8",children:[e.jsx("h2",{className:"text-xl font-medium text-gray-200 leading-[28px] m-0 font-['IBM_Plex_Sans']",children:"Live Preview"}),e.jsx("p",{className:"text-sm text-gray-500 leading-5 m-0 font-['IBM_Plex_Sans']",children:"Describe what you want to build in the Build tab"})]})})})]}),e.jsxs("aside",{className:`bg-[#1e1e1e] border-r border-[#3d3d3d] shrink-0 flex flex-col overflow-hidden order-first ${ye==="editor-only"?"w-full max-w-none min-w-0":"w-[50%] min-w-[400px] max-w-[800px]"}`,style:ye==="preview-only"?{display:"none"}:void 0,children:[m&&ee&&e.jsxs("div",{className:"px-3 py-2 text-xs flex items-center justify-between",style:{background:"#2a1f00",borderBottom:"1px solid #3d2e00",color:"#f0c040"},children:[e.jsxs("span",{children:["Viewing an older version of"," ",e.jsx("strong",{children:ee.name}),". A newer version exists."]}),e.jsx("a",{href:`/editor/entity/${m}`,className:"px-2 py-0.5 rounded text-xs",style:{background:"#3d2e00",color:"#f0c040",textDecoration:"none"},children:"View latest"})]}),e.jsx(cn,{activeTab:X,onTabChange:x=>{Q(x),x==="build"&&de(!0)},buildIdle:De,panelLayout:ye,onToggleExpand:()=>ot(x=>x==="editor-only"?"split":"editor-only")}),e.jsxs("div",{className:"flex-1 overflow-hidden relative",children:[De&&X!=="build"&&e.jsxs("div",{className:"absolute top-3 left-1/2 -translate-x-1/2 z-50 animate-[slideDown_0.3s_ease-out]",children:[e.jsx("style",{children:`
+                    @keyframes slideDown {
+                      from { transform: translate(-50%, -100%); opacity: 0; }
+                      to { transform: translate(-50%, 0); opacity: 1; }
+                    }
+                  `}),e.jsxs("button",{onClick:()=>{Q("build"),de(!0)},className:"flex items-center gap-2 px-4 py-2 bg-amber-50 border-2 border-amber-300 rounded-lg shadow-lg cursor-pointer hover:bg-amber-100 transition-colors",children:[e.jsx("span",{className:"inline-block w-2 h-2 rounded-full bg-amber-400 animate-pulse"}),e.jsx("span",{className:"text-sm font-medium text-amber-900",children:"Claude is waiting for you"}),e.jsx("span",{className:"text-xs text-amber-600 ml-1",children:"Go to Build"})]})]}),Bt&&e.jsxs("div",{className:"absolute inset-0 flex flex-col overflow-hidden",style:{visibility:X==="build"?"visible":"hidden"},children:[e.jsx("div",{className:Be?"flex-1 min-h-0":"flex-1",style:Be?{flex:"1 1 50%"}:void 0,children:Ie==="pending"?e.jsx(Rs,{featureName:f,editorStep:S,editorStepLabel:I,onContinue:Ut,onStartFresh:Wt,onReview:Ht}):e.jsx(Ps,{ref:C,entityName:"Editor",projectSlug:s,entityFilePath:null,scenarioName:null,onRefreshPreview:Zt,onShowResults:Gt,onHideResults:ct,onSetViewport:Vt,onDataMutationForwarded:Qt,editorMode:!0,onIdleChange:Jt,notificationSettings:dt,buildTabActive:X==="build",claudeStartMode:Ie==="continue"?"resume":"fresh",claudeSessionId:W})}),Be&&e.jsx("div",{style:{flex:"1 1 50%"},className:"min-h-0 border-t-2 border-gray-300",children:e.jsx(on,{scenarios:c,allScenarios:i,glossaryFunctions:d,projectRoot:n,activeScenarioId:$,onScenarioSelect:Ne,onClose:ct,entityChangeStatus:g,modifiedFiles:E,featureName:f,userPrompt:F})})]}),e.jsx("div",{className:"absolute inset-0 flex flex-col overflow-hidden",style:{visibility:X==="app"?"visible":"hidden"},children:e.jsx(nn,{hasProject:a,scenarios:i,analyzedEntities:o,allEntities:l,glossaryFunctions:d,glossaryEntries:N,projectRoot:n,activeScenarioId:$,onScenarioSelect:Ne,onAnalyzedScenarioSelect:st,onSwitchToBuild:Dt,zoomComponent:P,focusedEntity:ee,onZoomChange:gt,entityImports:y,pageFilePaths:k,projectTitle:_,projectDescription:L,breadcrumbItems:ss,migrationMode:h,migrationState:v,onStartMigration:Ot})}),e.jsx("div",{className:"absolute inset-0 flex flex-col overflow-hidden",style:{visibility:X==="data"?"visible":"hidden"},children:e.jsx(As,{scenarios:i,projectRoot:n,activeScenarioId:$,onScenarioSelect:Ne,zoomComponent:P,focusedEntity:ee,onZoomChange:gt,analyzedEntities:[],glossaryFunctions:d,activeAnalyzedScenarioId:q==null?void 0:q.scenarioId,onAnalyzedScenarioSelect:st,entityImports:y,pageFilePaths:k})}),e.jsx("div",{className:"absolute inset-0 flex flex-col overflow-hidden",style:{visibility:X==="journal"?"visible":"hidden"},children:e.jsx(Gs,{isActive:X==="journal",onScreenshotClick:ns,glossaryFunctions:d})})]}),e.jsx(Es,{serverUrl:G,isStarting:ne,projectSlug:s,devServerError:re,onStartServer:je?Te:void 0,notificationSettings:dt,onChangeNotificationSettings:qt})]})]})]})}),e.jsx(fs,{})]})});export{$n as default,Mn as meta,In as shouldRevalidate};

package/codeyam-cli/src/webserver/build/client/assets/editorPreview-DBa7T2FK.js

@@ -0,0 +1,41 @@
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/addon-web-links-74hnHF59.js","assets/chunk-JZWAC4HX-BBXArFPl.js"])))=>i.map(i=>d[i]);
+var xe=Object.defineProperty;var he=(r,e,o)=>e in r?xe(r,e,{enumerable:!0,configurable:!0,writable:!0,value:o}):r[e]=o;var G=(r,e,o)=>he(r,typeof e!="symbol"?e+"":e,o);import{j as l}from"./jsx-runtime-D_zvdyIk.js";import{r as u}from"./chunk-JZWAC4HX-BBXArFPl.js";import{_ as V}from"./preload-helper-ckwbz45p.js";const P={sound:"soft-double-tap",systemNotification:!0},ye=[{id:"soft-double-tap",label:"Soft double tap"},{id:"gentle-chime",label:"Gentle chime"},{id:"warm-ding",label:"Warm ding"},{id:"mellow-two-tone",label:"Mellow two-tone"},{id:"triangle-bell",label:"Triangle bell"},{id:"off",label:"No sound"}],ie="codeyam-editor-notifications";function _e(){try{const r=localStorage.getItem(ie);if(!r)return P;const e=JSON.parse(r);return typeof e=="string"?e==="true"?P:{...P,sound:"off",systemNotification:!1}:{...P,...e}}catch{return P}}function Oe(r){localStorage.setItem(ie,JSON.stringify(r))}function se(r){var e;if(r!=="off")try{const o=new AudioContext,a={"soft-double-tap":t=>{[0,.12].forEach(n=>{const i=t.createOscillator(),g=t.createGain();i.connect(g),g.connect(t.destination),i.type="sine",i.frequency.value=392,g.gain.setValueAtTime(.25,t.currentTime+n),g.gain.exponentialRampToValueAtTime(.01,t.currentTime+n+.1),i.start(t.currentTime+n),i.stop(t.currentTime+n+.1)})},"gentle-chime":t=>{const n=t.createOscillator(),i=t.createGain();n.connect(i),i.connect(t.destination),n.type="sine",n.frequency.setValueAtTime(523,t.currentTime),n.frequency.setValueAtTime(659,t.currentTime+.15),i.gain.setValueAtTime(.3,t.currentTime),i.gain.exponentialRampToValueAtTime(.01,t.currentTime+.4),n.start(),n.stop(t.currentTime+.4)},"warm-ding":t=>{const n=t.createOscillator(),i=t.createGain();n.connect(i),i.connect(t.destination),n.type="sine",n.frequency.value=330,i.gain.setValueAtTime(.35,t.currentTime),i.gain.exponentialRampToValueAtTime(.01,t.currentTime+.6),n.start(),n.stop(t.currentTime+.6)},"mellow-two-tone":t=>{const n=t.createOscillator(),i=t.createGain();n.connect(i),i.connect(t.destination),n.type="sine",n.frequency.setValueAtTime(294,t.currentTime),n.frequency.setValueAtTime(440,t.currentTime+.18),i.gain.setValueAtTime(.3,t.currentTime),i.gain.exponentialRampToValueAtTime(.01,t.currentTime+.5),n.start(),n.stop(t.currentTime+.5)},"triangle-bell":t=>{const n=t.createOscillator(),i=t.createGain();n.connect(i),i.connect(t.destination),n.type="triangle",n.frequency.value=523,i.gain.setValueAtTime(.4,t.currentTime),i.gain.exponentialRampToValueAtTime(.01,t.currentTime+.8),n.start(),n.stop(t.currentTime+.8)}};(e=a[r])==null||e.call(a,o)}catch{}}function Re({serverUrl:r,isStarting:e,projectSlug:o,devServerError:a,onStartServer:t,notificationSettings:n,onChangeNotificationSettings:i}){const[g,S]=u.useState(null),[m,w]=u.useState(!1),E=u.useRef(null),A=u.useRef(null);u.useEffect(()=>{if(!o)return;const x=new EventSource("/api/dev-mode-events");return x.onmessage=_=>{try{const j=JSON.parse(_.data);j.type==="file-synced"&&(S(j.fileName),A.current&&clearTimeout(A.current),A.current=setTimeout(()=>{S(null)},5e3))}catch{}},()=>{x.close(),A.current&&clearTimeout(A.current)}},[o]),u.useEffect(()=>{if(!m)return;function x(_){E.current&&!E.current.contains(_.target)&&w(!1)}return document.addEventListener("mousedown",x),()=>document.removeEventListener("mousedown",x)},[m]);let N;a?N="error":e?N="starting":r?N="running":N="stopped";const k={starting:"bg-yellow-400",running:"bg-green-400",stopped:"bg-gray-400",error:"bg-red-400"},I={starting:"Starting...",running:r||"Running",stopped:"Stopped",error:"Error"},R=n&&(n.sound!=="off"||n.systemNotification);return l.jsxs("div",{className:"bg-[#1e1e1e] border-t border-[#3d3d3d] h-7 flex items-center px-4 gap-4 shrink-0 text-xs font-mono",children:[l.jsxs("div",{className:"flex items-center gap-2",children:[l.jsx("div",{className:`w-2 h-2 rounded-full ${k[N]}`}),l.jsxs("span",{className:"text-gray-400",children:["Server:"," ",l.jsx("span",{className:"text-gray-300",children:I[N]})]}),(N==="stopped"||N==="error")&&t&&l.jsx("button",{onClick:t,className:"ml-1 px-2.5 py-0.5 bg-[#005c75] hover:bg-[#007a9a] text-white text-[11px] font-medium rounded transition-colors cursor-pointer border-none leading-tight",children:"Start Server"})]}),l.jsx("div",{className:"w-px h-3 bg-[#3d3d3d]"}),g&&l.jsxs(l.Fragment,{children:[l.jsxs("div",{className:"flex items-center gap-1.5",children:[l.jsx("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"#4ade80",strokeWidth:"2",children:l.jsx("path",{d:"M20 6L9 17l-5-5"})}),l.jsxs("span",{className:"text-green-400",children:["Synced: ",g]})]}),l.jsx("div",{className:"w-px h-3 bg-[#3d3d3d]"})]}),l.jsx("div",{className:"flex-1"}),i&&n&&l.jsxs("div",{className:"relative",ref:E,children:[l.jsx("button",{onClick:()=>w(!m),className:`text-[11px] rounded transition-colors cursor-pointer ${R?"text-green-400 hover:text-green-300":"text-gray-500 hover:text-gray-300"}`,children:R?"Notifications On":"Notifications Off"}),m&&l.jsxs("div",{className:"absolute bottom-full right-0 mb-2 w-56 bg-[#2d2d2d] border border-[#4d4d4d] rounded-lg shadow-xl p-3 flex flex-col gap-3 z-50",children:[l.jsxs("div",{children:[l.jsx("div",{className:"text-[11px] text-gray-400 mb-1.5",children:"Notification sound"}),l.jsx("div",{className:"flex flex-col gap-0.5",children:ye.map(x=>l.jsx("button",{onClick:()=>{i({...n,sound:x.id}),x.id!=="off"&&se(x.id)},className:`text-left text-[11px] px-2 py-1 rounded cursor-pointer transition-colors ${n.sound===x.id?"bg-[#444] text-white":"text-gray-300 hover:bg-[#3a3a3a]"}`,children:x.label},x.id))})]}),l.jsxs("div",{className:"border-t border-[#4d4d4d] pt-2",children:[l.jsxs("label",{className:"flex items-center gap-2 cursor-pointer",children:[l.jsx("input",{type:"checkbox",checked:n.systemNotification,onChange:x=>{const _=x.target.checked;i({...n,systemNotification:_}),_&&typeof Notification<"u"&&Notification.permission==="default"&&Notification.requestPermission()},className:"accent-green-500"}),l.jsx("span",{className:"text-[11px] text-gray-300",children:"System notification"})]}),l.jsx("div",{className:"text-[10px] text-gray-500 mt-1 ml-5",children:"Shows when tab is not visible"})]})]})]})]})}async function ge(r,e){try{const{WebglAddon:a}=await V(async()=>{const{WebglAddon:n}=await import("./addon-webgl-DI8QOUvO.js").then(i=>i.a);return{WebglAddon:n}},[]),t=new a;return t.onContextLoss(()=>{e==null||e("webgl","canvas",new Error("WebGL context lost")),t.dispose(),oe(r).then(n=>{n||e==null||e("canvas","dom",new Error("Canvas fallback failed after context loss"))})}),r.loadAddon(t),{type:"webgl",dispose:()=>t.dispose()}}catch(a){e==null||e("webgl","canvas",a)}const o=await oe(r);return o||(e==null||e("canvas","dom",new Error("Canvas addon failed")),{type:"dom",dispose:()=>{}})}async function oe(r){try{const{CanvasAddon:e}=await V(async()=>{const{CanvasAddon:a}=await import("./addon-canvas-DpzMmAy5.js").then(t=>t.a);return{CanvasAddon:a}},[]),o=new e;return r.loadAddon(o),{type:"canvas",dispose:()=>o.dispose()}}catch{return null}}class we{constructor(e,o){G(this,"deferred",!1);G(this,"actions");G(this,"env");this.actions=e,this.env=o}onIdle(e,o){return o&&this.env.hasBrowserFocus()?(this.deferred=!0,"deferred"):(this.deferred=!1,this.notify(e))}onBuildTabChange(e,o){return!e&&this.deferred?(this.deferred=!1,this.notify(o),!0):!1}onActive(){this.deferred=!1}onUserEngagement(){const e=this.deferred;return this.deferred=!1,e}get isDeferred(){return this.deferred}notify(e){const o=!!(e!=null&&e.sound)&&e.sound!=="off";return o&&this.actions.playSound(e.sound),!this.env.hasBrowserFocus()&&(e!=null&&e.systemNotification)&&this.env.hasNotificationPermission()&&this.actions.showSystemNotification(),o?"played":"played-no-sound"}}const ve=`
+.xterm { cursor: text; position: relative; user-select: none; -ms-user-select: none; -webkit-user-select: none; }
+.xterm.focus, .xterm:focus { outline: none; }
+.xterm .xterm-helpers { position: absolute; top: 0; z-index: 5; }
+.xterm .xterm-helper-textarea { padding: 0; border: 0; margin: 0; position: absolute; opacity: 0; left: -9999em; top: 0; width: 0; height: 0; z-index: -5; white-space: nowrap; overflow: hidden; resize: none; caret-color: transparent !important; clip-path: inset(100%) !important; }
+.xterm .composition-view { background: #000; color: #FFF; display: none; position: absolute; white-space: nowrap; z-index: 1; }
+.xterm .composition-view.active { display: block; }
+.xterm .xterm-viewport { background-color: #000; overflow-y: scroll; cursor: default; position: absolute; right: 0; left: 0; top: 0; bottom: 0; }
+.xterm .xterm-screen { position: relative; }
+.xterm .xterm-screen canvas { position: absolute; left: 0; top: 0; }
+.xterm .xterm-scroll-area { visibility: hidden; }
+.xterm-char-measure-element { display: inline-block; visibility: hidden; position: absolute; top: 0; left: -9999em; line-height: normal; }
+.xterm.enable-mouse-events { cursor: default; }
+.xterm.xterm-cursor-pointer, .xterm .xterm-cursor-pointer { cursor: pointer; }
+.xterm.column-select.focus { cursor: crosshair; }
+.xterm .xterm-accessibility:not(.debug), .xterm .xterm-message { position: absolute; left: 0; top: 0; bottom: 0; right: 0; z-index: 10; color: transparent; pointer-events: none; }
+.xterm .xterm-accessibility-tree:not(.debug) *::selection { color: transparent; }
+.xterm .xterm-accessibility-tree { user-select: text; white-space: pre; }
+.xterm .live-region { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
+.xterm-dim { opacity: 1 !important; }
+.xterm-underline-1 { text-decoration: underline; }
+.xterm-underline-2 { text-decoration: double underline; }
+.xterm-underline-3 { text-decoration: wavy underline; }
+.xterm-underline-4 { text-decoration: dotted underline; }
+.xterm-underline-5 { text-decoration: dashed underline; }
+.xterm-overline { text-decoration: overline; }
+.xterm-strikethrough { text-decoration: line-through; }
+.xterm-screen .xterm-decoration-container .xterm-decoration { z-index: 6; position: absolute; }
+.xterm-screen .xterm-decoration-container .xterm-decoration.xterm-decoration-top-layer { z-index: 7; }
+.xterm-decoration-overview-ruler { z-index: 8; position: absolute; top: 0; right: 0; pointer-events: none; }
+.xterm-decoration-top { z-index: 2; position: relative; }
+`;function be(){let r=document.getElementById("xterm-css");r||(r=document.createElement("style"),r.id="xterm-css",document.head.appendChild(r)),r.textContent=ve}const je=u.forwardRef(function({entityName:e,entityType:o,entitySha:a,entityFilePath:t,scenarioName:n,scenarioDescription:i,analysisId:g,projectSlug:S,onRefreshPreview:m,onShowResults:w,onHideResults:E,onSetViewport:A,editorMode:N,onIdleChange:k,notificationSettings:I,buildTabActive:R,claudeStartMode:x,claudeSessionId:_,onDataMutationForwarded:j},ce){const J=u.useRef(null),z=u.useRef(null),$=u.useRef(null),B=u.useRef(null),q=u.useRef(null),H=u.useRef(!1),M=u.useRef(0),X=u.useRef(!1),v=u.useRef(k);v.current=k;const K=u.useRef(I);K.current=I;const Q=u.useRef(R);Q.current=R;const O=u.useRef(null),L=u.useRef(null);L.current||(L.current=new we({playSound:c=>se(c),showSystemNotification:()=>{O.current&&O.current.close();const c=new Notification("Claude is ready for you",{body:"Claude has finished and is waiting for your input.",tag:"claude-idle"});c.onclick=()=>{window.focus(),c.close()},O.current=c}},{hasBrowserFocus:()=>document.hasFocus(),hasNotificationPermission:()=>typeof Notification<"u"&&Notification.permission==="granted"}));function ae(){O.current&&(O.current.close(),O.current=null)}function Y(){var c,p;ae(),(c=v.current)==null||c.call(v,!1),(p=L.current)==null||p.onUserEngagement()}u.useEffect(()=>{function c(){Y()}function p(){document.hidden||Y()}return window.addEventListener("focus",c),document.addEventListener("visibilitychange",p),()=>{window.removeEventListener("focus",c),document.removeEventListener("visibilitychange",p)}},[]),u.useEffect(()=>{var c;(c=L.current)==null||c.onBuildTabChange(!!R,K.current)},[R]);const le=u.useCallback(()=>{var c;(c=$.current)==null||c.focus()},[]);return u.useImperativeHandle(ce,()=>({sendInput(c){const p=B.current;p&&p.readyState===WebSocket.OPEN&&(p.send(JSON.stringify({type:"input",data:c})),setTimeout(()=>{p.readyState===WebSocket.OPEN&&p.send(JSON.stringify({type:"input",data:"\r"}))},100))},focus(){var c;(c=$.current)==null||c.focus()},scrollToBottom(){var p;const c=(p=J.current)==null?void 0:p.querySelector(".xterm-viewport");c&&(c.scrollTop=c.scrollHeight)}})),u.useEffect(()=>{const c=J.current;if(!c)return;let p=!1;return be(),Promise.all([V(()=>import("./xterm-BqvuqXEL.js"),[]),V(()=>import("./addon-fit-YJmn1quW.js"),[]),V(()=>import("./addon-web-links-74hnHF59.js").then(W=>W.a),__vite__mapDeps([0,1]))]).then(([W,ue,de])=>{if(p)return;const d=new W.Terminal({cursorBlink:!1,cursorInactiveStyle:"none",scrollback:5e3,fontSize:13,fontFamily:"'IBM Plex Mono', 'Menlo', 'Monaco', monospace",theme:{background:"#1e1e1e",foreground:"#d4d4d4",cursor:"#1e1e1e",selectionBackground:"#264f78"},linkHandler:{activate(f,s){try{const y=new URL(s),b=y.searchParams.get("scenario");if(b&&y.pathname.startsWith("/editor")){const T=new BroadcastChannel("codeyam-editor");T.postMessage({type:"switch-scenario",scenarioId:b}),T.close();return}}catch{}window.open(s,"_blank")}}}),U=new ue.FitAddon;d.loadAddon(U),d.loadAddon(new de.WebLinksAddon),d.open(c),d.write("\x1B[?25l");let D=null;ge(d,(f,s,y)=>{console.warn(`[Terminal] Renderer fallback: ${f} → ${s}`,y)}).then(f=>{if(p){f.dispose();return}console.log(`[Terminal] Using ${f.type} renderer`),D=f.dispose}),requestAnimationFrame(()=>{try{U.fit()}catch{}}),$.current=d,d.focus(),setTimeout(()=>d.focus(),100),setTimeout(()=>d.focus(),500);const fe=window.location.protocol==="https:"?"wss:":"ws:",me=window.location.host;function pe(f){const s=new URLSearchParams;return s.set("entityName",e),o&&s.set("entityType",o),a&&s.set("entitySha",a),t&&s.set("entityFilePath",t),n&&s.set("scenarioName",n),i&&s.set("scenarioDescription",i),g&&s.set("analysisId",g),S&&s.set("projectSlug",S),N&&s.set("editorMode","true"),f&&s.set("reconnectId",f),x&&s.set("claudeStartMode",x),_&&s.set("claudeSessionId",_),`${fe}//${me}/ws/terminal?${s.toString()}`}function Z(f){const s=pe(f),y=new WebSocket(s);B.current=y,y.onopen=()=>{M.current=0,X.current=!1,y.send(JSON.stringify({type:"resize",cols:d.cols,rows:d.rows}))},y.onmessage=b=>{var T,ee,te,re,ne;try{const h=JSON.parse(b.data);if(h.type==="session-id"){q.current=h.sessionId;return}if(h.type==="refresh-preview"){m==null||m(h.path,h.scenarioId);return}if(h.type==="show-results"){w==null||w();return}if(h.type==="hide-results"){E==null||E();return}if(h.type==="data-mutation-forwarded"){j==null||j();return}if(h.type==="set-viewport"){A==null||A({name:h.name,width:h.width,height:h.height});return}if(h.type==="claude-idle"){(T=v.current)==null||T.call(v,!0),(ee=L.current)==null||ee.onIdle(K.current,Q.current??!1);return}if(h.type==="claude-active"){(te=v.current)==null||te.call(v,!1),(re=L.current)==null||re.onActive(),O.current&&(O.current.close(),O.current=null);return}h.type==="output"&&(d.write(h.data),(ne=v.current)==null||ne.call(v,!1))}catch{d.write(b.data)}},y.onclose=()=>{if(H.current){d.write(`\r
+\x1B[90m[Terminal session ended]\x1B[0m\r
+`);return}const b=M.current;if(b<5&&q.current){const T=1e3*Math.pow(2,Math.min(b,3));M.current=b+1,d.write(`\r
+\x1B[33m[Reconnecting...]\x1B[0m\r
+`),setTimeout(()=>{H.current||Z(q.current)},T)}else X.current?d.write(`\r
+\x1B[90m[Terminal session ended]\x1B[0m\r
+`):(X.current=!0,d.write(`\r
+\x1B[33m[Starting new session...]\x1B[0m\r
+`),q.current=null,M.current=0,Z())},y.onerror=()=>{}}Z(),d.onData(f=>{const s=B.current;s&&s.readyState===WebSocket.OPEN&&s.send(JSON.stringify({type:"input",data:f})),Y()});let C=null;const F=new ResizeObserver(()=>{C&&clearTimeout(C),C=setTimeout(()=>{let f;try{f=U.proposeDimensions()}catch{return}if(!f||f.cols===d.cols&&f.rows===d.rows)return;const s=c.querySelector(".xterm-viewport");let y,b=!0;s&&(y=s.scrollTop,b=s.scrollTop+s.clientHeight>=s.scrollHeight-10),U.fit(),s&&y!==void 0&&(b?s.scrollTop=s.scrollHeight:s.scrollTop=y);const T=B.current;T&&T.readyState===WebSocket.OPEN&&T.send(JSON.stringify({type:"resize",cols:d.cols,rows:d.rows}))},150)});F.observe(c),z.current=()=>{var f;C&&clearTimeout(C),F.disconnect(),H.current=!0,(f=B.current)==null||f.close(),B.current=null,D==null||D(),d.dispose(),$.current=null}}),()=>{var W;p=!0,(W=z.current)==null||W.call(z),z.current=null}},[]),l.jsx("div",{ref:J,onClick:le,className:"w-full h-full relative overflow-hidden",style:{padding:"4px 0 0 8px"}})});function Te(r){return r.replace(/[^a-zA-Z0-9_]+/g,"_")}function Be(r){const{activeAnalyzedScenario:e,analyzedPreviewUrl:o,activeScenarioId:a,scenarios:t,proxyUrl:n,devServerUrl:i,zoomComponent:g}=r;if(e&&o)return o;if(e&&!o)return null;if(a){const m=t.find(w=>w.id===a);if(m!=null&&m.url){const w=n||i;return w?m.url.startsWith("/")?`${w}${m.url}`:m.url:null}}const S=n||i;if(!S)return null;if(g&&a){const m=t.find(E=>E.id===a),w=m?Te(m.name):"Default";return`${S}/__codeyam__/${g}/${w}`}return S}function Le(r,e){if(!r||!e)return r;try{const o=new URL(r),a=e.indexOf("?");return a>=0?(o.pathname=e.slice(0,a),o.search=e.slice(a)):(o.pathname=e,o.search=""),o.href}catch{return r}}function We(r,e){return r?r!==e:!1}function ze(r){if(r.length!==0)return r.find(e=>e.type==="application")||r[0]}function Ce(r,e,o){if(!r.viewportWidth||!r.viewportHeight)return o??null;const a=e.find(t=>t.width===r.viewportWidth&&t.height===r.viewportHeight);return{name:(a==null?void 0:a.name)||"Custom",width:r.viewportWidth,height:r.viewportHeight}}function Pe(r,e){const o=e.width,a=e.height??900,t=r.width,n=r.height;return o<=t&&a<=n?1:Math.min(t/o,n/a)}export{Re as D,je as T,Le as a,Te as b,P as c,Oe as d,Pe as e,Be as f,ze as g,_e as l,Ce as r,We as s};