@codeyam/codeyam-cli 0.1.0-staging.1669d45 → 0.1.0-staging.27d5a59

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

@@ -1,4 +1,4 @@
-import{c}from"./createLucideIcon-Do4ZLUYa.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-Do4ZLUYa.js → createLucideIcon-CMT1jU2q.js}

@@ -1,4 +1,4 @@
-import{r as s}from"./chunk-EPOLDU6W-DdQKK6on.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-B2KwhQph.js

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