npm - @codeyam/codeyam-cli - Versions diffs - 0.1.0-staging.ad31e3e → 0.1.0-staging.ad88eeb - Mend

@codeyam/codeyam-cli 0.1.0-staging.ad31e3e → 0.1.0-staging.ad88eeb

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (2580) hide show

package/codeyam-cli/src/webserver/build/client/assets/editor-BuT_Huj0.js ADDED Viewed

@@ -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 pt=Object.defineProperty;var ht=(t,s,a)=>s in t?pt(t,s,{enumerable:!0,configurable:!0,writable:!0,value:a}):t[s]=a;var $e=(t,s,a)=>ht(t,typeof s!="symbol"?s+"":s,a);import{r as n,j as e,w as ut,u as ft,f as gt,b as jt}from"./chunk-JZWAC4HX-C4pqxYJB.js";import{u as bt,S as vt}from"./useCustomSizes-CrAK28Bc.js";import{s as Nt,g as ne,c as yt,b as wt,a as St,T as kt,D as Ct}from"./editorPreview-B7ztwLut.js";import{C as Ne}from"./CopyButton-BPXZwM4t.js";import{_ as Mt}from"./preload-helper-ckwbz45p.js";import{c as Pt}from"./cy-logo-cli-DcX-ZS3p.js";import{u as Et,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 It(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 Tt({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 i=new Map([...r.entries()].sort(([u],[o])=>u.localeCompare(o)));return{pageGroups:f,componentGroups:i}},[t]),j=n.useMemo(()=>{const f=new Set((c||[]).filter(i=>i.entityType==="visual").map(i=>i.name)),r=new Map;for(const[i,p]of P)f.has(i)||r.set(i,p);return r},[P,c]),{visualEntities:A,libraryEntities:R}=n.useMemo(()=>{const f=c.filter(i=>i.entityType==="visual").sort((i,p)=>i.name.localeCompare(p.name)),r=c.filter(i=>i.entityType==="library"||i.entityType==="functionCall").sort((i,p)=>i.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,i)=>r.name.localeCompare(i.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])||[]),i=r.size>0,p=i?A.filter(o=>r.has(o.name)):[],u=i?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(i=>e.jsx(Z,{imgSrc:i.screenshotPath?`/api/editor-scenario-image/${i.id}.png`:null,name:i.name,isActive:i.id===a&&!m,onSelect:()=>d(i)},i.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 i;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})}),((i=r[0])==null?void 0:i.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 Lt(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 Rt(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 $t(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 Bt({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 _t={added:"text-green-400",untracked:"text-green-400",modified:"text-blue-400",renamed:"text-purple-400"};function At({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 ${_t[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 Dt={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 Ot(t){try{return new Date(t).toLocaleTimeString([],{hour:"2-digit",minute:"2-digit"})}catch{return""}}function Ft(t){try{return new Date(t+"T00:00:00").toLocaleDateString([],{weekday:"long",month:"long",day:"numeric"})}catch{return t}}const zt=[{value:"1d",label:"1 Day"},{value:"3d",label:"3 Days"},{value:"7d",label:"1 Week"},{value:"30d",label:"1 Month"}];function Ut({entries:t,onScreenshotClick:s}){const[a,d]=n.useState(!1),[g,x]=n.useState("7d"),c=n.useMemo(()=>Lt(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:zt.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 Wt({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=Rt(d);return e.jsx("div",{className:"flex-1 overflow-auto",children:e.jsxs("div",{className:"p-3 space-y-4",children:[e.jsx(Ut,{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:Ft(N)})}),e.jsx("div",{className:"space-y-2",children:P.map((j,A)=>{const R=Dt[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:Ot(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=$t(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 i=[...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:[i.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"}),i.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(Bt,{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(At,{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 ie({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 Gt({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,i=new Map;for(const o of s)if(o.componentName){const v=i.get(o.componentName)||[];v.push(o),i.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=i.get(E)||[];U.push(o),i.set(E,U)}else{const v=te(o.url),E=r.get(v)||[];E.push(o),r.set(v,E)}const p=new Map([...i.entries()].sort(([o],[v])=>o.localeCompare(v)));return{pageGroups:r,componentGroups:p}},[s]),$=n.useMemo(()=>a.filter(r=>r.entityType==="visual").sort((r,i)=>r.name.localeCompare(i.name)),[a]),T=n.useMemo(()=>{const r=new Map;for(const i of d)r.set(i.name,i);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)||[],i=R.get(k)||[],p=$.find(b=>b.name===k),u=T.get(k),o=[...r,...i],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(ie,{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(ie,{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(ie,{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],[i])=>r==="Home"?-1:i==="Home"?1:r.localeCompare(i)).map(([r,i])=>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(ie,{filePath:N[r],projectRoot:g}),e.jsx("div",{className:"grid grid-cols-3 gap-2 pt-1",children:i.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(()=>{Mt(()=>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 Ht({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 Vt({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 Jt({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)),i=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 i.length===0?t:[...t,...i]},[t,s,h]),N=n.useMemo(()=>Object.entries(h).filter(([,r])=>r.status==="new"||r.status==="edited").map(([r,i])=>({name:r,status:i.status})),[h]),[P,j]=n.useState(null),A=n.useCallback(r=>{j(i=>i===r?null:r)},[]),{pageGroups:R,componentGroups:$}=n.useMemo(()=>{var p;const r=new Map,i=new Map;for(const u of S)if(u.componentName){const o=i.get(u.componentName)||[];o.push(u),i.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=i.get(v)||[];E.push(u),i.set(v,E)}else{const o=te(u.url),v=r.get(o)||[];v.push(u),r.set(o,v)}return{pageGroups:r,componentGroups:i}},[S]),T=n.useMemo(()=>He([...R.entries()],h),[R,h]),M=n.useMemo(()=>He([...$.entries()],h),[$,h]),I=T,O=M,f=n.useMemo(()=>It(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,i])=>{var v;const p=h[r],u=P===r,o=(v=i[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:i.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,i])=>{var v;const p=h[r],u=P===r,o=(v=i[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:i.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(Ht,{filePath:r.filePath,projectRoot:d}),r.testFile?e.jsx(Vt,{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 Yt({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 Kt=[{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:Pt,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(Yt,{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:Kt.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 Qt({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(Xt,{commitSha:t.commitSha,onLoadCommit:a})})]})}function Xt({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 Zt({analysisId:t,scenarioId:s,scenarioName:a,entityName:d,projectSlug:g,onStateChange:x}){const{interactiveServerUrl:c,isStarting:h,isLoading:m}=Et({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 es(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 ts(){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=es(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 hs=()=>[{title:"Editor - CodeYam"},{name:"description",content:"CodeYam Code + Data Editor"}];class ss 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}],us=ut(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}=ft(),$=gt(),[T,M]=jt(),I=n.useRef(null),O=n.useRef(null),f=n.useRef(null),r=T.get("zoom")||void 0,i=T.get("scenario")||void 0,p=n.useRef(null);n.useEffect(()=>{if(!Nt(i,p.current))return;const l=x.find(C=>C.id===i);if(!l)return;p.current=i;const y=ne(l.name);fetch("/api/editor-switch-scenario",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({scenarioSlug:y,scenarioId:l.id,scenarioName:l.name,scenarioType:l.type})}).catch(()=>{})},[i,x]),n.useEffect(()=>{const l=new BroadcastChannel("codeyam-editor");return l.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 mt=ne(z.name);fetch("/api/editor-switch-scenario",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({scenarioSlug:mt,scenarioId:L,scenarioType:z.type})}).then(()=>{q(je=>je+1)}).catch(()=>{V(!1)})}},()=>l.close()},[T,M,x]),n.useEffect(()=>{if(T.get("ref")!=="link"||!i)return;const l=new BroadcastChannel("codeyam-editor");l.postMessage({type:"switch-scenario",scenarioId:i}),l.close(),window.close()},[]);const{devServerUrl:u,proxyUrl:o,isStarting:v,error:E,canStartServer:U,retryServer:se,startServer:ae}=ts(),[K,W]=n.useState(!1),[D,b]=n.useState(null),[B,F]=n.useState(null),[le,Se]=n.useState(!1),[oe,H]=n.useState(null),Je=n.useCallback(async l=>{const C=await(await fetch("/api/editor-load-commit",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({commitSha:l})})).json();return C.success&&(H(null),W(!1)),C},[]),Ye=n.useCallback((l,y)=>{F(C=>(l&&l!==C&&W(!1),l)),!y&&l&&W(!0),Se(y)},[]),ke=n.useCallback(l=>{H(null),b(C=>(C&&C.analysisId===l.analysisId||(F(null),q(z=>z+1)),l)),Se(!0),W(!1);const y=new URLSearchParams(T);y.delete("scenario"),y.delete("zoom"),M(y)},[T,M]),[_,ce]=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(l=>{Ce(l)},[]),[pe,Me]=n.useState(!1),et=n.useCallback(()=>{Me(!0),xe("build"),me(!0)},[]),Pe=n.useCallback(()=>{Me(!1)},[]),[re,he]=n.useState(!1),tt=n.useCallback(()=>{if(re){he(!1);return}typeof Notification<"u"&&Notification.permission==="default"?Notification.requestPermission().then(l=>{l==="granted"&&he(!0)}):he(!0)},[re]);n.useEffect(()=>{if(G==="build"){Ce(!1);const l=setTimeout(()=>{var y,C;(y=I.current)==null||y.scrollToBottom(),(C=I.current)==null||C.focus()},50);return()=>clearTimeout(l)}},[G]);const[ue,st]=n.useState(null);n.useEffect(()=>{const l=f.current;if(!l)return;const y=new ResizeObserver(C=>{const L=C[0];L&&st({width:L.contentRect.width,height:L.contentRect.height})});return y.observe(l),()=>y.disconnect()},[]);const Y=n.useMemo(()=>ue?yt(ue,_):1,[ue,_]),[at,q]=n.useState(0),[Ee,Ie]=n.useState(null),[Te,V]=n.useState(!1),rt=n.useCallback((l,y)=>{if(Ie(l||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:nt}=bt(s);n.useMemo(()=>[...ve,...Le],[Le]),n.useEffect(()=>{const l=new EventSource("/api/events");let y=null;return l.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),l.close()}},[$]);const it=n.useMemo(()=>{const l=[{name:"App"}];return r&&l.push({name:r,componentName:r}),l},[r]),fe=n.useCallback(l=>{const y=new URLSearchParams(T);if(l){y.set("zoom",l);const C=x.find(L=>L.componentName===l||L.componentName===null&&l==="Home");if(C){y.set("scenario",C.id),p.current=C.id,V(!0);const L=ne(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(l=>{if(b(null),F(null),H(null),l.viewportWidth&&l.viewportHeight){const L=ve.find(z=>z.width===l.viewportWidth&&z.height===l.viewportHeight);ce({name:(L==null?void 0:L.name)||"Custom",width:l.viewportWidth,height:l.viewportHeight})}p.current=l.id;const y=new URLSearchParams(T);y.set("scenario",l.id),M(y),V(!0);const C=ne(l.name);fetch("/api/editor-switch-scenario",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({scenarioSlug:C,scenarioId:l.id,scenarioType:l.type})}).then(()=>{q(L=>L+1)}).catch(()=>{V(!1)})},[T,M]),lt=n.useCallback(l=>{if(!l.commitSha){const y=x.find(C=>C.name===l.scenarioName);if(y){Q(y);return}}H(l)},[x,Q]),ot=l=>{ce({name:l.name,width:l.width,height:l.height})},ct=l=>{nt(l,_.width,_.height??900),de(!1),ce(y=>({...y,name:l}))},dt=()=>{D||W(!0),V(!1)},X=n.useMemo(()=>wt({activeAnalyzedScenario:!!D,analyzedPreviewUrl:B,activeScenarioId:i||null,scenarios:x,proxyUrl:o,devServerUrl:u,zoomComponent:r||null}),[o,u,r,i,x,D,B]),Re=n.useMemo(()=>St(X,Ee),[X,Ee]),xt=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(ss,{loaderSnapshot:xt,children:e.jsxs("div",{className:"fixed inset-0 bg-[#2d2d2d] flex flex-col",children:[D&&e.jsx(Zt,{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(l=>e.jsxs("button",{onClick:()=>ot(l),className:`p-1.5 rounded transition-colors cursor-pointer ${_.name===l.name?"text-white bg-[#555]":"text-gray-500 hover:text-gray-300"}`,title:`${l.name} (${l.width}×${l.height})`,children:[l.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"})]}),l.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"})]}),l.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"})]}),l.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"})]})]},l.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 l=Re||X;l&&window.open(l,"_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:oe?{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:oe?e.jsx(Qt,{preview:oe,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:dt,style:{opacity:K?1:0}},at)]})}):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||le?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:le?"Starting Interactive Mode":"Starting Dev Server"}),e.jsx("p",{className:"text-sm text-gray-400 leading-5 m-0 font-['IBM_Plex_Sans']",children:le?"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:l=>{xe(l),l==="build"&&me(!0)},buildIdle:Xe,zoomComponent:r,breadcrumbItems:it,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(kt,{ref:I,entityName:"Editor",projectSlug:s,entityFilePath:null,scenarioName:null,onRefreshPreview:rt,onShowResults:et,onHideResults:Pe,editorMode:!0,onIdleChange:Ze,notificationsEnabled:re})}),pe&&e.jsx("div",{style:{flex:"1 1 50%"},className:"min-h-0 border-t-2 border-gray-300",children:e.jsx(Jt,{scenarios:g,allScenarios:x,glossaryFunctions:h,projectRoot:a,activeScenarioId:i,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(Gt,{hasProject:d,scenarios:x,analyzedEntities:c,glossaryFunctions:h,projectRoot:a,activeScenarioId:i,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(Tt,{scenarios:x,projectRoot:a,activeScenarioId:i,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(Wt,{isActive:G==="journal",onScreenshotClick:lt,glossaryFunctions:h})})]}),e.jsx(Ct,{serverUrl:u,isStarting:v,projectSlug:s,devServerError:E,onStartServer:U?ae:void 0,notificationsEnabled:re,onToggleNotifications:tt})]})]}),Ke&&e.jsx(vt,{width:_.width,height:_.height??900,onSave:ct,onCancel:()=>de(!1)})]})})});export{us as default,hs as meta};

package/codeyam-cli/src/webserver/build/client/assets/editorPreview-B7ztwLut.js ADDED Viewed

@@ -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 O}from"./preload-helper-ckwbz45p.js";function se({serverUrl:r,isStarting:e,projectSlug:n,devServerError:o,onStartServer:l,notificationsEnabled:m,onToggleNotifications:y}){const[b,v]=d.useState(null),c=d.useRef(null);d.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"&&(v(j.fileName),c.current&&clearTimeout(c.current),c.current=setTimeout(()=>{v(null)},5e3))}catch{}},()=>{E.close(),c.current&&clearTimeout(c.current)}},[n]);let a;o?a="error":e?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 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 ${S[a]}`}),u.jsxs("span",{className:"text-gray-400",children:["Server:"," ",u.jsx("span",{className:"text-gray-300",children:k[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"}),y&&u.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,e){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(()=>{e==null||e("webgl","canvas",new Error("WebGL context lost")),l.dispose(),q(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 q(r);return n||(e==null||e("canvas","dom",new Error("Canvas addon failed")),{type:"dom",dispose:()=>{}})}async function q(r){try{const{CanvasAddon:e}=await O(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 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=d.forwardRef(function({entityName:e,entityType:n,entitySha:o,entityFilePath:l,scenarioName:m,scenarioDescription:y,analysisId:b,projectSlug:v,onRefreshPreview:c,onShowResults:a,onHideResults:S,editorMode:k,onIdleChange:E,notificationsEnabled:C},j){const M=d.useRef(null),A=d.useRef(null),z=d.useRef(null),N=d.useRef(null),B=d.useRef(null),P=d.useRef(!1),W=d.useRef(0),I=d.useRef(!1),_=d.useRef(E);_.current=E;const D=d.useRef(C);D.current=C;const X=d.useCallback(()=>{var f;(f=z.current)==null||f.focus()},[]);return d.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)}})),d.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,t){try{const p=new URL(t),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(t,"_blank")}}}),L=new G.FitAddon;s.loadAddon(L),s.loadAddon(new Z.WebLinksAddon),s.open(f);let $=null;F(s,(i,t,p)=>{console.warn(`[Terminal] Renderer fallback: ${i} → ${t}`,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 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),y&&t.set("scenarioDescription",y),b&&t.set("analysisId",b),v&&t.set("projectSlug",v),k&&t.set("editorMode","true"),i&&t.set("reconnectId",i),`${K}//${Q}/ws/terminal?${t.toString()}`}function J(i){const t=Y(i),p=new WebSocket(t);N.current=p,p.onopen=()=>{W.current=0,I.current=!1,p.send(JSON.stringify({type:"resize",cols:s.cols,rows:s.rows}))},p.onmessage=h=>{var w,H;try{const g=JSON.parse(h.data);if(g.type==="session-id"){B.current=g.sessionId;return}if(g.type==="refresh-preview"){c==null||c(g.path,g.scenarioId);return}if(g.type==="show-results"){a==null||a();return}if(g.type==="hide-results"){S==null||S();return}if(g.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}g.type==="output"&&(s.write(g.data),(H=_.current)==null||H.call(_,!1))}catch{s.write(h.data)}},p.onclose=()=>{if(P.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(()=>{P.current||J(B.current)},w)}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
+`),B.current=null,W.current=0,J())},p.onerror=()=>{}}J(),s.onData(i=>{const t=N.current;t&&t.readyState===WebSocket.OPEN&&t.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 t=f.querySelector(".xterm-viewport");let p,h=!0;t&&(p=t.scrollTop,h=t.scrollTop+t.clientHeight>=t.scrollHeight-10),L.fit(),t&&p!==void 0&&(h?t.scrollTop=t.scrollHeight:t.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(),P.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}},[]),u.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:e,analyzedPreviewUrl:n,activeScenarioId:o,scenarios:l,proxyUrl:m,devServerUrl:y,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||y;return a?c.url.startsWith("/")?`${a}${c.url}`:c.url:null}}const v=m||y;if(!v)return null;if(b&&o){const c=l.find(S=>S.id===o),a=c?re(c.name):"Default";return`${v}/__codeyam__/${b}/${a}`}return v}function ae(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 le(r,e){return r?r!==e:!1}function ue(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{se as D,ie as T,ae as a,ce as b,ue as c,re as g,le as s};