@codeyam/codeyam-cli 0.1.0-staging.28f73cf → 0.1.0-staging.2ea44f6

package/codeyam-cli/src/webserver/build/client/assets/editor-Rfq_y0VR.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]);
+var nt=Object.defineProperty;var it=(t,s,a)=>s in t?nt(t,s,{enumerable:!0,configurable:!0,writable:!0,value:a}):t[s]=a;var Ce=(t,s,a)=>it(t,typeof s!="symbol"?s+"":s,a);import{r as i,j as e,w as lt,u as ot,f as ct,b as dt}from"./chunk-JZWAC4HX-C4pqxYJB.js";import{u as xt,S as mt}from"./useCustomSizes-CrAK28Bc.js";import{g as ee,c as pt,b as ht,a as ut,T as ft,D as gt}from"./editorPreview-GNwaLSmC.js";import{C as ue}from"./CopyButton-DmJveP3T.js";import{_ as jt}from"./preload-helper-ckwbz45p.js";import{c as vt}from"./cy-logo-cli-DcX-ZS3p.js";import{u as bt,S as Pe}from"./Spinner-Bb5uFQ5V.js";import"./copy-NDbZjXao.js";import"./createLucideIcon-CMT1jU2q.js";import"./useLastLogLine-C14nCb1q.js";function fe(t){const[s,a]=i.useState(null),[c,h]=i.useState(!1),m=i.useCallback(()=>{t&&(h(!0),fetch(`/api/editor-test-results?testFile=${encodeURIComponent(t)}`).then(x=>x.json()).then(x=>{a(x),h(!1)}).catch(()=>{a({testFilePath:t,status:"error",testCases:[],errorMessage:"Failed to fetch test results"}),h(!1)}))},[t]);return i.useEffect(()=>{t&&m()},[t,m]),{results:s,isRunning:c,runTests:m}}function se(t){if(!t||t==="/")return"Home";const a=t.split("?")[0].replace(/^\//,"").split("/")[0];return a.charAt(0).toUpperCase()+a.slice(1)}function he(t,s){return!s||Object.keys(s).length===0?t:t.filter(([a])=>s[a])}function Nt(t,s){return!s||Object.keys(s).length===0?t:t.filter(a=>s[a.name])}function X({imgSrc:t,name:s,isActive:a,onSelect:c}){return e.jsxs("button",{onClick:c,className:"flex flex-col items-center gap-1 cursor-pointer group",title:s,children:[e.jsx("div",{className:`w-32 h-32 rounded overflow-hidden border-2 transition-all bg-[#1a1a1a] ${a?"border-[#005c75] ring-1 ring-[#005c75]":"border-transparent hover:border-[#4d4d4d]"}`,children:t?e.jsx("img",{src:t,alt:s,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 ${a?"text-white":"text-gray-500 group-hover:text-gray-300"}`,children:s})]})}function pe({testFile:t,entityName:s}){const{results:a,isRunning:c,runTests:h}=fe(t);if(c&&!a)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(!a)return null;if(a.status==="error")return e.jsx("div",{className:"px-2 pt-1",children:e.jsx("span",{className:"text-[10px] text-red-400",children:a.errorMessage})});const m=s?a.testCases.filter(p=>p.fullName.startsWith(s)):a.testCases,x=m.length>0?m:a.testCases;if(x.length===0)return null;const u=s?`${s} > `:"";return e.jsxs("div",{className:"px-2 pt-1 space-y-0.5",children:[x.map(p=>{var y;const S=u&&p.fullName.startsWith(u)?p.fullName.slice(u.length):p.fullName;return e.jsxs("div",{children:[e.jsxs("div",{className:"flex items-center gap-1.5",children:[p.status==="passed"?e.jsx("span",{className:"text-green-400 text-[10px]",children:"✓"}):p.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] ${p.status==="passed"?"text-green-400":p.status==="failed"?"text-red-400":"text-gray-500"}`,children:S})]}),p.status==="failed"&&((y=p.failureMessages)==null?void 0:y.map((k,L)=>e.jsx("div",{className:"pl-4 text-[9px] text-red-300/70 truncate max-w-full",title:k,children:k.split(`
+`)[0]},L)))]},p.fullName)}),e.jsx("button",{onClick:h,disabled:c,className:"mt-1 text-[10px] text-[#00a0c4] hover:text-[#00c4ee] transition-colors cursor-pointer disabled:opacity-50 bg-transparent border-none p-0",children:c?"Running...":"Re-run"})]})}function V({filePath:t}){return t?e.jsxs("div",{className:"flex items-center gap-1 px-2 mt-0.5",children:[e.jsxs("a",{href:`/api/editor-file?path=${encodeURIComponent(t)}`,target:"_blank",rel:"noopener noreferrer",title:"Open file",className:"flex items-center gap-1 text-gray-500 hover:text-gray-300 transition-colors min-w-0",children:[e.jsx("span",{className:"text-[9px] truncate",children:t}),e.jsx("svg",{className:"shrink-0",width:"10",height:"10",viewBox:"0 0 12 12",fill:"none",children:e.jsx("path",{d:"M4.5 1.5H2.5C1.95 1.5 1.5 1.95 1.5 2.5V9.5C1.5 10.05 1.95 10.5 2.5 10.5H9.5C10.05 10.5 10.5 10.05 10.5 9.5V7.5M7.5 1.5H10.5M10.5 1.5V4.5M10.5 1.5L5 7",stroke:"currentColor",strokeWidth:"1.2",strokeLinecap:"round",strokeLinejoin:"round"})})]}),e.jsx(ue,{content:t,icon:!0,iconSize:10,className:"shrink-0 text-gray-500 hover:text-gray-300 transition-colors"})]}):null}function wt({scenarios:t,projectRoot:s,activeScenarioId:a,onScenarioSelect:c,zoomComponent:h,onZoomChange:m,analyzedEntities:x=[],glossaryFunctions:u=[],activeAnalyzedScenarioId:p,onAnalyzedScenarioSelect:S,entityImports:y,pageFilePaths:k={}}){const{pageGroups:L,componentGroups:M}=i.useMemo(()=>{const r=new Map,n=new Map;for(const g of t)if(g.componentName){const N=n.get(g.componentName)||[];N.push(g),n.set(g.componentName,N)}else{const N=se(g.url),d=r.get(N)||[];d.push(g),r.set(N,d)}const l=new Map([...n.entries()].sort(([g],[N])=>g.localeCompare(N)));return{pageGroups:r,componentGroups:l}},[t]),w=i.useMemo(()=>{const r=new Set((x||[]).filter(l=>l.entityType==="visual").map(l=>l.name)),n=new Map;for(const[l,g]of M)r.has(l)||n.set(l,g);return n},[M,x]),{visualEntities:f,libraryEntities:B}=i.useMemo(()=>{const r=x.filter(l=>l.entityType==="visual").sort((l,g)=>l.name.localeCompare(g.name)),n=x.filter(l=>l.entityType==="library"||l.entityType==="functionCall").sort((l,g)=>l.name.localeCompare(g.name));return{visualEntities:r,libraryEntities:n}},[x]),R=i.useMemo(()=>{const r=new Set(B.map(n=>n.name));return u.filter(n=>!r.has(n.name)).sort((n,l)=>n.name.localeCompare(l.name))},[u,B]),_=x.some(r=>r.isAnalyzing),T=i.useRef(null),C=i.useRef(0),v=i.useCallback(()=>{T.current&&(C.current=T.current.scrollTop)},[]);if(i.useEffect(()=>{T.current&&C.current>0&&(T.current.scrollTop=C.current)}),t.length===0&&x.length===0&&R.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(h){const r=M.get(h)||[],n=new Set((y==null?void 0:y[h])||[]),l=n.size>0,g=l?f.filter(d=>n.has(d.name)):[],N=l?B.filter(d=>n.has(d.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:h})}),e.jsx("div",{className:"flex flex-wrap gap-2 px-2",children:r.length===0?e.jsx("div",{className:"px-3 py-2 text-xs text-gray-500",children:"No scenarios for this component"}):r.map(d=>e.jsx(X,{imgSrc:d.screenshotPath?`/api/editor-scenario-image/${d.id}.png`:null,name:d.name,isActive:d.id===a,onSelect:()=>c(d)},d.id))}),g.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"})}),g.map(d=>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(d.name),className:"text-[11px] font-medium text-gray-400 truncate cursor-pointer hover:text-white transition-colors bg-transparent border-none p-0",children:d.name})}),e.jsx(V,{filePath:d.filePath,projectRoot:s}),(d.scenarios.length>0||d.pendingScenarios.length>0)&&e.jsx("div",{className:"flex flex-wrap gap-2 px-2 pt-1",children:d.scenarios.map(P=>e.jsx(X,{imgSrc:P.screenshotPath?`/api/screenshot/${P.screenshotPath}`:null,name:P.name,isActive:P.id===p,onSelect:()=>S==null?void 0:S({analysisId:d.analysisId,scenarioId:P.id,scenarioName:P.name,entitySha:d.sha,entityName:d.name})},P.id))})]},d.sha))]}),N.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"})}),N.map(d=>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:d.name})}),e.jsx(V,{filePath:d.filePath,projectRoot:s}),d.testFile&&e.jsx(pe,{testFile:d.testFile,entityName:d.name})]},d.sha))]})]})})}return e.jsx("div",{ref:T,onScroll:v,className:"flex-1 overflow-auto",children:e.jsxs("div",{className:"p-3 space-y-3",children:[L.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"})}),[...L.entries()].sort(([r],[n])=>r==="Home"?-1:n==="Home"?1:r.localeCompare(n)).map(([r,n])=>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:r})}),k[r]&&e.jsx(V,{filePath:k[r],projectRoot:s}),e.jsx("div",{className:"flex flex-wrap gap-2 pt-1",children:n.map(l=>e.jsx(X,{imgSrc:l.screenshotPath?`/api/editor-scenario-image/${l.id}.png`:null,name:l.name,isActive:l.id===a&&!p,onSelect:()=>c(l)},l.id))})]},r))]}),w.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"})}),[...w.entries()].map(([r,n])=>{var l;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(r),className:"text-[11px] font-medium text-gray-400 truncate cursor-pointer hover:text-white transition-colors bg-transparent border-none p-0",children:r})}),((l=n[0])==null?void 0:l.componentPath)&&e.jsx(V,{filePath:n[0].componentPath,projectRoot:s}),e.jsx("div",{className:"flex flex-wrap gap-2 px-2 pt-1",children:n.map(g=>e.jsx(X,{imgSrc:g.screenshotPath?`/api/editor-scenario-image/${g.id}.png`:null,name:g.name,isActive:g.id===a&&!p,onSelect:()=>c(g)},g.id))})]},r)})]}),f.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"}),_&&t.length===0&&x.every(r=>r.scenarioCount===0)&&e.jsx("span",{className:"ml-2 text-[10px] text-gray-500",children:"— Entities are being analyzed..."})]}),f.map(r=>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(r.name),className:"text-[11px] font-medium text-gray-400 truncate cursor-pointer hover:text-white transition-colors bg-transparent border-none p-0",children:r.name}),r.isAnalyzing&&r.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:r.filePath,projectRoot:s}),(r.scenarios.length>0||r.pendingScenarios.length>0)&&e.jsxs("div",{className:"flex flex-wrap gap-2 px-2 pt-1",children:[r.scenarios.map(n=>e.jsx(X,{imgSrc:n.screenshotPath?`/api/screenshot/${n.screenshotPath}`:null,name:n.name,isActive:n.id===p,onSelect:()=>S==null?void 0:S({analysisId:r.analysisId,scenarioId:n.id,scenarioName:n.name,entitySha:r.sha,entityName:r.name})},n.id)),r.pendingScenarios.map(n=>e.jsx("div",{className:"px-2.5 py-1 bg-[#2a2a2a] text-gray-400 text-[10px] rounded-full",title:n,children:n},n))]})]},r.sha))]}),(B.length>0||R.length>0)&&e.jsxs("div",{className:`pt-2 mt-1 ${f.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"})}),B.map(r=>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:r.name}),r.isAnalyzing&&r.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:r.filePath,projectRoot:s}),r.testFile?e.jsx(pe,{testFile:r.testFile,entityName:r.name}):e.jsx("div",{className:"px-2 pt-1",children:e.jsx("span",{className:"text-[10px] text-gray-500",children:"No test file"})})]},r.sha)),R.map(r=>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:r.name})}),e.jsx(V,{filePath:r.filePath,projectRoot:s}),e.jsx(pe,{testFile:r.testFile,entityName:r.name})]},r.name))]})]})})}function yt(t){const s=new Map;for(const a of[...t].reverse()){const c=s.get(a.date)||[];c.push(a),s.set(a.date,c)}return s}function St(t){const s=new Map;for(const a of t){const c=a.name.indexOf(" - "),h=c!==-1?a.name.slice(0,c):"App",m=s.get(h)||[];m.push(a),s.set(h,m)}return[...s.entries()].sort(([a],[c])=>a==="App"?-1:c==="App"?1:a.localeCompare(c))}const Me=120;function De({text:t,theme:s}){const[a,c]=i.useState(!1),h=t.length>Me,m=h&&!a?t.slice(0,Me)+"…":t,x=s==="light";return e.jsxs("div",{className:`px-4 py-2 ${x?"border-b border-gray-200 bg-gray-50":"border-b border-[#3d3d3d] bg-[#252525]"}`,children:[e.jsx("span",{className:"text-[9px] font-semibold uppercase tracking-wider text-gray-500",children:"User Prompt"}),e.jsxs("p",{className:`text-[11px] mt-0.5 mb-0 leading-relaxed ${x?"text-gray-600":"text-gray-400"}`,children:[m,h&&e.jsx("button",{onClick:()=>c(!a),className:`ml-1 text-[11px] font-medium bg-transparent border-none p-0 cursor-pointer ${x?"text-blue-500 hover:text-blue-700":"text-[#00a0c4] hover:text-[#00c0e8]"}`,children:a?"Show less":"Read more…"})]})]})}function Ee({status:t}){const s={new:{label:"New",bg:"bg-green-900/40",text:"text-green-400",border:"border-green-700/50"},edited:{label:"Edited",bg:"bg-blue-900/40",text:"text-blue-400",border:"border-blue-700/50"},impacted:{label:"Impacted",bg:"bg-amber-900/40",text:"text-amber-400",border:"border-amber-700/50"}}[t.status];return e.jsx("span",{className:`${s.bg} ${s.text} ${s.border} border text-[8px] font-bold px-1 py-0 rounded-full uppercase tracking-wider`,children:s.label})}function kt({testFile:t,entityName:s}){const{results:a,isRunning:c,runTests:h}=fe(t);if(c&&!a)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(!a)return null;if(a.status==="error")return e.jsx("div",{className:"pt-1",children:e.jsx("span",{className:"text-[10px] text-red-400",children:a.errorMessage})});const m=s?a.testCases.filter(p=>p.fullName.startsWith(s)):a.testCases,x=m.length>0?m:a.testCases;if(x.length===0)return null;const u=s?`${s} > `:"";return e.jsxs("div",{className:"pt-1 space-y-0.5",children:[x.map(p=>{var y;const S=u&&p.fullName.startsWith(u)?p.fullName.slice(u.length):p.fullName;return e.jsxs("div",{children:[e.jsxs("div",{className:"flex items-center gap-1.5",children:[p.status==="passed"?e.jsx("span",{className:"text-green-400 text-[10px]",children:"✓"}):p.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] ${p.status==="passed"?"text-green-400":p.status==="failed"?"text-red-400":"text-gray-500"}`,children:S})]}),p.status==="failed"&&((y=p.failureMessages)==null?void 0:y.map((k,L)=>e.jsx("div",{className:"pl-4 text-[9px] text-red-400/70 truncate max-w-full",title:k,children:k.split(`
+`)[0]},L)))]},p.fullName)}),e.jsx("button",{onClick:h,disabled:c,className:"mt-1 text-[10px] text-[#00a0c4] hover:text-[#38bdf8] transition-colors cursor-pointer disabled:opacity-50 bg-transparent border-none p-0",children:c?"Running...":"Re-run"})]})}const Ct={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 Pt(t){try{return new Date(t).toLocaleTimeString([],{hour:"2-digit",minute:"2-digit"})}catch{return""}}function Mt(t){try{return new Date(t+"T00:00:00").toLocaleDateString([],{weekday:"long",month:"long",day:"numeric"})}catch{return t}}function Et({isActive:t,onScreenshotClick:s,glossaryFunctions:a=[],pageNames:c=[]}){const[h,m]=i.useState([]),[x,u]=i.useState(!0),[p,S]=i.useState(new Set),y=i.useCallback(M=>{S(w=>{const f=new Set(w);return f.has(M)?f.delete(M):f.add(M),f})},[]),k=i.useCallback(async()=>{try{const M=await fetch("/api/editor-journal");if(M.ok){const w=await M.json();m(w.entries||[])}}catch{}finally{u(!1)}},[]);if(i.useEffect(()=>{k()},[k]),i.useEffect(()=>{t&&k()},[t,k]),i.useEffect(()=>{const M=new EventSource("/api/events");return M.addEventListener("message",w=>{try{const f=JSON.parse(w.data);f.type==="db-change"&&f.changeType==="journal"&&k()}catch{}}),()=>M.close()},[k]),x)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(h.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 L=yt(h);return e.jsx("div",{className:"flex-1 overflow-auto",children:e.jsx("div",{className:"p-3 space-y-4",children:[...L.entries()].map(([M,w])=>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:Mt(M)})}),e.jsx("div",{className:"space-y-2",children:w.map((f,B)=>{const R=Ct[f.type]||{label:f.type,color:"bg-gray-600"},_=`${f.time}-${B}`,T=p.has(_);return e.jsxs("div",{className:"bg-[#2d2d2d] rounded-lg overflow-hidden",children:[e.jsxs("div",{className:`p-3 space-y-2 ${T?"":"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:`${R.color} text-white text-[9px] font-bold px-1.5 py-0.5 rounded uppercase tracking-wider shrink-0`,children:R.label})]}),e.jsx("span",{className:"text-[10px] text-gray-500",children:Pt(f.time)}),f.featureName&&e.jsx("span",{className:"text-[10px] text-gray-500 italic truncate",title:f.featureName,children:f.featureName})]})}),f.userPrompt&&e.jsx(De,{text:f.userPrompt,theme:"dark"}),e.jsx("p",{className:"text-xs text-gray-400 leading-relaxed",children:f.description}),f.screenshot&&e.jsx("button",{type:"button",className:"rounded overflow-hidden border border-[#3d3d3d] hover:border-[#00a0c4] bg-[#1e1e1e] flex items-center justify-center p-1 cursor-pointer transition-colors w-full",onClick:()=>s==null?void 0:s({screenshotUrl:`/api/editor-journal-image/${f.screenshot.replace("screenshots/","")}`,commitSha:f.commitSha,commitMessage:f.commitMessage,scenarioName:f.title}),children:e.jsx("img",{src:`/api/editor-journal-image/${f.screenshot.replace("screenshots/","")}`,alt:f.title,className:"max-w-full max-h-full object-contain",loading:"lazy"})}),f.scenarioScreenshots&&f.scenarioScreenshots.length>0&&(()=>{const C=St(f.scenarioScreenshots);new Set(c);const v=C.filter(([d])=>d==="App").flatMap(([,d])=>d),r=he(C.filter(([d])=>d!=="App"),f.entityChangeStatus),n=f.entityChangeStatus,g=n&&Object.keys(n).length>0?c.filter(d=>n[d]):c,N=d=>e.jsx("button",{type:"button",className:"w-[4.5rem] h-[4.5rem] rounded overflow-hidden border border-[#3d3d3d] hover:border-[#00a0c4] bg-[#1e1e1e] shrink-0 flex items-center justify-center cursor-pointer transition-colors",onClick:()=>s==null?void 0:s({screenshotUrl:`/api/editor-journal-image/${d.path.replace("screenshots/","")}`,commitSha:f.commitSha,commitMessage:f.commitMessage,scenarioName:d.name}),children:e.jsx("img",{src:`/api/editor-journal-image/${d.path.replace("screenshots/","")}`,alt:d.name,title:d.name,className:"max-w-full max-h-full object-contain",loading:"lazy"})},d.path);return e.jsxs("div",{className:"space-y-2",children:[(g.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"}),g.map(d=>e.jsxs("div",{className:"flex items-center gap-1.5",children:[e.jsx("span",{className:"text-[10px] font-medium text-gray-400",children:d}),(n==null?void 0:n[d])&&e.jsx(Ee,{status:n[d]})]},d)),v.length>0&&e.jsx("div",{className:"flex flex-wrap gap-1 mt-0.5",children:v.map(N)})]}),r.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"}),r.map(([d,P])=>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:d}),(n==null?void 0:n[d])&&e.jsx(Ee,{status:n[d]})]}),e.jsx("div",{className:"flex flex-wrap gap-1 mt-0.5",children:P.map(N)})]},d))]})]})})(),a.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:a.map(C=>e.jsxs("div",{children:[e.jsx("span",{className:"text-[11px] font-medium text-gray-200",children:C.name}),e.jsx("span",{className:"text-[9px] text-gray-500 truncate block",children:C.filePath}),C.testFile?e.jsx(kt,{testFile:C.testFile,entityName:C.name}):e.jsx("div",{className:"pt-1",children:e.jsx("span",{className:"text-[10px] text-gray-500",children:"No test file"})})]},C.name))})]}),f.commitSha&&e.jsxs("div",{className:"flex items-center gap-1.5 text-[10px]",children:[e.jsx("span",{className:"font-mono text-[#00a0c4] bg-[#00a0c4]/10 px-1.5 py-0.5 rounded",children:f.commitSha.slice(0,7)}),e.jsx("span",{className:"text-gray-500 truncate",children:f.commitMessage})]})]}),e.jsxs("button",{onClick:()=>y(_),className:"w-full py-1.5 text-[10px] text-gray-500 hover:text-gray-300 border-t border-[#3d3d3d] transition-colors cursor-pointer",children:["——— ",T?"Collapse":"Expand"," ———"]})]},_)})})]},M))})})}function W({imgSrc:t,name:s,isActive:a,onSelect:c}){return e.jsxs("button",{onClick:c,className:"flex flex-col items-center gap-1 cursor-pointer group",title:s,children:[e.jsx("div",{className:`w-24 h-24 rounded overflow-hidden border-2 transition-all bg-[#1a1a1a] ${a?"border-[#005c75] ring-1 ring-[#005c75]":"border-transparent hover:border-[#4d4d4d]"}`,children:t?e.jsx("img",{src:t,alt:s,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 ${a?"text-white":"text-gray-500 group-hover:text-gray-300"}`,children:s})]})}function te({filePath:t}){return t?e.jsxs("div",{className:"flex items-center gap-1 mt-0.5",children:[e.jsxs("a",{href:`/api/editor-file?path=${encodeURIComponent(t)}`,target:"_blank",rel:"noopener noreferrer",title:"Open file",className:"flex items-center gap-1 text-gray-500 hover:text-gray-300 transition-colors min-w-0",children:[e.jsx("span",{className:"text-[9px] truncate",children:t}),e.jsx("svg",{className:"shrink-0",width:"10",height:"10",viewBox:"0 0 12 12",fill:"none",children:e.jsx("path",{d:"M4.5 1.5H2.5C1.95 1.5 1.5 1.95 1.5 2.5V9.5C1.5 10.05 1.95 10.5 2.5 10.5H9.5C10.05 10.5 10.5 10.05 10.5 9.5V7.5M7.5 1.5H10.5M10.5 1.5V4.5M10.5 1.5L5 7",stroke:"currentColor",strokeWidth:"1.2",strokeLinecap:"round",strokeLinejoin:"round"})})]}),e.jsx(ue,{content:t,icon:!0,iconSize:10,className:"shrink-0 text-gray-500 hover:text-gray-300 transition-colors"})]}):null}function Tt({hasProject:t,scenarios:s,analyzedEntities:a,glossaryFunctions:c=[],projectRoot:h,activeScenarioId:m,onScenarioSelect:x,onAnalyzedScenarioSelect:u,onSwitchToBuild:p,zoomComponent:S,onZoomChange:y,entityImports:k,pageFilePaths:L={}}){const{pageGroups:M,componentGroups:w}=i.useMemo(()=>{const v=new Map,r=new Map;for(const l of s)if(l.componentName){const g=r.get(l.componentName)||[];g.push(l),r.set(l.componentName,g)}else{const g=se(l.url),N=v.get(g)||[];N.push(l),v.set(g,N)}const n=new Map([...r.entries()].sort(([l],[g])=>l.localeCompare(g)));return{pageGroups:v,componentGroups:n}},[s]),f=i.useMemo(()=>a.filter(v=>v.entityType==="visual").sort((v,r)=>v.name.localeCompare(r.name)),[a]),B=i.useMemo(()=>{const v=new Map;for(const r of c)v.set(r.name,r);return v},[c]),R=i.useRef(null),_=i.useRef(0),T=i.useCallback(()=>{R.current&&(_.current=R.current.scrollTop)},[]);if(i.useEffect(()=>{R.current&&_.current>0&&(R.current.scrollTop=_.current)}),!t)return e.jsx("div",{className:"flex-1 flex items-center justify-center",children:e.jsxs("div",{className:"flex flex-col items-center gap-4",children:[e.jsx("h2",{className:"text-lg font-medium text-white font-['IBM_Plex_Sans'] m-0",children:"Ready to build something?"}),e.jsx("button",{onClick:p,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.length>0||f.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-wpn-70",children:"Describe what you want to build in the Chat and your pages and components will appear here."}),e.jsx("button",{onClick:p,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 v=M.get(S)||[],r=w.get(S)||[],n=f.find(j=>j.name===S),l=B.get(S),g=[...v,...r],N=new Set((k==null?void 0:k[S])||[]),d=N.size>0,P=d?[...w.entries()].filter(([j])=>N.has(j)):[],O=d?f.filter(j=>N.has(j.name)&&!P.some(([I])=>I===j.name)):[],D=d?c.filter(j=>N.has(j.name)):[],H=P.length>0||O.length>0,K=D.length>0,J=H||K;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.jsxs("div",{children:[e.jsx("h2",{className:"text-sm font-semibold text-white m-0 font-['IBM_Plex_Sans'] uppercase tracking-wider",children:S}),l&&e.jsx(te,{filePath:l.filePath,projectRoot:h})]}),g.length>0&&e.jsx("div",{className:"flex flex-wrap gap-2",children:g.map(j=>e.jsx(W,{imgSrc:j.screenshotPath?`/api/editor-scenario-image/${j.id}.png`:null,name:j.name,isActive:j.id===m,onSelect:()=>x(j)},j.id))}),n&&(n.scenarios.length>0||n.pendingScenarios.length>0)&&e.jsxs("div",{className:"flex flex-wrap gap-2",children:[n.scenarios.map(j=>e.jsx(W,{imgSrc:j.screenshotPath?`/api/screenshot/${j.screenshotPath}`:null,name:j.name,isActive:!1,onSelect:()=>u({analysisId:n.analysisId,scenarioId:j.id,scenarioName:j.name,entitySha:n.sha,entityName:n.name})},j.id)),n.pendingScenarios.map(j=>e.jsx("div",{className:"px-2.5 py-1 bg-[#2a2a2a] text-gray-400 text-[10px] rounded-full",title:j,children:j},j))]}),l&&e.jsxs("div",{className:"flex items-center gap-1.5",children:[e.jsx("span",{className:"text-[10px] text-gray-500",children:"Tests:"}),e.jsx(te,{filePath:l.testFile,projectRoot:h})]}),g.length===0&&!n&&!l&&e.jsx("div",{className:"text-xs text-gray-500",children:"No scenarios for this entity"}),J&&e.jsxs("div",{className:"pt-3 mt-2 border-t border-[#3d3d3d] space-y-3",children:[H&&e.jsxs("div",{children:[e.jsx("span",{className:"text-xs font-semibold text-gray-500 uppercase tracking-wider",children:"Components"}),P.map(([j,I])=>e.jsxs("div",{className:"mt-3",children:[e.jsx("div",{className:"py-1",children:e.jsx("button",{onClick:()=>y(j),className:"text-[11px] font-medium text-gray-400 cursor-pointer hover:text-white transition-colors bg-transparent border-none p-0",children:j})}),I.length>0&&e.jsx("div",{className:"flex flex-wrap gap-2 pt-1",children:I.map(F=>e.jsx(W,{imgSrc:F.screenshotPath?`/api/editor-scenario-image/${F.id}.png`:null,name:F.name,isActive:F.id===m,onSelect:()=>x(F)},F.id))})]},j)),O.map(j=>e.jsxs("div",{className:"mt-3",children:[e.jsx("div",{className:"py-1",children:e.jsx("button",{onClick:()=>y(j.name),className:"text-[11px] font-medium text-gray-400 cursor-pointer hover:text-white transition-colors bg-transparent border-none p-0",children:j.name})}),(j.scenarios.length>0||j.pendingScenarios.length>0)&&e.jsxs("div",{className:"flex flex-wrap gap-2 pt-1",children:[j.scenarios.map(I=>e.jsx(W,{imgSrc:I.screenshotPath?`/api/screenshot/${I.screenshotPath}`:null,name:I.name,isActive:!1,onSelect:()=>u({analysisId:j.analysisId,scenarioId:I.id,scenarioName:I.name,entitySha:j.sha,entityName:j.name})},I.id)),j.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))]})]},j.sha))]}),K&&e.jsxs("div",{children:[e.jsx("span",{className:"text-xs font-semibold text-gray-500 uppercase tracking-wider",children:"Functions"}),D.map(j=>e.jsxs("div",{className:"mt-2",children:[e.jsx("div",{className:"py-1",children:e.jsx("button",{onClick:()=>y(j.name),className:"text-[11px] font-medium text-gray-400 cursor-pointer hover:text-white transition-colors bg-transparent border-none p-0",children:j.name})}),e.jsx(te,{filePath:j.filePath,projectRoot:h}),j.testFile&&e.jsxs("div",{className:"flex items-center gap-1.5 mt-0.5",children:[e.jsx("span",{className:"text-[9px] text-gray-600",children:"test:"}),e.jsx("span",{className:"text-[9px] text-gray-500 truncate",children:j.testFile})]})]},j.name))]})]})]})})}return e.jsx("div",{ref:R,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:p,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"}),M.size>0&&e.jsxs("div",{children:[e.jsx("span",{className:"text-xs font-semibold text-gray-500 uppercase tracking-wider",children:"Application"}),[...M.entries()].sort(([v],[r])=>v==="Home"?-1:r==="Home"?1:v.localeCompare(r)).map(([v,r])=>e.jsxs("div",{className:"mt-2",children:[e.jsx("div",{className:"py-1",children:e.jsx("button",{onClick:()=>y(v),className:"text-[11px] font-medium text-gray-400 cursor-pointer hover:text-white transition-colors bg-transparent border-none p-0",children:v})}),L[v]&&e.jsx(te,{filePath:L[v],projectRoot:h}),e.jsx("div",{className:"flex flex-wrap gap-2 pt-1",children:r.map(n=>e.jsx(W,{imgSrc:n.screenshotPath?`/api/editor-scenario-image/${n.id}.png`:null,name:n.name,isActive:n.id===m,onSelect:()=>x(n)},n.id))})]},v))]}),w.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"})}),[...w.entries()].map(([v,r])=>e.jsxs("div",{children:[e.jsx("div",{className:"py-1",children:e.jsx("button",{onClick:()=>y(v),className:"text-[11px] font-medium text-gray-400 cursor-pointer hover:text-white transition-colors bg-transparent border-none p-0",children:v})}),e.jsx("div",{className:"flex flex-wrap gap-2 pt-1",children:r.map(n=>e.jsx(W,{imgSrc:n.screenshotPath?`/api/editor-scenario-image/${n.id}.png`:null,name:n.name,isActive:n.id===m,onSelect:()=>x(n)},n.id))})]},v)),f.map(v=>e.jsxs("div",{children:[e.jsxs("div",{className:"flex items-center gap-2 py-1",children:[e.jsx("button",{onClick:()=>y(v.name),className:"text-[11px] font-medium text-gray-400 cursor-pointer hover:text-white transition-colors bg-transparent border-none p-0",children:v.name}),v.isAnalyzing&&v.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..."]})]}),(v.scenarios.length>0||v.pendingScenarios.length>0)&&e.jsxs("div",{className:"flex flex-wrap gap-2 pt-1",children:[v.scenarios.map(r=>e.jsx(W,{imgSrc:r.screenshotPath?`/api/screenshot/${r.screenshotPath}`:null,name:r.name,isActive:!1,onSelect:()=>u({analysisId:v.analysisId,scenarioId:r.id,scenarioName:r.name,entitySha:v.sha,entityName:v.name})},r.id)),v.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))]})]},v.sha))]})})}const Te={new:0,edited:1,impacted:2};function Le({status:t,onClick:s}){const a={new:{label:"New",bg:"bg-green-100",text:"text-green-700",border:"border-green-200"},edited:{label:"Edited",bg:"bg-blue-100",text:"text-blue-700",border:"border-blue-200"},impacted:{label:"Impacted",bg:"bg-amber-100",text:"text-amber-700",border:"border-amber-200"}}[t.status],c=s&&(t.status==="edited"||t.status==="impacted");return e.jsx("button",{onClick:c?s:void 0,className:`${a.bg} ${a.text} ${a.border} border text-[9px] font-bold px-1.5 py-0.5 rounded-full uppercase tracking-wider shrink-0 ${c?"cursor-pointer hover:opacity-80 transition-opacity":"cursor-default"}`,children:a.label})}function Ie({filePath:t}){const[s,a]=i.useState(null),[c,h]=i.useState(!0),[m,x]=i.useState(null);return i.useEffect(()=>{jt(()=>import("./index-yHOVb4rc.js"),__vite__mapDeps([0,1])).then(u=>{x(()=>u.default)})},[]),i.useEffect(()=>{h(!0),fetch(`/api/editor-file-diff?path=${encodeURIComponent(t)}`).then(u=>u.json()).then(u=>{a({oldContent:u.oldContent,newContent:u.newContent})}).catch(()=>{a(null)}).finally(()=>h(!1))},[t]),c?e.jsx("div",{className:"p-2 text-[10px] text-gray-400",children:"Loading diff..."}):!s||!m?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(m,{oldValue:s.oldContent,newValue:s.newContent,splitView:!1,useDarkTheme:!1,showDiffOnly:!0,styles:{contentText:{fontSize:"11px",lineHeight:"1.4"},line:{padding:"1px 8px",fontSize:"11px"}}})})}function $e({impactedBy:t,changedEntities:s}){return e.jsx("div",{className:"mt-2 bg-amber-50 border border-amber-200 rounded-lg p-2.5",children:t&&t.length>0?e.jsxs(e.Fragment,{children:[e.jsx("span",{className:"text-[10px] font-semibold text-amber-700 uppercase tracking-wider",children:"Re-captured because these dependencies changed"}),e.jsx("ul",{className:"mt-1.5 space-y-1",children:t.map(a=>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 ${a.changeType==="new"?"bg-green-100 text-green-700 border-green-200":"bg-blue-100 text-blue-700 border-blue-200"}`,children:a.changeType==="new"?"New":"Edited"}),e.jsx("span",{className:"text-[11px] font-medium text-amber-800",children:a.name}),e.jsx("span",{className:"text-[9px] text-amber-500 truncate",children:a.filePath})]},a.filePath))})]}):s&&s.length>0?e.jsxs(e.Fragment,{children:[e.jsx("span",{className:"text-[10px] font-semibold text-amber-700 uppercase tracking-wider",children:"Unchanged — these entities were modified in this session"}),e.jsx("ul",{className:"mt-1.5 space-y-1",children:s.map(a=>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 ${a.status==="new"?"bg-green-100 text-green-700 border-green-200":"bg-blue-100 text-blue-700 border-blue-200"}`,children:a.status==="new"?"New":"Edited"}),e.jsx("span",{className:"text-[11px] font-medium text-amber-800",children:a.name})]},a.name))})]}):e.jsx("span",{className:"text-[10px] text-amber-600",children:"This component was re-captured because a dependency changed"})})}function Re({scenarioId:t,name:s,isActive:a,onSelect:c}){const[h,m]=i.useState(!1);return i.useEffect(()=>{m(!1)},[t]),e.jsxs("button",{onClick:c,className:"flex flex-col items-center gap-1.5 cursor-pointer group",title:s,children:[e.jsx("div",{className:`w-32 h-32 rounded-lg overflow-hidden border-2 transition-all ${a?"border-[#0ea5e9] ring-2 ring-[#0ea5e9]/40 shadow-lg shadow-[#0ea5e9]/20":"border-gray-200 hover:border-gray-400 shadow-sm"}`,children:h?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/${t}.png`,alt:s,className:"w-full h-full object-contain bg-white",loading:"lazy",onError:()=>m(!0)})}),e.jsx("span",{className:`text-[11px] leading-tight text-center truncate w-32 font-medium ${a?"text-gray-900":"text-gray-600 group-hover:text-gray-900"}`,children:s})]})}function Lt({filePath:t}){return t?e.jsxs("div",{className:"flex items-center gap-1 mt-0.5",children:[e.jsxs("a",{href:`/api/editor-file?path=${encodeURIComponent(t)}`,target:"_blank",rel:"noopener noreferrer",title:"Open file",className:"flex items-center gap-1 text-gray-400 hover:text-gray-600 transition-colors min-w-0",children:[e.jsx("span",{className:"text-[9px] truncate",children:t}),e.jsx("svg",{className:"shrink-0",width:"10",height:"10",viewBox:"0 0 12 12",fill:"none",children:e.jsx("path",{d:"M4.5 1.5H2.5C1.95 1.5 1.5 1.95 1.5 2.5V9.5C1.5 10.05 1.95 10.5 2.5 10.5H9.5C10.05 10.5 10.5 10.05 10.5 9.5V7.5M7.5 1.5H10.5M10.5 1.5V4.5M10.5 1.5L5 7",stroke:"currentColor",strokeWidth:"1.2",strokeLinecap:"round",strokeLinejoin:"round"})})]}),e.jsx(ue,{content:t,icon:!0,iconSize:10,className:"shrink-0 text-gray-400 hover:text-gray-600 transition-colors"})]}):null}function It({testFile:t,entityName:s}){const{results:a,isRunning:c,runTests:h}=fe(t);if(c&&!a)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(!a)return null;if(a.status==="error")return e.jsx("div",{className:"pt-1",children:e.jsx("span",{className:"text-[10px] text-red-500",children:a.errorMessage})});const m=s?a.testCases.filter(p=>p.fullName.startsWith(s)):a.testCases,x=m.length>0?m:a.testCases;if(x.length===0)return null;const u=s?`${s} > `:"";return e.jsxs("div",{className:"pt-1 space-y-0.5",children:[x.map(p=>{var y;const S=u&&p.fullName.startsWith(u)?p.fullName.slice(u.length):p.fullName;return e.jsxs("div",{children:[e.jsxs("div",{className:"flex items-center gap-1.5",children:[p.status==="passed"?e.jsx("span",{className:"text-green-600 text-[10px]",children:"✓"}):p.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] ${p.status==="passed"?"text-green-600":p.status==="failed"?"text-red-500":"text-gray-400"}`,children:S})]}),p.status==="failed"&&((y=p.failureMessages)==null?void 0:y.map((k,L)=>e.jsx("div",{className:"pl-4 text-[9px] text-red-400 truncate max-w-full",title:k,children:k.split(`
+`)[0]},L)))]},p.fullName)}),e.jsx("button",{onClick:h,disabled:c,className:"mt-1 text-[10px] text-[#0ea5e9] hover:text-[#38bdf8] transition-colors cursor-pointer disabled:opacity-50 bg-transparent border-none p-0",children:c?"Running...":"Re-run"})]})}function Be(t){const s=t.indexOf(" - ");return s!==-1?t.slice(s+3):t}function Ae(t,s){return!s||Object.keys(s).length===0?t:[...t].sort(([a],[c])=>{var u,p;const h=((u=s[a])==null?void 0:u.status)||"impacted",m=((p=s[c])==null?void 0:p.status)||"impacted",x=(Te[h]??2)-(Te[m]??2);return x!==0?x:a.localeCompare(c)})}function $t({scenarios:t,allScenarios:s=[],glossaryFunctions:a=[],projectRoot:c,activeScenarioId:h,onScenarioSelect:m,onClose:x,entityChangeStatus:u={},featureName:p,userPrompt:S}){const y=i.useMemo(()=>{if(s.length===0||Object.keys(u).length===0)return t;const r=new Set(t.map(l=>l.id)),n=s.filter(l=>{var N;if(r.has(l.id))return!1;const g=l.componentName||se(l.url);return((N=u[g])==null?void 0:N.status)==="impacted"});return n.length===0?t:[...t,...n]},[t,s,u]),k=i.useMemo(()=>Object.entries(u).filter(([,r])=>r.status==="new"||r.status==="edited").map(([r,n])=>({name:r,status:n.status})),[u]),[L,M]=i.useState(null),w=i.useCallback(r=>{M(n=>n===r?null:r)},[]),{pageGroups:f,componentGroups:B}=i.useMemo(()=>{const r=new Map,n=new Map;for(const l of y)if(l.componentName){const g=n.get(l.componentName)||[];g.push(l),n.set(l.componentName,g)}else{const g=se(l.url),N=r.get(g)||[];N.push(l),r.set(g,N)}return{pageGroups:r,componentGroups:n}},[y]),R=i.useMemo(()=>Ae([...f.entries()],u),[f,u]),_=i.useMemo(()=>Ae([...B.entries()],u),[B,u]),T=i.useMemo(()=>he(R,u),[R,u]),C=i.useMemo(()=>he(_,u),[_,u]),v=i.useMemo(()=>Nt(a,u),[a,u]);return y.length===0&&a.length===0?e.jsxs("div",{className:"h-full bg-white flex items-center justify-center relative",children:[e.jsx("button",{onClick:x,className:"absolute top-2 right-3 text-gray-400 hover:text-gray-700 text-lg leading-none cursor-pointer bg-transparent border-none",title:"Close results",children:"×"}),e.jsx("span",{className:"text-sm text-gray-400",children:"No scenarios registered yet"})]}):e.jsxs("div",{className:"h-full bg-white flex flex-col overflow-hidden",children:[e.jsxs("div",{className:"flex items-center justify-between px-4 py-2.5 border-b border-gray-200 shrink-0",children:[e.jsxs("div",{className:"min-w-0",children:[e.jsx("span",{className:"text-xs font-semibold text-gray-500 uppercase tracking-wider",children:"Working Session Results"}),p&&e.jsx("div",{className:"text-[11px] text-gray-400 truncate",title:p,children:p})]}),e.jsx("button",{onClick:x,className:"text-gray-400 hover:text-gray-700 text-lg leading-none cursor-pointer bg-transparent border-none shrink-0",title:"Close results",children:"×"})]}),S&&e.jsx(De,{text:S,theme:"light"}),e.jsx("div",{className:"flex-1 overflow-auto p-4",children:e.jsxs("div",{className:"space-y-5",children:[T.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:T.map(([r,n])=>{var d;const l=u[r],g=L===r,N=(d=n[0])==null?void 0:d.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:r}),l&&e.jsx(Le,{status:l,onClick:()=>w(r)})]}),g&&(l==null?void 0:l.status)==="edited"&&N&&e.jsx(Ie,{filePath:N}),g&&(l==null?void 0:l.status)==="impacted"&&e.jsx($e,{impactedBy:l.impactedBy,changedEntities:k}),e.jsx("div",{className:"flex flex-wrap gap-3",children:n.map(P=>e.jsx(Re,{scenarioId:P.id,name:Be(P.name),isActive:P.id===h,onSelect:()=>m(P)},P.id))})]},r)})})]}),C.length>0&&e.jsxs("div",{className:T.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:C.map(([r,n])=>{var d;const l=u[r],g=L===r,N=(d=n[0])==null?void 0:d.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:r}),l&&e.jsx(Le,{status:l,onClick:()=>w(r)})]}),g&&(l==null?void 0:l.status)==="edited"&&N&&e.jsx(Ie,{filePath:N}),g&&(l==null?void 0:l.status)==="impacted"&&e.jsx($e,{impactedBy:l.impactedBy,changedEntities:k}),e.jsx("div",{className:"flex flex-wrap gap-3",children:n.map(P=>e.jsx(Re,{scenarioId:P.id,name:Be(P.name),isActive:P.id===h,onSelect:()=>m(P)},P.id))})]},r)})})]}),v.length>0&&e.jsxs("div",{className:T.length>0||C.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:v.map(r=>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:r.name})}),e.jsx(Lt,{filePath:r.filePath,projectRoot:c}),r.testFile?e.jsx(It,{testFile:r.testFile,entityName:r.name}):e.jsx("div",{className:"pt-1",children:e.jsx("span",{className:"text-[10px] text-gray-400",children:"No test file"})})]},r.name))})]})]})})]})}function Rt({items:t,onNavigate:s}){return t.length===0?null:e.jsx("nav",{className:"flex items-center gap-1 text-xs",children:t.map((a,c)=>{const h=c===t.length-1;return e.jsxs("span",{className:"flex items-center gap-1",children:[c>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"})}),h?e.jsx("span",{className:"text-white font-medium",children:a.name}):e.jsx("button",{onClick:()=>s(a.componentName),className:"text-gray-400 hover:text-white transition-colors cursor-pointer",children:a.name})]},a.componentName||"app")})})}const Bt=[{key:"app",label:"App"},{key:"build",label:"Build"},{key:"data",label:"Structure"},{key:"journal",label:"Journal"}];function At({activeTab:t,onTabChange:s,buildIdle:a,zoomComponent:c,breadcrumbItems:h,onBreadcrumbNavigate:m}){return e.jsxs("div",{className:"bg-[#3d3d3d] h-10 flex items-center px-3 gap-3 shrink-0 z-20 border-b border-[#2d2d2d]",children:[e.jsxs("div",{className:"flex items-center gap-2 shrink-0",children:[e.jsx("img",{src:vt,alt:"CodeYam",className:"h-5 brightness-0 invert"}),e.jsx("span",{className:"text-white font-medium text-xs whitespace-nowrap",children:"Codeyam Editor"}),c&&e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"w-px h-3.5 bg-gray-600"}),e.jsx(Rt,{items:h,onNavigate:m})]})]}),e.jsx("div",{className:"flex-1"}),e.jsx("div",{className:"flex items-center gap-0.5 bg-[#4a3232] rounded-lg p-0.5 shrink-0",children:Bt.map(x=>e.jsxs("button",{onClick:()=>s(x.key),className:`px-2.5 py-1 text-xs font-medium rounded-md transition-colors cursor-pointer ${t===x.key?"bg-[#7a4444] text-white":"text-gray-300 hover:text-white"}`,children:[x.label,x.key==="build"&&a&&t!=="build"&&e.jsx("span",{className:"ml-1 inline-block w-1.5 h-1.5 rounded-full bg-amber-400 animate-pulse"})]},x.key))})]})}function _t({preview:t,onDismiss:s,onLoadCommit:a}){return e.jsxs("div",{className:"flex flex-col items-center gap-6 max-w-[700px] w-full",children:[e.jsxs("div",{className:"text-center",children:[e.jsx("h2",{className:"text-lg font-semibold text-[#333] m-0 font-['IBM_Plex_Sans']",children:"Journal Screenshot"}),e.jsx("p",{className:"text-sm text-[#888] mt-1 m-0 font-['IBM_Plex_Sans']",children:"This is a snapshot from a previous version — not a live preview"})]}),e.jsx("div",{className:"rounded-lg overflow-hidden border-2 border-[#ccc] shadow-md max-w-full w-fit",children:e.jsx("img",{src:t.screenshotUrl,alt:t.scenarioName,className:"max-w-full h-auto block"})}),e.jsxs("div",{className:"flex items-center gap-2 text-sm text-[#666]",children:[t.commitSha&&e.jsx("span",{className:"font-mono text-xs text-[#00a0c4] bg-[#00a0c4]/15 px-2 py-0.5 rounded",children:t.commitSha.slice(0,7)}),e.jsxs("span",{className:"truncate",children:[t.scenarioName,t.commitMessage&&` — ${t.commitMessage}`]})]}),e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("button",{onClick:s,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"}),t.commitSha&&a&&e.jsx(Dt,{commitSha:t.commitSha,onLoadCommit:a})]})]})}function Dt({commitSha:t,onLoadCommit:s}){const[a,c]=i.useState(!1),[h,m]=i.useState(null);return e.jsxs(e.Fragment,{children:[e.jsx("button",{onClick:()=>{c(!0),m(null),s(t).then(x=>{x.success||m(x.error||"Failed to load commit")}).catch(x=>{m(x instanceof Error?x.message:"Network error")}).finally(()=>c(!1))},disabled:a,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:a?"Loading...":"Load this version"}),h&&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:h})]})}function Ot({analysisId:t,scenarioId:s,scenarioName:a,entityName:c,projectSlug:h,onStateChange:m}){const{interactiveServerUrl:x,isStarting:u,isLoading:p}=bt({analysisId:t,scenarioId:s,scenarioName:a,entityName:c,projectSlug:h,enabled:!0});return i.useEffect(()=>{m(x,u||p)},[x,u,p,m]),null}function Ft(t,s){return s.status==="error"?{url:null,proxyUrl:null,isStarting:!1,error:s.errorMessage||"Dev server crashed",canStartServer:t.canStartServer,autoStartAttempted:t.autoStartAttempted,shouldAutoStart:!1}:s.url?{url:s.url,proxyUrl:s.proxyUrl||null,isStarting:!1,error:null,canStartServer:!0,autoStartAttempted:t.autoStartAttempted,shouldAutoStart:!1}:s.status==="starting"?{...t,isStarting:!0,error:null,canStartServer:!0,shouldAutoStart:!1}:s.status==="stopped"?t.url?{...t,url:null,isStarting:!1,shouldAutoStart:!1}:t.autoStartAttempted?{...t,isStarting:!1,shouldAutoStart:!1}:{...t,autoStartAttempted:!0,shouldAutoStart:!0}:{...t,shouldAutoStart:!1}}function zt(){const[t,s]=i.useState({url:null,proxyUrl:null,isStarting:!1,error:null,canStartServer:!0,autoStartAttempted:!1}),a=i.useRef(t);a.current=t,i.useEffect(()=>{let m=!1,x=null;const u=async()=>{try{const p=await fetch("/api/editor-dev-server");if(m)return;const S=await p.json(),y=Ft(a.current,S),{shouldAutoStart:k,...L}=y;if(s(L),k)try{const M=await fetch("/api/editor-dev-server",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({action:"start"})});if(m)return;M.ok?s(w=>({...w,isStarting:!0})):s(w=>({...w,canStartServer:!1}))}catch{}}catch{}};return u(),x=setInterval(()=>void u(),2e3),()=>{m=!0,x&&clearInterval(x)}},[t.url]);const c=i.useCallback(()=>{s(m=>({...m,error:null,isStarting:!0})),fetch("/api/editor-dev-server",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({action:"restart"})}).catch(()=>{})},[]),h=i.useCallback(()=>{s(m=>({...m,error:null,isStarting:!0})),fetch("/api/editor-dev-server",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({action:"start"})}).catch(()=>{})},[]);return{devServerUrl:t.url,proxyUrl:t.proxyUrl,isStarting:t.isStarting,error:t.error,canStartServer:t.canStartServer,retryServer:c,startServer:h}}const es=()=>[{title:"Editor - CodeYam"},{name:"description",content:"CodeYam Code + Data Editor"}];class Ut extends i.Component{constructor(){super(...arguments);Ce(this,"state",{error:null,errorInfo:null})}static getDerivedStateFromError(a){return{error:a,errorInfo:null}}componentDidCatch(a,c){console.error("[EditorErrorBoundary] Error:",a.message),console.error("[EditorErrorBoundary] Component stack:",c.componentStack),console.error("[EditorErrorBoundary] Loader snapshot:",JSON.stringify(this.props.loaderSnapshot,null,2)),this.setState({errorInfo:c})}render(){var a;return this.state.error?e.jsx("div",{className:"fixed inset-0 bg-[#1e1e1e] flex items-center justify-center p-8",children:e.jsxs("div",{className:"max-w-[600px] w-full space-y-4",children:[e.jsx("h2",{className:"text-lg font-semibold text-red-400 font-['IBM_Plex_Sans'] m-0",children:"Something went wrong"}),e.jsx("pre",{className:"text-xs text-gray-300 bg-[#2d2d2d] p-3 rounded overflow-auto max-h-[120px]",children:this.state.error.message}),((a=this.state.errorInfo)==null?void 0:a.componentStack)&&e.jsxs("details",{className:"text-xs text-gray-500",children:[e.jsx("summary",{className:"cursor-pointer hover:text-gray-300 transition-colors",children:"Component stack"}),e.jsx("pre",{className:"mt-2 bg-[#2d2d2d] p-3 rounded overflow-auto max-h-[200px] text-yellow-300",children:this.state.errorInfo.componentStack})]}),e.jsx("p",{className:"text-xs text-gray-500 m-0",children:"Full diagnostics are in the browser console."}),e.jsx("button",{onClick:()=>window.location.reload(),className:"px-4 py-2 bg-[#005c75] text-white text-sm rounded hover:bg-[#004d63] transition-colors cursor-pointer",children:"Reload"})]})}):this.props.children}}const _e=[{name:"Desktop",width:1440,height:900},{name:"Laptop",width:1024,height:768},{name:"Tablet",width:768,height:1024},{name:"Mobile",width:375,height:667}],ts=lt(function(){const{projectSlug:s,projectRoot:a,hasProject:c,scenarios:h,allScenarios:m,analyzedEntities:x,glossaryFunctions:u,entityImports:p,pageFilePaths:S,entityChangeStatus:y,featureName:k,userPrompt:L}=ot(),M=ct(),[w,f]=dt(),B=i.useRef(null),R=i.useRef(null),_=i.useRef(null),T=w.get("zoom")||void 0,C=w.get("scenario")||void 0;i.useEffect(()=>{if(!C)return;const o=h.find(E=>E.id===C);if(!o)return;const b=ee(o.name);fetch("/api/editor-switch-scenario",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({scenarioSlug:b,scenarioId:o.id,scenarioName:o.name})}).catch(()=>{})},[C,h]),i.useEffect(()=>{const o=new BroadcastChannel("codeyam-editor");return o.onmessage=b=>{var E;if(((E=b.data)==null?void 0:E.type)==="switch-scenario"&&b.data.scenarioId){const $=b.data.scenarioId,Y=h.find(me=>me.id===$);if(!Y)return;const xe=new URLSearchParams(w);xe.set("scenario",$),xe.delete("zoom"),f(xe),H(null),J(null),U(null);const rt=ee(Y.name);fetch("/api/editor-switch-scenario",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({scenarioSlug:rt,scenarioId:$})}).then(()=>{q(me=>me+1),O(!1)}).catch(()=>{})}},()=>o.close()},[w,f,h]),i.useEffect(()=>{if(w.get("ref")!=="link"||!C)return;const o=new BroadcastChannel("codeyam-editor");o.postMessage({type:"switch-scenario",scenarioId:C}),o.close(),window.close()},[]);const{devServerUrl:v,proxyUrl:r,isStarting:n,error:l,canStartServer:g,retryServer:N,startServer:d}=zt(),[P,O]=i.useState(!1),[D,H]=i.useState(null),[K,J]=i.useState(null),[j,I]=i.useState(!1),[F,U]=i.useState(null),Oe=i.useCallback(o=>{U(o)},[]),Fe=i.useCallback(async o=>{const E=await(await fetch("/api/editor-load-commit",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({commitSha:o})})).json();return E.success&&(U(null),O(!1)),E},[]),ze=i.useCallback((o,b)=>{J(E=>(o&&o!==E&&O(!1),o)),!b&&o&&O(!0),I(b)},[]),ge=i.useCallback(o=>{U(null),H(E=>(E&&E.analysisId===o.analysisId||(J(null),q(Y=>Y+1)),o)),I(!0),O(!1);const b=new URLSearchParams(w);b.delete("scenario"),b.delete("zoom"),f(b)},[w,f]),[A,je]=i.useState({name:"Desktop",width:1440,height:900}),[Ue,ae]=i.useState(!1),[z,re]=i.useState("app"),Ve=i.useCallback(()=>{re("build"),ne(!0)},[]),[We,ne]=i.useState(!1),[He,ve]=i.useState(!1),Je=i.useCallback(o=>{ve(o)},[]),[ie,be]=i.useState(!1),Ge=i.useCallback(()=>{be(!0),re("build"),ne(!0)},[]),Ne=i.useCallback(()=>{be(!1)},[]),[Z,le]=i.useState(!1),Ye=i.useCallback(()=>{if(Z){le(!1);return}typeof Notification<"u"&&Notification.permission==="default"?Notification.requestPermission().then(o=>{o==="granted"&&le(!0)}):le(!0)},[Z]);i.useEffect(()=>{if(z==="build"){ve(!1);const o=setTimeout(()=>{var b,E;(b=B.current)==null||b.scrollToBottom(),(E=B.current)==null||E.focus()},50);return()=>clearTimeout(o)}},[z]);const[oe,Ke]=i.useState(null);i.useEffect(()=>{const o=_.current;if(!o)return;const b=new ResizeObserver(E=>{const $=E[0];$&&Ke({width:$.contentRect.width,height:$.contentRect.height})});return b.observe(o),()=>b.disconnect()},[]);const G=i.useMemo(()=>oe?pt(oe,A):1,[oe,A]),[qe,q]=i.useState(0),[we,ye]=i.useState(null),Qe=i.useCallback(o=>{ye(o||null),U(null),q(b=>b+1)},[]),{customSizes:Se,addCustomSize:Xe}=xt(s);i.useMemo(()=>[..._e,...Se],[Se]),i.useEffect(()=>{const o=new EventSource("/api/events");let b=null;return o.addEventListener("message",E=>{try{const $=JSON.parse(E.data);($.type==="db-change"||$.type==="unknown")&&(b&&clearTimeout(b),b=setTimeout(()=>{M.revalidate()},2e3))}catch{}}),()=>{b&&clearTimeout(b),o.close()}},[M]);const Ze=i.useMemo(()=>{const o=[{name:"App"}];return T&&o.push({name:T,componentName:T}),o},[T]),ce=i.useCallback(o=>{const b=new URLSearchParams(w);if(o){b.set("zoom",o);const E=h.find($=>$.componentName===o||$.componentName===null&&o==="Home");if(E){b.set("scenario",E.id);const $=ee(E.name);fetch("/api/editor-switch-scenario",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({scenarioSlug:$,scenarioId:E.id})}).catch(()=>{}),q(Y=>Y+1),O(!1)}else b.delete("scenario")}else b.delete("zoom"),b.delete("scenario");f(b)},[w,f,h]),de=i.useCallback(o=>{H(null),J(null),U(null);const b=new URLSearchParams(w);b.set("scenario",o.id),f(b);const E=ee(o.name);fetch("/api/editor-switch-scenario",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({scenarioSlug:E,scenarioId:o.id})}).catch(()=>{}),q($=>$+1),O(!1)},[w,f]),et=o=>{je({name:o.name,width:o.width,height:o.height})},tt=o=>{Xe(o,A.width,A.height??900),ae(!1),je(b=>({...b,name:o}))},st=()=>{D||O(!0)},Q=i.useMemo(()=>ht({activeAnalyzedScenario:!!D,analyzedPreviewUrl:K,activeScenarioId:C||null,scenarios:h,proxyUrl:r,devServerUrl:v,zoomComponent:T||null}),[r,v,T,C,h,D,K]),ke=i.useMemo(()=>ut(Q,we),[Q,we]),at=i.useMemo(()=>({projectSlug:s,hasProject:c,scenarioCount:h==null?void 0:h.length,allScenarioCount:m==null?void 0:m.length,analyzedEntityCount:x==null?void 0:x.length,glossaryFunctionCount:u==null?void 0:u.length,entityChangeStatusKeys:y?Object.keys(y):[],featureName:k}),[s,c,h,m,x,u,y,k]);return e.jsx(Ut,{loaderSnapshot:at,children:e.jsxs("div",{className:"fixed inset-0 bg-[#2d2d2d] flex flex-col",children:[D&&e.jsx(Ot,{analysisId:D.analysisId,scenarioId:D.scenarioId,scenarioName:D.scenarioName,entityName:D.entityName,projectSlug:s,onStateChange:ze},D.analysisId),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.jsx("div",{className:"bg-[#2d2d2d] border-b border-[#3d3d3d] shrink-0 z-10 h-10 flex items-center px-4 gap-1",children:e.jsxs("div",{className:"flex-1 flex items-center justify-center gap-1",children:[_e.map(o=>e.jsxs("button",{onClick:()=>et(o),className:`p-1.5 rounded transition-colors cursor-pointer ${A.name===o.name?"text-white bg-[#555]":"text-gray-500 hover:text-gray-300"}`,title:`${o.name} (${o.width}×${o.height})`,children:[o.name==="Desktop"&&e.jsxs("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round",children:[e.jsx("rect",{x:"2",y:"3",width:"20",height:"14",rx:"2"}),e.jsx("path",{d:"M8 21h8M12 17v4"})]}),o.name==="Laptop"&&e.jsxs("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round",children:[e.jsx("path",{d:"M4 6a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v8H4V6z"}),e.jsx("path",{d:"M2 18h20"})]}),o.name==="Tablet"&&e.jsxs("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round",children:[e.jsx("rect",{x:"5",y:"2",width:"14",height:"20",rx:"2"}),e.jsx("path",{d:"M12 18h.01"})]}),o.name==="Mobile"&&e.jsxs("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round",children:[e.jsx("rect",{x:"7",y:"2",width:"10",height:"20",rx:"2"}),e.jsx("path",{d:"M12 18h.01"})]})]},o.name)),e.jsx("button",{onClick:()=>ae(!0),className:`p-1.5 rounded transition-colors cursor-pointer ${A.name==="Custom"?"text-white bg-[#555]":"text-gray-500 hover:text-gray-300"}`,title:"Custom dimensions",children:e.jsx("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round",children:e.jsx("path",{d:"M17 3a2.83 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5L17 3z"})})}),e.jsx("div",{className:"w-px h-4 bg-[#3d3d3d] mx-1"}),e.jsxs("span",{className:"text-gray-400 text-xs font-mono",children:[A.width," × ",A.height??900]}),e.jsx("div",{className:"w-px h-4 bg-[#3d3d3d] mx-1"}),e.jsx("button",{onClick:()=>{const o=ke||Q;o&&window.open(o,"_blank")},className:"p-1.5 rounded text-gray-500 hover:text-gray-300 transition-colors cursor-pointer",title:"Open preview in new window",children:e.jsxs("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round",children:[e.jsx("path",{d:"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"}),e.jsx("polyline",{points:"15 3 21 3 21 9"}),e.jsx("line",{x1:"10",y1:"14",x2:"21",y2:"3"})]})})]})}),e.jsx("div",{ref:_,className:"flex-1 flex items-center justify-center overflow-hidden p-8",style:{backgroundImage:`
+              linear-gradient(45deg, #333 25%, transparent 25%),
+              linear-gradient(-45deg, #333 25%, transparent 25%),
+              linear-gradient(45deg, transparent 75%, #333 75%),
+              linear-gradient(-45deg, transparent 75%, #333 75%)
+            `,backgroundSize:"16px 16px",backgroundPosition:"0 0, 0 8px, 8px -8px, -8px 0px",backgroundColor:"#2d2d2d"},children:F?e.jsx(_t,{preview:F,onDismiss:()=>U(null),onLoadCommit:Fe}):Q?e.jsx("div",{style:{width:`${A.width*G}px`,height:`${(A.height??900)*G}px`},children:e.jsxs("div",{className:"relative bg-white origin-top-left",style:{width:`${A.width}px`,height:`${A.height??900}px`,transform:G<1?`scale(${G})`:void 0},children:[!P&&e.jsx("div",{className:"absolute inset-0 flex items-center justify-center z-10",children:e.jsxs("div",{className:"flex flex-col items-center justify-center gap-6 bg-[#2a2a2a] rounded-lg p-8 w-[500px] h-[300px]",children:[e.jsx("div",{className:"mb-4",children:e.jsx(Pe,{})}),e.jsxs("div",{className:"flex flex-col gap-3 text-center",children:[e.jsx("h2",{className:"text-xl font-medium text-gray-200 leading-[28px] m-0 font-['IBM_Plex_Sans']",children:"Loading Preview"}),e.jsx("p",{className:"text-sm text-gray-400 leading-5 m-0 font-['IBM_Plex_Sans']",children:"Waiting for the app to render"})]})]})}),e.jsx("iframe",{ref:R,src:ke||Q,className:"w-full h-full border-none",title:"Editor preview",onLoad:st,style:{opacity:P?1:0}},qe)]})}):e.jsx("div",{className:"bg-[#2a2a2a] rounded-lg flex flex-col items-center justify-center",style:{width:`${A.width*G}px`,height:`${(A.height??900)*G}px`},children:l?e.jsxs("div",{className:"flex flex-col gap-4 text-center px-8 max-w-[600px]",children:[e.jsx("h2",{className:"text-xl font-medium text-red-400 leading-[28px] m-0 font-['IBM_Plex_Sans']",children:"Dev Server Failed"}),e.jsx("pre",{className:"text-xs text-left bg-[#1e1e1e] text-gray-300 p-4 rounded overflow-auto max-h-[300px] w-full font-mono whitespace-pre-wrap",children:l}),e.jsx("button",{onClick:N,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||j?e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"mb-4",children:e.jsx(Pe,{})}),e.jsxs("div",{className:"flex flex-col gap-3 text-center",children:[e.jsx("h2",{className:"text-xl font-medium text-gray-200 leading-[28px] m-0 font-['IBM_Plex_Sans']",children:j?"Starting Interactive Mode":"Starting Dev Server"}),e.jsx("p",{className:"text-sm text-gray-400 leading-5 m-0 font-['IBM_Plex_Sans']",children:j?"Loading component preview...":"Your dev server is starting up..."})]})]}):e.jsxs("div",{className:"flex flex-col gap-3 text-center px-8",children:[e.jsx("h2",{className:"text-xl font-medium text-gray-200 leading-[28px] m-0 font-['IBM_Plex_Sans']",children:"Live Preview"}),e.jsx("p",{className:"text-sm text-gray-500 leading-5 m-0 font-['IBM_Plex_Sans']",children:"Describe what you want to build in the Build tab"})]})})})]}),e.jsxs("aside",{className:"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.jsx(At,{activeTab:z,onTabChange:o=>{re(o),o==="build"&&ne(!0)},buildIdle:He,zoomComponent:T,breadcrumbItems:Ze,onBreadcrumbNavigate:ce}),e.jsxs("div",{className:"flex-1 overflow-hidden relative",children:[We&&e.jsxs("div",{className:"absolute inset-0 flex flex-col overflow-hidden",style:{visibility:z==="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(ft,{ref:B,entityName:"Editor",projectSlug:s,entityFilePath:null,scenarioName:null,onRefreshPreview:Qe,onShowResults:Ge,onHideResults:Ne,editorMode:!0,onIdleChange:Je,notificationsEnabled:Z})}),ie&&e.jsx("div",{style:{flex:"1 1 50%"},className:"min-h-0 border-t-2 border-gray-300",children:e.jsx($t,{scenarios:h,allScenarios:m,glossaryFunctions:u,projectRoot:a,activeScenarioId:C,onScenarioSelect:de,onClose:Ne,entityChangeStatus:y,featureName:k,userPrompt:L})})]}),e.jsx("div",{className:"absolute inset-0 flex flex-col overflow-hidden",style:{visibility:z==="app"?"visible":"hidden"},children:e.jsx(Tt,{hasProject:c,scenarios:m,analyzedEntities:x,glossaryFunctions:u,projectRoot:a,activeScenarioId:C,onScenarioSelect:de,onAnalyzedScenarioSelect:ge,onSwitchToBuild:Ve,zoomComponent:T,onZoomChange:ce,entityImports:p,pageFilePaths:S})}),e.jsx("div",{className:"absolute inset-0 flex flex-col overflow-hidden",style:{visibility:z==="data"?"visible":"hidden"},children:e.jsx(wt,{scenarios:m,projectRoot:a,activeScenarioId:C,onScenarioSelect:de,zoomComponent:T,onZoomChange:ce,analyzedEntities:[],glossaryFunctions:u,activeAnalyzedScenarioId:D==null?void 0:D.scenarioId,onAnalyzedScenarioSelect:ge,entityImports:p,pageFilePaths:S})}),e.jsx("div",{className:"absolute inset-0 flex flex-col overflow-hidden",style:{visibility:z==="journal"?"visible":"hidden"},children:e.jsx(Et,{isActive:z==="journal",onScreenshotClick:Oe,glossaryFunctions:u,pageNames:Object.keys(S)})})]}),e.jsx(gt,{serverUrl:v,isStarting:n,projectSlug:s,devServerError:l,onStartServer:g?d:void 0,notificationsEnabled:Z,onToggleNotifications:Ye})]})]}),Ue&&e.jsx(mt,{width:A.width,height:A.height??900,onSave:tt,onCancel:()=>ae(!1)})]})})});export{ts as default,es as meta};

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

@@ -0,0 +1,41 @@
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/addon-web-links-Duc5hnl7.js","assets/chunk-JZWAC4HX-C4pqxYJB.js"])))=>i.map(i=>d[i]);
+import{r as u,j as d}from"./chunk-JZWAC4HX-C4pqxYJB.js";import{_ as O}from"./preload-helper-ckwbz45p.js";function se({serverUrl:r,isStarting:t,projectSlug:n,devServerError:o,onStartServer:l,notificationsEnabled:m,onToggleNotifications:y}){const[b,g]=u.useState(null),c=u.useRef(null);u.useEffect(()=>{if(!n)return;const E=new EventSource("/api/dev-mode-events");return E.onmessage=C=>{try{const j=JSON.parse(C.data);j.type==="file-synced"&&(g(j.fileName),c.current&&clearTimeout(c.current),c.current=setTimeout(()=>{g(null)},5e3))}catch{}},()=>{E.close(),c.current&&clearTimeout(c.current)}},[n]);let a;o?a="error":t?a="starting":r?a="running":a="stopped";const S={starting:"bg-yellow-400",running:"bg-green-400",stopped:"bg-gray-400",error:"bg-red-400"},k={starting:"Starting...",running:r||"Running",stopped:"Stopped",error:"Error"};return d.jsxs("div",{className:"bg-[#1e1e1e] border-t border-[#3d3d3d] h-7 flex items-center px-4 gap-4 shrink-0 text-xs font-mono",children:[d.jsxs("div",{className:"flex items-center gap-2",children:[d.jsx("div",{className:`w-2 h-2 rounded-full ${S[a]}`}),d.jsxs("span",{className:"text-gray-400",children:["Server:"," ",d.jsx("span",{className:"text-gray-300",children:k[a]})]}),(a==="stopped"||a==="error")&&l&&d.jsx("button",{onClick:l,className:"ml-1 px-2.5 py-0.5 bg-[#005c75] hover:bg-[#007a9a] text-white text-[11px] font-medium rounded transition-colors cursor-pointer border-none leading-tight",children:"Start Server"})]}),d.jsx("div",{className:"w-px h-3 bg-[#3d3d3d]"}),b&&d.jsxs(d.Fragment,{children:[d.jsxs("div",{className:"flex items-center gap-1.5",children:[d.jsx("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"#4ade80",strokeWidth:"2",children:d.jsx("path",{d:"M20 6L9 17l-5-5"})}),d.jsxs("span",{className:"text-green-400",children:["Synced: ",b]})]}),d.jsx("div",{className:"w-px h-3 bg-[#3d3d3d]"})]}),d.jsx("div",{className:"flex-1"}),y&&d.jsx("button",{onClick:y,className:`text-[11px] rounded transition-colors cursor-pointer ${m?"text-green-400 hover:text-green-300":"text-gray-500 hover:text-gray-300"}`,title:m?"Click to turn off notifications":"Click to get notified when Claude finishes",children:m?"Notifications On":"Notifications Off"})]})}async function F(r,t){try{const{WebglAddon:o}=await O(async()=>{const{WebglAddon:m}=await import("./addon-webgl-DI8QOUvO.js").then(y=>y.a);return{WebglAddon:m}},[]),l=new o;return l.onContextLoss(()=>{t==null||t("webgl","canvas",new Error("WebGL context lost")),l.dispose(),q(r).then(m=>{m||t==null||t("canvas","dom",new Error("Canvas fallback failed after context loss"))})}),r.loadAddon(l),{type:"webgl",dispose:()=>l.dispose()}}catch(o){t==null||t("webgl","canvas",o)}const n=await q(r);return n||(t==null||t("canvas","dom",new Error("Canvas addon failed")),{type:"dom",dispose:()=>{}})}async function q(r){try{const{CanvasAddon:t}=await O(async()=>{const{CanvasAddon:o}=await import("./addon-canvas-DpzMmAy5.js").then(l=>l.a);return{CanvasAddon:o}},[]),n=new t;return r.loadAddon(n),{type:"canvas",dispose:()=>n.dispose()}}catch{return null}}const ee=`
+.xterm { cursor: text; position: relative; user-select: none; -ms-user-select: none; -webkit-user-select: none; }
+.xterm.focus, .xterm:focus { outline: none; }
+.xterm .xterm-helpers { position: absolute; top: 0; z-index: 5; }
+.xterm .xterm-helper-textarea { padding: 0; border: 0; margin: 0; position: absolute; opacity: 0; left: -9999em; top: 0; width: 0; height: 0; z-index: -5; white-space: nowrap; overflow: hidden; resize: none; }
+.xterm .composition-view { background: #000; color: #FFF; display: none; position: absolute; white-space: nowrap; z-index: 1; }
+.xterm .composition-view.active { display: block; }
+.xterm .xterm-viewport { background-color: #000; overflow-y: scroll; cursor: default; position: absolute; right: 0; left: 0; top: 0; bottom: 0; }
+.xterm .xterm-screen { position: relative; }
+.xterm .xterm-screen canvas { position: absolute; left: 0; top: 0; }
+.xterm .xterm-scroll-area { visibility: hidden; }
+.xterm-char-measure-element { display: inline-block; visibility: hidden; position: absolute; top: 0; left: -9999em; line-height: normal; }
+.xterm.enable-mouse-events { cursor: default; }
+.xterm.xterm-cursor-pointer, .xterm .xterm-cursor-pointer { cursor: pointer; }
+.xterm.column-select.focus { cursor: crosshair; }
+.xterm .xterm-accessibility:not(.debug), .xterm .xterm-message { position: absolute; left: 0; top: 0; bottom: 0; right: 0; z-index: 10; color: transparent; pointer-events: none; }
+.xterm .xterm-accessibility-tree:not(.debug) *::selection { color: transparent; }
+.xterm .xterm-accessibility-tree { user-select: text; white-space: pre; }
+.xterm .live-region { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
+.xterm-dim { opacity: 1 !important; }
+.xterm-underline-1 { text-decoration: underline; }
+.xterm-underline-2 { text-decoration: double underline; }
+.xterm-underline-3 { text-decoration: wavy underline; }
+.xterm-underline-4 { text-decoration: dotted underline; }
+.xterm-underline-5 { text-decoration: dashed underline; }
+.xterm-overline { text-decoration: overline; }
+.xterm-strikethrough { text-decoration: line-through; }
+.xterm-screen .xterm-decoration-container .xterm-decoration { z-index: 6; position: absolute; }
+.xterm-screen .xterm-decoration-container .xterm-decoration.xterm-decoration-top-layer { z-index: 7; }
+.xterm-decoration-overview-ruler { z-index: 8; position: absolute; top: 0; right: 0; pointer-events: none; }
+.xterm-decoration-top { z-index: 2; position: relative; }
+`;function te(){if(document.getElementById("xterm-css"))return;const r=document.createElement("style");r.id="xterm-css",r.textContent=ee,document.head.appendChild(r)}const ie=u.forwardRef(function({entityName:t,entityType:n,entitySha:o,entityFilePath:l,scenarioName:m,scenarioDescription:y,analysisId:b,projectSlug:g,onRefreshPreview:c,onShowResults:a,onHideResults:S,editorMode:k,onIdleChange:E,notificationsEnabled:C},j){const M=u.useRef(null),A=u.useRef(null),z=u.useRef(null),N=u.useRef(null),B=u.useRef(null),I=u.useRef(!1),W=u.useRef(0),P=u.useRef(!1),_=u.useRef(E);_.current=E;const D=u.useRef(C);D.current=C;const X=u.useCallback(()=>{var f;(f=z.current)==null||f.focus()},[]);return u.useImperativeHandle(j,()=>({sendInput(f){const x=N.current;x&&x.readyState===WebSocket.OPEN&&(x.send(JSON.stringify({type:"input",data:f})),setTimeout(()=>{x.readyState===WebSocket.OPEN&&x.send(JSON.stringify({type:"input",data:"\r"}))},100))},focus(){var f;(f=z.current)==null||f.focus()},scrollToBottom(){var x;const f=(x=M.current)==null?void 0:x.querySelector(".xterm-viewport");f&&(f.scrollTop=f.scrollHeight)}})),u.useEffect(()=>{const f=M.current;if(!f)return;let x=!1;return te(),Promise.all([O(()=>import("./xterm-BqvuqXEL.js"),[]),O(()=>import("./addon-fit-YJmn1quW.js"),[]),O(()=>import("./addon-web-links-Duc5hnl7.js").then(T=>T.a),__vite__mapDeps([0,1]))]).then(([T,G,Z])=>{if(x)return;const s=new T.Terminal({cursorBlink:!0,scrollback:5e3,fontSize:13,fontFamily:"'IBM Plex Mono', 'Menlo', 'Monaco', monospace",theme:{background:"#1e1e1e",foreground:"#d4d4d4",cursor:"#d4d4d4",selectionBackground:"#264f78"},linkHandler:{activate(i,e){try{const p=new URL(e),h=p.searchParams.get("scenario");if(h&&p.pathname==="/editor"){const w=new BroadcastChannel("codeyam-editor");w.postMessage({type:"switch-scenario",scenarioId:h}),w.close();return}}catch{}window.open(e,"_blank")}}}),L=new G.FitAddon;s.loadAddon(L),s.loadAddon(new Z.WebLinksAddon),s.open(f);let $=null;F(s,(i,e,p)=>{console.warn(`[Terminal] Renderer fallback: ${i} → ${e}`,p)}).then(i=>{if(x){i.dispose();return}console.log(`[Terminal] Using ${i.type} renderer`),$=i.dispose}),requestAnimationFrame(()=>{try{L.fit()}catch{}}),z.current=s,s.focus(),setTimeout(()=>s.focus(),100),setTimeout(()=>s.focus(),500);const K=window.location.protocol==="https:"?"wss:":"ws:",Q=window.location.host;function Y(i){const e=new URLSearchParams;return e.set("entityName",t),n&&e.set("entityType",n),o&&e.set("entitySha",o),l&&e.set("entityFilePath",l),m&&e.set("scenarioName",m),y&&e.set("scenarioDescription",y),b&&e.set("analysisId",b),g&&e.set("projectSlug",g),k&&e.set("editorMode","true"),i&&e.set("reconnectId",i),`${K}//${Q}/ws/terminal?${e.toString()}`}function J(i){const e=Y(i),p=new WebSocket(e);N.current=p,p.onopen=()=>{W.current=0,P.current=!1,p.send(JSON.stringify({type:"resize",cols:s.cols,rows:s.rows}))},p.onmessage=h=>{var w,H;try{const v=JSON.parse(h.data);if(v.type==="session-id"){B.current=v.sessionId;return}if(v.type==="refresh-preview"){c==null||c(v.path);return}if(v.type==="show-results"){a==null||a();return}if(v.type==="hide-results"){S==null||S();return}if(v.type==="claude-idle"){if(console.log("[Terminal] Received claude-idle, notifications:",D.current,"permission:",typeof Notification<"u"?Notification.permission:"N/A"),(w=_.current)==null||w.call(_,!0),D.current&&typeof Notification<"u"&&Notification.permission==="granted"){const V=new Notification("Claude is ready for you",{body:"Claude has finished and is waiting for your input.",tag:"claude-idle"});V.onclick=()=>{window.focus(),V.close()}}return}v.type==="output"&&(s.write(v.data),(H=_.current)==null||H.call(_,!1))}catch{s.write(h.data)}},p.onclose=()=>{if(I.current){s.write(`\r
+\x1B[90m[Terminal session ended]\x1B[0m\r
+`);return}const h=W.current;if(h<5&&B.current){const w=1e3*Math.pow(2,Math.min(h,3));W.current=h+1,s.write(`\r
+\x1B[33m[Reconnecting...]\x1B[0m\r
+`),setTimeout(()=>{I.current||J(B.current)},w)}else P.current?s.write(`\r
+\x1B[90m[Terminal session ended]\x1B[0m\r
+`):(P.current=!0,s.write(`\r
+\x1B[33m[Starting new session...]\x1B[0m\r
+`),B.current=null,W.current=0,J())},p.onerror=()=>{}}J(),s.onData(i=>{const e=N.current;e&&e.readyState===WebSocket.OPEN&&e.send(JSON.stringify({type:"input",data:i}))});let R=null;const U=new ResizeObserver(()=>{R&&clearTimeout(R),R=setTimeout(()=>{let i;try{i=L.proposeDimensions()}catch{return}if(!i||i.cols===s.cols&&i.rows===s.rows)return;const e=f.querySelector(".xterm-viewport");let p,h=!0;e&&(p=e.scrollTop,h=e.scrollTop+e.clientHeight>=e.scrollHeight-10),L.fit(),e&&p!==void 0&&(h?e.scrollTop=e.scrollHeight:e.scrollTop=p);const w=N.current;w&&w.readyState===WebSocket.OPEN&&w.send(JSON.stringify({type:"resize",cols:s.cols,rows:s.rows}))},150)});U.observe(f),A.current=()=>{var i;R&&clearTimeout(R),U.disconnect(),I.current=!0,(i=N.current)==null||i.close(),N.current=null,$==null||$(),s.dispose(),z.current=null}}),()=>{var T;x=!0,(T=A.current)==null||T.call(A),A.current=null}},[]),d.jsx("div",{ref:M,onClick:X,className:"w-full h-full",style:{padding:"4px 0 0 8px"}})});function re(r){return r.replace(/[^a-zA-Z0-9_]+/g,"_")}function ce(r){const{activeAnalyzedScenario:t,analyzedPreviewUrl:n,activeScenarioId:o,scenarios:l,proxyUrl:m,devServerUrl:y,zoomComponent:b}=r;if(t&&n)return n;if(t&&!n)return null;if(o){const c=l.find(a=>a.id===o);if(c!=null&&c.url){const a=m||y;return a?c.url.startsWith("/")?`${a}${c.url}`:c.url:null}}const g=m||y;if(!g)return null;if(b&&o){const c=l.find(S=>S.id===o),a=c?re(c.name):"Default";return`${g}/__codeyam__/${b}/${a}`}return g}function ae(r,t){if(!r||!t)return r;try{const n=new URL(r),o=t.indexOf("?");return o>=0?(n.pathname=t.slice(0,o),n.search=t.slice(o)):(n.pathname=t,n.search=""),n.href}catch{return r}}function le(r,t){const n=t.width,o=t.height??900,l=r.width,m=r.height;return n<=l&&o<=m?1:Math.min(l/n,m/o)}export{se as D,ie as T,ae as a,ce as b,le as c,re as g};