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

package/codeyam-cli/src/webserver/build/client/assets/editor-W_IGJ2Kd.js

@@ -0,0 +1,7 @@
+import{r as a,j as e,w as Ae,u as De,f as Be,b as Oe}from"./chunk-JZWAC4HX-C4pqxYJB.js";import{u as Fe,V as Ue,S as We}from"./useCustomSizes-ByhSyh0W.js";import{T as Je,D as Ve}from"./Terminal-CcG8YTLx.js";import{c as He}from"./cy-logo-cli-DcX-ZS3p.js";import{S as fe,u as Ge}from"./Spinner-Bb5uFQ5V.js";import"./preload-helper-ckwbz45p.js";import"./useLastLogLine-C14nCb1q.js";function Ye(m){const[l,g]=a.useState(null),[b,v]=a.useState(!1),M=a.useCallback(()=>{m&&(v(!0),fetch(`/api/editor-test-results?testFile=${encodeURIComponent(m)}`).then(k=>k.json()).then(k=>{g(k),v(!1)}).catch(()=>{g({testFilePath:m,status:"error",testCases:[],errorMessage:"Failed to fetch test results"}),v(!1)}))},[m]);return a.useEffect(()=>{m&&M()},[m,M]),{results:l,isRunning:b,runTests:M}}function J({imgSrc:m,name:l,isActive:g,onSelect:b}){return e.jsxs("button",{onClick:b,className:"flex flex-col items-center gap-1 cursor-pointer group",title:l,children:[e.jsx("div",{className:`w-32 h-32 rounded overflow-hidden border-2 transition-all bg-[#1a1a1a] ${g?"border-[#005c75] ring-1 ring-[#005c75]":"border-transparent hover:border-[#4d4d4d]"}`,children:m?e.jsx("img",{src:m,alt:l,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 ${g?"text-white":"text-gray-500 group-hover:text-gray-300"}`,children:l})]})}function ne({testFile:m,entityName:l}){const{results:g,isRunning:b,runTests:v}=Ye(m);if(b&&!g)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(!g)return null;if(g.status==="error")return e.jsx("div",{className:"px-2 pt-1",children:e.jsx("span",{className:"text-[10px] text-red-400",children:g.errorMessage})});const M=l?g.testCases.filter(j=>{const y=`${l} > `;return j.fullName.startsWith(y)||j.fullName===l}):g.testCases;if(M.length===0)return null;const k=l?`${l} > `:"";return e.jsxs("div",{className:"px-2 pt-1 space-y-0.5",children:[M.map(j=>{var N;const y=k&&j.fullName.startsWith(k)?j.fullName.slice(k.length):j.fullName;return e.jsxs("div",{children:[e.jsxs("div",{className:"flex items-center gap-1.5",children:[j.status==="passed"?e.jsx("span",{className:"text-green-400 text-[10px]",children:"✓"}):j.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] ${j.status==="passed"?"text-green-400":j.status==="failed"?"text-red-400":"text-gray-500"}`,children:y})]}),j.status==="failed"&&((N=j.failureMessages)==null?void 0:N.map((h,P)=>e.jsx("div",{className:"pl-4 text-[9px] text-red-300/70 truncate max-w-full",title:h,children:h.split(`
+`)[0]},P)))]},j.fullName)}),e.jsx("button",{onClick:v,disabled:b,className:"mt-1 text-[10px] text-[#00a0c4] hover:text-[#00c4ee] transition-colors cursor-pointer disabled:opacity-50 bg-transparent border-none p-0",children:b?"Running...":"Re-run"})]})}function F({filePath:m,projectRoot:l}){if(!m)return null;const b=`vscode://file/${l?`${l}/${m}`:m}`;return e.jsxs("div",{className:"flex items-center gap-1 px-2 mt-0.5",children:[e.jsx("span",{className:"text-[9px] text-gray-500 truncate",children:m}),e.jsx("a",{href:b,title:"Open in editor",className:"shrink-0 text-gray-500 hover:text-gray-300 transition-colors",children:e.jsx("svg",{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"})})})]})}function Ke({scenarios:m,projectRoot:l,activeScenarioId:g,onScenarioSelect:b,zoomComponent:v,onZoomChange:M,analyzedEntities:k=[],glossaryFunctions:j=[],activeAnalyzedScenarioId:y,onAnalyzedScenarioSelect:N,entityImports:h}){const{appScenarios:P,componentGroups:f}=a.useMemo(()=>{const t=[],i=new Map;for(const w of m)if(w.componentName){const r=i.get(w.componentName)||[];r.push(w),i.set(w.componentName,r)}else t.push(w);const u=new Map([...i.entries()].sort(([w],[r])=>w.localeCompare(r)));return{appScenarios:t,componentGroups:u}},[m]),A=a.useMemo(()=>{const t=new Set((k||[]).filter(u=>u.entityType==="visual").map(u=>u.name)),i=new Map;for(const[u,w]of f)t.has(u)||i.set(u,w);return i},[f,k]),{visualEntities:T,libraryEntities:S}=a.useMemo(()=>{const t=k.filter(u=>u.entityType==="visual").sort((u,w)=>u.name.localeCompare(w.name)),i=k.filter(u=>u.entityType==="library"||u.entityType==="functionCall").sort((u,w)=>u.name.localeCompare(w.name));return{visualEntities:t,libraryEntities:i}},[k]),_=a.useMemo(()=>{const t=new Set(S.map(i=>i.name));return j.filter(i=>!t.has(i.name)).sort((i,u)=>i.name.localeCompare(u.name))},[j,S]),o=k.some(t=>t.isAnalyzing),p=a.useRef(null),d=a.useRef(0),E=a.useCallback(()=>{p.current&&(d.current=p.current.scrollTop)},[]);if(a.useEffect(()=>{p.current&&d.current>0&&(p.current.scrollTop=d.current)}),m.length===0&&k.length===0&&_.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(v){const t=f.get(v)||[],i=new Set((h==null?void 0:h[v])||[]),u=i.size>0,w=u?T.filter(c=>i.has(c.name)):[],r=u?S.filter(c=>i.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:()=>M(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:v})}),e.jsx("div",{className:"flex flex-wrap gap-2 px-2",children:t.length===0?e.jsx("div",{className:"px-3 py-2 text-xs text-gray-500",children:"No scenarios for this component"}):t.map(c=>e.jsx(J,{imgSrc:c.screenshotPath?`/api/editor-scenario-image/${c.id}.png`:null,name:c.name,isActive:c.id===g,onSelect:()=>b(c)},c.id))}),w.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"})}),w.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:()=>M(c.name),className:"text-xs font-medium text-gray-300 truncate cursor-pointer hover:text-white transition-colors bg-transparent border-none p-0",children:c.name})}),e.jsx(F,{filePath:c.filePath,projectRoot:l}),(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($=>e.jsx(J,{imgSrc:$.screenshotPath?`/api/screenshot/${$.screenshotPath}`:null,name:$.name,isActive:$.id===y,onSelect:()=>N==null?void 0:N({analysisId:c.analysisId,scenarioId:$.id,scenarioName:$.name,entitySha:c.sha,entityName:c.name})},$.id))})]},c.sha))]}),r.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"})}),r.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(F,{filePath:c.filePath,projectRoot:l}),c.testFile&&e.jsx(ne,{testFile:c.testFile,entityName:c.name})]},c.sha))]})]})})}return e.jsx("div",{ref:p,onScroll:E,className:"flex-1 overflow-auto",children:e.jsxs("div",{className:"p-3 space-y-3",children:[P.length>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:"Page Scenarios"})}),e.jsx("div",{className:"flex flex-wrap gap-2 px-2 pt-1",children:P.map(t=>e.jsx(J,{imgSrc:t.screenshotPath?`/api/editor-scenario-image/${t.id}.png`:null,name:t.name,isActive:t.id===g&&!y,onSelect:()=>b(t)},t.id))})]}),A.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"})}),[...A.entries()].map(([t,i])=>{var u;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:()=>M(t),className:"text-xs font-medium text-gray-300 truncate cursor-pointer hover:text-white transition-colors bg-transparent border-none p-0",children:t})}),((u=i[0])==null?void 0:u.componentPath)&&e.jsx(F,{filePath:i[0].componentPath,projectRoot:l}),e.jsx("div",{className:"flex flex-wrap gap-2 px-2 pt-1",children:i.map(w=>e.jsx(J,{imgSrc:w.screenshotPath?`/api/editor-scenario-image/${w.id}.png`:null,name:w.name,isActive:w.id===g&&!y,onSelect:()=>b(w)},w.id))})]},t)})]}),T.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"}),o&&m.length===0&&k.every(t=>t.scenarioCount===0)&&e.jsx("span",{className:"ml-2 text-[10px] text-gray-500",children:"— Entities are being analyzed..."})]}),T.map(t=>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:()=>M(t.name),className:"text-xs font-medium text-gray-300 truncate cursor-pointer hover:text-white transition-colors bg-transparent border-none p-0",children:t.name}),t.isAnalyzing&&t.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(F,{filePath:t.filePath,projectRoot:l}),(t.scenarios.length>0||t.pendingScenarios.length>0)&&e.jsxs("div",{className:"flex flex-wrap gap-2 px-2 pt-1",children:[t.scenarios.map(i=>e.jsx(J,{imgSrc:i.screenshotPath?`/api/screenshot/${i.screenshotPath}`:null,name:i.name,isActive:i.id===y,onSelect:()=>N==null?void 0:N({analysisId:t.analysisId,scenarioId:i.id,scenarioName:i.name,entitySha:t.sha,entityName:t.name})},i.id)),t.pendingScenarios.map(i=>e.jsx("div",{className:"px-2.5 py-1 bg-[#2a2a2a] text-gray-400 text-[10px] rounded-full",title:i,children:i},i))]})]},t.sha))]}),(S.length>0||_.length>0)&&e.jsxs("div",{className:`pt-2 mt-1 ${T.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"})}),S.map(t=>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:t.name}),t.isAnalyzing&&t.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(F,{filePath:t.filePath,projectRoot:l}),t.testFile?e.jsx(ne,{testFile:t.testFile,entityName:t.name}):e.jsx("div",{className:"px-2 pt-1",children:e.jsx("span",{className:"text-[10px] text-gray-500",children:"No test file"})})]},t.sha)),_.map(t=>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:t.name})}),e.jsx(F,{filePath:t.filePath,projectRoot:l}),e.jsx(ne,{testFile:t.testFile,entityName:t.name})]},t.name))]})]})})}const qe={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 Qe(m){try{return new Date(m).toLocaleTimeString([],{hour:"2-digit",minute:"2-digit"})}catch{return""}}function Xe(m){try{return new Date(m+"T00:00:00").toLocaleDateString([],{weekday:"long",month:"long",day:"numeric"})}catch{return m}}function Ze({isActive:m}){const[l,g]=a.useState([]),[b,v]=a.useState(!0),[M,k]=a.useState(new Set),j=a.useCallback(h=>{k(P=>{const f=new Set(P);return f.has(h)?f.delete(h):f.add(h),f})},[]),y=a.useCallback(async()=>{try{const h=await fetch("/api/editor-journal");if(h.ok){const P=await h.json();g(P.entries||[])}}catch{}finally{v(!1)}},[]);if(a.useEffect(()=>{y()},[y]),a.useEffect(()=>{m&&y()},[m,y]),a.useEffect(()=>{const h=new EventSource("/api/events");return h.addEventListener("message",P=>{try{const f=JSON.parse(P.data);f.type==="db-change"&&f.changeType==="journal"&&y()}catch{}}),()=>h.close()},[y]),b)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(l.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 N=new Map;for(const h of[...l].reverse()){const P=N.get(h.date)||[];P.push(h),N.set(h.date,P)}return e.jsx("div",{className:"flex-1 overflow-auto",children:e.jsx("div",{className:"p-3 space-y-4",children:[...N.entries()].map(([h,P])=>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:Xe(h)})}),e.jsx("div",{className:"space-y-2",children:P.map((f,A)=>{const T=qe[f.type]||{label:f.type,color:"bg-gray-600"},S=`${f.time}-${A}`,_=M.has(S);return e.jsxs("div",{className:"bg-[#2d2d2d] rounded-lg overflow-hidden",children:[e.jsxs("div",{className:`p-3 space-y-2 ${_?"":"max-h-[300px] overflow-y-auto"}`,children:[e.jsx("div",{className:"flex items-start gap-2",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:`${T.color} text-white text-[9px] font-bold px-1.5 py-0.5 rounded uppercase tracking-wider shrink-0`,children:T.label})]}),e.jsx("span",{className:"text-[10px] text-gray-500",children:Qe(f.time)})]})}),e.jsx("p",{className:"text-xs text-gray-400 leading-relaxed",children:f.description}),f.screenshot&&e.jsx("div",{className:"rounded overflow-hidden border border-[#3d3d3d] bg-[#1e1e1e] flex items-center justify-center p-1",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 o=new Map;for(const d of f.scenarioScreenshots){const E=d.name.indexOf(" - "),t=E!==-1?d.name.slice(0,E):"App",i=o.get(t)||[];i.push(d),o.set(t,i)}const p=[...o.entries()].sort(([d],[E])=>d==="App"?-1:E==="App"?1:d.localeCompare(E));return e.jsx("div",{className:"space-y-1.5",children:p.map(([d,E])=>e.jsxs("div",{children:[e.jsx("span",{className:"text-[10px] font-semibold text-gray-500 uppercase tracking-wider",children:d}),e.jsx("div",{className:"flex flex-wrap gap-1 mt-0.5",children:E.map(t=>e.jsx("div",{className:"w-[4.5rem] h-[4.5rem] rounded overflow-hidden border border-[#3d3d3d] bg-[#1e1e1e] shrink-0 flex items-center justify-center",children:e.jsx("img",{src:`/api/editor-journal-image/${t.path.replace("screenshots/","")}`,alt:t.name,title:t.name,className:"max-w-full max-h-full object-contain",loading:"lazy"})},t.path))})]},d))})})(),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})]})]}),e.jsxs("button",{onClick:()=>j(S),className:"w-full py-1.5 text-[10px] text-gray-500 hover:text-gray-300 border-t border-[#3d3d3d] transition-colors cursor-pointer",children:["——— ",_?"Collapse":"Expand"," ———"]})]},S)})})]},h))})})}function D({imgSrc:m,name:l,isActive:g,onSelect:b}){return e.jsxs("button",{onClick:b,className:"flex flex-col items-center gap-1 cursor-pointer group",title:l,children:[e.jsx("div",{className:`w-24 h-24 rounded overflow-hidden border-2 transition-all bg-[#1a1a1a] ${g?"border-[#005c75] ring-1 ring-[#005c75]":"border-transparent hover:border-[#4d4d4d]"}`,children:m?e.jsx("img",{src:m,alt:l,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-24 ${g?"text-white":"text-gray-500 group-hover:text-gray-300"}`,children:l})]})}function et({hasProject:m,scenarios:l,analyzedEntities:g,activeScenarioId:b,onScenarioSelect:v,onAnalyzedScenarioSelect:M,onSwitchToBuild:k,zoomComponent:j,onZoomChange:y,entityImports:N}){const{pageGroups:h,componentGroups:P}=a.useMemo(()=>{const o=new Map,p=new Map;for(const E of l)if(E.componentName){const t=p.get(E.componentName)||[];t.push(E),p.set(E.componentName,t)}else{const t="Home",i=o.get(t)||[];i.push(E),o.set(t,i)}const d=new Map([...p.entries()].sort(([E],[t])=>E.localeCompare(t)));return{pageGroups:o,componentGroups:d}},[l]),f=a.useRef(null),A=a.useRef(0),T=a.useCallback(()=>{f.current&&(A.current=f.current.scrollTop)},[]);if(a.useEffect(()=>{f.current&&A.current>0&&(f.current.scrollTop=A.current)}),!m)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:k,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"})]})});const S=a.useMemo(()=>g.filter(o=>o.entityType==="visual").sort((o,p)=>o.name.localeCompare(p.name)),[g]);if(!(l.length>0||S.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.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 max-w-[280px]",children:"Describe what you want to build in the Chat and your pages and components will appear here."}),e.jsx("button",{onClick:k,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(j){const o=h.get(j)||[],p=P.get(j)||[],d=S.find(r=>r.name===j),E=h.has(j),t=new Set((N==null?void 0:N[j])||[]),i=t.size>0,u=i?[...P.entries()].filter(([r])=>t.has(r)):[...P.entries()],w=i?S.filter(r=>t.has(r.name)):S;return e.jsx("div",{className:"flex-1 overflow-auto",children:e.jsxs("div",{className:"p-4 space-y-3",children:[e.jsxs("button",{onClick:()=>y(void 0),className:"flex items-center gap-2 text-xs text-gray-400 hover:text-white transition-colors cursor-pointer bg-transparent border-none p-0",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"]}),e.jsx("h2",{className:"text-sm font-semibold text-white m-0 font-['IBM_Plex_Sans'] uppercase tracking-wider",children:j}),o.length>0&&e.jsx("div",{className:"flex flex-wrap gap-2",children:o.map(r=>e.jsx(D,{imgSrc:r.screenshotPath?`/api/editor-scenario-image/${r.id}.png`:null,name:r.name,isActive:r.id===b,onSelect:()=>v(r)},r.id))}),p.length>0&&e.jsx("div",{className:"flex flex-wrap gap-2",children:p.map(r=>e.jsx(D,{imgSrc:r.screenshotPath?`/api/editor-scenario-image/${r.id}.png`:null,name:r.name,isActive:r.id===b,onSelect:()=>v(r)},r.id))}),d&&(d.scenarios.length>0||d.pendingScenarios.length>0)&&e.jsxs("div",{className:"flex flex-wrap gap-2",children:[d.scenarios.map(r=>e.jsx(D,{imgSrc:r.screenshotPath?`/api/screenshot/${r.screenshotPath}`:null,name:r.name,isActive:!1,onSelect:()=>M({analysisId:d.analysisId,scenarioId:r.id,scenarioName:r.name,entitySha:d.sha,entityName:d.name})},r.id)),d.pendingScenarios.map(r=>e.jsx("div",{className:"px-2.5 py-1 bg-[#2a2a2a] text-gray-400 text-[10px] rounded-full",title:r,children:r},r))]}),E&&u.length>0&&e.jsxs("div",{className:"pt-2 mt-1 border-t border-[#3d3d3d]",children:[e.jsx("span",{className:"text-xs font-semibold text-gray-500 uppercase tracking-wider",children:"Components"}),u.map(([r,c])=>e.jsxs("div",{className:"mt-3",children:[e.jsx("div",{className:"py-1",children:e.jsx("button",{onClick:()=>y(r),className:"text-xs font-semibold text-gray-500 uppercase tracking-wider cursor-pointer hover:text-white transition-colors bg-transparent border-none p-0",children:r})}),e.jsx("div",{className:"flex flex-wrap gap-2 pt-1",children:c.map($=>e.jsx(D,{imgSrc:$.screenshotPath?`/api/editor-scenario-image/${$.id}.png`:null,name:$.name,isActive:$.id===b,onSelect:()=>v($)},$.id))})]},r))]}),E&&w.length>0&&e.jsxs("div",{className:`${u.length===0?"pt-2 mt-1 border-t border-[#3d3d3d]":"mt-2"}`,children:[u.length===0&&e.jsx("span",{className:"text-xs font-semibold text-gray-500 uppercase tracking-wider",children:"Components"}),w.map(r=>e.jsxs("div",{className:"mt-3",children:[e.jsx("div",{className:"py-1",children:e.jsx("button",{onClick:()=>y(r.name),className:"text-xs font-semibold text-gray-500 uppercase tracking-wider cursor-pointer hover:text-white transition-colors bg-transparent border-none p-0",children:r.name})}),(r.scenarios.length>0||r.pendingScenarios.length>0)&&e.jsxs("div",{className:"flex flex-wrap gap-2 pt-1",children:[r.scenarios.map(c=>e.jsx(D,{imgSrc:c.screenshotPath?`/api/screenshot/${c.screenshotPath}`:null,name:c.name,isActive:!1,onSelect:()=>M({analysisId:r.analysisId,scenarioId:c.id,scenarioName:c.name,entitySha:r.sha,entityName:r.name})},c.id)),r.pendingScenarios.map(c=>e.jsx("div",{className:"px-2.5 py-1 bg-[#2a2a2a] text-gray-400 text-[10px] rounded-full",title:c,children:c},c))]})]},r.sha))]}),o.length===0&&p.length===0&&!d&&e.jsx("div",{className:"text-xs text-gray-500",children:"No scenarios for this entity"})]})})}return e.jsx("div",{ref:f,onScroll:T,className:"flex-1 overflow-auto",children:e.jsxs("div",{className:"p-4 space-y-4",children:[e.jsx("h2",{className:"text-sm font-medium text-gray-300 m-0 font-['IBM_Plex_Sans']",children:"What do you want to work on next?"}),e.jsx("button",{onClick:k,className:"w-full py-3 border-2 border-dashed border-[#4d4d4d] rounded-lg text-sm text-gray-400 hover:border-[#005c75] hover:text-white transition-colors cursor-pointer bg-transparent",children:"+ New Page"}),[...h.entries()].map(([o,p])=>e.jsxs("div",{children:[e.jsx("div",{className:"py-1",children:e.jsx("button",{onClick:()=>y(o),className:"text-xs font-semibold text-gray-500 uppercase tracking-wider cursor-pointer hover:text-white transition-colors bg-transparent border-none p-0",children:o})}),e.jsx("div",{className:"flex flex-wrap gap-2 pt-1",children:p.map(d=>e.jsx(D,{imgSrc:d.screenshotPath?`/api/editor-scenario-image/${d.id}.png`:null,name:d.name,isActive:d.id===b,onSelect:()=>v(d)},d.id))})]},o)),P.size>0&&e.jsx("div",{className:"pt-2 mt-1 border-t border-[#3d3d3d]",children:e.jsx("span",{className:"text-xs font-semibold text-gray-500 uppercase tracking-wider",children:"Components"})}),[...P.entries()].map(([o,p])=>e.jsxs("div",{children:[e.jsx("div",{className:"py-1",children:e.jsx("button",{onClick:()=>y(o),className:"text-xs font-semibold text-gray-500 uppercase tracking-wider cursor-pointer hover:text-white transition-colors bg-transparent border-none p-0",children:o})}),e.jsx("div",{className:"flex flex-wrap gap-2 pt-1",children:p.map(d=>e.jsx(D,{imgSrc:d.screenshotPath?`/api/editor-scenario-image/${d.id}.png`:null,name:d.name,isActive:d.id===b,onSelect:()=>v(d)},d.id))})]},o)),S.map(o=>e.jsxs("div",{children:[e.jsxs("div",{className:"flex items-center gap-2 py-1",children:[e.jsx("button",{onClick:()=>y(o.name),className:"text-xs font-semibold text-gray-500 uppercase tracking-wider cursor-pointer hover:text-white transition-colors bg-transparent border-none p-0",children:o.name}),o.isAnalyzing&&o.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..."]})]}),(o.scenarios.length>0||o.pendingScenarios.length>0)&&e.jsxs("div",{className:"flex flex-wrap gap-2 pt-1",children:[o.scenarios.map(p=>e.jsx(D,{imgSrc:p.screenshotPath?`/api/screenshot/${p.screenshotPath}`:null,name:p.name,isActive:!1,onSelect:()=>M({analysisId:o.analysisId,scenarioId:p.id,scenarioName:p.name,entitySha:o.sha,entityName:o.name})},p.id)),o.pendingScenarios.map(p=>e.jsx("div",{className:"px-2.5 py-1 bg-[#2a2a2a] text-gray-400 text-[10px] rounded-full",title:p,children:p},p))]})]},o.sha))]})})}function tt({items:m,onNavigate:l}){return m.length===0?null:e.jsx("nav",{className:"flex items-center gap-1 text-xs",children:m.map((g,b)=>{const v=b===m.length-1;return e.jsxs("span",{className:"flex items-center gap-1",children:[b>0&&e.jsx("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",className:"text-gray-500",children:e.jsx("path",{d:"M4.5 3L7.5 6L4.5 9",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})}),v?e.jsx("span",{className:"text-white font-medium",children:g.name}):e.jsx("button",{onClick:()=>l(g.componentName),className:"text-gray-400 hover:text-white transition-colors cursor-pointer",children:g.name})]},g.componentName||"app")})})}const dt=()=>[{title:"Editor - CodeYam"},{name:"description",content:"CodeYam Code + Data Editor"}],re=[{name:"Mobile",width:375,height:667},{name:"Tablet",width:768,height:1024},{name:"Laptop",width:1024,height:768},{name:"Desktop",width:1440,height:900}];function st({analysisId:m,scenarioId:l,scenarioName:g,entityName:b,projectSlug:v,onStateChange:M}){const{interactiveServerUrl:k,isStarting:j,isLoading:y}=Ge({analysisId:m,scenarioId:l,scenarioName:g,entityName:b,projectSlug:v,enabled:!0});return a.useEffect(()=>{M(k,j||y)},[k,j,y,M]),null}const xt=Ae(function(){const{projectSlug:l,projectRoot:g,hasProject:b,scenarios:v,analyzedEntities:M,glossaryFunctions:k,entityImports:j}=De(),y=Be(),[N,h]=Oe(),P=a.useRef(null),f=a.useRef(null),A=a.useRef(null),T=N.get("zoom")||void 0,S=N.get("scenario")||void 0;a.useEffect(()=>{if(!S)return;const s=v.find(x=>x.id===S);if(!s)return;const n=s.name.replace(/[^a-zA-Z0-9_]+/g,"_");fetch("/api/editor-switch-scenario",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({scenarioSlug:n,scenarioId:s.id})}).catch(()=>{})},[S,v]),a.useEffect(()=>{const s=new BroadcastChannel("codeyam-editor");return s.onmessage=n=>{var x;if(((x=n.data)==null?void 0:x.type)==="switch-scenario"&&n.data.scenarioId){const C=n.data.scenarioId,R=v.find(ae=>ae.id===C);if(!R)return;const Y=new URLSearchParams(N);Y.set("scenario",C),Y.delete("zoom"),h(Y),K(null),V(null);const ze=R.name.replace(/[^a-zA-Z0-9_]+/g,"_");fetch("/api/editor-switch-scenario",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({scenarioSlug:ze,scenarioId:C})}).then(()=>{W(ae=>ae+1),r(!1)}).catch(()=>{})}},()=>s.close()},[N,h,v]),a.useEffect(()=>{if(N.get("ref")!=="link"||!S)return;const s=new BroadcastChannel("codeyam-editor");s.postMessage({type:"switch-scenario",scenarioId:S}),s.close(),window.close()},[]);const[_,o]=a.useState(null),[p,d]=a.useState(null),[E,t]=a.useState(!1),[i,u]=a.useState(null),[w,r]=a.useState(!1),[c,$]=a.useState(!0),[z,K]=a.useState(null),[q,V]=a.useState(null),[Q,ie]=a.useState(!1),ge=a.useCallback((s,n)=>{V(x=>(s&&s!==x&&r(!1),s)),!n&&s&&r(!0),ie(n)},[]),le=a.useCallback(s=>{K(x=>(x&&x.analysisId===s.analysisId||(V(null),W(R=>R+1)),s)),ie(!0),r(!1);const n=new URLSearchParams(N);n.delete("scenario"),n.delete("zoom"),h(n)},[N,h]),[ve,ce]=a.useState(1440),[I,X]=a.useState({name:"Desktop",width:1440,height:900}),[je,Z]=a.useState(!1),[ee,be]=a.useState(null),[L,U]=a.useState("app"),Ne=a.useCallback(()=>{U("build"),oe(!0)},[]),[we,oe]=a.useState(!1),[ye,de]=a.useState(!1),Se=a.useCallback(s=>{de(s)},[]),[B,te]=a.useState(!1),Ce=a.useCallback(()=>{if(B){te(!1);return}typeof Notification<"u"&&Notification.permission==="default"?Notification.requestPermission().then(s=>{s==="granted"&&te(!0)}):te(!0)},[B]);a.useEffect(()=>{if(L==="build"){de(!1);const s=setTimeout(()=>{var n,x;(n=P.current)==null||n.scrollToBottom(),(x=P.current)==null||x.focus()},50);return()=>clearTimeout(s)}},[L]);const[H,ke]=a.useState(null);a.useEffect(()=>{const s=A.current;if(!s)return;const n=new ResizeObserver(x=>{const C=x[0];C&&ke({width:C.contentRect.width,height:C.contentRect.height})});return n.observe(s),()=>n.disconnect()},[]);const O=a.useMemo(()=>{if(!H)return 1;const s=I.width,n=I.height??900,x=H.width,C=H.height;return s<=x&&n<=C?1:Math.min(x/s,C/n)},[H,I]),[Pe,W]=a.useState(0),Ee=a.useCallback(()=>{W(s=>s+1)},[]),{customSizes:xe,addCustomSize:Me}=Fe(l),G=a.useMemo(()=>[...re,...xe],[xe]),me=a.useRef(!1);a.useEffect(()=>{let s=!1,n=null;const x=async()=>{try{const C=await fetch("/api/editor-dev-server");if(s)return;const R=await C.json();if(R.status==="error")o(null),d(null),t(!1),u(R.errorMessage||"Dev server crashed");else if(R.url)o(R.url),d(R.proxyUrl||null),t(!1),u(null),$(!0);else if(R.status==="starting")t(!0),u(null),$(!0);else if(R.status==="stopped")if(_)o(null),t(!1);else if(me.current)t(!1);else{me.current=!0;try{(await fetch("/api/editor-dev-server",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({action:"start"})})).ok?t(!0):$(!1)}catch{}}}catch{}};return x(),n=setInterval(()=>void x(),2e3),()=>{s=!0,n&&clearInterval(n)}},[_]),a.useEffect(()=>{const s=new EventSource("/api/events");let n=null;return s.addEventListener("message",x=>{try{const C=JSON.parse(x.data);(C.type==="db-change"||C.type==="unknown")&&(n&&clearTimeout(n),n=setTimeout(()=>{y.revalidate()},2e3))}catch{}}),()=>{n&&clearTimeout(n),s.close()}},[y]);const Ie=a.useMemo(()=>{const s=[{name:"App"}];return T&&s.push({name:T,componentName:T}),s},[T]),se=a.useCallback(s=>{const n=new URLSearchParams(N);if(s){n.set("zoom",s);const x=v.find(C=>C.componentName===s||C.componentName===null&&s==="Home");if(x){n.set("scenario",x.id);const C=x.name.replace(/[^a-zA-Z0-9_]+/g,"_");fetch("/api/editor-switch-scenario",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({scenarioSlug:C,scenarioId:x.id})}).catch(()=>{}),W(R=>R+1),r(!1)}else n.delete("scenario")}else n.delete("zoom"),n.delete("scenario");h(n)},[N,h,v]),he=a.useCallback(s=>{K(null),V(null);const n=new URLSearchParams(N);n.set("scenario",s.id),h(n);const x=s.name.replace(/[^a-zA-Z0-9_]+/g,"_");fetch("/api/editor-switch-scenario",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({scenarioSlug:x,scenarioId:s.id})}).catch(()=>{}),W(C=>C+1),r(!1)},[N,h]),Te=(s,n)=>{ce(s);const x=G.find(C=>C.width===s&&C.height===n);X({name:(x==null?void 0:x.name)||"Custom",width:s,height:n})},pe=s=>{ce(s.width),X({name:s.name,width:s.width,height:s.height})},$e=s=>{Me(s,I.width,I.height??900),Z(!1),X(n=>({...n,name:s}))},Le=()=>{z||r(!0)},_e=a.useCallback(()=>{u(null),t(!0),fetch("/api/editor-dev-server",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({action:"restart"})}).catch(()=>{})},[]),Re=a.useCallback(()=>{u(null),t(!0),fetch("/api/editor-dev-server",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({action:"start"})}).catch(()=>{})},[]),ue=a.useMemo(()=>{if(z&&q)return q;if(S){const n=v.find(x=>x.id===S);if(n!=null&&n.url){const x=p||_;return x?n.url.startsWith("/")?`${x}${n.url}`:n.url:null}}const s=p||_;if(!s)return null;if(T&&S){const n=v.find(C=>C.id===S),x=n?n.name.replace(/[^a-zA-Z0-9_]+/g,"_"):"Default";return`${s}/__codeyam__/${T}/${x}`}return s},[p,_,T,S,v,z,q]);return e.jsxs("div",{className:"fixed inset-0 bg-[#2d2d2d] flex flex-col",children:[z&&e.jsx(st,{analysisId:z.analysisId,scenarioId:z.scenarioId,scenarioName:z.scenarioName,entityName:z.entityName,projectSlug:l,onStateChange:ge},z.analysisId),e.jsx("div",{className:"bg-[#3d3d3d] h-12 flex items-center px-4 gap-4 shrink-0 z-20",children:e.jsxs("div",{className:"flex items-center gap-3 flex-1 min-w-0",children:[e.jsx("img",{src:He,alt:"CodeYam",className:"h-6 brightness-0 invert"}),e.jsx("span",{className:"text-white font-medium text-sm whitespace-nowrap",children:"Editor"}),T&&e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"w-px h-4 bg-gray-600"}),e.jsx(tt,{items:Ie,onNavigate:se})]}),e.jsx("span",{className:"bg-[#005c75] text-white text-[10px] font-bold px-2 py-0.5 rounded uppercase tracking-wider ml-auto",children:"Code + Data"})]})}),e.jsxs("div",{className:"flex-1 flex min-h-0",children:[e.jsxs("div",{className:"flex-1 flex flex-col min-w-0",children:[e.jsxs("div",{className:"bg-[#e5e7eb] border-b border-[rgba(0,0,0,0.1)] shrink-0 z-10 h-6 flex items-center justify-center relative",children:[e.jsx("div",{className:"absolute inset-0 flex justify-center",children:e.jsx("div",{style:{maxWidth:`${re[re.length-1].width}px`,width:"100%"},children:e.jsx(Ue,{currentViewportWidth:ve,currentPresetName:I.name,onDevicePresetClick:pe,devicePresets:G,hideLabel:!0,onHoverChange:be,lightMode:!0})})}),e.jsxs("div",{className:"relative z-10 flex items-center gap-2",children:[e.jsxs("div",{className:"relative w-28 h-5",children:[e.jsxs("div",{className:"absolute inset-0 bg-white text-gray-900 text-xs px-2 rounded flex items-center justify-between pointer-events-none border border-gray-300",children:[e.jsx("span",{className:"leading-none",children:(ee==null?void 0:ee.name)||I.name}),e.jsx("svg",{width:"10",height:"10",viewBox:"0 0 12 12",fill:"none",className:"shrink-0",children:e.jsx("path",{d:"M3 4.5L6 7.5L9 4.5",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})})]}),e.jsxs("select",{value:I.name,onChange:s=>{const n=G.find(x=>x.name===s.target.value);n&&pe(n)},className:"relative w-full h-full opacity-0 cursor-pointer",children:[G.map(s=>e.jsx("option",{value:s.name,children:s.name},s.name)),I.name==="Custom"&&e.jsx("option",{value:"Custom",children:"Custom"})]})]}),e.jsx("input",{type:"number",value:I.width,onChange:s=>{const n=parseInt(s.target.value,10);!isNaN(n)&&n>0&&Te(n,I.height??900)},className:"bg-white text-gray-900 text-xs px-1 rounded border border-gray-300 outline-none w-16 text-center h-5 leading-none",min:"200",max:"3840"}),e.jsx("span",{className:"text-gray-400 text-xs h-5 flex items-center leading-none",children:"x"}),e.jsx("span",{className:"bg-gray-100 text-gray-600 text-xs px-1 rounded w-14 text-center h-5 flex items-center justify-center leading-none",children:I.height??900}),I.name==="Custom"&&e.jsx("button",{onClick:()=>Z(!0),className:"bg-white text-gray-900 text-xs px-2 rounded h-5 flex items-center leading-none border border-gray-300 hover:bg-gray-50 transition-colors",children:"Save"})]})]}),e.jsx("div",{ref:A,className:"flex-1 flex items-center justify-center overflow-hidden p-8",style:{backgroundImage:`
+              linear-gradient(45deg, #ebebeb 25%, transparent 25%),
+              linear-gradient(-45deg, #ebebeb 25%, transparent 25%),
+              linear-gradient(45deg, transparent 75%, #ebebeb 75%),
+              linear-gradient(-45deg, transparent 75%, #ebebeb 75%)
+            `,backgroundSize:"16px 16px",backgroundPosition:"0 0, 0 8px, 8px -8px, -8px 0px",backgroundColor:"#fafafa"},children:ue?e.jsx("div",{style:{width:`${I.width*O}px`,height:`${(I.height??900)*O}px`},children:e.jsxs("div",{className:"relative bg-white origin-top-left",style:{width:`${I.width}px`,height:`${I.height??900}px`,transform:O<1?`scale(${O})`:void 0},children:[!w&&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-white rounded-lg p-8 shadow-sm w-[500px] h-[300px]",children:[e.jsx("div",{className:"mb-4",children:e.jsx(fe,{})}),e.jsxs("div",{className:"flex flex-col gap-3 text-center",children:[e.jsx("h2",{className:"text-xl font-medium text-black leading-[28px] m-0 font-['IBM_Plex_Sans']",children:"Loading Preview"}),e.jsx("p",{className:"text-sm text-[#666] leading-5 m-0 font-['IBM_Plex_Sans']",children:"Waiting for the app to render"})]})]})}),e.jsx("iframe",{ref:f,src:ue,className:"w-full h-full border-none",title:"Editor preview",onLoad:Le,style:{opacity:w?1:0}},Pe)]})}):e.jsx("div",{className:"bg-white rounded-lg shadow-sm flex flex-col items-center justify-center",style:{width:`${I.width*O}px`,height:`${(I.height??900)*O}px`},children:i?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-600 leading-[28px] m-0 font-['IBM_Plex_Sans']",children:"Dev Server Failed"}),e.jsx("pre",{className:"text-xs text-left bg-gray-100 text-gray-800 p-4 rounded overflow-auto max-h-[300px] w-full font-mono whitespace-pre-wrap",children:i}),e.jsx("button",{onClick:_e,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"})]}):E||Q?e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"mb-4",children:e.jsx(fe,{})}),e.jsxs("div",{className:"flex flex-col gap-3 text-center",children:[e.jsx("h2",{className:"text-xl font-medium text-black leading-[28px] m-0 font-['IBM_Plex_Sans']",children:Q?"Starting Interactive Mode":"Starting Dev Server"}),e.jsx("p",{className:"text-sm text-[#666] leading-5 m-0 font-['IBM_Plex_Sans']",children:Q?"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-black leading-[28px] m-0 font-['IBM_Plex_Sans']",children:"Code + Data Editor"}),e.jsx("p",{className:"text-sm text-[#888] leading-5 m-0 font-['IBM_Plex_Sans']",children:"Describe what you want to build in the chat"})]})})})]}),e.jsxs("aside",{className:"w-[50%] min-w-[400px] max-w-[800px] bg-[#1e1e1e] border-r border-[#3d3d3d] shrink-0 flex flex-col overflow-hidden order-first",children:[e.jsxs("div",{className:"border-b border-[#3d3d3d] px-4 shrink-0 flex items-center justify-between",children:[e.jsxs("div",{className:"flex items-center gap-0",children:[e.jsxs("button",{onClick:()=>U("app"),className:`px-3 py-2 text-xs font-medium transition-colors relative cursor-pointer ${L==="app"?"text-white":"text-gray-500 hover:text-gray-300"}`,children:["App",L==="app"&&e.jsx("span",{className:"absolute bottom-0 left-3 right-3 h-0.5 bg-[#005c75]"})]}),e.jsxs("button",{onClick:()=>{U("build"),oe(!0)},className:`px-3 py-2 text-xs font-medium transition-colors relative cursor-pointer ${L==="build"?"text-white":"text-gray-500 hover:text-gray-300"}`,children:["Build",ye&&L!=="build"&&e.jsx("span",{className:"ml-1.5 inline-block w-2 h-2 rounded-full bg-amber-400 animate-pulse"}),L==="build"&&e.jsx("span",{className:"absolute bottom-0 left-3 right-3 h-0.5 bg-[#005c75]"})]}),e.jsxs("button",{onClick:()=>U("data"),className:`px-3 py-2 text-xs font-medium transition-colors relative cursor-pointer ${L==="data"?"text-white":"text-gray-500 hover:text-gray-300"}`,children:["Data",L==="data"&&e.jsx("span",{className:"absolute bottom-0 left-3 right-3 h-0.5 bg-[#005c75]"})]}),e.jsxs("button",{onClick:()=>U("journal"),className:`px-3 py-2 text-xs font-medium transition-colors relative cursor-pointer ${L==="journal"?"text-white":"text-gray-500 hover:text-gray-300"}`,children:["Journal",L==="journal"&&e.jsx("span",{className:"absolute bottom-0 left-3 right-3 h-0.5 bg-[#005c75]"})]})]}),typeof Notification<"u"&&e.jsx("button",{onClick:Ce,className:`px-2 py-1 text-[10px] rounded transition-colors cursor-pointer ${B?"text-green-400 hover:text-green-300":"text-gray-500 hover:text-gray-300"}`,title:B?"Click to turn off notifications":"Click to get notified when Claude finishes",children:B?"Notifications On":"Notifications Off"})]}),e.jsxs("div",{className:"flex-1 overflow-hidden relative",children:[we&&e.jsx("div",{className:"absolute inset-0 flex flex-col overflow-hidden",style:{visibility:L==="build"?"visible":"hidden"},children:e.jsx(Je,{ref:P,entityName:"Editor",projectSlug:l,entityFilePath:null,scenarioName:null,onRefreshPreview:Ee,editorMode:!0,onIdleChange:Se,notificationsEnabled:B})}),e.jsx("div",{className:"absolute inset-0 flex flex-col overflow-hidden",style:{visibility:L==="app"?"visible":"hidden"},children:e.jsx(et,{hasProject:b,scenarios:v,analyzedEntities:[],activeScenarioId:S,onScenarioSelect:he,onAnalyzedScenarioSelect:le,onSwitchToBuild:Ne,zoomComponent:T,onZoomChange:se,entityImports:j})}),e.jsx("div",{className:"absolute inset-0 flex flex-col overflow-hidden",style:{visibility:L==="data"?"visible":"hidden"},children:e.jsx(Ke,{scenarios:v,projectRoot:g,activeScenarioId:S,onScenarioSelect:he,zoomComponent:T,onZoomChange:se,analyzedEntities:[],glossaryFunctions:k,activeAnalyzedScenarioId:z==null?void 0:z.scenarioId,onAnalyzedScenarioSelect:le,entityImports:j})}),e.jsx("div",{className:"absolute inset-0 flex flex-col overflow-hidden",style:{visibility:L==="journal"?"visible":"hidden"},children:e.jsx(Ze,{isActive:L==="journal"})})]})]})]}),e.jsx(Ve,{serverUrl:_,isStarting:E,projectSlug:l,devServerError:i,onStartServer:c?Re:void 0}),je&&e.jsx(We,{width:I.width,height:I.height??900,onSave:$e,onCancel:()=>Z(!1)})]})});export{xt as default,dt as meta};