@codeyam/codeyam-cli 0.1.0-staging.8aea589 → 0.1.0-staging.8c89b23

package/codeyam-cli/src/webserver/build/client/assets/editor.entity.(_sha)-D4cIaQC3.js

@@ -0,0 +1,161 @@
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/index-SqjQKTdH.js","assets/jsx-runtime-D_zvdyIk.js","assets/chunk-UVKPFVEO-Bmq2apuh.js","assets/MiniClaudeChat-Bs2_Oua4.js","assets/preload-helper-ckwbz45p.js"])))=>i.map(i=>d[i]);
+var on=Object.defineProperty;var ln=(t,s,r)=>s in t?on(t,s,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[s]=r;var Ls=(t,s,r)=>ln(t,typeof s!="symbol"?s+"":s,r);import{r as n,f as cn,w as dn,u as xn,i as pn,b as hn,a as un,c as mn,O as fn}from"./chunk-UVKPFVEO-Bmq2apuh.js";import{j as e}from"./jsx-runtime-D_zvdyIk.js";import{u as gn,C as bn}from"./useCustomSizes-Dk0Tciqg.js";import{g as xt,s as yn,r as _t,b as Ye,c as jn,l as vn,d as Nn,e as $s,f as wn,a as kn,T as Sn,D as Cn}from"./editorPreview-C6fEYHrh.js";import{C as Te}from"./CopyButton-DTBZZfSk.js";import{MiniClaudeChat as Ee}from"./MiniClaudeChat-Bs2_Oua4.js";import{_ as nr}from"./preload-helper-ckwbz45p.js";import{c as Fn}from"./cy-logo-cli-Coe5NhbS.js";import{u as Dn,S as Bt}from"./Spinner-CIil5-gb.js";import"./copy-DXEmO0TD.js";import"./createLucideIcon-BwyFiRot.js";import"./useLastLogLine-C8QvIe05.js";function Qe(t){var x;if(!t.startsWith("app/")&&!t.startsWith("("))return"/";const r=t.replace(/^app\//,"").split("/"),a=r.pop(),c=((x=a.match(/\.(tsx?|jsx?|js)$/))==null?void 0:x[0])||"",o=a.slice(0,-c.length);let i;return o==="page"||o==="index"?i=r:i=[...r,o],i=i.filter(l=>!l.startsWith("(")),i.length===0?"/":"/"+i.join("/")}function Ze(t){return t==="/"?"Home":t.replace(/^\//,"").split("/").map(r=>r.startsWith("[")?r:r.charAt(0).toUpperCase()+r.slice(1)).join(" / ")}function yt(t){if(!t||t==="/")return"Home";const s=t.split("?")[0].replace(/^\//,"");if(!s)return"Home";const r=s.split("/")[0].replace(/\.[^.]+$/,"");return r.charAt(0).toUpperCase()+r.slice(1)}function ar(t){return t?t.includes("/isolated-components")||t.includes("/codeyam-isolate"):!1}function Pn(t,s){return!s||Object.keys(s).length===0?t:t.filter(r=>s[r.name])}function gt(t){const s=t.name.toLowerCase();if(t.name==="Desktop"||t.name==="Full HD"||t.name==="HD")return"desktop";if(t.name==="Laptop"||t.name==="Small Laptop")return"laptop";if(t.name==="Tablet")return"tablet";if(t.name==="Mobile"||s.includes("iphone")||s.includes("pixel")||s.includes("galaxy")||s.includes("phone"))return"mobile";if(s.includes("ipad")||s.includes("tablet"))return"tablet";if(s.includes("laptop"))return"laptop";if(s.includes("desktop"))return"desktop";const r=t.height>t.width;return r&&t.width>=700?"tablet":r?"mobile":t.width>1200?"desktop":"laptop"}const En=[{name:"Desktop",width:1440,height:900},{name:"Laptop",width:1024,height:768},{name:"Tablet",width:768,height:1024},{name:"Mobile",width:375,height:667}],Tn=[{name:"iPhone 16",width:393,height:852},{name:"iPhone 16 Pro Max",width:430,height:932},{name:"iPhone SE",width:375,height:667},{name:"Pixel 8",width:412,height:915},{name:"iPad mini",width:744,height:1133}],or=[{category:"Desktop",presets:[{name:"Full HD",width:1920,height:1080},{name:"Desktop",width:1440,height:900},{name:"HD",width:1280,height:720}]},{category:"Laptop",presets:[{name:"Laptop",width:1366,height:768},{name:"Small Laptop",width:1024,height:768}]},{category:"Tablet",presets:[{name:'iPad Pro 12.9"',width:1024,height:1366},{name:"iPad Air",width:820,height:1180},{name:"Tablet",width:768,height:1024},{name:"iPad mini",width:744,height:1133}]},{category:"Mobile",presets:[{name:"iPhone 16 Pro Max",width:430,height:932},{name:"iPhone 16",width:393,height:852},{name:"iPhone 14",width:390,height:844},{name:"Mobile",width:375,height:667},{name:"Pixel 8",width:412,height:915},{name:"Galaxy S",width:360,height:800}]}];function ir(t,s){if(t&&Object.keys(t).length>0&&Object.values(t).some(x=>"default"in x))return Object.entries(t).map(([x,l])=>({name:x,width:l.width,height:l.height}));const r=(s==null?void 0:s.includes("mobile-app"))??!1,a=r?Tn:En,c=a.map(x=>{const l=t==null?void 0:t[x.name];return l?{...x,width:l.width,height:l.height}:x});if(!t||r)return c;const o=new Set(a.map(x=>x.name)),i=Object.entries(t).filter(([x])=>!o.has(x)).map(([x,l])=>({name:x,width:l.width,height:l.height}));return[...c,...i]}const pt={width:24,height:76};function Ln({width:t,height:s,enabled:r=!0,children:a}){if(!r)return e.jsx(e.Fragment,{children:a});const c=12,o=48,i=28,x=t+c*2,l=s+o+i;return e.jsxs("div",{style:{width:`${x}px`,height:`${l}px`,background:"#1a1a1a",borderRadius:"44px",padding:`${o}px ${c}px ${i}px`,position:"relative",boxShadow:"0 0 0 1px rgba(255,255,255,0.08), 0 8px 32px rgba(0,0,0,0.4)"},children:[e.jsx("div",{style:{position:"absolute",top:"14px",left:"50%",transform:"translateX(-50%)",width:"100px",height:"24px",background:"#000",borderRadius:"12px"}}),e.jsx("div",{style:{width:`${t}px`,height:`${s}px`,borderRadius:"6px",overflow:"hidden",position:"relative"},children:a}),e.jsx("div",{style:{position:"absolute",bottom:"10px",left:"50%",transform:"translateX(-50%)",width:"120px",height:"4px",background:"rgba(255,255,255,0.25)",borderRadius:"2px"}})]})}function ht(t){return t.charAt(0).toUpperCase()+t.slice(1)}function $n({from:t,to:s,lastStep:r,lastStepLabel:a,handoffSummary:c,featureName:o,onContinue:i,onStartFresh:x}){const l=n.useCallback(g=>{g.key==="Enter"&&(g.preventDefault(),i())},[i]);return n.useEffect(()=>(window.addEventListener("keydown",l),()=>window.removeEventListener("keydown",l)),[l]),e.jsx("div",{className:"flex items-center justify-center h-full bg-[#1e1e1e] text-[#d4d4d4]",children:e.jsxs("div",{className:"max-w-md w-full mx-4 p-6 bg-[#252526] border border-[#3d3d3d] rounded-lg",children:[e.jsxs("div",{className:"flex items-center gap-2 mb-3",children:[e.jsx("div",{className:"w-2 h-2 rounded-full bg-amber-400"}),e.jsx("h2",{className:"text-lg font-semibold text-white",children:"Provider Changed"})]}),e.jsxs("p",{className:"text-sm text-amber-300 mb-4",children:[ht(t)," → ",ht(s)]}),e.jsxs("div",{className:"bg-[#1e1e1e] rounded p-3 mb-4 text-sm space-y-1",children:[o&&e.jsxs("div",{children:[e.jsx("span",{className:"text-[#999]",children:"Feature:"})," ",e.jsx("span",{className:"text-white",children:o})]}),r!=null&&a&&e.jsxs("div",{children:[e.jsx("span",{className:"text-[#999]",children:"Last step:"})," ",e.jsxs("span",{className:"text-white",children:[r," of 18 — ",a]})]})]}),c&&e.jsxs("div",{className:"bg-[#1e1e1e] rounded p-3 mb-4 text-sm",children:[e.jsx("div",{className:"text-[#999] mb-1",children:"Previous provider's notes:"}),e.jsx("div",{className:"text-[#ccc] italic",children:c})]}),e.jsxs("p",{className:"text-xs text-[#999] mb-4",children:["Continuing will generate a handoff context with uncommitted changes and progress history for ",ht(s)," to review."]}),e.jsxs("button",{onClick:i,className:"w-full px-4 py-2 text-sm rounded transition-colors cursor-pointer bg-amber-600 text-white font-medium hover:bg-amber-700 ring-2 ring-amber-400/50",children:["Continue with ",ht(s)]}),e.jsx("button",{onClick:x,className:"w-full mt-2 px-4 py-2 text-sm rounded transition-colors cursor-pointer bg-transparent text-[#999] hover:text-white hover:bg-[#3d3d3d] border border-[#3d3d3d]",children:"Start Fresh"})]})})}function In({featureName:t,editorStep:s,editorStepLabel:r,onContinue:a,onStartFresh:c}){const o=n.useCallback(i=>{i.key==="Enter"&&(i.preventDefault(),a())},[a]);return n.useEffect(()=>(window.addEventListener("keydown",o),()=>window.removeEventListener("keydown",o)),[o]),e.jsx("div",{className:"flex items-center justify-center h-full bg-[#1e1e1e] text-[#d4d4d4]",children:e.jsxs("div",{className:"max-w-md w-full mx-4 p-6 bg-[#252526] border border-[#3d3d3d] rounded-lg",children:[e.jsx("h2",{className:"text-lg font-semibold mb-3 text-white",children:"Resume Previous Session?"}),e.jsx("p",{className:"text-sm text-[#999] mb-4",children:"An editor session is still in progress:"}),e.jsxs("div",{className:"bg-[#1e1e1e] rounded p-3 mb-5 text-sm",children:[t&&e.jsxs("div",{className:"mb-1",children:[e.jsx("span",{className:"text-[#999]",children:"Feature:"})," ",e.jsx("span",{className:"text-white",children:t})]}),s!=null&&r&&e.jsxs("div",{children:[e.jsx("span",{className:"text-[#999]",children:"Step:"})," ",e.jsxs("span",{className:"text-white",children:[s," (",r,")"]})]})]}),e.jsx("button",{onClick:a,className:"w-full px-4 py-2 text-sm rounded transition-colors cursor-pointer bg-[#005c75] text-white font-medium hover:bg-[#004d63] ring-2 ring-white/50",children:"Continue Session"}),c&&e.jsx("button",{onClick:c,className:"w-full mt-2 px-4 py-2 text-sm rounded transition-colors cursor-pointer bg-transparent text-[#999] hover:text-white hover:bg-[#3d3d3d] border border-[#3d3d3d]",children:"Start Fresh"})]})})}function Mn({onStartNextFeature:t,onContinueInSession:s}){const r=n.useCallback(a=>{a.key==="Enter"&&(a.preventDefault(),t())},[t]);return n.useEffect(()=>(window.addEventListener("keydown",r),()=>window.removeEventListener("keydown",r)),[r]),e.jsx("div",{className:"absolute inset-0 flex items-center justify-center bg-[#1e1e1e]/90 z-10",children:e.jsxs("div",{className:"max-w-md w-full mx-4 p-6 bg-[#252526] border border-[#3d3d3d] rounded-lg",children:[e.jsx("h2",{className:"text-lg font-semibold mb-3 text-white",children:"Feature Complete!"}),e.jsx("p",{className:"text-sm text-[#999] mb-5",children:"Your feature has been pushed. What would you like to do next?"}),e.jsx("button",{onClick:t,className:"w-full px-4 py-2 text-sm rounded transition-colors cursor-pointer bg-[#005c75] text-white font-medium hover:bg-[#004d63] ring-2 ring-white/50",children:"Start Next Feature"}),e.jsx("button",{onClick:s,className:"w-full mt-2 px-4 py-2 text-sm rounded transition-colors cursor-pointer bg-transparent text-[#999] hover:text-white hover:bg-[#3d3d3d] border border-[#3d3d3d]",children:"Continue in Current Session"}),e.jsx("p",{className:"text-xs text-[#666] mt-3 text-center",children:"Press Enter to start a new feature with a fresh context"})]})})}const Rn={1:"Plan",2:"Prepare",3:"Prototype",4:"Verify Prototype",5:"Confirm",6:"Deconstruct",7:"Extract",8:"Glossary",9:"Analyze",10:"App Scenarios",11:"User Scenarios",12:"Verify",13:"Journal",14:"Review",15:"Present",16:"Commit",17:"Finalize",18:"Push"},An={1:"Plan the feature and confirm the approach with the user before writing any code.",2:"Prepare the project environment and dependencies for prototyping.",3:"Build a working prototype quickly to validate the concept.",4:"Verify the prototype works correctly and fix any issues.",5:"Confirm the prototype looks right and get user approval to proceed.",6:"Read the code and plan all component and function extractions.",7:"Extract components and functions via TDD — components first, then functions.",8:"Record all extracted functions and components in the glossary.",9:"Analyze imports and verify all components are captured correctly.",10:"Create app-level scenarios that show full pages with realistic data.",11:"Create user-persona scenarios that exercise the app from different perspectives.",12:"Review all screenshots and check for visual errors or regressions.",13:"Create or update the journal entry documenting what was built.",14:"Final review of screenshots, audit for completeness.",15:"Present a summary of all work to the user for approval.",16:"Commit all changes to git.",17:"Update the journal with final details and amend the commit.",18:"Push the branch to the remote repository."},On={1:"Survey",2:"App Scenarios",3:"Component Scenarios",4:"Preview",5:"Discuss",6:"Decompose",7:"Extract",8:"Recapture",9:"Journal",10:"Present"},_n={1:"Survey the existing codebase to understand pages, components, and dependencies.",2:"Create app-level scenarios showing full pages with realistic data.",3:"Create component-level scenarios for isolated component previews.",4:"Preview all captured scenarios and verify they look correct.",5:"Discuss the migration plan and prioritize which pages to decompose.",6:"Plan the decomposition of pages into clean, reusable components.",7:"Extract components and functions with tests via TDD.",8:"Recapture scenarios after extraction to verify nothing broke.",9:"Document the migration progress in a journal entry.",10:"Present the migration results for review and approval."},Bn=18,Wn=10;function Hn({projectTitle:t,featureName:s,editorStep:r,editorStepLabel:a,migrationMode:c}){const[o,i]=n.useState(!1),[x,l]=n.useState(null),g=n.useRef(null);n.useEffect(()=>{if(!o)return;const C=L=>{g.current&&!g.current.contains(L.target)&&i(!1)};return document.addEventListener("mousedown",C),()=>document.removeEventListener("mousedown",C)},[o]);const u=s&&r!=null,m=c==="active",j=m?On:Rn,M=m?_n:An,w=m?Wn:Bn,p=u?a||j[r]||"?":null,N=s||"New Working Session";return e.jsxs("div",{className:"h-8 shrink-0 flex items-center justify-between px-3 bg-[#2a2a2a] border-b border-[#333] text-xs select-none",children:[e.jsxs("div",{className:"flex items-center gap-1.5 min-w-0",children:[e.jsx("span",{className:"text-[#888] truncate",children:t||"New Project"}),e.jsx("span",{className:"text-[#555]",children:">"}),e.jsx("span",{className:"text-[#ccc] font-medium truncate",children:N})]}),u&&e.jsxs("div",{className:"relative",ref:g,children:[e.jsxs("button",{onClick:()=>i(C=>!C),className:"flex items-center gap-1.5 text-[#ccc] hover:text-white transition-colors cursor-pointer",children:[e.jsx("span",{className:"text-[#555]",children:"::"}),e.jsxs("span",{children:["Step ",r,e.jsxs("span",{className:"text-[#888]",children:[" / ",w]}),":"," ",p]}),e.jsx("svg",{width:"10",height:"10",viewBox:"0 0 10 10",fill:"none",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",className:`transition-transform ${o?"rotate-180":""}`,children:e.jsx("path",{d:"M2 4l3 3 3-3"})})]}),o&&e.jsx("div",{className:"absolute right-0 top-full mt-1 w-48 bg-[#2d2d2d] border border-[#444] rounded-lg shadow-lg z-30 py-1",children:Array.from({length:w},(C,L)=>L+1).map(C=>{const L=C===r,O=C<r,W=x===C,H=M[C];return e.jsxs("div",{onClick:()=>l(W?null:C),className:"cursor-pointer",children:[e.jsxs("div",{className:`w-full px-3 py-1 flex items-center gap-2 text-left transition-colors hover:bg-[#383838] ${L?"text-cygreen font-medium":O?"text-[#ccc]":"text-[#999]"}`,children:[e.jsxs("span",{className:"w-5 text-right tabular-nums shrink-0",children:[C,"."]}),e.jsx("span",{className:"flex-1",children:j[C]||`Step ${C}`}),H&&e.jsx("svg",{width:"8",height:"8",viewBox:"0 0 10 10",fill:"none",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",className:`shrink-0 opacity-40 transition-transform ${W?"rotate-180":""}`,children:e.jsx("path",{d:"M2 4l3 3 3-3"})})]}),W&&H&&e.jsx("div",{className:"px-3 pb-1.5 pl-10",children:e.jsx("p",{className:"text-[10px] text-[#888] m-0 leading-relaxed",children:H})})]},C)})})]})]})}function Jt(t,s){const[r,a]=n.useState(s??null),[c,o]=n.useState(!1),[i,x]=n.useState((s==null?void 0:s.stale)??!1),l=n.useCallback(()=>{t&&(o(!0),fetch(`/api/editor-test-results?testFile=${encodeURIComponent(t)}`).then(g=>g.json()).then(g=>{a(g),x(!1),o(!1)}).catch(()=>{a({testFilePath:t,status:"error",testCases:[],errorMessage:"Failed to fetch test results"}),x(!1),o(!1)}))},[t]);return{results:r,isRunning:c,runTests:l,stale:i}}function Ue({scenarioId:t,screenshotPath:s,updatedAt:r,alt:a,className:c="",imgClassName:o=""}){const[i,x]=n.useState(!1),g=`/api/editor-scenario-image/${s?s.replace(/^screenshots\//,""):`${t}.png`}${r?`?v=${encodeURIComponent(r)}`:""}`;return n.useEffect(()=>{x(!1)},[t,s]),i?e.jsx("div",{className:`flex items-center justify-center ${c}`,children:e.jsx("span",{className:"text-[8px] text-gray-500",children:"No img"})}):e.jsx("div",{className:c,children:e.jsx("img",{src:g,alt:a,className:o,loading:"lazy",onError:()=>x(!0)})})}function Ce(t){return t.flatMap(s=>{const r=s.screenshotPaths;return r&&Object.keys(r).length>1?Object.entries(r).map(([a,c])=>({scenario:s,dimensionLabel:a,screenshotPath:c,key:`${s.id}--${a}`})):[{scenario:s,dimensionLabel:null,screenshotPath:s.screenshotPath,key:s.id}]})}function qe({scenarioId:t,screenshotPath:s,updatedAt:r,hasScreenshot:a,imgSrc:c,name:o,dimensionLabel:i,isActive:x,onSelect:l}){const g=t&&a,u=!t&&c;return e.jsxs("button",{onClick:l,className:"flex flex-col items-center gap-1 cursor-pointer group w-full",title:i?`${o} (${i})`:o,children:[e.jsxs("div",{className:`w-full aspect-[16/10] rounded overflow-hidden border-2 transition-all bg-[#1a1a1a] relative ${x?"border-[#D7FF63]/40 ring-1 ring-[#D7FF63]/20":"border-transparent hover:border-[#4d4d4d]"}`,children:[g?e.jsx(Ue,{scenarioId:t,screenshotPath:s,updatedAt:r,alt:i?`${o} (${i})`:o,className:"w-full h-full",imgClassName:"w-full h-full object-contain"}):u?e.jsx("img",{src:c,alt:o,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"})}),i&&e.jsx("span",{className:"absolute bottom-1 right-1 text-[8px] font-medium bg-black/60 text-white px-1 py-0.5 rounded",children:i})]}),e.jsx("span",{className:`text-[10px] leading-tight text-center truncate w-full ${x?"text-white":"text-gray-500 group-hover:text-gray-300"}`,children:i?`${o} (${i})`:o})]})}function Wt({testFile:t,entityName:s,cachedResult:r}){const{results:a,isRunning:c,runTests:o,stale:i}=Jt(t,r);if(c&&!a)return e.jsxs("div",{className:"px-2 pt-1 flex items-center gap-1.5",children:[e.jsx("span",{className:"w-1.5 h-1.5 rounded-full bg-[#005c75] animate-pulse"}),e.jsx("span",{className:"text-[10px] text-gray-400",children:"Running tests..."})]});if(!a)return null;if(a.status==="error")return e.jsx("div",{className:"px-2 pt-1",children:e.jsx("span",{className:"text-[10px] text-red-400",children:a.errorMessage})});const x=s?a.testCases.filter(u=>u.fullName.startsWith(s)):a.testCases,l=x.length>0?x:a.testCases;if(l.length===0)return null;const g=s?`${s} > `:"";return e.jsxs("div",{className:"px-2 pt-1 space-y-0.5",children:[l.map(u=>{var j;const m=g&&u.fullName.startsWith(g)?u.fullName.slice(g.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:m})]}),u.status==="failed"&&((j=u.failureMessages)==null?void 0:j.map((M,w)=>e.jsx("div",{className:"pl-4 text-[9px] text-red-300/70 truncate max-w-full",title:M,children:M.split(`
+`)[0]},w)))]},u.fullName)}),e.jsxs("div",{className:"flex items-center gap-2 mt-1",children:[e.jsx("button",{onClick:o,disabled:c,className:"text-[10px] text-[#00a0c4] hover:text-[#00c4ee] transition-colors cursor-pointer disabled:opacity-50 bg-transparent border-none p-0",children:c?"Running...":i?"Re-run (stale)":"Re-run"}),i&&!c&&e.jsx("span",{className:"w-1.5 h-1.5 rounded-full bg-amber-400 shrink-0",title:"Source or test file changed since last run"})]})]})}function Xe({filePath:t}){return t?e.jsxs("div",{className:"flex items-center gap-1 px-2 mt-0.5",children:[e.jsxs("a",{href:`/api/editor-file?path=${encodeURIComponent(t)}`,target:"_blank",rel:"noopener noreferrer",title:"Open file",className:"flex items-center gap-1 text-gray-500 hover:text-gray-300 transition-colors min-w-0",children:[e.jsx("span",{className:"text-[9px] truncate",children:t}),e.jsx("svg",{className:"shrink-0",width:"10",height:"10",viewBox:"0 0 12 12",fill:"none",children:e.jsx("path",{d:"M4.5 1.5H2.5C1.95 1.5 1.5 1.95 1.5 2.5V9.5C1.5 10.05 1.95 10.5 2.5 10.5H9.5C10.05 10.5 10.5 10.05 10.5 9.5V7.5M7.5 1.5H10.5M10.5 1.5V4.5M10.5 1.5L5 7",stroke:"currentColor",strokeWidth:"1.2",strokeLinecap:"round",strokeLinejoin:"round"})})]}),e.jsx(Te,{content:t,icon:!0,iconSize:10,className:"shrink-0 text-gray-500 hover:text-gray-300 transition-colors"})]}):null}function zn({scenarios:t,projectRoot:s,activeScenarioId:r,onScenarioSelect:a,zoomComponent:c,focusedEntity:o,onZoomChange:i,analyzedEntities:x=[],glossaryFunctions:l=[],cachedTestResults:g={},activeAnalyzedScenarioId:u,onAnalyzedScenarioSelect:m,entityImports:j,pageFilePaths:M={},onSwitchToBuild:w,entityShaMap:p,structureTab:N="application",onStructureTabChange:C}){const[L,O]=n.useState(""),[W,H]=n.useState(N),F=C?N:W,G=C||H,{pageGroups:z,componentGroups:B}=n.useMemo(()=>{var E;const d=new Map,v=new Map;for(const T of t)if(T.componentName){const I=v.get(T.componentName)||[];I.push(T),v.set(T.componentName,I)}else if(ar(T.url)){const I=(E=T.url)==null?void 0:E.match(/[?&]c=([^&]+)/),A=I?decodeURIComponent(I[1]):"Isolated",te=v.get(A)||[];te.push(T),v.set(A,te)}else{const I=T.pageFilePath?Ze(Qe(T.pageFilePath)):yt(T.url),A=d.get(I)||[];A.push(T),d.set(I,A)}const b=new Map([...v.entries()].sort(([T],[I])=>T.localeCompare(I)));return{pageGroups:d,componentGroups:b}},[t]),k=n.useMemo(()=>{const d=new Set((x||[]).filter(b=>b.entityType==="visual").map(b=>b.name)),v=new Map;for(const[b,E]of B)d.has(b)||v.set(b,E);return v},[B,x]),{visualEntities:y,libraryEntities:R}=n.useMemo(()=>{const d=x.filter(b=>b.entityType==="visual").sort((b,E)=>b.name.localeCompare(E.name)),v=x.filter(b=>b.entityType==="library"||b.entityType==="functionCall").sort((b,E)=>b.name.localeCompare(E.name));return{visualEntities:d,libraryEntities:v}},[x]),U=n.useMemo(()=>{const d=new Set(R.map(v=>v.name));return l.filter(v=>!d.has(v.name)).sort((v,b)=>v.name.localeCompare(b.name))},[l,R]),Y=x.some(d=>d.isAnalyzing),Q=n.useRef(null),D=n.useRef(0),$=n.useCallback(()=>{Q.current&&(D.current=Q.current.scrollTop)},[]);if(n.useEffect(()=>{Q.current&&D.current>0&&(Q.current.scrollTop=D.current)}),t.length===0&&x.length===0&&U.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(c&&o){const d=o.name,v=o.filePath,b=o.sha,E=t.filter(J=>J.componentName===d||J.componentPath===v||!J.componentName&&(J.pageFilePath===v||b&&J.entitySha===b)),T=new Set((j==null?void 0:j[d])||[]),I=T.size>0,A=I?y.filter(J=>T.has(J.name)):[],te=I?R.filter(J=>T.has(J.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:()=>i(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:o.displayName})}),e.jsx("div",{className:"flex flex-wrap gap-2 px-2",children:E.length===0?e.jsx("div",{className:"px-3 py-2 text-xs text-gray-500",children:"No scenarios for this component"}):Ce(E).map(({scenario:J,dimensionLabel:re,screenshotPath:be,key:ee})=>e.jsx(qe,{scenarioId:J.id,screenshotPath:be,updatedAt:J.updatedAt,hasScreenshot:!!be,name:J.name,dimensionLabel:re,isActive:J.id===r,onSelect:()=>a(J,re??void 0)},ee))}),A.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"})}),A.map(J=>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:()=>i(J.name),className:"text-[11px] font-medium text-gray-400 truncate cursor-pointer hover:text-white transition-colors bg-transparent border-none p-0",children:J.name})}),e.jsx(Xe,{filePath:J.filePath,projectRoot:s}),(J.scenarios.length>0||J.pendingScenarios.length>0)&&e.jsx("div",{className:"flex flex-wrap gap-2 px-2 pt-1",children:J.scenarios.map(re=>e.jsx(qe,{imgSrc:re.screenshotPath?`/api/screenshot/${re.screenshotPath}`:null,name:re.name,isActive:re.id===u,onSelect:()=>m==null?void 0:m({analysisId:J.analysisId,scenarioId:re.id,scenarioName:re.name,entitySha:J.sha,entityName:J.name})},re.id))})]},J.sha))]}),te.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"})}),te.map(J=>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:J.name})}),e.jsx(Xe,{filePath:J.filePath,projectRoot:s}),J.testFile&&e.jsx(Wt,{testFile:J.testFile,entityName:J.name,cachedResult:g[J.testFile]})]},J.sha))]})]})})}return e.jsx("div",{ref:Q,onScroll:$,className:"flex-1 overflow-auto font-['IBM_Plex_Sans']",children:e.jsxs("div",{className:"p-4 space-y-4",children:[e.jsxs("div",{className:"flex items-center gap-3 font-['IBM_Plex_Mono']",children:[e.jsx("button",{onClick:()=>G("application"),className:`text-xs font-bold uppercase tracking-wider shrink-0 bg-transparent border-none cursor-pointer p-0 transition-colors ${F==="application"?"text-white":"text-gray-500 hover:text-gray-300"}`,children:"Application"}),e.jsx("button",{onClick:()=>G("components"),className:`text-xs font-bold uppercase tracking-wider shrink-0 bg-transparent border-none cursor-pointer p-0 transition-colors ${F==="components"?"text-white":"text-gray-500 hover:text-gray-300"}`,children:"Components"}),e.jsx("div",{className:"flex-1"}),e.jsxs("div",{className:"relative",style:{width:170},children:[e.jsxs("svg",{className:"absolute left-3 top-1/2 -translate-y-1/2 text-gray-500",width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[e.jsx("circle",{cx:"11",cy:"11",r:"8"}),e.jsx("path",{d:"M21 21l-4.35-4.35"})]}),e.jsx("input",{type:"text",placeholder:"SEARCH...",value:L,onChange:d=>O(d.target.value),className:"w-full pl-9 pr-3 py-2 text-xs bg-[#2a2a2a] border border-[#3d3d3d] rounded-md text-gray-300 placeholder-gray-600 outline-none focus:border-[#D7FF63]/50 transition-colors tracking-wider"})]}),w&&e.jsxs("button",{onClick:w,className:"flex items-center gap-1.5 px-4 py-2 text-xs font-semibold text-[#1e1e1e] bg-[#D7FF63] rounded-md hover:bg-[#D7FF63]/80 transition-colors cursor-pointer shrink-0 uppercase tracking-wider",children:[e.jsx("span",{children:"+"})," New Feature"]})]}),e.jsx("div",{className:"border-b border-[#2d2d2d]"}),F==="application"&&z.size>0&&e.jsx("div",{children:[...z.entries()].sort(([d],[v])=>d==="Home"?-1:v==="Home"?1:d.localeCompare(v)).filter(([d])=>L.trim()?d.toLowerCase().includes(L.trim().toLowerCase()):!0).map(([d,v])=>{const b=v.some(E=>E.id===r&&!u);return e.jsxs("div",{className:"mt-3",children:[e.jsxs("div",{className:"flex items-center gap-1.5 py-1",children:[e.jsxs("button",{onClick:()=>i(d,p==null?void 0:p.get(d)),className:`flex items-center gap-1.5 text-sm font-normal cursor-pointer hover:text-white transition-colors bg-transparent border-none p-0 ${b?"text-[#D7FF63]":"text-gray-300"}`,children:[d,e.jsxs("span",{className:`text-xs ${b?"text-[#D7FF63]/60":"text-gray-500"}`,children:["(",v.length,")"]}),e.jsx("svg",{width:"10",height:"10",viewBox:"0 0 12 12",fill:"none",className:b?"text-[#D7FF63]/60":"text-gray-500",children:e.jsx("path",{d:"M4.5 3L7.5 6L4.5 9",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})})]}),b&&e.jsxs("div",{className:"flex items-center gap-1 ml-auto",children:[e.jsx("button",{onClick:()=>i(d,p==null?void 0:p.get(d)),className:"p-1.5 rounded-md bg-[#3d3d3d] hover:bg-[#4d4d4d] text-gray-300 hover:text-white transition-colors cursor-pointer border-none",title:"Edit scenarios",children:e.jsxs("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[e.jsx("path",{d:"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7"}),e.jsx("path",{d:"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z"})]})}),w&&e.jsx("button",{onClick:w,className:"p-1.5 rounded-md bg-[#3d3d3d] hover:bg-[#4d4d4d] text-gray-300 hover:text-white transition-colors cursor-pointer border-none",title:"Add scenario",children:e.jsxs("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[e.jsx("line",{x1:"12",y1:"5",x2:"12",y2:"19"}),e.jsx("line",{x1:"5",y1:"12",x2:"19",y2:"12"})]})})]})]}),e.jsx("div",{className:"grid grid-cols-3 gap-2 pt-1",children:Ce(v).map(({scenario:E,dimensionLabel:T,screenshotPath:I,key:A})=>e.jsx(qe,{scenarioId:E.id,screenshotPath:I,updatedAt:E.updatedAt,hasScreenshot:!!I,name:E.name,dimensionLabel:T,isActive:E.id===r&&!u,onSelect:()=>a(E,T??void 0)},A))})]},d)})}),F==="components"&&k.size>0&&e.jsx("div",{children:[...k.entries()].filter(([d])=>L.trim()?d.toLowerCase().includes(L.trim().toLowerCase()):!0).map(([d,v])=>{const b=v.some(E=>E.id===r&&!u);return e.jsxs("div",{className:"mt-3",children:[e.jsxs("div",{className:"flex items-center gap-1.5 py-1",children:[e.jsxs("button",{onClick:()=>i(d,p==null?void 0:p.get(d)),className:`flex items-center gap-1.5 text-sm font-normal cursor-pointer hover:text-white transition-colors bg-transparent border-none p-0 ${b?"text-[#D7FF63]":"text-gray-300"}`,children:[d,e.jsxs("span",{className:`text-xs ${b?"text-[#D7FF63]/60":"text-gray-500"}`,children:["(",v.length,")"]}),e.jsx("svg",{width:"10",height:"10",viewBox:"0 0 12 12",fill:"none",className:b?"text-[#D7FF63]/60":"text-gray-500",children:e.jsx("path",{d:"M4.5 3L7.5 6L4.5 9",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})})]}),b&&e.jsxs("div",{className:"flex items-center gap-1 ml-auto",children:[e.jsx("button",{onClick:()=>i(d,p==null?void 0:p.get(d)),className:"p-1.5 rounded-md bg-[#3d3d3d] hover:bg-[#4d4d4d] text-gray-300 hover:text-white transition-colors cursor-pointer border-none",title:"Edit scenarios",children:e.jsxs("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[e.jsx("path",{d:"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7"}),e.jsx("path",{d:"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z"})]})}),w&&e.jsx("button",{onClick:w,className:"p-1.5 rounded-md bg-[#3d3d3d] hover:bg-[#4d4d4d] text-gray-300 hover:text-white transition-colors cursor-pointer border-none",title:"Add scenario",children:e.jsxs("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[e.jsx("line",{x1:"12",y1:"5",x2:"12",y2:"19"}),e.jsx("line",{x1:"5",y1:"12",x2:"19",y2:"12"})]})})]})]}),e.jsx("div",{className:"grid grid-cols-3 gap-2 pt-1",children:Ce(v).map(({scenario:E,dimensionLabel:T,screenshotPath:I,key:A})=>e.jsx(qe,{scenarioId:E.id,screenshotPath:I,updatedAt:E.updatedAt,hasScreenshot:!!I,name:E.name,dimensionLabel:T,isActive:E.id===r&&!u,onSelect:()=>a(E,T??void 0)},A))})]},d)})}),y.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"}),Y&&t.length===0&&x.every(d=>d.scenarioCount===0)&&e.jsx("span",{className:"ml-2 text-[10px] text-gray-500",children:"— Entities are being analyzed..."})]}),y.map(d=>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:()=>i(d.name),className:"text-[11px] font-medium text-gray-400 truncate cursor-pointer hover:text-white transition-colors bg-transparent border-none p-0",children:d.name}),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..."]})]}),e.jsx(Xe,{filePath:d.filePath,projectRoot:s}),(d.scenarios.length>0||d.pendingScenarios.length>0)&&e.jsxs("div",{className:"flex flex-wrap gap-2 px-2 pt-1",children:[d.scenarios.map(v=>e.jsx(qe,{imgSrc:v.screenshotPath?`/api/screenshot/${v.screenshotPath}`:null,name:v.name,isActive:v.id===u,onSelect:()=>m==null?void 0:m({analysisId:d.analysisId,scenarioId:v.id,scenarioName:v.name,entitySha:d.sha,entityName:d.name})},v.id)),d.pendingScenarios.map(v=>e.jsx("div",{className:"px-2.5 py-1 bg-[#2a2a2a] text-gray-400 text-[10px] rounded-full",title:v,children:v},v))]})]},d.sha))]}),(R.length>0||U.length>0)&&e.jsxs("div",{className:`pt-2 mt-1 ${y.length>0?"":"border-t border-[#3d3d3d]"}`,children:[e.jsx("div",{className:"px-2 py-1",children:e.jsx("span",{className:"text-xs font-semibold text-gray-500 uppercase tracking-wider",children:"Functions"})}),R.map(d=>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:d.name}),d.isAnalyzing&&d.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(Xe,{filePath:d.filePath,projectRoot:s}),d.testFile?e.jsx(Wt,{testFile:d.testFile,entityName:d.name,cachedResult:g[d.testFile]}):e.jsx("div",{className:"px-2 pt-1",children:e.jsx("span",{className:"text-[10px] text-gray-500",children:"No test file"})})]},d.sha)),U.map(d=>e.jsxs("div",{className:"mt-2",children:[e.jsx("div",{className:"px-2 py-1",children:e.jsx("span",{className:"text-[11px] font-medium text-gray-300",children:d.name})}),e.jsx(Xe,{filePath:d.filePath,projectRoot:s}),e.jsx(Wt,{testFile:d.testFile,entityName:d.name,cachedResult:g[d.testFile]})]},d.name))]})]})})}function lr(t){const s={};for(const[r,a]of Object.entries(t))if(typeof a=="string")try{const c=JSON.parse(a);Array.isArray(c)?s[r]=c:typeof c=="object"&&c!==null&&(s[r]=[c])}catch{}else Array.isArray(a)&&(s[r]=a);return s}function cr(t,s){return t.length===0||s.length===0?!1:t.filter(a=>s.includes(a)).length>=Math.min(t.length,s.length)*.5}function Un(t,s){const{_metadata:r,...a}=s,c=a.localStorage&&typeof a.localStorage=="object"&&!Array.isArray(a.localStorage)?lr(a.localStorage):{},o={};if(a.seed&&typeof a.seed=="object"&&!Array.isArray(a.seed))for(const[m,j]of Object.entries(a.seed))Array.isArray(j)&&(o[m]=j);const i={},x=[],l=new Set,g=new Set,u=new Set;for(const m of t){const j=m.fields.filter(C=>!C.isRelation),M=j.map(C=>C.name),w=m.name.charAt(0).toLowerCase()+m.name.slice(1);let p=null,N=[];for(const C of[m.name,w,`${w}s`])if(C in a&&Array.isArray(a[C])){p=C,N=a[C],g.add(C);break}if(!p){for(const C of[m.name,w,`${w}s`])if(C in o){p=C,N=o[C],u.add(C),C in c&&l.add(C);break}}if(!p){for(const C of[m.name,w,`${w}s`])if(C in c){p=w,N=c[C],l.add(C);break}}if(!p){for(const[C,L]of Object.entries(c))if(!l.has(C)&&L.length>0&&cr(M,Object.keys(L[0]))){p=w,N=L,l.add(C);break}}p||(p=w),i[p]=N,x.push({label:m.name,dataKey:p,schemaFields:j.map(C=>({name:C.name,type:C.type,isId:C.isId}))})}for(const[m,j]of Object.entries(a))m==="_metadata"||m==="localStorage"||m==="seed"||m==="type"||g.has(m)||Array.isArray(j)&&(i[m]=j,x.push({label:m,dataKey:m}));for(const[m,j]of Object.entries(o))u.has(m)||(i[m]=j,x.push({label:m,dataKey:m}));for(const[m,j]of Object.entries(c))l.has(m)||(i[m]=j,x.push({label:m,dataKey:m}));return{data:i,tabs:x}}function Vn(t){return t==null?"null":typeof t=="number"?Number.isInteger(t)?"int4":"float":typeof t=="boolean"?"bool":typeof t=="object"?Array.isArray(t)?"array":"json":"text"}function Gn(t,s){return t.length>0?Object.keys(t[0]):s?s.map(r=>r.name):[]}function Jn(t,s,r){const a=new Map((r||[]).map(o=>[o.name,o.type])),c={};for(const o of t)c[o]=a.get(o)||(s.length>0?Vn(s[0][o]):"text");return c}function Kn(t,s){var r;return((r=s==null?void 0:s.find(a=>a.isId))==null?void 0:r.name)||t.find(a=>a==="id")||null}function Yn(t,s){const{_metadata:r,...a}=s,c=a.localStorage&&typeof a.localStorage=="object"&&!Array.isArray(a.localStorage)?lr(a.localStorage):{},o={};if(a.seed&&typeof a.seed=="object"&&!Array.isArray(a.seed))for(const[m,j]of Object.entries(a.seed))Array.isArray(j)&&(o[m]=j);const i={},x=[],l=new Set,g=new Set,u=new Set;for(const m of t){const j=m.name.charAt(0).toLowerCase()+m.name.slice(1),M=m.fields.map(N=>N.name);let w=null,p=[];for(const N of[m.name,j,`${j}s`])if(N in a&&Array.isArray(a[N])){w=N,p=a[N],g.add(N);break}if(!w){for(const N of[m.name,j,`${j}s`])if(N in o){w=N,p=o[N],u.add(N),N in c&&l.add(N);break}}if(!w){for(const N of[m.name,j,`${j}s`])if(N in c){w=j,p=c[N],l.add(N);break}}if(!w){for(const[N,C]of Object.entries(c))if(!l.has(N)&&C.length>0&&cr(M,Object.keys(C[0]))){w=j,p=C,l.add(N);break}}w||(w=j),i[w]=p,x.push({label:m.name,dataKey:w,category:m.category,description:m.description,schemaFields:m.fields.map(N=>({name:N.name,type:N.type,isId:N.isId??!1}))})}for(const[m,j]of Object.entries(a))m==="_metadata"||m==="localStorage"||m==="seed"||m==="type"||g.has(m)||Array.isArray(j)&&(i[m]=j,x.push({label:m,dataKey:m}));for(const[m,j]of Object.entries(o))u.has(m)||(i[m]=j,x.push({label:m,dataKey:m}));for(const[m,j]of Object.entries(c))l.has(m)||(i[m]=j,x.push({label:m,dataKey:m}));return{data:i,tabs:x}}function Kt(t){var c,o;const s=new Map,r=new Map;for(const i of t)if(i.componentName){const x=r.get(i.componentName)||[];x.push(i),r.set(i.componentName,x)}else if(ar(i.url)){const x=(c=i.url)==null?void 0:c.match(/[?&]c=([^&]+)/),l=x?decodeURIComponent(x[1]):"Isolated",g=r.get(l)||[];g.push(i),r.set(l,g)}else{const x=i.displayName||((o=i.pageFilePath)!=null&&o.startsWith("app/")?Ze(Qe(i.pageFilePath)):yt(i.url)),l=s.get(x)||[];l.push(i),s.set(x,l)}const a=new Map([...r.entries()].sort(([i],[x])=>i.localeCompare(x)));return{pageGroups:s,componentGroups:a}}function dr(t,s){var a,c;const r=new Map;for(const[o,i]of t){const x=(a=i.find(l=>l.entitySha))==null?void 0:a.entitySha;x&&r.set(o,x)}for(const[o,i]of s){const x=(c=i.find(l=>l.entitySha))==null?void 0:c.entitySha;x&&r.set(o,x)}return r}function qn(t){const s=new Set;for(const[r,a]of Object.entries(t)){s.add(r);for(const c of a)s.add(c)}return s}function Xn(t,s,r,a){if(s.has(t))return!0;const c=r.find(o=>o.sha===t);return c?a.has(c.name):!1}function Qn(t,s,r,a){const c=[];for(const[o,i]of t){const x=r.get(o);x?a(x)||c.push({name:o,scenarios:i,reason:"incomplete"}):c.push({name:o,scenarios:i,reason:"missing"})}for(const[o,i]of s){const x=r.get(o);x?a(x)||c.push({name:o,scenarios:i,reason:"incomplete"}):c.push({name:o,scenarios:i,reason:"missing"})}return c}function Is(t,s,r){if(!t)return null;const a=s.find(c=>c.sha===t);return a?{sha:t,name:a.name,filePath:a.filePath,entityType:a.entityType,displayName:a.name}:null}const Ms=120;function xr({text:t,theme:s}){const[r,a]=n.useState(!1),c=t.length>Ms,o=c&&!r?t.slice(0,Ms)+"…":t,i=s==="light";return e.jsxs("div",{className:`px-4 py-2 ${i?"border-b border-gray-200 bg-gray-50":"border-b border-[#3d3d3d] bg-[#252525]"}`,children:[e.jsx("span",{className:"text-[9px] font-semibold uppercase tracking-wider text-gray-500",children:"User Prompt"}),e.jsxs("p",{className:`text-[11px] mt-0.5 mb-0 leading-relaxed ${i?"text-gray-600":"text-gray-400"}`,children:[o,c&&e.jsx("button",{onClick:()=>a(!r),className:`ml-1 text-[11px] font-medium bg-transparent border-none p-0 cursor-pointer ${i?"text-blue-500 hover:text-blue-700":"text-[#00a0c4] hover:text-[#00c0e8]"}`,children:r?"Show less":"Read more…"})]})]})}const Rs={new:0,edited:1,impacted:2};function As({status:t,onClick:s}){const r={new:{label:"New",bg:"bg-green-100",text:"text-green-700",border:"border-green-200"},edited:{label:"Edited",bg:"bg-blue-100",text:"text-blue-700",border:"border-blue-200"},impacted:{label:"Impacted",bg:"bg-amber-100",text:"text-amber-700",border:"border-amber-200"}}[t.status],a=s&&(t.status==="edited"||t.status==="impacted");return e.jsx("button",{onClick:a?s:void 0,className:`${r.bg} ${r.text} ${r.border} border text-[9px] font-bold px-1.5 py-0.5 rounded-full uppercase tracking-wider shrink-0 ${a?"cursor-pointer hover:opacity-80 transition-opacity":"cursor-default"}`,children:r.label})}function Os({filePath:t}){const[s,r]=n.useState(null),[a,c]=n.useState(!0),[o,i]=n.useState(null);return n.useEffect(()=>{nr(()=>import("./index-SqjQKTdH.js"),__vite__mapDeps([0,1,2])).then(x=>{i(()=>x.default)})},[]),n.useEffect(()=>{c(!0),fetch(`/api/editor-file-diff?path=${encodeURIComponent(t)}`).then(x=>x.json()).then(x=>{r({oldContent:x.oldContent,newContent:x.newContent})}).catch(()=>{r(null)}).finally(()=>c(!1))},[t]),a?e.jsx("div",{className:"p-2 text-[10px] text-gray-400",children:"Loading diff..."}):!s||!o?e.jsx("div",{className:"p-2 text-[10px] text-gray-400",children:"Could not load diff"}):e.jsx("div",{className:"mt-2 border border-gray-200 rounded-lg overflow-hidden max-h-[300px] overflow-auto text-xs",children:e.jsx(o,{oldValue:s.oldContent,newValue:s.newContent,splitView:!1,useDarkTheme:!1,showDiffOnly:!0,styles:{contentText:{fontSize:"11px",lineHeight:"1.4"},line:{padding:"1px 8px",fontSize:"11px"}}})})}function _s({impactedBy:t,changedEntities:s}){return e.jsx("div",{className:"mt-2 bg-amber-50 border border-amber-200 rounded-lg p-2.5",children:t&&t.length>0?e.jsxs(e.Fragment,{children:[e.jsx("span",{className:"text-[10px] font-semibold text-amber-700 uppercase tracking-wider",children:"Re-captured because these dependencies changed"}),e.jsx("ul",{className:"mt-1.5 space-y-1",children:t.map(r=>e.jsxs("li",{className:"flex items-center gap-1.5",children:[e.jsx("span",{className:`text-[9px] font-bold px-1 py-0 rounded-full uppercase tracking-wider border ${r.changeType==="new"?"bg-green-100 text-green-700 border-green-200":"bg-blue-100 text-blue-700 border-blue-200"}`,children:r.changeType==="new"?"New":"Edited"}),e.jsx("span",{className:"text-[11px] font-medium text-amber-800",children:r.name}),e.jsx("span",{className:"text-[9px] text-amber-500 truncate",children:r.filePath})]},r.filePath))})]}):s&&s.length>0?e.jsxs(e.Fragment,{children:[e.jsx("span",{className:"text-[10px] font-semibold text-amber-700 uppercase tracking-wider",children:"Unchanged — these entities were modified in this session"}),e.jsx("ul",{className:"mt-1.5 space-y-1",children:s.map(r=>e.jsxs("li",{className:"flex items-center gap-1.5",children:[e.jsx("span",{className:`text-[9px] font-bold px-1 py-0 rounded-full uppercase tracking-wider border ${r.status==="new"?"bg-green-100 text-green-700 border-green-200":"bg-blue-100 text-blue-700 border-blue-200"}`,children:r.status==="new"?"New":"Edited"}),e.jsx("span",{className:"text-[11px] font-medium text-amber-800",children:r.name})]},r.name))})]}):e.jsx("span",{className:"text-[10px] text-amber-600",children:"This component was re-captured because a dependency changed"})})}function Bs({scenarioId:t,screenshotPath:s,name:r,dimensionLabel:a,isActive:c,onSelect:o,updatedAt:i}){const x=n.useRef(null);return n.useEffect(()=>{c&&x.current&&x.current.scrollIntoView({block:"nearest",behavior:"smooth"})},[c]),e.jsxs("button",{ref:x,onClick:o,className:"flex flex-col items-center gap-1.5 cursor-pointer group",title:a?`${r} (${a})`:r,children:[e.jsxs("div",{className:`w-32 h-32 rounded-lg overflow-hidden border-2 transition-all relative ${c?"border-[#0ea5e9] ring-2 ring-[#0ea5e9]/40 shadow-lg shadow-[#0ea5e9]/20":"border-gray-200 hover:border-gray-400 shadow-sm"}`,children:[e.jsx(Ue,{scenarioId:t,screenshotPath:s,updatedAt:i,alt:a?`${r} (${a})`:r,className:"w-full h-full bg-white",imgClassName:"w-full h-full object-contain bg-white"}),a&&e.jsx("span",{className:"absolute bottom-1 right-1 text-[9px] font-medium bg-black/60 text-white px-1.5 py-0.5 rounded",children:a})]}),e.jsx("span",{className:`text-[11px] leading-tight text-center truncate w-32 font-medium ${c?"text-gray-900":"text-gray-600 group-hover:text-gray-900"}`,children:a?`${r} (${a})`:r})]})}function Zn({filePath:t}){return t?e.jsxs("div",{className:"flex items-center gap-1 mt-0.5",children:[e.jsxs("a",{href:`/api/editor-file?path=${encodeURIComponent(t)}`,target:"_blank",rel:"noopener noreferrer",title:"Open file",className:"flex items-center gap-1 text-gray-400 hover:text-gray-600 transition-colors min-w-0",children:[e.jsx("span",{className:"text-[9px] truncate",children:t}),e.jsx("svg",{className:"shrink-0",width:"10",height:"10",viewBox:"0 0 12 12",fill:"none",children:e.jsx("path",{d:"M4.5 1.5H2.5C1.95 1.5 1.5 1.95 1.5 2.5V9.5C1.5 10.05 1.95 10.5 2.5 10.5H9.5C10.05 10.5 10.5 10.05 10.5 9.5V7.5M7.5 1.5H10.5M10.5 1.5V4.5M10.5 1.5L5 7",stroke:"currentColor",strokeWidth:"1.2",strokeLinecap:"round",strokeLinejoin:"round"})})]}),e.jsx(Te,{content:t,icon:!0,iconSize:10,className:"shrink-0 text-gray-400 hover:text-gray-600 transition-colors"})]}):null}function Vt({testFile:t,entityName:s,cachedResult:r}){const{results:a,isRunning:c,runTests:o,stale:i}=Jt(t,r);if(c&&!a)return e.jsxs("div",{className:"pt-1 flex items-center gap-1.5",children:[e.jsx("span",{className:"w-1.5 h-1.5 rounded-full bg-[#0ea5e9] animate-pulse"}),e.jsx("span",{className:"text-[10px] text-gray-400",children:"Running tests..."})]});if(!a)return null;if(a.status==="error")return e.jsx("div",{className:"pt-1",children:e.jsx("span",{className:"text-[10px] text-red-500",children:a.errorMessage})});const x=s?a.testCases.filter(u=>u.fullName.startsWith(s)):a.testCases,l=x.length>0?x:a.testCases;if(l.length===0)return null;const g=s?`${s} > `:"";return e.jsxs("div",{className:"pt-1 space-y-0.5",children:[l.map(u=>{var j;const m=g&&u.fullName.startsWith(g)?u.fullName.slice(g.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:m})]}),u.status==="failed"&&((j=u.failureMessages)==null?void 0:j.map((M,w)=>e.jsx("div",{className:"pl-4 text-[9px] text-red-400 truncate max-w-full",title:M,children:M.split(`
+`)[0]},w)))]},u.fullName)}),e.jsxs("div",{className:"flex items-center gap-2 mt-1",children:[e.jsx("button",{onClick:o,disabled:c,className:"text-[10px] text-[#0ea5e9] hover:text-[#38bdf8] transition-colors cursor-pointer disabled:opacity-50 bg-transparent border-none p-0",children:c?"Running...":i?"Re-run (stale)":"Re-run"}),i&&!c&&e.jsx("span",{className:"w-1.5 h-1.5 rounded-full bg-amber-400 shrink-0",title:"Source or test file changed since last run"})]})]})}function Ws(t){const s=t.indexOf(" - ");return s!==-1?t.slice(s+3):t}function Hs(t,s){return!s||Object.keys(s).length===0?t:[...t].sort(([r],[a])=>{var x,l;const c=((x=s[r])==null?void 0:x.status)||"impacted",o=((l=s[a])==null?void 0:l.status)||"impacted",i=(Rs[c]??2)-(Rs[o]??2);return i!==0?i:r.localeCompare(a)})}function ea({scenarios:t,allScenarios:s=[],glossaryFunctions:r=[],cachedTestResults:a={},projectRoot:c,activeScenarioId:o,onScenarioSelect:i,onClose:x,entityChangeStatus:l={},modifiedFiles:g=[],featureName:u,userPrompt:m}){const j=n.useMemo(()=>{if(s.length===0||Object.keys(l).length===0)return t;const k=new Set(t.map(R=>R.id)),y=s.filter(R=>{var Y,Q;if(k.has(R.id))return!1;const U=R.componentName||R.displayName||((Y=R.pageFilePath)!=null&&Y.startsWith("app/")?Ze(Qe(R.pageFilePath)):yt(R.url));return((Q=l[U])==null?void 0:Q.status)==="impacted"});return y.length===0?t:[...t,...y]},[t,s,l]),M=n.useMemo(()=>Object.entries(l).filter(([,k])=>k.status==="new"||k.status==="edited").map(([k,y])=>({name:k,status:y.status})),[l]),[w,p]=n.useState(null),N=n.useCallback(k=>{p(y=>y===k?null:k)},[]),{pageGroups:C,componentGroups:L}=n.useMemo(()=>Kt(j),[j]),O=n.useMemo(()=>Hs([...C.entries()],l),[C,l]),W=n.useMemo(()=>Hs([...L.entries()],l),[L,l]),H=O,F=W,G=n.useMemo(()=>Pn(r,l),[r,l]),z=n.useMemo(()=>{const k=[];for(const[,y]of H)k.push(...y);for(const[,y]of F)k.push(...y);return k},[H,F]),B=n.useRef(!1);return n.useEffect(()=>{B.current||z.length!==0&&(B.current=!0,console.log("[ResultsPanel] Auto-selecting first scenario: %s",z[0].name),i(z[0]))},[z,i]),n.useEffect(()=>{if(z.length===0)return;const k=y=>{if(y.key!=="ArrowLeft"&&y.key!=="ArrowRight")return;const R=y.target,U=R==null?void 0:R.tagName;if(U==="INPUT"||U==="SELECT"||U==="TEXTAREA"&&!R.classList.contains("xterm-helper-textarea"))return;y.preventDefault();const Y=z.findIndex(D=>D.id===o);let Q;y.key==="ArrowLeft"?Q=Y<=0?z.length-1:Y-1:Q=Y>=z.length-1?0:Y+1,i(z[Q])};return document.addEventListener("keydown",k),()=>document.removeEventListener("keydown",k)},[z,o,i]),j.length===0&&r.length===0?e.jsxs("div",{className:"h-full bg-white flex items-center justify-center relative",children:[e.jsx("button",{onClick:x,className:"absolute top-2 right-3 text-gray-400 hover:text-gray-700 text-lg leading-none cursor-pointer bg-transparent border-none",title:"Close results",children:"×"}),e.jsx("span",{className:"text-sm text-gray-400",children:"No scenarios registered yet"})]}):e.jsxs("div",{className:"h-full bg-white flex flex-col overflow-hidden",children:[e.jsxs("div",{className:"flex items-center justify-between px-4 py-2.5 border-b border-gray-200 shrink-0",children:[e.jsxs("div",{className:"min-w-0",children:[e.jsx("span",{className:"text-xs font-semibold text-gray-500 uppercase tracking-wider",children:"Working Session Results"}),u&&e.jsx("div",{className:"text-[11px] text-gray-400 truncate",title:u,children:u})]}),e.jsx("button",{onClick:x,className:"text-gray-400 hover:text-gray-700 text-lg leading-none cursor-pointer bg-transparent border-none shrink-0",title:"Close results",children:"×"})]}),m&&e.jsx(xr,{text:m,theme:"light"}),e.jsx("div",{className:"flex-1 overflow-auto p-4",children:e.jsxs("div",{className:"space-y-5",children:[H.length>0&&e.jsxs("div",{children:[e.jsx("div",{className:"mb-2",children:e.jsx("span",{className:"text-xs font-semibold text-gray-500 uppercase tracking-wider",children:"Application"})}),e.jsx("div",{className:"space-y-3 pl-1",children:H.map(([k,y])=>{var Q;const R=l[k],U=w===k,Y=(Q=y[0])==null?void 0:Q.componentPath;return e.jsxs("div",{children:[e.jsxs("div",{className:"mb-1.5 flex items-center gap-2",children:[e.jsx("span",{className:"text-[11px] font-medium text-gray-600",children:k}),R&&e.jsx(As,{status:R,onClick:()=>N(k)})]}),U&&(R==null?void 0:R.status)==="edited"&&Y&&e.jsx(Os,{filePath:Y}),U&&(R==null?void 0:R.status)==="impacted"&&e.jsx(_s,{impactedBy:R.impactedBy,changedEntities:M}),e.jsx("div",{className:"flex flex-wrap gap-3",children:Ce(y).map(({scenario:D,dimensionLabel:$,screenshotPath:d,key:v})=>e.jsx(Bs,{scenarioId:D.id,screenshotPath:d,name:Ws(D.name),dimensionLabel:$,isActive:D.id===o,onSelect:()=>i(D,$??void 0),updatedAt:D.updatedAt},v))})]},k)})})]}),F.length>0&&e.jsxs("div",{className:H.length>0?"pt-3 border-t border-gray-200":"",children:[e.jsx("div",{className:"mb-2",children:e.jsx("span",{className:"text-xs font-semibold text-gray-500 uppercase tracking-wider",children:"Components"})}),e.jsx("div",{className:"space-y-3 pl-1",children:F.map(([k,y])=>{var Q;const R=l[k],U=w===k,Y=(Q=y[0])==null?void 0:Q.componentPath;return e.jsxs("div",{children:[e.jsxs("div",{className:"mb-1.5 flex items-center gap-2",children:[e.jsx("span",{className:"text-[11px] font-medium text-gray-600",children:k}),R&&e.jsx(As,{status:R,onClick:()=>N(k)})]}),U&&(R==null?void 0:R.status)==="edited"&&Y&&e.jsx(Os,{filePath:Y}),U&&(R==null?void 0:R.status)==="impacted"&&e.jsx(_s,{impactedBy:R.impactedBy,changedEntities:M}),e.jsx("div",{className:"flex flex-wrap gap-3",children:Ce(y).map(({scenario:D,dimensionLabel:$,screenshotPath:d,key:v})=>e.jsx(Bs,{scenarioId:D.id,screenshotPath:d,name:Ws(D.name),dimensionLabel:$,isActive:D.id===o,onSelect:()=>i(D,$??void 0),updatedAt:D.updatedAt},v))})]},k)})})]}),G.length>0&&e.jsxs("div",{className:H.length>0||F.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:G.map(k=>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:k.name})}),e.jsx(Zn,{filePath:k.filePath,projectRoot:c}),k.testFile?e.jsx(Vt,{testFile:k.testFile,entityName:k.name,cachedResult:a[k.testFile]}):e.jsx("div",{className:"pt-1",children:e.jsx("span",{className:"text-[10px] text-gray-400",children:"No test file"})})]},k.name))})]}),g.length>0&&e.jsxs("div",{className:H.length>0||F.length>0||G.length>0?"pt-3 border-t border-gray-200":"",children:[e.jsx("div",{className:"mb-2",children:e.jsxs("span",{className:"text-xs font-semibold text-gray-500 uppercase tracking-wider",children:["Modified Files (",g.length,")"]})}),e.jsx("div",{className:"space-y-0.5 pl-1 max-h-[200px] overflow-auto",children:g.map(k=>e.jsxs("div",{className:"flex items-center gap-1.5",children:[e.jsx("span",{className:`text-[9px] font-bold uppercase w-[14px] text-center ${k.status==="added"||k.status==="untracked"?"text-green-600":k.status==="modified"?"text-blue-600":k.status==="renamed"?"text-purple-600":"text-gray-400"}`,children:k.status==="added"||k.status==="untracked"?"A":k.status==="modified"?"M":k.status==="renamed"?"R":"?"}),e.jsx("span",{className:"text-[10px] text-gray-500 truncate font-mono",children:k.path})]},k.path))})]})]})})]})}function zs(t,s,r,a){var l;const c=a.length>0?a.map(g=>`- "${g.name}" (ID: ${g.id})${g.url?` — URL: ${g.url}`:""}`).join(`
+`):"(no scenarios yet)",o=s.endsWith("/page.tsx")||s.endsWith("/page.js"),i=((l=a.find(g=>g.url))==null?void 0:l.url)||"/",x=[`You are helping edit scenarios for the "${t}" entity in a CodeYam project.`,"","## Entity",`- **Name:** ${t}`,`- **File:** ${s}`,`- **Type:** ${o?"Page (application scenario with seed data)":"Component (component scenario with mock props)"}`,"","## Existing Scenarios",c,""];return o?x.push("## How Seed Data Works","","Application scenarios use `seed` data to populate the database before the page is captured.","The seed is a JSON object where each key is a Prisma model name in camelCase singular (matching the Prisma client accessor name) and the value is an array of records.","","### Seed Key Naming Convention","The key must be the camelCase singular form of the Prisma model name:",'- `model User` → key `"user"`','- `model BlogPost` → key `"blogPost"`','- `model Feedback` → key `"feedback"`',"",'**WARNING:** Do NOT use plural forms like "users", "blogPosts", or "feedbacks" — the seed adapter will silently fail to match them.',"","To understand the data models, read the Prisma schema at `prisma/schema.prisma`.","To see examples of existing seed data, look at `.codeyam/editor-scenarios/*.seed.json` files.","",`Also read the source file at \`${s}\` to understand what data the page queries and renders.`,"","## Registering a Scenario","","For small seed data, pass it inline:","```",`codeyam editor register '{"name":"Scenario Name","type":"application","url":"${i}","dimensions":["Laptop"],"seed":{"user":[...],"feedback":[...]}}'`,"```","","For large seed data, write it to a temp file and use @file syntax:","```","# Write JSON to a temp file","cat > .codeyam/tmp/scenario.json << 'SCENARIO_EOF'",`{"name":"Scenario Name","type":"application","url":"${i}","dimensions":["Laptop"],"seed":{"user":[...],"feedback":[...]}}`,"SCENARIO_EOF","codeyam editor register @.codeyam/tmp/scenario.json","```"):x.push("## Registering a Scenario","",`Read the source file at \`${s}\` to understand what props the component expects.`,"","```",`codeyam editor register '{"name":"Scenario Name","type":"component","componentName":"${t}","componentPath":"${s}","dimensions":["Laptop"],"mockData":{"propName":"value"}}'`,"```"),x.push("","## Deleting a Scenario","","To delete a scenario, use its ID from the list above:","```","codeyam editor delete <scenarioId>","```","","## Validating Seed Data","","Before registering, you can validate seed data structure and check that keys match Prisma models:","```",`codeyam editor validate-seed '{"user":[...]}'`,"```"),x.push("","## Recapturing Scenarios After Code Changes","",`If the user asks you to modify the code for this ${o?"page":"component"} (CSS, layout, logic, etc.), you MUST re-register all existing scenarios after the code change so their screenshots are updated.`,"","Re-registering a scenario with the same name overwrites it and captures a fresh screenshot.","","To recapture, re-register each existing scenario using `codeyam editor register` with its current configuration. You can read the scenario JSON files in `.codeyam/editor-scenarios/` to get the exact registration data for each scenario."),x.push("","## Important","- DO NOT take any action until the user tells you what they want","- Start by briefly listing the existing scenarios",'- Then ask: "Would you like to modify an existing scenario or add a new one?"',"- Wait for the user's answer before proceeding",'- Keep scenario names descriptive: "Empty State", "With Comments", "Admin View", etc.',`- Each scenario should capture a distinct, meaningful state of the ${o?"page":"component"}`),x.join(`
+`)}function pr(t,s){var c;const r=s.some(o=>!o.componentName),a=s.map(o=>`'${o.id}'`).join(", ");if(r){const o=((c=s.find(x=>x.url))==null?void 0:c.url)||null,i=s.map(x=>`.codeyam/editor-scenarios/${x.id}.json`).join(", ");return[`### Page: "${t}" (${s.length} scenario(s))`,...o?["",`Scenario URL: \`${o}\``]:[],"",...o?["Step A: Find the source file that renders this page. In Next.js App Router, URLs map to page.tsx files:","  - `/` → `app/page.tsx`","  - `/about` → `app/about/page.tsx`","  - `/c/my-slug` → `app/c/[slug]/page.tsx` (dynamic segment)","",`Based on the URL \`${o}\`, find the corresponding page.tsx file. Confirm it exists with \`cat <filepath> | head -5\`.`]:["Step A: Find the source file that renders this page by running:",'  find src app -name "App.tsx" -o -name "App.jsx" -o -name "page.tsx" -o -name "page.jsx" -o -name "index.tsx" 2>/dev/null',"","Pick the file that is the main app entry point or the page component for this route. Confirm it exists with `cat <filepath> | head -5`."],"","Step B: Set page_file_path on all scenarios for this page (replace PAGE_FILE_PATH with the path from Step A):",`  sqlite3 .codeyam/db.sqlite3 "UPDATE editor_scenarios SET page_file_path = 'PAGE_FILE_PATH' WHERE id IN (${a});"`,"","Step C: Get the entity SHA (after running analyze-imports in the shared step above):",`  sqlite3 .codeyam/db.sqlite3 "SELECT sha FROM entities WHERE file_path = 'PAGE_FILE_PATH' ORDER BY created_at DESC LIMIT 1;"`,"","If no rows appear, the path was wrong — go back to Step A.","","Step D: Set entity_sha and display_name on all scenarios (replace ENTITY_SHA with the SHA from Step C):",`  sqlite3 .codeyam/db.sqlite3 "UPDATE editor_scenarios SET entity_sha = 'ENTITY_SHA', display_name = '${t}' WHERE id IN (${a});"`,"","Step E: Add pageFilePath to the scenario JSON files so this fix persists across clones.",`For each file (${i}), read it and add \`"pageFilePath": "PAGE_FILE_PATH"\` to the \`_metadata\` object (after the \`"type"\` field). Then commit the updated JSON files.`].join(`
+`)}else return[`### Component: "${t}" (${s.length} scenario(s))`,"","Step A: Get the entity SHA (after running analyze-imports in the shared step above):",`  sqlite3 .codeyam/db.sqlite3 "SELECT sha FROM entities WHERE name = '${t}' ORDER BY created_at DESC LIMIT 1;"`,"","If no rows appear, check that .codeyam/glossary.json contains an entry for this component.","","Step B: Set entity_sha and display_name on all scenarios (replace ENTITY_SHA with the SHA from Step A):",`  sqlite3 .codeyam/db.sqlite3 "UPDATE editor_scenarios SET entity_sha = 'ENTITY_SHA', display_name = '${t}' WHERE id IN (${a});"`].join(`
+`)}function bt({scenarioId:t,screenshotPath:s,updatedAt:r,hasScreenshot:a,imgSrc:c,name:o,dimensionLabel:i,isActive:x,onSelect:l}){const g=t&&a,u=!t&&c;return e.jsxs("button",{onClick:l,className:"flex flex-col items-center gap-1 cursor-pointer group w-full",title:i?`${o} (${i})`:o,children:[e.jsxs("div",{className:`w-full aspect-[16/10] rounded overflow-hidden border-2 transition-all bg-[#1a1a1a] relative ${x?"border-[#D7FF63]/40 ring-1 ring-[#D7FF63]/20":"border-transparent hover:border-[#4d4d4d]"}`,children:[g?e.jsx(Ue,{scenarioId:t,screenshotPath:s,updatedAt:r,alt:i?`${o} (${i})`:o,className:"w-full h-full",imgClassName:"w-full h-full object-contain"}):u?e.jsx("img",{src:c,alt:o,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"})}),i&&e.jsx("span",{className:"absolute bottom-1 right-1 text-[8px] font-medium bg-black/60 text-white px-1 py-0.5 rounded",children:i})]}),e.jsx("span",{className:`text-[10px] leading-tight text-center truncate w-full ${x?"text-white":"text-gray-500 group-hover:text-gray-300"}`,children:i?`${o} (${i})`:o})]})}function ut({filePath:t}){return t?e.jsxs("div",{className:"flex items-center gap-1.5 mt-0.5",children:[e.jsxs("a",{href:`/api/editor-file?path=${encodeURIComponent(t)}`,target:"_blank",rel:"noopener noreferrer",title:"Open file",className:"flex items-center gap-1.5 text-gray-500 hover:text-gray-300 transition-colors min-w-0",children:[e.jsx("span",{className:"text-sm truncate font-['IBM_Plex_Mono']",children:t}),e.jsx("svg",{className:"shrink-0",width:"12",height:"12",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(Te,{content:t,icon:!0,iconSize:12,className:"shrink-0 text-gray-500 hover:text-gray-300 transition-colors"})]}):null}function hr({name:t,scenarios:s,reason:r="missing"}){var o,i;const a=((o=s[0])==null?void 0:o.componentPath)||((i=s[0])==null?void 0:i.pageFilePath)||null,c=r==="incomplete"?[`The "${t}" entity exists but has not been fully analyzed — its components and functions cannot be displayed.`,"","Follow these steps:","",`Step 1: Check if "${t}" is in the glossary:`,`  cat .codeyam/glossary.json | grep "${t}"`,"","If not found, add an entry to .codeyam/glossary.json:",`  { "name": "${t}", "filePath": "${a||"FILL_IN_PATH"}", "description": "...", "returnType": "JSX.Element" }`,"","Step 2: Run: codeyam editor analyze-imports","","Step 3: Reload the editor page and verify components/functions appear."].join(`
+`):[`The "${t}" ${s.some(x=>!x.componentName)?"page":"component"} is missing entity data in the CodeYam database. Its scenarios are hidden until this is fixed.`,"","IMPORTANT: Do NOT re-register scenarios — that would overwrite their screenshots. Instead, update the database and scenario JSON files directly.","","Follow these steps EXACTLY:","","Step 1: Run: codeyam editor analyze-imports","","Step 2: Fix this entity:","",pr(t,s),"","Step 3: Reload the editor page in the browser and verify the scenarios appear."].join(`
+`);return e.jsx(Te,{content:c,label:"Copy Fix Prompt",copiedLabel:"Copied!",className:"text-[10px] text-[#E0D400] hover:text-[#E0D400]/80 bg-transparent border border-[#E0D400]/30 rounded px-2 py-0.5 cursor-pointer transition-colors ml-2"})}function ta({brokenEntities:t}){const[s,r]=n.useState(!1),a=n.useCallback(l=>{navigator.clipboard.writeText(l).then(()=>{r(!0),setTimeout(()=>r(!1),2e3)})},[]);if(t.length===0)return null;const c=t.reduce((l,g)=>l+g.scenarios.length,0),o=t.filter(l=>l.reason==="incomplete"),i=t.filter(l=>l.reason==="missing"),x=[`${t.length} entities are missing data in the CodeYam database. ${c} total scenario(s) are hidden until this is fixed.`,"","IMPORTANT: Do NOT re-register scenarios — that would overwrite their screenshots. Instead, update the database and scenario JSON files directly.","","Follow these steps EXACTLY:","",...o.length>0?["## Step 1: Add missing entries to the glossary","","Read `.codeyam/glossary.json` and check if these entities have entries. For each one that is missing, add an entry:","",...o.map(l=>{var u,m;const g=((u=l.scenarios[0])==null?void 0:u.componentPath)||((m=l.scenarios[0])==null?void 0:m.pageFilePath)||"FILL_IN_PATH";return`- "${l.name}" (filePath: "${g}")`}),"",'Each glossary entry needs: name, filePath, description, returnType (use "JSX.Element" for components/pages).',""]:["## Step 1: No glossary changes needed",""],"## Step 2: Run import analysis","  codeyam editor analyze-imports","",...i.length>0?["## Step 3: Fix missing entity associations","",...i.map(l=>pr(l.name,l.scenarios)),""]:[],`## Step ${i.length>0?"4":"3"}: Reload the editor page in the browser and verify all scenarios appear. Then commit the updated scenario JSON files so the fix persists across clones.`].join(`
+`);return e.jsx("div",{className:"p-4 rounded-lg border border-[#E0D400]/40 bg-[#E0D400]/8",children:e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsxs("svg",{width:"20",height:"20",viewBox:"0 0 24 24",fill:"none",stroke:"#E0D400",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round",className:"shrink-0",children:[e.jsx("circle",{cx:"12",cy:"12",r:"10"}),e.jsx("line",{x1:"12",y1:"8",x2:"12",y2:"12"}),e.jsx("line",{x1:"12",y1:"16",x2:"12.01",y2:"16"})]}),e.jsxs("p",{className:"flex-1 min-w-0 text-sm text-[#E0D400]/90 m-0 leading-snug font-['IBM_Plex_Sans']",children:[t.length," ",t.length===1?"entity is":"entities are"," missing data, resulting in ",c," hidden scenario",c!==1?"s":"","."," ",e.jsx("button",{type:"button",className:"font-bold underline bg-transparent border-none text-[#E0D400] cursor-pointer p-0 text-sm inline hover:text-[#E0D400]/70 transition-colors",onClick:()=>a(x),children:s?e.jsxs("span",{className:"inline-flex items-center gap-1",children:["Copied",e.jsx("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"3",strokeLinecap:"round",strokeLinejoin:"round",className:"inline",children:e.jsx("polyline",{points:"20 6 9 17 4 12"})})]}):"Copy this prompt"})," ","into Claude to fix them all at once."]}),e.jsx(Te,{content:x,label:e.jsxs("span",{className:"flex items-center gap-2",children:["COPY PROMPT",e.jsxs("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[e.jsx("rect",{x:"9",y:"9",width:"13",height:"13",rx:"2",ry:"2"}),e.jsx("path",{d:"M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"})]})]}),copiedLabel:e.jsxs("span",{className:"flex items-center gap-2",children:[e.jsx("span",{className:"invisible",children:"COPY PROMPT"}),e.jsx("span",{className:"absolute inset-0 flex items-center justify-center",children:"COPIED!"}),e.jsx("span",{className:"invisible",children:e.jsx("svg",{width:"14",height:"14",viewBox:"0 0 24 24",children:e.jsx("rect",{x:"9",y:"9",width:"13",height:"13"})})})]}),className:"relative text-xs font-semibold text-[#1e1e1e] bg-[#E0D400] hover:bg-[#E0D400]/80 border-none rounded px-4 py-2 cursor-pointer transition-colors shrink-0 tracking-wide font-['IBM_Plex_Mono']"})]})})}function ur({focusedEntity:t,breadcrumbItems:s,onZoomChange:r,projectRoot:a,scenarios:c,analyzedEntities:o,activeScenarioId:i,onScenarioSelect:x,onAnalyzedScenarioSelect:l,onSwitchToBuild:g,entityImports:u,glossaryFunctions:m,cachedTestResults:j={},glossaryEntries:M,entityShaMap:w,componentGroups:p,visualEntities:N,isEntityComplete:C,onReseedPreview:L}){var se;const O=t.filePath,W=t.name,[H,F]=n.useState("scenarios"),[G,z]=n.useState(null),[B,k]=n.useState(""),[y,R]=n.useState(!1),[U,Y]=n.useState(null),[Q,D]=n.useState(!1),[$,d]=n.useState(!1),[v,b]=n.useState(null);n.useEffect(()=>{F("scenarios"),z(null),D(!1),d(!1),b(null)},[t.sha]);const E=n.useMemo(()=>{const f=new Map;for(const V of m)f.set(V.name,V);return f},[m]),T=o.some(f=>f.sha===t.sha||f.filePath===O),I=!!((se=u==null?void 0:u[W])!=null&&se.length),A=n.useCallback(async f=>{if(!(!B.trim()||y)){R(!0);try{(await fetch("/api/editor-rename-scenario",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({scenarioId:f,name:B.trim()})})).ok&&z(null)}catch{}finally{R(!1)}}},[B,y]),te=n.useCallback(async f=>{if(confirm(`Delete scenario "${f.name}"?`)){Y(f.id);try{const V=f.screenshotPaths?Object.values(f.screenshotPaths):f.screenshotPath?[f.screenshotPath]:[];await fetch("/api/delete-scenario",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({scenarioId:f.id,screenshotPaths:V})})}catch{}finally{Y(null)}}},[]);if(!T&&!I){const f=c.filter(q=>q.entitySha===t.sha),V=[`The "${t.displayName}" entity (${O}) exists in the database but has not been fully analyzed. Its components and functions cannot be shown until it has import metadata.`,"","Follow these steps:","",`Step 1: Add "${W}" to the glossary if it's not already there:`,`  Check: cat .codeyam/glossary.json | grep "${W}"`,"",`  If not found, add an entry with name "${W}" and filePath "${O}" to .codeyam/glossary.json`,"","Step 2: Run import analysis:","  codeyam editor analyze-imports","","Step 3: Reload the editor page and verify components/functions appear."].join(`
+`);return e.jsx("div",{className:"flex-1 overflow-auto",children:e.jsxs("div",{className:"p-4 space-y-3",children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("button",{onClick:()=>{if(s.length>1){const q=s[s.length-2];r(q.componentName,q.entitySha)}else r()},className:"text-gray-400 hover:text-white transition-colors cursor-pointer bg-transparent border-none p-0 shrink-0 text-lg",title:"Go back",children:"←"}),e.jsx("h2",{className:"text-lg font-medium text-white m-0 font-['IBM_Plex_Sans']",children:t.displayName})]}),O&&e.jsx(ut,{filePath:O,projectRoot:a}),e.jsxs("div",{className:"py-2",children:[e.jsx("p",{className:"text-[11px] text-amber-400/80 m-0 leading-relaxed",children:"This entity has not been fully analyzed. Its components and functions cannot be displayed. Please copy and paste this prompt into Claude to fix the data."}),e.jsx("div",{className:"mt-2",children:e.jsx(Te,{content:V,label:"Copy Fix Prompt",copiedLabel:"Copied!",className:"text-[10px] text-amber-400 hover:text-amber-300 bg-transparent border border-amber-400/30 rounded px-2 py-1 cursor-pointer transition-colors"})})]}),f.length>0&&e.jsx("div",{className:"grid grid-cols-3 gap-2",children:Ce(f).map(({scenario:q,dimensionLabel:Z,screenshotPath:he,key:ve})=>e.jsx(bt,{scenarioId:q.id,screenshotPath:he,updatedAt:q.updatedAt,hasScreenshot:!!he,name:q.name,dimensionLabel:Z,isActive:q.id===i,onSelect:()=>x(q,Z??void 0)},ve))})]})})}const J=t.sha,re=c.filter(f=>!f.componentName&&(f.pageFilePath===O||J&&f.entitySha===J)),be=c.filter(f=>f.componentName===W||f.componentPath===O),ee=N.find(f=>f.filePath===O||f.name===W),le=E.get(W)||m.find(f=>f.filePath===O),xe=[...re,...be],je=n.useMemo(()=>{const f=[];if(f.push(`# Create a New Scenario for "${t.displayName}"`),f.push(""),f.push(`**Entity**: ${t.displayName}`),f.push(`**Type**: ${t.entityType}`),f.push(`**File**: ${O}`),f.push(""),xe.length>0){f.push("## Existing Scenarios");for(const V of xe)f.push(`- **${V.name}**${V.url?` — URL: ${V.url}`:""}`);f.push("")}return f.push("## Your Task"),f.push("Ask the user what scenario they would like to create. Offer two options:"),f.push("1. **Describe a scenario** — the user tells you what they want and you create it"),f.push("2. **Analyze gaps** — you review the existing scenarios and source code to suggest scenarios that would improve coverage"),f.push(""),f.push("Once you know what scenario to create, use the `codeyam editor register` CLI command to register it. Write the scenario JSON to `.codeyam/tmp/scenario.json` first, then run `codeyam editor register @.codeyam/tmp/scenario.json`."),f.join(`
+`)},[t.displayName,t.entityType,O,xe]),P=new Set((u==null?void 0:u[W])||[]),ie=I?[...p.entries()].filter(([f])=>P.has(f)):[],oe=I?N.filter(f=>P.has(f.name)&&!ie.some(([V])=>V===f.name)):[],ce=I?M.filter(f=>P.has(f.name)&&f.returnType!=="JSX.Element"&&f.returnType!=="React.ReactNode").map(f=>({name:f.name,filePath:f.filePath,description:f.description||"",testFile:f.testFile,feature:f.feature})):[],ue=ie.length>0||oe.length>0,K=ce.length>0;return e.jsx("div",{className:"flex-1 overflow-auto",children:e.jsxs("div",{className:"p-5",children:[e.jsxs("div",{className:"mb-5",children:[e.jsxs("div",{className:"flex items-center gap-2.5",children:[e.jsx("button",{onClick:()=>{if(s.length>1){const f=s[s.length-2];r(f.componentName,f.entitySha)}else r()},className:"text-gray-400 hover:text-white transition-colors cursor-pointer bg-transparent border-none p-0 shrink-0 text-xl",title:"Go back",children:"←"}),e.jsx("h2",{className:"text-xl font-medium text-white m-0 font-['IBM_Plex_Sans']",children:t.displayName})]}),t.filePath&&e.jsx("div",{className:"mt-1.5 ml-7",children:e.jsx(ut,{filePath:t.filePath,projectRoot:a})})]}),e.jsx("div",{className:"-mx-5 px-5 border-t border-b border-[#3d3d3d] flex items-center gap-6",children:[["scenarios","Scenarios"],["components","Components"],["functions","Functions"],["data-structure","Data Structure"]].map(([f,V])=>e.jsx("button",{onClick:()=>F(f),className:`text-xs font-normal uppercase tracking-wider transition-colors bg-transparent border-none cursor-pointer px-0 font-['IBM_Plex_Mono'] border-b-2 leading-none ${H===f?"text-[#D7FF63] border-b-[#D7FF63]":"text-gray-500 hover:text-gray-300 border-b-transparent"}`,style:{marginBottom:-1,paddingTop:16,paddingBottom:14},children:V},f))}),H==="scenarios"&&e.jsxs("div",{className:"space-y-3 mt-5",children:[xe.map(f=>{const V=f.id===i,q=G===f.id;return e.jsxs("div",{children:[e.jsxs("div",{onClick:()=>{q||x(f)},className:`flex items-center gap-4 p-3 rounded-lg cursor-pointer transition-colors ${V?"bg-[#1a2e1a] border border-[#D7FF63]/40":"bg-[#252525] hover:bg-[#2a2a2a] border border-transparent"}`,style:{opacity:U===f.id?.4:1},children:[f.screenshotPaths&&Object.keys(f.screenshotPaths).length>1?e.jsx("div",{className:"flex gap-2 shrink-0",children:Object.entries(f.screenshotPaths).map(([Z,he])=>e.jsxs("div",{className:"relative",children:[e.jsx(Ue,{scenarioId:f.id,screenshotPath:he,updatedAt:f.updatedAt,alt:Z,className:"rounded w-[120px] h-[75px] overflow-hidden border border-[#3d3d3d]",imgClassName:"w-full h-full object-cover"}),e.jsx("span",{className:"absolute bottom-1 right-1 text-[8px] font-medium bg-black/60 text-white px-1 py-0.5 rounded",children:Z})]},Z))}):f.screenshotPath?e.jsx(Ue,{scenarioId:f.id,screenshotPath:f.screenshotPath,updatedAt:f.updatedAt,alt:"",className:"rounded w-[160px] h-[100px] shrink-0 overflow-hidden border border-[#3d3d3d]",imgClassName:"w-full h-full object-cover"}):e.jsx("div",{className:"rounded bg-[#1a1a1a] w-[160px] h-[100px] shrink-0 flex items-center justify-center border border-[#3d3d3d]",children:e.jsx("span",{className:"text-[10px] text-gray-600",children:"No image"})}),e.jsx("div",{className:"flex-1 min-w-0",children:q?e.jsxs("form",{className:"flex items-center gap-1.5",onSubmit:Z=>{Z.preventDefault(),A(f.id)},onClick:Z=>Z.stopPropagation(),children:[e.jsx("input",{type:"text",value:B,onChange:Z=>k(Z.target.value),className:"flex-1 px-2 py-1 text-xs bg-[#1e1e1e] text-white border border-[#3d3d3d] rounded outline-none focus:border-[#005c75] min-w-0",autoFocus:!0,disabled:y}),e.jsx("button",{type:"submit",disabled:y||!B.trim(),className:"px-2 py-1 text-[10px] bg-[#005c75] text-white rounded hover:bg-[#004d63] disabled:opacity-40 cursor-pointer border-none",children:y?"...":"Save"}),e.jsx("button",{type:"button",onClick:()=>z(null),className:"px-2 py-1 text-[10px] text-gray-400 hover:text-white cursor-pointer bg-transparent border-none",children:"Cancel"})]}):e.jsxs(e.Fragment,{children:[e.jsx("span",{className:"text-xs text-gray-300 truncate block",children:f.name}),V&&e.jsxs("div",{className:"flex items-center gap-3 mt-1.5",children:[e.jsx("button",{onClick:Z=>{Z.stopPropagation(),b(v===f.id?null:f.id)},className:"text-[10px] text-[#D7FF63] hover:text-[#D7FF63]/70 cursor-pointer bg-transparent border-none p-0",children:"View Data"}),e.jsx("button",{onClick:Z=>{Z.stopPropagation(),d(!1),D(!0)},className:"text-[10px] text-gray-400 hover:text-white cursor-pointer bg-transparent border-none p-0",children:"Edit with Claude"}),e.jsx("button",{onClick:Z=>{Z.stopPropagation(),z(f.id),k(f.name)},className:"text-[10px] text-gray-400 hover:text-white cursor-pointer bg-transparent border-none p-0",children:"Rename"}),e.jsx("button",{onClick:Z=>{Z.stopPropagation(),te(f)},disabled:U===f.id,className:"text-[10px] text-red-400/60 hover:text-red-400 cursor-pointer bg-transparent border-none p-0",children:"Delete"})]})]})})]}),v===f.id&&e.jsx(sa,{scenarioId:f.id,onClose:()=>b(null),editPrompt:zs(t.displayName,t.filePath,t.entityType,xe),onReseedPreview:L})]},f.id)}),ee&&(ee.scenarios.length>0||ee.pendingScenarios.length>0)&&e.jsxs("div",{className:"space-y-1 mt-2",children:[ee.scenarios.map(f=>e.jsxs("div",{onClick:()=>l({analysisId:ee.analysisId,scenarioId:f.id,scenarioName:f.name,entitySha:ee.sha,entityName:ee.name}),className:"flex items-center gap-3 p-2 rounded cursor-pointer transition-colors hover:bg-[#252525] border border-transparent",children:[f.screenshotPath?e.jsx("img",{src:`/api/screenshot/${f.screenshotPath}`,alt:f.name,className:"rounded w-[48px] h-[48px] shrink-0 object-cover",loading:"lazy"}):e.jsx("div",{className:"rounded bg-[#1a1a1a] w-[48px] h-[48px] shrink-0 flex items-center justify-center",children:e.jsx("span",{className:"text-[8px] text-gray-600",children:"No img"})}),e.jsx("span",{className:"text-xs text-gray-300 truncate",children:f.name})]},f.id)),ee.pendingScenarios.map(f=>e.jsxs("div",{className:"flex items-center gap-3 p-2",children:[e.jsx("div",{className:"rounded bg-[#1a1a1a] w-[48px] h-[48px] shrink-0 flex items-center justify-center",children:e.jsx("span",{className:"text-[8px] text-gray-600",children:"..."})}),e.jsx("span",{className:"text-xs text-gray-500 truncate",children:f})]},f))]}),xe.length===0&&!ee&&!le&&e.jsx("div",{className:"text-xs text-gray-500 py-2",children:"No scenarios for this entity"}),e.jsxs("button",{onClick:()=>{D(!1),d(!0)},className:"flex items-center gap-2.5 mt-4 text-xs text-[#D7FF63] hover:text-[#D7FF63]/70 bg-transparent border-none cursor-pointer p-0 font-normal uppercase tracking-wider font-['IBM_Plex_Mono'] transition-colors",children:[e.jsxs("svg",{width:"20",height:"20",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round",children:[e.jsx("circle",{cx:"12",cy:"12",r:"10"}),e.jsx("line",{x1:"12",y1:"8",x2:"12",y2:"16"}),e.jsx("line",{x1:"8",y1:"12",x2:"16",y2:"12"})]}),"Create New Scenario"]}),$&&e.jsx("div",{className:"mt-2 border border-[#3d3d3d] rounded-lg overflow-hidden",children:e.jsx(Ee,{prompt:je,height:500,onClose:()=>d(!1)})}),Q&&xe.length>0&&e.jsx("div",{className:"mt-2 border border-[#3d3d3d] rounded-lg overflow-hidden",children:e.jsx(Ee,{prompt:zs(t.displayName,t.filePath,t.entityType,xe),height:500,onClose:()=>D(!1)})})]}),H==="components"&&e.jsx("div",{className:"space-y-3",children:ue?e.jsxs(e.Fragment,{children:[ie.map(([f,V])=>e.jsx("div",{children:w.has(f)?e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"py-1",children:e.jsx("button",{onClick:()=>r(f,w.get(f)),className:"text-[11px] font-medium text-gray-400 cursor-pointer hover:text-white transition-colors bg-transparent border-none p-0",children:f})}),V.length>0&&e.jsx("div",{className:"grid grid-cols-3 gap-2 pt-1",children:Ce(V).map(({scenario:q,dimensionLabel:Z,screenshotPath:he,key:ve})=>e.jsx(bt,{scenarioId:q.id,screenshotPath:he,updatedAt:q.updatedAt,hasScreenshot:!!he,name:q.name,dimensionLabel:Z,isActive:q.id===i,onSelect:()=>x(q,Z??void 0)},ve))})]}):e.jsxs("div",{className:"py-2",children:[e.jsx("span",{className:"text-[11px] font-medium text-gray-500",children:f}),e.jsx("p",{className:"text-[10px] text-amber-400/80 m-0 mt-1.5 leading-relaxed",children:"There is data missing that is required to show the scenarios for this component. Please copy and paste this prompt into Claude to ask Claude to fix the data."}),e.jsx("div",{className:"mt-1.5",children:e.jsx(hr,{name:f,scenarios:V})})]})},f)),oe.map(f=>e.jsxs("div",{children:[e.jsx("div",{className:"py-1",children:e.jsx("button",{onClick:()=>r(f.name,f.sha),className:"text-[11px] font-medium text-gray-400 cursor-pointer hover:text-white transition-colors bg-transparent border-none p-0",children:f.name})}),(f.scenarios.length>0||f.pendingScenarios.length>0)&&e.jsxs("div",{className:"grid grid-cols-3 gap-2 pt-1",children:[f.scenarios.map(V=>e.jsx(bt,{imgSrc:V.screenshotPath?`/api/screenshot/${V.screenshotPath}`:null,name:V.name,isActive:!1,onSelect:()=>l({analysisId:f.analysisId,scenarioId:V.id,scenarioName:V.name,entitySha:f.sha,entityName:f.name})},V.id)),f.pendingScenarios.map(V=>e.jsx("div",{className:"px-2.5 py-1 bg-[#2a2a2a] text-gray-400 text-[10px] rounded-full",title:V,children:V},V))]})]},f.sha))]}):e.jsx("div",{className:"text-xs text-gray-500 py-2",children:"No component dependencies"})}),H==="functions"&&e.jsxs("div",{className:"space-y-3",children:[le&&le.testFile&&e.jsxs("div",{children:[e.jsxs("div",{className:"flex items-center gap-1.5",children:[e.jsx("span",{className:"text-[10px] text-gray-500",children:"Tests:"}),e.jsx(ut,{filePath:le.testFile,projectRoot:a})]}),e.jsx(Vt,{testFile:le.testFile,entityName:W,cachedResult:j[le.testFile]})]}),K?e.jsx("div",{children:ce.map(f=>e.jsxs("div",{className:"mt-2",children:[e.jsx("div",{className:"py-1",children:e.jsx("button",{onClick:()=>r(f.name,w.get(f.name)),className:"text-[11px] font-medium text-gray-400 cursor-pointer hover:text-white transition-colors bg-transparent border-none p-0",children:f.name})}),e.jsx(ut,{filePath:f.filePath,projectRoot:a}),f.testFile&&e.jsxs("div",{className:"mt-0.5",children:[e.jsxs("div",{className:"flex items-center gap-1.5",children:[e.jsx("span",{className:"text-[9px] text-gray-600",children:"test:"}),e.jsx("span",{className:"text-[9px] text-gray-500 truncate",children:f.testFile})]}),e.jsx(Vt,{testFile:f.testFile,entityName:f.name,cachedResult:j[f.testFile]})]})]},f.name))}):le!=null&&le.testFile?null:e.jsx("div",{className:"text-xs text-gray-500 py-2",children:"No function dependencies"})]}),H==="data-structure"&&e.jsx(ra,{})]})})}function sa({scenarioId:t,onClose:s,editPrompt:r,onReseedPreview:a}){const[c,o]=n.useState(null),[i,x]=n.useState([]),[l,g]=n.useState(!0),[u,m]=n.useState(null),[j,M]=n.useState(null),[w,p]=n.useState(!1),[N,C]=n.useState(null),[L,O]=n.useState(""),[W,H]=n.useState(""),[F,G]=n.useState(0),[z,B]=n.useState(!1),[k,y]=n.useState(!1),R=n.useRef(null);if(n.useEffect(()=>{g(!0),m(null),Promise.all([fetch("/api/editor-schema").then(b=>b.json()).catch(()=>({models:[]})),fetch(`/api/editor-scenario-data?scenarioId=${t}`).then(b=>b.json())]).then(([b,E])=>{const T=b.source==="explicit"?Yn(b.dataStructures||[],E):Un(b.models||[],E);o(T.data),x(T.tabs),T.tabs.length>0&&!j&&M(T.tabs[0].dataKey)}).catch(()=>m("Failed to load scenario data")).finally(()=>g(!1))},[t,F]),l)return e.jsx("div",{className:"mt-1 mb-1 border border-[#3d3d3d] rounded-lg p-4 text-xs text-gray-400",children:"Loading mock data..."});if(u||!c)return e.jsx("div",{className:"mt-1 mb-1 border border-[#3d3d3d] rounded-lg p-4 text-xs text-red-400",children:u||"No data available"});if(i.length===0)return e.jsxs("div",{className:"mt-1 mb-1 border border-[#3d3d3d] rounded-lg p-4 text-xs text-gray-500",children:["No mock data found for this scenario.",e.jsx("button",{onClick:s,className:"ml-2 text-gray-400 hover:text-white bg-transparent border-none cursor-pointer text-[10px]",children:"Dismiss"})]});const U=i.find(b=>b.dataKey===j)||i[0],Y=j?c[j]||[]:[],Q=Gn(Y,U.schemaFields),D=Jn(Q,Y,U.schemaFields),$=Kn(Q,U.schemaFields);return e.jsxs("div",{className:"mt-1 mb-1 border border-[#3d3d3d] rounded-lg overflow-hidden",children:[e.jsxs("div",{className:"flex items-center gap-1.5 px-2 py-1.5 bg-[#252525] border-b border-[#3d3d3d] flex-wrap",children:[i.map(b=>{const E=j===b.dataKey,T=b.category==="datastore"?E?"text-[#D7FF63] bg-[#D7FF63]/15 border-[#D7FF63]/40":"text-[#D7FF63]/60 bg-transparent border-transparent hover:text-[#D7FF63]/80":b.category==="mock-api"?E?"text-blue-400 bg-blue-400/15 border-blue-400/40":"text-blue-400/60 bg-transparent border-transparent hover:text-blue-400/80":E?"text-white bg-[#3d3d3d] border-[#4d4d4d]":"text-gray-500 bg-transparent border-transparent hover:text-gray-300";return e.jsx("button",{onClick:()=>M(b.dataKey),className:`px-2.5 py-0.5 text-[10px] font-semibold uppercase tracking-wider rounded cursor-pointer border transition-colors ${T}`,children:b.label},b.dataKey)}),e.jsx("div",{className:"flex-1"}),e.jsx("button",{onClick:s,className:"w-5 h-5 flex items-center justify-center text-gray-500 hover:text-white bg-[#3d3d3d] hover:bg-[#4d4d4d] rounded-full border-none cursor-pointer text-xs transition-colors",title:"Close",children:"×"})]}),(U.description||U.category)&&e.jsxs("div",{className:"flex items-center gap-2 px-3 py-1.5 bg-[#1e1e1e] border-b border-[#2d2d2d]",children:[U.category&&e.jsx("span",{className:`text-[9px] rounded px-1.5 py-0 border ${U.category==="datastore"?"text-[#D7FF63]/80 bg-[#D7FF63]/10 border-[#D7FF63]/30":U.category==="mock-api"?"text-blue-400/80 bg-blue-400/10 border-blue-400/30":"text-gray-400 bg-gray-700/30 border-gray-600/30"}`,children:U.category==="mock-api"?"API Mock":U.category}),U.description&&e.jsx("span",{className:"text-[10px] text-gray-500",children:U.description})]}),Q.length===0?e.jsx("div",{className:"px-3 py-4 text-[10px] text-gray-500 text-center",children:"No columns defined for this table"}):e.jsx("div",{className:"overflow-x-auto max-h-[300px] overflow-y-auto",children:e.jsxs("table",{className:"w-full text-[10px] border-collapse table-fixed",children:[e.jsx("thead",{children:e.jsxs("tr",{className:"bg-[#1e1e1e] sticky top-0 z-10",children:[e.jsx("th",{className:"text-right text-gray-600 font-normal px-2 py-1.5 border-b border-[#3d3d3d] w-8",children:"#"}),Q.map(b=>e.jsxs("th",{className:"text-left px-2 py-1.5 border-b border-[#3d3d3d] whitespace-nowrap overflow-hidden",children:[b===$&&e.jsx("span",{className:"inline-block text-[8px] font-bold text-white bg-[#D7FF63] rounded px-1 py-0 mr-1.5 align-middle",children:"PK"}),e.jsx("span",{className:"text-gray-300 font-medium",children:b}),e.jsx("span",{className:"text-gray-600 font-normal ml-1",children:D[b]})]},b))]})}),e.jsx("tbody",{children:Y.map((b,E)=>e.jsxs("tr",{className:"border-b border-[#2d2d2d] hover:bg-[#252525] group/row",children:[e.jsx("td",{className:"text-right text-gray-600 px-2 py-1.5 w-8 select-none",children:E+1}),Q.map(T=>e.jsxs("td",{className:`px-2 py-1.5 overflow-hidden relative group/cell ${T===$?"text-[#D7FF63] font-medium":"text-gray-300"}`,title:String(b[T]??""),children:[e.jsx("span",{className:"truncate block whitespace-nowrap",children:b[T]===null?e.jsx("span",{className:"text-gray-600 italic",children:"null"}):typeof b[T]=="object"?e.jsx("span",{className:"text-gray-500",children:JSON.stringify(b[T])}):typeof b[T]=="number"?e.jsx("span",{className:"text-amber-400",children:String(b[T])}):String(b[T])}),e.jsx("button",{onClick:I=>{I.stopPropagation(),C({row:E,col:T});const A=b[T]===null?"":typeof b[T]=="object"?JSON.stringify(b[T]):String(b[T]);O(A),H(A)},className:"absolute right-1 top-1/2 -translate-y-1/2 opacity-0 group-hover/cell:opacity-100 text-gray-500 hover:text-white bg-[#252525] border border-[#4d4d4d] rounded cursor-pointer p-0.5 transition-opacity",title:"Edit",children:e.jsxs("svg",{width:"9",height:"9",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[e.jsx("path",{d:"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7"}),e.jsx("path",{d:"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z"})]})})]},T))]},E))})]})}),N&&e.jsxs("div",{className:"border-t border-[#3d3d3d] bg-[#1e1e1e] px-3 py-2",children:[e.jsx("div",{className:"flex items-center gap-2 mb-1.5",children:e.jsxs("span",{className:"text-[10px] text-gray-400",children:["Editing"," ",e.jsx("strong",{className:"text-gray-200",children:N.col})," in row ",N.row+1]})}),e.jsx("textarea",{value:L,onChange:b=>{const E=b.target.value;O(E),R.current&&clearTimeout(R.current),R.current=setTimeout(()=>{v(U.dataKey,N.row,N.col,E)},600)},className:"w-full px-2 py-1.5 text-[11px] bg-[#252525] text-white border border-[#4d4d4d] rounded outline-none focus:border-[#D7FF63]/50 resize-y min-h-[60px] max-h-[200px] font-mono",autoFocus:!0,rows:L.length>100?4:2,onKeyDown:b=>{b.key==="Escape"&&d(),b.key==="Enter"&&(b.metaKey||b.ctrlKey)&&(R.current&&clearTimeout(R.current),v(U.dataKey,N.row,N.col,L),C(null))}}),e.jsxs("div",{className:"flex items-center gap-2 mt-1.5",children:[e.jsx("button",{onClick:()=>{R.current&&clearTimeout(R.current),v(U.dataKey,N.row,N.col,L),C(null)},className:"px-3 py-1 text-[10px] font-medium text-[#1e1e1e] bg-[#D7FF63] rounded cursor-pointer border-none hover:bg-[#D7FF63]/80 transition-colors",children:"Save"}),e.jsx("button",{onClick:()=>d(),className:"px-3 py-1 text-[10px] text-gray-400 hover:text-white bg-transparent border-none cursor-pointer",children:"Cancel"}),e.jsxs("span",{className:"text-[9px] text-gray-600 ml-auto",children:["⌘","+Enter to save, Esc to cancel"]})]})]}),z&&!N&&e.jsxs("div",{className:"border-t border-[#3d3d3d] bg-amber-500/5 px-3 py-2 flex items-center gap-2",children:[e.jsx("span",{className:"text-[10px] text-amber-400/80",children:"Data modified — recapture to update the screenshot"}),e.jsx("div",{className:"flex-1"}),e.jsx("button",{onClick:()=>{y(!0),Promise.resolve().then(()=>(a&&a(),new Promise(b=>setTimeout(b,2e3)))).then(()=>fetch("/api/editor-capture-scenario",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({scenarioId:t})})).then(()=>B(!1)).catch(()=>{}).finally(()=>y(!1))},disabled:k,className:"px-3 py-1 text-[10px] font-medium text-white bg-amber-600 rounded cursor-pointer border-none hover:bg-amber-500 disabled:opacity-50 transition-colors",children:k?"Recapturing...":"Recapture Screenshot"})]}),r&&e.jsxs("div",{className:"border-t border-[#3d3d3d]",children:[e.jsx("div",{className:"flex justify-center py-2",children:e.jsx("button",{onClick:()=>p(!w),className:"px-3 py-1 text-[10px] font-medium text-[#D7FF63] border border-[#D7FF63]/40 rounded cursor-pointer transition-colors hover:bg-[#D7FF63]/10 bg-transparent",children:w?"Hide Claude":"Edit with Claude"})}),w&&e.jsx("div",{className:"border-t border-[#3d3d3d]",children:e.jsx(Ee,{prompt:r,height:400,onClose:()=>{p(!1),G(b=>b+1)}})})]})]});function d(){if(R.current&&clearTimeout(R.current),!!N){if(L!==W){if(c&&j){const b=c[j];if(b&&b[N.row]){let E=W;W===""?E="":W==="null"?E=null:W==="true"?E=!0:W==="false"?E=!1:isNaN(Number(W))||(E=Number(W));const T=[...b];T[N.row]={...T[N.row],[N.col]:E},o({...c,[j]:T})}}fetch("/api/editor-save-scenario-data",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({scenarioId:t,table:U.dataKey,rowIndex:N.row,column:N.col,value:W})}).then(()=>{a&&a()}).catch(()=>{})}C(null),B(!1)}}async function v(b,E,T,I){if(c&&j){const A=c[j];if(A&&A[E]){let te=I;I==="null"?te=null:I==="true"?te=!0:I==="false"?te=!1:I!==""&&!isNaN(Number(I))&&(te=Number(I));const J=[...A];J[E]={...J[E],[T]:te},o({...c,[j]:J})}}B(!0);try{await fetch("/api/editor-save-scenario-data",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({scenarioId:t,table:b,rowIndex:E,column:T,value:I})}),a&&a()}catch{}}}function ra(){const[t,s]=n.useState([]),[r,a]=n.useState([]),[c,o]=n.useState(!0),[i,x]=n.useState(null),[l,g]=n.useState(!1),[u,m]=n.useState(null);if(n.useEffect(()=>{fetch("/api/editor-schema").then(p=>p.json()).then(p=>{var N,C;m(p.source||null),p.source==="explicit"?(a(p.dataStructures||[]),((N=p.dataStructures)==null?void 0:N.length)>0&&x(p.dataStructures[0].name)):(s(p.models||[]),((C=p.models)==null?void 0:C.length)>0&&x(p.models[0].name))}).catch(()=>{}).finally(()=>o(!1))},[]),c)return e.jsx("div",{className:"text-xs text-gray-400 py-4",children:"Loading schema..."});if(!(u==="explicit"?r.length>0:t.length>0))return e.jsx("div",{className:"text-xs text-gray-500 py-4",children:"No data structure found. Use the chat below to have Claude analyze your codebase and generate one."});const M=u==="explicit"?oa(r):aa(t,u);return u==="explicit"?e.jsxs("div",{className:"space-y-2",children:[r.map(p=>{const N=i===p.name,C=p.category==="datastore"?"text-[#D7FF63]/80 bg-[#D7FF63]/10 border border-[#D7FF63]/30":p.category==="mock-api"?"text-blue-400/80 bg-blue-400/10 border border-blue-400/30":"text-gray-400 bg-gray-700/30 border border-gray-600/30";return e.jsxs("div",{className:"border border-[#3d3d3d] rounded-lg overflow-hidden",children:[e.jsxs("button",{onClick:()=>x(N?null:p.name),className:"w-full flex items-center gap-2 px-3 py-2 bg-[#252525] text-left cursor-pointer border-none transition-colors hover:bg-[#2a2a2a]",children:[e.jsx("svg",{className:`text-gray-500 transition-transform shrink-0 ${N?"rotate-90":""}`,width:"8",height:"8",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"3",strokeLinecap:"round",strokeLinejoin:"round",children:e.jsx("path",{d:"M9 18l6-6-6-6"})}),e.jsx("span",{className:"text-xs font-semibold text-gray-200",children:p.name}),p.order===1&&e.jsx("span",{className:"text-[9px] text-amber-400/70",children:"Primary"}),e.jsx("span",{className:`text-[9px] rounded px-1.5 py-0 ${C}`,children:p.category==="mock-api"?"API Mock":p.category}),e.jsxs("span",{className:"text-[10px] text-gray-500",children:[p.fields.length," fields"]})]}),N&&e.jsxs("div",{className:"border-t border-[#3d3d3d]",children:[p.description&&e.jsx("div",{className:"px-3 py-1.5 text-[10px] text-gray-400 border-b border-[#2d2d2d]",children:p.description}),e.jsx("table",{className:"w-full text-[10px]",children:e.jsx("tbody",{children:p.fields.map(L=>e.jsxs("tr",{className:"border-b border-[#2d2d2d] last:border-b-0",children:[e.jsxs("td",{className:"px-3 py-1.5 text-gray-300 font-medium w-1/3",children:[L.isId&&e.jsx("span",{className:"text-amber-400 mr-1",title:"Primary key",children:"•"}),L.name]}),e.jsx("td",{className:"px-3 py-1.5 text-gray-500",children:L.type}),e.jsx("td",{className:"px-3 py-1.5 text-gray-600 w-16 text-right",children:L.required===!1?"optional":""})]},L.name))})})]})]},p.name)}),e.jsx("div",{className:"flex justify-center pt-2",children:e.jsx("button",{onClick:()=>g(!l),className:"px-4 py-1.5 text-[11px] font-medium text-[#D7FF63] border border-[#D7FF63]/40 rounded-lg cursor-pointer transition-colors hover:bg-[#D7FF63]/10 bg-transparent",children:l?"Hide Chat":"Chat with Claude about the Data Structure"})}),l&&e.jsx("div",{className:"border border-[#3d3d3d] rounded-lg overflow-hidden",children:e.jsx(Ee,{prompt:M,height:500,onClose:()=>g(!1)})})]}):e.jsxs("div",{className:"space-y-2",children:[e.jsx(na,{prompt:`Analyze this codebase and generate a .codeyam/data-structure.json file that describes the app's data structures.
+
+The file should be a JSON array where each entry has:
+- "name": display name for the data structure
+- "description": what this data represents and how it's used
+- "category": either "datastore" (persisted data like DB tables, localStorage) or "mock-api" (mocked external API responses)
+- "order": integer for display order (1 = primary/most important)
+- "fields": array of { "name", "type", "isId" (boolean), "required" (boolean) }
+
+Look at:
+- Database schemas (prisma/schema.prisma, SQLite, etc.)
+- TypeScript interfaces/types used for stored data
+- localStorage usage patterns
+- API response types that need mocking
+- Do NOT include types that are only used as component props
+
+Write the file to .codeyam/data-structure.json.`}),t.map(p=>{const N=i===p.name,C=p.fields.filter(O=>O.isRelation),L=p.fields.filter(O=>!O.isRelation);return e.jsxs("div",{className:"border border-[#3d3d3d] rounded-lg overflow-hidden",children:[e.jsxs("button",{onClick:()=>x(N?null:p.name),className:"w-full flex items-center gap-2 px-3 py-2 bg-[#252525] text-left cursor-pointer border-none transition-colors hover:bg-[#2a2a2a]",children:[e.jsx("svg",{className:`text-gray-500 transition-transform ${N?"rotate-90":""}`,width:"8",height:"8",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"3",strokeLinecap:"round",strokeLinejoin:"round",children:e.jsx("path",{d:"M9 18l6-6-6-6"})}),e.jsx("span",{className:"text-xs font-semibold text-gray-200",children:p.name}),e.jsxs("span",{className:"text-[10px] text-gray-500",children:[L.length," fields"]}),C.length>0&&e.jsxs("span",{className:"text-[10px] text-[#D7FF63]/70",children:[C.length," relation",C.length>1?"s":""]})]}),N&&e.jsx("div",{className:"border-t border-[#3d3d3d]",children:e.jsx("table",{className:"w-full text-[10px]",children:e.jsxs("tbody",{children:[L.map(O=>e.jsxs("tr",{className:"border-b border-[#2d2d2d] last:border-b-0",children:[e.jsxs("td",{className:"px-3 py-1.5 text-gray-300 font-medium w-1/3",children:[O.isId&&e.jsx("span",{className:"text-amber-400 mr-1",title:"Primary key",children:"•"}),O.name]}),e.jsxs("td",{className:"px-3 py-1.5 text-gray-500",children:[O.type,O.isOptional&&"?",O.isList&&"[]"]})]},O.name)),C.length>0&&e.jsx("tr",{children:e.jsxs("td",{colSpan:2,className:"px-3 py-1.5 border-t border-[#3d3d3d]",children:[e.jsx("span",{className:"text-[9px] text-gray-500 uppercase tracking-wider",children:"Relations"}),e.jsx("div",{className:"mt-1 flex flex-wrap gap-1.5",children:C.map(O=>e.jsx("button",{onClick:()=>x(O.relatedModel??null),className:"text-[10px] text-[#D7FF63] hover:text-[#D7FF63]/80 bg-[#D7FF63]/10 border border-[#D7FF63]/30 rounded px-1.5 py-0.5 cursor-pointer transition-colors",children:O.isList?`${O.relatedModel}[]`:O.relatedModel},O.name))})]})})]})})})]},p.name)}),e.jsx("div",{className:"flex justify-center pt-2",children:e.jsx("button",{onClick:()=>g(!l),className:"px-4 py-1.5 text-[11px] font-medium text-[#D7FF63] border border-[#D7FF63]/40 rounded-lg cursor-pointer transition-colors hover:bg-[#D7FF63]/10 bg-transparent",children:l?"Hide Chat":"Chat with Claude about the Data Structure"})}),l&&e.jsx("div",{className:"border border-[#3d3d3d] rounded-lg overflow-hidden",children:e.jsx(Ee,{prompt:M,height:500,onClose:()=>g(!1)})})]})}function na({prompt:t}){const[s,r]=n.useState(!1),[a,c]=n.useState(()=>typeof window>"u"?!1:localStorage.getItem("codeyam-ds-migration-dismissed")==="1");return a?null:e.jsxs("div",{className:"relative border border-amber-500/30 bg-amber-500/5 rounded-lg p-3 pr-8",children:[e.jsx("button",{onClick:()=>{c(!0),localStorage.setItem("codeyam-ds-migration-dismissed","1")},className:"absolute top-2 right-2 text-gray-500 hover:text-white bg-transparent border-none cursor-pointer p-0.5",title:"Dismiss",children:e.jsx("svg",{width:"10",height:"10",viewBox:"0 0 12 12",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",children:e.jsx("path",{d:"M2 2l8 8M10 2l-8 8"})})}),e.jsx("p",{className:"text-[11px] text-amber-400/90 m-0 font-['IBM_Plex_Sans'] leading-relaxed",children:"This data structure was auto-detected. For better results, ask Claude to generate an explicit data structure config."}),e.jsx("button",{onClick:()=>{navigator.clipboard.writeText(t),r(!0),setTimeout(()=>r(!1),2e3)},className:"mt-2 px-3 py-1 text-[10px] font-medium text-amber-400 border border-amber-500/40 rounded cursor-pointer transition-colors hover:bg-amber-500/10 bg-transparent",children:s?"Copied!":"Copy prompt for Claude"})]})}function aa(t,s){const r=t.map(c=>{const o=c.fields.map(i=>{let x=`  ${i.name}: ${i.type}`;return i.isList&&(x+="[]"),i.isOptional&&(x+=" (optional)"),i.isId&&(x+=" [PK]"),i.isRelation&&(x+=` → ${i.relatedModel}`),x}).join(`
+`);return`${c.name}:
+${o}`}).join(`
+
+`);return`You are helping the user understand and modify the data structure of their application.
+
+${s==="prisma"?"The data structure is defined in `prisma/schema.prisma`.":s==="typescript"?"The data structure is defined via TypeScript interfaces in the `src/` directory.":"The data structure was inferred from the project."}
+
+Here is the current data structure:
+
+${r}
+
+Wait for the user to tell you what they want to do. They might want to:
+- Add new models/tables
+- Add or modify fields on existing models
+- Understand relationships between models
+- Get advice on data modeling
+- Generate or modify seed data for scenarios
+
+When making changes:
+${s==="prisma"?"- Edit `prisma/schema.prisma` directly":"- Edit the TypeScript interface files in `src/`"}
+- After schema changes, update any affected scenario seed data
+- Explain the impact of changes on existing data
+
+Do NOT start making changes until the user tells you what they want.`}function oa(t){return`You are helping the user understand and modify the data structure of their application.
+
+The data structure is explicitly defined in \`.codeyam/data-structure.json\`.
+
+Here is the current data structure:
+
+${t.map(r=>{const a=r.category==="datastore"?"[datastore]":r.category==="mock-api"?"[mock-api]":`[${r.category}]`,c=r.fields.map(i=>{let x=`  ${i.name}: ${i.type}`;return i.isId&&(x+=" [PK]"),i.required===!1&&(x+=" (optional)"),x}).join(`
+`),o=r.description?`  ${r.description}`:"";return`${r.name} ${a}${o?`
+${o}`:""}
+${c}`}).join(`
+
+`)}
+
+Each data structure has:
+- **name**: display name
+- **description**: what this data represents
+- **category**: "datastore" (persisted data) or "mock-api" (mocked external API)
+- **order**: display order (1 = primary)
+- **fields**: array of { name, type, isId, required }
+
+Wait for the user to tell you what they want to do. They might want to:
+- Add new data structures (tables, API mocks)
+- Add or modify fields
+- Change categories or descriptions
+- Understand how data flows through the app
+
+When making changes:
+- Edit \`.codeyam/data-structure.json\` directly
+- Keep the file as a JSON array sorted by order
+- Update descriptions to reflect changes
+- After data structure changes, update affected scenario seed data
+
+Do NOT start making changes until the user tells you what they want.`}function ia(t,s,r=new Date){const a={"1d":1,"3d":3,"7d":7,"30d":30}[s],c=new Date(r);c.setDate(c.getDate()-a);const o=c.toISOString().split("T")[0],i=t.filter(m=>m.date>=o),x=new Set(i.map(m=>m.commitSha).filter(Boolean)),l=new Map;for(const m of i)if(m.scenarioScreenshots)for(const j of m.scenarioScreenshots){l.has(j.name)||l.set(j.name,[]);const M=l.get(j.name);M.some(w=>w.path===j.path)||M.push({path:j.path,time:m.time})}for(const m of l.values())m.sort((j,M)=>j.time.localeCompare(M.time));const g=[],u=new Map;for(const[m,j]of l){const M=m.indexOf(" - ");if(M!==-1){const w=m.slice(0,M);u.has(w)||u.set(w,[]),u.get(w).push({name:m,screenshots:j})}else g.push({name:m,screenshots:j})}return{commitCount:x.size,entryCount:i.length,appScenarios:g,componentGroups:u,totalScenarios:l.size}}function la(t){const s=new Map;for(const r of[...t].reverse()){const a=s.get(r.date)||[];a.push(r),s.set(r.date,a)}return s}function ca(t){const s=new Map;for(const r of t){let a;if("componentName"in r&&r.componentName)a=r.componentName;else if("componentName"in r&&r.componentName===null)a="App";else{const o=r.name.indexOf(" - ");a=o!==-1?r.name.slice(0,o):"App"}const c=s.get(a)||[];c.push(r),s.set(a,c)}return[...s.entries()].sort(([r],[a])=>r==="App"?-1:a==="App"?1:r.localeCompare(a))}function Us({status:t}){const s={new:{label:"New",bg:"bg-green-900/40",text:"text-green-400",border:"border-green-700/50"},edited:{label:"Edited",bg:"bg-blue-900/40",text:"text-blue-400",border:"border-blue-700/50"},impacted:{label:"Impacted",bg:"bg-amber-900/40",text:"text-amber-400",border:"border-amber-700/50"}}[t.status];return e.jsx("span",{className:`${s.bg} ${s.text} ${s.border} border text-[8px] font-bold px-1 py-0 rounded-full uppercase tracking-wider`,children:s.label})}function da({testFile:t,entityName:s,cachedResult:r}){const{results:a,isRunning:c,runTests:o,stale:i}=Jt(t,r);if(c&&!a)return e.jsxs("div",{className:"pt-1 flex items-center gap-1.5",children:[e.jsx("span",{className:"w-1.5 h-1.5 rounded-full bg-[#00a0c4] animate-pulse"}),e.jsx("span",{className:"text-[10px] text-gray-500",children:"Running tests..."})]});if(!a)return null;if(a.status==="error")return e.jsx("div",{className:"pt-1",children:e.jsx("span",{className:"text-[10px] text-red-400",children:a.errorMessage})});const x=s?a.testCases.filter(u=>u.fullName.startsWith(s)):a.testCases,l=x.length>0?x:a.testCases;if(l.length===0)return null;const g=s?`${s} > `:"";return e.jsxs("div",{className:"pt-1 space-y-0.5",children:[l.map(u=>{var j;const m=g&&u.fullName.startsWith(g)?u.fullName.slice(g.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:m})]}),u.status==="failed"&&((j=u.failureMessages)==null?void 0:j.map((M,w)=>e.jsx("div",{className:"pl-4 text-[9px] text-red-400/70 truncate max-w-full",title:M,children:M.split(`
+`)[0]},w)))]},u.fullName)}),e.jsxs("div",{className:"flex items-center gap-2 mt-1",children:[e.jsx("button",{onClick:o,disabled:c,className:"text-[10px] text-[#00a0c4] hover:text-[#38bdf8] transition-colors cursor-pointer disabled:opacity-50 bg-transparent border-none p-0",children:c?"Running...":i?"Re-run (stale)":"Re-run"}),i&&!c&&e.jsx("span",{className:"w-1.5 h-1.5 rounded-full bg-amber-400 shrink-0",title:"Source or test file changed since last run"})]})]})}const xa={added:"text-green-400",untracked:"text-green-400",modified:"text-blue-400",renamed:"text-purple-400"};function pa({files:t}){return e.jsxs("div",{className:"border-t border-[#3d3d3d] pt-2 mt-1",children:[e.jsxs("span",{className:"text-[10px] font-semibold text-gray-500 uppercase tracking-wider",children:["Modified Files (",t.length,")"]}),e.jsx("div",{className:"mt-1 space-y-0.5 max-h-[150px] overflow-auto",children:t.map(s=>e.jsxs("div",{className:"flex items-center gap-1.5",children:[e.jsx("span",{className:`text-[9px] font-bold uppercase w-[14px] text-center ${xa[s.status]||"text-gray-500"}`,children:s.status==="added"||s.status==="untracked"?"A":s.status==="modified"?"M":s.status==="renamed"?"R":"?"}),e.jsx("span",{className:"text-[10px] text-gray-400 truncate font-mono",children:s.path})]},s.path))})]})}const ha={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 ua(t){try{return new Date(t).toLocaleTimeString([],{hour:"2-digit",minute:"2-digit"})}catch{return""}}function ma(t){try{return new Date(t+"T00:00:00").toLocaleDateString([],{weekday:"long",month:"long",day:"numeric"})}catch{return t}}const fa=[{value:"1d",label:"1 Day"},{value:"3d",label:"3 Days"},{value:"7d",label:"1 Week"},{value:"30d",label:"1 Month"}];function ga({entries:t,onScreenshotClick:s}){const[r,a]=n.useState(!1),[c,o]=n.useState("7d"),i=n.useMemo(()=>ia(t,c),[t,c]);return e.jsxs("div",{className:"bg-[#2d2d2d] rounded-lg overflow-hidden",children:[e.jsxs("button",{onClick:()=>a(!r),className:"w-full flex items-center justify-between px-3 py-2.5 cursor-pointer bg-transparent border-none text-left hover:bg-[#333] transition-colors",children:[e.jsx("span",{className:"text-xs font-semibold text-gray-400 uppercase tracking-wider",children:"Timeframe Summary"}),e.jsx("span",{className:`text-gray-500 text-[10px] transition-transform ${r?"rotate-180":""}`,children:"▼"})]}),r&&e.jsxs("div",{className:"px-3 pb-3 space-y-3 border-t border-[#3d3d3d]",children:[e.jsx("div",{className:"flex gap-1 pt-2.5",children:fa.map(x=>e.jsx("button",{onClick:()=>o(x.value),className:`px-2.5 py-1 text-[10px] font-medium rounded transition-colors cursor-pointer border ${c===x.value?"bg-[#005c75] text-white border-[#005c75]":"bg-transparent text-gray-400 border-[#4d4d4d] hover:text-white hover:border-[#005c75]"}`,children:x.label},x.value))}),e.jsxs("div",{className:"flex items-center gap-3 text-[11px] text-gray-400",children:[e.jsxs("span",{children:[e.jsx("span",{className:"text-white font-medium",children:i.commitCount})," ",i.commitCount===1?"commit":"commits"]}),e.jsx("span",{className:"text-[#3d3d3d]",children:"|"}),e.jsxs("span",{children:[e.jsx("span",{className:"text-white font-medium",children:i.totalScenarios})," ",i.totalScenarios===1?"scenario changed":"scenarios changed"]}),e.jsx("span",{className:"text-[#3d3d3d]",children:"|"}),e.jsxs("span",{children:[e.jsx("span",{className:"text-white font-medium",children:i.entryCount})," ",i.entryCount===1?"entry":"entries"]})]}),i.totalScenarios===0?e.jsx("p",{className:"text-[11px] text-gray-500 italic m-0",children:"No scenario changes in this period."}):e.jsxs("div",{className:"space-y-3",children:[i.appScenarios.length>0&&e.jsxs("div",{className:"space-y-2",children:[e.jsx("span",{className:"text-[10px] font-semibold text-gray-500 uppercase tracking-wider",children:"Application"}),i.appScenarios.map(x=>e.jsx(Vs,{scenario:x,onScreenshotClick:s},x.name))]}),i.componentGroups.size>0&&e.jsxs("div",{className:"space-y-2",children:[e.jsx("span",{className:"text-[10px] font-semibold text-gray-500 uppercase tracking-wider",children:"Components"}),[...i.componentGroups.entries()].sort(([x],[l])=>x.localeCompare(l)).map(([x,l])=>e.jsxs("div",{className:"space-y-1.5",children:[e.jsx("span",{className:"text-[10px] font-medium text-gray-400",children:x}),l.map(g=>e.jsx(Vs,{scenario:g,onScreenshotClick:s},g.name))]},x))]})]})]})]})}function Vs({scenario:t,onScreenshotClick:s}){const r=t.name.indexOf(" - "),a=r!==-1?t.name.slice(r+3):t.name;return e.jsxs("div",{className:"pl-2",children:[e.jsx("span",{className:"text-[10px] text-gray-500 block mb-1",children:a}),e.jsx("div",{className:"flex items-center gap-1 overflow-x-auto",children:t.screenshots.map((c,o)=>e.jsxs("div",{className:"flex items-center shrink-0",children:[o>0&&e.jsx("span",{className:"text-[8px] text-gray-600 mx-0.5",children:"→"}),e.jsx("button",{type:"button",className:"w-16 h-16 rounded overflow-hidden border border-[#3d3d3d] hover:border-[#00a0c4] bg-[#1e1e1e] shrink-0 flex items-center justify-center cursor-pointer transition-colors",title:`${t.name} (${new Date(c.time).toLocaleDateString()})`,onClick:()=>s==null?void 0:s({screenshotUrl:`/api/editor-journal-image/${c.path.replace("screenshots/","")}`,commitSha:null,commitMessage:null,scenarioName:t.name}),children:e.jsx("img",{src:`/api/editor-journal-image/${c.path.replace("screenshots/","")}`,alt:t.name,className:"max-w-full max-h-full object-contain",loading:"lazy"})})]},c.path))})]})}function ba({isActive:t,onScreenshotClick:s,glossaryFunctions:r=[],cachedTestResults:a={}}){const[c,o]=n.useState([]),[i,x]=n.useState(!0),[l,g]=n.useState(new Set),u=n.useCallback(M=>{g(w=>{const p=new Set(w);return p.has(M)?p.delete(M):p.add(M),p})},[]),m=n.useCallback(async()=>{try{const M=await fetch("/api/editor-journal");if(M.ok){const w=await M.json();o(w.entries||[])}}catch{}finally{x(!1)}},[]);if(n.useEffect(()=>{m()},[m]),n.useEffect(()=>{t&&m()},[t,m]),n.useEffect(()=>{if(!t)return;const M=setInterval(()=>void m(),5e3);return()=>clearInterval(M)},[t,m]),i)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(c.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 j=la(c);return e.jsx("div",{className:"flex-1 overflow-auto",children:e.jsxs("div",{className:"p-3 space-y-4",children:[e.jsx(ga,{entries:c,onScreenshotClick:s}),[...j.entries()].map(([M,w])=>e.jsxs("div",{children:[e.jsx("div",{className:"px-3 py-1.5 sticky top-0 bg-[#1e1e1e] z-10",children:e.jsx("span",{className:"text-[10px] font-semibold text-gray-500 uppercase tracking-wider",children:ma(M)})}),e.jsx("div",{className:"space-y-2",children:w.map((p,N)=>{const C=ha[p.type]||{label:p.type,color:"bg-gray-600"},L=`${p.time}-${N}`,O=l.has(L);return e.jsxs("div",{className:"bg-[#2d2d2d] rounded-lg overflow-hidden",children:[e.jsxs("div",{className:`p-3 space-y-2 ${O?"":"max-h-[300px] overflow-y-auto"}`,children:[e.jsx("div",{className:"flex items-start gap-2 cursor-pointer",onClick:()=>u(L),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:p.title}),e.jsx("span",{className:`${C.color} text-white text-[9px] font-bold px-1.5 py-0.5 rounded uppercase tracking-wider shrink-0`,children:C.label})]}),e.jsx("span",{className:"text-[10px] text-gray-500",children:ua(p.time)}),p.featureName&&e.jsx("span",{className:"text-[10px] text-gray-500 italic truncate",title:p.featureName,children:p.featureName})]})}),p.userPrompt&&e.jsx(xr,{text:p.userPrompt,theme:"dark"}),e.jsx("p",{className:"text-xs text-gray-400 leading-relaxed",children:p.description}),p.screenshot&&e.jsx("button",{type:"button",className:"rounded overflow-hidden border border-[#3d3d3d] hover:border-[#00a0c4] bg-[#1e1e1e] flex items-center justify-center p-1 cursor-pointer transition-colors w-full",onClick:()=>s==null?void 0:s({screenshotUrl:`/api/editor-journal-image/${p.screenshot.replace("screenshots/","")}`,commitSha:p.commitSha,commitMessage:p.commitMessage,scenarioName:p.title}),children:e.jsx("img",{src:`/api/editor-journal-image/${p.screenshot.replace("screenshots/","")}`,alt:p.title,className:"max-w-full max-h-full object-contain",loading:"lazy"})}),p.scenarioScreenshots&&p.scenarioScreenshots.length>0&&(()=>{const W=ca(p.scenarioScreenshots),H=p.entityChangeStatus,F=W.filter(([y])=>y==="App").flatMap(([,y])=>y),G=W.filter(([y])=>y!=="App"),z=new Map;for(const y of F){const R=y,U=R.pageFilePath?Ze(Qe(R.pageFilePath)):yt(R.url??null),Y=z.get(U)||[];Y.push(y),z.set(U,Y)}const B=[...z.entries()],k=y=>e.jsx("button",{type:"button",className:"w-[4.5rem] h-[4.5rem] rounded overflow-hidden border border-[#3d3d3d] hover:border-[#00a0c4] bg-[#1e1e1e] shrink-0 flex items-center justify-center cursor-pointer transition-colors",onClick:()=>s==null?void 0:s({screenshotUrl:`/api/editor-journal-image/${y.path.replace("screenshots/","")}`,commitSha:p.commitSha,commitMessage:p.commitMessage,scenarioName:y.name}),children:e.jsx("img",{src:`/api/editor-journal-image/${y.path.replace("screenshots/","")}`,alt:y.name,title:y.name,className:"max-w-full max-h-full object-contain",loading:"lazy"})},y.path);return e.jsxs("div",{className:"space-y-2",children:[B.length>0&&e.jsxs("div",{className:"space-y-1.5",children:[e.jsx("span",{className:"text-[10px] font-semibold text-gray-500 uppercase tracking-wider",children:"Application"}),B.map(([y,R])=>e.jsxs("div",{children:[e.jsxs("div",{className:"flex items-center gap-1.5",children:[e.jsx("span",{className:"text-[10px] font-medium text-gray-400",children:y}),(H==null?void 0:H[y])&&e.jsx(Us,{status:H[y]})]}),e.jsx("div",{className:"flex flex-wrap gap-1 mt-0.5",children:R.map(k)})]},y))]}),G.length>0&&e.jsxs("div",{className:"space-y-1.5",children:[e.jsx("span",{className:"text-[10px] font-semibold text-gray-500 uppercase tracking-wider",children:"Components"}),G.map(([y,R])=>e.jsxs("div",{children:[e.jsxs("div",{className:"flex items-center gap-1.5",children:[e.jsx("span",{className:"text-[10px] font-medium text-gray-400",children:y}),(H==null?void 0:H[y])&&e.jsx(Us,{status:H[y]})]}),e.jsx("div",{className:"flex flex-wrap gap-1 mt-0.5",children:R.map(k)})]},y))]})]})})(),r.length>0&&e.jsxs("div",{className:"space-y-1.5",children:[e.jsx("span",{className:"text-[10px] font-semibold text-gray-500 uppercase tracking-wider",children:"Functions"}),e.jsx("div",{className:"space-y-2",children:r.map(W=>e.jsxs("div",{children:[e.jsx("span",{className:"text-[11px] font-medium text-gray-200",children:W.name}),e.jsx("span",{className:"text-[9px] text-gray-500 truncate block",children:W.filePath}),W.testFile?e.jsx(da,{testFile:W.testFile,entityName:W.name,cachedResult:a[W.testFile]}):e.jsx("div",{className:"pt-1",children:e.jsx("span",{className:"text-[10px] text-gray-500",children:"No test file"})})]},W.name))})]}),p.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:p.commitSha.slice(0,7)}),e.jsx("span",{className:"text-gray-500 truncate",children:p.commitMessage})]}),O&&p.modifiedFiles&&p.modifiedFiles.length>0&&e.jsx(pa,{files:p.modifiedFiles})]}),e.jsxs("button",{onClick:()=>u(L),className:"w-full py-1.5 text-[10px] text-gray-500 hover:text-gray-300 border-t border-[#3d3d3d] transition-colors cursor-pointer",children:["——— ",O?"Collapse":"Expand"," ———"]})]},L)})})]},M))]})})}const ya=()=>e.jsx("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"#D7FF63",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round",children:e.jsx("path",{d:"M20 6L9 17l-5-5"})});function Ht({title:t,completedCount:s,totalCount:r,subtitle:a,onClick:c,secondaryAction:o,previewTasks:i}){const x=r>0&&s>=r;return e.jsxs("button",{type:"button",onClick:c,className:"bg-[#2a2a2a] border border-[#3d3d3d] rounded-lg p-3 flex flex-col gap-1.5 cursor-pointer hover:border-[#555] transition-colors text-left",children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("span",{className:"text-sm font-medium text-white",children:t}),x?e.jsx(ya,{}):r>0?e.jsxs("span",{className:"text-xs text-gray-500",children:["(",s,"/",r,")"]}):null]}),a&&e.jsx("p",{className:"text-xs text-gray-400 m-0 leading-snug",children:a}),i&&i.length>0&&e.jsx("div",{className:"flex flex-col gap-1 mt-0.5",children:i.map(l=>e.jsxs("div",{className:"flex items-center gap-1.5",children:[e.jsx("span",{className:`text-[11px] truncate flex-1 ${l.completed?"text-gray-300":"text-gray-500"}`,children:l.label}),l.completed?e.jsx("span",{className:"shrink-0 w-3.5 h-3.5 rounded-full bg-green-600 flex items-center justify-center",children:e.jsx("svg",{width:"8",height:"8",viewBox:"0 0 24 24",fill:"none",stroke:"white",strokeWidth:"3",strokeLinecap:"round",strokeLinejoin:"round",children:e.jsx("path",{d:"M20 6L9 17l-5-5"})})}):e.jsx("span",{className:"shrink-0 text-[9px] font-medium text-amber-400 bg-amber-400/15 px-1 py-px rounded",children:"pending"})]},l.label))}),o&&e.jsx("span",{role:"link",onClick:l=>{l.stopPropagation(),o.onClick()},className:"text-xs text-[#D7FF63]/70 hover:text-[#D7FF63] text-left truncate mt-0.5",children:o.label})]})}function ja({onNavigateToRoadmap:t,onSwitchToBuild:s}){const[r,a]=n.useState(null),c=n.useCallback(()=>{fetch("/api/editor-roadmap").then(j=>j.json()).then(j=>a(j)).catch(()=>{})},[]);if(n.useEffect(()=>{c()},[c]),!r)return null;const o=r.plan.filter(j=>j.completed).length,i=r.plan.length,x=r.deploy.filter(j=>j.completed).length,l=r.deploy.length,g=r.buildSessionCount===1?"1 working session":`${r.buildSessionCount} working sessions`,u=r.featureName&&r.editorStepLabel?`${r.featureName} — ${r.editorStepLabel}`:r.featureName?r.featureName:null,m=j=>{const M=[...j].reverse().find(p=>p.completed),w=j.filter(p=>!p.completed);if(M){const p=[{label:M.label,completed:!0}];return w.length>0&&p.push({label:w[0].label,completed:!1}),p}return w.slice(0,2).map(p=>({label:p.label,completed:!1}))};return e.jsxs("div",{children:[e.jsx("span",{className:"text-xs font-bold text-gray-400 uppercase tracking-wider font-['IBM_Plex_Mono']",children:"Roadmap"}),e.jsxs("div",{className:"grid grid-cols-3 gap-3 mt-2",children:[e.jsx(Ht,{title:"Plan",completedCount:o,totalCount:i,onClick:t,previewTasks:m(r.plan)}),e.jsx(Ht,{title:"Build",completedCount:r.buildSessionCount,totalCount:0,subtitle:g,onClick:t,secondaryAction:u?{label:u,onClick:s}:{label:"No work is in progress. Start the next working session >",onClick:s}}),e.jsx(Ht,{title:"Deploy",completedCount:x,totalCount:l,onClick:t,previewTasks:m(r.deploy)})]})]})}function Gt(t){return{name:va(t),description:Na(t),colors:wa(t),fonts:ka(t),typographyScale:Sa(t),radiusTokens:Ca(t)}}function va(t){const s=t.match(/^# (.+)$/m);return s?s[1].trim():"Design System"}function Na(t){const s=t.match(/^> (.+)$/m);return s?s[1].trim():""}function wa(t){const s=[],r=Yt(t,"Colors");if(!r)return s;const a=Pa(r);for(const{heading:c,content:o}of a){const i=mr(o);for(const x of i){const l=/--([a-zA-Z0-9_-]+):\s*([^;]+);(?:\s*\/\*\s*(.+?)\s*\*\/)?/g;let g;for(;(g=l.exec(x))!==null;){const u=g[2].trim();Ea(u)&&s.push({name:g[1],value:u,group:c,...g[3]?{comment:g[3]}:{}})}}}return s}function ka(t){const s=t.match(/\*\*Font stack:\*\*\s*`([^`]+)`(?:\s*\([^)]*\))?(?:,\s*`([^`]+)`)?/);if(!s)return[];const r=[];if(s[1]){const c=zt(s[1]);c&&r.push(c)}if(s[2]){const c=zt(s[2]);c&&!r.includes(c)&&r.push(c)}const a=t.match(/\*\*Font stack:\*\*\s*`[^`]+`[^`]*`[^`]+`[^`]*`([^`]+)`/);if(a){const c=zt(a[1]);c&&!r.includes(c)&&r.push(c)}return r}function zt(t){return t.split(",")[0].trim().replace(/'/g,"")||null}function Sa(t){const s=[],r=Yt(t,"Typography");if(!r)return s;const a=r.split(`
+`).filter(c=>c.startsWith("|"));if(a.length<3)return s;for(let c=2;c<a.length;c++){const o=a[c].split("|").map(i=>i.trim()).filter(Boolean);o.length>=3&&s.push({style:o[0],size:o[1],weight:o[2],notes:o.slice(3).join(" | ")})}return s}function Ca(t){const s=[],r=Yt(t,"Spacing");if(!r)return s;const a=mr(r);for(const c of a){const o=/--radius-([a-zA-Z0-9_-]+):\s*([^;]+);(?:\s*\/\*\s*(.+?)\s*\*\/)?/g;let i;for(;(i=o.exec(c))!==null;)s.push({name:`radius-${i[1]}`,value:i[2].trim(),...i[3]?{comment:i[3]}:{}})}return s}function Fa(t,s,r){const a=s.replace(/[.*+?^${}()|[\]\\]/g,"\\$&"),c=new RegExp(`(--${a}:\\s*)([^;]+)(;.*)`,"g");return t.replace(c,`$1${r}$3`)}function Da(t,s){return t.replace(/(\*\*Font stack:\*\*\s*`)([^`]+)(`)/,`$1${s}$3`)}function Yt(t,s){const a=new RegExp(`^## .*${s}.*$`,"im").exec(t);if(!a)return null;const c=a.index+a[0].length,o=t.indexOf(`
+## `,c);return o===-1?t.slice(c):t.slice(c,o)}function Pa(t){const s=[],r=t.split(/^### /m);for(let a=0;a<r.length;a++){if(a===0){const o=r[a].trim();o&&s.push({heading:"General",content:o});continue}const c=r[a].indexOf(`
+`);c===-1?s.push({heading:r[a].trim(),content:""}):s.push({heading:r[a].slice(0,c).trim(),content:r[a].slice(c+1)})}return s}function mr(t){const s=[],r=/```css\n([\s\S]*?)```/g;let a;for(;(a=r.exec(t))!==null;)s.push(a[1]);return s}function Ea(t){return!!(t.startsWith("#")||t.startsWith("rgb")||t.startsWith("hsl")||t.startsWith("var(--"))}const Gs=[{key:"languages",label:"Languages"},{key:"frameworks",label:"Frameworks"},{key:"databases",label:"Databases"},{key:"services",label:"External Services"},{key:"libraries",label:"Key Libraries"},{key:"infrastructure",label:"Infrastructure"}];function Js({todo:t,expanded:s,onToggle:r,onRemove:a,children:c}){return e.jsxs("div",{children:[e.jsxs("div",{className:"flex items-center gap-2 py-1.5 group cursor-pointer",onClick:r,children:[e.jsx("svg",{width:"10",height:"10",viewBox:"0 0 10 10",fill:"none",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round",className:`shrink-0 text-gray-500 transition-transform ${s?"rotate-90":""}`,children:e.jsx("path",{d:"M3 1l4 4-4 4"})}),e.jsxs("span",{className:`text-sm flex-1 ${t.completed?"text-white":"text-gray-500"}`,children:[t.label,t.autoDetect&&!t.userCreated&&e.jsx("span",{className:"text-[10px] text-gray-600 ml-1.5",children:"(auto)"})]}),t.completed?e.jsx("span",{className:"shrink-0 w-5 h-5 rounded-full bg-green-600 flex items-center justify-center",children:e.jsx("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"white",strokeWidth:"3",strokeLinecap:"round",strokeLinejoin:"round",children:e.jsx("path",{d:"M20 6L9 17l-5-5"})})}):e.jsx("span",{className:"shrink-0 text-[10px] font-medium text-amber-400 bg-amber-400/15 px-1.5 py-0.5 rounded",children:"pending"}),t.userCreated&&a&&e.jsx("button",{type:"button",onClick:o=>{o.stopPropagation(),a()},className:"opacity-0 group-hover:opacity-100 text-gray-600 hover:text-red-400 bg-transparent border-none cursor-pointer p-0 transition-opacity",title:"Remove",children:e.jsx("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",children:e.jsx("path",{d:"M2 2l8 8M10 2l-8 8"})})})]}),s&&c]})}function Ks({title:t,completedCount:s,totalCount:r}){const a=r>0&&s>=r;return e.jsxs("div",{className:"flex items-center gap-2 mb-1",children:[e.jsx("h3",{className:"text-sm font-medium text-white m-0",children:t}),a?e.jsx("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"#D7FF63",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round",children:e.jsx("path",{d:"M20 6L9 17l-5-5"})}):r>0?e.jsxs("span",{className:"text-xs text-gray-500",children:[s,"/",r]}):null]})}const Ta={feature:"bg-[#005c75]",fix:"bg-amber-700",refactor:"bg-purple-700",scaffold:"bg-green-700",data:"bg-blue-700",milestone:"bg-yellow-600"};function La(t){try{return new Date(t).toLocaleDateString([],{month:"short",day:"numeric"})}catch{return""}}function $a({designSystem:t,onEdit:s}){const r=t.colors.filter(a=>a.value.startsWith("#")).slice(0,10);return e.jsxs("div",{className:"mt-1 mb-2 bg-[#222] rounded-lg p-3 border border-[#333]",children:[e.jsx("div",{className:"text-xs font-medium text-gray-200 mb-2",children:t.name}),r.length>0&&e.jsx("div",{className:"flex gap-1.5 mb-2 flex-wrap",children:r.map(a=>e.jsx("div",{className:"w-5 h-5 rounded border border-[#444]",style:{backgroundColor:a.value},title:`--${a.name}: ${a.value}`},`${a.group}-${a.name}`))}),t.fonts.length>0&&e.jsxs("div",{className:"text-[10px] text-gray-500 mb-2",children:["Font: ",t.fonts.join(", ")]}),s&&e.jsx("button",{type:"button",onClick:s,className:"text-[11px] text-[#D7FF63] hover:text-[#D7FF63]/70 bg-transparent border-none p-0 cursor-pointer transition-colors font-medium",children:"View & Edit >"})]})}function Ys({projectTitle:t,projectDescription:s,onSave:r,onEditNavigate:a,defaultEditing:c=!1}){const[o,i]=n.useState(c),[x,l]=n.useState(t||""),[g,u]=n.useState(s||""),[m,j]=n.useState(!1);n.useEffect(()=>{l(t||""),u(s||"")},[t,s]);const M=()=>{j(!0),r(x,g),j(!1),i(!1)},w=()=>{l(t||""),u(s||""),i(!1)};return o?e.jsx("div",{className:"mt-1 mb-2 bg-[#222] rounded-lg p-3 border border-[#333]",children:e.jsxs("div",{className:"space-y-2.5",children:[e.jsxs("div",{children:[e.jsx("label",{className:"block text-[10px] font-semibold text-gray-500 uppercase tracking-wider mb-1",children:"Project Name"}),e.jsx("input",{type:"text",value:x,onChange:p=>l(p.target.value),placeholder:"My App",className:"w-full px-2.5 py-1.5 text-sm bg-[#2a2a2a] border border-[#3d3d3d] rounded-md text-gray-200 placeholder-gray-600 outline-none focus:border-[#D7FF63]/50 transition-colors"})]}),e.jsxs("div",{children:[e.jsx("label",{className:"block text-[10px] font-semibold text-gray-500 uppercase tracking-wider mb-1",children:"Description"}),e.jsx("textarea",{value:g,onChange:p=>u(p.target.value),placeholder:"A brief description of your project...",rows:2,className:"w-full px-2.5 py-1.5 text-sm bg-[#2a2a2a] border border-[#3d3d3d] rounded-md text-gray-200 placeholder-gray-600 outline-none focus:border-[#D7FF63]/50 transition-colors resize-none"})]}),e.jsxs("div",{className:"flex gap-2 pt-0.5",children:[e.jsx("button",{type:"button",onClick:M,disabled:m,className:"px-3 py-1 text-[11px] text-[#1e1e1e] bg-[#D7FF63] rounded-md hover:bg-[#D7FF63]/80 transition-colors cursor-pointer font-medium disabled:opacity-50",children:m?"Saving...":"Save"}),e.jsx("button",{type:"button",onClick:w,className:"px-3 py-1 text-[11px] text-gray-400 bg-transparent border border-[#3d3d3d] rounded-md hover:text-white hover:border-[#555] transition-colors cursor-pointer",children:"Cancel"})]})]})}):e.jsxs("div",{className:"mt-1 mb-2 bg-[#222] rounded-lg p-3 border border-[#333]",children:[t?e.jsx("div",{className:"text-xs font-medium text-gray-200 mb-0.5",children:t}):e.jsx("div",{className:"text-xs text-gray-500 italic mb-0.5",children:"No name set"}),s&&e.jsx("div",{className:"text-[11px] text-gray-400 leading-relaxed",children:s}),e.jsx("button",{type:"button",onClick:a??(()=>i(!0)),className:"text-[11px] text-[#D7FF63] hover:text-[#D7FF63]/70 bg-transparent border-none p-0 mt-1.5 cursor-pointer transition-colors font-medium",children:"Edit >"})]})}function Ia({techStack:t,onNavigate:s}){if(!(t&&Gs.some(({key:i})=>t[i]&&t[i].length>0)))return e.jsxs("div",{className:"mt-1 mb-2 bg-[#222] rounded-lg p-3 border border-[#333]",children:[e.jsx("div",{className:"text-xs text-gray-400 mb-2",children:"No tech stack configured yet"}),s&&e.jsx("button",{type:"button",onClick:s,className:"px-3 py-1.5 text-[11px] font-medium text-[#1e1e1e] bg-[#D7FF63] rounded-md hover:bg-[#D7FF63]/80 transition-colors cursor-pointer",children:"Set up with Claude >"})]});const a=[];for(const{key:i}of Gs){const x=t[i];if(x)for(const l of x)a.push(l)}const c=a.slice(0,5),o=a.length-5;return e.jsxs("div",{className:"mt-1 mb-2 bg-[#222] rounded-lg p-3 border border-[#333]",children:[e.jsxs("div",{className:"flex flex-wrap gap-1.5",children:[c.map((i,x)=>e.jsxs("span",{className:"inline-flex items-center gap-1 text-xs text-gray-300 bg-[#2a2a2a] px-2 py-0.5 rounded",children:[i.name,i.version&&e.jsxs("span",{className:"text-[10px] text-gray-500",children:["v",i.version]})]},x)),o>0&&e.jsxs("span",{className:"text-[10px] text-gray-500 self-center",children:["+",o," more"]})]}),s&&e.jsx("button",{type:"button",onClick:s,className:"text-[11px] text-[#D7FF63] hover:text-[#D7FF63]/70 bg-transparent border-none p-0 mt-2 cursor-pointer transition-colors font-medium",children:"View all >"})]})}function Ut({iconType:t,size:s=14,className:r=""}){const a={width:s,height:s,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round",className:r};switch(t){case"desktop":return e.jsxs("svg",{...a,children:[e.jsx("rect",{x:"2",y:"3",width:"20",height:"14",rx:"2"}),e.jsx("path",{d:"M8 21h8M12 17v4"})]});case"laptop":return e.jsxs("svg",{...a,children:[e.jsx("path",{d:"M4 6a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v8H4V6z"}),e.jsx("path",{d:"M2 18h20"})]});case"tablet":return e.jsxs("svg",{...a,children:[e.jsx("rect",{x:"5",y:"2",width:"14",height:"20",rx:"2"}),e.jsx("path",{d:"M12 18h.01"})]});case"mobile":return e.jsxs("svg",{...a,children:[e.jsx("rect",{x:"7",y:"2",width:"10",height:"20",rx:"2"}),e.jsx("path",{d:"M12 18h.01"})]})}}function qs({open:t,size:s=12}){return t?e.jsxs("svg",{width:s,height:s,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round",children:[e.jsx("path",{d:"M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"}),e.jsx("circle",{cx:"12",cy:"12",r:"3"})]}):e.jsxs("svg",{width:s,height:s,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round",children:[e.jsx("path",{d:"M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94"}),e.jsx("path",{d:"M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19"}),e.jsx("path",{d:"M14.12 14.12a3 3 0 1 1-4.24-4.24"}),e.jsx("line",{x1:"1",y1:"1",x2:"23",y2:"23"})]})}const Ma=new Set(or.flatMap(t=>t.presets.map(s=>s.name)));function Xs({screenSizes:t,projectScreenSizes:s,defaultScreenSize:r,appFormats:a,onSave:c,onEditNavigate:o,defaultEditing:i=!1}){const x=n.useMemo(()=>ir(t,a),[t,a]),l=n.useMemo(()=>{if(t){for(const[D,$]of Object.entries(t))if($.default)return D}return(r==null?void 0:r.name)||""},[t,r]),[g,u]=n.useState(i),[m,j]=n.useState({}),[M,w]=n.useState(new Set),[p,N]=n.useState(""),[C,L]=n.useState(""),[O,W]=n.useState(""),[H,F]=n.useState(""),G=()=>{const D={};for(const v of x)D[v.name]={width:v.width,height:v.height};j(D);const $=new Set,d=s||t;if(d)for(const v of Object.keys(d)){const b=d[v];(s||!b||!("default"in b))&&$.add(v)}w($),N(l),L(""),W(""),F(""),u(!0)};n.useEffect(()=>{i&&G()},[]);const z=(D,$,d)=>{j(v=>{const b={...v};if(b[D]){if(delete b[D],w(E=>{const T=new Set(E);return T.delete(D),T}),D===p){const E=Object.keys(b);N(E[0]||"")}}else b[D]={width:$,height:d},Object.keys(v).length===0&&N(D);return b})},B=D=>{w($=>{const d=new Set($);return d.has(D)?d.delete(D):d.add(D),d})},k=D=>{m[D]&&N(D)},y=()=>{const D=C.trim(),$=parseInt(O,10),d=parseInt(H,10);!D||isNaN($)||isNaN(d)||$<=0||d<=0||(j(v=>(Object.keys(v).length===0&&N(D),{...v,[D]:{width:$,height:d}})),L(""),W(""),F(""))},R=D=>{j($=>{const d={...$};return delete d[D],D===p&&N(Object.keys(d)[0]||""),d}),w($=>{const d=new Set($);return d.delete(D),d})},U=()=>{const D={};for(const[d,v]of Object.entries(m))D[d]={width:v.width,height:v.height,...d===p?{default:!0}:{}};const $={};for(const d of M)m[d]&&($[d]={...m[d]});c(D,$),u(!1)};if(g){const D=Object.entries(m).filter(([$])=>!Ma.has($));return e.jsxs("div",{className:"mt-1 mb-2 bg-[#222] rounded-lg p-3 border border-[#333]",children:[e.jsxs("div",{className:"flex items-center gap-2 mb-2 px-0.5",children:[e.jsx("div",{className:"w-3.5"}),e.jsx("div",{className:"w-3.5"}),e.jsx("span",{className:"text-[9px] font-semibold text-gray-600 uppercase tracking-wider flex-1",children:"Size"}),e.jsx("span",{className:"text-[9px] font-semibold text-gray-600 uppercase tracking-wider w-[72px] text-right",children:"Dimensions"}),e.jsx("span",{className:"text-[9px] font-semibold text-gray-600 uppercase tracking-wider w-[50px] text-center",title:"Include in project screenshot sizes",children:"Project"}),e.jsx("span",{className:"text-[9px] font-semibold text-gray-600 uppercase tracking-wider w-[54px] text-center",children:"Default"})]}),e.jsxs("div",{className:"space-y-3",children:[or.map($=>e.jsxs("div",{children:[e.jsx("div",{className:"text-[10px] font-semibold text-gray-500 uppercase tracking-wider mb-1.5",children:$.category}),e.jsx("div",{className:"space-y-0.5",children:$.presets.map(d=>{const v=!!m[d.name],b=p===d.name,E=M.has(d.name),T=gt(d);return e.jsxs("div",{className:"flex items-center gap-2 py-0.5",children:[e.jsx("button",{type:"button",onClick:()=>z(d.name,d.width,d.height),className:`w-3.5 h-3.5 rounded-sm border flex items-center justify-center shrink-0 cursor-pointer transition-colors ${v?"bg-[#D7FF63] border-[#D7FF63]":"bg-transparent border-[#555] hover:border-[#888]"}`,children:v&&e.jsx("svg",{width:"8",height:"8",viewBox:"0 0 24 24",fill:"none",stroke:"#1e1e1e",strokeWidth:"3.5",strokeLinecap:"round",strokeLinejoin:"round",children:e.jsx("path",{d:"M20 6L9 17l-5-5"})})}),e.jsx(Ut,{iconType:T,size:14,className:v?"text-gray-300":"text-gray-600"}),e.jsx("span",{className:`text-xs flex-1 ${v?"text-gray-300":"text-gray-500"}`,children:d.name}),e.jsxs("span",{className:"text-[10px] text-gray-500 tabular-nums w-[72px] text-right",children:[d.width," × ",d.height]}),e.jsx("div",{className:"w-[50px] flex justify-center",children:v?e.jsx("button",{type:"button",onClick:()=>B(d.name),className:`p-1 rounded cursor-pointer transition-colors ${E?"text-[#D7FF63] hover:text-[#D7FF63]/70":"text-gray-600 hover:text-gray-400"}`,title:E?"In project screenshots":"Not in project screenshots",children:e.jsx(qs,{open:E})}):e.jsx("span",{className:"w-3"})}),e.jsx("div",{className:"w-[54px] flex justify-center",children:v?e.jsx("button",{type:"button",onClick:()=>k(d.name),className:`text-[10px] px-1.5 py-0.5 rounded border cursor-pointer transition-colors ${b?"text-[#1e1e1e] bg-[#D7FF63] border-[#D7FF63]":"text-gray-500 bg-transparent border-[#444] hover:border-[#666] hover:text-gray-300"}`,title:b?"Default size":"Set as default",children:b?"★":"☆"}):e.jsx("span",{className:"w-3"})})]},d.name)})})]},$.category)),D.length>0&&e.jsxs("div",{children:[e.jsx("div",{className:"text-[10px] font-semibold text-gray-500 uppercase tracking-wider mb-1.5",children:"Custom"}),e.jsx("div",{className:"space-y-0.5",children:D.map(([$,d])=>{const v=p===$,b=M.has($),E=gt({name:$,width:d.width,height:d.height});return e.jsxs("div",{className:"flex items-center gap-2 py-0.5",children:[e.jsx("div",{className:"w-3.5"}),e.jsx(Ut,{iconType:E,size:14,className:"text-gray-300"}),e.jsx("span",{className:"text-xs text-gray-300 flex-1",children:$}),e.jsxs("span",{className:"text-[10px] text-gray-500 tabular-nums w-[72px] text-right",children:[d.width," × ",d.height]}),e.jsx("div",{className:"w-[50px] flex justify-center",children:e.jsx("button",{type:"button",onClick:()=>B($),className:`p-1 rounded cursor-pointer transition-colors ${b?"text-[#D7FF63] hover:text-[#D7FF63]/70":"text-gray-600 hover:text-gray-400"}`,title:b?"In project screenshots":"Not in project screenshots",children:e.jsx(qs,{open:b})})}),e.jsx("div",{className:"w-[54px] flex justify-center",children:e.jsx("button",{type:"button",onClick:()=>k($),className:`text-[10px] px-1.5 py-0.5 rounded border cursor-pointer transition-colors ${v?"text-[#1e1e1e] bg-[#D7FF63] border-[#D7FF63]":"text-gray-500 bg-transparent border-[#444] hover:border-[#666] hover:text-gray-300"}`,title:v?"Default size":"Set as default",children:v?"★":"☆"})}),e.jsx("button",{type:"button",onClick:()=>R($),className:"text-gray-600 hover:text-red-400 bg-transparent border-none p-0.5 cursor-pointer transition-colors text-xs leading-none",children:"×"})]},$)})})]}),e.jsxs("div",{children:[e.jsx("div",{className:"text-[10px] font-semibold text-gray-500 uppercase tracking-wider mb-1.5",children:"Add Custom Size"}),e.jsxs("div",{className:"flex items-center gap-1.5",children:[e.jsx("input",{type:"text",value:C,onChange:$=>L($.target.value),placeholder:"Name",className:"flex-1 min-w-0 px-2 py-1 text-xs bg-[#2a2a2a] border border-[#3d3d3d] rounded text-gray-200 placeholder-gray-600 outline-none focus:border-[#D7FF63]/50 transition-colors"}),e.jsx("input",{type:"number",value:O,onChange:$=>W($.target.value),placeholder:"W",className:"w-14 px-2 py-1 text-xs bg-[#2a2a2a] border border-[#3d3d3d] rounded text-gray-200 placeholder-gray-600 outline-none focus:border-[#D7FF63]/50 transition-colors"}),e.jsx("span",{className:"text-[10px] text-gray-500",children:"×"}),e.jsx("input",{type:"number",value:H,onChange:$=>F($.target.value),placeholder:"H",className:"w-14 px-2 py-1 text-xs bg-[#2a2a2a] border border-[#3d3d3d] rounded text-gray-200 placeholder-gray-600 outline-none focus:border-[#D7FF63]/50 transition-colors"}),e.jsx("button",{type:"button",onClick:y,className:"text-[10px] text-[#D7FF63] hover:text-[#D7FF63]/70 bg-transparent border-none p-0 cursor-pointer transition-colors font-medium",children:"+ Add"})]})]})]}),e.jsxs("div",{className:"flex gap-2 pt-2.5",children:[e.jsx("button",{type:"button",onClick:U,className:"px-3 py-1 text-[11px] text-[#1e1e1e] bg-[#D7FF63] rounded-md hover:bg-[#D7FF63]/80 transition-colors cursor-pointer font-medium",children:"Save"}),e.jsx("button",{type:"button",onClick:()=>u(!1),className:"px-3 py-1 text-[11px] text-gray-400 bg-transparent border border-[#3d3d3d] rounded-md hover:text-white hover:border-[#555] transition-colors cursor-pointer",children:"Cancel"})]})]})}if(x.length===0)return e.jsxs("div",{className:"mt-1 mb-2 bg-[#222] rounded-lg p-3 border border-[#333]",children:[e.jsx("div",{className:"text-xs text-gray-500 italic",children:"No screen sizes configured"}),e.jsx("button",{type:"button",onClick:o??G,className:"text-[11px] text-[#D7FF63] hover:text-[#D7FF63]/70 bg-transparent border-none p-0 mt-1.5 cursor-pointer transition-colors font-medium",children:"Edit >"})]});const Y=D=>l===D,Q=D=>{var $;return!!(($=s||t)!=null&&$[D])};return e.jsxs("div",{className:"mt-1 mb-2 bg-[#222] rounded-lg p-3 border border-[#333]",children:[e.jsx("div",{className:"flex flex-wrap gap-1.5",children:x.map(D=>{const $=gt(D);return e.jsxs("span",{className:"inline-flex items-center gap-1.5 text-xs bg-[#2a2a2a] px-2 py-1 rounded text-gray-300",children:[e.jsx(Ut,{iconType:$,size:12,className:"text-gray-400"}),D.name,e.jsxs("span",{className:"text-[10px] text-gray-500",children:[D.width,"×",D.height]}),Y(D.name)&&e.jsx("span",{className:"text-[10px] text-[#D7FF63]",children:"★"}),Q(D.name)&&e.jsx("span",{className:"text-[10px] text-[#D7FF63]",title:"Project screenshot size",children:"P"})]},D.name)})}),e.jsx("button",{type:"button",onClick:o??G,className:"text-[11px] text-[#D7FF63] hover:text-[#D7FF63]/70 bg-transparent border-none p-0 mt-2 cursor-pointer transition-colors font-medium",children:"Edit >"})]})}const Qs=[{id:"vercel",name:"Vercel",services:["Hosting"],description:"Frontend-optimized hosting"},{id:"railway",name:"Railway",services:["Hosting","Database","Storage"],description:"Full-stack infrastructure"},{id:"runloop",name:"Runloop",services:["Sandboxes","Hosting"],description:"Sandbox-first deployment"}];function ze({step:t,done:s,active:r}){return e.jsx("span",{className:`shrink-0 w-5 h-5 rounded-full flex items-center justify-center text-[10px] font-bold ${s?"bg-green-600 text-white":r?"bg-[#D7FF63] text-black":"bg-[#333] text-gray-500"}`,children:s?e.jsx("svg",{width:"10",height:"10",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"3",strokeLinecap:"round",strokeLinejoin:"round",children:e.jsx("path",{d:"M20 6L9 17l-5-5"})}):t})}function Ra({hosting:t,onSave:s}){var je;const[r,a]=n.useState(null),[c,o]=n.useState(!0),[i,x]=n.useState(""),[l,g]=n.useState(!1),[u,m]=n.useState([]),[j,M]=n.useState(null),[w,p]=n.useState(!1),[N,C]=n.useState(!1),[L,O]=n.useState(!1),[W,H]=n.useState(!1),[F,G]=n.useState(null),[z,B]=n.useState(null),[k,y]=n.useState(null),[R,U]=n.useState(null),[Y,Q]=n.useState(null),D=n.useCallback(()=>{o(!0),fetch("/api/editor-hosting-verify",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({action:"full-status"})}).then(P=>P.json()).then(P=>{a(P),y(null)}).catch(()=>y("Failed to check status")).finally(()=>o(!1))},[]);n.useEffect(()=>{D()},[D]);const $=()=>{i.trim()&&(g(!0),y(null),fetch("/api/editor-hosting-verify",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({action:"save-token",token:i.trim()})}).then(P=>P.json()).then(P=>{P.ok?(x(""),D()):y(P.error||"Token verification failed")}).catch(()=>y("Failed to save token")).finally(()=>g(!1)))},[d,v]=n.useState(!1),b=n.useCallback(()=>{p(!0),y(null),fetch("/api/editor-hosting-verify",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({action:"list-projects"})}).then(P=>P.json()).then(P=>{P.ok?(m(P.projects||[]),M(P.suggestedProjectId||null),B(P.gitHubRepo||null)):y(P.error||"Failed to load projects"),v(!0)}).catch(P=>{y(`Failed to load projects: ${P.message||"network error"}`),v(!0)}).finally(()=>p(!1))},[]),E=()=>{O(!0),y(null),fetch("/api/editor-hosting-verify",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({action:"create-project"})}).then(P=>P.json()).then(P=>{P.ok?(s({provider:"vercel",vercelProjectId:P.project.id,vercelProjectName:P.project.name}),D()):y(P.error||"Failed to create project")}).catch(()=>y("Failed to create project")).finally(()=>O(!1))},T=(P,ie)=>{C(!0),fetch("/api/editor-hosting-verify",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({action:"link-project",projectId:P,projectName:ie})}).then(oe=>oe.json()).then(oe=>{oe.ok&&(s({provider:"vercel",vercelProjectId:P,vercelProjectName:ie}),D())}).catch(()=>{}).finally(()=>C(!1))},I=r||{hasToken:!1,tokenVerified:!1,user:null,projectLinked:!1,projectName:null,dashboardUrl:null,productionUrl:null,lastDeployment:null,envVarsChecked:!1,envVars:[]},A=I.tokenVerified,te=I.projectLinked,J=I.envVars.filter(P=>P.configuredOnVercel).length,re=I.envVars.length,be=I.envVarsChecked&&(re===0||J===re),ee=A?te?3:2:1,le=n.useCallback(P=>{var ce;const ie=[`Step 1 (Account & Token): ${I.tokenVerified?`Connected as ${(ce=I.user)==null?void 0:ce.username}`:I.hasToken?"Token found but verification failed":"Not started"}`,`Step 2 (Link Project): ${I.projectLinked?`Linked to "${I.projectName}"`:"Not linked"}`,`Step 3 (Environment Variables): ${I.envVarsChecked?I.envVars.length===0?"No env vars needed":`${I.envVars.filter(ue=>ue.configuredOnVercel).length}/${I.envVars.length} configured`:"Not checked yet"}`];I.lastDeployment&&ie.push(`Last deployment: ${I.lastDeployment.state} (${I.lastDeployment.commitsSince} commits since)`);const oe=["# Vercel Setup Help","","The user is setting up Vercel hosting for their project and needs help.","","## Current Status",...ie.map(ue=>`- ${ue}`),k?`
+## Current Error
+\`\`\`
+${k}
+\`\`\``:"",P?`
+## Additional Context
+${P}`:"","","## What You Can Do","- Help the user understand what they need to do next","- If there is a deployment error, help them debug it","- You can read project files to understand the setup (package.json, next.config.ts, etc.)","- Guide them to the right Vercel documentation or settings pages","- If the issue is about GitHub permissions, guide them to vercel.com/account/login-connections","","Start by acknowledging what step they are on and ask what they need help with."].filter(Boolean).join(`
+`);U(oe),nr(()=>import("./MiniClaudeChat-Bs2_Oua4.js"),__vite__mapDeps([3,4,1,2])).then(ue=>{Q(()=>ue.MiniClaudeChat)})},[I,k]),xe=n.useRef(!1);return n.useEffect(()=>{ee===2&&!xe.current&&u.length===0&&!w&&(xe.current=!0,b())},[ee,u.length,w,b]),n.useEffect(()=>{if(!F)return;const P=["READY","ERROR","CANCELED"];if(P.includes(F.state))return;const ie=setInterval(()=>{fetch("/api/editor-hosting-verify",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({action:"check-deployment",deploymentId:F.id})}).then(oe=>oe.json()).then(oe=>{oe.ok&&(G(ce=>ce?{...ce,state:oe.state,url:oe.url||ce.url,errorMessage:oe.errorMessage,logsUrl:oe.logsUrl}:null),P.includes(oe.state)&&D())}).catch(()=>{})},5e3);return()=>clearInterval(ie)},[F,D]),c&&!r?e.jsx("div",{className:"mt-1 mb-2 bg-[#222] rounded-lg p-3 border border-[#333]",children:e.jsx("span",{className:"text-xs text-gray-500",children:"Checking Vercel setup..."})}):e.jsxs("div",{className:"mt-1 mb-2 bg-[#222] rounded-lg p-3 border border-[#333] space-y-3",children:[e.jsxs("div",{children:[e.jsx("div",{className:"text-[10px] font-semibold text-gray-500 uppercase tracking-wider mb-1.5",children:"Vercel Setup"}),e.jsx("p",{className:"text-[11px] text-gray-400 m-0 leading-relaxed",children:"Vercel deploys your app to the web. Push your code and Vercel automatically builds and hosts it at a public URL — no server setup required. Free for personal projects."})]}),k&&e.jsxs("div",{className:"text-[11px] bg-red-400/10 rounded px-2.5 py-2 space-y-1.5",children:[e.jsx("p",{className:"text-red-400 m-0",children:k}),k.toLowerCase().includes("login connection")&&e.jsxs(e.Fragment,{children:[e.jsx("p",{className:"text-gray-400 m-0 text-[10px] leading-relaxed",children:"Vercel needs permission to access your GitHub repositories. Connect your GitHub account, then come back and try again."}),e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("a",{href:"https://vercel.com/account/login-connections",target:"_blank",rel:"noopener noreferrer",className:"inline-block text-[11px] text-[#D7FF63] hover:text-[#D7FF63]/70 bg-transparent border border-[#D7FF63]/30 rounded px-2.5 py-1 no-underline transition-colors",children:"Connect GitHub →"}),e.jsx("button",{type:"button",onClick:()=>{y(null),E()},className:"text-[11px] text-gray-400 hover:text-white bg-transparent border border-[#3d3d3d] rounded px-2.5 py-1 cursor-pointer transition-colors",children:"Retry"})]})]})]}),e.jsxs("div",{className:"space-y-1.5",children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(ze,{step:1,done:A,active:ee===1}),e.jsx("span",{className:"text-xs font-medium text-white",children:"Create Account & Connect"}),A&&I.user&&e.jsx("span",{className:"text-[10px] text-gray-400 ml-auto",children:I.user.username})]}),ee===1&&e.jsxs("div",{className:"ml-7 space-y-2.5",children:[e.jsxs("div",{className:"space-y-1",children:[e.jsx("p",{className:"text-[11px] text-gray-300 m-0 font-medium",children:"a) Create a free Vercel account"}),e.jsx("p",{className:"text-[11px] text-gray-500 m-0 leading-relaxed",children:"Sign up with GitHub, GitLab, or email. The free Hobby plan includes unlimited deployments and custom domains."}),e.jsx("a",{href:"https://vercel.com/signup",target:"_blank",rel:"noopener noreferrer",className:"inline-block text-[11px] text-[#D7FF63] hover:text-[#D7FF63]/70 bg-transparent border border-[#D7FF63]/30 rounded px-2.5 py-1 no-underline transition-colors",children:"Sign up at vercel.com →"})]}),e.jsxs("div",{className:"space-y-1",children:[e.jsx("p",{className:"text-[11px] text-gray-300 m-0 font-medium",children:"b) Create an API token"}),e.jsx("p",{className:"text-[11px] text-gray-500 m-0 leading-relaxed",children:"This lets CodeYam verify your setup and check your project configuration. Go to Account Settings → Tokens → Create."}),e.jsx("a",{href:"https://vercel.com/account/tokens",target:"_blank",rel:"noopener noreferrer",className:"inline-block text-[11px] text-[#D7FF63]/70 hover:text-[#D7FF63] no-underline transition-colors",children:"Open token settings →"})]}),e.jsxs("div",{className:"space-y-1",children:[e.jsx("p",{className:"text-[11px] text-gray-300 m-0 font-medium",children:"c) Paste your token here"}),I.hasToken&&!I.tokenVerified&&e.jsx("p",{className:"text-[11px] text-amber-400 m-0",children:"A token was found but it didn't work. Try creating a new one and pasting it below."}),e.jsxs("div",{className:"flex items-center gap-1.5",children:[e.jsx("input",{type:"password",placeholder:"Paste your Vercel token",value:i,onChange:P=>x(P.target.value),onKeyDown:P=>{P.key==="Enter"&&$()},className:"bg-[#1a1a1a] border border-[#444] rounded px-2 py-1 text-xs text-white flex-1 outline-none focus:border-[#D7FF63]/50 font-mono"}),e.jsx("button",{type:"button",onClick:$,disabled:l||!i.trim(),className:"text-[11px] text-black bg-[#D7FF63] hover:bg-[#D7FF63]/80 disabled:opacity-40 rounded px-2.5 py-1 border-none cursor-pointer transition-colors font-medium",children:l?"Verifying...":"Connect"})]}),e.jsx("p",{className:"text-[10px] text-gray-600 m-0",children:"Stored in .env.local (gitignored — never committed)"})]})]})]}),e.jsxs("div",{className:"space-y-1.5",children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(ze,{step:2,done:te,active:ee===2}),e.jsx("span",{className:`text-xs font-medium ${ee>=2?"text-white":"text-gray-600"}`,children:"Link Project"}),te&&I.projectName&&e.jsx("span",{className:"text-[10px] text-gray-400 ml-auto",children:I.projectName})]}),te&&e.jsxs("div",{className:"ml-7 space-y-1.5",children:[e.jsxs("div",{className:"flex items-center gap-3",children:[I.dashboardUrl&&e.jsx("a",{href:I.dashboardUrl,target:"_blank",rel:"noopener noreferrer",className:"text-[10px] text-[#D7FF63]/70 hover:text-[#D7FF63] no-underline transition-colors",children:"Dashboard →"}),((je=I.lastDeployment)==null?void 0:je.url)&&e.jsxs("a",{href:I.lastDeployment.url,target:"_blank",rel:"noopener noreferrer",className:"text-[10px] text-[#D7FF63]/70 hover:text-[#D7FF63] no-underline transition-colors",children:[I.lastDeployment.url.replace("https://","")," →"]})]}),I.lastDeployment&&!F&&e.jsxs("div",{className:"flex items-center gap-2 text-[10px] text-gray-500",children:[e.jsxs("span",{children:["Deployed"," ",(()=>{const P=Date.now()-I.lastDeployment.createdAt,ie=Math.floor(P/6e4);if(ie<1)return"just now";if(ie<60)return`${ie}m ago`;const oe=Math.floor(ie/60);return oe<24?`${oe}h ago`:`${Math.floor(oe/24)}d ago`})()]}),e.jsx("span",{className:"text-gray-600",children:"·"}),e.jsxs("span",{className:I.lastDeployment.commitsSince>0?"text-amber-400":"text-gray-500",children:[I.lastDeployment.commitsSince," commit",I.lastDeployment.commitsSince===1?"":"s"," since"]}),e.jsx("button",{type:"button",disabled:W,onClick:()=>{y(null),H(!0),fetch("/api/editor-hosting-verify",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({action:"deploy"})}).then(P=>P.json()).then(P=>{P.ok&&P.deployment?G({id:P.deployment.id,state:P.deployment.state||"QUEUED",url:P.deployment.url,errorMessage:null,logsUrl:null}):y(P.error||"Deployment failed")}).catch(()=>y("Failed to trigger deployment")).finally(()=>H(!1))},className:"text-[10px] text-[#D7FF63] hover:text-[#D7FF63]/70 bg-transparent border-none p-0 cursor-pointer transition-colors underline",children:W?"Starting...":"Redeploy"})]}),F&&e.jsxs("div",{className:`bg-[#2a2a2a] border rounded-md px-3 py-2 space-y-1.5 ${F.state==="ERROR"?"border-red-500/40":F.state==="READY"?"border-green-500/40":"border-[#D7FF63]/30"}`,children:[e.jsxs("div",{className:"flex items-center gap-2",children:[F.state==="READY"?e.jsx("span",{className:"shrink-0 w-4 h-4 rounded-full bg-green-600 flex items-center justify-center",children:e.jsx("svg",{width:"10",height:"10",viewBox:"0 0 24 24",fill:"none",stroke:"white",strokeWidth:"3",strokeLinecap:"round",strokeLinejoin:"round",children:e.jsx("path",{d:"M20 6L9 17l-5-5"})})}):F.state==="ERROR"||F.state==="CANCELED"?e.jsx("span",{className:"shrink-0 w-4 h-4 rounded-full bg-red-500 flex items-center justify-center",children:e.jsx("svg",{width:"8",height:"8",viewBox:"0 0 12 12",fill:"none",stroke:"white",strokeWidth:"2",strokeLinecap:"round",children:e.jsx("path",{d:"M2 2l8 8M10 2l-8 8"})})}):e.jsx("span",{className:"shrink-0 w-4 h-4 rounded-full bg-[#D7FF63]/30 flex items-center justify-center animate-pulse",children:e.jsx("span",{className:"w-2 h-2 rounded-full bg-[#D7FF63]"})}),e.jsx("span",{className:"text-[11px] text-white font-medium",children:F.state==="READY"?"Deployed successfully":F.state==="ERROR"?"Deployment failed":F.state==="CANCELED"?"Deployment canceled":F.state==="BUILDING"?"Building...":"Deploying..."})]}),F.state==="READY"&&F.url&&e.jsxs("a",{href:F.url,target:"_blank",rel:"noopener noreferrer",className:"text-[10px] text-[#D7FF63]/70 hover:text-[#D7FF63] no-underline transition-colors block",children:[F.url.replace("https://","")," →"]}),F.state==="ERROR"&&e.jsxs("div",{className:"space-y-1",children:[F.errorMessage&&e.jsx("pre",{className:"text-[10px] text-red-300 bg-[#1a1a1a] rounded px-2 py-1.5 m-0 whitespace-pre-wrap font-mono overflow-x-auto max-h-24 overflow-y-auto",children:F.errorMessage}),e.jsxs("div",{className:"flex items-center gap-2",children:[F.logsUrl&&e.jsx("a",{href:F.logsUrl,target:"_blank",rel:"noopener noreferrer",className:"text-[10px] text-[#D7FF63]/70 hover:text-[#D7FF63] no-underline transition-colors",children:"View full logs →"}),e.jsx("button",{type:"button",onClick:()=>{G(null),y(null),H(!0),fetch("/api/editor-hosting-verify",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({action:"deploy"})}).then(P=>P.json()).then(P=>{P.ok&&P.deployment?G({id:P.deployment.id,state:P.deployment.state||"QUEUED",url:P.deployment.url,errorMessage:null,logsUrl:null}):y(P.error||"Deployment failed")}).catch(()=>y("Failed to trigger deployment")).finally(()=>H(!1))},className:"text-[10px] text-gray-400 hover:text-white bg-transparent border border-[#3d3d3d] rounded px-2 py-0.5 cursor-pointer transition-colors",children:"Retry"}),e.jsx("button",{type:"button",onClick:()=>le(`## Deployment Error
+The deployment failed with this error:
+\`\`\`
+${F.errorMessage||"Unknown error"}
+\`\`\`
+${F.logsUrl?`Full logs: ${F.logsUrl}`:""}
+
+Help the user understand what went wrong and how to fix it. Read their project config files (package.json, next.config.ts, prisma/schema.prisma) if needed to diagnose the issue.`),className:"text-[10px] text-[#D7FF63] hover:text-[#D7FF63]/70 bg-transparent border border-[#D7FF63]/30 rounded px-2 py-0.5 cursor-pointer transition-colors",children:"Debug with AI"})]})]})]}),I.lastDeployment===null&&!F&&e.jsxs("div",{className:"bg-[#2a2a2a] border border-[#3d3d3d] rounded-md px-3 py-2 space-y-1.5",children:[e.jsx("p",{className:"text-[11px] text-amber-400 m-0",children:"Not deployed yet"}),e.jsx("p",{className:"text-[10px] text-gray-500 m-0 leading-relaxed",children:"Your project is linked but hasn't been deployed. Push your code to GitHub to trigger an automatic deploy, or deploy now directly."}),e.jsx("button",{type:"button",disabled:W,onClick:()=>{y(null),H(!0),fetch("/api/editor-hosting-verify",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({action:"deploy"})}).then(P=>P.json()).then(P=>{P.ok&&P.deployment?G({id:P.deployment.id,state:P.deployment.state||"QUEUED",url:P.deployment.url,errorMessage:null,logsUrl:null}):y(P.error||"Deployment failed")}).catch(()=>y("Failed to trigger deployment")).finally(()=>H(!1))},className:"text-[11px] text-black bg-[#D7FF63] hover:bg-[#D7FF63]/80 disabled:opacity-40 rounded px-2.5 py-1 border-none cursor-pointer transition-colors font-medium",children:W?"Starting...":"Deploy now"})]})]}),ee===2&&e.jsxs("div",{className:"ml-7 space-y-2",children:[e.jsx("p",{className:"text-[11px] text-gray-500 m-0 leading-relaxed",children:"A Vercel project is where your app lives once deployed. If you signed up with GitHub, Vercel can import the repo directly. Otherwise, create a new project and connect your repository."}),w?e.jsx("div",{children:e.jsx("span",{className:"text-[11px] text-gray-500",children:"Loading your Vercel projects..."})}):d&&u.length===0?e.jsx("div",{className:"space-y-2",children:z?e.jsxs("div",{className:"bg-[#2a2a2a] border border-[#3d3d3d] rounded-md px-3 py-2.5 space-y-1.5",children:[e.jsx("p",{className:"text-[11px] text-gray-300 m-0 font-medium",children:"No Vercel projects found on your account."}),e.jsxs("p",{className:"text-[10px] text-gray-500 m-0",children:["Create one linked to"," ",e.jsx("span",{className:"text-gray-300 font-mono",children:z}),"? Vercel will auto-deploy when you push."]}),e.jsx("button",{type:"button",onClick:E,disabled:L,className:"text-[11px] text-black bg-[#D7FF63] hover:bg-[#D7FF63]/80 disabled:opacity-40 rounded px-2.5 py-1 border-none cursor-pointer transition-colors font-medium mt-0.5",children:L?"Creating...":"Create Vercel project"})]}):e.jsxs("div",{className:"space-y-1.5",children:[e.jsx("p",{className:"text-[11px] text-gray-400 m-0",children:"No Vercel projects found. Create one and import your repository:"}),e.jsx("a",{href:"https://vercel.com/new",target:"_blank",rel:"noopener noreferrer",className:"inline-block text-[11px] text-[#D7FF63] hover:text-[#D7FF63]/70 bg-transparent border border-[#D7FF63]/30 rounded px-2.5 py-1 no-underline transition-colors",children:"Create at vercel.com/new →"}),e.jsxs("p",{className:"text-[10px] text-gray-600 m-0",children:["Then"," ",e.jsx("button",{type:"button",onClick:()=>{v(!1),xe.current=!1,b()},className:"text-[#D7FF63]/60 hover:text-[#D7FF63] bg-transparent border-none p-0 cursor-pointer text-[10px] underline",children:"re-check"})," ","to find it."]})]})}):u.length>0?e.jsxs("div",{className:"space-y-2",children:[z&&!j&&e.jsxs("div",{className:"bg-[#2a2a2a] border border-[#3d3d3d] rounded-md px-3 py-2.5 space-y-1.5",children:[e.jsx("p",{className:"text-[11px] text-gray-300 m-0 font-medium",children:"No existing project matches this repo."}),e.jsxs("p",{className:"text-[10px] text-gray-500 m-0",children:["Create a new Vercel project linked to"," ",e.jsx("span",{className:"text-gray-300 font-mono",children:z}),"? Vercel will auto-deploy when you push."]}),e.jsx("button",{type:"button",onClick:E,disabled:L,className:"text-[11px] text-black bg-[#D7FF63] hover:bg-[#D7FF63]/80 disabled:opacity-40 rounded px-2.5 py-1 border-none cursor-pointer transition-colors font-medium mt-0.5",children:L?"Creating...":"Create Vercel project"})]}),u.length>0&&e.jsxs("div",{className:"space-y-1.5",children:[e.jsx("p",{className:"text-[10px] text-gray-500 m-0",children:j?"Select the project for this app:":"Or select an existing project:"}),e.jsx("div",{className:"space-y-1",children:u.map(P=>e.jsxs("button",{type:"button",onClick:()=>T(P.id,P.name),disabled:N,className:`w-full text-left rounded px-2.5 py-1.5 border transition-colors cursor-pointer flex items-center gap-2 ${P.id===j?"bg-[#2a2a2a] border-[#D7FF63]/40":"bg-[#2a2a2a] border-[#3d3d3d] hover:border-[#555]"}`,children:[e.jsx("span",{className:"text-xs text-white flex-1",children:P.name}),P.framework&&e.jsx("span",{className:"text-[10px] text-gray-500",children:P.framework}),P.id===j&&e.jsx("span",{className:"text-[9px] text-[#D7FF63] bg-[#D7FF63]/10 px-1 py-px rounded",children:"matches repo"})]},P.id))})]})]}):null]})]}),e.jsxs("div",{className:"space-y-1.5",children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(ze,{step:3,done:be,active:ee===3}),e.jsx("span",{className:`text-xs font-medium ${ee>=3?"text-white":"text-gray-600"}`,children:"Environment Variables"}),ee===3&&re>0&&e.jsxs("span",{className:"text-[10px] text-gray-400 ml-auto",children:[J,"/",re," on Vercel"]})]}),ee===3&&I.envVarsChecked&&e.jsx("div",{className:"ml-7 space-y-1.5",children:re===0?e.jsx("p",{className:"text-[11px] text-gray-500 m-0 leading-relaxed",children:"Your app doesn't use any third-party services that need secrets yet. When you add services like a database or payment provider, their required keys will appear here."}):e.jsxs(e.Fragment,{children:[e.jsx("p",{className:"text-[11px] text-gray-500 m-0 leading-relaxed",children:"These are the secrets your app needs to run in production. They must be added to your Vercel project so deployed builds can access them."}),e.jsx("div",{className:"space-y-1 mt-1",children:I.envVars.map(P=>e.jsxs("div",{className:"flex items-center gap-2",children:[P.configuredOnVercel?e.jsx("span",{className:"shrink-0 w-4 h-4 rounded-full bg-green-600 flex items-center justify-center",children:e.jsx("svg",{width:"10",height:"10",viewBox:"0 0 24 24",fill:"none",stroke:"white",strokeWidth:"3",strokeLinecap:"round",strokeLinejoin:"round",children:e.jsx("path",{d:"M20 6L9 17l-5-5"})})}):e.jsx("span",{className:"shrink-0 w-4 h-4 rounded-full bg-amber-500/30 flex items-center justify-center",children:e.jsx("span",{className:"w-2 h-2 rounded-full bg-amber-400"})}),e.jsx("span",{className:"text-xs text-gray-300 font-mono flex-1 truncate",children:P.key}),e.jsx("span",{className:"text-[10px] text-gray-500",children:P.service})]},P.key))}),J<re&&e.jsxs("p",{className:"text-[10px] text-gray-500 m-0 mt-1.5 leading-relaxed",children:["Add missing variables in your"," ",e.jsx("a",{href:`https://vercel.com/~/project/${I.projectName||""}/settings/environment-variables`,target:"_blank",rel:"noopener noreferrer",className:"text-[#D7FF63]/60 hover:text-[#D7FF63] no-underline",children:"Vercel project settings"})," ","→ Environment Variables. Then"," ",e.jsx("button",{type:"button",onClick:D,className:"text-[#D7FF63]/60 hover:text-[#D7FF63] bg-transparent border-none p-0 cursor-pointer text-[10px] underline",children:"re-check"}),"."]})]})}),ee===3&&!I.envVarsChecked&&e.jsxs("div",{className:"ml-7 space-y-1",children:[e.jsx("p",{className:"text-[11px] text-gray-500 m-0 leading-relaxed",children:"Check which secrets your app needs and whether they're configured on Vercel."}),e.jsx("button",{type:"button",onClick:D,className:"text-[11px] text-black bg-[#D7FF63] hover:bg-[#D7FF63]/80 rounded px-2.5 py-1 border-none cursor-pointer transition-colors font-medium",children:"Check environment variables"})]})]}),Y&&R?e.jsx("div",{className:"border border-[#3d3d3d] rounded-lg overflow-hidden",children:e.jsx(Y,{prompt:R,height:400,onClose:()=>{Q(null),U(null),D()}})}):e.jsx("button",{type:"button",onClick:()=>le(),className:"text-[11px] text-gray-400 hover:text-white bg-transparent border border-[#3d3d3d] hover:border-[#555] rounded px-2.5 py-1.5 cursor-pointer transition-colors w-full mt-1",children:"I'm stuck — chat with AI"})]})}function Zs({github:t,onSave:s,onShowChat:r}){const[a,c]=n.useState(null),[o,i]=n.useState(!0),[x,l]=n.useState(""),[g,u]=n.useState(!1),[m,j]=n.useState(!1),[M,w]=n.useState([]),[p,N]=n.useState(!1),[C,L]=n.useState(!1),[O,W]=n.useState(!1),[H,F]=n.useState(null),[G,z]=n.useState(!1),[B,k]=n.useState(null),y=n.useCallback(()=>{i(!0),fetch("/api/editor-github-verify",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({action:"full-status"})}).then(A=>A.json()).then(A=>{c(A),k(null)}).catch(()=>k("Failed to check status")).finally(()=>i(!1))},[]);n.useEffect(()=>{y()},[y]);const R=()=>{j(!0),k(null),fetch("/api/editor-github-verify",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({action:"init-git"})}).then(A=>A.json()).then(A=>{A.ok?y():k(A.error||"Failed to initialize git")}).catch(()=>k("Failed to initialize git")).finally(()=>j(!1))},U=()=>{x.trim()&&(u(!0),k(null),fetch("/api/editor-github-verify",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({action:"save-token",token:x.trim()})}).then(A=>A.json()).then(A=>{A.ok?(l(""),y()):k(A.error||"Token verification failed")}).catch(()=>k("Failed to save token")).finally(()=>u(!1)))},Y=()=>{N(!0),fetch("/api/editor-github-verify",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({action:"list-repos"})}).then(A=>A.json()).then(A=>{A.ok&&(w(A.repos||[]),F(A.suggestedRepoName||null))}).catch(()=>{}).finally(()=>N(!1))},Q=()=>{L(!0),k(null),fetch("/api/editor-github-verify",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({action:"create-repo"})}).then(A=>A.json()).then(A=>{A.ok?(s({owner:A.repo.owner,repo:A.repo.name,repoUrl:A.repo.url}),y()):k(A.error||"Failed to create repository")}).catch(()=>k("Failed to create repository")).finally(()=>L(!1))},D=A=>{W(!0),fetch("/api/editor-github-verify",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({action:"link-repo",repoUrl:A.cloneUrl,owner:A.fullName.split("/")[0],repo:A.name})}).then(te=>te.json()).then(te=>{te.ok&&(s({owner:A.fullName.split("/")[0],repo:A.name,repoUrl:A.url}),y())}).catch(()=>{}).finally(()=>W(!1))},$=()=>{z(!0),k(null),fetch("/api/editor-github-verify",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({action:"push"})}).then(A=>A.json()).then(A=>{A.ok?y():k(A.error||"Push failed")}).catch(()=>k("Push failed")).finally(()=>z(!1))},d=a||{gitInitialized:!1,hasGitignore:!1,hasRemote:!1,isGitHub:!1,ghCliInstalled:!1,ghCliAuthenticated:!1,hasToken:!1,tokenVerified:!1,user:null,githubRepo:null,hasCommits:!1,pushed:!1},v=d.gitInitialized,b=d.ghCliAuthenticated||d.tokenVerified,E=d.hasRemote&&d.isGitHub,T=v?b?3:2:1,I=n.useRef(!1);return n.useEffect(()=>{T===3&&!E&&!I.current&&M.length===0&&!p&&(I.current=!0,Y())},[T,E]),o&&!a?e.jsx("div",{className:"mt-1 mb-2 bg-[#222] rounded-lg p-3 border border-[#333]",children:e.jsx("span",{className:"text-xs text-gray-500",children:"Checking GitHub setup..."})}):e.jsxs("div",{className:"mt-1 mb-2 bg-[#222] rounded-lg p-3 border border-[#333] space-y-3",children:[e.jsxs("div",{children:[e.jsx("div",{className:"text-[10px] font-semibold text-gray-500 uppercase tracking-wider mb-1.5",children:"GitHub Setup"}),e.jsx("p",{className:"text-[11px] text-gray-400 m-0 leading-relaxed",children:"GitHub stores your code and tracks changes. Push your code to a repository so it’s backed up, versioned, and ready for collaboration or deployment."})]}),B&&e.jsx("div",{className:"text-[11px] text-red-400 bg-red-400/10 rounded px-2 py-1.5",children:B}),e.jsxs("div",{className:"space-y-1.5",children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(ze,{step:1,done:v,active:T===1}),e.jsx("span",{className:"text-xs font-medium text-white",children:"Initialize Git"}),v&&d.hasGitignore&&e.jsx("span",{className:"text-[10px] text-gray-400 ml-auto",children:"ready"})]}),T===1&&e.jsxs("div",{className:"ml-7 space-y-2",children:[e.jsxs("p",{className:"text-[11px] text-gray-500 m-0 leading-relaxed",children:["Git tracks every change to your code so you can undo mistakes, see history, and collaborate. This initializes a local git repository and creates a ",e.jsx("code",{children:".gitignore"})," file to keep sensitive files out of version control."]}),e.jsx("button",{type:"button",onClick:R,disabled:m,className:"text-[11px] text-black bg-[#D7FF63] hover:bg-[#D7FF63]/80 disabled:opacity-40 rounded px-2.5 py-1 border-none cursor-pointer transition-colors font-medium",children:m?"Initializing...":"Initialize Git"})]})]}),e.jsxs("div",{className:"space-y-1.5",children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(ze,{step:2,done:b,active:T===2}),e.jsx("span",{className:`text-xs font-medium ${T>=2?"text-white":"text-gray-600"}`,children:"Connect to GitHub"}),b&&d.user&&e.jsx("span",{className:"text-[10px] text-gray-400 ml-auto",children:d.user.username})]}),T===2&&e.jsxs("div",{className:"ml-7 space-y-2.5",children:[e.jsxs("div",{className:"space-y-1",children:[e.jsxs("p",{className:"text-[11px] text-gray-300 m-0 font-medium",children:["a) Install & authenticate with GitHub CLI",d.ghCliInstalled&&!d.ghCliAuthenticated&&e.jsx("span",{className:"text-[10px] text-green-400 ml-1.5",children:"(installed)"})]}),e.jsxs("p",{className:"text-[11px] text-gray-500 m-0 leading-relaxed",children:["The GitHub CLI (",e.jsx("code",{children:"gh"}),") is the easiest way to authenticate. Install it, then run ",e.jsx("code",{children:"gh auth login"})," in your terminal."]}),e.jsxs("div",{className:"flex items-center gap-2",children:[!d.ghCliInstalled&&e.jsx("a",{href:"https://cli.github.com/",target:"_blank",rel:"noopener noreferrer",className:"inline-block text-[11px] text-[#D7FF63] hover:text-[#D7FF63]/70 bg-transparent border border-[#D7FF63]/30 rounded px-2.5 py-1 no-underline transition-colors",children:"Install GitHub CLI →"}),e.jsx("button",{type:"button",onClick:y,disabled:o,className:"text-[11px] text-black bg-[#D7FF63] hover:bg-[#D7FF63]/80 disabled:opacity-40 rounded px-2.5 py-1 border-none cursor-pointer transition-colors font-medium",children:o?"Checking...":"Check Authentication"})]})]}),e.jsxs("div",{className:"space-y-1",children:[e.jsx("p",{className:"text-[11px] text-gray-300 m-0 font-medium",children:"b) Or paste a Personal Access Token"}),e.jsxs("p",{className:"text-[11px] text-gray-500 m-0 leading-relaxed",children:["Create a token with ",e.jsx("strong",{children:"repo"})," scope. This is stored in .env.local (never committed)."]}),e.jsx("a",{href:"https://github.com/settings/tokens/new?scopes=repo&description=CodeYam",target:"_blank",rel:"noopener noreferrer",className:"inline-block text-[11px] text-[#D7FF63]/70 hover:text-[#D7FF63] no-underline transition-colors",children:"Create token on GitHub →"}),d.hasToken&&!d.tokenVerified&&e.jsx("p",{className:"text-[11px] text-amber-400 m-0",children:"A token was found but it didn't work. Try creating a new one."}),e.jsxs("div",{className:"flex items-center gap-1.5",children:[e.jsx("input",{type:"password",placeholder:"Paste your GitHub token",value:x,onChange:A=>l(A.target.value),onKeyDown:A=>{A.key==="Enter"&&U()},className:"bg-[#1a1a1a] border border-[#444] rounded px-2 py-1 text-xs text-white flex-1 outline-none focus:border-[#D7FF63]/50 font-mono"}),e.jsx("button",{type:"button",onClick:U,disabled:g||!x.trim(),className:"text-[11px] text-black bg-[#D7FF63] hover:bg-[#D7FF63]/80 disabled:opacity-40 rounded px-2.5 py-1 border-none cursor-pointer transition-colors font-medium",children:g?"Verifying...":"Connect"})]}),e.jsx("p",{className:"text-[10px] text-gray-600 m-0",children:"Stored in .env.local (gitignored — never committed)"})]})]})]}),e.jsxs("div",{className:"space-y-1.5",children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(ze,{step:3,done:E,active:T===3}),e.jsx("span",{className:`text-xs font-medium ${T>=3?"text-white":"text-gray-600"}`,children:"Create or Link Repository"}),E&&d.githubRepo&&e.jsxs("span",{className:"text-[10px] text-gray-400 ml-auto",children:[d.githubRepo.owner,"/",d.githubRepo.repo]})]}),T===3&&E&&d.githubRepo&&e.jsxs("div",{className:"ml-7 space-y-2",children:[e.jsxs("p",{className:"text-[11px] text-gray-400 m-0 leading-relaxed",children:["Connected to"," ",e.jsxs("a",{href:`https://github.com/${d.githubRepo.owner}/${d.githubRepo.repo}`,target:"_blank",rel:"noopener noreferrer",className:"text-[#D7FF63]/70 hover:text-[#D7FF63] no-underline",children:[d.githubRepo.owner,"/",d.githubRepo.repo]})]}),d.hasCommits&&!d.pushed&&e.jsxs("div",{className:"bg-[#2a2a2a] border border-[#3d3d3d] rounded-md px-3 py-2.5 space-y-1.5",children:[e.jsx("p",{className:"text-[11px] text-gray-300 m-0 font-medium",children:"Push your code to GitHub"}),e.jsx("p",{className:"text-[10px] text-gray-500 m-0",children:"Your local commits haven't been pushed yet. Push now to back up your code and make it available on GitHub."}),e.jsx("button",{type:"button",onClick:$,disabled:G,className:"text-[11px] text-black bg-[#D7FF63] hover:bg-[#D7FF63]/80 disabled:opacity-40 rounded px-2.5 py-1 border-none cursor-pointer transition-colors font-medium mt-0.5",children:G?"Pushing...":"Push to GitHub"})]}),d.pushed&&e.jsx("p",{className:"text-[10px] text-green-400 m-0",children:"Code is pushed and up to date."})]}),T===3&&!E&&e.jsxs("div",{className:"ml-7 space-y-2",children:[e.jsx("p",{className:"text-[11px] text-gray-500 m-0 leading-relaxed",children:"Create a new GitHub repository for this project or link to an existing one."}),e.jsxs("div",{className:"bg-[#2a2a2a] border border-[#3d3d3d] rounded-md px-3 py-2.5 space-y-1.5",children:[e.jsx("p",{className:"text-[11px] text-gray-300 m-0 font-medium",children:"Create a new private repository"}),e.jsx("p",{className:"text-[10px] text-gray-500 m-0",children:"Creates a repository on GitHub and sets it as the remote for this project."}),e.jsx("button",{type:"button",onClick:Q,disabled:C,className:"text-[11px] text-black bg-[#D7FF63] hover:bg-[#D7FF63]/80 disabled:opacity-40 rounded px-2.5 py-1 border-none cursor-pointer transition-colors font-medium mt-0.5",children:C?"Creating...":"Create repository"})]}),M.length===0&&p&&e.jsx("span",{className:"text-[11px] text-gray-500",children:"Loading your repositories..."}),M.length>0&&e.jsxs("div",{className:"space-y-1.5",children:[e.jsx("p",{className:"text-[10px] text-gray-500 m-0",children:"Or link an existing repository:"}),e.jsx("div",{className:"space-y-1",children:M.map(A=>e.jsxs("button",{type:"button",onClick:()=>D(A),disabled:O,className:`w-full text-left rounded px-2.5 py-1.5 border transition-colors cursor-pointer flex items-center gap-2 ${A.name===H?"bg-[#2a2a2a] border-[#D7FF63]/40":"bg-[#2a2a2a] border-[#3d3d3d] hover:border-[#555]"}`,children:[e.jsx("span",{className:"text-xs text-white flex-1",children:A.fullName}),A.private&&e.jsx("span",{className:"text-[10px] text-gray-500",children:"private"}),A.name===H&&e.jsx("span",{className:"text-[9px] text-[#D7FF63] bg-[#D7FF63]/10 px-1 py-px rounded",children:"matches project"})]},A.fullName))})]})]})]}),r&&e.jsx("button",{type:"button",onClick:r,className:"text-[11px] text-gray-400 hover:text-white bg-transparent border border-[#3d3d3d] hover:border-[#555] rounded px-2.5 py-1.5 cursor-pointer transition-colors w-full mt-1",children:"Need help? Ask Claude about GitHub setup"})]})}function er({hosting:t,onSave:s,onEditNavigate:r,defaultEditing:a=!1,onShowChat:c}){const o=(t==null?void 0:t.provider)||null,[i,x]=n.useState(a&&!o),l=g=>{s({provider:g}),x(!1)};if(o==="vercel")return e.jsx(Ra,{hosting:t,onSave:s});if(!i&&o){const g=Qs.find(u=>u.id===o);return e.jsxs("div",{className:"mt-1 mb-2 bg-[#222] rounded-lg p-3 border border-[#333]",children:[e.jsx("div",{className:"text-[10px] font-semibold text-gray-500 uppercase tracking-wider mb-2",children:"Hosting"}),g?e.jsx("div",{className:"flex items-center gap-2 bg-[#2a2a2a] border border-[#D7FF63]/40 rounded-md px-3 py-2",children:e.jsxs("div",{className:"flex-1",children:[e.jsx("div",{className:"text-sm font-medium text-white",children:g.name}),e.jsx("div",{className:"text-[11px] text-gray-400 mt-0.5",children:g.description})]})}):e.jsx("div",{className:"text-xs text-gray-400",children:o}),e.jsx("button",{type:"button",onClick:r??(()=>x(!0)),className:"text-[11px] text-[#D7FF63] hover:text-[#D7FF63]/70 bg-transparent border-none p-0 mt-2 cursor-pointer transition-colors font-medium",children:"Change >"})]})}return e.jsxs("div",{className:"mt-1 mb-2 bg-[#222] rounded-lg p-3 border border-[#333]",children:[e.jsx("div",{className:"text-[10px] font-semibold text-gray-500 uppercase tracking-wider mb-2",children:"Choose a hosting provider"}),e.jsx("div",{className:"space-y-2",children:Qs.map(g=>e.jsxs("button",{type:"button",onClick:()=>l(g.id),className:`w-full text-left rounded-md px-3 py-2.5 border transition-colors cursor-pointer ${o===g.id?"bg-[#2a2a2a] border-[#D7FF63]/40":"bg-[#2a2a2a] border-[#3d3d3d] hover:border-[#555]"}`,children:[e.jsx("div",{className:"text-sm font-medium text-white",children:g.name}),e.jsx("div",{className:"text-[11px] text-gray-400 mt-0.5",children:g.description}),e.jsx("div",{className:"flex gap-1.5 mt-1.5",children:g.services.map(u=>e.jsx("span",{className:"text-[10px] text-gray-300 bg-[#333] px-1.5 py-0.5 rounded",children:u},u))})]},g.id))}),o&&e.jsx("button",{type:"button",onClick:()=>x(!1),className:"text-[11px] text-gray-400 hover:text-white bg-transparent border-none p-0 mt-2 cursor-pointer transition-colors",children:"Cancel"})]})}function tr({serviceName:t,serviceUrl:s,envKeys:r,environmentVariables:a,onSaveEnvVar:c,onEditNavigate:o,defaultEditing:i=!1}){const[x,l]=n.useState(i),[g,u]=n.useState({}),m=n.useMemo(()=>{const p=new Set;for(const N of a){const C=N.key||N.name;C&&N.value&&p.add(C)}return p},[a]),j=r.filter(p=>m.has(p)).length,M=j===r.length,w=p=>{const N=g[p];N!==void 0&&N!==""&&(c(p,N),u(C=>{const L={...C};return delete L[p],L}))};return e.jsxs("div",{className:"mt-1 mb-2 bg-[#222] rounded-lg p-3 border border-[#333]",children:[e.jsxs("div",{className:"flex items-center gap-2 mb-2",children:[e.jsx("span",{className:"text-[10px] font-semibold text-gray-500 uppercase tracking-wider",children:"Credentials"}),s&&e.jsx("a",{href:s,target:"_blank",rel:"noopener noreferrer",className:"text-[10px] text-[#D7FF63]/60 hover:text-[#D7FF63] no-underline",children:"docs →"})]}),e.jsx("div",{className:"space-y-1.5",children:r.map(p=>{const N=m.has(p),C=g[p]!==void 0;return e.jsxs("div",{className:"flex items-center gap-2",children:[N?e.jsx("span",{className:"shrink-0 w-4 h-4 rounded-full bg-green-600 flex items-center justify-center",children:e.jsx("svg",{width:"10",height:"10",viewBox:"0 0 24 24",fill:"none",stroke:"white",strokeWidth:"3",strokeLinecap:"round",strokeLinejoin:"round",children:e.jsx("path",{d:"M20 6L9 17l-5-5"})})}):e.jsx("span",{className:"shrink-0 w-4 h-4 rounded-full bg-amber-500/30 flex items-center justify-center",children:e.jsx("span",{className:"w-2 h-2 rounded-full bg-amber-400"})}),e.jsx("span",{className:"text-xs text-gray-300 font-mono flex-1 truncate",children:p}),N&&!C?e.jsx("span",{className:"text-[10px] text-gray-500",children:"configured"}):x||C?e.jsxs("div",{className:"flex items-center gap-1",children:[e.jsx("input",{type:"text",placeholder:"value",value:g[p]||"",onChange:L=>u(O=>({...O,[p]:L.target.value})),onKeyDown:L=>{L.key==="Enter"&&w(p)},className:"bg-[#1a1a1a] border border-[#444] rounded px-1.5 py-0.5 text-xs text-white w-32 outline-none focus:border-[#D7FF63]/50"}),e.jsx("button",{type:"button",onClick:()=>w(p),className:"text-[10px] text-[#D7FF63] hover:text-[#D7FF63]/70 bg-transparent border-none cursor-pointer p-0 transition-colors",children:"Save"})]}):e.jsx("button",{type:"button",onClick:()=>u(L=>({...L,[p]:""})),className:"text-[10px] text-amber-400 hover:text-amber-300 bg-transparent border-none cursor-pointer p-0 transition-colors",children:"add"})]},p)})}),e.jsxs("div",{className:"flex items-center justify-between mt-2",children:[e.jsx("span",{className:"text-[10px] text-gray-500",children:M?"All keys configured":`${j} of ${r.length} keys configured`}),!x&&!M&&e.jsx("button",{type:"button",onClick:o??(()=>l(!0)),className:"text-[10px] text-[#D7FF63] hover:text-[#D7FF63]/70 bg-transparent border-none cursor-pointer p-0 transition-colors",children:"Configure all >"})]})]})}function Aa({onBack:t,onSwitchToBuild:s,onSwitchToHistory:r,onNavigateToDesignSystem:a,onNavigateToTechStack:c,expandedTasks:o,onExpandedTasksChange:i}){const{revalidate:x}=cn(),[l,g]=n.useState(null),[u,m]=n.useState(!1),[j,M]=n.useState(null),w=n.useCallback(()=>{fetch("/api/editor-roadmap").then(d=>d.json()).then(d=>g(d)).catch(()=>{})},[]);n.useEffect(()=>{w()},[w]);const p=(l==null?void 0:l.plan.some(d=>d.id==="plan-design-system"&&d.completed))??!1;n.useEffect(()=>{if(!p){M(null);return}fetch("/api/editor-design-system").then(d=>d.json()).then(d=>{d.exists&&d.content?M(Gt(d.content)):M(null)}).catch(()=>M(null))},[p]);const N=n.useCallback(d=>{m(!0),fetch("/api/editor-roadmap",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(d)}).then(v=>v.json()).then(()=>w()).catch(()=>{}).finally(()=>m(!1))},[w]),C=n.useCallback((d,v)=>{fetch("/api/editor-project-info",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({projectTitle:d,projectDescription:v})}).then(()=>w()).catch(()=>{})},[w]),L=n.useCallback((d,v)=>{fetch("/api/editor-project-info",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({screenSizes:d,projectScreenSizes:v})}).then(()=>{w(),x()}).catch(()=>{})},[w,x]),O=n.useCallback(d=>{fetch("/api/editor-project-info",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({hosting:d})}).then(()=>w()).catch(()=>{})},[w]),W=n.useCallback(d=>{fetch("/api/editor-project-info",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({github:d})}).then(()=>w()).catch(()=>{})},[w]),H=n.useCallback((d,v)=>{fetch("/api/editor-project-info",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({addEnvironmentVariable:{key:d,value:v}})}).then(()=>w()).catch(()=>{})},[w]),F=n.useCallback((d,v)=>{if(!l)return;const b=l[d].filter(E=>E.id!==v);g({...l,[d]:b}),N({[d]:b})},[l,N]),[G,z]=n.useState(null),B=n.useRef(null),k=n.useRef(0),y=n.useCallback(d=>{const v=new Set(o);v.has(d)?v.delete(d):v.add(d),i(v)},[o,i]),R=n.useCallback(d=>{B.current&&(k.current=B.current.scrollTop),z(d)},[]),U=n.useCallback(()=>{z(null),requestAnimationFrame(()=>{B.current&&(B.current.scrollTop=k.current)})},[]);if(!l)return e.jsx("div",{className:"flex-1 flex items-center justify-center font-['IBM_Plex_Sans']",children:e.jsx("span",{className:"text-sm text-gray-500",children:"Loading roadmap..."})});const Y=l.plan.filter(d=>d.completed).length,Q=l.deploy.filter(d=>d.completed).length,D=l.buildSessionCount===1?"1 working session completed":`${l.buildSessionCount} working sessions completed`,$=G&&([...l.plan,...l.deploy].find(d=>d.id===G)??null);if($){const d=$.id==="plan-project-name"&&$.completed?e.jsx(Ys,{projectTitle:l.projectTitle,projectDescription:l.projectDescription,onSave:C,defaultEditing:!0}):$.id==="plan-screen-sizes"&&$.completed?e.jsx(Xs,{screenSizes:l.screenSizes,projectScreenSizes:l.projectScreenSizes,defaultScreenSize:l.defaultScreenSize,appFormats:l.appFormats,onSave:L,defaultEditing:!0}):$.id==="plan-github"?e.jsx(Zs,{github:l.github,onSave:W}):$.id==="deploy-hosting"?e.jsx(er,{hosting:l.hosting,onSave:O,defaultEditing:!0}):$.serviceRef&&l.techStack?(()=>{var E;const v=l.techStack[$.serviceRef.category],b=v==null?void 0:v.find(T=>T.name===$.serviceRef.name);return(E=b==null?void 0:b.envKeys)!=null&&E.length?e.jsx(tr,{serviceName:b.name,serviceUrl:b.url,envKeys:b.envKeys,environmentVariables:l.environmentVariables,onSaveEnvVar:H,defaultEditing:!0}):null})():null;return e.jsx("div",{className:"flex-1 overflow-auto font-['IBM_Plex_Sans']",children:e.jsxs("div",{className:"p-4 space-y-4",children:[e.jsxs("button",{type:"button",onClick:U,className:"flex items-center gap-1.5 text-xs text-gray-500 hover:text-white bg-transparent border-none p-0 cursor-pointer transition-colors",children:[e.jsx("svg",{width:"10",height:"10",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round",children:e.jsx("path",{d:"M15 18l-6-6 6-6"})}),"Back to Roadmap"]}),e.jsxs("div",{className:"flex items-center gap-2.5",children:[e.jsx("h2",{className:"text-lg font-medium text-white mt-0 mb-0",children:$.label}),$.completed&&e.jsx("span",{className:"shrink-0 w-5 h-5 rounded-full bg-green-600 flex items-center justify-center",children:e.jsx("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"white",strokeWidth:"3",strokeLinecap:"round",strokeLinejoin:"round",children:e.jsx("path",{d:"M20 6L9 17l-5-5"})})})]}),d?e.jsx("div",{children:d}):e.jsx("p",{className:"text-sm text-gray-500",children:$.completed?"This task has been completed.":"This task has not been started yet."}),u&&e.jsx("span",{className:"text-[10px] text-gray-600",children:"Saving..."})]})})}return e.jsx("div",{ref:B,className:"flex-1 overflow-auto font-['IBM_Plex_Sans']",children:e.jsxs("div",{className:"p-4 space-y-6",children:[e.jsxs("button",{type:"button",onClick:t,className:"flex items-center gap-1.5 text-xs text-gray-500 hover:text-white bg-transparent border-none p-0 cursor-pointer transition-colors",children:[e.jsx("svg",{width:"10",height:"10",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round",children:e.jsx("path",{d:"M15 18l-6-6 6-6"})}),"Back to App"]}),e.jsx("h2",{className:"text-lg font-medium text-white mt-0 mb-6",children:"Roadmap"}),e.jsxs("div",{className:"bg-[#2a2a2a] border border-[#3d3d3d] rounded-lg p-4",children:[e.jsx(Ks,{title:"Plan",completedCount:Y,totalCount:l.plan.length}),e.jsx("div",{className:"mt-2",children:l.plan.map(d=>e.jsxs(Js,{todo:d,expanded:o.has(d.id),onToggle:()=>y(d.id),onRemove:d.userCreated?()=>F("plan",d.id):void 0,children:[d.id==="plan-project-name"&&d.completed&&e.jsx(Ys,{projectTitle:l.projectTitle,projectDescription:l.projectDescription,onSave:C,onEditNavigate:()=>R(d.id)}),d.id==="plan-tech-stack"&&e.jsx(Ia,{techStack:l.techStack,onNavigate:c}),d.id==="plan-design-system"&&d.completed&&j&&e.jsx($a,{designSystem:j,onEdit:a}),d.id==="plan-screen-sizes"&&d.completed&&e.jsx(Xs,{screenSizes:l.screenSizes,projectScreenSizes:l.projectScreenSizes,defaultScreenSize:l.defaultScreenSize,appFormats:l.appFormats,onSave:L,onEditNavigate:()=>R(d.id)}),d.id==="plan-github"&&e.jsx(Zs,{github:l.github,onSave:W})]},d.id))})]}),e.jsxs("div",{className:"bg-[#2a2a2a] border border-[#3d3d3d] rounded-lg p-4",children:[e.jsxs("div",{className:"flex items-center gap-2 mb-1",children:[e.jsx("h3",{className:"text-sm font-medium text-white m-0",children:"Build"}),e.jsx("span",{className:"text-xs text-gray-500",children:D})]}),l.featureName&&e.jsxs("div",{className:"mt-3 flex items-center gap-2",children:[e.jsx("span",{className:"text-xs text-gray-400",children:"Active:"}),e.jsxs("button",{type:"button",onClick:s,className:"text-xs text-[#D7FF63] hover:text-[#D7FF63]/70 bg-transparent border-none p-0 cursor-pointer transition-colors",children:[l.featureName,l.editorStepLabel&&e.jsxs("span",{className:"text-gray-500 ml-1",children:["— ",l.editorStepLabel]})]})]}),!l.featureName&&e.jsxs("div",{className:"mt-2",children:[e.jsx("p",{className:"text-xs text-gray-500 m-0",children:"No work is in progress."}),e.jsx("button",{type:"button",onClick:s,className:"text-xs text-[#D7FF63] hover:text-[#D7FF63]/70 bg-transparent border-none p-0 mt-1 cursor-pointer transition-colors",children:"Start the next working session >"})]}),l.recentEntries.length>0&&e.jsxs("div",{className:"mt-3 space-y-1.5",children:[e.jsx("span",{className:"text-[10px] font-semibold text-gray-500 uppercase tracking-wider",children:"Recent"}),l.recentEntries.map(d=>e.jsxs("button",{type:"button",onClick:r,className:"w-full flex items-center gap-2 py-1 px-0 bg-transparent border-none cursor-pointer text-left group",children:[e.jsx("span",{className:`${Ta[d.type]||"bg-gray-600"} text-white text-[8px] font-bold px-1.5 py-0.5 rounded uppercase tracking-wider shrink-0`,children:d.type}),e.jsx("span",{className:"text-xs text-gray-300 group-hover:text-white transition-colors truncate flex-1",children:d.title}),e.jsx("span",{className:"text-[10px] text-gray-600 shrink-0",children:La(d.time)})]},d.time)),l.buildSessionCount>3&&e.jsx("button",{type:"button",onClick:r,className:"text-xs text-[#D7FF63] hover:text-[#D7FF63]/70 bg-transparent border-none p-0 pt-1 cursor-pointer transition-colors",children:"View all working session results >"})]})]}),e.jsxs("div",{className:"bg-[#2a2a2a] border border-[#3d3d3d] rounded-lg p-4",children:[e.jsx(Ks,{title:"Deploy",completedCount:Q,totalCount:l.deploy.length}),e.jsx("div",{className:"mt-2",children:l.deploy.map(d=>e.jsx(Js,{todo:d,expanded:o.has(d.id),onToggle:()=>y(d.id),onRemove:d.userCreated?()=>F("deploy",d.id):void 0,children:d.id==="deploy-hosting"?e.jsx(er,{hosting:l.hosting,onSave:O,onEditNavigate:()=>R(d.id)}):d.serviceRef&&l.techStack?(()=>{var E;const v=l.techStack[d.serviceRef.category],b=v==null?void 0:v.find(T=>T.name===d.serviceRef.name);return(E=b==null?void 0:b.envKeys)!=null&&E.length?e.jsx(tr,{serviceName:b.name,serviceUrl:b.url,envKeys:b.envKeys,environmentVariables:l.environmentVariables,onSaveEnvVar:H,onEditNavigate:()=>R(d.id)}):e.jsx("p",{className:"text-xs text-gray-500 m-0 mt-1 mb-2",children:d.completed?"Completed":"Not started yet"})})():e.jsx("p",{className:"text-xs text-gray-500 m-0 mt-1 mb-2",children:d.completed?"Completed":"Not started yet"})},d.id))})]}),u&&e.jsx("span",{className:"text-[10px] text-gray-600",children:"Saving..."})]})})}function Oa({color:t,onColorChange:s}){const r=n.useRef(null),a=_a(t.value),c=t.value.startsWith("#");return e.jsxs("div",{className:"flex flex-col gap-1",children:[e.jsx("button",{type:"button",className:"w-full h-10 rounded-md border border-[#444] cursor-pointer relative group",style:{backgroundColor:t.value},onClick:()=>{var o;return c&&((o=r.current)==null?void 0:o.click())},title:`--${t.name}: ${t.value}${t.comment?` (${t.comment})`:""}`,children:c&&e.jsx("div",{className:"absolute inset-0 flex items-center justify-center opacity-0 group-hover:opacity-100 transition-opacity bg-black/30 rounded-md",children:e.jsxs("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"white",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[e.jsx("path",{d:"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7"}),e.jsx("path",{d:"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z"})]})})}),c&&e.jsx("input",{ref:r,type:"color",value:a,onChange:o=>s(t.name,o.target.value),className:"sr-only"}),e.jsxs("div",{className:"text-[9px] font-mono text-gray-500 truncate",title:`--${t.name}`,children:["--",t.name]}),e.jsx("div",{className:"text-[9px] font-mono text-gray-600 truncate",children:t.value})]})}function _a(t){if(!t.startsWith("#"))return"#000000";const s=t.slice(1);return s.length===3?`#${s[0]}${s[0]}${s[1]}${s[1]}${s[2]}${s[2]}`:s.length===6||s.length===8?`#${s.slice(0,6)}`:"#000000"}function Ba({group:t,colors:s,onColorChange:r}){const[a,c]=n.useState(!1);return e.jsxs("div",{className:"mb-4",children:[e.jsxs("button",{type:"button",onClick:()=>c(!a),className:"flex items-center gap-1.5 text-[10px] font-semibold text-gray-400 uppercase tracking-wider mb-2 bg-transparent border-none p-0 cursor-pointer hover:text-gray-300 transition-colors",children:[e.jsx("svg",{width:"8",height:"8",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"3",strokeLinecap:"round",strokeLinejoin:"round",className:`transition-transform ${a?"":"rotate-90"}`,children:e.jsx("path",{d:"M9 18l6-6-6-6"})}),t,e.jsxs("span",{className:"text-gray-600 font-normal",children:["(",s.length,")"]})]}),!a&&e.jsx("div",{className:"grid grid-cols-5 gap-2",children:s.map(o=>e.jsx(Oa,{color:o,onColorChange:r},`${o.group}-${o.name}`))})]})}function Wa({designSystem:t,rawMarkdown:s,onSave:r}){const a=t.colors.reduce((l,g)=>(l[g.group]||(l[g.group]=[]),l[g.group].push(g),l),{}),c=n.useCallback((l,g)=>{const u=Fa(s,l,g);r(u)},[s,r]),[o,i]=n.useState(t.fonts.length>0?t.fonts.join(", "):""),x=n.useCallback(()=>{if(!o.trim())return;const l=Da(s,`'${o.trim()}', sans-serif`);r(l)},[s,o,r]);return e.jsxs("div",{className:"space-y-6",children:[Object.keys(a).length>0&&e.jsxs("div",{children:[e.jsx("h4",{className:"text-xs font-medium text-white mb-3",children:"Colors"}),Object.entries(a).map(([l,g])=>e.jsx(Ba,{group:l,colors:g,onColorChange:c},l))]}),t.fonts.length>0&&e.jsxs("div",{children:[e.jsx("h4",{className:"text-xs font-medium text-white mb-3",children:"Typography"}),e.jsxs("div",{className:"flex items-center gap-2 mb-3",children:[e.jsx("label",{className:"text-[10px] text-gray-500 uppercase tracking-wider shrink-0",children:"Font"}),e.jsx("input",{type:"text",value:o,onChange:l=>i(l.target.value),onBlur:x,onKeyDown:l=>l.key==="Enter"&&x(),className:"flex-1 px-2 py-1 text-xs bg-[#222] border border-[#3d3d3d] rounded text-gray-300 outline-none focus:border-[#D7FF63]/50"})]}),t.typographyScale.length>0&&e.jsx("div",{className:"bg-[#222] rounded border border-[#333] overflow-hidden",children:e.jsxs("table",{className:"w-full",children:[e.jsx("thead",{children:e.jsxs("tr",{className:"border-b border-[#333]",children:[e.jsx("th",{className:"text-left px-3 py-1.5 text-[9px] font-semibold text-gray-500 uppercase tracking-wider",children:"Style"}),e.jsx("th",{className:"text-left px-3 py-1.5 text-[9px] font-semibold text-gray-500 uppercase tracking-wider",children:"Size"}),e.jsx("th",{className:"text-left px-3 py-1.5 text-[9px] font-semibold text-gray-500 uppercase tracking-wider",children:"Weight"})]})}),e.jsx("tbody",{children:t.typographyScale.map(l=>e.jsxs("tr",{className:"border-b border-[#333] last:border-b-0",children:[e.jsx("td",{className:"px-3 py-1.5 text-xs text-gray-300",children:l.style}),e.jsx("td",{className:"px-3 py-1.5 text-xs font-mono text-gray-400",children:l.size}),e.jsx("td",{className:"px-3 py-1.5 text-xs font-mono text-gray-400",children:l.weight})]},l.style))})]})})]}),t.radiusTokens.length>0&&e.jsxs("div",{children:[e.jsx("h4",{className:"text-xs font-medium text-white mb-3",children:"Border Radius"}),e.jsx("div",{className:"flex gap-3 flex-wrap",children:t.radiusTokens.map(l=>e.jsxs("div",{className:"flex flex-col items-center gap-1",children:[e.jsx("div",{className:"w-10 h-10 bg-[#D7FF63]/20 border border-[#D7FF63]/40",style:{borderRadius:l.value}}),e.jsxs("div",{className:"text-[9px] font-mono text-gray-500",children:["--",l.name]}),e.jsx("div",{className:"text-[9px] font-mono text-gray-600",children:l.value})]},l.name))})]})]})}function Ha({content:t,onSave:s}){const[r,a]=n.useState(t),[c,o]=n.useState(!1);n.useEffect(()=>{a(t),o(!1)},[t]);const i=n.useCallback(()=>{s(r),o(!1)},[r,s]);return e.jsxs("div",{className:"flex flex-col gap-2 h-full",children:[e.jsx("textarea",{value:r,onChange:x=>{a(x.target.value),o(!0)},className:"flex-1 min-h-[400px] p-3 text-xs font-mono bg-[#1a1a1a] border border-[#3d3d3d] rounded-lg text-gray-300 outline-none focus:border-[#D7FF63]/50 resize-none leading-relaxed",spellCheck:!1}),e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("button",{type:"button",onClick:i,disabled:!c,className:`px-4 py-1.5 text-xs rounded-md font-medium transition-colors cursor-pointer ${c?"text-[#1e1e1e] bg-[#D7FF63] hover:bg-[#D7FF63]/80":"text-gray-500 bg-[#333] cursor-not-allowed"}`,children:"Save"}),c&&e.jsx("span",{className:"text-[10px] text-gray-500",children:"Unsaved changes"})]})]})}function za({onClose:t}){return e.jsx("div",{className:"border border-[#3d3d3d] rounded-lg overflow-hidden",children:e.jsx(Ee,{prompt:`# Edit Design System
+
+You are helping the user edit their design system file at \`.codeyam/design-system.md\`.
+
+Read the current design system file first, then ask the user what they'd like to change. Common changes include:
+- Changing colors (background, text, accent colors)
+- Switching fonts or typography scale
+- Adjusting spacing, radius, or shadow values
+- Adding or removing theme modes (light/dark)
+- Changing the overall aesthetic (minimal, bold, editorial, etc.)
+
+After making changes, briefly summarize what was updated.`,height:500,onClose:t})})}function Ua({onBack:t,onPreviewShowcase:s}){const[r,a]=n.useState("visual"),[c,o]=n.useState(null),[i,x]=n.useState(null),[l,g]=n.useState(!1),[u,m]=n.useState(!1),j=n.useCallback(()=>{fetch("/api/editor-design-system").then(p=>p.json()).then(p=>{p.exists&&p.content&&(o(p.content),x(Gt(p.content)))}).catch(()=>{})},[]);n.useEffect(()=>{j()},[j]),n.useEffect(()=>{if(r!=="claude"||!u)return;const p=setInterval(j,3e3);return()=>clearInterval(p)},[r,u,j]);const M=n.useCallback(p=>{g(!0),o(p),x(Gt(p)),fetch("/api/editor-design-system",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({content:p})}).then(()=>{s()}).catch(()=>{}).finally(()=>g(!1))},[s]);if(!c||!i)return e.jsx("div",{className:"flex-1 flex items-center justify-center font-['IBM_Plex_Sans']",children:e.jsx("span",{className:"text-sm text-gray-500",children:"Loading design system..."})});const w=[{id:"visual",label:"Visual"},{id:"markdown",label:"Markdown"},{id:"claude",label:"Claude"}];return e.jsx("div",{className:"flex-1 overflow-auto font-['IBM_Plex_Sans']",children:e.jsxs("div",{className:"p-4 space-y-4",children:[e.jsxs("button",{type:"button",onClick:t,className:"flex items-center gap-1.5 text-xs text-gray-500 hover:text-white bg-transparent border-none p-0 cursor-pointer transition-colors",children:[e.jsx("svg",{width:"10",height:"10",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round",children:e.jsx("path",{d:"M15 18l-6-6 6-6"})}),"Back to Roadmap"]}),e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsxs("div",{children:[e.jsx("h2",{className:"text-lg font-medium text-white m-0",children:i.name}),i.description&&e.jsx("p",{className:"text-xs text-gray-500 m-0 mt-1 max-w-md",children:i.description})]}),e.jsxs("button",{type:"button",onClick:s,className:"flex items-center gap-1.5 px-3 py-1.5 text-xs text-[#1e1e1e] bg-[#D7FF63] rounded-md hover:bg-[#D7FF63]/80 transition-colors cursor-pointer font-medium",children:[e.jsxs("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[e.jsx("path",{d:"M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"}),e.jsx("circle",{cx:"12",cy:"12",r:"3"})]}),"Preview Components"]})]}),e.jsx("div",{className:"flex gap-1 bg-[#222] rounded-lg p-0.5 w-fit border border-[#333]",children:w.map(p=>e.jsx("button",{type:"button",onClick:()=>{a(p.id),p.id==="claude"&&m(!0)},className:`px-3 py-1 text-xs rounded-md transition-colors cursor-pointer border-none ${r===p.id?"bg-[#3a3a3a] text-white font-medium":"bg-transparent text-gray-500 hover:text-gray-300"}`,children:p.label},p.id))}),e.jsxs("div",{className:"bg-[#2a2a2a] border border-[#3d3d3d] rounded-lg p-4",children:[r==="visual"&&e.jsx(Wa,{designSystem:i,rawMarkdown:c,onSave:M}),r==="markdown"&&e.jsx(Ha,{content:c,onSave:M}),r==="claude"&&u&&e.jsx(za,{onClose:()=>{m(!1),j()}}),r==="claude"&&!u&&e.jsxs("div",{className:"flex flex-col items-center justify-center py-8 gap-3",children:[e.jsx("p",{className:"text-xs text-gray-500",children:"Use Claude to make design system changes with natural language."}),e.jsx("button",{type:"button",onClick:()=>m(!0),className:"px-4 py-2 text-xs text-[#1e1e1e] bg-[#D7FF63] rounded-md hover:bg-[#D7FF63]/80 transition-colors cursor-pointer font-medium",children:"Start Claude Chat"})]})]}),l&&e.jsx("span",{className:"text-[10px] text-gray-600",children:"Saving..."})]})})}const mt=[{key:"languages",label:"Languages"},{key:"frameworks",label:"Frameworks"},{key:"databases",label:"Databases"},{key:"services",label:"External Services"},{key:"libraries",label:"Key Libraries"},{key:"infrastructure",label:"Infrastructure"}];function Va({onBack:t}){const[s,r]=n.useState(null),[a,c]=n.useState(!1),[o,i]=n.useState(!1),[x,l]=n.useState({}),[g,u]=n.useState(!1),m=typeof window<"u"?window.location.origin:"",j=n.useCallback(()=>{fetch("/api/editor-project-info").then(F=>F.json()).then(F=>{r(F.techStack||null),c(!0)}).catch(()=>c(!0))},[]);n.useEffect(()=>{j()},[j]);const M=n.useCallback(F=>{fetch("/api/editor-project-info",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({techStack:F})}).then(()=>j()).catch(()=>{})},[j]),w=()=>{l(s?JSON.parse(JSON.stringify(s)):{}),i(!0)},p=()=>{const F={};for(const{key:G}of mt){const z=x[G];z&&z.length>0&&(F[G]=z.filter(B=>B.name.trim()!==""))}M(F),i(!1)},N=F=>{l(G=>({...G,[F]:[...G[F]||[],{name:"",url:"",description:""}]}))},C=(F,G)=>{l(z=>({...z,[F]:(z[F]||[]).filter((B,k)=>k!==G)}))},L=(F,G,z,B)=>{l(k=>({...k,[F]:(k[F]||[]).map((y,R)=>R===G?{...y,[z]:B}:y)}))},O=(F,G,z)=>{const B=z.split(",").map(k=>k.trim()).filter(Boolean);l(k=>({...k,[F]:(k[F]||[]).map((y,R)=>R===G?{...y,envKeys:B}:y)}))},W=n.useMemo(()=>`# Detect and Set Up Tech Stack
+
+You are helping the user configure their project's tech stack in CodeYam.
+
+## Instructions
+
+1. Read \`package.json\` to find all dependencies and devDependencies
+2. Check for framework config files: \`next.config.js\`, \`next.config.ts\`, \`tailwind.config.js\`, \`prisma/schema.prisma\`, \`tsconfig.json\`, \`vite.config.ts\`, etc.
+3. Check \`.env\`, \`.env.example\`, \`.env.local\` for service references (e.g., STRIPE_SECRET_KEY, DATABASE_URL, OPENAI_API_KEY)
+4. Categorize everything into: languages, frameworks, databases, services, libraries, infrastructure
+
+## Tech Stack Categories
+
+- **languages**: Programming languages (TypeScript, JavaScript, Python, etc.)
+- **frameworks**: Application frameworks (Next.js, React, Express, etc.)
+- **databases**: Database systems (PostgreSQL, SQLite, MongoDB, etc.)
+- **services**: External services/APIs (Stripe, Auth0, SendGrid, AWS S3, etc.) — include \`url\` and \`envKeys\` for each
+- **libraries**: Key libraries beyond the framework (Prisma, Tailwind CSS, Zod, etc.)
+- **infrastructure**: Deployment/infrastructure tools (Vercel, Docker, etc.)
+
+## Output Format
+
+After scanning, POST the tech stack:
+
+\`\`\`bash
+curl -s -X POST ${m}/api/editor-project-info \\
+  -H "Content-Type: application/json" \\
+  -d '{"techStack":{"languages":[{"name":"TypeScript","url":"https://typescriptlang.org","description":"Statically typed JavaScript superset","version":"5"}],"frameworks":[{"name":"Next.js","url":"https://nextjs.org","description":"Full-stack React framework with SSR and API routes","version":"15"}],"databases":[{"name":"SQLite","url":"https://sqlite.org","description":"Embedded relational database"}],"services":[{"name":"Stripe","url":"https://stripe.com","description":"Payment processing and billing","envKeys":["STRIPE_SECRET_KEY","STRIPE_PUBLISHABLE_KEY"]}],"libraries":[{"name":"Prisma","url":"https://prisma.io","description":"Type-safe database ORM and query builder","version":"7"}],"infrastructure":[]}}'
+\`\`\`
+
+Replace the example values with what you actually detect. For each item:
+- \`name\` (required): Technology name
+- \`url\` (required): Link to homepage or docs
+- \`description\` (required): Brief description of what it does or how it's used in this project
+- \`version\` (optional): Version number
+- \`envKeys\` (optional): Array of environment variable names associated with this tech
+
+Omit empty categories. After posting, briefly summarize what was detected.`,[m]),H=s&&mt.some(({key:F})=>s[F]&&s[F].length>0);return e.jsx("div",{className:"flex-1 overflow-auto font-['IBM_Plex_Sans']",children:e.jsxs("div",{className:"p-4 space-y-4",children:[e.jsxs("button",{type:"button",onClick:t,className:"flex items-center gap-1.5 text-xs text-gray-500 hover:text-white bg-transparent border-none p-0 cursor-pointer transition-colors",children:[e.jsx("svg",{width:"10",height:"10",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round",children:e.jsx("path",{d:"M15 18l-6-6 6-6"})}),"Back to Roadmap"]}),e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsx("h2",{className:"text-lg font-medium text-white m-0",children:"Tech Stack"}),e.jsx("div",{className:"flex items-center gap-2",children:a&&!o&&!g&&(H?e.jsx("button",{type:"button",onClick:w,className:"px-3 py-1.5 text-[11px] font-medium text-[#1e1e1e] bg-[#D7FF63] rounded-md hover:bg-[#D7FF63]/80 transition-colors cursor-pointer",children:"Edit"}):e.jsx("button",{type:"button",onClick:()=>u(!0),className:"px-3 py-1.5 text-[11px] font-medium text-[#1e1e1e] bg-[#D7FF63] rounded-md hover:bg-[#D7FF63]/80 transition-colors cursor-pointer",children:"Set up with Claude"}))})]}),g&&e.jsx("div",{className:"border border-[#3d3d3d] rounded-lg overflow-hidden",children:e.jsx(Ee,{prompt:W,height:400,onClose:()=>{u(!1),j()}})}),o&&e.jsxs("div",{className:"space-y-4",children:[e.jsx("button",{type:"button",onClick:()=>{i(!1),u(!0)},className:"px-3 py-1.5 text-[11px] font-medium text-[#1e1e1e] bg-[#D7FF63] rounded-md hover:bg-[#D7FF63]/80 transition-colors cursor-pointer",children:"Re-detect with Claude"}),mt.map(({key:F,label:G})=>{const z=x[F]||[];return e.jsxs("div",{children:[e.jsxs("div",{className:"flex items-center justify-between mb-2",children:[e.jsx("label",{className:"text-[11px] font-semibold text-gray-500 uppercase tracking-wider",children:G}),e.jsx("button",{type:"button",onClick:()=>N(F),className:"text-[11px] text-[#D7FF63] hover:text-[#D7FF63]/70 bg-transparent border-none p-0 cursor-pointer transition-colors",children:"+ Add"})]}),z.map((B,k)=>e.jsxs("div",{className:"bg-[#2a2a2a] border border-[#3d3d3d] rounded-lg p-2.5 mb-2 space-y-1.5",children:[e.jsxs("div",{className:"flex items-center gap-1.5",children:[e.jsx("input",{type:"text",value:B.name,onChange:y=>L(F,k,"name",y.target.value),placeholder:"Name *",className:"flex-1 min-w-0 px-2 py-1 text-xs bg-[#1e1e1e] border border-[#3d3d3d] rounded text-gray-200 placeholder-gray-600 outline-none focus:border-[#D7FF63]/50 transition-colors font-medium"}),e.jsx("input",{type:"text",value:B.version||"",onChange:y=>L(F,k,"version",y.target.value),placeholder:"Version",className:"w-20 px-2 py-1 text-xs bg-[#1e1e1e] border border-[#3d3d3d] rounded text-gray-200 placeholder-gray-600 outline-none focus:border-[#D7FF63]/50 transition-colors"}),e.jsx("button",{type:"button",onClick:()=>C(F,k),className:"text-gray-600 hover:text-red-400 bg-transparent border-none p-0.5 cursor-pointer transition-colors text-xs leading-none",children:"×"})]}),e.jsx("input",{type:"text",value:B.url||"",onChange:y=>L(F,k,"url",y.target.value),placeholder:"URL * (e.g. https://stripe.com)",className:"w-full px-2 py-1 text-[11px] bg-[#1e1e1e] border border-[#3d3d3d] rounded text-gray-300 placeholder-gray-600 outline-none focus:border-[#D7FF63]/50 transition-colors"}),e.jsx("input",{type:"text",value:B.description||"",onChange:y=>L(F,k,"description",y.target.value),placeholder:"Description * (e.g. Payment processing and billing)",className:"w-full px-2 py-1 text-[11px] bg-[#1e1e1e] border border-[#3d3d3d] rounded text-gray-300 placeholder-gray-600 outline-none focus:border-[#D7FF63]/50 transition-colors"}),e.jsx("input",{type:"text",value:(B.envKeys||[]).join(", "),onChange:y=>O(F,k,y.target.value),placeholder:"ENV_KEYS (comma-separated, e.g. STRIPE_SECRET_KEY, STRIPE_PUBLISHABLE_KEY)",className:"w-full px-2 py-1 text-[10px] bg-[#1e1e1e] border border-[#3d3d3d] rounded text-gray-400 placeholder-gray-600 outline-none focus:border-[#D7FF63]/50 transition-colors font-mono"})]},k)),z.length===0&&e.jsx("div",{className:"text-[11px] text-gray-600 italic py-1",children:"No items"})]},F)}),e.jsxs("div",{className:"flex gap-2 pt-1",children:[e.jsx("button",{type:"button",onClick:p,className:"px-4 py-1.5 text-[11px] text-[#1e1e1e] bg-[#D7FF63] rounded-md hover:bg-[#D7FF63]/80 transition-colors cursor-pointer font-medium",children:"Save"}),e.jsx("button",{type:"button",onClick:()=>i(!1),className:"px-4 py-1.5 text-[11px] text-gray-400 bg-transparent border border-[#3d3d3d] rounded-md hover:text-white hover:border-[#555] transition-colors cursor-pointer",children:"Cancel"})]})]}),!o&&!g&&e.jsx(e.Fragment,{children:H?e.jsx("div",{className:"space-y-4",children:mt.map(({key:F,label:G})=>{const z=s[F];return!z||z.length===0?null:e.jsxs("div",{children:[e.jsx("div",{className:"text-[11px] font-semibold text-gray-500 uppercase tracking-wider mb-2",children:G}),e.jsx("div",{className:"space-y-2",children:z.map((B,k)=>e.jsxs("div",{className:"bg-[#2a2a2a] rounded-lg px-3 py-2.5",children:[e.jsxs("div",{className:"flex items-center gap-2",children:[B.url?e.jsx("a",{href:B.url,target:"_blank",rel:"noopener noreferrer",className:"text-sm font-medium text-gray-200 hover:text-[#D7FF63] transition-colors",children:B.name}):e.jsx("span",{className:"text-sm font-medium text-gray-200",children:B.name}),B.version&&e.jsxs("span",{className:"text-[11px] text-gray-500",children:["v",B.version]}),B.url&&e.jsx("a",{href:B.url,target:"_blank",rel:"noopener noreferrer",className:"text-[11px] text-gray-600 hover:text-gray-400 transition-colors truncate",children:B.url.replace(/^https?:\/\//,"")})]}),B.description&&e.jsx("div",{className:"text-xs text-gray-400 mt-1",children:B.description}),B.envKeys&&B.envKeys.length>0&&e.jsx("div",{className:"flex flex-wrap gap-1 mt-1.5",children:B.envKeys.map((y,R)=>e.jsx("span",{className:"text-[10px] text-[#D7FF63]/60 bg-[#D7FF63]/10 px-1.5 py-0.5 rounded font-mono",children:y},R))})]},k))})]},F)})}):e.jsx("div",{className:"text-xs text-gray-500 italic py-4",children:"No tech stack configured yet. Use the buttons above to set up your project's tech stack."})})]})})}function Ga({hasProject:t,scenarios:s,analyzedEntities:r,allEntities:a=[],glossaryFunctions:c=[],cachedTestResults:o={},glossaryEntries:i=[],projectRoot:x,activeScenarioId:l,onScenarioSelect:g,onAnalyzedScenarioSelect:u,onSwitchToBuild:m,onSwitchToHistory:j,zoomComponent:M,focusedEntity:w,onZoomChange:p,entityImports:N,pageFilePaths:C={},projectTitle:L,projectDescription:O,migrationMode:W="none",migrationState:H,onStartMigration:F,breadcrumbItems:G=[],onReseedPreview:z,isAdmin:B=!1,roadmapView:k=!1,onRoadmapViewChange:y,designSystemView:R=!1,onDesignSystemViewChange:U,onPreviewDesignSystem:Y,techStackView:Q=!1,onTechStackViewChange:D}){const{pageGroups:$,componentGroups:d}=n.useMemo(()=>Kt(s),[s]),v=n.useMemo(()=>dr($,d),[$,d]),b=n.useMemo(()=>new Set(r.map(K=>K.sha)),[r]),E=n.useMemo(()=>qn(N||{}),[N]),T=n.useCallback(K=>Xn(K,b,a,E),[b,a,E]),I=n.useMemo(()=>{const K=new Map;for(const se of a)K.set(se.sha,se.name);return K},[a]),A=n.useMemo(()=>Qn($,d,v,T),[$,d,v,T]),te=n.useMemo(()=>r.filter(K=>K.entityType==="visual").sort((K,se)=>K.name.localeCompare(se.name)),[r]),[J,re]=n.useState(()=>{try{return localStorage.getItem("codeyam-app-banner-dismissed")==="true"}catch{return!1}}),be=n.useCallback(()=>{re(!0);try{localStorage.setItem("codeyam-app-banner-dismissed","true")}catch{}},[]),[ee,le]=n.useState(""),[xe,je]=n.useState(()=>new Set),P=n.useRef(null),ie=n.useRef(0),oe=n.useCallback(()=>{P.current&&(ie.current=P.current.scrollTop)},[]);n.useEffect(()=>{P.current&&ie.current>0&&(P.current.scrollTop=ie.current)});const ce=(w==null?void 0:w.sha)??"overview";if(!t)return e.jsx("div",{className:"flex-1 flex items-center justify-center font-['IBM_Plex_Sans']",children:e.jsxs("div",{className:"flex flex-col items-center gap-4",children:[e.jsx("h2",{className:"text-lg font-medium text-white m-0",children:"Ready to build something?"}),e.jsx("button",{onClick:m,className:"px-6 py-3 bg-[#005c75] text-white text-sm font-medium rounded-lg hover:bg-[#004d63] transition-colors cursor-pointer",children:"Start Building"})]})});if(W==="candidate")return e.jsx("div",{className:"flex-1 flex items-center justify-center font-['IBM_Plex_Sans']",children:e.jsxs("div",{className:"flex flex-col items-center gap-5 px-8 text-center max-w-[420px]",children:[e.jsx("h2",{className:"text-lg font-medium text-white m-0",children:"Migrate Your Project"}),e.jsx("p",{className:"text-sm text-gray-400 m-0 leading-relaxed",children:"It looks like you have an existing project. Claude can survey your codebase and systematically migrate it — deconstructing pages into clean components, extracting functions with tests, and creating scenarios. One page per session."}),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:"Get Started"}),e.jsx("button",{onClick:m,className:"text-xs text-gray-500 hover:text-gray-300 bg-transparent border-none p-0 cursor-pointer underline",children:"Skip — build a new feature instead"})]})});if(W==="active"&&H){const K=H.pages||[],se=K.filter(q=>q.status==="complete").length,f=K.length,V=f>0?Math.round(se/f*100):0;return e.jsxs("div",{className:"flex-1 flex flex-col overflow-auto p-4 font-['IBM_Plex_Sans']",children:[e.jsx("h2",{className:"text-lg font-medium text-white m-0 mb-3",children:"Project Migration"}),e.jsxs("div",{className:"mb-4",children:[e.jsx("div",{className:"flex items-center gap-2 mb-1",children:e.jsxs("span",{className:"text-xs text-gray-400",children:[se,"/",f," pages (",V,"%)"]})}),e.jsx("div",{className:"w-full h-1.5 bg-[#2d2d2d] rounded-full overflow-hidden",children:e.jsx("div",{className:"h-full bg-[#005c75] rounded-full transition-all",style:{width:`${V}%`}})})]}),e.jsx("div",{className:"space-y-1.5",children:K.map((q,Z)=>{const he=q.status==="complete"?"✓":q.status==="in-progress"?"→":"○",ve=q.status==="complete"?"text-green-400":q.status==="in-progress"?"text-cyan-400":"text-gray-600";return e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("span",{className:`text-xs ${ve} w-3 text-center`,children:he}),e.jsx("span",{className:`text-xs ${q.status==="in-progress"?"text-white font-medium":q.status==="complete"?"text-gray-400":"text-gray-600"}`,children:q.name}),e.jsx("span",{className:"text-[10px] text-gray-600",children:q.route}),q.status==="complete"&&e.jsxs("span",{className:"text-[10px] text-gray-600",children:[(q.extractedComponents||[]).length,"c"," ",(q.extractedFunctions||[]).length,"f"," ",q.scenarioCount||0,"s"]})]},Z)})}),(H.sharedComponents||[]).length>0&&e.jsxs("div",{className:"mt-4",children:[e.jsx("h3",{className:"text-xs font-medium text-gray-400 mb-1.5",children:"Shared Components"}),(H.sharedComponents||[]).map((q,Z)=>e.jsxs("div",{className:"text-[10px] text-gray-500 mb-0.5",children:[q.name," ",e.jsxs("span",{className:"text-gray-600",children:["— used in: ",(q.usedInPages||[]).join(", ")]})]},Z))]}),e.jsx("div",{className:"mt-4",children:e.jsx("button",{onClick:m,className:"px-4 py-2 bg-[#005c75] text-white text-xs font-medium rounded-lg hover:bg-[#004d63] transition-colors cursor-pointer",children:"Continue in Chat"})})]})}return s.length>0||te.length>0?w?e.jsx(ur,{focusedEntity:w,breadcrumbItems:G,onZoomChange:p,projectRoot:x,scenarios:s,analyzedEntities:r,activeScenarioId:l,onScenarioSelect:g,onAnalyzedScenarioSelect:u,onSwitchToBuild:m,entityImports:N,glossaryFunctions:c,cachedTestResults:o,glossaryEntries:i,entityShaMap:v,componentGroups:d,visualEntities:te,isEntityComplete:T,onReseedPreview:z}):Q?e.jsx(Va,{onBack:()=>{D==null||D(!1),y==null||y(!0)}}):R?e.jsx(Ua,{onBack:()=>{U==null||U(!1),y==null||y(!0)},onPreviewShowcase:()=>Y==null?void 0:Y()}):B&&k?e.jsx(Aa,{onBack:()=>y==null?void 0:y(!1),onSwitchToBuild:m,onSwitchToHistory:j,onNavigateToDesignSystem:()=>{y==null||y(!1),U==null||U(!0)},onNavigateToTechStack:()=>{y==null||y(!1),D==null||D(!0)},expandedTasks:xe,onExpandedTasksChange:je}):e.jsx("div",{ref:P,onScroll:oe,className:"flex-1 overflow-auto font-['IBM_Plex_Sans']",children:e.jsxs("div",{className:"p-4 space-y-4 flex flex-col gap-12",children:[A.length>1&&e.jsx(ta,{brokenEntities:A}),!J&&e.jsxs("div",{className:"relative border border-[#2e7d32]/40 bg-cybg rounded-lg p-4 pr-10",children:[e.jsx("button",{onClick:be,className:"absolute top-3 right-3 text-[#D7FF63] hover:text-white bg-transparent border-none cursor-pointer p-0.5",title:"Dismiss",children:e.jsx("svg",{width:"14",height:"14",viewBox:"0 0 12 12",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",children:e.jsx("path",{d:"M2 2l8 8M10 2l-8 8"})})}),e.jsx("p",{className:"text-sm text-white font-medium m-0 leading-snug",children:"These are all the pages in your project."}),e.jsxs("p",{className:"text-sm text-gray-400 m-0 leading-snug mt-0.5",children:["(1) Select a scenario below and switch to"," ",e.jsx("button",{type:"button",onClick:m,className:"underline text-[#D7FF63] bg-transparent border-none cursor-pointer p-0 text-sm inline hover:text-[#D7FF63]/70 transition-colors",children:"build"})," ","to change or enhance an existing page."]}),e.jsx("p",{className:"text-sm text-gray-400 m-0 leading-snug mt-0.5",children:"(2) Select a page to see all of its sub-components and edit scenarios."})]}),B&&e.jsx("div",{className:"mb-4",children:e.jsx(ja,{onNavigateToRoadmap:()=>y==null?void 0:y(!0),onSwitchToBuild:m})}),$.size>0&&e.jsxs("div",{children:[e.jsxs("div",{className:"flex items-center gap-3 font-['IBM_Plex_Mono']",children:[e.jsx("span",{className:"text-xs font-bold text-gray-400 uppercase tracking-wider shrink-0",children:"Pages"}),e.jsx("div",{className:"flex-1"}),e.jsxs("div",{className:"relative",style:{width:170},children:[e.jsxs("svg",{className:"absolute left-3 top-1/2 -translate-y-1/2 text-gray-500",width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[e.jsx("circle",{cx:"11",cy:"11",r:"8"}),e.jsx("path",{d:"M21 21l-4.35-4.35"})]}),e.jsx("input",{type:"text",placeholder:"SEARCH...",value:ee,onChange:K=>le(K.target.value),className:"w-full pl-9 pr-3 py-2 text-xs bg-[#2a2a2a] border border-[#3d3d3d] rounded-md text-gray-300 placeholder-gray-600 outline-none focus:border-[#D7FF63]/50 transition-colors tracking-wider"})]}),e.jsxs("button",{onClick:m,className:"flex items-center gap-1.5 px-4 py-2 text-xs font-semibold text-[#1e1e1e] bg-[#D7FF63] rounded-md hover:bg-[#D7FF63]/80 transition-colors cursor-pointer shrink-0 uppercase tracking-wider",children:[e.jsx("span",{children:"+"})," New Page"]})]}),e.jsx("div",{className:"border-b border-[#2d2d2d] mt-3"}),[...$.entries()].sort(([K],[se])=>K==="Home"?-1:se==="Home"?1:K.localeCompare(se)).filter(([K])=>{if(!ee.trim())return!0;const se=v.get(K);return((se?I.get(se):void 0)||K).toLowerCase().includes(ee.trim().toLowerCase())}).map(([K,se])=>{const f=se.some(V=>V.id===l);return e.jsx("div",{className:"mt-2",children:v.has(K)&&T(v.get(K))?e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"flex items-center gap-1.5 py-1",children:e.jsxs("button",{onClick:()=>p(K,v.get(K)),className:`flex items-center gap-1.5 text-sm font-normal cursor-pointer hover:text-white transition-colors bg-transparent border-none p-0 ${f?"text-[#D7FF63]":"text-gray-300"}`,children:[(()=>{const V=v.get(K);return(V?I.get(V):void 0)||K})(),e.jsxs("span",{className:`font-normal text-sm ${f?"text-[#D7FF63]/60":"text-gray-500"}`,children:["(",se.length,")"]}),e.jsx("svg",{className:f?"text-[#D7FF63]/60":"text-gray-500",width:"10",height:"10",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round",children:e.jsx("path",{d:"M9 18l6-6-6-6"})})]})}),e.jsx("div",{className:"grid grid-cols-3 gap-2 pt-1",children:Ce(se).map(({scenario:V,dimensionLabel:q,screenshotPath:Z,key:he})=>e.jsx(bt,{scenarioId:V.id,screenshotPath:Z,updatedAt:V.updatedAt,hasScreenshot:!!Z,name:V.name,dimensionLabel:q,isActive:V.id===l,onSelect:()=>g(V,q??void 0)},he))})]}):e.jsxs("div",{className:"py-2",children:[e.jsx("span",{className:"text-sm font-normal text-gray-500",children:(()=>{const V=v.get(K);return V&&I.get(V)||K})()}),e.jsxs("div",{className:"flex items-center gap-2 mt-1.5",children:[e.jsxs("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"#E0D400",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round",className:"shrink-0",children:[e.jsx("circle",{cx:"12",cy:"12",r:"10"}),e.jsx("line",{x1:"12",y1:"8",x2:"12",y2:"12"}),e.jsx("line",{x1:"12",y1:"16",x2:"12.01",y2:"16"})]}),e.jsx("p",{className:"text-xs text-[#E0D400]/80 m-0 leading-relaxed",children:"Data missing for this page."}),e.jsx(hr,{name:K,scenarios:se,reason:v.has(K)?"incomplete":"missing"})]})]})},K)})]})]})},ce):e.jsx("div",{className:"flex-1 flex items-center justify-center font-['IBM_Plex_Sans']",children:e.jsxs("div",{className:"flex flex-col items-center gap-4 px-8 text-center",children:[L?e.jsxs(e.Fragment,{children:[e.jsx("h2",{className:"text-lg font-medium text-white m-0",children:L}),O&&e.jsx("p",{className:"text-sm text-gray-400 m-0 leading-relaxed",children:O})]}):e.jsx("h2",{className:"text-lg font-medium text-white m-0",children:"Your project is ready"}),e.jsx("p",{className:"text-sm text-gray-400 m-0 leading-relaxed",children:"Describe what you want to build in the Chat and your pages and components will appear here."}),e.jsx("button",{onClick:m,className:"px-6 py-3 bg-[#005c75] text-white text-sm font-medium rounded-lg hover:bg-[#004d63] transition-colors cursor-pointer",children:"Start Building"})]})})}const sr=[{key:"app",label:"App"},{key:"build",label:"Build"},{key:"data",label:"Structure"},{key:"history",label:"History"}],Ja=()=>e.jsx("svg",{width:"10",height:"10",viewBox:"0 0 12 12",fill:"none",className:"text-[#8E8E8E] shrink-0",children:e.jsx("path",{d:"M4.5 3L7.5 6L4.5 9",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})});function Ka({activeTab:t,onTabChange:s,buildIdle:r,projectTitle:a,breadcrumbItems:c,onBreadcrumbNavigate:o}){const[i,x]=n.useState(!1),l=n.useRef(null);n.useEffect(()=>{if(!i)return;const u=m=>{l.current&&!l.current.contains(m.target)&&x(!1)};return document.addEventListener("mousedown",u),()=>document.removeEventListener("mousedown",u)},[i]);const g=c&&c.length>0;return e.jsxs("div",{className:"shrink-0 z-20 @container",children:[e.jsxs("div",{className:"bg-black h-10 flex items-center px-4 gap-4",children:[e.jsxs("div",{className:"flex items-center gap-3 min-w-0",children:[e.jsxs("div",{className:"flex items-center gap-2 shrink-0",children:[e.jsx("img",{src:Fn,alt:"CodeYam",className:"h-5 shrink-0"}),e.jsx("span",{className:"text-sm font-medium text-white whitespace-nowrap hidden @min-[500px]:inline",children:"CodeYam Editor"})]}),e.jsx("span",{className:"text-[#8E8E8E] text-sm shrink-0",children:"/"}),e.jsx("div",{className:"hidden @min-[350px]:flex items-center gap-1",children:sr.map(u=>e.jsxs("button",{onClick:()=>s(u.key),className:`px-2.5 py-2.5 text-sm transition-colors cursor-pointer border-b ${t===u.key?"text-[#D7FF63] border-[#D7FF63] font-medium":"text-[#8E8E8E] border-transparent hover:text-white font-light"}`,children:[u.label,u.key==="build"&&r&&t!=="build"&&e.jsx("span",{className:"ml-1 inline-block w-1.5 h-1.5 rounded-full bg-amber-400 animate-pulse"})]},u.key))})]}),e.jsx("div",{className:"flex-1"}),e.jsx("button",{onClick:()=>s("settings"),className:`hidden @min-[350px]:block p-1.5 rounded-md transition-colors cursor-pointer ${t==="settings"?"text-[#D7FF63]":"text-[#8E8E8E] hover:text-white"}`,title:"Settings",children:e.jsxs("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[e.jsx("circle",{cx:"12",cy:"12",r:"3"}),e.jsx("path",{d:"M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1-2.83 2.83l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-4 0v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83-2.83l.06-.06A1.65 1.65 0 0 0 4.68 15a1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1 0-4h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 2.83-2.83l.06.06A1.65 1.65 0 0 0 9 4.68a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 4 0v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 2.83l-.06.06A1.65 1.65 0 0 0 19.4 9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 0 4h-.09a1.65 1.65 0 0 0-1.51 1z"})]})}),e.jsxs("div",{className:"@min-[350px]:hidden relative",ref:l,children:[e.jsx("button",{onClick:()=>x(!i),className:"p-1.5 rounded-md transition-colors cursor-pointer text-[#8E8E8E] hover:text-white",title:"Menu",children:e.jsxs("svg",{width:"18",height:"18",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",children:[e.jsx("line",{x1:"3",y1:"6",x2:"21",y2:"6"}),e.jsx("line",{x1:"3",y1:"12",x2:"21",y2:"12"}),e.jsx("line",{x1:"3",y1:"18",x2:"21",y2:"18"})]})}),i&&e.jsxs("div",{className:"absolute right-0 top-full mt-1 bg-[#2d2d2d] border border-[#3d3d3d] rounded-lg shadow-lg py-1 min-w-[140px] z-50",children:[sr.map(u=>e.jsxs("button",{onClick:()=>{s(u.key),x(!1)},className:`w-full text-left px-4 py-2 text-sm transition-colors cursor-pointer bg-transparent border-none ${t===u.key?"text-[#D7FF63]":"text-[#8E8E8E] hover:text-white hover:bg-[#3d3d3d]"}`,children:[u.label,u.key==="build"&&r&&t!=="build"&&e.jsx("span",{className:"ml-1 inline-block w-1.5 h-1.5 rounded-full bg-amber-400 animate-pulse"})]},u.key)),e.jsx("div",{className:"border-t border-[#3d3d3d] my-1"}),e.jsx("button",{onClick:()=>{s("settings"),x(!1)},className:`w-full text-left px-4 py-2 text-sm transition-colors cursor-pointer bg-transparent border-none ${t==="settings"?"text-[#D7FF63]":"text-[#8E8E8E] hover:text-white hover:bg-[#3d3d3d]"}`,children:"Settings"})]})]})]}),e.jsx("div",{className:`bg-[#161616] h-8 flex items-center px-4 border-b border-[#2d2d2d]${t==="build"?" hidden":""}`,children:e.jsx("nav",{className:"flex items-center gap-2 text-sm min-w-0",children:g?e.jsxs(e.Fragment,{children:[e.jsx("button",{type:"button",onClick:()=>o==null?void 0:o(),className:"text-[#8E8E8E] hover:text-white transition-colors bg-transparent border-none p-0 cursor-pointer shrink-0",children:a||"Untitled Project"}),c.slice(1).map((u,m)=>{const j=m===c.length-2;return e.jsxs("span",{className:"flex items-center gap-2 min-w-0",children:[e.jsx(Ja,{}),j?e.jsx("span",{className:"text-white truncate",children:u.name}):e.jsx("button",{type:"button",onClick:()=>o==null?void 0:o(u.componentName,u.entitySha),className:"text-[#8E8E8E] hover:text-white transition-colors bg-transparent border-none p-0 cursor-pointer truncate",children:u.name})]},u.componentName||u.name)})]}):e.jsx("span",{className:"text-[#8E8E8E]",children:a||"Untitled Project"})})})]})}function Ya({onMouseDown:t,onDoubleClick:s,isDragging:r}){return e.jsxs("div",{className:"shrink-0 relative flex items-center justify-center cursor-col-resize group",style:{width:12},onMouseDown:t,onDoubleClick:s,children:[e.jsx("div",{className:"absolute inset-y-0 left-1/2 -translate-x-1/2",style:{width:r?3:1,backgroundColor:r?"#3b82f6":"#3d3d3d",transition:"width 100ms, background-color 100ms"}}),!r&&e.jsx("div",{className:"absolute inset-0 bg-blue-500/0 group-hover:bg-blue-500/20 transition-colors pointer-events-none"}),e.jsxs("div",{className:"relative z-10 flex flex-col gap-[3px] opacity-0 group-hover:opacity-100 transition-opacity",style:r?{opacity:1}:void 0,children:[e.jsx("div",{className:"w-2 h-px bg-gray-400"}),e.jsx("div",{className:"w-2 h-px bg-gray-400"}),e.jsx("div",{className:"w-2 h-px bg-gray-400"})]})]})}const rr=300,ft=150;function qa(t){const[s,r]=n.useState(null),[a,c]=n.useState(!1),o=n.useRef(0),i=n.useRef(null);n.useEffect(()=>{t.current&&r(Math.round(t.current.offsetWidth*.5))},[t]);const x=n.useCallback(()=>{var N;return((N=t.current)==null?void 0:N.offsetWidth)??(typeof window<"u"?window.innerWidth:1024)},[t]),l=n.useCallback(N=>{N.preventDefault(),c(!0)},[]),g=n.useCallback(()=>{r(Math.round(x()*.5))},[x]),u=n.useCallback(()=>{r(N=>(N&&N>0&&(i.current=N),0))},[]),m=n.useCallback(()=>{const N=i.current;i.current=null,r(N&&N>=rr?N:Math.round(x()*.5))},[x]),j=n.useCallback(()=>{r(Math.round(x()*.5))},[x]);n.useEffect(()=>{if(!a)return;document.body.style.cursor="col-resize",document.body.style.userSelect="none";const N=L=>{cancelAnimationFrame(o.current),o.current=requestAnimationFrame(()=>{var B;const O=(B=t.current)==null?void 0:B.getBoundingClientRect(),W=(O==null?void 0:O.left)??0,F=((O==null?void 0:O.width)??window.innerWidth)-ft,G=L.clientX-W,z=Math.min(Math.max(G,rr),F);r(z)})},C=L=>{var G;cancelAnimationFrame(o.current),c(!1);const O=(G=t.current)==null?void 0:G.getBoundingClientRect(),W=(O==null?void 0:O.left)??0,H=(O==null?void 0:O.width)??window.innerWidth,F=L.clientX-W;F<ft?r(0):H-F<ft&&r(H)};return document.addEventListener("mousemove",N),document.addEventListener("mouseup",C),()=>{cancelAnimationFrame(o.current),document.removeEventListener("mousemove",N),document.removeEventListener("mouseup",C),document.body.style.cursor="",document.body.style.userSelect=""}},[a,t]),n.useEffect(()=>{const N=()=>{r(C=>{if(C===null||C===0)return C;const L=x();return C>=L?L:Math.min(C,L-ft)})};if(!(typeof window>"u"))return window.addEventListener("resize",N),()=>window.removeEventListener("resize",N)},[x]);const M=x(),w=s===0,p=s!==null&&s>=M;return{editorWidth:s,isDragging:a,isEditorCollapsed:w,isPreviewCollapsed:p,handleMouseDown:l,handleDoubleClick:g,collapseEditor:u,expandEditor:m,expandPreview:j}}function Xa({preview:t,viewportWidth:s,viewportHeight:r,scale:a,onDismiss:c,onLoadCommit:o}){const i=s*a,x=r*a;return e.jsxs("div",{className:"flex flex-col items-center gap-4 w-full",style:{maxWidth:`${i}px`},children:[e.jsxs("div",{className:"text-center shrink-0",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 border-2 border-[#ccc] shadow-md overflow-y-auto overflow-x-hidden shrink",style:{width:`${i}px`,maxHeight:`${x}px`},children:e.jsx("img",{src:t.screenshotUrl,alt:t.scenarioName,className:"block",style:{width:`${i}px`}})}),e.jsxs("div",{className:"flex items-center gap-2 text-sm text-[#666] shrink-0",children:[t.commitSha&&e.jsx("span",{className:"font-mono text-xs text-[#00a0c4] bg-[#00a0c4]/15 px-2 py-0.5 rounded",children:t.commitSha.slice(0,7)}),e.jsxs("span",{className:"truncate",children:[t.scenarioName,t.commitMessage&&` — ${t.commitMessage}`]})]}),e.jsx("div",{className:"flex items-center gap-3 shrink-0",children:t.commitSha&&o&&e.jsx(Qa,{commitSha:t.commitSha,onLoadCommit:o})})]})}function Qa({commitSha:t,onLoadCommit:s}){const[r,a]=n.useState(!1),[c,o]=n.useState(null);return e.jsxs(e.Fragment,{children:[e.jsx("button",{onClick:()=>{a(!0),o(null),s(t).then(i=>{i.success||o(i.error||"Failed to load commit")}).catch(i=>{o(i instanceof Error?i.message:"Network error")}).finally(()=>a(!1))},disabled:r,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:r?"Reverting...":"Revert to this code and load this version"}),c&&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:c})]})}function Za({preview:t,viewportWidth:s,viewportHeight:r,scale:a,onDismiss:c}){const o=s*a,i=r*a;return e.jsxs("div",{className:"flex flex-col items-center gap-4 w-full",style:{maxWidth:`${o}px`},children:[e.jsxs("div",{className:"text-center shrink-0",children:[e.jsx("h2",{className:"text-lg font-semibold text-gray-200 m-0 font-['IBM_Plex_Sans']",children:t.scenarioName}),e.jsxs("div",{className:"flex items-center justify-center gap-2 mt-2",children:[e.jsx("span",{className:"inline-block w-2 h-2 rounded-full bg-amber-400 animate-pulse"}),e.jsx("p",{className:"text-sm text-amber-400/90 m-0 font-['IBM_Plex_Sans']",children:"The app is being edited - you can control the live preview when building is paused or complete."})]})]}),t.hasScreenshot?e.jsx("div",{className:"rounded-lg border-2 border-[#4d4d4d] shadow-md overflow-y-auto overflow-x-hidden shrink",style:{width:`${o}px`,maxHeight:`${i}px`},children:e.jsx(Ue,{scenarioId:t.scenarioId,screenshotPath:t.screenshotPath,updatedAt:t.updatedAt,alt:t.scenarioName,imgClassName:"block w-full",className:""})}):e.jsx("div",{className:"rounded-lg border-2 border-[#4d4d4d] bg-[#1a1a1a] flex items-center justify-center w-[400px] h-[300px]",children:e.jsx("span",{className:"text-sm text-gray-500",children:"No screenshot available"})}),e.jsx("button",{onClick:c,className:"text-xs text-gray-500 hover:text-gray-300 bg-transparent border-none cursor-pointer transition-colors shrink-0",children:"Dismiss"})]})}function eo({analysisId:t,scenarioId:s,scenarioName:r,entityName:a,projectSlug:c,onStateChange:o}){const{interactiveServerUrl:i,isStarting:x,isLoading:l}=Dn({analysisId:t,scenarioId:s,scenarioName:r,entityName:a,projectSlug:c,enabled:!0});return n.useEffect(()=>{o(i,x||l)},[i,x,l,o]),null}function to({onSaveToCurrent:t,onSaveAsNew:s,onDismiss:r,isSaving:a,scenarioName:c}){return e.jsxs("div",{className:"flex items-center justify-between px-4 py-1.5 bg-emerald-900/60 border-b border-emerald-700/50 text-emerald-200 text-xs",children:[e.jsx("span",{className:"font-medium",children:c?e.jsxs(e.Fragment,{children:["Data modified in “",c,"”."]}):"Data modified."}),e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("button",{onClick:t,disabled:a,className:"px-2.5 py-0.5 bg-emerald-600 hover:bg-emerald-500 disabled:opacity-50 text-white text-xs font-medium rounded transition-colors cursor-pointer disabled:cursor-not-allowed",children:a?"Saving...":"Save to Scenario"}),e.jsx("button",{onClick:s,disabled:a,className:"px-2.5 py-0.5 bg-emerald-800 hover:bg-emerald-700 disabled:opacity-50 text-emerald-200 text-xs font-medium rounded transition-colors cursor-pointer disabled:cursor-not-allowed",children:"Save as New"}),e.jsx("button",{onClick:r,disabled:a,className:"text-emerald-400 hover:text-emerald-200 disabled:opacity-50 transition-colors cursor-pointer disabled:cursor-not-allowed",title:"Dismiss",children:e.jsxs("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[e.jsx("line",{x1:"18",y1:"6",x2:"6",y2:"18"}),e.jsx("line",{x1:"6",y1:"6",x2:"18",y2:"18"})]})})]})]})}function so({latestVersion:t}){const[s,r]=n.useState(!1);if(s)return null;const a=`npm install -g @codeyam/codeyam-cli@${t}`;return e.jsxs("div",{className:"shrink-0 w-full bg-[#D7FF63] px-4 py-1.5 flex items-center text-xs text-black font-['IBM_Plex_Sans']",children:[e.jsxs("div",{className:"flex-1 flex items-center justify-center gap-2",children:[e.jsx("span",{children:"An update to the codeyam editor is available."}),e.jsx("code",{className:"bg-[#2d2d2d] text-white font-mono text-xs px-3 py-0.5 rounded-full",children:a}),e.jsx(Te,{content:a,icon:!0,iconSize:12,className:"text-black hover:text-gray-700 transition-colors"})]}),e.jsx("button",{type:"button",onClick:()=>r(!0),className:"shrink-0 p-0.5 rounded text-black/60 hover:text-black hover:bg-black/10 transition-colors cursor-pointer bg-transparent border-none","aria-label":"Dismiss upgrade banner",children:e.jsx("svg",{className:"w-3.5 h-3.5",fill:"none",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2",viewBox:"0 0 24 24",stroke:"currentColor",children:e.jsx("path",{d:"M6 18L18 6M6 6l12 12"})})})]})}function ro(t,s){return s.status==="error"?{url:null,proxyUrl:null,isStarting:!1,error:s.errorMessage||"Dev server crashed",canStartServer:t.canStartServer,autoStartAttempted:t.autoStartAttempted,shouldAutoStart:!1}:s.url?{url:s.url,proxyUrl:s.proxyUrl||null,isStarting:!1,error:null,canStartServer:!0,autoStartAttempted:t.autoStartAttempted,shouldAutoStart:!1}:s.status==="starting"?{...t,isStarting:!0,error:null,canStartServer:!0,shouldAutoStart:!1}:s.status==="stopped"?t.url?{...t,url:null,isStarting:!1,shouldAutoStart:!1}:t.autoStartAttempted?{...t,isStarting:!1,shouldAutoStart:!1}:{...t,autoStartAttempted:!0,shouldAutoStart:!0}:{...t,shouldAutoStart:!1}}function no(t){const[s,r]=n.useState({url:null,proxyUrl:null,isStarting:!1,error:null,canStartServer:!0,autoStartAttempted:!1}),a=n.useRef(s);a.current=s,n.useEffect(()=>{let i=!1,x=null;const l=async()=>{try{const g=await fetch("/api/editor-dev-server");if(i)return;const u=await g.json(),m=ro(a.current,u),{shouldAutoStart:j,...M}=m;if(r(M),j&&!(t!=null&&t.skipAutoStart))try{const w=await fetch("/api/editor-dev-server",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({action:"start"})});if(i)return;w.ok?r(p=>({...p,isStarting:!0})):r(p=>({...p,canStartServer:!1}))}catch{}}catch{}};return l(),x=setInterval(()=>void l(),2e3),()=>{i=!0,x&&clearInterval(x)}},[s.url]);const c=n.useCallback(()=>{r(i=>({...i,error:null,isStarting:!0})),fetch("/api/editor-dev-server",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({action:"restart"})}).catch(()=>{})},[]),o=n.useCallback(()=>{r(i=>({...i,error:null,isStarting:!0})),fetch("/api/editor-dev-server",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({action:"start"})}).catch(()=>{})},[]);return{devServerUrl:s.url,proxyUrl:s.proxyUrl,isStarting:s.isStarting,error:s.error,canStartServer:s.canStartServer,retryServer:c,startServer:o}}function ao(t){const s=n.useRef(null),r=n.useRef(null);n.useEffect(()=>{if(typeof document>"u")return;r.current||(r.current=document.createElement("canvas"),r.current.width=64,r.current.height=64);const a=document.querySelector('link[rel="icon"]');if(!a)return;if(s.current||(s.current=a.href),!t){a.href=s.current;return}const c=new Image;c.crossOrigin="anonymous",c.onload=()=>{const o=r.current,i=o.getContext("2d");i.clearRect(0,0,64,64);const x=56,l=(64-x)/2;i.drawImage(c,l,l,x,x);const g=12,u=64-g-1,m=g+1;i.beginPath(),i.arc(u,m,g,0,2*Math.PI),i.fillStyle="#ef4444",i.fill(),a.href=o.toDataURL("image/png")},c.src=s.current},[t]),n.useEffect(()=>()=>{if(typeof document>"u")return;const a=document.querySelector('link[rel="icon"]');a&&s.current&&(a.href=s.current)},[])}function vo({currentUrl:t,nextUrl:s,formMethod:r,defaultShouldRevalidate:a}){return r||t.pathname===s.pathname?a:t.pathname.startsWith("/editor")&&s.pathname.startsWith("/editor")?!1:a}const No=()=>[{title:"Editor - CodeYam"},{name:"description",content:"CodeYam Code + Data Editor"}];class oo extends n.Component{constructor(){super(...arguments);Ls(this,"state",{error:null,errorInfo:null})}static getDerivedStateFromError(r){return{error:r,errorInfo:null}}componentDidCatch(r,a){console.error("[EditorErrorBoundary] Error:",r.message),console.error("[EditorErrorBoundary] Component stack:",a.componentStack),console.error("[EditorErrorBoundary] Loader snapshot:",JSON.stringify(this.props.loaderSnapshot,null,2)),this.setState({errorInfo:a})}render(){var r;return this.state.error?e.jsx("div",{className:"fixed inset-0 bg-[#1e1e1e] flex items-center justify-center p-8",children:e.jsxs("div",{className:"max-w-[600px] w-full space-y-4",children:[e.jsx("h2",{className:"text-lg font-semibold text-red-400 font-['IBM_Plex_Sans'] m-0",children:"Something went wrong"}),e.jsx("pre",{className:"text-xs text-gray-300 bg-[#2d2d2d] p-3 rounded overflow-auto max-h-[120px]",children:this.state.error.message}),((r=this.state.errorInfo)==null?void 0:r.componentStack)&&e.jsxs("details",{className:"text-xs text-gray-500",children:[e.jsx("summary",{className:"cursor-pointer hover:text-gray-300 transition-colors",children:"Component stack"}),e.jsx("pre",{className:"mt-2 bg-[#2d2d2d] p-3 rounded overflow-auto max-h-[200px] text-yellow-300",children:this.state.errorInfo.componentStack})]}),e.jsx("p",{className:"text-xs text-gray-500 m-0",children:"Full diagnostics are in the browser console."}),e.jsx("button",{onClick:()=>window.location.reload(),className:"px-4 py-2 bg-[#005c75] text-white text-sm rounded hover:bg-[#004d63] transition-colors cursor-pointer",children:"Reload"})]})}):this.props.children}}const wo=dn(function(){var Ds,Ps;const{projectSlug:s,projectRoot:r,hasProject:a,scenarios:c,allScenarios:o,analyzedEntities:i,allEntities:x,glossaryFunctions:l,glossaryEntries:g,entityImports:u,pageFilePaths:m,entityChangeStatus:j,modifiedFiles:M,featureName:w,userPrompt:p,projectTitle:N,projectDescription:C,defaultScreenSize:L,screenSizes:O,appFormats:W,editorStep:H,editorStepLabel:F,claudeSessionId:G,focusedEntitySha:z,newerEntitySha:B,focusedEntity:k,migrationMode:y,migrationState:R,cachedTestResults:U,providerSwitch:Y,currentProvider:Q}=xn(),D=pn("root"),$=(D==null?void 0:D.npmUpdate)??null,d=(D==null?void 0:D.isAdmin)??!1,[v,b]=hn(),E=un(),T=n.useRef(null),I=n.useRef(null),A=n.useRef(null),te=n.useRef(null),[J,re]=n.useState(z),[be,ee]=n.useState(!1),[le,xe]=n.useState(!1),[je,P]=n.useState(!1),[ie,oe]=n.useState(0);n.useEffect(()=>{re(z)},[z]),n.useEffect(()=>{const h=S=>{const _=S.target;(_.tagName==="BUTTON"||_.closest("button"))&&(_.closest("button")??_).blur()};return document.addEventListener("mouseup",h),()=>document.removeEventListener("mouseup",h)},[]);const ce=n.useMemo(()=>Is(J,x),[J,x,o]),ue=(ce==null?void 0:ce.displayName)??void 0,K=v.get("scenario")||((Ds=xt(o))==null?void 0:Ds.id)||void 0,[se,f]=n.useState(()=>ue?[ue]:[]),V=n.useRef(null),q=n.useRef([]),Z=n.useRef(null);n.useEffect(()=>{var ae;const h=K||((ae=xt(o))==null?void 0:ae.id);if(!yn(h,V.current))return;const S=o.find(de=>de.id===h);if(!S)return;V.current=h;const _=_t(S,q.current,Z.current);_&&$e(_);const X=Ye(S.name);fetch("/api/editor-switch-scenario",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({scenarioSlug:X,scenarioId:S.id,scenarioName:S.name,scenarioType:S.type})}).catch(()=>{})},[K,o]),n.useEffect(()=>{const h=new BroadcastChannel("codeyam-editor");return h.onmessage=S=>{var _;if(((_=S.data)==null?void 0:_.type)==="switch-scenario"&&S.data.scenarioId){const X=S.data.scenarioId,ae=o.find(He=>He.id===X);if(!ae)return;V.current=X;const de=new URLSearchParams(v);de.set("scenario",X),de.delete("zoom"),b(de),vt(null),tt(null),Fe(null),ke(!0);const Se=Ye(ae.name);fetch("/api/editor-switch-scenario",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({scenarioSlug:Se,scenarioId:X,scenarioType:ae.type})}).then(()=>{fe(!1),Ae(He=>He+1)}).catch(()=>{ke(!1)})}},()=>h.close()},[v,b,o]),n.useEffect(()=>{if(v.get("ref")!=="link"||!K)return;const h=new BroadcastChannel("codeyam-editor");h.postMessage({type:"switch-scenario",scenarioId:K}),h.close(),window.close()},[]);const{devServerUrl:he,proxyUrl:ve,isStarting:qt,error:jt,canStartServer:fr,retryServer:gr,startServer:br}=no({skipAutoStart:y==="candidate"||y==="active"}),[et,fe]=n.useState(!1),[me,vt]=n.useState(null),[Xt,tt]=n.useState(null),[Nt,Qt]=n.useState(!1),[st,Fe]=n.useState(null),[rt,Le]=n.useState(null),yr=n.useCallback(async h=>{const _=await(await fetch("/api/editor-load-commit",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({commitSha:h})})).json();return _.success&&(Fe(null),fe(!1)),_},[]),jr=n.useCallback((h,S)=>{tt(_=>(h&&h!==_&&fe(!1),h)),!S&&h&&fe(!0),Qt(S)},[]),wt=n.useCallback(h=>{Fe(null),vt(_=>(_&&_.analysisId===h.analysisId||(tt(null),Ae(ae=>ae+1)),h)),Qt(!0),fe(!1);const S=new URLSearchParams(v);S.delete("scenario"),S.delete("zoom"),b(S)},[v,b]),[ne,$e]=n.useState(L?{name:L.name,width:L.width,height:L.height}:{name:"Desktop",width:1440,height:900}),[Zt,es]=n.useState(!1),[ge,ts]=n.useState(!1),vr=(W==null?void 0:W.includes("mobile-app"))??!1,ss=L?{name:L.name,width:L.width,height:L.height}:null;Z.current=ss;const rs=mn(),pe=n.useMemo(()=>{const h=rs.pathname.split("/").filter(Boolean),S=h[h.length-1];return S==="build"||S==="history"||S==="settings"?S:S==="structure"?"data":"app"},[rs.pathname]),ye=n.useCallback(h=>{re(null),f([]),ee(!1);const S=h==="app"?"":`/${h==="data"?"structure":h}`,_=v.get("scenario"),X=_?`?scenario=${_}`:"";E(`/editor${S}${X}`)},[E,v]),kt=n.useCallback(()=>{ye("build"),Ie(!0)},[ye]),Nr=n.useCallback(()=>{ye("history")},[ye]),wr=n.useCallback(()=>{ye("build"),Ie(!0),setTimeout(()=>{var h;(h=T.current)==null||h.sendInput("codeyam editor migrate")},300)},[ye]),[kr,Ie]=n.useState(pe==="build"),Ve=!!(w&&H),Ge=H!=null&&H<=1,[Me,nt]=n.useState(Y&&Ve&&!Ge?"provider-switch":Ve&&!Ge?"pending":Ve&&Ge?"fresh":"no-session"),ns=n.useRef(!1);n.useEffect(()=>{(Me==="pending"||Me==="provider-switch")&&!ns.current&&(ns.current=!0,ye("build"),Ie(!0))},[Me,ye]);const as=n.useRef(!1);n.useEffect(()=>{Ve&&Ge&&!as.current&&(as.current=!0,fetch("/api/editor-session",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({action:"clear"})}).catch(()=>{}))},[Ve,Ge]);const Sr=n.useCallback(()=>{nt("continue")},[]),Cr=n.useCallback(()=>{fetch("/api/editor-session",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({action:"clear"})}).catch(()=>{}),nt("fresh")},[]),Fr=n.useCallback(async()=>{await fetch("/api/editor-handoff",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({action:"accept"})}).catch(()=>{}),await fetch("/api/editor-session",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({action:"clear-session-id"})}).catch(()=>{}),nt("fresh")},[]),Dr=n.useCallback(async()=>{await fetch("/api/editor-handoff",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({action:"dismiss"})}).catch(()=>{}),await fetch("/api/editor-session",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({action:"clear"})}).catch(()=>{}),nt("fresh")},[]),[Pr,St]=n.useState("none"),Er=n.useCallback(()=>{St("choosing")},[]),Tr=n.useCallback(()=>{var h;fetch("/api/editor-session",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({action:"clear"})}).catch(()=>{}),St("none"),(h=T.current)==null||h.sendInput("/clear"),setTimeout(()=>{var S;(S=T.current)==null||S.sendInput("/codeyam-editor")},500)},[]),Lr=n.useCallback(()=>{St("none")},[]),[Ct,Ft]=n.useState(!1),[$r,os]=n.useState(!1),is=n.useRef(!1),at=n.useRef(0),Ir=n.useRef(!1),Mr=n.useCallback(h=>{Ft(h),h||(Ir.current=!0),h&&!is.current&&(os(!1),at.current=Date.now()),h||(at.current=0),is.current=h},[]),[Ne,Rr]=n.useState(!1),Dt=n.useRef(!1),Ar=n.useCallback(h=>{h!==Dt.current&&(console.log("[Editor] claudeBuilding: %s → %s",Dt.current,h),Dt.current=h,Rr(h))},[]);ao(Ct);const ls=n.useRef(Ne);n.useEffect(()=>{var S;const h=ls.current&&!Ne;if(ls.current=Ne,!Ne)if(h){const _=v.get("scenario")||((S=xt(o))==null?void 0:S.id),X=o.find(ae=>ae.id===_);if(X){console.log("[Editor] Building stopped, loading live preview for: %s",X.name),Le(null);const ae=Ye(X.name);V.current=X.id,ke(!0),Oe(!1),fe(!1),fetch("/api/editor-switch-scenario",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({scenarioSlug:ae,scenarioId:X.id,scenarioType:X.type,skipBroadcast:!0})}).then(()=>{Ae(de=>de+1)}).catch(()=>{ke(!1),fe(!0)})}else Le(null)}else Le(null)},[Ne,v,o]);const{editorWidth:cs,isDragging:ds,isEditorCollapsed:De,isPreviewCollapsed:Pt,handleMouseDown:Or,handleDoubleClick:_r,collapseEditor:Br,expandEditor:xs,expandPreview:Wr}=qa(te),[Et,ps]=n.useState(!1),Hr=n.useCallback(()=>{ps(!0),ye("build"),Ie(!0)},[ye]),hs=n.useCallback(()=>{ps(!1)},[]),zr=n.useCallback(h=>{$e(h),fetch("/api/editor-project-info",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({defaultScreenSize:h,skipBroadcast:!0})})},[]),[us,ms]=n.useState(jn);n.useEffect(()=>{const h=vn();ms(h),h.systemNotification&&typeof Notification<"u"&&Notification.permission==="default"&&Notification.requestPermission()},[]);const Ur=n.useCallback(h=>{ms(h),Nn(h)},[]);n.useEffect(()=>{if(pe==="build"){Ft(!1);const h=setTimeout(()=>{var S,_;(S=T.current)==null||S.scrollToBottom(),(_=T.current)==null||_.focus()},50);return()=>clearTimeout(h)}},[pe]),n.useEffect(()=>{function h(){!document.hidden&&pe==="build"&&Ft(!1)}return document.addEventListener("visibilitychange",h),()=>document.removeEventListener("visibilitychange",h)},[pe]);const[Pe,Vr]=n.useState(null);n.useEffect(()=>{const h=A.current;if(!h)return;const S=new ResizeObserver(_=>{const X=_[0];X&&Vr({width:X.contentRect.width,height:X.contentRect.height})});return S.observe(h),()=>S.disconnect()},[]);const Je=vr&&!ge&&(ne.height??900)>ne.width,we=n.useMemo(()=>Pe?Je?$s(Pe,{width:ne.width+pt.width,height:(ne.height??900)+pt.height}):$s(Pe,ne):1,[Pe,ne,Je]),[Re,Ae]=n.useState(0),[fs,Tt]=n.useState(null),[ot,ke]=n.useState(!1),it=n.useRef(!1),[Gr,Oe]=n.useState(!1),[Jr,gs]=n.useState(!1),Lt=n.useRef(0);n.useEffect(()=>{Re>0&&(Lt.current=Date.now()+3e3)},[Re]);const Kr=n.useCallback(()=>{if(Date.now()<Lt.current)return;const h=at.current;h===0||Date.now()-h<5e3||Oe(!0)},[]);n.useEffect(()=>{const h=S=>{var _;if(((_=S.data)==null?void 0:_.type)==="codeyam-localstorage-changed"){if(Date.now()<Lt.current)return;const X=at.current;if(X===0||Date.now()-X<5e3)return;Oe(!0)}};return window.addEventListener("message",h),()=>window.removeEventListener("message",h)},[]);const bs=n.useCallback(async h=>{gs(!0);try{let S;const _=I.current;_!=null&&_.contentWindow&&(S=await new Promise(de=>{const Se=setTimeout(()=>de(void 0),2e3),He=Es=>{var Ts;((Ts=Es.data)==null?void 0:Ts.type)==="codeyam-localstorage-state"&&(clearTimeout(Se),window.removeEventListener("message",He),de(Es.data.data))};window.addEventListener("message",He),_.contentWindow.postMessage({type:"codeyam-get-localstorage"},"*")}));const ae=await(await fetch("/api/editor-save-seed-state",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({mode:h,localStorage:S})})).json();ae.success?Oe(!1):console.error("[editor] Save seed state failed:",ae.error)}catch(S){console.error("[editor] Save seed state error:",S)}finally{gs(!1)}},[]),Yr=n.useCallback((h,S)=>{if(Tt(h||null),S){const _=new URLSearchParams(v);_.set("scenario",S),V.current=S,b(_);const X=o.find(ae=>ae.id===S);if(X){const ae=_t(X,q.current,Z.current);ae&&$e(ae)}}Fe(null),fe(!1),Ae(_=>_+1)},[v,b,o]),{customSizes:$t,addCustomSize:qr,removeCustomSize:Xr}=gn(s),Ke=n.useMemo(()=>ir(O,W),[O,W]),lt=n.useMemo(()=>[...Ke,...$t],[Ke,$t]);q.current=lt;const ct=n.useMemo(()=>{const h=new Map;for(const S of x){h.set(S.name,S.sha);const _=Ze(Qe(S.filePath));_!==S.name&&h.set(_,S.sha)}return h},[x]),ys=n.useMemo(()=>{const h=new Map;for(const S of x)h.set(S.sha,S.name);return h},[x]),js=n.useMemo(()=>{const h=[{name:"App"}];be&&h.push({name:"Roadmap"}),le&&h.push({name:"Design System"}),je&&h.push({name:"Tech Stack"});for(const S of se){const _=ct.get(S),X=_?ys.get(_):void 0;h.push({name:X||S,componentName:S,entitySha:_})}return h},[se,ct,ys,be,le,je]),{pageGroups:vs,componentGroups:It}=n.useMemo(()=>Kt(o),[o]),dt=n.useMemo(()=>dr(vs,It),[vs,It]),[Qr,Zr]=n.useState("application"),[_e,Mt]=n.useState([]),[Rt,Ns]=n.useState(null),ws=n.useMemo(()=>Rt?Is(Rt,x):null,[Rt,x,o]),ks=n.useMemo(()=>{const h=[{name:"App"}];for(const S of _e)h.push({name:S,componentName:S,entitySha:ct.get(S)});return h},[_e,ct]),At=n.useCallback((h,S)=>{if(!h){Mt([]),Ns(null);return}const _=S||dt.get(h);if(!_)return;const X=_e.indexOf(h);X>=0?Mt(_e.slice(0,X+1)):Mt([..._e,h]),Ns(_)},[_e,dt]),Ss=n.useCallback((h,S)=>{if(!h){f([]),re(null);const de=v.get("scenario"),Se=de?`?scenario=${de}`:"";E(`/editor${Se}`);return}if(!S){console.error(`[editor] No entity SHA for "${h}" — entity missing from database`);return}const _=se.indexOf(h);_>=0?f(se.slice(0,_+1)):f([...se,h]);const X=o.find(de=>de.entitySha===S);re(S);const ae=X?`?scenario=${X.id}`:"";E(`/editor/entity/${S}${ae}`)},[E,o,se,v]),Cs=n.useCallback(h=>{ke(!0),it.current=!0,Oe(!1),fe(!1);const S=Ye(h.name);fetch("/api/editor-switch-scenario",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({scenarioSlug:S,scenarioId:h.id,scenarioType:h.type,skipBroadcast:!0})}).then(()=>{it.current=!1,Ae(_=>_+1)}).catch(()=>{it.current=!1,ke(!1),fe(!0)})},[]),Be=n.useCallback((h,S)=>{console.log("[Editor] Scenario selected: %s dimension=%s (claudeBuilding=%s)",h.name,S??"default",Ne),vt(null),tt(null),Fe(null),Tt(null);let _=null;if(S&&(O!=null&&O[S])){const ae=O[S],de=lt.find(Se=>Se.width===ae.width&&Se.height===ae.height);_={name:(de==null?void 0:de.name)||S,...ae}}_||(_=_t(h,lt,ss)),_&&$e(_),V.current=h.id;const X=new URLSearchParams(v);X.set("scenario",h.id),b(X),Ne?Le({scenarioId:h.id,scenarioName:h.name,updatedAt:h.updatedAt,hasScreenshot:!!h.screenshotPath,screenshotPath:h.screenshotPath}):(Le(null),Cs(h))},[v,b,lt,O,Ne,Cs]),en=n.useCallback(()=>{const h=K;if(!h)return;const S=o.find(X=>X.id===h);if(!S)return;const _=Ye(S.name);fe(!1),fetch("/api/editor-switch-scenario",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({scenarioSlug:_,scenarioId:S.id,scenarioType:S.type})}).then(()=>{Ae(X=>X+1)})},[K,o]),tn=n.useCallback(h=>{if(!h.commitSha){const S=o.find(_=>_.name===h.scenarioName);if(S){Be(S);return}}Fe(h)},[o,Be]),sn=h=>{const S={name:h.name,width:h.width,height:h.height};$e(S),fetch("/api/editor-project-info",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({defaultScreenSize:S,skipBroadcast:!0})})},rn=(h,S,_)=>{qr(h,S,_)},nn=h=>{$e(h),fetch("/api/editor-project-info",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({defaultScreenSize:h,skipBroadcast:!0})})};n.useEffect(()=>{const h=S=>{var _;if(((_=S.data)==null?void 0:_.type)==="codeyam-preview-ready"&&!me){if(it.current)return;fe(!0),ke(!1)}};return window.addEventListener("message",h),()=>window.removeEventListener("message",h)},[me]);const Fs=()=>{me||setTimeout(()=>{fe(h=>(h||ke(!1),!0))},5e3)},We=n.useMemo(()=>wn({activeAnalyzedScenario:!!me,analyzedPreviewUrl:Xt,activeScenarioId:K||null,scenarios:o,proxyUrl:ve,devServerUrl:he,zoomComponent:ue||null}),[ve,he,ue,K,o,me,Xt]),Ot=n.useMemo(()=>{if(le)return`/api/design-system-showcase?__cb=${ie}`;const h=kn(We,fs);if(!h)return null;const S=h.includes("?")?"&":"?";return`${h}${S}__cb=${Re}`},[We,fs,Re,le,ie]),an=n.useMemo(()=>({projectSlug:s,hasProject:a,scenarioCount:c==null?void 0:c.length,allScenarioCount:o==null?void 0:o.length,analyzedEntityCount:i==null?void 0:i.length,glossaryFunctionCount:l==null?void 0:l.length,entityChangeStatusKeys:j?Object.keys(j):[],featureName:w}),[s,a,c,o,i,l,j,w]);return e.jsxs(e.Fragment,{children:[e.jsx(oo,{loaderSnapshot:an,children:e.jsxs("div",{className:"fixed inset-0 bg-[#2d2d2d] flex flex-col",children:[me&&e.jsx(eo,{analysisId:me.analysisId,scenarioId:me.scenarioId,scenarioName:me.scenarioName,entityName:me.entityName,projectSlug:s,onStateChange:jr},me.analysisId),$&&e.jsx(so,{latestVersion:$.latestVersion}),e.jsxs("div",{ref:te,className:"flex-1 flex min-h-0",children:[De&&e.jsx("div",{className:"shrink-0 flex items-center justify-center cursor-pointer hover:bg-[#3d3d3d] transition-colors",style:{width:8,backgroundColor:"#2d2d2d"},onClick:xs,title:"Expand editor",children:e.jsx("svg",{width:"6",height:"10",viewBox:"0 0 6 10",fill:"none",stroke:"#888",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round",children:e.jsx("path",{d:"M1 1l4 4-4 4"})})}),e.jsxs("aside",{className:"bg-[#1e1e1e] shrink-0 flex flex-col overflow-hidden",style:{...De?{display:"none"}:cs!==null?{width:`${cs}px`}:{width:"50%"}},children:[B&&ce&&e.jsxs("div",{className:"px-3 py-2 text-xs flex items-center justify-between",style:{background:"#2a1f00",borderBottom:"1px solid #3d2e00",color:"#f0c040"},children:[e.jsxs("span",{children:["Viewing an older version of"," ",e.jsx("strong",{children:ce.name}),". A newer version exists."]}),e.jsx("a",{href:`/editor/entity/${B}`,className:"px-2 py-0.5 rounded text-xs",style:{background:"#3d2e00",color:"#f0c040",textDecoration:"none"},children:"View latest"})]}),e.jsx(Ka,{activeTab:pe,onTabChange:h=>{ye(h),h==="build"&&Ie(!0),fetch("/api/telemetry-page-view",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({route:`/editor/${h}`})}).catch(()=>{})},buildIdle:Ct,projectTitle:N,breadcrumbItems:pe==="data"?ks:js,onBreadcrumbNavigate:pe==="data"?At:Ss}),e.jsxs("div",{className:"flex-1 min-h-0 overflow-hidden relative",children:[Ct&&pe!=="build"&&!$r&&e.jsxs("div",{className:"absolute top-3 left-1/2 -translate-x-1/2 z-50 animate-[slideDown_0.3s_ease-out]",children:[e.jsx("style",{children:`
+                    @keyframes slideDown {
+                      from { transform: translate(-50%, -100%); opacity: 0; }
+                      to { transform: translate(-50%, 0); opacity: 1; }
+                    }
+                  `}),e.jsxs("div",{className:"flex items-center gap-1 bg-amber-50 border-2 border-amber-300 rounded-lg shadow-lg",children:[e.jsxs("button",{onClick:()=>{ye("build"),Ie(!0)},className:"flex items-center gap-2 px-4 py-2 cursor-pointer hover:bg-amber-100 transition-colors rounded-l-md",children:[e.jsx("span",{className:"inline-block w-2 h-2 rounded-full bg-amber-400 animate-pulse"}),e.jsx("span",{className:"text-sm font-medium text-amber-900",children:"Claude is waiting for you"}),e.jsx("span",{className:"text-xs text-amber-600 ml-1",children:"Go to Build"})]}),e.jsx("button",{onClick:h=>{h.stopPropagation(),os(!0)},className:"px-2 py-2 cursor-pointer hover:bg-amber-100 transition-colors rounded-r-md text-amber-400 hover:text-amber-600","aria-label":"Dismiss",children:e.jsx("svg",{width:"14",height:"14",viewBox:"0 0 14 14",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",children:e.jsx("path",{d:"M3 3l8 8M11 3l-8 8"})})})]})]}),kr&&e.jsxs("div",{className:"absolute inset-0 flex flex-col overflow-hidden",style:{visibility:pe==="build"?"visible":"hidden"},children:[e.jsx(Hn,{projectTitle:N,featureName:w,editorStep:H,editorStepLabel:F,migrationMode:y}),e.jsx("div",{className:"flex-1 min-h-0",style:Et?{flex:"1 1 50%"}:void 0,children:Me==="provider-switch"&&Y?e.jsx($n,{from:Y.from,to:Y.to,lastStep:Y.lastStep,lastStepLabel:Y.lastStepLabel,handoffSummary:Y.handoffSummary,featureName:w,onContinue:()=>void Fr(),onStartFresh:()=>void Dr()}):Me==="pending"?e.jsx(In,{featureName:w,editorStep:H,editorStepLabel:F,onContinue:Sr,onStartFresh:Cr}):e.jsxs("div",{className:"relative h-full",children:[e.jsx(Sn,{ref:T,entityName:"Editor",projectSlug:s,entityFilePath:null,scenarioName:null,onRefreshPreview:Yr,onShowResults:Hr,onHideResults:hs,onSetViewport:zr,onDataMutationForwarded:Kr,onFeatureComplete:Er,editorMode:!0,onIdleChange:Mr,onBuildingChange:Ar,notificationSettings:us,buildTabActive:pe==="build",claudeStartMode:Me==="continue"?"resume":"fresh",claudeSessionId:G,editorStepLabel:F,resultsOpen:Et}),Pr==="choosing"&&e.jsx(Mn,{onStartNextFeature:Tr,onContinueInSession:Lr})]})}),Et&&e.jsx("div",{style:{flex:"1 1 50%"},className:"min-h-0 border-t-2 border-gray-300",children:e.jsx(ea,{scenarios:c,allScenarios:o,glossaryFunctions:l,cachedTestResults:U,projectRoot:r,activeScenarioId:K,onScenarioSelect:Be,onClose:hs,entityChangeStatus:j,modifiedFiles:M,featureName:w,userPrompt:p})})]}),e.jsx("div",{className:"absolute inset-0 flex flex-col overflow-hidden",style:{visibility:pe==="app"?"visible":"hidden"},children:e.jsx(Ga,{hasProject:a,scenarios:o,analyzedEntities:i,allEntities:x,glossaryFunctions:l,cachedTestResults:U,glossaryEntries:g,projectRoot:r,activeScenarioId:K,onScenarioSelect:Be,onAnalyzedScenarioSelect:wt,onSwitchToBuild:kt,onSwitchToHistory:Nr,zoomComponent:ue,focusedEntity:ce,onZoomChange:Ss,entityImports:u,pageFilePaths:m,projectTitle:N,projectDescription:C,breadcrumbItems:js,migrationMode:y,migrationState:R,onStartMigration:wr,onReseedPreview:en,isAdmin:d,roadmapView:be,onRoadmapViewChange:ee,designSystemView:le,onDesignSystemViewChange:xe,onPreviewDesignSystem:()=>{oe(h=>h+1)},techStackView:je,onTechStackViewChange:P})}),e.jsx("div",{className:"absolute inset-0 flex flex-col overflow-hidden",style:{visibility:pe==="data"?"visible":"hidden"},children:ws?e.jsx(ur,{focusedEntity:ws,breadcrumbItems:ks,onZoomChange:At,projectRoot:r,scenarios:o,analyzedEntities:[],activeScenarioId:K,onScenarioSelect:Be,onAnalyzedScenarioSelect:wt,onSwitchToBuild:kt,entityImports:u,glossaryFunctions:l,cachedTestResults:U,glossaryEntries:g,entityShaMap:dt,componentGroups:It,visualEntities:[],isEntityComplete:()=>!0}):e.jsx(zn,{scenarios:o,projectRoot:r,activeScenarioId:K,onScenarioSelect:Be,zoomComponent:void 0,focusedEntity:null,onZoomChange:At,analyzedEntities:[],glossaryFunctions:l,cachedTestResults:U,activeAnalyzedScenarioId:me==null?void 0:me.scenarioId,onAnalyzedScenarioSelect:wt,entityImports:u,pageFilePaths:m,onSwitchToBuild:kt,entityShaMap:dt,structureTab:Qr,onStructureTabChange:Zr})}),e.jsx("div",{className:"absolute inset-0 flex flex-col overflow-hidden",style:{visibility:pe==="history"?"visible":"hidden"},children:e.jsx(ba,{isActive:pe==="history",onScreenshotClick:tn,glossaryFunctions:l,cachedTestResults:U})}),e.jsx("div",{className:"absolute inset-0 flex flex-col overflow-hidden",style:{visibility:pe==="settings"?"visible":"hidden"},children:e.jsxs("div",{className:"flex-1 overflow-auto p-4",children:[e.jsx("h2",{className:"text-sm font-semibold text-white mb-4",children:"Settings"}),e.jsx("p",{className:"text-xs text-gray-400",children:"Settings panel coming soon."})]})})]}),e.jsx(Cn,{serverUrl:he,isStarting:qt,projectSlug:s,devServerError:jt,onStartServer:fr?br:void 0,notificationSettings:us,onChangeNotificationSettings:Ur})]}),!De&&!Pt&&e.jsx(Ya,{onMouseDown:Or,onDoubleClick:_r,isDragging:ds}),Pt&&e.jsx("div",{className:"shrink-0 flex items-center justify-center cursor-pointer hover:bg-[#3d3d3d] transition-colors",style:{width:8,backgroundColor:"#2d2d2d"},onClick:Wr,title:"Expand preview",children:e.jsx("svg",{width:"6",height:"10",viewBox:"0 0 6 10",fill:"none",stroke:"#888",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round",children:e.jsx("path",{d:"M5 1l-4 4 4 4"})})}),e.jsxs("div",{className:"flex-1 flex flex-col min-w-0",style:{...Pt?{display:"none"}:void 0,...ds?{pointerEvents:"none"}:void 0},children:[e.jsxs("div",{className:"bg-[#2d2d2d] border-b border-[#3d3d3d] shrink-0 z-10 h-10 flex items-center pr-4 relative",children:[e.jsx("div",{className:"flex items-center gap-1 shrink-0 z-10",children:e.jsx("button",{onClick:()=>{De?(xs(),setTimeout(()=>{var h;return(h=T.current)==null?void 0:h.focus()},50)):Br()},className:`p-1.5 rounded transition-colors cursor-pointer ${De?"text-white bg-[#666] hover:bg-[#777]":"text-gray-500 hover:text-gray-300"}`,title:De?"Show chat":"Hide chat",children:e.jsx("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round",children:De?e.jsxs(e.Fragment,{children:[e.jsx("path",{d:"M13 17l5-5-5-5"}),e.jsx("path",{d:"M6 17l5-5-5-5"})]}):e.jsxs(e.Fragment,{children:[e.jsx("path",{d:"M11 17l-5-5 5-5"}),e.jsx("path",{d:"M18 17l-5-5 5-5"})]})})})}),e.jsx("div",{className:"absolute inset-0 flex items-center justify-center gap-1 pointer-events-none",children:e.jsxs("div",{className:"flex items-center gap-1 pointer-events-auto",children:[Ke.map(h=>{const S=gt(h),_=S==="desktop"?"Desktop":S==="laptop"?"Laptop":S==="tablet"?"Tablet":"Mobile";return e.jsxs("button",{onClick:()=>{ge&&ts(!1),sn(h)},className:`p-1.5 rounded transition-colors cursor-pointer ${!ge&&ne.name===h.name?"text-white bg-[#555]":"text-gray-500 hover:text-gray-300"}`,title:`${h.name} (${h.width}×${h.height})`,children:[_==="Desktop"&&e.jsxs("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round",children:[e.jsx("rect",{x:"2",y:"3",width:"20",height:"14",rx:"2"}),e.jsx("path",{d:"M8 21h8M12 17v4"})]}),_==="Laptop"&&e.jsxs("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round",children:[e.jsx("path",{d:"M4 6a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v8H4V6z"}),e.jsx("path",{d:"M2 18h20"})]}),_==="Tablet"&&e.jsxs("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round",children:[e.jsx("rect",{x:"5",y:"2",width:"14",height:"20",rx:"2"}),e.jsx("path",{d:"M12 18h.01"})]}),_==="Mobile"&&e.jsxs("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round",children:[e.jsx("rect",{x:"7",y:"2",width:"10",height:"20",rx:"2"}),e.jsx("path",{d:"M12 18h.01"})]})]},h.name)}),e.jsxs("div",{className:"relative",children:[e.jsxs("button",{onClick:()=>{ge||es(h=>!h)},className:`flex items-center gap-1.5 px-2 py-1 rounded transition-colors ${ge?"":"cursor-pointer"} ${ge||Zt||!Ke.some(h=>h.name===ne.name)?"text-white bg-[#555]":"text-gray-400 hover:text-gray-200 hover:bg-[#444]"}`,title:"Custom dimensions",children:[e.jsx("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round",children:e.jsx("path",{d:"M17 3a2.83 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5L17 3z"})}),e.jsx("span",{className:"text-xs font-mono",children:ge&&Pe?`${Math.round(Pe.width)} × ${Math.round(Pe.height)}`:`${ne.width} × ${ne.height??900}`})]}),Zt&&e.jsx(bn,{currentWidth:ne.width,currentHeight:ne.height??900,devicePresets:Ke,customSizes:$t,onApply:nn,onSave:rn,onRemove:Xr,onClose:()=>es(!1)})]}),e.jsx("button",{onClick:()=>{ts(h=>!h)},className:`p-1.5 rounded transition-colors cursor-pointer ${ge?"text-white bg-[#555]":"text-gray-500 hover:text-gray-300"}`,title:ge?"Exit fullscreen":"Fill page with preview",children:e.jsx("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round",children:ge?e.jsxs(e.Fragment,{children:[e.jsx("polyline",{points:"4 14 10 14 10 20"}),e.jsx("polyline",{points:"20 10 14 10 14 4"}),e.jsx("line",{x1:"14",y1:"10",x2:"21",y2:"3"}),e.jsx("line",{x1:"3",y1:"21",x2:"10",y2:"14"})]}):e.jsxs(e.Fragment,{children:[e.jsx("polyline",{points:"15 3 21 3 21 9"}),e.jsx("polyline",{points:"9 21 3 21 3 15"}),e.jsx("line",{x1:"21",y1:"3",x2:"14",y2:"10"}),e.jsx("line",{x1:"3",y1:"21",x2:"10",y2:"14"})]})})}),e.jsx("button",{onClick:()=>{const h=Ot||We;h&&window.open(h,"_blank")},className:"p-1.5 rounded text-gray-500 hover:text-gray-300 transition-colors cursor-pointer",title:"Open preview in new window",children:e.jsxs("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round",children:[e.jsx("path",{d:"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"}),e.jsx("polyline",{points:"15 3 21 3 21 9"}),e.jsx("line",{x1:"10",y1:"14",x2:"21",y2:"3"})]})})]})})]}),Gr&&e.jsx(to,{onSaveToCurrent:()=>void bs("overwrite"),onSaveAsNew:()=>void bs("new"),onDismiss:()=>Oe(!1),isSaving:Jr,scenarioName:(Ps=o.find(h=>{var S;return h.id===(K||((S=xt(o))==null?void 0:S.id))}))==null?void 0:Ps.name}),e.jsx("div",{ref:A,className:`flex-1 flex ${st||rt?"overflow-y-auto overflow-x-hidden":"overflow-hidden"} ${ge?"":"items-center justify-center p-8"}`,style:ge?{backgroundColor:"#fff"}:st?{backgroundColor:"#f5f0e8",backgroundImage:"repeating-linear-gradient(0deg, transparent, transparent 19px, #e8e0d0 19px, #e8e0d0 20px), repeating-linear-gradient(90deg, transparent, transparent 19px, #e8e0d0 19px, #e8e0d0 20px)"}:rt?{backgroundColor:"#1e1e1e"}:{backgroundImage:`
+              linear-gradient(45deg, #333 25%, transparent 25%),
+              linear-gradient(-45deg, #333 25%, transparent 25%),
+              linear-gradient(45deg, transparent 75%, #333 75%),
+              linear-gradient(-45deg, transparent 75%, #333 75%)
+            `,backgroundSize:"16px 16px",backgroundPosition:"0 0, 0 8px, 8px -8px, -8px 0px",backgroundColor:"#2d2d2d"},children:st?e.jsx(Xa,{preview:st,viewportWidth:ne.width,viewportHeight:ne.height??900,scale:we,onDismiss:()=>Fe(null),onLoadCommit:yr}):rt?e.jsx(Za,{preview:rt,viewportWidth:ne.width,viewportHeight:ne.height??900,scale:we,onDismiss:()=>Le(null)}):We?ge?e.jsxs("div",{className:"relative w-full h-full bg-white",children:[!et&&!ot&&e.jsx("div",{className:"absolute inset-0 flex items-center justify-center z-10",children:e.jsxs("div",{className:"flex flex-col items-center justify-center gap-6 bg-[#2a2a2a] rounded-lg p-8 w-[500px] h-[300px]",children:[e.jsx("div",{className:"mb-4",children:e.jsx(Bt,{})}),e.jsxs("div",{className:"flex flex-col gap-3 text-center",children:[e.jsx("h2",{className:"text-xl font-medium text-gray-200 leading-[28px] m-0 font-['IBM_Plex_Sans']",children:"Loading Preview"}),e.jsx("p",{className:"text-sm text-gray-400 leading-5 m-0 font-['IBM_Plex_Sans']",children:"Waiting for the app to render"})]})]})}),ot&&e.jsx("div",{className:"absolute inset-0 z-20 flex items-center justify-center",style:{backgroundColor:"rgba(0, 0, 0, 0.25)",backdropFilter:"blur(1px)",transition:"opacity 200ms ease-out"},children:e.jsxs("div",{className:"flex flex-col items-center gap-3 animate-pulse",children:[e.jsx("svg",{className:"w-6 h-6 text-white/80 animate-spin",viewBox:"0 0 24 24",fill:"none",children:e.jsx("circle",{cx:"12",cy:"12",r:"10",stroke:"currentColor",strokeWidth:"3",strokeLinecap:"round",strokeDasharray:"50 100"})}),e.jsx("span",{className:"text-white/70 text-xs font-['IBM_Plex_Sans']",children:"Switching scenario"})]})}),e.jsx("iframe",{ref:I,src:Ot||We,className:"w-full h-full border-none",title:"Editor preview",onLoad:Fs,style:{opacity:et?1:0}},Re)]}):e.jsx("div",{style:{width:`${(Je?ne.width+pt.width:ne.width)*we}px`,height:`${(Je?(ne.height??900)+pt.height:ne.height??900)*we}px`},children:e.jsx("div",{className:"origin-top-left",style:{transform:we<1?`scale(${we})`:void 0},children:e.jsx(Ln,{width:ne.width,height:ne.height??900,enabled:Je,children:e.jsxs("div",{className:"relative bg-white",style:{width:`${ne.width}px`,height:`${ne.height??900}px`},children:[!et&&!ot&&e.jsx("div",{className:"absolute inset-0 flex items-center justify-center z-10",children:e.jsxs("div",{className:"flex flex-col items-center justify-center gap-6 bg-[#2a2a2a] rounded-lg p-8 w-[500px] h-[300px]",children:[e.jsx("div",{className:"mb-4",children:e.jsx(Bt,{})}),e.jsxs("div",{className:"flex flex-col gap-3 text-center",children:[e.jsx("h2",{className:"text-xl font-medium text-gray-200 leading-[28px] m-0 font-['IBM_Plex_Sans']",children:"Loading Preview"}),e.jsx("p",{className:"text-sm text-gray-400 leading-5 m-0 font-['IBM_Plex_Sans']",children:"Waiting for the app to render"})]})]})}),ot&&e.jsx("div",{className:"absolute inset-0 z-20 flex items-center justify-center",style:{backgroundColor:"rgba(0, 0, 0, 0.25)",backdropFilter:"blur(1px)",transition:"opacity 200ms ease-out"},children:e.jsxs("div",{className:"flex flex-col items-center gap-3 animate-pulse",children:[e.jsx("svg",{className:"w-6 h-6 text-white/80 animate-spin",viewBox:"0 0 24 24",fill:"none",children:e.jsx("circle",{cx:"12",cy:"12",r:"10",stroke:"currentColor",strokeWidth:"3",strokeLinecap:"round",strokeDasharray:"50 100"})}),e.jsx("span",{className:"text-white/70 text-xs font-['IBM_Plex_Sans']",children:"Switching scenario"})]})}),e.jsx("iframe",{ref:I,src:Ot||We,className:"w-full h-full border-none",title:"Editor preview",onLoad:Fs,style:{opacity:et?1:0}},Re)]})})})}):e.jsx("div",{className:"bg-[#2a2a2a] rounded-lg flex flex-col items-center justify-center",style:{width:`${ne.width*we}px`,height:`${(ne.height??900)*we}px`},children:jt?e.jsxs("div",{className:"flex flex-col gap-4 text-center px-8 max-w-[600px]",children:[e.jsx("h2",{className:"text-xl font-medium text-red-400 leading-[28px] m-0 font-['IBM_Plex_Sans']",children:"Dev Server Failed"}),e.jsx("pre",{className:"text-xs text-left bg-[#1e1e1e] text-gray-300 p-4 rounded overflow-auto max-h-[300px] w-full font-mono whitespace-pre-wrap",children:jt}),e.jsx("button",{onClick:gr,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"})]}):qt||Nt?e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"mb-4",children:e.jsx(Bt,{})}),e.jsxs("div",{className:"flex flex-col gap-3 text-center",children:[e.jsx("h2",{className:"text-xl font-medium text-gray-200 leading-[28px] m-0 font-['IBM_Plex_Sans']",children:Nt?"Starting Interactive Mode":"Starting Dev Server"}),e.jsx("p",{className:"text-sm text-gray-400 leading-5 m-0 font-['IBM_Plex_Sans']",children:Nt?"Loading component preview...":"Your dev server is starting up..."})]})]}):e.jsxs("div",{className:"flex flex-col gap-3 text-center px-8",children:[e.jsx("h2",{className:"text-xl font-medium text-gray-200 leading-[28px] m-0 font-['IBM_Plex_Sans']",children:"Live Preview"}),e.jsx("p",{className:"text-sm text-gray-500 leading-5 m-0 font-['IBM_Plex_Sans']",children:"Describe what you want to build in the Build tab"})]})})})]})]})]})}),e.jsx(fn,{})]})});export{wo as default,No as meta,vo as shouldRevalidate};