@codeyam/codeyam-cli 0.1.0-staging.596f0eb → 0.1.0-staging.5fba2e4

package/codeyam-cli/src/webserver/build/client/assets/editor-pyT-NAuu.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 ht=Object.defineProperty;var ut=(t,s,a)=>s in t?ht(t,s,{enumerable:!0,configurable:!0,writable:!0,value:a}):t[s]=a;var $e=(t,s,a)=>ut(t,typeof s!="symbol"?s+"":s,a);import{r as n,j as e,w as ft,u as gt,f as jt,b as bt}from"./chunk-JZWAC4HX-C4pqxYJB.js";import{u as vt,S as Nt}from"./useCustomSizes-CrAK28Bc.js";import{s as yt,g as ie,c as wt,b as St,a as kt,T as Ct,D as Mt}from"./editorPreview-BLQMSKZa.js";import{C as Ne}from"./CopyButton-BPXZwM4t.js";import{_ as Pt}from"./preload-helper-ckwbz45p.js";import{c as Et}from"./cy-logo-cli-DcX-ZS3p.js";import{u as It,S as Be}from"./Spinner-Bb5uFQ5V.js";import"./copy-n2FB0_Sw.js";import"./createLucideIcon-CC6AbExI.js";import"./useLastLogLine-C14nCb1q.js";function ye(t){const[s,a]=n.useState(null),[d,g]=n.useState(!1),x=n.useCallback(()=>{t&&(g(!0),fetch(`/api/editor-test-results?testFile=${encodeURIComponent(t)}`).then(c=>c.json()).then(c=>{a(c),g(!1)}).catch(()=>{a({testFilePath:t,status:"error",testCases:[],errorMessage:"Failed to fetch test results"}),g(!1)}))},[t]);return n.useEffect(()=>{t&&x()},[t,x]),{results:s,isRunning:d,runTests:x}}function te(t){if(!t||t==="/")return"Home";const a=t.split("?")[0].replace(/^\//,"").split("/")[0];return a.charAt(0).toUpperCase()+a.slice(1)}function we(t){return t?t.includes("/isolated-components"):!1}function Tt(t,s){return!s||Object.keys(s).length===0?t:t.filter(a=>s[a.name])}function Z({imgSrc:t,name:s,isActive:a,onSelect:d}){return e.jsxs("button",{onClick:d,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 be({testFile:t,entityName:s}){const{results:a,isRunning:d,runTests:g}=ye(t);if(d&&!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 x=s?a.testCases.filter(m=>m.fullName.startsWith(s)):a.testCases,c=x.length>0?x:a.testCases;if(c.length===0)return null;const h=s?`${s} > `:"";return e.jsxs("div",{className:"px-2 pt-1 space-y-0.5",children:[c.map(m=>{var w;const k=h&&m.fullName.startsWith(h)?m.fullName.slice(h.length):m.fullName;return e.jsxs("div",{children:[e.jsxs("div",{className:"flex items-center gap-1.5",children:[m.status==="passed"?e.jsx("span",{className:"text-green-400 text-[10px]",children:"✓"}):m.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] ${m.status==="passed"?"text-green-400":m.status==="failed"?"text-red-400":"text-gray-500"}`,children:k})]}),m.status==="failed"&&((w=m.failureMessages)==null?void 0:w.map((S,N)=>e.jsx("div",{className:"pl-4 text-[9px] text-red-300/70 truncate max-w-full",title:S,children:S.split(`
+`)[0]},N)))]},m.fullName)}),e.jsx("button",{onClick:g,disabled:d,className:"mt-1 text-[10px] text-[#00a0c4] hover:text-[#00c4ee] transition-colors cursor-pointer disabled:opacity-50 bg-transparent border-none p-0",children:d?"Running...":"Re-run"})]})}function J({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(Ne,{content:t,icon:!0,iconSize:10,className:"shrink-0 text-gray-500 hover:text-gray-300 transition-colors"})]}):null}function Lt({scenarios:t,projectRoot:s,activeScenarioId:a,onScenarioSelect:d,zoomComponent:g,onZoomChange:x,analyzedEntities:c=[],glossaryFunctions:h=[],activeAnalyzedScenarioId:m,onAnalyzedScenarioSelect:k,entityImports:w,pageFilePaths:S={}}){const{pageGroups:N,componentGroups:P}=n.useMemo(()=>{var p;const f=new Map,r=new Map;for(const u of t)if(u.componentName){const o=r.get(u.componentName)||[];o.push(u),r.set(u.componentName,o)}else if(we(u.url)){const o=(p=u.url)==null?void 0:p.match(/[?&]c=([^&]+)/),v=o?decodeURIComponent(o[1]):"Isolated",E=r.get(v)||[];E.push(u),r.set(v,E)}else{const o=te(u.url),v=f.get(o)||[];v.push(u),f.set(o,v)}const l=new Map([...r.entries()].sort(([u],[o])=>u.localeCompare(o)));return{pageGroups:f,componentGroups:l}},[t]),j=n.useMemo(()=>{const f=new Set((c||[]).filter(l=>l.entityType==="visual").map(l=>l.name)),r=new Map;for(const[l,p]of P)f.has(l)||r.set(l,p);return r},[P,c]),{visualEntities:A,libraryEntities:R}=n.useMemo(()=>{const f=c.filter(l=>l.entityType==="visual").sort((l,p)=>l.name.localeCompare(p.name)),r=c.filter(l=>l.entityType==="library"||l.entityType==="functionCall").sort((l,p)=>l.name.localeCompare(p.name));return{visualEntities:f,libraryEntities:r}},[c]),$=n.useMemo(()=>{const f=new Set(R.map(r=>r.name));return h.filter(r=>!f.has(r.name)).sort((r,l)=>r.name.localeCompare(l.name))},[h,R]),T=c.some(f=>f.isAnalyzing),M=n.useRef(null),I=n.useRef(0),O=n.useCallback(()=>{M.current&&(I.current=M.current.scrollTop)},[]);if(n.useEffect(()=>{M.current&&I.current>0&&(M.current.scrollTop=I.current)}),t.length===0&&c.length===0&&$.length===0)return e.jsx("div",{className:"flex-1 flex items-center justify-center",children:e.jsxs("div",{className:"text-center text-gray-500 px-8",children:[e.jsx("p",{className:"text-sm font-medium mb-2",children:"No scenarios yet"}),e.jsx("p",{className:"text-xs",children:"Scenarios will appear here as Claude creates them alongside your code. Each scenario represents a different state of your app's data."})]})});if(g){const f=P.get(g)||[],r=new Set((w==null?void 0:w[g])||[]),l=r.size>0,p=l?A.filter(o=>r.has(o.name)):[],u=l?R.filter(o=>r.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:()=>x(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:g})}),e.jsx("div",{className:"flex flex-wrap gap-2 px-2",children:f.length===0?e.jsx("div",{className:"px-3 py-2 text-xs text-gray-500",children:"No scenarios for this component"}):f.map(o=>e.jsx(Z,{imgSrc:o.screenshotPath?`/api/editor-scenario-image/${o.id}.png`:null,name:o.name,isActive:o.id===a,onSelect:()=>d(o)},o.id))}),p.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"})}),p.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:()=>x(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(J,{filePath:o.filePath,projectRoot:s}),(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(v=>e.jsx(Z,{imgSrc:v.screenshotPath?`/api/screenshot/${v.screenshotPath}`:null,name:v.name,isActive:v.id===m,onSelect:()=>k==null?void 0:k({analysisId:o.analysisId,scenarioId:v.id,scenarioName:v.name,entitySha:o.sha,entityName:o.name})},v.id))})]},o.sha))]}),u.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"})}),u.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(J,{filePath:o.filePath,projectRoot:s}),o.testFile&&e.jsx(be,{testFile:o.testFile,entityName:o.name})]},o.sha))]})]})})}return e.jsx("div",{ref:M,onScroll:O,className:"flex-1 overflow-auto",children:e.jsxs("div",{className:"p-3 space-y-3",children:[N.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"})}),[...N.entries()].sort(([f],[r])=>f==="Home"?-1:r==="Home"?1:f.localeCompare(r)).map(([f,r])=>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:f})}),S[f]&&e.jsx(J,{filePath:S[f],projectRoot:s}),e.jsx("div",{className:"flex flex-wrap gap-2 pt-1",children:r.map(l=>e.jsx(Z,{imgSrc:l.screenshotPath?`/api/editor-scenario-image/${l.id}.png`:null,name:l.name,isActive:l.id===a&&!m,onSelect:()=>d(l)},l.id))})]},f))]}),j.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"})}),[...j.entries()].map(([f,r])=>{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:()=>x(f),className:"text-[11px] font-medium text-gray-400 truncate cursor-pointer hover:text-white transition-colors bg-transparent border-none p-0",children:f})}),((l=r[0])==null?void 0:l.componentPath)&&e.jsx(J,{filePath:r[0].componentPath,projectRoot:s}),e.jsx("div",{className:"flex flex-wrap gap-2 px-2 pt-1",children:r.map(p=>e.jsx(Z,{imgSrc:p.screenshotPath?`/api/editor-scenario-image/${p.id}.png`:null,name:p.name,isActive:p.id===a&&!m,onSelect:()=>d(p)},p.id))})]},f)})]}),A.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&&t.length===0&&c.every(f=>f.scenarioCount===0)&&e.jsx("span",{className:"ml-2 text-[10px] text-gray-500",children:"— Entities are being analyzed..."})]}),A.map(f=>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:()=>x(f.name),className:"text-[11px] font-medium text-gray-400 truncate cursor-pointer hover:text-white transition-colors bg-transparent border-none p-0",children:f.name}),f.isAnalyzing&&f.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(J,{filePath:f.filePath,projectRoot:s}),(f.scenarios.length>0||f.pendingScenarios.length>0)&&e.jsxs("div",{className:"flex flex-wrap gap-2 px-2 pt-1",children:[f.scenarios.map(r=>e.jsx(Z,{imgSrc:r.screenshotPath?`/api/screenshot/${r.screenshotPath}`:null,name:r.name,isActive:r.id===m,onSelect:()=>k==null?void 0:k({analysisId:f.analysisId,scenarioId:r.id,scenarioName:r.name,entitySha:f.sha,entityName:f.name})},r.id)),f.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))]})]},f.sha))]}),(R.length>0||$.length>0)&&e.jsxs("div",{className:`pt-2 mt-1 ${A.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"})}),R.map(f=>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:f.name}),f.isAnalyzing&&f.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(J,{filePath:f.filePath,projectRoot:s}),f.testFile?e.jsx(be,{testFile:f.testFile,entityName:f.name}):e.jsx("div",{className:"px-2 pt-1",children:e.jsx("span",{className:"text-[10px] text-gray-500",children:"No test file"})})]},f.sha)),$.map(f=>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:f.name})}),e.jsx(J,{filePath:f.filePath,projectRoot:s}),e.jsx(be,{testFile:f.testFile,entityName:f.name})]},f.name))]})]})})}function Rt(t,s,a=new Date){const d={"1d":1,"3d":3,"7d":7,"30d":30}[s],g=new Date(a);g.setDate(g.getDate()-d);const x=g.toISOString().split("T")[0],c=t.filter(S=>S.date>=x),h=new Set(c.map(S=>S.commitSha).filter(Boolean)),m=new Map;for(const S of c)if(S.scenarioScreenshots)for(const N of S.scenarioScreenshots){m.has(N.name)||m.set(N.name,[]);const P=m.get(N.name);P.some(j=>j.path===N.path)||P.push({path:N.path,time:S.time})}for(const S of m.values())S.sort((N,P)=>N.time.localeCompare(P.time));const k=[],w=new Map;for(const[S,N]of m){const P=S.indexOf(" - ");if(P!==-1){const j=S.slice(0,P);w.has(j)||w.set(j,[]),w.get(j).push({name:S,screenshots:N})}else k.push({name:S,screenshots:N})}return{commitCount:h.size,entryCount:c.length,appScenarios:k,componentGroups:w,totalScenarios:m.size}}function $t(t){const s=new Map;for(const a of[...t].reverse()){const d=s.get(a.date)||[];d.push(a),s.set(a.date,d)}return s}function Bt(t){const s=new Map;for(const a of t){let d;if("componentName"in a&&a.componentName)d=a.componentName;else if("componentName"in a&&a.componentName===null)d="App";else{const x=a.name.indexOf(" - ");d=x!==-1?a.name.slice(0,x):"App"}const g=s.get(d)||[];g.push(a),s.set(d,g)}return[...s.entries()].sort(([a],[d])=>a==="App"?-1:d==="App"?1:a.localeCompare(d))}const _e=120;function Ve({text:t,theme:s}){const[a,d]=n.useState(!1),g=t.length>_e,x=g&&!a?t.slice(0,_e)+"…":t,c=s==="light";return e.jsxs("div",{className:`px-4 py-2 ${c?"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 ${c?"text-gray-600":"text-gray-400"}`,children:[x,g&&e.jsx("button",{onClick:()=>d(!a),className:`ml-1 text-[11px] font-medium bg-transparent border-none p-0 cursor-pointer ${c?"text-blue-500 hover:text-blue-700":"text-[#00a0c4] hover:text-[#00c0e8]"}`,children:a?"Show less":"Read more…"})]})]})}function Ae({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 _t({testFile:t,entityName:s}){const{results:a,isRunning:d,runTests:g}=ye(t);if(d&&!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 x=s?a.testCases.filter(m=>m.fullName.startsWith(s)):a.testCases,c=x.length>0?x:a.testCases;if(c.length===0)return null;const h=s?`${s} > `:"";return e.jsxs("div",{className:"pt-1 space-y-0.5",children:[c.map(m=>{var w;const k=h&&m.fullName.startsWith(h)?m.fullName.slice(h.length):m.fullName;return e.jsxs("div",{children:[e.jsxs("div",{className:"flex items-center gap-1.5",children:[m.status==="passed"?e.jsx("span",{className:"text-green-400 text-[10px]",children:"✓"}):m.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] ${m.status==="passed"?"text-green-400":m.status==="failed"?"text-red-400":"text-gray-500"}`,children:k})]}),m.status==="failed"&&((w=m.failureMessages)==null?void 0:w.map((S,N)=>e.jsx("div",{className:"pl-4 text-[9px] text-red-400/70 truncate max-w-full",title:S,children:S.split(`
+`)[0]},N)))]},m.fullName)}),e.jsx("button",{onClick:g,disabled:d,className:"mt-1 text-[10px] text-[#00a0c4] hover:text-[#38bdf8] transition-colors cursor-pointer disabled:opacity-50 bg-transparent border-none p-0",children:d?"Running...":"Re-run"})]})}const At={added:"text-green-400",untracked:"text-green-400",modified:"text-blue-400",renamed:"text-purple-400"};function Dt({files:t}){return e.jsxs("div",{className:"border-t border-[#3d3d3d] pt-2 mt-1",children:[e.jsxs("span",{className:"text-[10px] font-semibold text-gray-500 uppercase tracking-wider",children:["Modified Files (",t.length,")"]}),e.jsx("div",{className:"mt-1 space-y-0.5 max-h-[150px] overflow-auto",children:t.map(s=>e.jsxs("div",{className:"flex items-center gap-1.5",children:[e.jsx("span",{className:`text-[9px] font-bold uppercase w-[14px] text-center ${At[s.status]||"text-gray-500"}`,children:s.status==="added"||s.status==="untracked"?"A":s.status==="modified"?"M":s.status==="renamed"?"R":"?"}),e.jsx("span",{className:"text-[10px] text-gray-400 truncate font-mono",children:s.path})]},s.path))})]})}const Ot={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 Ft(t){try{return new Date(t).toLocaleTimeString([],{hour:"2-digit",minute:"2-digit"})}catch{return""}}function zt(t){try{return new Date(t+"T00:00:00").toLocaleDateString([],{weekday:"long",month:"long",day:"numeric"})}catch{return t}}const Ut=[{value:"1d",label:"1 Day"},{value:"3d",label:"3 Days"},{value:"7d",label:"1 Week"},{value:"30d",label:"1 Month"}];function Wt({entries:t,onScreenshotClick:s}){const[a,d]=n.useState(!1),[g,x]=n.useState("7d"),c=n.useMemo(()=>Rt(t,g),[t,g]);return e.jsxs("div",{className:"bg-[#2d2d2d] rounded-lg overflow-hidden",children:[e.jsxs("button",{onClick:()=>d(!a),className:"w-full flex items-center justify-between px-3 py-2.5 cursor-pointer bg-transparent border-none text-left hover:bg-[#333] transition-colors",children:[e.jsx("span",{className:"text-xs font-semibold text-gray-400 uppercase tracking-wider",children:"Timeframe Summary"}),e.jsx("span",{className:`text-gray-500 text-[10px] transition-transform ${a?"rotate-180":""}`,children:"▼"})]}),a&&e.jsxs("div",{className:"px-3 pb-3 space-y-3 border-t border-[#3d3d3d]",children:[e.jsx("div",{className:"flex gap-1 pt-2.5",children:Ut.map(h=>e.jsx("button",{onClick:()=>x(h.value),className:`px-2.5 py-1 text-[10px] font-medium rounded transition-colors cursor-pointer border ${g===h.value?"bg-[#005c75] text-white border-[#005c75]":"bg-transparent text-gray-400 border-[#4d4d4d] hover:text-white hover:border-[#005c75]"}`,children:h.label},h.value))}),e.jsxs("div",{className:"flex items-center gap-3 text-[11px] text-gray-400",children:[e.jsxs("span",{children:[e.jsx("span",{className:"text-white font-medium",children:c.commitCount})," ",c.commitCount===1?"commit":"commits"]}),e.jsx("span",{className:"text-[#3d3d3d]",children:"|"}),e.jsxs("span",{children:[e.jsx("span",{className:"text-white font-medium",children:c.totalScenarios})," ",c.totalScenarios===1?"scenario changed":"scenarios changed"]}),e.jsx("span",{className:"text-[#3d3d3d]",children:"|"}),e.jsxs("span",{children:[e.jsx("span",{className:"text-white font-medium",children:c.entryCount})," ",c.entryCount===1?"entry":"entries"]})]}),c.totalScenarios===0?e.jsx("p",{className:"text-[11px] text-gray-500 italic m-0",children:"No scenario changes in this period."}):e.jsxs("div",{className:"space-y-3",children:[c.appScenarios.length>0&&e.jsxs("div",{className:"space-y-2",children:[e.jsx("span",{className:"text-[10px] font-semibold text-gray-500 uppercase tracking-wider",children:"Application"}),c.appScenarios.map(h=>e.jsx(De,{scenario:h,onScreenshotClick:s},h.name))]}),c.componentGroups.size>0&&e.jsxs("div",{className:"space-y-2",children:[e.jsx("span",{className:"text-[10px] font-semibold text-gray-500 uppercase tracking-wider",children:"Components"}),[...c.componentGroups.entries()].sort(([h],[m])=>h.localeCompare(m)).map(([h,m])=>e.jsxs("div",{className:"space-y-1.5",children:[e.jsx("span",{className:"text-[10px] font-medium text-gray-400",children:h}),m.map(k=>e.jsx(De,{scenario:k,onScreenshotClick:s},k.name))]},h))]})]})]})]})}function De({scenario:t,onScreenshotClick:s}){const a=t.name.indexOf(" - "),d=a!==-1?t.name.slice(a+3):t.name;return e.jsxs("div",{className:"pl-2",children:[e.jsx("span",{className:"text-[10px] text-gray-500 block mb-1",children:d}),e.jsx("div",{className:"flex items-center gap-1 overflow-x-auto",children:t.screenshots.map((g,x)=>e.jsxs("div",{className:"flex items-center shrink-0",children:[x>0&&e.jsx("span",{className:"text-[8px] text-gray-600 mx-0.5",children:"→"}),e.jsx("button",{type:"button",className:"w-16 h-16 rounded overflow-hidden border border-[#3d3d3d] hover:border-[#00a0c4] bg-[#1e1e1e] shrink-0 flex items-center justify-center cursor-pointer transition-colors",title:`${t.name} (${new Date(g.time).toLocaleDateString()})`,onClick:()=>s==null?void 0:s({screenshotUrl:`/api/editor-journal-image/${g.path.replace("screenshots/","")}`,commitSha:null,commitMessage:null,scenarioName:t.name}),children:e.jsx("img",{src:`/api/editor-journal-image/${g.path.replace("screenshots/","")}`,alt:t.name,className:"max-w-full max-h-full object-contain",loading:"lazy"})})]},g.path))})]})}function Gt({isActive:t,onScreenshotClick:s,glossaryFunctions:a=[]}){const[d,g]=n.useState([]),[x,c]=n.useState(!0),[h,m]=n.useState(new Set),k=n.useCallback(N=>{m(P=>{const j=new Set(P);return j.has(N)?j.delete(N):j.add(N),j})},[]),w=n.useCallback(async()=>{try{const N=await fetch("/api/editor-journal");if(N.ok){const P=await N.json();g(P.entries||[])}}catch{}finally{c(!1)}},[]);if(n.useEffect(()=>{w()},[w]),n.useEffect(()=>{t&&w()},[t,w]),n.useEffect(()=>{const N=new EventSource("/api/events");return N.addEventListener("message",P=>{try{const j=JSON.parse(P.data);j.type==="db-change"&&j.changeType==="journal"&&w()}catch{}}),()=>N.close()},[w]),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(d.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 S=$t(d);return e.jsx("div",{className:"flex-1 overflow-auto",children:e.jsxs("div",{className:"p-3 space-y-4",children:[e.jsx(Wt,{entries:d,onScreenshotClick:s}),[...S.entries()].map(([N,P])=>e.jsxs("div",{children:[e.jsx("div",{className:"px-3 py-1.5 sticky top-0 bg-[#1e1e1e] z-10",children:e.jsx("span",{className:"text-[10px] font-semibold text-gray-500 uppercase tracking-wider",children:zt(N)})}),e.jsx("div",{className:"space-y-2",children:P.map((j,A)=>{const R=Ot[j.type]||{label:j.type,color:"bg-gray-600"},$=`${j.time}-${A}`,T=h.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 cursor-pointer",onClick:()=>k($),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:j.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:Ft(j.time)}),j.featureName&&e.jsx("span",{className:"text-[10px] text-gray-500 italic truncate",title:j.featureName,children:j.featureName})]})}),j.userPrompt&&e.jsx(Ve,{text:j.userPrompt,theme:"dark"}),e.jsx("p",{className:"text-xs text-gray-400 leading-relaxed",children:j.description}),j.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/${j.screenshot.replace("screenshots/","")}`,commitSha:j.commitSha,commitMessage:j.commitMessage,scenarioName:j.title}),children:e.jsx("img",{src:`/api/editor-journal-image/${j.screenshot.replace("screenshots/","")}`,alt:j.title,className:"max-w-full max-h-full object-contain",loading:"lazy"})}),j.scenarioScreenshots&&j.scenarioScreenshots.length>0&&(()=>{const M=Bt(j.scenarioScreenshots),I=j.entityChangeStatus,O=M.filter(([u])=>u==="App").flatMap(([,u])=>u),f=M.filter(([u])=>u!=="App"),r=new Map;for(const u of O){const o=te(u.url??null),v=r.get(o)||[];v.push(u),r.set(o,v)}const l=[...r.entries()],p=u=>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/${u.path.replace("screenshots/","")}`,commitSha:j.commitSha,commitMessage:j.commitMessage,scenarioName:u.name}),children:e.jsx("img",{src:`/api/editor-journal-image/${u.path.replace("screenshots/","")}`,alt:u.name,title:u.name,className:"max-w-full max-h-full object-contain",loading:"lazy"})},u.path);return e.jsxs("div",{className:"space-y-2",children:[l.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"}),l.map(([u,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:u}),(I==null?void 0:I[u])&&e.jsx(Ae,{status:I[u]})]}),e.jsx("div",{className:"flex flex-wrap gap-1 mt-0.5",children:o.map(p)})]},u))]}),f.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"}),f.map(([u,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:u}),(I==null?void 0:I[u])&&e.jsx(Ae,{status:I[u]})]}),e.jsx("div",{className:"flex flex-wrap gap-1 mt-0.5",children:o.map(p)})]},u))]})]})})(),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(M=>e.jsxs("div",{children:[e.jsx("span",{className:"text-[11px] font-medium text-gray-200",children:M.name}),e.jsx("span",{className:"text-[9px] text-gray-500 truncate block",children:M.filePath}),M.testFile?e.jsx(_t,{testFile:M.testFile,entityName:M.name}):e.jsx("div",{className:"pt-1",children:e.jsx("span",{className:"text-[10px] text-gray-500",children:"No test file"})})]},M.name))})]}),j.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:j.commitSha.slice(0,7)}),e.jsx("span",{className:"text-gray-500 truncate",children:j.commitMessage})]}),T&&j.modifiedFiles&&j.modifiedFiles.length>0&&e.jsx(Dt,{files:j.modifiedFiles})]}),e.jsxs("button",{onClick:()=>k($),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"," ———"]})]},$)})})]},N))]})})}function ee({imgSrc:t,name:s,isActive:a,onSelect:d}){return e.jsxs("button",{onClick:d,className:"flex flex-col items-center gap-1 cursor-pointer group w-full",title:s,children:[e.jsx("div",{className:`w-full aspect-square 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-full ${a?"text-white":"text-gray-500 group-hover:text-gray-300"}`,children:s})]})}function le({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(Ne,{content:t,icon:!0,iconSize:10,className:"shrink-0 text-gray-500 hover:text-gray-300 transition-colors"})]}):null}function Ht({hasProject:t,scenarios:s,analyzedEntities:a,glossaryFunctions:d=[],projectRoot:g,activeScenarioId:x,onScenarioSelect:c,onAnalyzedScenarioSelect:h,onSwitchToBuild:m,zoomComponent:k,onZoomChange:w,entityImports:S,pageFilePaths:N={},projectTitle:P,projectDescription:j}){const{pageGroups:A,componentGroups:R}=n.useMemo(()=>{var u;const r=new Map,l=new Map;for(const o of s)if(o.componentName){const v=l.get(o.componentName)||[];v.push(o),l.set(o.componentName,v)}else if(we(o.url)){const v=(u=o.url)==null?void 0:u.match(/[?&]c=([^&]+)/),E=v?decodeURIComponent(v[1]):"Isolated",U=l.get(E)||[];U.push(o),l.set(E,U)}else{const v=te(o.url),E=r.get(v)||[];E.push(o),r.set(v,E)}const p=new Map([...l.entries()].sort(([o],[v])=>o.localeCompare(v)));return{pageGroups:r,componentGroups:p}},[s]),$=n.useMemo(()=>a.filter(r=>r.entityType==="visual").sort((r,l)=>r.name.localeCompare(l.name)),[a]),T=n.useMemo(()=>{const r=new Map;for(const l of d)r.set(l.name,l);return r},[d]),M=n.useRef(null),I=n.useRef(0),O=n.useCallback(()=>{M.current&&(I.current=M.current.scrollTop)},[]);if(n.useEffect(()=>{M.current&&I.current>0&&(M.current.scrollTop=I.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:m,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||$.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:[P?e.jsxs(e.Fragment,{children:[e.jsx("h2",{className:"text-lg font-medium text-white font-['IBM_Plex_Sans'] m-0",children:P}),j&&e.jsx("p",{className:"text-sm text-gray-400 m-0 font-['IBM_Plex_Sans'] leading-relaxed",children:j})]}):e.jsx("h2",{className:"text-lg font-medium text-white font-['IBM_Plex_Sans'] m-0",children:"Your project is ready"}),e.jsx("p",{className:"text-sm text-gray-400 m-0 font-['IBM_Plex_Sans'] leading-relaxed",children:"Describe what you want to build in the Chat and your pages and components will appear here."}),e.jsx("button",{onClick:m,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(k){const r=A.get(k)||[],l=R.get(k)||[],p=$.find(b=>b.name===k),u=T.get(k),o=[...r,...l],v=new Set((S==null?void 0:S[k])||[]),E=v.size>0,U=E?[...R.entries()].filter(([b])=>v.has(b)):[],se=E?$.filter(b=>v.has(b.name)&&!U.some(([B])=>B===b.name)):[],ae=E?d.filter(b=>v.has(b.name)):[],K=U.length>0||se.length>0,W=ae.length>0,D=K||W;return e.jsx("div",{className:"flex-1 overflow-auto",children:e.jsxs("div",{className:"p-4 space-y-3",children:[e.jsxs("button",{onClick:()=>w(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:k}),u&&e.jsx(le,{filePath:u.filePath,projectRoot:g})]}),o.length>0&&e.jsx("div",{className:"flex flex-wrap gap-2",children:o.map(b=>e.jsx(ee,{imgSrc:b.screenshotPath?`/api/editor-scenario-image/${b.id}.png`:null,name:b.name,isActive:b.id===x,onSelect:()=>c(b)},b.id))}),p&&(p.scenarios.length>0||p.pendingScenarios.length>0)&&e.jsxs("div",{className:"flex flex-wrap gap-2",children:[p.scenarios.map(b=>e.jsx(ee,{imgSrc:b.screenshotPath?`/api/screenshot/${b.screenshotPath}`:null,name:b.name,isActive:!1,onSelect:()=>h({analysisId:p.analysisId,scenarioId:b.id,scenarioName:b.name,entitySha:p.sha,entityName:p.name})},b.id)),p.pendingScenarios.map(b=>e.jsx("div",{className:"px-2.5 py-1 bg-[#2a2a2a] text-gray-400 text-[10px] rounded-full",title:b,children:b},b))]}),u&&e.jsxs("div",{className:"flex items-center gap-1.5",children:[e.jsx("span",{className:"text-[10px] text-gray-500",children:"Tests:"}),e.jsx(le,{filePath:u.testFile,projectRoot:g})]}),o.length===0&&!p&&!u&&e.jsx("div",{className:"text-xs text-gray-500",children:"No scenarios for this entity"}),D&&e.jsxs("div",{className:"pt-3 mt-2 border-t border-[#3d3d3d] space-y-3",children:[K&&e.jsxs("div",{children:[e.jsx("span",{className:"text-xs font-semibold text-gray-500 uppercase tracking-wider",children:"Components"}),U.map(([b,B])=>e.jsxs("div",{className:"mt-3",children:[e.jsx("div",{className:"py-1",children:e.jsx("button",{onClick:()=>w(b),className:"text-[11px] font-medium text-gray-400 cursor-pointer hover:text-white transition-colors bg-transparent border-none p-0",children:b})}),B.length>0&&e.jsx("div",{className:"grid grid-cols-3 gap-2 pt-1",children:B.map(F=>e.jsx(ee,{imgSrc:F.screenshotPath?`/api/editor-scenario-image/${F.id}.png`:null,name:F.name,isActive:F.id===x,onSelect:()=>c(F)},F.id))})]},b)),se.map(b=>e.jsxs("div",{className:"mt-3",children:[e.jsx("div",{className:"py-1",children:e.jsx("button",{onClick:()=>w(b.name),className:"text-[11px] font-medium text-gray-400 cursor-pointer hover:text-white transition-colors bg-transparent border-none p-0",children:b.name})}),(b.scenarios.length>0||b.pendingScenarios.length>0)&&e.jsxs("div",{className:"grid grid-cols-3 gap-2 pt-1",children:[b.scenarios.map(B=>e.jsx(ee,{imgSrc:B.screenshotPath?`/api/screenshot/${B.screenshotPath}`:null,name:B.name,isActive:!1,onSelect:()=>h({analysisId:b.analysisId,scenarioId:B.id,scenarioName:B.name,entitySha:b.sha,entityName:b.name})},B.id)),b.pendingScenarios.map(B=>e.jsx("div",{className:"px-2.5 py-1 bg-[#2a2a2a] text-gray-400 text-[10px] rounded-full",title:B,children:B},B))]})]},b.sha))]}),W&&e.jsxs("div",{children:[e.jsx("span",{className:"text-xs font-semibold text-gray-500 uppercase tracking-wider",children:"Functions"}),ae.map(b=>e.jsxs("div",{className:"mt-2",children:[e.jsx("div",{className:"py-1",children:e.jsx("button",{onClick:()=>w(b.name),className:"text-[11px] font-medium text-gray-400 cursor-pointer hover:text-white transition-colors bg-transparent border-none p-0",children:b.name})}),e.jsx(le,{filePath:b.filePath,projectRoot:g}),b.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:b.testFile})]})]},b.name))]})]})]})})}return e.jsx("div",{ref:M,onScroll:O,className:"flex-1 overflow-auto",children:e.jsxs("div",{className:"p-4 space-y-4",children:[P&&e.jsxs("div",{children:[e.jsx("h2",{className:"text-base font-semibold text-white m-0 font-['IBM_Plex_Sans']",children:P}),j&&e.jsx("p",{className:"text-xs text-gray-400 m-0 mt-1 font-['IBM_Plex_Sans'] leading-relaxed",children:j})]}),A.size>0&&e.jsxs("div",{children:[e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsx("span",{className:"text-xs font-semibold text-gray-500 uppercase tracking-wider",children:"Application"}),e.jsx("button",{onClick:m,className:"px-2.5 py-1 text-[10px] font-medium text-gray-400 bg-[#2a2a2a] border border-[#4d4d4d] rounded hover:bg-[#333] hover:text-white hover:border-[#005c75] transition-colors cursor-pointer",children:"+ New Page"})]}),e.jsxs("p",{className:"text-[11px] text-gray-500 m-0 mt-1.5 font-['IBM_Plex_Sans'] leading-relaxed",children:["Select a page scenario below and switch to"," ",e.jsx("button",{onClick:m,className:"text-[#00a0c4] hover:text-[#00c4eb] bg-transparent border-none p-0 cursor-pointer underline font-inherit text-inherit",children:"Build"})," ","to change or enhance an existing page or"," ",e.jsx("button",{onClick:m,className:"text-[#00a0c4] hover:text-[#00c4eb] bg-transparent border-none p-0 cursor-pointer underline font-inherit text-inherit",children:"create a new page"})]}),[...A.entries()].sort(([r],[l])=>r==="Home"?-1:l==="Home"?1:r.localeCompare(l)).map(([r,l])=>e.jsxs("div",{className:"mt-2",children:[e.jsx("div",{className:"py-1",children:e.jsx("button",{onClick:()=>w(r),className:"text-[11px] font-medium text-gray-400 cursor-pointer hover:text-white transition-colors bg-transparent border-none p-0",children:r})}),N[r]&&e.jsx(le,{filePath:N[r],projectRoot:g}),e.jsx("div",{className:"grid grid-cols-3 gap-2 pt-1",children:l.map(p=>e.jsx(ee,{imgSrc:p.screenshotPath?`/api/editor-scenario-image/${p.id}.png`:null,name:p.name,isActive:p.id===x,onSelect:()=>c(p)},p.id))})]},r))]})]})})}const Oe={new:0,edited:1,impacted:2};function Fe({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],d=s&&(t.status==="edited"||t.status==="impacted");return e.jsx("button",{onClick:d?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 ${d?"cursor-pointer hover:opacity-80 transition-opacity":"cursor-default"}`,children:a.label})}function ze({filePath:t}){const[s,a]=n.useState(null),[d,g]=n.useState(!0),[x,c]=n.useState(null);return n.useEffect(()=>{Pt(()=>import("./index-yHOVb4rc.js"),__vite__mapDeps([0,1])).then(h=>{c(()=>h.default)})},[]),n.useEffect(()=>{g(!0),fetch(`/api/editor-file-diff?path=${encodeURIComponent(t)}`).then(h=>h.json()).then(h=>{a({oldContent:h.oldContent,newContent:h.newContent})}).catch(()=>{a(null)}).finally(()=>g(!1))},[t]),d?e.jsx("div",{className:"p-2 text-[10px] text-gray-400",children:"Loading diff..."}):!s||!x?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(x,{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 Ue({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 We({scenarioId:t,name:s,isActive:a,onSelect:d}){const[g,x]=n.useState(!1);return n.useEffect(()=>{x(!1)},[t]),e.jsxs("button",{onClick:d,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:g?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:()=>x(!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 Vt({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(Ne,{content:t,icon:!0,iconSize:10,className:"shrink-0 text-gray-400 hover:text-gray-600 transition-colors"})]}):null}function Jt({testFile:t,entityName:s}){const{results:a,isRunning:d,runTests:g}=ye(t);if(d&&!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 x=s?a.testCases.filter(m=>m.fullName.startsWith(s)):a.testCases,c=x.length>0?x:a.testCases;if(c.length===0)return null;const h=s?`${s} > `:"";return e.jsxs("div",{className:"pt-1 space-y-0.5",children:[c.map(m=>{var w;const k=h&&m.fullName.startsWith(h)?m.fullName.slice(h.length):m.fullName;return e.jsxs("div",{children:[e.jsxs("div",{className:"flex items-center gap-1.5",children:[m.status==="passed"?e.jsx("span",{className:"text-green-600 text-[10px]",children:"✓"}):m.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] ${m.status==="passed"?"text-green-600":m.status==="failed"?"text-red-500":"text-gray-400"}`,children:k})]}),m.status==="failed"&&((w=m.failureMessages)==null?void 0:w.map((S,N)=>e.jsx("div",{className:"pl-4 text-[9px] text-red-400 truncate max-w-full",title:S,children:S.split(`
+`)[0]},N)))]},m.fullName)}),e.jsx("button",{onClick:g,disabled:d,className:"mt-1 text-[10px] text-[#0ea5e9] hover:text-[#38bdf8] transition-colors cursor-pointer disabled:opacity-50 bg-transparent border-none p-0",children:d?"Running...":"Re-run"})]})}function Ge(t){const s=t.indexOf(" - ");return s!==-1?t.slice(s+3):t}function He(t,s){return!s||Object.keys(s).length===0?t:[...t].sort(([a],[d])=>{var h,m;const g=((h=s[a])==null?void 0:h.status)||"impacted",x=((m=s[d])==null?void 0:m.status)||"impacted",c=(Oe[g]??2)-(Oe[x]??2);return c!==0?c:a.localeCompare(d)})}function Yt({scenarios:t,allScenarios:s=[],glossaryFunctions:a=[],projectRoot:d,activeScenarioId:g,onScenarioSelect:x,onClose:c,entityChangeStatus:h={},modifiedFiles:m=[],featureName:k,userPrompt:w}){const S=n.useMemo(()=>{if(s.length===0||Object.keys(h).length===0)return t;const r=new Set(t.map(p=>p.id)),l=s.filter(p=>{var o;if(r.has(p.id))return!1;const u=p.componentName||te(p.url);return((o=h[u])==null?void 0:o.status)==="impacted"});return l.length===0?t:[...t,...l]},[t,s,h]),N=n.useMemo(()=>Object.entries(h).filter(([,r])=>r.status==="new"||r.status==="edited").map(([r,l])=>({name:r,status:l.status})),[h]),[P,j]=n.useState(null),A=n.useCallback(r=>{j(l=>l===r?null:r)},[]),{pageGroups:R,componentGroups:$}=n.useMemo(()=>{var p;const r=new Map,l=new Map;for(const u of S)if(u.componentName){const o=l.get(u.componentName)||[];o.push(u),l.set(u.componentName,o)}else if(we(u.url)){const o=(p=u.url)==null?void 0:p.match(/[?&]c=([^&]+)/),v=o?decodeURIComponent(o[1]):"Isolated",E=l.get(v)||[];E.push(u),l.set(v,E)}else{const o=te(u.url),v=r.get(o)||[];v.push(u),r.set(o,v)}return{pageGroups:r,componentGroups:l}},[S]),T=n.useMemo(()=>He([...R.entries()],h),[R,h]),M=n.useMemo(()=>He([...$.entries()],h),[$,h]),I=T,O=M,f=n.useMemo(()=>Tt(a,h),[a,h]);return S.length===0&&a.length===0?e.jsxs("div",{className:"h-full bg-white flex items-center justify-center relative",children:[e.jsx("button",{onClick:c,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"}),k&&e.jsx("div",{className:"text-[11px] text-gray-400 truncate",title:k,children:k})]}),e.jsx("button",{onClick:c,className:"text-gray-400 hover:text-gray-700 text-lg leading-none cursor-pointer bg-transparent border-none shrink-0",title:"Close results",children:"×"})]}),w&&e.jsx(Ve,{text:w,theme:"light"}),e.jsx("div",{className:"flex-1 overflow-auto p-4",children:e.jsxs("div",{className:"space-y-5",children:[I.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:I.map(([r,l])=>{var v;const p=h[r],u=P===r,o=(v=l[0])==null?void 0:v.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}),p&&e.jsx(Fe,{status:p,onClick:()=>A(r)})]}),u&&(p==null?void 0:p.status)==="edited"&&o&&e.jsx(ze,{filePath:o}),u&&(p==null?void 0:p.status)==="impacted"&&e.jsx(Ue,{impactedBy:p.impactedBy,changedEntities:N}),e.jsx("div",{className:"flex flex-wrap gap-3",children:l.map(E=>e.jsx(We,{scenarioId:E.id,name:Ge(E.name),isActive:E.id===g,onSelect:()=>x(E)},E.id))})]},r)})})]}),O.length>0&&e.jsxs("div",{className:I.length>0?"pt-3 border-t border-gray-200":"",children:[e.jsx("div",{className:"mb-2",children:e.jsx("span",{className:"text-xs font-semibold text-gray-500 uppercase tracking-wider",children:"Components"})}),e.jsx("div",{className:"space-y-3 pl-1",children:O.map(([r,l])=>{var v;const p=h[r],u=P===r,o=(v=l[0])==null?void 0:v.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}),p&&e.jsx(Fe,{status:p,onClick:()=>A(r)})]}),u&&(p==null?void 0:p.status)==="edited"&&o&&e.jsx(ze,{filePath:o}),u&&(p==null?void 0:p.status)==="impacted"&&e.jsx(Ue,{impactedBy:p.impactedBy,changedEntities:N}),e.jsx("div",{className:"flex flex-wrap gap-3",children:l.map(E=>e.jsx(We,{scenarioId:E.id,name:Ge(E.name),isActive:E.id===g,onSelect:()=>x(E)},E.id))})]},r)})})]}),f.length>0&&e.jsxs("div",{className:I.length>0||O.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:f.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(Vt,{filePath:r.filePath,projectRoot:d}),r.testFile?e.jsx(Jt,{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))})]}),m.length>0&&e.jsxs("div",{className:I.length>0||O.length>0||f.length>0?"pt-3 border-t border-gray-200":"",children:[e.jsx("div",{className:"mb-2",children:e.jsxs("span",{className:"text-xs font-semibold text-gray-500 uppercase tracking-wider",children:["Modified Files (",m.length,")"]})}),e.jsx("div",{className:"space-y-0.5 pl-1 max-h-[200px] overflow-auto",children:m.map(r=>e.jsxs("div",{className:"flex items-center gap-1.5",children:[e.jsx("span",{className:`text-[9px] font-bold uppercase w-[14px] text-center ${r.status==="added"||r.status==="untracked"?"text-green-600":r.status==="modified"?"text-blue-600":r.status==="renamed"?"text-purple-600":"text-gray-400"}`,children:r.status==="added"||r.status==="untracked"?"A":r.status==="modified"?"M":r.status==="renamed"?"R":"?"}),e.jsx("span",{className:"text-[10px] text-gray-500 truncate font-mono",children:r.path})]},r.path))})]})]})})]})}function Kt({items:t,onNavigate:s}){return t.length===0?null:e.jsx("nav",{className:"flex items-center gap-1 text-xs",children:t.map((a,d)=>{const g=d===t.length-1;return e.jsxs("span",{className:"flex items-center gap-1",children:[d>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"})}),g?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 qt=[{key:"app",label:"App"},{key:"build",label:"Build"},{key:"data",label:"Structure"},{key:"journal",label:"Journal"}];function Qt({activeTab:t,onTabChange:s,buildIdle:a,zoomComponent:d,breadcrumbItems:g,onBreadcrumbNavigate:x}){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:Et,alt:"CodeYam",className:"h-5 brightness-0 invert"}),e.jsx("span",{className:"text-white font-medium text-xs whitespace-nowrap",children:"Codeyam Editor"}),d&&e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"w-px h-3.5 bg-gray-600"}),e.jsx(Kt,{items:g,onNavigate:x})]})]}),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:qt.map(c=>e.jsxs("button",{onClick:()=>s(c.key),className:`px-2.5 py-1 text-xs font-medium rounded-md transition-colors cursor-pointer ${t===c.key?"bg-[#7a4444] text-white":"text-gray-300 hover:text-white"}`,children:[c.label,c.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"})]},c.key))})]})}function Xt({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.jsx("div",{className:"flex items-center gap-3",children:t.commitSha&&a&&e.jsx(Zt,{commitSha:t.commitSha,onLoadCommit:a})})]})}function Zt({commitSha:t,onLoadCommit:s}){const[a,d]=n.useState(!1),[g,x]=n.useState(null);return e.jsxs(e.Fragment,{children:[e.jsx("button",{onClick:()=>{d(!0),x(null),s(t).then(c=>{c.success||x(c.error||"Failed to load commit")}).catch(c=>{x(c instanceof Error?c.message:"Network error")}).finally(()=>d(!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?"Reverting...":"Revert to this code and load this version"}),g&&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:g})]})}function es({analysisId:t,scenarioId:s,scenarioName:a,entityName:d,projectSlug:g,onStateChange:x}){const{interactiveServerUrl:c,isStarting:h,isLoading:m}=It({analysisId:t,scenarioId:s,scenarioName:a,entityName:d,projectSlug:g,enabled:!0});return n.useEffect(()=>{x(c,h||m)},[c,h,m,x]),null}function ts(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 ss(){const[t,s]=n.useState({url:null,proxyUrl:null,isStarting:!1,error:null,canStartServer:!0,autoStartAttempted:!1}),a=n.useRef(t);a.current=t,n.useEffect(()=>{let x=!1,c=null;const h=async()=>{try{const m=await fetch("/api/editor-dev-server");if(x)return;const k=await m.json(),w=ts(a.current,k),{shouldAutoStart:S,...N}=w;if(s(N),S)try{const P=await fetch("/api/editor-dev-server",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({action:"start"})});if(x)return;P.ok?s(j=>({...j,isStarting:!0})):s(j=>({...j,canStartServer:!1}))}catch{}}catch{}};return h(),c=setInterval(()=>void h(),2e3),()=>{x=!0,c&&clearInterval(c)}},[t.url]);const d=n.useCallback(()=>{s(x=>({...x,error:null,isStarting:!0})),fetch("/api/editor-dev-server",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({action:"restart"})}).catch(()=>{})},[]),g=n.useCallback(()=>{s(x=>({...x,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:d,startServer:g}}const us=()=>[{title:"Editor - CodeYam"},{name:"description",content:"CodeYam Code + Data Editor"}];class as extends n.Component{constructor(){super(...arguments);$e(this,"state",{error:null,errorInfo:null})}static getDerivedStateFromError(a){return{error:a,errorInfo:null}}componentDidCatch(a,d){console.error("[EditorErrorBoundary] Error:",a.message),console.error("[EditorErrorBoundary] Component stack:",d.componentStack),console.error("[EditorErrorBoundary] Loader snapshot:",JSON.stringify(this.props.loaderSnapshot,null,2)),this.setState({errorInfo:d})}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 ve=[{name:"Desktop",width:1440,height:900},{name:"Laptop",width:1024,height:768},{name:"Tablet",width:768,height:1024},{name:"Mobile",width:375,height:667}],fs=ft(function(){const{projectSlug:s,projectRoot:a,hasProject:d,scenarios:g,allScenarios:x,analyzedEntities:c,glossaryFunctions:h,entityImports:m,pageFilePaths:k,entityChangeStatus:w,modifiedFiles:S,featureName:N,userPrompt:P,projectTitle:j,projectDescription:A,defaultScreenSize:R}=gt(),$=jt(),[T,M]=bt(),I=n.useRef(null),O=n.useRef(null),f=n.useRef(null),r=T.get("zoom")||void 0,l=T.get("scenario")||void 0,p=n.useRef(null);n.useEffect(()=>{if(!yt(l,p.current))return;const i=x.find(C=>C.id===l);if(!i)return;p.current=l;const y=ie(i.name);fetch("/api/editor-switch-scenario",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({scenarioSlug:y,scenarioId:i.id,scenarioName:i.name,scenarioType:i.type})}).catch(()=>{})},[l,x]),n.useEffect(()=>{const i=new BroadcastChannel("codeyam-editor");return i.onmessage=y=>{var C;if(((C=y.data)==null?void 0:C.type)==="switch-scenario"&&y.data.scenarioId){const L=y.data.scenarioId,z=x.find(je=>je.id===L);if(!z)return;p.current=L;const ge=new URLSearchParams(T);ge.set("scenario",L),ge.delete("zoom"),M(ge),b(null),F(null),H(null),V(!0);const pt=ie(z.name);fetch("/api/editor-switch-scenario",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({scenarioSlug:pt,scenarioId:L,scenarioType:z.type})}).then(()=>{q(je=>je+1)}).catch(()=>{V(!1)})}},()=>i.close()},[T,M,x]),n.useEffect(()=>{if(T.get("ref")!=="link"||!l)return;const i=new BroadcastChannel("codeyam-editor");i.postMessage({type:"switch-scenario",scenarioId:l}),i.close(),window.close()},[]);const{devServerUrl:u,proxyUrl:o,isStarting:v,error:E,canStartServer:U,retryServer:se,startServer:ae}=ss(),[K,W]=n.useState(!1),[D,b]=n.useState(null),[B,F]=n.useState(null),[oe,Se]=n.useState(!1),[ce,H]=n.useState(null),Je=n.useCallback(async i=>{const C=await(await fetch("/api/editor-load-commit",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({commitSha:i})})).json();return C.success&&(H(null),W(!1)),C},[]),Ye=n.useCallback((i,y)=>{F(C=>(i&&i!==C&&W(!1),i)),!y&&i&&W(!0),Se(y)},[]),ke=n.useCallback(i=>{H(null),b(C=>(C&&C.analysisId===i.analysisId||(F(null),q(z=>z+1)),i)),Se(!0),W(!1);const y=new URLSearchParams(T);y.delete("scenario"),y.delete("zoom"),M(y)},[T,M]),[_,re]=n.useState(R?{name:R.name,width:R.width,height:R.height}:{name:"Desktop",width:1440,height:900}),[Ke,de]=n.useState(!1),[G,xe]=n.useState("app"),qe=n.useCallback(()=>{xe("build"),me(!0)},[]),[Qe,me]=n.useState(!1),[Xe,Ce]=n.useState(!1),Ze=n.useCallback(i=>{Ce(i)},[]),[pe,Me]=n.useState(!1),et=n.useCallback(()=>{Me(!0),xe("build"),me(!0)},[]),Pe=n.useCallback(()=>{Me(!1)},[]),tt=n.useCallback(i=>{re(i)},[]),[ne,he]=n.useState(!1),st=n.useCallback(()=>{if(ne){he(!1);return}typeof Notification<"u"&&Notification.permission==="default"?Notification.requestPermission().then(i=>{i==="granted"&&he(!0)}):he(!0)},[ne]);n.useEffect(()=>{if(G==="build"){Ce(!1);const i=setTimeout(()=>{var y,C;(y=I.current)==null||y.scrollToBottom(),(C=I.current)==null||C.focus()},50);return()=>clearTimeout(i)}},[G]);const[ue,at]=n.useState(null);n.useEffect(()=>{const i=f.current;if(!i)return;const y=new ResizeObserver(C=>{const L=C[0];L&&at({width:L.contentRect.width,height:L.contentRect.height})});return y.observe(i),()=>y.disconnect()},[]);const Y=n.useMemo(()=>ue?wt(ue,_):1,[ue,_]),[rt,q]=n.useState(0),[Ee,Ie]=n.useState(null),[Te,V]=n.useState(!1),nt=n.useCallback((i,y)=>{if(Ie(i||null),y){const C=new URLSearchParams(T);C.set("scenario",y),p.current=y,M(C)}H(null),q(C=>C+1)},[T,M]),{customSizes:Le,addCustomSize:it}=vt(s);n.useMemo(()=>[...ve,...Le],[Le]),n.useEffect(()=>{const i=new EventSource("/api/events");let y=null;return i.addEventListener("message",C=>{try{const L=JSON.parse(C.data);(L.type==="db-change"||L.type==="unknown")&&(y&&clearTimeout(y),y=setTimeout(()=>{$.revalidate()},2e3))}catch{}}),()=>{y&&clearTimeout(y),i.close()}},[$]);const lt=n.useMemo(()=>{const i=[{name:"App"}];return r&&i.push({name:r,componentName:r}),i},[r]),fe=n.useCallback(i=>{const y=new URLSearchParams(T);if(i){y.set("zoom",i);const C=x.find(L=>L.componentName===i||L.componentName===null&&i==="Home");if(C){y.set("scenario",C.id),p.current=C.id,V(!0);const L=ie(C.name);fetch("/api/editor-switch-scenario",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({scenarioSlug:L,scenarioId:C.id,scenarioType:C.type})}).then(()=>{q(z=>z+1)}).catch(()=>{V(!1)})}else y.delete("scenario")}else y.delete("zoom"),y.delete("scenario");M(y)},[T,M,x]),Q=n.useCallback(i=>{if(b(null),F(null),H(null),i.viewportWidth&&i.viewportHeight){const L=ve.find(z=>z.width===i.viewportWidth&&z.height===i.viewportHeight);re({name:(L==null?void 0:L.name)||"Custom",width:i.viewportWidth,height:i.viewportHeight})}p.current=i.id;const y=new URLSearchParams(T);y.set("scenario",i.id),M(y),V(!0);const C=ie(i.name);fetch("/api/editor-switch-scenario",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({scenarioSlug:C,scenarioId:i.id,scenarioType:i.type})}).then(()=>{q(L=>L+1)}).catch(()=>{V(!1)})},[T,M]),ot=n.useCallback(i=>{if(!i.commitSha){const y=x.find(C=>C.name===i.scenarioName);if(y){Q(y);return}}H(i)},[x,Q]),ct=i=>{re({name:i.name,width:i.width,height:i.height})},dt=i=>{it(i,_.width,_.height??900),de(!1),re(y=>({...y,name:i}))},xt=()=>{D||W(!0),V(!1)},X=n.useMemo(()=>St({activeAnalyzedScenario:!!D,analyzedPreviewUrl:B,activeScenarioId:l||null,scenarios:x,proxyUrl:o,devServerUrl:u,zoomComponent:r||null}),[o,u,r,l,x,D,B]),Re=n.useMemo(()=>kt(X,Ee),[X,Ee]),mt=n.useMemo(()=>({projectSlug:s,hasProject:d,scenarioCount:g==null?void 0:g.length,allScenarioCount:x==null?void 0:x.length,analyzedEntityCount:c==null?void 0:c.length,glossaryFunctionCount:h==null?void 0:h.length,entityChangeStatusKeys:w?Object.keys(w):[],featureName:N}),[s,d,g,x,c,h,w,N]);return e.jsx(as,{loaderSnapshot:mt,children:e.jsxs("div",{className:"fixed inset-0 bg-[#2d2d2d] flex flex-col",children:[D&&e.jsx(es,{analysisId:D.analysisId,scenarioId:D.scenarioId,scenarioName:D.scenarioName,entityName:D.entityName,projectSlug:s,onStateChange:Ye},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:[ve.map(i=>e.jsxs("button",{onClick:()=>ct(i),className:`p-1.5 rounded transition-colors cursor-pointer ${_.name===i.name?"text-white bg-[#555]":"text-gray-500 hover:text-gray-300"}`,title:`${i.name} (${i.width}×${i.height})`,children:[i.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"})]}),i.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"})]}),i.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"})]}),i.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"})]})]},i.name)),e.jsx("button",{onClick:()=>de(!0),className:`p-1.5 rounded transition-colors cursor-pointer ${_.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:[_.width," × ",_.height??900]}),e.jsx("div",{className:"w-px h-4 bg-[#3d3d3d] mx-1"}),e.jsx("button",{onClick:()=>{const i=Re||X;i&&window.open(i,"_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:f,className:"flex-1 flex items-center justify-center overflow-hidden p-8",style:ce?{backgroundColor:"#f5f0e8",backgroundImage:"repeating-linear-gradient(0deg, transparent, transparent 19px, #e8e0d0 19px, #e8e0d0 20px), repeating-linear-gradient(90deg, transparent, transparent 19px, #e8e0d0 19px, #e8e0d0 20px)"}:{backgroundImage:`
+              linear-gradient(45deg, #333 25%, transparent 25%),
+              linear-gradient(-45deg, #333 25%, transparent 25%),
+              linear-gradient(45deg, transparent 75%, #333 75%),
+              linear-gradient(-45deg, transparent 75%, #333 75%)
+            `,backgroundSize:"16px 16px",backgroundPosition:"0 0, 0 8px, 8px -8px, -8px 0px",backgroundColor:"#2d2d2d"},children:ce?e.jsx(Xt,{preview:ce,onDismiss:()=>H(null),onLoadCommit:Je}):X?e.jsx("div",{style:{width:`${_.width*Y}px`,height:`${(_.height??900)*Y}px`},children:e.jsxs("div",{className:"relative bg-white origin-top-left",style:{width:`${_.width}px`,height:`${_.height??900}px`,transform:Y<1?`scale(${Y})`:void 0},children:[!K&&!Te&&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(Be,{})}),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"})]})]})}),Te&&e.jsx("div",{className:"absolute inset-0 z-20 flex items-center justify-center",style:{backgroundColor:"rgba(0, 0, 0, 0.25)",backdropFilter:"blur(1px)",transition:"opacity 200ms ease-out"},children:e.jsxs("div",{className:"flex flex-col items-center gap-3 animate-pulse",children:[e.jsx("svg",{className:"w-6 h-6 text-white/80 animate-spin",viewBox:"0 0 24 24",fill:"none",children:e.jsx("circle",{cx:"12",cy:"12",r:"10",stroke:"currentColor",strokeWidth:"3",strokeLinecap:"round",strokeDasharray:"50 100"})}),e.jsx("span",{className:"text-white/70 text-xs font-['IBM_Plex_Sans']",children:"Switching scenario"})]})}),e.jsx("iframe",{ref:O,src:Re||X,className:"w-full h-full border-none",title:"Editor preview",onLoad:xt,style:{opacity:K?1:0}},rt)]})}):e.jsx("div",{className:"bg-[#2a2a2a] rounded-lg flex flex-col items-center justify-center",style:{width:`${_.width*Y}px`,height:`${(_.height??900)*Y}px`},children:E?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:E}),e.jsx("button",{onClick:se,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"})]}):v||oe?e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"mb-4",children:e.jsx(Be,{})}),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:oe?"Starting Interactive Mode":"Starting Dev Server"}),e.jsx("p",{className:"text-sm text-gray-400 leading-5 m-0 font-['IBM_Plex_Sans']",children:oe?"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(Qt,{activeTab:G,onTabChange:i=>{xe(i),i==="build"&&me(!0)},buildIdle:Xe,zoomComponent:r,breadcrumbItems:lt,onBreadcrumbNavigate:fe}),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:G==="build"?"visible":"hidden"},children:[e.jsx("div",{className:pe?"flex-1 min-h-0":"flex-1",style:pe?{flex:"1 1 50%"}:void 0,children:e.jsx(Ct,{ref:I,entityName:"Editor",projectSlug:s,entityFilePath:null,scenarioName:null,onRefreshPreview:nt,onShowResults:et,onHideResults:Pe,onSetViewport:tt,editorMode:!0,onIdleChange:Ze,notificationsEnabled:ne})}),pe&&e.jsx("div",{style:{flex:"1 1 50%"},className:"min-h-0 border-t-2 border-gray-300",children:e.jsx(Yt,{scenarios:g,allScenarios:x,glossaryFunctions:h,projectRoot:a,activeScenarioId:l,onScenarioSelect:Q,onClose:Pe,entityChangeStatus:w,modifiedFiles:S,featureName:N,userPrompt:P})})]}),e.jsx("div",{className:"absolute inset-0 flex flex-col overflow-hidden",style:{visibility:G==="app"?"visible":"hidden"},children:e.jsx(Ht,{hasProject:d,scenarios:x,analyzedEntities:c,glossaryFunctions:h,projectRoot:a,activeScenarioId:l,onScenarioSelect:Q,onAnalyzedScenarioSelect:ke,onSwitchToBuild:qe,zoomComponent:r,onZoomChange:fe,entityImports:m,pageFilePaths:k,projectTitle:j,projectDescription:A})}),e.jsx("div",{className:"absolute inset-0 flex flex-col overflow-hidden",style:{visibility:G==="data"?"visible":"hidden"},children:e.jsx(Lt,{scenarios:x,projectRoot:a,activeScenarioId:l,onScenarioSelect:Q,zoomComponent:r,onZoomChange:fe,analyzedEntities:[],glossaryFunctions:h,activeAnalyzedScenarioId:D==null?void 0:D.scenarioId,onAnalyzedScenarioSelect:ke,entityImports:m,pageFilePaths:k})}),e.jsx("div",{className:"absolute inset-0 flex flex-col overflow-hidden",style:{visibility:G==="journal"?"visible":"hidden"},children:e.jsx(Gt,{isActive:G==="journal",onScreenshotClick:ot,glossaryFunctions:h})})]}),e.jsx(Mt,{serverUrl:u,isStarting:v,projectSlug:s,devServerError:E,onStartServer:U?ae:void 0,notificationsEnabled:ne,onToggleNotifications:st})]})]}),Ke&&e.jsx(Nt,{width:_.width,height:_.height??900,onSave:dt,onCancel:()=>de(!1)})]})})});export{fs as default,us as meta};

package/codeyam-cli/src/webserver/build/client/assets/editorPreview-BLQMSKZa.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 d,j as u}from"./chunk-JZWAC4HX-C4pqxYJB.js";import{_ as C}from"./preload-helper-ckwbz45p.js";function ie({serverUrl:r,isStarting:e,projectSlug:n,devServerError:o,onStartServer:l,notificationsEnabled:m,onToggleNotifications:w}){const[b,v]=d.useState(null),c=d.useRef(null);d.useEffect(()=>{if(!n)return;const j=new EventSource("/api/dev-mode-events");return j.onmessage=z=>{try{const A=JSON.parse(z.data);A.type==="file-synced"&&(v(A.fileName),c.current&&clearTimeout(c.current),c.current=setTimeout(()=>{v(null)},5e3))}catch{}},()=>{j.close(),c.current&&clearTimeout(c.current)}},[n]);let a;o?a="error":e?a="starting":r?a="running":a="stopped";const _={starting:"bg-yellow-400",running:"bg-green-400",stopped:"bg-gray-400",error:"bg-red-400"},E={starting:"Starting...",running:r||"Running",stopped:"Stopped",error:"Error"};return u.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:[u.jsxs("div",{className:"flex items-center gap-2",children:[u.jsx("div",{className:`w-2 h-2 rounded-full ${_[a]}`}),u.jsxs("span",{className:"text-gray-400",children:["Server:"," ",u.jsx("span",{className:"text-gray-300",children:E[a]})]}),(a==="stopped"||a==="error")&&l&&u.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"})]}),u.jsx("div",{className:"w-px h-3 bg-[#3d3d3d]"}),b&&u.jsxs(u.Fragment,{children:[u.jsxs("div",{className:"flex items-center gap-1.5",children:[u.jsx("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"#4ade80",strokeWidth:"2",children:u.jsx("path",{d:"M20 6L9 17l-5-5"})}),u.jsxs("span",{className:"text-green-400",children:["Synced: ",b]})]}),u.jsx("div",{className:"w-px h-3 bg-[#3d3d3d]"})]}),u.jsx("div",{className:"flex-1"}),w&&u.jsx("button",{onClick:w,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 ee(r,e){try{const{WebglAddon:o}=await C(async()=>{const{WebglAddon:m}=await import("./addon-webgl-DI8QOUvO.js").then(w=>w.a);return{WebglAddon:m}},[]),l=new o;return l.onContextLoss(()=>{e==null||e("webgl","canvas",new Error("WebGL context lost")),l.dispose(),X(r).then(m=>{m||e==null||e("canvas","dom",new Error("Canvas fallback failed after context loss"))})}),r.loadAddon(l),{type:"webgl",dispose:()=>l.dispose()}}catch(o){e==null||e("webgl","canvas",o)}const n=await X(r);return n||(e==null||e("canvas","dom",new Error("Canvas addon failed")),{type:"dom",dispose:()=>{}})}async function X(r){try{const{CanvasAddon:e}=await C(async()=>{const{CanvasAddon:o}=await import("./addon-canvas-DpzMmAy5.js").then(l=>l.a);return{CanvasAddon:o}},[]),n=new e;return r.loadAddon(n),{type:"canvas",dispose:()=>n.dispose()}}catch{return null}}const te=`
+.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 re(){if(document.getElementById("xterm-css"))return;const r=document.createElement("style");r.id="xterm-css",r.textContent=te,document.head.appendChild(r)}const ce=d.forwardRef(function({entityName:e,entityType:n,entitySha:o,entityFilePath:l,scenarioName:m,scenarioDescription:w,analysisId:b,projectSlug:v,onRefreshPreview:c,onShowResults:a,onHideResults:_,onSetViewport:E,editorMode:j,onIdleChange:z,notificationsEnabled:A},G){const M=d.useRef(null),R=d.useRef(null),B=d.useRef(null),S=d.useRef(null),W=d.useRef(null),P=d.useRef(!1),L=d.useRef(0),I=d.useRef(!1),N=d.useRef(z);N.current=z;const D=d.useRef(A);D.current=A;const V=d.useCallback(()=>{var f;(f=B.current)==null||f.focus()},[]);return d.useImperativeHandle(G,()=>({sendInput(f){const h=S.current;h&&h.readyState===WebSocket.OPEN&&(h.send(JSON.stringify({type:"input",data:f})),setTimeout(()=>{h.readyState===WebSocket.OPEN&&h.send(JSON.stringify({type:"input",data:"\r"}))},100))},focus(){var f;(f=B.current)==null||f.focus()},scrollToBottom(){var h;const f=(h=M.current)==null?void 0:h.querySelector(".xterm-viewport");f&&(f.scrollTop=f.scrollHeight)}})),d.useEffect(()=>{const f=M.current;if(!f)return;let h=!1;return re(),Promise.all([C(()=>import("./xterm-BqvuqXEL.js"),[]),C(()=>import("./addon-fit-YJmn1quW.js"),[]),C(()=>import("./addon-web-links-Duc5hnl7.js").then(T=>T.a),__vite__mapDeps([0,1]))]).then(([T,Z,K])=>{if(h)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,t){try{const p=new URL(t),y=p.searchParams.get("scenario");if(y&&p.pathname==="/editor"){const g=new BroadcastChannel("codeyam-editor");g.postMessage({type:"switch-scenario",scenarioId:y}),g.close();return}}catch{}window.open(t,"_blank")}}}),$=new Z.FitAddon;s.loadAddon($),s.loadAddon(new K.WebLinksAddon),s.open(f);let k=null;ee(s,(i,t,p)=>{console.warn(`[Terminal] Renderer fallback: ${i} → ${t}`,p)}).then(i=>{if(h){i.dispose();return}console.log(`[Terminal] Using ${i.type} renderer`),k=i.dispose}),requestAnimationFrame(()=>{try{$.fit()}catch{}}),B.current=s,s.focus(),setTimeout(()=>s.focus(),100),setTimeout(()=>s.focus(),500);const Q=window.location.protocol==="https:"?"wss:":"ws:",Y=window.location.host;function F(i){const t=new URLSearchParams;return t.set("entityName",e),n&&t.set("entityType",n),o&&t.set("entitySha",o),l&&t.set("entityFilePath",l),m&&t.set("scenarioName",m),w&&t.set("scenarioDescription",w),b&&t.set("analysisId",b),v&&t.set("projectSlug",v),j&&t.set("editorMode","true"),i&&t.set("reconnectId",i),`${Q}//${Y}/ws/terminal?${t.toString()}`}function J(i){const t=F(i),p=new WebSocket(t);S.current=p,p.onopen=()=>{L.current=0,I.current=!1,p.send(JSON.stringify({type:"resize",cols:s.cols,rows:s.rows}))},p.onmessage=y=>{var g,H;try{const x=JSON.parse(y.data);if(x.type==="session-id"){W.current=x.sessionId;return}if(x.type==="refresh-preview"){c==null||c(x.path,x.scenarioId);return}if(x.type==="show-results"){a==null||a();return}if(x.type==="hide-results"){_==null||_();return}if(x.type==="set-viewport"){E==null||E({name:x.name,width:x.width,height:x.height});return}if(x.type==="claude-idle"){if(console.log("[Terminal] Received claude-idle, notifications:",D.current,"permission:",typeof Notification<"u"?Notification.permission:"N/A"),(g=N.current)==null||g.call(N,!0),D.current&&typeof Notification<"u"&&Notification.permission==="granted"){const q=new Notification("Claude is ready for you",{body:"Claude has finished and is waiting for your input.",tag:"claude-idle"});q.onclick=()=>{window.focus(),q.close()}}return}x.type==="output"&&(s.write(x.data),(H=N.current)==null||H.call(N,!1))}catch{s.write(y.data)}},p.onclose=()=>{if(P.current){s.write(`\r
+\x1B[90m[Terminal session ended]\x1B[0m\r
+`);return}const y=L.current;if(y<5&&W.current){const g=1e3*Math.pow(2,Math.min(y,3));L.current=y+1,s.write(`\r
+\x1B[33m[Reconnecting...]\x1B[0m\r
+`),setTimeout(()=>{P.current||J(W.current)},g)}else I.current?s.write(`\r
+\x1B[90m[Terminal session ended]\x1B[0m\r
+`):(I.current=!0,s.write(`\r
+\x1B[33m[Starting new session...]\x1B[0m\r
+`),W.current=null,L.current=0,J())},p.onerror=()=>{}}J(),s.onData(i=>{const t=S.current;t&&t.readyState===WebSocket.OPEN&&t.send(JSON.stringify({type:"input",data:i}))});let O=null;const U=new ResizeObserver(()=>{O&&clearTimeout(O),O=setTimeout(()=>{let i;try{i=$.proposeDimensions()}catch{return}if(!i||i.cols===s.cols&&i.rows===s.rows)return;const t=f.querySelector(".xterm-viewport");let p,y=!0;t&&(p=t.scrollTop,y=t.scrollTop+t.clientHeight>=t.scrollHeight-10),$.fit(),t&&p!==void 0&&(y?t.scrollTop=t.scrollHeight:t.scrollTop=p);const g=S.current;g&&g.readyState===WebSocket.OPEN&&g.send(JSON.stringify({type:"resize",cols:s.cols,rows:s.rows}))},150)});U.observe(f),R.current=()=>{var i;O&&clearTimeout(O),U.disconnect(),P.current=!0,(i=S.current)==null||i.close(),S.current=null,k==null||k(),s.dispose(),B.current=null}}),()=>{var T;h=!0,(T=R.current)==null||T.call(R),R.current=null}},[]),u.jsx("div",{ref:M,onClick:V,className:"w-full h-full",style:{padding:"4px 0 0 8px"}})});function ne(r){return r.replace(/[^a-zA-Z0-9_]+/g,"_")}function ae(r){const{activeAnalyzedScenario:e,analyzedPreviewUrl:n,activeScenarioId:o,scenarios:l,proxyUrl:m,devServerUrl:w,zoomComponent:b}=r;if(e&&n)return n;if(e&&!n)return null;if(o){const c=l.find(a=>a.id===o);if(c!=null&&c.url){const a=m||w;return a?c.url.startsWith("/")?`${a}${c.url}`:c.url:null}}const v=m||w;if(!v)return null;if(b&&o){const c=l.find(_=>_.id===o),a=c?ne(c.name):"Default";return`${v}/__codeyam__/${b}/${a}`}return v}function le(r,e){if(!r||!e)return r;try{const n=new URL(r),o=e.indexOf("?");return o>=0?(n.pathname=e.slice(0,o),n.search=e.slice(o)):(n.pathname=e,n.search=""),n.href}catch{return r}}function ue(r,e){return r?r!==e:!1}function de(r,e){const n=e.width,o=e.height??900,l=r.width,m=r.height;return n<=l&&o<=m?1:Math.min(l/n,m/o)}export{ie as D,ce as T,le as a,ae as b,de as c,ne as g,ue as s};