@codeyam/codeyam-cli 0.1.0-staging.b8a55ba → 0.1.0-staging.b8f4f94

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

@@ -0,0 +1,10 @@
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/index-yHOVb4rc.js","assets/chunk-JZWAC4HX-C4pqxYJB.js"])))=>i.map(i=>d[i]);
+import{r,j as e,w as pt,u as ht,f as ut,b as ft}from"./chunk-JZWAC4HX-C4pqxYJB.js";import{u as gt,V as jt,S as bt}from"./useCustomSizes-ByhSyh0W.js";import{T as vt,D as Nt}from"./Terminal-nZNBALox.js";import{C as ge}from"./CopyButton-DmJveP3T.js";import{_ as wt}from"./preload-helper-ckwbz45p.js";import{c as yt}from"./cy-logo-cli-DcX-ZS3p.js";import{S as Le,u as St}from"./Spinner-Bb5uFQ5V.js";import"./copy-NDbZjXao.js";import"./createLucideIcon-CMT1jU2q.js";import"./useLastLogLine-C14nCb1q.js";function je(a){const[t,s]=r.useState(null),[x,u]=r.useState(!1),j=r.useCallback(()=>{a&&(u(!0),fetch(`/api/editor-test-results?testFile=${encodeURIComponent(a)}`).then(p=>p.json()).then(p=>{s(p),u(!1)}).catch(()=>{s({testFilePath:a,status:"error",testCases:[],errorMessage:"Failed to fetch test results"}),u(!1)}))},[a]);return r.useEffect(()=>{a&&j()},[a,j]),{results:t,isRunning:x,runTests:j}}function be(a){if(!a||a==="/")return"Home";const s=a.split("?")[0].replace(/^\//,"").split("/")[0];return s.charAt(0).toUpperCase()+s.slice(1)}function fe(a,t){return!t||Object.keys(t).length===0?a:a.filter(([s])=>t[s])}function K({imgSrc:a,name:t,isActive:s,onSelect:x}){return e.jsxs("button",{onClick:x,className:"flex flex-col items-center gap-1 cursor-pointer group",title:t,children:[e.jsx("div",{className:`w-32 h-32 rounded overflow-hidden border-2 transition-all bg-[#1a1a1a] ${s?"border-[#005c75] ring-1 ring-[#005c75]":"border-transparent hover:border-[#4d4d4d]"}`,children:a?e.jsx("img",{src:a,alt:t,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 ${s?"text-white":"text-gray-500 group-hover:text-gray-300"}`,children:t})]})}function he({testFile:a,entityName:t}){const{results:s,isRunning:x,runTests:u}=je(a);if(x&&!s)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(!s)return null;if(s.status==="error")return e.jsx("div",{className:"px-2 pt-1",children:e.jsx("span",{className:"text-[10px] text-red-400",children:s.errorMessage})});const j=t?s.testCases.filter(d=>d.fullName.startsWith(t)):s.testCases,p=j.length>0?j:s.testCases;if(p.length===0)return null;const N=t?`${t} > `:"";return e.jsxs("div",{className:"px-2 pt-1 space-y-0.5",children:[p.map(d=>{var C;const S=N&&d.fullName.startsWith(N)?d.fullName.slice(N.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:S})]}),d.status==="failed"&&((C=d.failureMessages)==null?void 0:C.map((w,E)=>e.jsx("div",{className:"pl-4 text-[9px] text-red-300/70 truncate max-w-full",title:w,children:w.split(`
+`)[0]},E)))]},d.fullName)}),e.jsx("button",{onClick:u,disabled:x,className:"mt-1 text-[10px] text-[#00a0c4] hover:text-[#00c4ee] transition-colors cursor-pointer disabled:opacity-50 bg-transparent border-none p-0",children:x?"Running...":"Re-run"})]})}function V({filePath:a}){return a?e.jsxs("div",{className:"flex items-center gap-1 px-2 mt-0.5",children:[e.jsxs("a",{href:`/api/editor-file?path=${encodeURIComponent(a)}`,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:a}),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(ge,{content:a,icon:!0,iconSize:10,className:"shrink-0 text-gray-500 hover:text-gray-300 transition-colors"})]}):null}function Ct({scenarios:a,projectRoot:t,activeScenarioId:s,onScenarioSelect:x,zoomComponent:u,onZoomChange:j,analyzedEntities:p=[],glossaryFunctions:N=[],activeAnalyzedScenarioId:d,onAnalyzedScenarioSelect:S,entityImports:C,pageFilePaths:w={}}){const{pageGroups:E,componentGroups:P}=r.useMemo(()=>{const n=new Map,c=new Map;for(const y of a)if(y.componentName){const L=c.get(y.componentName)||[];L.push(y),c.set(y.componentName,L)}else{const L=be(y.url),o=n.get(L)||[];o.push(y),n.set(L,o)}const m=new Map([...c.entries()].sort(([y],[L])=>y.localeCompare(L)));return{pageGroups:n,componentGroups:m}},[a]),R=r.useMemo(()=>{const n=new Set((p||[]).filter(m=>m.entityType==="visual").map(m=>m.name)),c=new Map;for(const[m,y]of P)n.has(m)||c.set(m,y);return c},[P,p]),{visualEntities:g,libraryEntities:$}=r.useMemo(()=>{const n=p.filter(m=>m.entityType==="visual").sort((m,y)=>m.name.localeCompare(y.name)),c=p.filter(m=>m.entityType==="library"||m.entityType==="functionCall").sort((m,y)=>m.name.localeCompare(y.name));return{visualEntities:n,libraryEntities:c}},[p]),T=r.useMemo(()=>{const n=new Set($.map(c=>c.name));return N.filter(c=>!n.has(c.name)).sort((c,m)=>c.name.localeCompare(m.name))},[N,$]),b=p.some(n=>n.isAnalyzing),M=r.useRef(null),l=r.useRef(0),v=r.useCallback(()=>{M.current&&(l.current=M.current.scrollTop)},[]);if(r.useEffect(()=>{M.current&&l.current>0&&(M.current.scrollTop=l.current)}),a.length===0&&p.length===0&&T.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(u){const n=P.get(u)||[],c=new Set((C==null?void 0:C[u])||[]),m=c.size>0,y=m?g.filter(o=>c.has(o.name)):[],L=m?$.filter(o=>c.has(o.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:()=>j(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:u})}),e.jsx("div",{className:"flex flex-wrap gap-2 px-2",children:n.length===0?e.jsx("div",{className:"px-3 py-2 text-xs text-gray-500",children:"No scenarios for this component"}):n.map(o=>e.jsx(K,{imgSrc:o.screenshotPath?`/api/editor-scenario-image/${o.id}.png`:null,name:o.name,isActive:o.id===s,onSelect:()=>x(o)},o.id))}),y.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"})}),y.map(o=>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:()=>j(o.name),className:"text-[11px] font-medium text-gray-400 truncate cursor-pointer hover:text-white transition-colors bg-transparent border-none p-0",children:o.name})}),e.jsx(V,{filePath:o.filePath,projectRoot:t}),(o.scenarios.length>0||o.pendingScenarios.length>0)&&e.jsx("div",{className:"flex flex-wrap gap-2 px-2 pt-1",children:o.scenarios.map(h=>e.jsx(K,{imgSrc:h.screenshotPath?`/api/screenshot/${h.screenshotPath}`:null,name:h.name,isActive:h.id===d,onSelect:()=>S==null?void 0:S({analysisId:o.analysisId,scenarioId:h.id,scenarioName:h.name,entitySha:o.sha,entityName:o.name})},h.id))})]},o.sha))]}),L.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"})}),L.map(o=>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:o.name})}),e.jsx(V,{filePath:o.filePath,projectRoot:t}),o.testFile&&e.jsx(he,{testFile:o.testFile,entityName:o.name})]},o.sha))]})]})})}return e.jsx("div",{ref:M,onScroll:v,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(([n],[c])=>n==="Home"?-1:c==="Home"?1:n.localeCompare(c)).map(([n,c])=>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:n})}),w[n]&&e.jsx(V,{filePath:w[n],projectRoot:t}),e.jsx("div",{className:"flex flex-wrap gap-2 pt-1",children:c.map(m=>e.jsx(K,{imgSrc:m.screenshotPath?`/api/editor-scenario-image/${m.id}.png`:null,name:m.name,isActive:m.id===s&&!d,onSelect:()=>x(m)},m.id))})]},n))]}),R.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"})}),[...R.entries()].map(([n,c])=>{var m;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:()=>j(n),className:"text-[11px] font-medium text-gray-400 truncate cursor-pointer hover:text-white transition-colors bg-transparent border-none p-0",children:n})}),((m=c[0])==null?void 0:m.componentPath)&&e.jsx(V,{filePath:c[0].componentPath,projectRoot:t}),e.jsx("div",{className:"flex flex-wrap gap-2 px-2 pt-1",children:c.map(y=>e.jsx(K,{imgSrc:y.screenshotPath?`/api/editor-scenario-image/${y.id}.png`:null,name:y.name,isActive:y.id===s&&!d,onSelect:()=>x(y)},y.id))})]},n)})]}),g.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"}),b&&a.length===0&&p.every(n=>n.scenarioCount===0)&&e.jsx("span",{className:"ml-2 text-[10px] text-gray-500",children:"— Entities are being analyzed..."})]}),g.map(n=>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:()=>j(n.name),className:"text-[11px] font-medium text-gray-400 truncate cursor-pointer hover:text-white transition-colors bg-transparent border-none p-0",children:n.name}),n.isAnalyzing&&n.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(V,{filePath:n.filePath,projectRoot:t}),(n.scenarios.length>0||n.pendingScenarios.length>0)&&e.jsxs("div",{className:"flex flex-wrap gap-2 px-2 pt-1",children:[n.scenarios.map(c=>e.jsx(K,{imgSrc:c.screenshotPath?`/api/screenshot/${c.screenshotPath}`:null,name:c.name,isActive:c.id===d,onSelect:()=>S==null?void 0:S({analysisId:n.analysisId,scenarioId:c.id,scenarioName:c.name,entitySha:n.sha,entityName:n.name})},c.id)),n.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))]})]},n.sha))]}),($.length>0||T.length>0)&&e.jsxs("div",{className:`pt-2 mt-1 ${g.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"})}),$.map(n=>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:n.name}),n.isAnalyzing&&n.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(V,{filePath:n.filePath,projectRoot:t}),n.testFile?e.jsx(he,{testFile:n.testFile,entityName:n.name}):e.jsx("div",{className:"px-2 pt-1",children:e.jsx("span",{className:"text-[10px] text-gray-500",children:"No test file"})})]},n.sha)),T.map(n=>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:n.name})}),e.jsx(V,{filePath:n.filePath,projectRoot:t}),e.jsx(he,{testFile:n.testFile,entityName:n.name})]},n.name))]})]})})}function kt(a){const t=new Map;for(const s of[...a].reverse()){const x=t.get(s.date)||[];x.push(s),t.set(s.date,x)}return t}function Pt(a){const t=new Map;for(const s of a){const x=s.name.indexOf(" - "),u=x!==-1?s.name.slice(0,x):"App",j=t.get(u)||[];j.push(s),t.set(u,j)}return[...t.entries()].sort(([s],[x])=>s==="App"?-1:x==="App"?1:s.localeCompare(x))}function _e({status:a}){const t={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"}}[a.status];return e.jsx("span",{className:`${t.bg} ${t.text} ${t.border} border text-[8px] font-bold px-1 py-0 rounded-full uppercase tracking-wider`,children:t.label})}function Mt({testFile:a,entityName:t}){const{results:s,isRunning:x,runTests:u}=je(a);if(x&&!s)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(!s)return null;if(s.status==="error")return e.jsx("div",{className:"pt-1",children:e.jsx("span",{className:"text-[10px] text-red-400",children:s.errorMessage})});const j=t?s.testCases.filter(d=>d.fullName.startsWith(t)):s.testCases,p=j.length>0?j:s.testCases;if(p.length===0)return null;const N=t?`${t} > `:"";return e.jsxs("div",{className:"pt-1 space-y-0.5",children:[p.map(d=>{var C;const S=N&&d.fullName.startsWith(N)?d.fullName.slice(N.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:S})]}),d.status==="failed"&&((C=d.failureMessages)==null?void 0:C.map((w,E)=>e.jsx("div",{className:"pl-4 text-[9px] text-red-400/70 truncate max-w-full",title:w,children:w.split(`
+`)[0]},E)))]},d.fullName)}),e.jsx("button",{onClick:u,disabled:x,className:"mt-1 text-[10px] text-[#00a0c4] hover:text-[#38bdf8] transition-colors cursor-pointer disabled:opacity-50 bg-transparent border-none p-0",children:x?"Running...":"Re-run"})]})}const Et={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 $t(a){try{return new Date(a).toLocaleTimeString([],{hour:"2-digit",minute:"2-digit"})}catch{return""}}function It(a){try{return new Date(a+"T00:00:00").toLocaleDateString([],{weekday:"long",month:"long",day:"numeric"})}catch{return a}}function Tt({isActive:a,onScreenshotClick:t,glossaryFunctions:s=[],pageNames:x=[]}){const[u,j]=r.useState([]),[p,N]=r.useState(!0),[d,S]=r.useState(new Set),C=r.useCallback(P=>{S(R=>{const g=new Set(R);return g.has(P)?g.delete(P):g.add(P),g})},[]),w=r.useCallback(async()=>{try{const P=await fetch("/api/editor-journal");if(P.ok){const R=await P.json();j(R.entries||[])}}catch{}finally{N(!1)}},[]);if(r.useEffect(()=>{w()},[w]),r.useEffect(()=>{a&&w()},[a,w]),r.useEffect(()=>{const P=new EventSource("/api/events");return P.addEventListener("message",R=>{try{const g=JSON.parse(R.data);g.type==="db-change"&&g.changeType==="journal"&&w()}catch{}}),()=>P.close()},[w]),p)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(u.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 E=kt(u);return e.jsx("div",{className:"flex-1 overflow-auto",children:e.jsx("div",{className:"p-3 space-y-4",children:[...E.entries()].map(([P,R])=>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:It(P)})}),e.jsx("div",{className:"space-y-2",children:R.map((g,$)=>{const T=Et[g.type]||{label:g.type,color:"bg-gray-600"},b=`${g.time}-${$}`,M=d.has(b);return e.jsxs("div",{className:"bg-[#2d2d2d] rounded-lg overflow-hidden",children:[e.jsxs("div",{className:`p-3 space-y-2 ${M?"":"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:g.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:$t(g.time)})]})}),e.jsx("p",{className:"text-xs text-gray-400 leading-relaxed",children:g.description}),g.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:()=>t==null?void 0:t({screenshotUrl:`/api/editor-journal-image/${g.screenshot.replace("screenshots/","")}`,commitSha:g.commitSha,commitMessage:g.commitMessage,scenarioName:g.title}),children:e.jsx("img",{src:`/api/editor-journal-image/${g.screenshot.replace("screenshots/","")}`,alt:g.title,className:"max-w-full max-h-full object-contain",loading:"lazy"})}),g.scenarioScreenshots&&g.scenarioScreenshots.length>0&&(()=>{const l=Pt(g.scenarioScreenshots);new Set(x);const v=l.filter(([o])=>o==="App").flatMap(([,o])=>o),n=fe(l.filter(([o])=>o!=="App"),g.entityChangeStatus),c=g.entityChangeStatus,y=c&&Object.keys(c).length>0?x.filter(o=>c[o]):x,L=o=>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:()=>t==null?void 0:t({screenshotUrl:`/api/editor-journal-image/${o.path.replace("screenshots/","")}`,commitSha:g.commitSha,commitMessage:g.commitMessage,scenarioName:o.name}),children:e.jsx("img",{src:`/api/editor-journal-image/${o.path.replace("screenshots/","")}`,alt:o.name,title:o.name,className:"max-w-full max-h-full object-contain",loading:"lazy"})},o.path);return e.jsxs("div",{className:"space-y-2",children:[(y.length>0||v.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"}),y.map(o=>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:o}),(c==null?void 0:c[o])&&e.jsx(_e,{status:c[o]})]}),v.length>0&&e.jsx("div",{className:"flex flex-wrap gap-1 mt-0.5",children:v.map(L)})]},o))]}),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:"Components"}),n.map(([o,h])=>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:o}),(c==null?void 0:c[o])&&e.jsx(_e,{status:c[o]})]}),e.jsx("div",{className:"flex flex-wrap gap-1 mt-0.5",children:h.map(L)})]},o))]})]})})(),s.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:s.map(l=>e.jsxs("div",{children:[e.jsx("span",{className:"text-[11px] font-medium text-gray-200",children:l.name}),e.jsx("span",{className:"text-[9px] text-gray-500 truncate block",children:l.filePath}),l.testFile?e.jsx(Mt,{testFile:l.testFile,entityName:l.name}):e.jsx("div",{className:"pt-1",children:e.jsx("span",{className:"text-[10px] text-gray-500",children:"No test file"})})]},l.name))})]}),g.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:g.commitSha.slice(0,7)}),e.jsx("span",{className:"text-gray-500 truncate",children:g.commitMessage})]})]}),e.jsxs("button",{onClick:()=>C(b),className:"w-full py-1.5 text-[10px] text-gray-500 hover:text-gray-300 border-t border-[#3d3d3d] transition-colors cursor-pointer",children:["——— ",M?"Collapse":"Expand"," ———"]})]},b)})})]},P))})})}function U({imgSrc:a,name:t,isActive:s,onSelect:x}){return e.jsxs("button",{onClick:x,className:"flex flex-col items-center gap-1 cursor-pointer group",title:t,children:[e.jsx("div",{className:`w-24 h-24 rounded overflow-hidden border-2 transition-all bg-[#1a1a1a] ${s?"border-[#005c75] ring-1 ring-[#005c75]":"border-transparent hover:border-[#4d4d4d]"}`,children:a?e.jsx("img",{src:a,alt:t,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 ${s?"text-white":"text-gray-500 group-hover:text-gray-300"}`,children:t})]})}function Be({filePath:a}){return a?e.jsxs("div",{className:"flex items-center gap-1 mt-0.5",children:[e.jsxs("a",{href:`/api/editor-file?path=${encodeURIComponent(a)}`,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:a}),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(ge,{content:a,icon:!0,iconSize:10,className:"shrink-0 text-gray-500 hover:text-gray-300 transition-colors"})]}):null}function Rt({hasProject:a,scenarios:t,analyzedEntities:s,glossaryFunctions:x=[],projectRoot:u,activeScenarioId:j,onScenarioSelect:p,onAnalyzedScenarioSelect:N,onSwitchToBuild:d,zoomComponent:S,onZoomChange:C,entityImports:w,pageFilePaths:E={}}){const{pageGroups:P,componentGroups:R}=r.useMemo(()=>{const l=new Map,v=new Map;for(const c of t)if(c.componentName){const m=v.get(c.componentName)||[];m.push(c),v.set(c.componentName,m)}else{const m=be(c.url),y=l.get(m)||[];y.push(c),l.set(m,y)}const n=new Map([...v.entries()].sort(([c],[m])=>c.localeCompare(m)));return{pageGroups:l,componentGroups:n}},[t]),g=r.useRef(null),$=r.useRef(0),T=r.useCallback(()=>{g.current&&($.current=g.current.scrollTop)},[]);if(r.useEffect(()=>{g.current&&$.current>0&&(g.current.scrollTop=$.current)}),!a)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:d,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 b=r.useMemo(()=>s.filter(l=>l.entityType==="visual").sort((l,v)=>l.name.localeCompare(v.name)),[s]);if(!(t.length>0||b.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:d,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(S){const l=P.get(S)||[],v=R.get(S)||[],n=b.find(h=>h.name===S),c=P.has(S),m=new Set((w==null?void 0:w[S])||[]),y=m.size>0,L=y?[...R.entries()].filter(([h])=>m.has(h)):[...R.entries()],o=y?b.filter(h=>m.has(h.name)):b;return e.jsx("div",{className:"flex-1 overflow-auto",children:e.jsxs("div",{className:"p-4 space-y-3",children:[e.jsxs("button",{onClick:()=>C(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:S}),l.length>0&&e.jsx("div",{className:"flex flex-wrap gap-2",children:l.map(h=>e.jsx(U,{imgSrc:h.screenshotPath?`/api/editor-scenario-image/${h.id}.png`:null,name:h.name,isActive:h.id===j,onSelect:()=>p(h)},h.id))}),v.length>0&&e.jsx("div",{className:"flex flex-wrap gap-2",children:v.map(h=>e.jsx(U,{imgSrc:h.screenshotPath?`/api/editor-scenario-image/${h.id}.png`:null,name:h.name,isActive:h.id===j,onSelect:()=>p(h)},h.id))}),n&&(n.scenarios.length>0||n.pendingScenarios.length>0)&&e.jsxs("div",{className:"flex flex-wrap gap-2",children:[n.scenarios.map(h=>e.jsx(U,{imgSrc:h.screenshotPath?`/api/screenshot/${h.screenshotPath}`:null,name:h.name,isActive:!1,onSelect:()=>N({analysisId:n.analysisId,scenarioId:h.id,scenarioName:h.name,entitySha:n.sha,entityName:n.name})},h.id)),n.pendingScenarios.map(h=>e.jsx("div",{className:"px-2.5 py-1 bg-[#2a2a2a] text-gray-400 text-[10px] rounded-full",title:h,children:h},h))]}),c&&L.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"}),L.map(([h,D])=>e.jsxs("div",{className:"mt-3",children:[e.jsx("div",{className:"py-1",children:e.jsx("button",{onClick:()=>C(h),className:"text-[11px] font-medium text-gray-400 cursor-pointer hover:text-white transition-colors bg-transparent border-none p-0",children:h})}),e.jsx("div",{className:"flex flex-wrap gap-2 pt-1",children:D.map(B=>e.jsx(U,{imgSrc:B.screenshotPath?`/api/editor-scenario-image/${B.id}.png`:null,name:B.name,isActive:B.id===j,onSelect:()=>p(B)},B.id))})]},h))]}),c&&o.length>0&&e.jsxs("div",{className:`${L.length===0?"pt-2 mt-1 border-t border-[#3d3d3d]":"mt-2"}`,children:[L.length===0&&e.jsx("span",{className:"text-xs font-semibold text-gray-500 uppercase tracking-wider",children:"Components"}),o.map(h=>e.jsxs("div",{className:"mt-3",children:[e.jsx("div",{className:"py-1",children:e.jsx("button",{onClick:()=>C(h.name),className:"text-[11px] font-medium text-gray-400 cursor-pointer hover:text-white transition-colors bg-transparent border-none p-0",children:h.name})}),(h.scenarios.length>0||h.pendingScenarios.length>0)&&e.jsxs("div",{className:"flex flex-wrap gap-2 pt-1",children:[h.scenarios.map(D=>e.jsx(U,{imgSrc:D.screenshotPath?`/api/screenshot/${D.screenshotPath}`:null,name:D.name,isActive:!1,onSelect:()=>N({analysisId:h.analysisId,scenarioId:D.id,scenarioName:D.name,entitySha:h.sha,entityName:h.name})},D.id)),h.pendingScenarios.map(D=>e.jsx("div",{className:"px-2.5 py-1 bg-[#2a2a2a] text-gray-400 text-[10px] rounded-full",title:D,children:D},D))]})]},h.sha))]}),l.length===0&&v.length===0&&!n&&e.jsx("div",{className:"text-xs text-gray-500",children:"No scenarios for this entity"})]})})}return e.jsx("div",{ref:g,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:d,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"}),P.size>0&&e.jsxs("div",{children:[e.jsx("span",{className:"text-xs font-semibold text-gray-500 uppercase tracking-wider",children:"Application"}),[...P.entries()].sort(([l],[v])=>l==="Home"?-1:v==="Home"?1:l.localeCompare(v)).map(([l,v])=>e.jsxs("div",{className:"mt-2",children:[e.jsx("div",{className:"py-1",children:e.jsx("button",{onClick:()=>C(l),className:"text-[11px] font-medium text-gray-400 cursor-pointer hover:text-white transition-colors bg-transparent border-none p-0",children:l})}),E[l]&&e.jsx(Be,{filePath:E[l],projectRoot:u}),e.jsx("div",{className:"flex flex-wrap gap-2 pt-1",children:v.map(n=>e.jsx(U,{imgSrc:n.screenshotPath?`/api/editor-scenario-image/${n.id}.png`:null,name:n.name,isActive:n.id===j,onSelect:()=>p(n)},n.id))})]},l))]}),R.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"})}),[...R.entries()].map(([l,v])=>e.jsxs("div",{children:[e.jsx("div",{className:"py-1",children:e.jsx("button",{onClick:()=>C(l),className:"text-[11px] font-medium text-gray-400 cursor-pointer hover:text-white transition-colors bg-transparent border-none p-0",children:l})}),e.jsx("div",{className:"flex flex-wrap gap-2 pt-1",children:v.map(n=>e.jsx(U,{imgSrc:n.screenshotPath?`/api/editor-scenario-image/${n.id}.png`:null,name:n.name,isActive:n.id===j,onSelect:()=>p(n)},n.id))})]},l)),b.map(l=>e.jsxs("div",{children:[e.jsxs("div",{className:"flex items-center gap-2 py-1",children:[e.jsx("button",{onClick:()=>C(l.name),className:"text-[11px] font-medium text-gray-400 cursor-pointer hover:text-white transition-colors bg-transparent border-none p-0",children:l.name}),l.isAnalyzing&&l.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..."]})]}),(l.scenarios.length>0||l.pendingScenarios.length>0)&&e.jsxs("div",{className:"flex flex-wrap gap-2 pt-1",children:[l.scenarios.map(v=>e.jsx(U,{imgSrc:v.screenshotPath?`/api/screenshot/${v.screenshotPath}`:null,name:v.name,isActive:!1,onSelect:()=>N({analysisId:l.analysisId,scenarioId:v.id,scenarioName:v.name,entitySha:l.sha,entityName:l.name})},v.id)),l.pendingScenarios.map(v=>e.jsx("div",{className:"px-2.5 py-1 bg-[#2a2a2a] text-gray-400 text-[10px] rounded-full",title:v,children:v},v))]})]},l.sha)),x.length>0&&e.jsxs("div",{className:"pt-2 mt-1 border-t border-[#3d3d3d]",children:[e.jsx("div",{className:"py-1",children:e.jsx("span",{className:"text-xs font-semibold text-gray-500 uppercase tracking-wider",children:"Functions"})}),x.map(l=>e.jsxs("div",{className:"mt-2",children:[e.jsxs("div",{className:"flex items-center gap-2 py-1",children:[e.jsx("span",{className:"text-[11px] font-medium text-gray-300",children:l.name}),l.testFile&&e.jsx("span",{className:"text-[9px] text-green-400 bg-green-400/10 px-1.5 py-0.5 rounded",children:"tested"})]}),l.description&&e.jsx("p",{className:"text-[10px] text-gray-500 mt-0 mb-0 leading-relaxed",children:l.description}),e.jsx(Be,{filePath:l.filePath,projectRoot:u})]},l.name))]})]})})}function Lt({items:a,onNavigate:t}){return a.length===0?null:e.jsx("nav",{className:"flex items-center gap-1 text-xs",children:a.map((s,x)=>{const u=x===a.length-1;return e.jsxs("span",{className:"flex items-center gap-1",children:[x>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"})}),u?e.jsx("span",{className:"text-white font-medium",children:s.name}):e.jsx("button",{onClick:()=>t(s.componentName),className:"text-gray-400 hover:text-white transition-colors cursor-pointer",children:s.name})]},s.componentName||"app")})})}const De={new:0,edited:1,impacted:2};function Ae({status:a,onClick:t}){const s={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"}}[a.status],x=t&&(a.status==="edited"||a.status==="impacted");return e.jsx("button",{onClick:x?t:void 0,className:`${s.bg} ${s.text} ${s.border} border text-[9px] font-bold px-1.5 py-0.5 rounded-full uppercase tracking-wider shrink-0 ${x?"cursor-pointer hover:opacity-80 transition-opacity":"cursor-default"}`,children:s.label})}function ze({filePath:a}){const[t,s]=r.useState(null),[x,u]=r.useState(!0),[j,p]=r.useState(null);return r.useEffect(()=>{wt(()=>import("./index-yHOVb4rc.js"),__vite__mapDeps([0,1])).then(N=>{p(()=>N.default)})},[]),r.useEffect(()=>{u(!0),fetch(`/api/editor-file-diff?path=${encodeURIComponent(a)}`).then(N=>N.json()).then(N=>{s({oldContent:N.oldContent,newContent:N.newContent})}).catch(()=>{s(null)}).finally(()=>u(!1))},[a]),x?e.jsx("div",{className:"p-2 text-[10px] text-gray-400",children:"Loading diff..."}):!t||!j?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(j,{oldValue:t.oldContent,newValue:t.newContent,splitView:!1,useDarkTheme:!1,showDiffOnly:!0,styles:{contentText:{fontSize:"11px",lineHeight:"1.4"},line:{padding:"1px 8px",fontSize:"11px"}}})})}function Oe({impactedBy:a,changedEntities:t}){return e.jsx("div",{className:"mt-2 bg-amber-50 border border-amber-200 rounded-lg p-2.5",children:a&&a.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:a.map(s=>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 ${s.changeType==="new"?"bg-green-100 text-green-700 border-green-200":"bg-blue-100 text-blue-700 border-blue-200"}`,children:s.changeType==="new"?"New":"Edited"}),e.jsx("span",{className:"text-[11px] font-medium text-amber-800",children:s.name}),e.jsx("span",{className:"text-[9px] text-amber-500 truncate",children:s.filePath})]},s.filePath))})]}):t&&t.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:t.map(s=>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 ${s.status==="new"?"bg-green-100 text-green-700 border-green-200":"bg-blue-100 text-blue-700 border-blue-200"}`,children:s.status==="new"?"New":"Edited"}),e.jsx("span",{className:"text-[11px] font-medium text-amber-800",children:s.name})]},s.name))})]}):e.jsx("span",{className:"text-[10px] text-amber-600",children:"This component was re-captured because a dependency changed"})})}function Fe({scenarioId:a,name:t,isActive:s,onSelect:x}){const[u,j]=r.useState(!1);return r.useEffect(()=>{j(!1)},[a]),e.jsxs("button",{onClick:x,className:"flex flex-col items-center gap-1.5 cursor-pointer group",title:t,children:[e.jsx("div",{className:`w-32 h-32 rounded-lg overflow-hidden border-2 transition-all ${s?"border-[#0ea5e9] ring-2 ring-[#0ea5e9]/40 shadow-lg shadow-[#0ea5e9]/20":"border-gray-200 hover:border-gray-400 shadow-sm"}`,children:u?e.jsx("div",{className:"w-full h-full bg-gray-100 flex items-center justify-center",children:e.jsx("span",{className:"text-[9px] text-gray-400",children:"No preview"})}):e.jsx("img",{src:`/api/editor-scenario-image/${a}.png`,alt:t,className:"w-full h-full object-contain bg-white",loading:"lazy",onError:()=>j(!0)})}),e.jsx("span",{className:`text-[11px] leading-tight text-center truncate w-32 font-medium ${s?"text-gray-900":"text-gray-600 group-hover:text-gray-900"}`,children:t})]})}function _t({filePath:a}){return a?e.jsxs("div",{className:"flex items-center gap-1 mt-0.5",children:[e.jsxs("a",{href:`/api/editor-file?path=${encodeURIComponent(a)}`,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:a}),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(ge,{content:a,icon:!0,iconSize:10,className:"shrink-0 text-gray-400 hover:text-gray-600 transition-colors"})]}):null}function Bt({testFile:a,entityName:t}){const{results:s,isRunning:x,runTests:u}=je(a);if(x&&!s)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(!s)return null;if(s.status==="error")return e.jsx("div",{className:"pt-1",children:e.jsx("span",{className:"text-[10px] text-red-500",children:s.errorMessage})});const j=t?s.testCases.filter(d=>d.fullName.startsWith(t)):s.testCases,p=j.length>0?j:s.testCases;if(p.length===0)return null;const N=t?`${t} > `:"";return e.jsxs("div",{className:"pt-1 space-y-0.5",children:[p.map(d=>{var C;const S=N&&d.fullName.startsWith(N)?d.fullName.slice(N.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:S})]}),d.status==="failed"&&((C=d.failureMessages)==null?void 0:C.map((w,E)=>e.jsx("div",{className:"pl-4 text-[9px] text-red-400 truncate max-w-full",title:w,children:w.split(`
+`)[0]},E)))]},d.fullName)}),e.jsx("button",{onClick:u,disabled:x,className:"mt-1 text-[10px] text-[#0ea5e9] hover:text-[#38bdf8] transition-colors cursor-pointer disabled:opacity-50 bg-transparent border-none p-0",children:x?"Running...":"Re-run"})]})}function Ue(a){const t=a.indexOf(" - ");return t!==-1?a.slice(t+3):a}function Ve(a,t){return!t||Object.keys(t).length===0?a:[...a].sort(([s],[x])=>{var N,d;const u=((N=t[s])==null?void 0:N.status)||"impacted",j=((d=t[x])==null?void 0:d.status)||"impacted",p=(De[u]??2)-(De[j]??2);return p!==0?p:s.localeCompare(x)})}function Dt({scenarios:a,glossaryFunctions:t=[],projectRoot:s,activeScenarioId:x,onScenarioSelect:u,onClose:j,entityChangeStatus:p={}}){const N=r.useMemo(()=>Object.entries(p).filter(([,b])=>b.status==="new"||b.status==="edited").map(([b,M])=>({name:b,status:M.status})),[p]),[d,S]=r.useState(null),C=r.useCallback(b=>{S(M=>M===b?null:b)},[]),{pageGroups:w,componentGroups:E}=r.useMemo(()=>{const b=new Map,M=new Map;for(const l of a)if(l.componentName){const v=M.get(l.componentName)||[];v.push(l),M.set(l.componentName,v)}else{const v=be(l.url),n=b.get(v)||[];n.push(l),b.set(v,n)}return{pageGroups:b,componentGroups:M}},[a]),P=r.useMemo(()=>Ve([...w.entries()],p),[w,p]),R=r.useMemo(()=>Ve([...E.entries()],p),[E,p]),g=r.useMemo(()=>fe(P,p),[P,p]),$=r.useMemo(()=>fe(R,p),[R,p]),T=t;return a.length===0&&t.length===0?e.jsxs("div",{className:"h-full bg-white flex items-center justify-center relative",children:[e.jsx("button",{onClick:j,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.jsx("span",{className:"text-xs font-semibold text-gray-500 uppercase tracking-wider",children:"Working Session Results"}),e.jsx("button",{onClick:j,className:"text-gray-400 hover:text-gray-700 text-lg leading-none cursor-pointer bg-transparent border-none",title:"Close results",children:"×"})]}),e.jsx("div",{className:"flex-1 overflow-auto p-4",children:e.jsxs("div",{className:"space-y-5",children:[g.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:g.map(([b,M])=>{var c;const l=p[b],v=d===b,n=(c=M[0])==null?void 0:c.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:b}),l&&e.jsx(Ae,{status:l,onClick:()=>C(b)})]}),v&&(l==null?void 0:l.status)==="edited"&&n&&e.jsx(ze,{filePath:n}),v&&(l==null?void 0:l.status)==="impacted"&&e.jsx(Oe,{impactedBy:l.impactedBy,changedEntities:N}),e.jsx("div",{className:"flex flex-wrap gap-3",children:M.map(m=>e.jsx(Fe,{scenarioId:m.id,name:Ue(m.name),isActive:m.id===x,onSelect:()=>u(m)},m.id))})]},b)})})]}),$.length>0&&e.jsxs("div",{className:g.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:$.map(([b,M])=>{var c;const l=p[b],v=d===b,n=(c=M[0])==null?void 0:c.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:b}),l&&e.jsx(Ae,{status:l,onClick:()=>C(b)})]}),v&&(l==null?void 0:l.status)==="edited"&&n&&e.jsx(ze,{filePath:n}),v&&(l==null?void 0:l.status)==="impacted"&&e.jsx(Oe,{impactedBy:l.impactedBy,changedEntities:N}),e.jsx("div",{className:"flex flex-wrap gap-3",children:M.map(m=>e.jsx(Fe,{scenarioId:m.id,name:Ue(m.name),isActive:m.id===x,onSelect:()=>u(m)},m.id))})]},b)})})]}),T.length>0&&e.jsxs("div",{className:g.length>0||$.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:T.map(b=>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:b.name})}),e.jsx(_t,{filePath:b.filePath,projectRoot:s}),b.testFile?e.jsx(Bt,{testFile:b.testFile,entityName:b.name}):e.jsx("div",{className:"pt-1",children:e.jsx("span",{className:"text-[10px] text-gray-400",children:"No test file"})})]},b.name))})]})]})})]})}function q(a){return a.replace(/[^a-zA-Z0-9_]+/g,"_")}function At(a){const{activeAnalyzedScenario:t,analyzedPreviewUrl:s,activeScenarioId:x,scenarios:u,proxyUrl:j,devServerUrl:p,zoomComponent:N}=a;if(t&&s)return s;if(t&&!s)return null;if(x){const S=u.find(C=>C.id===x);if(S!=null&&S.url){const C=j||p;return C?S.url.startsWith("/")?`${C}${S.url}`:S.url:null}}const d=j||p;if(!d)return null;if(N&&x){const S=u.find(w=>w.id===x),C=S?q(S.name):"Default";return`${d}/__codeyam__/${N}/${C}`}return d}function zt(a,t){const s=t.width,x=t.height??900,u=a.width,j=a.height;return s<=u&&x<=j?1:Math.min(u/s,j/x)}const Qt=()=>[{title:"Editor - CodeYam"},{name:"description",content:"CodeYam Code + Data Editor"}],ue=[{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 Ot({analysisId:a,scenarioId:t,scenarioName:s,entityName:x,projectSlug:u,onStateChange:j}){const{interactiveServerUrl:p,isStarting:N,isLoading:d}=St({analysisId:a,scenarioId:t,scenarioName:s,entityName:x,projectSlug:u,enabled:!0});return r.useEffect(()=>{j(p,N||d)},[p,N,d,j]),null}const Xt=pt(function(){const{projectSlug:t,projectRoot:s,hasProject:x,scenarios:u,analyzedEntities:j,glossaryFunctions:p,entityImports:N,pageFilePaths:d,entityChangeStatus:S}=ht(),C=ut(),[w,E]=ft(),P=r.useRef(null),R=r.useRef(null),g=r.useRef(null),$=w.get("zoom")||void 0,T=w.get("scenario")||void 0;r.useEffect(()=>{if(!T)return;const i=u.find(k=>k.id===T);if(!i)return;const f=q(i.name);fetch("/api/editor-switch-scenario",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({scenarioSlug:f,scenarioId:i.id,scenarioName:i.name})}).catch(()=>{})},[T,u]),r.useEffect(()=>{const i=new BroadcastChannel("codeyam-editor");return i.onmessage=f=>{var k;if(((k=f.data)==null?void 0:k.type)==="switch-scenario"&&f.data.scenarioId){const I=f.data.scenarioId,z=u.find(pe=>pe.id===I);if(!z)return;const ee=new URLSearchParams(w);ee.set("scenario",I),ee.delete("zoom"),E(ee),te(null),Q(null),W(null);const mt=q(z.name);fetch("/api/editor-switch-scenario",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({scenarioSlug:mt,scenarioId:I})}).then(()=>{Y(pe=>pe+1),o(!1)}).catch(()=>{})}},()=>i.close()},[w,E,u]),r.useEffect(()=>{if(w.get("ref")!=="link"||!T)return;const i=new BroadcastChannel("codeyam-editor");i.postMessage({type:"switch-scenario",scenarioId:T}),i.close(),window.close()},[]);const[b,M]=r.useState(null),[l,v]=r.useState(null),[n,c]=r.useState(!1),[m,y]=r.useState(null),[L,o]=r.useState(!1),[h,D]=r.useState(!0),[B,te]=r.useState(null),[ve,Q]=r.useState(null),[se,Ne]=r.useState(!1),[O,W]=r.useState(null),[we,ye]=r.useState(!1),[Se,X]=r.useState(null),We=r.useCallback(i=>{W(i),X(null)},[]),He=r.useCallback((i,f)=>{Q(k=>(i&&i!==k&&o(!1),i)),!f&&i&&o(!0),Ne(f)},[]),Ce=r.useCallback(i=>{W(null),te(k=>(k&&k.analysisId===i.analysisId||(Q(null),Y(z=>z+1)),i)),Ne(!0),o(!1);const f=new URLSearchParams(w);f.delete("scenario"),f.delete("zoom"),E(f)},[w,E]),[Je,ke]=r.useState(1440),[_,ae]=r.useState({name:"Desktop",width:1440,height:900}),[Ge,ne]=r.useState(!1),[re,Ye]=r.useState(null),[A,H]=r.useState("app"),Ke=r.useCallback(()=>{H("build"),le(!0)},[]),[qe,le]=r.useState(!1),[Qe,Pe]=r.useState(!1),Xe=r.useCallback(i=>{Pe(i)},[]),[ie,Me]=r.useState(!1),Ze=r.useCallback(()=>{Me(!0),H("build"),le(!0)},[]),Ee=r.useCallback(()=>{Me(!1)},[]),[J,ce]=r.useState(!1),et=r.useCallback(()=>{if(J){ce(!1);return}typeof Notification<"u"&&Notification.permission==="default"?Notification.requestPermission().then(i=>{i==="granted"&&ce(!0)}):ce(!0)},[J]);r.useEffect(()=>{if(A==="build"){Pe(!1);const i=setTimeout(()=>{var f,k;(f=P.current)==null||f.scrollToBottom(),(k=P.current)==null||k.focus()},50);return()=>clearTimeout(i)}},[A]);const[oe,tt]=r.useState(null);r.useEffect(()=>{const i=g.current;if(!i)return;const f=new ResizeObserver(k=>{const I=k[0];I&&tt({width:I.contentRect.width,height:I.contentRect.height})});return f.observe(i),()=>f.disconnect()},[]);const G=r.useMemo(()=>oe?zt(oe,_):1,[oe,_]),[st,Y]=r.useState(0),[de,$e]=r.useState(null),at=r.useCallback(i=>{$e(i||null),Y(f=>f+1)},[]),{customSizes:Ie,addCustomSize:nt}=gt(t),Z=r.useMemo(()=>[...ue,...Ie],[Ie]),Te=r.useRef(!1);r.useEffect(()=>{let i=!1,f=null;const k=async()=>{try{const I=await fetch("/api/editor-dev-server");if(i)return;const z=await I.json();if(z.status==="error")M(null),v(null),c(!1),y(z.errorMessage||"Dev server crashed");else if(z.url)M(z.url),v(z.proxyUrl||null),c(!1),y(null),D(!0);else if(z.status==="starting")c(!0),y(null),D(!0);else if(z.status==="stopped")if(b)M(null),c(!1);else if(Te.current)c(!1);else{Te.current=!0;try{(await fetch("/api/editor-dev-server",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({action:"start"})})).ok?c(!0):D(!1)}catch{}}}catch{}};return k(),f=setInterval(()=>void k(),2e3),()=>{i=!0,f&&clearInterval(f)}},[b]),r.useEffect(()=>{const i=new EventSource("/api/events");let f=null;return i.addEventListener("message",k=>{try{const I=JSON.parse(k.data);(I.type==="db-change"||I.type==="unknown")&&(f&&clearTimeout(f),f=setTimeout(()=>{C.revalidate()},2e3))}catch{}}),()=>{f&&clearTimeout(f),i.close()}},[C]);const rt=r.useMemo(()=>{const i=[{name:"App"}];return $&&i.push({name:$,componentName:$}),i},[$]),xe=r.useCallback(i=>{const f=new URLSearchParams(w);if(i){f.set("zoom",i);const k=u.find(I=>I.componentName===i||I.componentName===null&&i==="Home");if(k){f.set("scenario",k.id);const I=q(k.name);fetch("/api/editor-switch-scenario",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({scenarioSlug:I,scenarioId:k.id})}).catch(()=>{}),Y(z=>z+1),o(!1)}else f.delete("scenario")}else f.delete("zoom"),f.delete("scenario");E(f)},[w,E,u]),me=r.useCallback(i=>{te(null),Q(null),W(null);const f=new URLSearchParams(w);f.set("scenario",i.id),E(f);const k=q(i.name);fetch("/api/editor-switch-scenario",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({scenarioSlug:k,scenarioId:i.id})}).catch(()=>{}),Y(I=>I+1),o(!1)},[w,E]),lt=(i,f)=>{ke(i);const k=Z.find(I=>I.width===i&&I.height===f);ae({name:(k==null?void 0:k.name)||"Custom",width:i,height:f})},Re=i=>{ke(i.width),ae({name:i.name,width:i.width,height:i.height})},it=i=>{nt(i,_.width,_.height??900),ne(!1),ae(f=>({...f,name:i}))},ct=()=>{B||o(!0)},ot=r.useCallback(()=>{y(null),c(!0),fetch("/api/editor-dev-server",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({action:"restart"})}).catch(()=>{})},[]),dt=r.useCallback(()=>{y(null),c(!0),fetch("/api/editor-dev-server",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({action:"start"})}).catch(()=>{})},[]),F=r.useMemo(()=>At({activeAnalyzedScenario:!!B,analyzedPreviewUrl:ve,activeScenarioId:T||null,scenarios:u,proxyUrl:l,devServerUrl:b,zoomComponent:$||null}),[l,b,$,T,u,B,ve]),xt=r.useMemo(()=>{if(!F||!de)return F;try{const i=new URL(F);return i.pathname=de,i.href}catch{return F}},[F,de]);return e.jsxs("div",{className:"fixed inset-0 bg-[#2d2d2d] flex flex-col",children:[B&&e.jsx(Ot,{analysisId:B.analysisId,scenarioId:B.scenarioId,scenarioName:B.scenarioName,entityName:B.entityName,projectSlug:t,onStateChange:He},B.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:yt,alt:"CodeYam",className:"h-6 brightness-0 invert"}),e.jsx("span",{className:"text-white font-medium text-sm whitespace-nowrap",children:"Editor"}),$&&e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"w-px h-4 bg-gray-600"}),e.jsx(Lt,{items:rt,onNavigate:xe})]}),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:`${ue[ue.length-1].width}px`,width:"100%"},children:e.jsx(jt,{currentViewportWidth:Je,currentPresetName:_.name,onDevicePresetClick:Re,devicePresets:Z,hideLabel:!0,onHoverChange:Ye,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:(re==null?void 0:re.name)||_.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:_.name,onChange:i=>{const f=Z.find(k=>k.name===i.target.value);f&&Re(f)},className:"relative w-full h-full opacity-0 cursor-pointer",children:[Z.map(i=>e.jsx("option",{value:i.name,children:i.name},i.name)),_.name==="Custom"&&e.jsx("option",{value:"Custom",children:"Custom"})]})]}),e.jsx("input",{type:"number",value:_.width,onChange:i=>{const f=parseInt(i.target.value,10);!isNaN(f)&&f>0&&lt(f,_.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:_.height??900}),_.name==="Custom"&&e.jsx("button",{onClick:()=>ne(!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:g,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:O?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:O.screenshotUrl,alt:O.scenarioName,className:"max-w-full h-auto block"})}),e.jsxs("div",{className:"flex items-center gap-2 text-sm text-[#666]",children:[O.commitSha&&e.jsx("span",{className:"font-mono text-xs text-[#00a0c4] bg-[#00a0c4]/15 px-2 py-0.5 rounded",children:O.commitSha.slice(0,7)}),e.jsxs("span",{className:"truncate",children:[O.scenarioName,O.commitMessage&&` — ${O.commitMessage}`]})]}),e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("button",{onClick:()=>W(null),className:"text-sm text-[#888] hover:text-[#333] transition-colors cursor-pointer px-3 py-1.5 rounded border border-[#ccc] hover:border-[#999] bg-white",children:"Back to live preview"}),O.commitSha&&e.jsx("button",{onClick:()=>{ye(!0),X(null),fetch("/api/editor-load-commit",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({commitSha:O.commitSha})}).then(i=>i.json()).then(i=>{i.success?(W(null),c(!0),o(!1)):X(i.error||"Failed to load commit")}).catch(i=>{X(i instanceof Error?i.message:"Network error")}).finally(()=>{ye(!1)})},disabled:we,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:we?"Loading...":"Load this version"})]}),Se&&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:Se})]}):F?e.jsx("div",{style:{width:`${_.width*G}px`,height:`${(_.height??900)*G}px`},children:e.jsxs("div",{className:"relative bg-white origin-top-left",style:{width:`${_.width}px`,height:`${_.height??900}px`,transform:G<1?`scale(${G})`:void 0},children:[!L&&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(Le,{})}),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:R,src:xt||F,className:"w-full h-full border-none",title:"Editor preview",onLoad:ct,style:{opacity:L?1:0}},st)]})}):e.jsx("div",{className:"bg-white rounded-lg shadow-sm flex flex-col items-center justify-center",style:{width:`${_.width*G}px`,height:`${(_.height??900)*G}px`},children:m?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:m}),e.jsx("button",{onClick:ot,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"})]}):n||se?e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"mb-4",children:e.jsx(Le,{})}),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:se?"Starting Interactive Mode":"Starting Dev Server"}),e.jsx("p",{className:"text-sm text-[#666] leading-5 m-0 font-['IBM_Plex_Sans']",children:se?"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:()=>H("app"),className:`px-3 py-2 text-xs font-medium transition-colors relative cursor-pointer ${A==="app"?"text-white":"text-gray-500 hover:text-gray-300"}`,children:["App",A==="app"&&e.jsx("span",{className:"absolute bottom-0 left-3 right-3 h-0.5 bg-[#005c75]"})]}),e.jsxs("button",{onClick:()=>{H("build"),le(!0)},className:`px-3 py-2 text-xs font-medium transition-colors relative cursor-pointer ${A==="build"?"text-white":"text-gray-500 hover:text-gray-300"}`,children:["Build",Qe&&A!=="build"&&e.jsx("span",{className:"ml-1.5 inline-block w-2 h-2 rounded-full bg-amber-400 animate-pulse"}),A==="build"&&e.jsx("span",{className:"absolute bottom-0 left-3 right-3 h-0.5 bg-[#005c75]"})]}),e.jsxs("button",{onClick:()=>H("data"),className:`px-3 py-2 text-xs font-medium transition-colors relative cursor-pointer ${A==="data"?"text-white":"text-gray-500 hover:text-gray-300"}`,children:["Data",A==="data"&&e.jsx("span",{className:"absolute bottom-0 left-3 right-3 h-0.5 bg-[#005c75]"})]}),e.jsxs("button",{onClick:()=>H("journal"),className:`px-3 py-2 text-xs font-medium transition-colors relative cursor-pointer ${A==="journal"?"text-white":"text-gray-500 hover:text-gray-300"}`,children:["Journal",A==="journal"&&e.jsx("span",{className:"absolute bottom-0 left-3 right-3 h-0.5 bg-[#005c75]"})]})]}),typeof Notification<"u"&&e.jsx("button",{onClick:et,className:`px-2 py-1 text-[10px] rounded transition-colors cursor-pointer ${J?"text-green-400 hover:text-green-300":"text-gray-500 hover:text-gray-300"}`,title:J?"Click to turn off notifications":"Click to get notified when Claude finishes",children:J?"Notifications On":"Notifications Off"})]}),e.jsxs("div",{className:"flex-1 overflow-hidden relative",children:[qe&&e.jsxs("div",{className:"absolute inset-0 flex flex-col overflow-hidden",style:{visibility:A==="build"?"visible":"hidden"},children:[e.jsx("div",{className:ie?"flex-1 min-h-0":"flex-1",style:ie?{flex:"1 1 50%"}:void 0,children:e.jsx(vt,{ref:P,entityName:"Editor",projectSlug:t,entityFilePath:null,scenarioName:null,onRefreshPreview:at,onShowResults:Ze,onHideResults:Ee,editorMode:!0,onIdleChange:Xe,notificationsEnabled:J})}),ie&&e.jsx("div",{style:{flex:"1 1 50%"},className:"min-h-0 border-t-2 border-gray-300",children:e.jsx(Dt,{scenarios:u,glossaryFunctions:p,projectRoot:s,activeScenarioId:T,onScenarioSelect:me,onClose:Ee,entityChangeStatus:S})})]}),e.jsx("div",{className:"absolute inset-0 flex flex-col overflow-hidden",style:{visibility:A==="app"?"visible":"hidden"},children:e.jsx(Rt,{hasProject:x,scenarios:u,analyzedEntities:[],glossaryFunctions:p,projectRoot:s,activeScenarioId:T,onScenarioSelect:me,onAnalyzedScenarioSelect:Ce,onSwitchToBuild:Ke,zoomComponent:$,onZoomChange:xe,entityImports:N,pageFilePaths:d})}),e.jsx("div",{className:"absolute inset-0 flex flex-col overflow-hidden",style:{visibility:A==="data"?"visible":"hidden"},children:e.jsx(Ct,{scenarios:u,projectRoot:s,activeScenarioId:T,onScenarioSelect:me,zoomComponent:$,onZoomChange:xe,analyzedEntities:[],glossaryFunctions:p,activeAnalyzedScenarioId:B==null?void 0:B.scenarioId,onAnalyzedScenarioSelect:Ce,entityImports:N,pageFilePaths:d})}),e.jsx("div",{className:"absolute inset-0 flex flex-col overflow-hidden",style:{visibility:A==="journal"?"visible":"hidden"},children:e.jsx(Tt,{isActive:A==="journal",onScreenshotClick:We,glossaryFunctions:p,pageNames:Object.keys(d)})})]})]})]}),e.jsx(Nt,{serverUrl:b,isStarting:n,projectSlug:t,devServerError:m,onStartServer:h?dt:void 0}),Ge&&e.jsx(bt,{width:_.width,height:_.height??900,onSave:it,onCancel:()=>ne(!1)})]})});export{Xt as default,Qt as meta};