@codeyam/codeyam-cli 0.1.0-staging.2a88920 → 0.1.0-staging.415103

package/codeyam-cli/src/webserver/build/client/assets/{circle-check-BOARzkeR.js → circle-check-DyIKORY6.js}

@@ -1,4 +1,4 @@
-import{c}from"./createLucideIcon-BdhJEx6B.js";/**
+import{c}from"./createLucideIcon-CMT1jU2q.js";/**
  * @license lucide-react v0.556.0 - ISC
  *
  * This source code is licensed under the ISC license.

package/codeyam-cli/src/webserver/build/client/assets/copy-NDbZjXao.js

@@ -0,0 +1,11 @@
+import{c}from"./createLucideIcon-CMT1jU2q.js";/**
+ * @license lucide-react v0.556.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const e=[["path",{d:"M20 6 9 17l-5-5",key:"1gmf2c"}]],a=c("check",e);/**
+ * @license lucide-react v0.556.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const o=[["rect",{width:"14",height:"14",x:"8",y:"8",rx:"2",ry:"2",key:"17jyea"}],["path",{d:"M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2",key:"zix9uf"}]],h=c("copy",o);export{a as C,h as a};

package/codeyam-cli/src/webserver/build/client/assets/{createLucideIcon-BdhJEx6B.js → createLucideIcon-CMT1jU2q.js}

@@ -1,4 +1,4 @@
-import{r as s}from"./chunk-EPOLDU6W-CXRTFQ3F.js";/**
+import{r as s}from"./chunk-JZWAC4HX-C4pqxYJB.js";/**
  * @license lucide-react v0.556.0 - ISC
  *
  * This source code is licensed under the ISC license.

package/codeyam-cli/src/webserver/build/client/assets/dev.empty-BiM6z3Do.js

@@ -0,0 +1 @@
+import{w as t,d as r,j as e}from"./chunk-JZWAC4HX-C4pqxYJB.js";import{S as i}from"./ScenarioViewer-B76aig_2.js";import{W as n}from"./InteractivePreview-DYFW3lDD.js";import"./useCustomSizes-ByhSyh0W.js";import"./LogViewer-ceAyBX-H.js";import"./SafeScreenshot-BED4B6sP.js";import"./useLastLogLine-C14nCb1q.js";import"./Spinner-Bb5uFQ5V.js";import"./preload-helper-ckwbz45p.js";import"./ReportIssueModal-djPLI-WV.js";import"./createLucideIcon-CMT1jU2q.js";import"./circle-check-DyIKORY6.js";import"./triangle-alert-DtSmdtM4.js";import"./copy-NDbZjXao.js";import"./scenarioStatus-B_8jpV3e.js";import"./InlineSpinner-Bu6c6aDe.js";const w=()=>[{title:"Empty State - CodeYam"},{name:"description",content:"Simulations empty state development view"}],k=t(function(){r();const s={sha:"mock-sha",name:"Dashboard",filePath:"codeyam-cli/src/webserver/app/routes/_index.tsx",entityType:"visual"};return e.jsx(n,{children:e.jsxs("div",{className:"h-screen bg-[#F8F7F6] flex flex-col overflow-hidden",children:[e.jsx("header",{className:"bg-white border-b border-gray-200 shrink-0 relative h-[54px]",children:e.jsxs("div",{className:"flex items-center h-full px-6 gap-6",children:[e.jsxs("div",{className:"flex items-center gap-3 min-w-0",children:[e.jsx("svg",{width:"17",height:"17",viewBox:"0 0 17 17",fill:"none",className:"shrink-0",children:e.jsx("path",{d:"M13 8.5H4M4 8.5L8.5 4M4 8.5L8.5 13",stroke:"#005c75",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})}),e.jsx("h1",{className:"text-lg font-semibold text-black m-0 leading-[26px] shrink-0",children:"Dashboard"}),e.jsx("span",{className:"text-xs text-[#626262] font-mono whitespace-nowrap overflow-hidden text-ellipsis min-w-0",children:"codeyam-cli/src/webserver/app/routes/_index.tsx"})]}),e.jsxs("div",{className:"flex items-center gap-3 shrink-0",children:[e.jsxs("div",{className:"flex items-center gap-2 px-[15px] py-0 h-[26px] bg-[#efefef] border border-[#e1e1e1] rounded",children:[e.jsx("div",{className:"w-2 h-2 rounded-full bg-[#626262]"}),e.jsx("span",{className:"text-xs font-semibold text-[#626262]",children:"Not analyzed"})]}),e.jsx("button",{className:"px-[15px] py-0 h-[26px] bg-[#005c75] text-white rounded text-xs font-semibold border-none cursor-pointer hover:bg-[#004a5e] transition-colors",children:"Analyze"})]}),e.jsxs("div",{className:"flex items-center gap-1 text-[10px] text-[#626262] ml-auto",children:[e.jsx("span",{className:"leading-[22px]",children:"Next Entity"}),e.jsx("svg",{width:"17",height:"17",viewBox:"0 0 17 17",fill:"none",className:"shrink-0",children:e.jsx("path",{d:"M4 8.5H13M13 8.5L8.5 4M13 8.5L8.5 13",stroke:"#005c75",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})})]})]})}),e.jsx("div",{className:"bg-[#efefef] border-b border-[#efefef] shrink-0",children:e.jsxs("div",{className:"flex items-center gap-3 h-11 px-[15px]",children:[e.jsxs("div",{className:"px-4 flex items-center justify-center gap-3 shrink-0 text-sm rounded bg-[#343434] text-[#efefef] font-semibold h-8",children:["Scenarios",e.jsx("span",{className:"px-2 py-0.5 rounded-[9px] text-xs font-semibold bg-[#cbf3fa] text-[#005c75] min-w-[25px] text-center",children:"0"})]}),e.jsxs("div",{className:"px-4 flex items-center justify-center gap-3 shrink-0 text-sm rounded-[9px] text-[#3e3e3e] font-normal",children:["Related Entities",e.jsx("span",{className:"px-2 py-0.5 rounded-[9px] text-xs font-semibold bg-[#e1e1e1] text-[#3e3e3e] min-w-[25px] text-center",children:"5"})]}),e.jsx("div",{className:"px-4 shrink-0 text-sm text-[#3e3e3e] font-normal",children:"Code"}),e.jsx("div",{className:"px-4 shrink-0 text-sm text-[#3e3e3e] font-normal",children:"Data Structure"}),e.jsx("div",{className:"px-4 shrink-0 text-sm text-[#3e3e3e] font-normal",children:"History"})]})}),e.jsxs("div",{className:"flex flex-1 gap-0 min-h-0",children:[e.jsx("div",{className:"w-[165px] bg-[#e1e1e1] border-r border-[#c7c7c7] flex items-center justify-center shrink-0",children:e.jsx("span",{className:"text-xs font-medium text-[#8e8e8e] leading-5",children:"No Scenarios"})}),e.jsx(i,{selectedScenario:null,analysis:void 0,entity:s,viewMode:"screenshot",cacheBuster:Date.now(),hasScenarios:!1,isAnalyzing:!1,projectSlug:null,hasAnApiKey:!0})]})]})})});export{k as default,w as meta};

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

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