@codeyam/codeyam-cli 0.1.0-staging.8e7b1bd → 0.1.0-staging.a77070e

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

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

package/codeyam-cli/src/webserver/build/client/assets/createLucideIcon-4ImjHTVC.js

@@ -0,0 +1,41 @@
+import{r as s}from"./chunk-JZWAC4HX-BAdwhyCx.js";/**
+ * @license lucide-react v0.577.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const l=(...t)=>t.filter((e,r,o)=>!!e&&e.trim()!==""&&o.indexOf(e)===r).join(" ").trim();/**
+ * @license lucide-react v0.577.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const C=t=>t.replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase();/**
+ * @license lucide-react v0.577.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const f=t=>t.replace(/^([A-Z])|[\s-_]+(\w)/g,(e,r,o)=>o?o.toUpperCase():r.toLowerCase());/**
+ * @license lucide-react v0.577.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const i=t=>{const e=f(t);return e.charAt(0).toUpperCase()+e.slice(1)};/**
+ * @license lucide-react v0.577.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */var w={xmlns:"http://www.w3.org/2000/svg",width:24,height:24,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round"};/**
+ * @license lucide-react v0.577.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const h=t=>{for(const e in t)if(e.startsWith("aria-")||e==="role"||e==="title")return!0;return!1};/**
+ * @license lucide-react v0.577.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const g=s.forwardRef(({color:t="currentColor",size:e=24,strokeWidth:r=2,absoluteStrokeWidth:o,className:n="",children:a,iconNode:u,...c},p)=>s.createElement("svg",{ref:p,...w,width:e,height:e,stroke:t,strokeWidth:o?Number(r)*24/Number(e):r,className:l("lucide",n),...!a&&!h(c)&&{"aria-hidden":"true"},...c},[...u.map(([m,d])=>s.createElement(m,d)),...Array.isArray(a)?a:[a]]));/**
+ * @license lucide-react v0.577.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const b=(t,e)=>{const r=s.forwardRef(({className:o,...n},a)=>s.createElement(g,{ref:a,iconNode:e,className:l(`lucide-${C(i(t))}`,`lucide-${t}`,o),...n}));return r.displayName=i(t),r};export{b as c};

package/codeyam-cli/src/webserver/build/client/assets/{cy-logo-cli-C1gnJVOL.svg → cy-logo-cli-CCKUIm0S.svg}

@@ -1,4 +1,4 @@
 <svg width="40" height="28" viewBox="0 0 40 28" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M12.0391 8.23173H14.5737C15.0795 8.23173 15.5645 8.03081 15.9221 7.6732C16.2797 7.31559 16.4806 6.83057 16.4806 6.32484C16.4806 5.8191 16.2797 5.33408 15.9221 4.97647C15.5645 4.61886 15.0795 4.41797 14.5737 4.41797H12.0477C11.5419 4.41797 11.0569 4.61886 10.6993 4.97647C10.3417 5.33408 10.1408 5.8191 10.1408 6.32484C10.1408 6.57525 10.0915 6.82323 9.99564 7.05458C9.89981 7.28594 9.75934 7.49613 9.58227 7.6732C9.4052 7.85027 9.19498 7.99074 8.96363 8.08657C8.73227 8.1824 8.48432 8.23173 8.2339 8.23173H5.70784C5.20285 8.23173 4.71847 8.43203 4.36099 8.78872C4.0035 9.14541 3.80208 9.62936 3.80095 10.1344C3.80095 10.6394 3.60065 11.1237 3.24396 11.4812C2.88727 11.8387 2.40335 12.0401 1.89835 12.0412C1.3941 12.0435 0.911246 12.2454 0.55548 12.6027C0.199714 12.9601 -5.04736e-06 13.4439 0 13.9481C-1.26644e-06 14.452 0.199853 14.9353 0.55574 15.2919C0.911627 15.6486 1.39449 15.8496 1.89835 15.8507C2.40335 15.8518 2.88727 16.0533 3.24396 16.4107C3.60065 16.7682 3.80095 17.2526 3.80095 17.7576C3.80095 18.2633 4.00187 18.7484 4.35948 19.106C4.71709 19.4636 5.20211 19.6645 5.70784 19.6645H8.2339C8.7389 19.6645 9.22328 19.8648 9.58076 20.2215C9.93825 20.5782 10.1396 21.0621 10.1408 21.5671C10.1408 22.0728 10.3417 22.5579 10.6993 22.9155C11.0569 23.2731 11.5419 23.474 12.0477 23.474H14.5737C14.8239 23.474 15.0717 23.4246 15.3028 23.3287C15.5339 23.2328 15.7439 23.0923 15.9206 22.9152C16.0973 22.7381 16.2374 22.5278 16.3327 22.2965C16.4281 22.0652 16.4769 21.8173 16.4764 21.5671C16.4764 21.0625 16.2759 20.5786 15.9191 20.2217C15.5623 19.8649 15.0783 19.6645 14.5737 19.6645H12.0434C11.5384 19.6633 11.0545 19.4619 10.6978 19.1045C10.3411 18.747 10.1408 18.2626 10.1408 17.7576C10.1408 17.2519 9.93988 16.7668 9.58227 16.4092C9.22466 16.0516 8.73964 15.8507 8.2339 15.8507H5.67798C5.17923 15.8508 4.7004 15.655 4.34456 15.3056C3.98871 14.9561 3.7843 14.4809 3.77536 13.9822C3.77536 13.9822 3.77536 13.9822 3.77536 13.9481C3.77536 13.9481 3.77536 13.9225 3.77536 13.9097C3.7843 13.411 3.98871 12.9358 4.34456 12.5864C4.7004 12.2369 5.17923 12.0411 5.67798 12.0412H8.2339C8.73964 12.0412 9.22466 11.8403 9.58227 11.4827C9.93988 11.1251 10.1408 10.6401 10.1408 10.1344C10.1408 9.63049 10.3407 9.14718 10.6965 8.79049C11.0524 8.4338 11.5353 8.23286 12.0391 8.23173Z" fill="#232323"/>
-<path d="M37.4462 4.49533C36.9404 4.49533 36.4554 4.69622 36.0978 5.05383C35.7402 5.41143 35.5393 5.89646 35.5393 6.40219V10.2117C35.5393 10.4621 35.49 10.7101 35.3942 10.9414C35.2983 11.1728 35.1579 11.383 34.9808 11.5601C34.8037 11.7371 34.5935 11.8776 34.3622 11.9734C34.1308 12.0692 33.8828 12.1186 33.6324 12.1186C33.1274 12.1197 32.6435 12.3211 32.2868 12.6786C31.9301 13.0361 31.7298 13.5205 31.7298 14.0255C31.7287 14.5305 31.5273 15.0144 31.1698 15.3711C30.8123 15.7278 30.3279 15.9281 29.8229 15.9281C29.3179 15.9281 28.8336 15.7278 28.4761 15.3711C28.1186 15.0144 27.9172 14.5305 27.9161 14.0255C27.9161 13.5205 27.7157 13.0361 27.359 12.6786C27.0024 12.3211 26.5184 12.1197 26.0134 12.1186C25.763 12.1186 25.5151 12.0692 25.2837 11.9734C25.0524 11.8776 24.8421 11.7371 24.6651 11.5601C24.488 11.383 24.3475 11.1728 24.2517 10.9414C24.1559 10.7101 24.1065 10.4621 24.1065 10.2117V6.415C24.1187 6.15729 24.0785 5.89977 23.9883 5.65805C23.8981 5.41633 23.7598 5.19543 23.5817 5.00873C23.4036 4.82203 23.1895 4.6734 22.9523 4.57185C22.7151 4.4703 22.4598 4.41797 22.2018 4.41797C21.9438 4.41797 21.6885 4.4703 21.4513 4.57185C21.2141 4.6734 21 4.82203 20.8219 5.00873C20.6439 5.19543 20.5055 5.41633 20.4153 5.65805C20.3251 5.89977 20.2849 6.15729 20.2971 6.415V10.2245C20.2971 10.7295 20.4974 11.2139 20.8541 11.5714C21.2108 11.9288 21.6947 12.1303 22.1997 12.1314C22.7054 12.1314 23.1904 12.3323 23.548 12.6899C23.9057 13.0475 24.1065 13.5325 24.1065 14.0383C24.1077 14.5433 24.3091 15.0272 24.6666 15.3839C25.0241 15.7406 25.5084 15.9409 26.0134 15.9409C26.5162 15.942 26.9982 16.1416 27.3545 16.4964C27.7109 16.8511 27.9127 17.3322 27.9161 17.835V21.6743C27.9161 22.1793 28.1164 22.6637 28.4731 23.0212C28.8297 23.3787 29.3137 23.5801 29.8187 23.5812C30.3244 23.5812 30.8094 23.3803 31.167 23.0227C31.5246 22.6651 31.7256 22.1801 31.7256 21.6743V17.8648C31.7256 17.3598 31.9259 16.8754 32.2825 16.5179C32.6392 16.1605 33.1232 15.9591 33.6281 15.9579C34.1331 15.9579 34.6175 15.7576 34.975 15.4009C35.3325 15.0443 35.5339 14.5603 35.535 14.0553C35.535 13.5496 35.7359 13.0646 36.0935 12.7069C36.4512 12.3493 36.9362 12.1484 37.4419 12.1484C37.9469 12.1473 38.4308 11.9459 38.7875 11.5884C39.1442 11.2309 39.3445 10.7465 39.3445 10.2415V6.415C39.3462 6.16423 39.2984 5.91558 39.2039 5.6833C39.1093 5.45103 38.9699 5.23969 38.7936 5.06138C38.6172 4.88306 38.4075 4.74129 38.1763 4.64415C37.9451 4.54702 37.697 4.49644 37.4462 4.49533Z" fill="#232323"/>
+<path d="M12.0391 8.23173H14.5737C15.0795 8.23173 15.5645 8.03081 15.9221 7.6732C16.2797 7.31559 16.4806 6.83057 16.4806 6.32484C16.4806 5.8191 16.2797 5.33408 15.9221 4.97647C15.5645 4.61886 15.0795 4.41797 14.5737 4.41797H12.0477C11.5419 4.41797 11.0569 4.61886 10.6993 4.97647C10.3417 5.33408 10.1408 5.8191 10.1408 6.32484C10.1408 6.57525 10.0915 6.82323 9.99564 7.05458C9.89981 7.28594 9.75934 7.49613 9.58227 7.6732C9.4052 7.85027 9.19498 7.99074 8.96363 8.08657C8.73227 8.1824 8.48432 8.23173 8.2339 8.23173H5.70784C5.20285 8.23173 4.71847 8.43203 4.36099 8.78872C4.0035 9.14541 3.80208 9.62936 3.80095 10.1344C3.80095 10.6394 3.60065 11.1237 3.24396 11.4812C2.88727 11.8387 2.40335 12.0401 1.89835 12.0412C1.3941 12.0435 0.911246 12.2454 0.55548 12.6027C0.199714 12.9601 -5.04736e-06 13.4439 0 13.9481C-1.26644e-06 14.452 0.199853 14.9353 0.55574 15.2919C0.911627 15.6486 1.39449 15.8496 1.89835 15.8507C2.40335 15.8518 2.88727 16.0533 3.24396 16.4107C3.60065 16.7682 3.80095 17.2526 3.80095 17.7576C3.80095 18.2633 4.00187 18.7484 4.35948 19.106C4.71709 19.4636 5.20211 19.6645 5.70784 19.6645H8.2339C8.7389 19.6645 9.22328 19.8648 9.58076 20.2215C9.93825 20.5782 10.1396 21.0621 10.1408 21.5671C10.1408 22.0728 10.3417 22.5579 10.6993 22.9155C11.0569 23.2731 11.5419 23.474 12.0477 23.474H14.5737C14.8239 23.474 15.0717 23.4246 15.3028 23.3287C15.5339 23.2328 15.7439 23.0923 15.9206 22.9152C16.0973 22.7381 16.2374 22.5278 16.3327 22.2965C16.4281 22.0652 16.4769 21.8173 16.4764 21.5671C16.4764 21.0625 16.2759 20.5786 15.9191 20.2217C15.5623 19.8649 15.0783 19.6645 14.5737 19.6645H12.0434C11.5384 19.6633 11.0545 19.4619 10.6978 19.1045C10.3411 18.747 10.1408 18.2626 10.1408 17.7576C10.1408 17.2519 9.93988 16.7668 9.58227 16.4092C9.22466 16.0516 8.73964 15.8507 8.2339 15.8507H5.67798C5.17923 15.8508 4.7004 15.655 4.34456 15.3056C3.98871 14.9561 3.7843 14.4809 3.77536 13.9822C3.77536 13.9822 3.77536 13.9822 3.77536 13.9481C3.77536 13.9481 3.77536 13.9225 3.77536 13.9097C3.7843 13.411 3.98871 12.9358 4.34456 12.5864C4.7004 12.2369 5.17923 12.0411 5.67798 12.0412H8.2339C8.73964 12.0412 9.22466 11.8403 9.58227 11.4827C9.93988 11.1251 10.1408 10.6401 10.1408 10.1344C10.1408 9.63049 10.3407 9.14718 10.6965 8.79049C11.0524 8.4338 11.5353 8.23286 12.0391 8.23173Z" fill="#D7FF63"/>
+<path d="M37.4462 4.49533C36.9404 4.49533 36.4554 4.69622 36.0978 5.05383C35.7402 5.41143 35.5393 5.89646 35.5393 6.40219V10.2117C35.5393 10.4621 35.49 10.7101 35.3942 10.9414C35.2983 11.1728 35.1579 11.383 34.9808 11.5601C34.8037 11.7371 34.5935 11.8776 34.3622 11.9734C34.1308 12.0692 33.8828 12.1186 33.6324 12.1186C33.1274 12.1197 32.6435 12.3211 32.2868 12.6786C31.9301 13.0361 31.7298 13.5205 31.7298 14.0255C31.7287 14.5305 31.5273 15.0144 31.1698 15.3711C30.8123 15.7278 30.3279 15.9281 29.8229 15.9281C29.3179 15.9281 28.8336 15.7278 28.4761 15.3711C28.1186 15.0144 27.9172 14.5305 27.9161 14.0255C27.9161 13.5205 27.7157 13.0361 27.359 12.6786C27.0024 12.3211 26.5184 12.1197 26.0134 12.1186C25.763 12.1186 25.5151 12.0692 25.2837 11.9734C25.0524 11.8776 24.8421 11.7371 24.6651 11.5601C24.488 11.383 24.3475 11.1728 24.2517 10.9414C24.1559 10.7101 24.1065 10.4621 24.1065 10.2117V6.415C24.1187 6.15729 24.0785 5.89977 23.9883 5.65805C23.8981 5.41633 23.7598 5.19543 23.5817 5.00873C23.4036 4.82203 23.1895 4.6734 22.9523 4.57185C22.7151 4.4703 22.4598 4.41797 22.2018 4.41797C21.9438 4.41797 21.6885 4.4703 21.4513 4.57185C21.2141 4.6734 21 4.82203 20.8219 5.00873C20.6439 5.19543 20.5055 5.41633 20.4153 5.65805C20.3251 5.89977 20.2849 6.15729 20.2971 6.415V10.2245C20.2971 10.7295 20.4974 11.2139 20.8541 11.5714C21.2108 11.9288 21.6947 12.1303 22.1997 12.1314C22.7054 12.1314 23.1904 12.3323 23.548 12.6899C23.9057 13.0475 24.1065 13.5325 24.1065 14.0383C24.1077 14.5433 24.3091 15.0272 24.6666 15.3839C25.0241 15.7406 25.5084 15.9409 26.0134 15.9409C26.5162 15.942 26.9982 16.1416 27.3545 16.4964C27.7109 16.8511 27.9127 17.3322 27.9161 17.835V21.6743C27.9161 22.1793 28.1164 22.6637 28.4731 23.0212C28.8297 23.3787 29.3137 23.5801 29.8187 23.5812C30.3244 23.5812 30.8094 23.3803 31.167 23.0227C31.5246 22.6651 31.7256 22.1801 31.7256 21.6743V17.8648C31.7256 17.3598 31.9259 16.8754 32.2825 16.5179C32.6392 16.1605 33.1232 15.9591 33.6281 15.9579C34.1331 15.9579 34.6175 15.7576 34.975 15.4009C35.3325 15.0443 35.5339 14.5603 35.535 14.0553C35.535 13.5496 35.7359 13.0646 36.0935 12.7069C36.4512 12.3493 36.9362 12.1484 37.4419 12.1484C37.9469 12.1473 38.4308 11.9459 38.7875 11.5884C39.1442 11.2309 39.3445 10.7465 39.3445 10.2415V6.415C39.3462 6.16423 39.2984 5.91558 39.2039 5.6833C39.1093 5.45103 38.9699 5.23969 38.7936 5.06138C38.6172 4.88306 38.4075 4.74129 38.1763 4.64415C37.9451 4.54702 37.697 4.49644 37.4462 4.49533Z" fill="#D7FF63"/>
 </svg>

package/codeyam-cli/src/webserver/build/client/assets/cy-logo-cli-DcX-ZS3p.js

@@ -0,0 +1 @@
+const o="/assets/cy-logo-cli-CCKUIm0S.svg";export{o as c};

package/codeyam-cli/src/webserver/build/client/assets/{dev.empty-CwLmCS0J.js → dev.empty-C8y4mmyv.js}

@@ -1 +1 @@
-import{w as t,b as r,j as e}from"./chunk-WWGJGFF6-Bex4RrGs.js";import{S as i}from"./ScenarioViewer-XjtsGuPo.js";import{W as n}from"./InteractivePreview-C8K-4kKP.js";import"./LogViewer-DFdLQbPS.js";import"./SafeScreenshot-7UkVL-UI.js";import"./useLastLogLine-DOGXmJcI.js";import"./ReportIssueModal-DlRDjT4h.js";import"./createLucideIcon-DkgmwwRC.js";import"./circle-check-cdhjVtom.js";import"./triangle-alert-Iv0p8T-1.js";import"./index-DsL9BiOc.js";const u=()=>[{title:"Empty State - CodeYam"},{name:"description",content:"Simulations empty state development view"}],v=t(function(){r();const s={sha:"mock-sha",name:"Dashboard",filePath:"codeyam-cli/src/webserver/app/routes/_index.tsx",entityType:"visual"};return e.jsx(n,{children:e.jsxs("div",{className:"h-screen bg-[#f9f9f9] flex flex-col overflow-hidden",children:[e.jsx("header",{className:"bg-white border-b border-gray-200 shrink-0 relative h-[54px]",children:e.jsxs("div",{className:"flex items-center h-full px-6 gap-6",children:[e.jsxs("div",{className:"flex items-center gap-3 min-w-0",children:[e.jsx("svg",{width:"17",height:"17",viewBox:"0 0 17 17",fill:"none",className:"shrink-0",children:e.jsx("path",{d:"M13 8.5H4M4 8.5L8.5 4M4 8.5L8.5 13",stroke:"#005c75",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})}),e.jsx("h1",{className:"text-lg font-semibold text-black m-0 leading-[26px] shrink-0",children:"Dashboard"}),e.jsx("span",{className:"text-xs text-[#626262] font-mono whitespace-nowrap overflow-hidden text-ellipsis min-w-0",children:"codeyam-cli/src/webserver/app/routes/_index.tsx"})]}),e.jsxs("div",{className:"flex items-center gap-3 shrink-0",children:[e.jsxs("div",{className:"flex items-center gap-2 px-[15px] py-0 h-[26px] bg-[#efefef] border border-[#e1e1e1] rounded",children:[e.jsx("div",{className:"w-2 h-2 rounded-full bg-[#626262]"}),e.jsx("span",{className:"text-xs font-semibold text-[#626262]",children:"Not analyzed"})]}),e.jsx("button",{className:"px-[15px] py-0 h-[26px] bg-[#005c75] text-white rounded text-xs font-semibold border-none cursor-pointer hover:bg-[#004a5e] transition-colors",children:"Analyze"})]}),e.jsxs("div",{className:"flex items-center gap-1 text-[10px] text-[#626262] ml-auto",children:[e.jsx("span",{className:"leading-[22px]",children:"Next Entity"}),e.jsx("svg",{width:"17",height:"17",viewBox:"0 0 17 17",fill:"none",className:"shrink-0",children:e.jsx("path",{d:"M4 8.5H13M13 8.5L8.5 4M13 8.5L8.5 13",stroke:"#005c75",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})})]})]})}),e.jsx("div",{className:"bg-[#efefef] border-b border-[#efefef] shrink-0",children:e.jsxs("div",{className:"flex items-center gap-3 h-11 px-[15px]",children:[e.jsxs("div",{className:"px-4 flex items-center justify-center gap-3 shrink-0 text-sm rounded bg-[#343434] text-[#efefef] font-semibold h-8",children:["Scenarios",e.jsx("span",{className:"px-2 py-0.5 rounded-[9px] text-xs font-semibold bg-[#cbf3fa] text-[#005c75] min-w-[25px] text-center",children:"0"})]}),e.jsxs("div",{className:"px-4 flex items-center justify-center gap-3 shrink-0 text-sm rounded-[9px] text-[#3e3e3e] font-normal",children:["Related Entities",e.jsx("span",{className:"px-2 py-0.5 rounded-[9px] text-xs font-semibold bg-[#e1e1e1] text-[#3e3e3e] min-w-[25px] text-center",children:"5"})]}),e.jsx("div",{className:"px-4 shrink-0 text-sm text-[#3e3e3e] font-normal",children:"Code"}),e.jsx("div",{className:"px-4 shrink-0 text-sm text-[#3e3e3e] font-normal",children:"Data Structure"}),e.jsx("div",{className:"px-4 shrink-0 text-sm text-[#3e3e3e] font-normal",children:"History"})]})}),e.jsxs("div",{className:"flex flex-1 gap-0 min-h-0",children:[e.jsx("div",{className:"w-[165px] bg-[#e1e1e1] border-r border-[#c7c7c7] flex items-center justify-center shrink-0",children:e.jsx("span",{className:"text-xs font-medium text-[#8e8e8e] leading-5",children:"No Scenarios"})}),e.jsx(i,{selectedScenario:null,analysis:void 0,entity:s,viewMode:"screenshot",cacheBuster:Date.now(),hasScenarios:!1,isAnalyzing:!1,projectSlug:null,hasAnApiKey:!0})]})]})})});export{v as default,u as meta};
+import{w as t,d as r}from"./chunk-JZWAC4HX-BAdwhyCx.js";import{j as e}from"./jsx-runtime-D_zvdyIk.js";import{S as i}from"./ScenarioViewer-DUMfcNVK.js";import{W as n}from"./InteractivePreview-CKeQT5Ty.js";import"./ViewportInspectBar-BA_Ry-rs.js";import"./useCustomSizes-DhXHbEjP.js";import"./LogViewer-CM5zg40N.js";import"./SafeScreenshot-DanvyBPb.js";import"./useLastLogLine-BNd5hYuW.js";import"./Spinner-D0LgAaSa.js";import"./preload-helper-ckwbz45p.js";import"./ReportIssueModal-C2PLkej3.js";import"./createLucideIcon-4ImjHTVC.js";import"./circle-check-DFcQkN5j.js";import"./triangle-alert-DqJ0j69l.js";import"./copy-C6iF61Xs.js";import"./scenarioStatus-B_8jpV3e.js";import"./InlineSpinner-CgTNOhnu.js";const S=()=>[{title:"Empty State - CodeYam"},{name:"description",content:"Simulations empty state development view"}],L=t(function(){r();const s={sha:"mock-sha",name:"Dashboard",filePath:"codeyam-cli/src/webserver/app/routes/_index.tsx",entityType:"visual"};return e.jsx(n,{children:e.jsxs("div",{className:"h-screen bg-[#F8F7F6] flex flex-col overflow-hidden",children:[e.jsx("header",{className:"bg-white border-b border-gray-200 shrink-0 relative h-[54px]",children:e.jsxs("div",{className:"flex items-center h-full px-6 gap-6",children:[e.jsxs("div",{className:"flex items-center gap-3 min-w-0",children:[e.jsx("svg",{width:"17",height:"17",viewBox:"0 0 17 17",fill:"none",className:"shrink-0",children:e.jsx("path",{d:"M13 8.5H4M4 8.5L8.5 4M4 8.5L8.5 13",stroke:"#005c75",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})}),e.jsx("h1",{className:"text-lg font-semibold text-black m-0 leading-[26px] shrink-0",children:"Dashboard"}),e.jsx("span",{className:"text-xs text-[#626262] font-mono whitespace-nowrap overflow-hidden text-ellipsis min-w-0",children:"codeyam-cli/src/webserver/app/routes/_index.tsx"})]}),e.jsxs("div",{className:"flex items-center gap-3 shrink-0",children:[e.jsxs("div",{className:"flex items-center gap-2 px-[15px] py-0 h-[26px] bg-[#efefef] border border-[#e1e1e1] rounded",children:[e.jsx("div",{className:"w-2 h-2 rounded-full bg-[#626262]"}),e.jsx("span",{className:"text-xs font-semibold text-[#626262]",children:"Not analyzed"})]}),e.jsx("button",{className:"px-[15px] py-0 h-[26px] bg-[#005c75] text-white rounded text-xs font-semibold border-none cursor-pointer hover:bg-[#004a5e] transition-colors",children:"Analyze"})]}),e.jsxs("div",{className:"flex items-center gap-1 text-[10px] text-[#626262] ml-auto",children:[e.jsx("span",{className:"leading-[22px]",children:"Next Entity"}),e.jsx("svg",{width:"17",height:"17",viewBox:"0 0 17 17",fill:"none",className:"shrink-0",children:e.jsx("path",{d:"M4 8.5H13M13 8.5L8.5 4M13 8.5L8.5 13",stroke:"#005c75",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})})]})]})}),e.jsx("div",{className:"bg-[#efefef] border-b border-[#efefef] shrink-0",children:e.jsxs("div",{className:"flex items-center gap-3 h-11 px-[15px]",children:[e.jsxs("div",{className:"px-4 flex items-center justify-center gap-3 shrink-0 text-sm rounded bg-[#343434] text-[#efefef] font-semibold h-8",children:["Scenarios",e.jsx("span",{className:"px-2 py-0.5 rounded-[9px] text-xs font-semibold bg-[#cbf3fa] text-[#005c75] min-w-[25px] text-center",children:"0"})]}),e.jsxs("div",{className:"px-4 flex items-center justify-center gap-3 shrink-0 text-sm rounded-[9px] text-[#3e3e3e] font-normal",children:["Related Entities",e.jsx("span",{className:"px-2 py-0.5 rounded-[9px] text-xs font-semibold bg-[#e1e1e1] text-[#3e3e3e] min-w-[25px] text-center",children:"5"})]}),e.jsx("div",{className:"px-4 shrink-0 text-sm text-[#3e3e3e] font-normal",children:"Code"}),e.jsx("div",{className:"px-4 shrink-0 text-sm text-[#3e3e3e] font-normal",children:"Data Structure"}),e.jsx("div",{className:"px-4 shrink-0 text-sm text-[#3e3e3e] font-normal",children:"History"})]})}),e.jsxs("div",{className:"flex flex-1 gap-0 min-h-0",children:[e.jsx("div",{className:"w-[165px] bg-[#e1e1e1] border-r border-[#c7c7c7] flex items-center justify-center shrink-0",children:e.jsx("span",{className:"text-xs font-medium text-[#8e8e8e] leading-5",children:"No Scenarios"})}),e.jsx(i,{selectedScenario:null,analysis:void 0,entity:s,viewMode:"screenshot",cacheBuster:Date.now(),hasScenarios:!1,isAnalyzing:!1,projectSlug:null,hasAnApiKey:!0})]})]})})});export{L as default,S as meta};

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

@@ -0,0 +1 @@
+import{w as t}from"./chunk-JZWAC4HX-BAdwhyCx.js";const n=t(function(){return null});export{n as default};

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

@@ -0,0 +1,58 @@
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/index-DE3jI_dv.js","assets/jsx-runtime-D_zvdyIk.js","assets/chunk-JZWAC4HX-BAdwhyCx.js"])))=>i.map(i=>d[i]);
+var Is=Object.defineProperty;var Ts=(t,s,n)=>s in t?Is(t,s,{enumerable:!0,configurable:!0,writable:!0,value:n}):t[s]=n;var At=(t,s,n)=>Ts(t,typeof s!="symbol"?s+"":s,n);import{r as a,w as $s,u as Rs,b as As,a as Ls,c as _s,O as Ds}from"./chunk-JZWAC4HX-BAdwhyCx.js";import{j as e}from"./jsx-runtime-D_zvdyIk.js";import{u as Fs,C as Bs}from"./useCustomSizes-DhXHbEjP.js";import{g as Lt,s as Os,r as st,b as nt,c as zs,l as Ws,d as Us,e as Hs,f as Js,a as Gs,T as Vs,D as qs}from"./editorPreview-oepecPae.js";import{C as ve}from"./CopyButton-CLe80MMu.js";import{_ as it}from"./preload-helper-ckwbz45p.js";import{c as Ys}from"./cy-logo-cli-DcX-ZS3p.js";import{u as Xs,S as at}from"./Spinner-D0LgAaSa.js";import"./copy-C6iF61Xs.js";import"./createLucideIcon-4ImjHTVC.js";import"./useLastLogLine-BNd5hYuW.js";function $e(t){var l;if(!t.startsWith("app/")&&!t.startsWith("("))return"/";const n=t.replace(/^app\//,"").split("/"),r=n.pop(),c=((l=r.match(/\.(tsx?|jsx?|js)$/))==null?void 0:l[0])||"",i=r.slice(0,-c.length);let o;return i==="page"||i==="index"?o=n:o=[...n,i],o=o.filter(m=>!m.startsWith("(")),o.length===0?"/":"/"+o.join("/")}function Re(t){return t==="/"?"Home":t.replace(/^\//,"").split("/").map(n=>n.startsWith("[")?n:n.charAt(0).toUpperCase()+n.slice(1)).join(" / ")}function We(t){if(!t||t==="/")return"Home";const s=t.split("?")[0].replace(/^\//,"");if(!s)return"Home";const n=s.split("/")[0].replace(/\.[^.]+$/,"");return n.charAt(0).toUpperCase()+n.slice(1)}function Xt(t){return t?t.includes("/isolated-components")||t.includes("/codeyam-isolate"):!1}function Ks(t,s){return!s||Object.keys(s).length===0?t:t.filter(n=>s[n.name])}const ze=[{name:"Desktop",width:1440,height:900},{name:"Laptop",width:1024,height:768},{name:"Tablet",width:768,height:1024},{name:"Mobile",width:375,height:667}];function Qs(t){if(!t)return ze;const s=Object.entries(t).map(([r,c])=>({name:r,width:c.width,height:c.height})),n=new Set(s.map(r=>r.name));return[...s,...ze.filter(r=>!n.has(r.name))]}function Zs({featureName:t,editorStep:s,editorStepLabel:n,onContinue:r}){const c=a.useCallback(i=>{i.key==="Enter"&&(i.preventDefault(),r())},[r]);return a.useEffect(()=>(window.addEventListener("keydown",c),()=>window.removeEventListener("keydown",c)),[c]),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&&n&&e.jsxs("div",{children:[e.jsx("span",{className:"text-[#999]",children:"Step:"})," ",e.jsxs("span",{className:"text-white",children:[s," (",n,")"]})]})]}),e.jsx("button",{onClick:r,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"})]})})}function lt(t){const[s,n]=a.useState(null),[r,c]=a.useState(!1),i=a.useCallback(()=>{t&&(c(!0),fetch(`/api/editor-test-results?testFile=${encodeURIComponent(t)}`).then(o=>o.json()).then(o=>{n(o),c(!1)}).catch(()=>{n({testFilePath:t,status:"error",testCases:[],errorMessage:"Failed to fetch test results"}),c(!1)}))},[t]);return{results:s,isRunning:r,runTests:i}}function Ue({scenarioId:t,updatedAt:s,alt:n,className:r="",imgClassName:c=""}){const[i,o]=a.useState(!1),l=`/api/editor-scenario-image/${t}.png${s?`?v=${encodeURIComponent(s)}`:""}`;return a.useEffect(()=>{o(!1)},[t]),i?e.jsx("div",{className:`flex items-center justify-center ${r}`,children:e.jsx("span",{className:"text-[8px] text-gray-500",children:"No img"})}):e.jsx("div",{className:r,children:e.jsx("img",{src:l,alt:n,className:c,loading:"lazy",onError:()=>o(!0)})})}function Ie({scenarioId:t,updatedAt:s,hasScreenshot:n,imgSrc:r,name:c,isActive:i,onSelect:o}){const l=t&&n,m=!t&&r;return e.jsxs("button",{onClick:o,className:"flex flex-col items-center gap-1 cursor-pointer group",title:c,children:[e.jsx("div",{className:`w-32 h-32 rounded overflow-hidden border-2 transition-all bg-[#1a1a1a] ${i?"border-[#005c75] ring-1 ring-[#005c75]":"border-transparent hover:border-[#4d4d4d]"}`,children:l?e.jsx(Ue,{scenarioId:t,updatedAt:s,alt:c,className:"w-full h-full",imgClassName:"w-full h-full object-contain"}):m?e.jsx("img",{src:r,alt:c,className:"w-full h-full object-contain",loading:"lazy"}):e.jsx("div",{className:"w-full h-full bg-[#1a1a1a] flex items-center justify-center",children:e.jsx("span",{className:"text-[8px] text-gray-600",children:"No img"})})}),e.jsx("span",{className:`text-[10px] leading-tight text-center truncate w-32 ${i?"text-white":"text-gray-500 group-hover:text-gray-300"}`,children:c})]})}function rt({testFile:t,entityName:s}){const{results:n,isRunning:r,runTests:c}=lt(t);if(r&&!n)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(!n)return null;if(n.status==="error")return e.jsx("div",{className:"px-2 pt-1",children:e.jsx("span",{className:"text-[10px] text-red-400",children:n.errorMessage})});const i=s?n.testCases.filter(m=>m.fullName.startsWith(s)):n.testCases,o=i.length>0?i:n.testCases;if(o.length===0)return null;const l=s?`${s} > `:"";return e.jsxs("div",{className:"px-2 pt-1 space-y-0.5",children:[o.map(m=>{var v;const S=l&&m.fullName.startsWith(l)?m.fullName.slice(l.length):m.fullName;return e.jsxs("div",{children:[e.jsxs("div",{className:"flex items-center gap-1.5",children:[m.status==="passed"?e.jsx("span",{className:"text-green-400 text-[10px]",children:"✓"}):m.status==="failed"?e.jsx("span",{className:"text-red-400 text-[10px]",children:"✗"}):e.jsx("span",{className:"text-gray-500 text-[10px]",children:"—"}),e.jsx("span",{className:`text-[10px] ${m.status==="passed"?"text-green-400":m.status==="failed"?"text-red-400":"text-gray-500"}`,children:S})]}),m.status==="failed"&&((v=m.failureMessages)==null?void 0:v.map((C,j)=>e.jsx("div",{className:"pl-4 text-[9px] text-red-300/70 truncate max-w-full",title:C,children:C.split(`
+`)[0]},j)))]},m.fullName)}),e.jsx("button",{onClick:c,disabled:r,className:"mt-1 text-[10px] text-[#00a0c4] hover:text-[#00c4ee] transition-colors cursor-pointer disabled:opacity-50 bg-transparent border-none p-0",children:r?"Running...":"Re-run"})]})}function me({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(ve,{content:t,icon:!0,iconSize:10,className:"shrink-0 text-gray-500 hover:text-gray-300 transition-colors"})]}):null}function en({scenarios:t,projectRoot:s,activeScenarioId:n,onScenarioSelect:r,zoomComponent:c,focusedEntity:i,onZoomChange:o,analyzedEntities:l=[],glossaryFunctions:m=[],activeAnalyzedScenarioId:S,onAnalyzedScenarioSelect:v,entityImports:C,pageFilePaths:j={}}){const{pageGroups:T,componentGroups:h}=a.useMemo(()=>{var f;const x=new Map,y=new Map;for(const b of t)if(b.componentName){const E=y.get(b.componentName)||[];E.push(b),y.set(b.componentName,E)}else if(Xt(b.url)){const E=(f=b.url)==null?void 0:f.match(/[?&]c=([^&]+)/),L=E?decodeURIComponent(E[1]):"Isolated",F=y.get(L)||[];F.push(b),y.set(L,F)}else{const E=b.pageFilePath?Re($e(b.pageFilePath)):We(b.url),L=x.get(E)||[];L.push(b),x.set(E,L)}const p=new Map([...y.entries()].sort(([b],[E])=>b.localeCompare(E)));return{pageGroups:x,componentGroups:p}},[t]),B=a.useMemo(()=>{const x=new Set((l||[]).filter(p=>p.entityType==="visual").map(p=>p.name)),y=new Map;for(const[p,f]of h)x.has(p)||y.set(p,f);return y},[h,l]),{visualEntities:I,libraryEntities:_}=a.useMemo(()=>{const x=l.filter(p=>p.entityType==="visual").sort((p,f)=>p.name.localeCompare(f.name)),y=l.filter(p=>p.entityType==="library"||p.entityType==="functionCall").sort((p,f)=>p.name.localeCompare(f.name));return{visualEntities:x,libraryEntities:y}},[l]),D=a.useMemo(()=>{const x=new Set(_.map(y=>y.name));return m.filter(y=>!x.has(y.name)).sort((y,p)=>y.name.localeCompare(p.name))},[m,_]),$=l.some(x=>x.isAnalyzing),w=a.useRef(null),M=a.useRef(0),O=a.useCallback(()=>{w.current&&(M.current=w.current.scrollTop)},[]);if(a.useEffect(()=>{w.current&&M.current>0&&(w.current.scrollTop=M.current)}),t.length===0&&l.length===0&&D.length===0)return e.jsx("div",{className:"flex-1 flex items-center justify-center",children:e.jsxs("div",{className:"text-center text-gray-500 px-8",children:[e.jsx("p",{className:"text-sm font-medium mb-2",children:"No 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&&i){const x=i.name,y=i.filePath,p=i.sha,f=t.filter(N=>N.componentName===x||N.componentPath===y||!N.componentName&&(N.pageFilePath===y||p&&N.entitySha===p)),b=new Set((C==null?void 0:C[x])||[]),E=b.size>0,L=E?I.filter(N=>b.has(N.name)):[],F=E?_.filter(N=>b.has(N.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:()=>o(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:i.displayName})}),e.jsx("div",{className:"flex flex-wrap gap-2 px-2",children:f.length===0?e.jsx("div",{className:"px-3 py-2 text-xs text-gray-500",children:"No scenarios for this component"}):f.map(N=>e.jsx(Ie,{scenarioId:N.id,updatedAt:N.updatedAt,hasScreenshot:!!N.screenshotPath,name:N.name,isActive:N.id===n,onSelect:()=>r(N)},N.id))}),L.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"})}),L.map(N=>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:()=>o(N.name),className:"text-[11px] font-medium text-gray-400 truncate cursor-pointer hover:text-white transition-colors bg-transparent border-none p-0",children:N.name})}),e.jsx(me,{filePath:N.filePath,projectRoot:s}),(N.scenarios.length>0||N.pendingScenarios.length>0)&&e.jsx("div",{className:"flex flex-wrap gap-2 px-2 pt-1",children:N.scenarios.map(J=>e.jsx(Ie,{imgSrc:J.screenshotPath?`/api/screenshot/${J.screenshotPath}`:null,name:J.name,isActive:J.id===S,onSelect:()=>v==null?void 0:v({analysisId:N.analysisId,scenarioId:J.id,scenarioName:J.name,entitySha:N.sha,entityName:N.name})},J.id))})]},N.sha))]}),F.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"})}),F.map(N=>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:N.name})}),e.jsx(me,{filePath:N.filePath,projectRoot:s}),N.testFile&&e.jsx(rt,{testFile:N.testFile,entityName:N.name})]},N.sha))]})]})})}return e.jsx("div",{ref:w,onScroll:O,className:"flex-1 overflow-auto",children:e.jsxs("div",{className:"p-3 space-y-3",children:[T.size>0&&e.jsxs("div",{children:[e.jsx("div",{className:"px-2 py-1",children:e.jsx("span",{className:"text-xs font-semibold text-gray-500 uppercase tracking-wider",children:"Application"})}),[...T.entries()].sort(([x],[y])=>x==="Home"?-1:y==="Home"?1:x.localeCompare(y)).map(([x,y])=>{var p,f;return e.jsxs("div",{className:"px-2 pt-1",children:[e.jsx("div",{className:"py-0.5",children:e.jsx("span",{className:"text-[11px] font-medium text-gray-400",children:x})}),(((p=y[0])==null?void 0:p.pageFilePath)||j[x])&&e.jsx(me,{filePath:((f=y[0])==null?void 0:f.pageFilePath)||j[x],projectRoot:s}),e.jsx("div",{className:"flex flex-wrap gap-2 pt-1",children:y.map(b=>e.jsx(Ie,{scenarioId:b.id,updatedAt:b.updatedAt,hasScreenshot:!!b.screenshotPath,name:b.name,isActive:b.id===n&&!S,onSelect:()=>r(b)},b.id))})]},x)})]}),B.size>0&&e.jsxs("div",{className:"pt-2 mt-1 border-t border-[#3d3d3d]",children:[e.jsx("div",{className:"px-2 py-1",children:e.jsx("span",{className:"text-xs font-semibold text-gray-500 uppercase tracking-wider",children:"Components"})}),[...B.entries()].map(([x,y])=>{var p;return e.jsxs("div",{className:"mt-2",children:[e.jsx("div",{className:"flex items-center justify-between px-2 py-1",children:e.jsx("button",{onClick:()=>o(x),className:"text-[11px] font-medium text-gray-400 truncate cursor-pointer hover:text-white transition-colors bg-transparent border-none p-0",children:x})}),((p=y[0])==null?void 0:p.componentPath)&&e.jsx(me,{filePath:y[0].componentPath,projectRoot:s}),e.jsx("div",{className:"flex flex-wrap gap-2 px-2 pt-1",children:y.map(f=>e.jsx(Ie,{scenarioId:f.id,updatedAt:f.updatedAt,hasScreenshot:!!f.screenshotPath,name:f.name,isActive:f.id===n&&!S,onSelect:()=>r(f)},f.id))})]},x)})]}),I.length>0&&e.jsxs("div",{className:"pt-2 mt-1 border-t border-[#3d3d3d]",children:[e.jsxs("div",{className:"px-2 py-1",children:[e.jsx("span",{className:"text-xs font-semibold text-gray-500 uppercase tracking-wider",children:"Components"}),$&&t.length===0&&l.every(x=>x.scenarioCount===0)&&e.jsx("span",{className:"ml-2 text-[10px] text-gray-500",children:"— Entities are being analyzed..."})]}),I.map(x=>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:()=>o(x.name),className:"text-[11px] font-medium text-gray-400 truncate cursor-pointer hover:text-white transition-colors bg-transparent border-none p-0",children:x.name}),x.isAnalyzing&&x.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(me,{filePath:x.filePath,projectRoot:s}),(x.scenarios.length>0||x.pendingScenarios.length>0)&&e.jsxs("div",{className:"flex flex-wrap gap-2 px-2 pt-1",children:[x.scenarios.map(y=>e.jsx(Ie,{imgSrc:y.screenshotPath?`/api/screenshot/${y.screenshotPath}`:null,name:y.name,isActive:y.id===S,onSelect:()=>v==null?void 0:v({analysisId:x.analysisId,scenarioId:y.id,scenarioName:y.name,entitySha:x.sha,entityName:x.name})},y.id)),x.pendingScenarios.map(y=>e.jsx("div",{className:"px-2.5 py-1 bg-[#2a2a2a] text-gray-400 text-[10px] rounded-full",title:y,children:y},y))]})]},x.sha))]}),(_.length>0||D.length>0)&&e.jsxs("div",{className:`pt-2 mt-1 ${I.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"})}),_.map(x=>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:x.name}),x.isAnalyzing&&x.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(me,{filePath:x.filePath,projectRoot:s}),x.testFile?e.jsx(rt,{testFile:x.testFile,entityName:x.name}):e.jsx("div",{className:"px-2 pt-1",children:e.jsx("span",{className:"text-[10px] text-gray-500",children:"No test file"})})]},x.sha)),D.map(x=>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:x.name})}),e.jsx(me,{filePath:x.filePath,projectRoot:s}),e.jsx(rt,{testFile:x.testFile,entityName:x.name})]},x.name))]})]})})}function tn(t,s,n=new Date){const r={"1d":1,"3d":3,"7d":7,"30d":30}[s],c=new Date(n);c.setDate(c.getDate()-r);const i=c.toISOString().split("T")[0],o=t.filter(C=>C.date>=i),l=new Set(o.map(C=>C.commitSha).filter(Boolean)),m=new Map;for(const C of o)if(C.scenarioScreenshots)for(const j of C.scenarioScreenshots){m.has(j.name)||m.set(j.name,[]);const T=m.get(j.name);T.some(h=>h.path===j.path)||T.push({path:j.path,time:C.time})}for(const C of m.values())C.sort((j,T)=>j.time.localeCompare(T.time));const S=[],v=new Map;for(const[C,j]of m){const T=C.indexOf(" - ");if(T!==-1){const h=C.slice(0,T);v.has(h)||v.set(h,[]),v.get(h).push({name:C,screenshots:j})}else S.push({name:C,screenshots:j})}return{commitCount:l.size,entryCount:o.length,appScenarios:S,componentGroups:v,totalScenarios:m.size}}function sn(t){const s=new Map;for(const n of[...t].reverse()){const r=s.get(n.date)||[];r.push(n),s.set(n.date,r)}return s}function nn(t){const s=new Map;for(const n of t){let r;if("componentName"in n&&n.componentName)r=n.componentName;else if("componentName"in n&&n.componentName===null)r="App";else{const i=n.name.indexOf(" - ");r=i!==-1?n.name.slice(0,i):"App"}const c=s.get(r)||[];c.push(n),s.set(r,c)}return[...s.entries()].sort(([n],[r])=>n==="App"?-1:r==="App"?1:n.localeCompare(r))}const _t=120;function Kt({text:t,theme:s}){const[n,r]=a.useState(!1),c=t.length>_t,i=c&&!n?t.slice(0,_t)+"…":t,o=s==="light";return e.jsxs("div",{className:`px-4 py-2 ${o?"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 ${o?"text-gray-600":"text-gray-400"}`,children:[i,c&&e.jsx("button",{onClick:()=>r(!n),className:`ml-1 text-[11px] font-medium bg-transparent border-none p-0 cursor-pointer ${o?"text-blue-500 hover:text-blue-700":"text-[#00a0c4] hover:text-[#00c0e8]"}`,children:n?"Show less":"Read more…"})]})]})}function Dt({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 an({testFile:t,entityName:s}){const{results:n,isRunning:r,runTests:c}=lt(t);if(r&&!n)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(!n)return null;if(n.status==="error")return e.jsx("div",{className:"pt-1",children:e.jsx("span",{className:"text-[10px] text-red-400",children:n.errorMessage})});const i=s?n.testCases.filter(m=>m.fullName.startsWith(s)):n.testCases,o=i.length>0?i:n.testCases;if(o.length===0)return null;const l=s?`${s} > `:"";return e.jsxs("div",{className:"pt-1 space-y-0.5",children:[o.map(m=>{var v;const S=l&&m.fullName.startsWith(l)?m.fullName.slice(l.length):m.fullName;return e.jsxs("div",{children:[e.jsxs("div",{className:"flex items-center gap-1.5",children:[m.status==="passed"?e.jsx("span",{className:"text-green-400 text-[10px]",children:"✓"}):m.status==="failed"?e.jsx("span",{className:"text-red-400 text-[10px]",children:"✗"}):e.jsx("span",{className:"text-gray-500 text-[10px]",children:"—"}),e.jsx("span",{className:`text-[10px] ${m.status==="passed"?"text-green-400":m.status==="failed"?"text-red-400":"text-gray-500"}`,children:S})]}),m.status==="failed"&&((v=m.failureMessages)==null?void 0:v.map((C,j)=>e.jsx("div",{className:"pl-4 text-[9px] text-red-400/70 truncate max-w-full",title:C,children:C.split(`
+`)[0]},j)))]},m.fullName)}),e.jsx("button",{onClick:c,disabled:r,className:"mt-1 text-[10px] text-[#00a0c4] hover:text-[#38bdf8] transition-colors cursor-pointer disabled:opacity-50 bg-transparent border-none p-0",children:r?"Running...":"Re-run"})]})}const rn={added:"text-green-400",untracked:"text-green-400",modified:"text-blue-400",renamed:"text-purple-400"};function on({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 ${rn[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 ln={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 cn(t){try{return new Date(t).toLocaleTimeString([],{hour:"2-digit",minute:"2-digit"})}catch{return""}}function dn(t){try{return new Date(t+"T00:00:00").toLocaleDateString([],{weekday:"long",month:"long",day:"numeric"})}catch{return t}}const mn=[{value:"1d",label:"1 Day"},{value:"3d",label:"3 Days"},{value:"7d",label:"1 Week"},{value:"30d",label:"1 Month"}];function xn({entries:t,onScreenshotClick:s}){const[n,r]=a.useState(!1),[c,i]=a.useState("7d"),o=a.useMemo(()=>tn(t,c),[t,c]);return e.jsxs("div",{className:"bg-[#2d2d2d] rounded-lg overflow-hidden",children:[e.jsxs("button",{onClick:()=>r(!n),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 ${n?"rotate-180":""}`,children:"▼"})]}),n&&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:mn.map(l=>e.jsx("button",{onClick:()=>i(l.value),className:`px-2.5 py-1 text-[10px] font-medium rounded transition-colors cursor-pointer border ${c===l.value?"bg-[#005c75] text-white border-[#005c75]":"bg-transparent text-gray-400 border-[#4d4d4d] hover:text-white hover:border-[#005c75]"}`,children:l.label},l.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:o.commitCount})," ",o.commitCount===1?"commit":"commits"]}),e.jsx("span",{className:"text-[#3d3d3d]",children:"|"}),e.jsxs("span",{children:[e.jsx("span",{className:"text-white font-medium",children:o.totalScenarios})," ",o.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:o.entryCount})," ",o.entryCount===1?"entry":"entries"]})]}),o.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:[o.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"}),o.appScenarios.map(l=>e.jsx(Ft,{scenario:l,onScreenshotClick:s},l.name))]}),o.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"}),[...o.componentGroups.entries()].sort(([l],[m])=>l.localeCompare(m)).map(([l,m])=>e.jsxs("div",{className:"space-y-1.5",children:[e.jsx("span",{className:"text-[10px] font-medium text-gray-400",children:l}),m.map(S=>e.jsx(Ft,{scenario:S,onScreenshotClick:s},S.name))]},l))]})]})]})]})}function Ft({scenario:t,onScreenshotClick:s}){const n=t.name.indexOf(" - "),r=n!==-1?t.name.slice(n+3):t.name;return e.jsxs("div",{className:"pl-2",children:[e.jsx("span",{className:"text-[10px] text-gray-500 block mb-1",children:r}),e.jsx("div",{className:"flex items-center gap-1 overflow-x-auto",children:t.screenshots.map((c,i)=>e.jsxs("div",{className:"flex items-center shrink-0",children:[i>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 pn({isActive:t,onScreenshotClick:s,glossaryFunctions:n=[]}){const[r,c]=a.useState([]),[i,o]=a.useState(!0),[l,m]=a.useState(new Set),S=a.useCallback(j=>{m(T=>{const h=new Set(T);return h.has(j)?h.delete(j):h.add(j),h})},[]),v=a.useCallback(async()=>{try{const j=await fetch("/api/editor-journal");if(j.ok){const T=await j.json();c(T.entries||[])}}catch{}finally{o(!1)}},[]);if(a.useEffect(()=>{v()},[v]),a.useEffect(()=>{t&&v()},[t,v]),a.useEffect(()=>{if(!t)return;const j=setInterval(()=>void v(),5e3);return()=>clearInterval(j)},[t,v]),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(r.length===0)return e.jsx("div",{className:"flex-1 flex items-center justify-center",children:e.jsxs("div",{className:"text-center text-gray-500 px-8",children:[e.jsx("p",{className:"text-sm font-medium mb-2",children:"No journal entries yet"}),e.jsx("p",{className:"text-xs",children:"Journal entries will appear as you build. Claude records features, screenshots, and commits as the project evolves."})]})});const C=sn(r);return e.jsx("div",{className:"flex-1 overflow-auto",children:e.jsxs("div",{className:"p-3 space-y-4",children:[e.jsx(xn,{entries:r,onScreenshotClick:s}),[...C.entries()].map(([j,T])=>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:dn(j)})}),e.jsx("div",{className:"space-y-2",children:T.map((h,B)=>{const I=ln[h.type]||{label:h.type,color:"bg-gray-600"},_=`${h.time}-${B}`,D=l.has(_);return e.jsxs("div",{className:"bg-[#2d2d2d] rounded-lg overflow-hidden",children:[e.jsxs("div",{className:`p-3 space-y-2 ${D?"":"max-h-[300px] overflow-y-auto"}`,children:[e.jsx("div",{className:"flex items-start gap-2 cursor-pointer",onClick:()=>S(_),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:h.title}),e.jsx("span",{className:`${I.color} text-white text-[9px] font-bold px-1.5 py-0.5 rounded uppercase tracking-wider shrink-0`,children:I.label})]}),e.jsx("span",{className:"text-[10px] text-gray-500",children:cn(h.time)}),h.featureName&&e.jsx("span",{className:"text-[10px] text-gray-500 italic truncate",title:h.featureName,children:h.featureName})]})}),h.userPrompt&&e.jsx(Kt,{text:h.userPrompt,theme:"dark"}),e.jsx("p",{className:"text-xs text-gray-400 leading-relaxed",children:h.description}),h.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/${h.screenshot.replace("screenshots/","")}`,commitSha:h.commitSha,commitMessage:h.commitMessage,scenarioName:h.title}),children:e.jsx("img",{src:`/api/editor-journal-image/${h.screenshot.replace("screenshots/","")}`,alt:h.title,className:"max-w-full max-h-full object-contain",loading:"lazy"})}),h.scenarioScreenshots&&h.scenarioScreenshots.length>0&&(()=>{const $=nn(h.scenarioScreenshots),w=h.entityChangeStatus,M=$.filter(([f])=>f==="App").flatMap(([,f])=>f),O=$.filter(([f])=>f!=="App"),x=new Map;for(const f of M){const b=f,E=b.pageFilePath?Re($e(b.pageFilePath)):We(b.url??null),L=x.get(E)||[];L.push(f),x.set(E,L)}const y=[...x.entries()],p=f=>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/${f.path.replace("screenshots/","")}`,commitSha:h.commitSha,commitMessage:h.commitMessage,scenarioName:f.name}),children:e.jsx("img",{src:`/api/editor-journal-image/${f.path.replace("screenshots/","")}`,alt:f.name,title:f.name,className:"max-w-full max-h-full object-contain",loading:"lazy"})},f.path);return e.jsxs("div",{className:"space-y-2",children:[y.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"}),y.map(([f,b])=>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:f}),(w==null?void 0:w[f])&&e.jsx(Dt,{status:w[f]})]}),e.jsx("div",{className:"flex flex-wrap gap-1 mt-0.5",children:b.map(p)})]},f))]}),O.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"}),O.map(([f,b])=>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:f}),(w==null?void 0:w[f])&&e.jsx(Dt,{status:w[f]})]}),e.jsx("div",{className:"flex flex-wrap gap-1 mt-0.5",children:b.map(p)})]},f))]})]})})(),n.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:n.map($=>e.jsxs("div",{children:[e.jsx("span",{className:"text-[11px] font-medium text-gray-200",children:$.name}),e.jsx("span",{className:"text-[9px] text-gray-500 truncate block",children:$.filePath}),$.testFile?e.jsx(an,{testFile:$.testFile,entityName:$.name}):e.jsx("div",{className:"pt-1",children:e.jsx("span",{className:"text-[10px] text-gray-500",children:"No test file"})})]},$.name))})]}),h.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:h.commitSha.slice(0,7)}),e.jsx("span",{className:"text-gray-500 truncate",children:h.commitMessage})]}),D&&h.modifiedFiles&&h.modifiedFiles.length>0&&e.jsx(on,{files:h.modifiedFiles})]}),e.jsxs("button",{onClick:()=>S(_),className:"w-full py-1.5 text-[10px] text-gray-500 hover:text-gray-300 border-t border-[#3d3d3d] transition-colors cursor-pointer",children:["——— ",D?"Collapse":"Expand"," ———"]})]},_)})})]},j))]})})}function un({prompt:t,height:s=300,onClose:n}){const r=a.useRef(null),c=a.useRef(null),i=a.useRef(null),o=a.useRef(!1),l=a.useRef(t);return a.useEffect(()=>{const m=r.current;if(!m)return;let S=!1,v=null;async function C(){const[j,T]=await Promise.all([it(()=>import("./xterm-BqvuqXEL.js"),[]),it(()=>import("./addon-fit-YJmn1quW.js"),[])]);if(S)return;{let x=document.getElementById("xterm-css");x||(x=document.createElement("style"),x.id="xterm-css",document.head.appendChild(x)),x.textContent=`
+.xterm { cursor: text; position: relative; user-select: none; -ms-user-select: none; -webkit-user-select: none; }
+.xterm.focus, .xterm:focus { outline: none; }
+.xterm .xterm-helpers { position: absolute; top: 0; z-index: 5; }
+.xterm .xterm-helper-textarea { padding: 0; border: 0; margin: 0; position: absolute; opacity: 0; left: -9999em; top: 0; width: 0; height: 0; z-index: -5; white-space: nowrap; overflow: hidden; resize: none; caret-color: transparent !important; clip-path: inset(100%) !important; }
+.xterm .composition-view { background: #000; color: #FFF; display: none; position: absolute; white-space: nowrap; z-index: 1; }
+.xterm .composition-view.active { display: block; }
+.xterm .xterm-viewport { background-color: #000; overflow-y: scroll; cursor: default; position: absolute; right: 0; left: 0; top: 0; bottom: 0; }
+.xterm .xterm-screen { position: relative; }
+.xterm .xterm-screen canvas { position: absolute; left: 0; top: 0; }
+.xterm .xterm-scroll-area { visibility: hidden; }
+.xterm-char-measure-element { display: inline-block; visibility: hidden; position: absolute; top: 0; left: -9999em; line-height: normal; }
+.xterm.enable-mouse-events { cursor: default; }
+.xterm.xterm-cursor-pointer, .xterm .xterm-cursor-pointer { cursor: pointer; }
+.xterm.column-select.focus { cursor: crosshair; }
+.xterm .xterm-accessibility:not(.debug), .xterm .xterm-message { position: absolute; left: 0; top: 0; bottom: 0; right: 0; z-index: 10; color: transparent; pointer-events: none; }
+.xterm .xterm-accessibility-tree:not(.debug) *::selection { color: transparent; }
+.xterm .xterm-accessibility-tree { user-select: text; white-space: pre; }
+.xterm .live-region { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
+.xterm-dim { opacity: 1 !important; }
+.xterm-underline-1 { text-decoration: underline; }
+.xterm-underline-2 { text-decoration: double underline; }
+.xterm-underline-3 { text-decoration: wavy underline; }
+.xterm-underline-4 { text-decoration: dotted underline; }
+.xterm-underline-5 { text-decoration: dashed underline; }
+.xterm-overline { text-decoration: overline; }
+.xterm-strikethrough { text-decoration: line-through; }
+.xterm-screen .xterm-decoration-container .xterm-decoration { z-index: 6; position: absolute; }
+.xterm-screen .xterm-decoration-container .xterm-decoration.xterm-decoration-top-layer { z-index: 7; }
+.xterm-decoration-overview-ruler { z-index: 8; position: absolute; top: 0; right: 0; pointer-events: none; }
+.xterm-decoration-top { z-index: 2; position: relative; }
+`}const h=new j.Terminal({theme:{background:"#1a1a1a",foreground:"#d4d4d4",cursor:"#d4d4d4",selectionBackground:"#264f78"},fontSize:12,fontFamily:"'IBM Plex Mono', 'Menlo', 'Monaco', monospace",cursorBlink:!0,scrollback:5e3,allowProposedApi:!0}),B=new T.FitAddon;h.loadAddon(B),h.open(m),requestAnimationFrame(()=>{try{B.fit()}catch{}}),i.current=h;let I=null;try{const x=await fetch("/api/editor-scenario-prompt",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({prompt:l.current})});x.ok&&(I=(await x.json()).promptFile)}catch{}if(S)return;const _=window.location.protocol==="https:"?"wss:":"ws:",D=window.location.host,$=new URLSearchParams;$.set("entityName","inline-claude");const w=`${_}//${D}/ws/terminal?${$.toString()}`,M=new WebSocket(w);c.current=M,M.onopen=()=>{M.send(JSON.stringify({type:"resize",cols:h.cols,rows:h.rows}))};let O=!1;M.onmessage=x=>{try{const y=JSON.parse(x.data);if(y.type==="session-id"&&!O){O=!0,setTimeout(()=>{const p=I?`claude "Read the file at '${I.replace(/'/g,"'\\''")}' for your instructions."`:"claude";M.send(JSON.stringify({type:"input",data:p+"\r"}))},300);return}if(y.type==="output"&&y.data){h.write(y.data);return}}catch{h.write(x.data)}},M.onclose=()=>{o.current||h.write(`\r
+\x1B[90m--- Session ended ---\x1B[0m\r
+`)},M.onerror=()=>{h.write(`\r
+\x1B[31mConnection error\x1B[0m\r
+`)},h.onData(x=>{M.readyState===WebSocket.OPEN&&M.send(JSON.stringify({type:"input",data:x}))}),v=new ResizeObserver(()=>{try{B.fit(),M.readyState===WebSocket.OPEN&&M.send(JSON.stringify({type:"resize",cols:h.cols,rows:h.rows}))}catch{}}),v.observe(m)}return C(),()=>{var j,T;S=!0,o.current=!0,v==null||v.disconnect(),((j=c.current)==null?void 0:j.readyState)===WebSocket.OPEN&&c.current.close(),(T=i.current)==null||T.dispose()}},[]),e.jsxs("div",{className:"border-t border-[#2d2d2d]",children:[e.jsxs("div",{className:"flex items-center justify-between px-3 py-1.5 bg-[#1e1e1e]",children:[e.jsx("span",{className:"text-[10px] font-medium text-[#00a0c4]",children:"Claude"}),n&&e.jsx("button",{onClick:n,className:"text-gray-500 hover:text-gray-300 text-[10px] bg-transparent border-none cursor-pointer",children:"Close"})]}),e.jsx("div",{ref:r,style:{height:s,background:"#1a1a1a",padding:"4px 0",position:"relative",overflow:"hidden"}})]})}const Bt=()=>e.jsx("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",className:"text-gray-500 shrink-0",children:e.jsx("path",{d:"M4.5 3L7.5 6L4.5 9",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})});function hn(t,s){if(t.length<=s)return t;const n=s-2;return[t[0],"ellipsis",...t.slice(t.length-n)]}function Ot({items:t,onNavigate:s}){if(t.length===0)return null;const n=hn(t,4);return e.jsx("nav",{className:"flex items-center gap-1 text-xs min-w-0",children:n.map((r,c)=>{if(r==="ellipsis")return e.jsxs("span",{className:"flex items-center gap-1",children:[e.jsx(Bt,{}),e.jsx("span",{className:"text-gray-500",children:"..."})]},"ellipsis");const i=c===n.length-1;return e.jsxs("span",{className:"flex items-center gap-1 min-w-0",children:[c>0&&e.jsx(Bt,{}),i?e.jsx("span",{className:"text-white font-medium truncate",children:r.name}):e.jsx("button",{onClick:()=>s(r.componentName,r.entitySha),className:"text-gray-400 hover:text-white transition-colors cursor-pointer bg-transparent border-none p-0 truncate",children:r.name})]},r.componentName||"app")})})}function Qt(t){var c,i;const s=new Map,n=new Map;for(const o of t)if(o.componentName){const l=n.get(o.componentName)||[];l.push(o),n.set(o.componentName,l)}else if(Xt(o.url)){const l=(c=o.url)==null?void 0:c.match(/[?&]c=([^&]+)/),m=l?decodeURIComponent(l[1]):"Isolated",S=n.get(m)||[];S.push(o),n.set(m,S)}else{const l=o.displayName||((i=o.pageFilePath)!=null&&i.startsWith("app/")?Re($e(o.pageFilePath)):We(o.url)),m=s.get(l)||[];m.push(o),s.set(l,m)}const r=new Map([...n.entries()].sort(([o],[l])=>o.localeCompare(l)));return{pageGroups:s,componentGroups:r}}function fn(t,s){var r,c;const n=new Map;for(const[i,o]of t){const l=(r=o.find(m=>m.entitySha))==null?void 0:r.entitySha;l&&n.set(i,l)}for(const[i,o]of s){const l=(c=o.find(m=>m.entitySha))==null?void 0:c.entitySha;l&&n.set(i,l)}return n}function gn(t){const s=new Set;for(const[n,r]of Object.entries(t)){s.add(n);for(const c of r)s.add(c)}return s}function jn(t,s,n,r){if(s.has(t))return!0;const c=n.find(i=>i.sha===t);return c?r.has(c.name):!1}function bn(t,s,n,r){const c=[];for(const[i,o]of t){const l=n.get(i);l?r(l)||c.push({name:i,scenarios:o,reason:"incomplete"}):c.push({name:i,scenarios:o,reason:"missing"})}for(const[i,o]of s){const l=n.get(i);l?r(l)||c.push({name:i,scenarios:o,reason:"incomplete"}):c.push({name:i,scenarios:o,reason:"missing"})}return c}function yn(t,s,n){if(!t)return null;const r=s.find(c=>c.sha===t);return r?{sha:t,name:r.name,filePath:r.filePath,entityType:r.entityType,displayName:r.name}:null}const zt={new:0,edited:1,impacted:2};function Wt({status:t,onClick:s}){const n={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],r=s&&(t.status==="edited"||t.status==="impacted");return e.jsx("button",{onClick:r?s:void 0,className:`${n.bg} ${n.text} ${n.border} border text-[9px] font-bold px-1.5 py-0.5 rounded-full uppercase tracking-wider shrink-0 ${r?"cursor-pointer hover:opacity-80 transition-opacity":"cursor-default"}`,children:n.label})}function Ut({filePath:t}){const[s,n]=a.useState(null),[r,c]=a.useState(!0),[i,o]=a.useState(null);return a.useEffect(()=>{it(()=>import("./index-DE3jI_dv.js"),__vite__mapDeps([0,1,2])).then(l=>{o(()=>l.default)})},[]),a.useEffect(()=>{c(!0),fetch(`/api/editor-file-diff?path=${encodeURIComponent(t)}`).then(l=>l.json()).then(l=>{n({oldContent:l.oldContent,newContent:l.newContent})}).catch(()=>{n(null)}).finally(()=>c(!1))},[t]),r?e.jsx("div",{className:"p-2 text-[10px] text-gray-400",children:"Loading diff..."}):!s||!i?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(i,{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 Ht({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(n=>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 ${n.changeType==="new"?"bg-green-100 text-green-700 border-green-200":"bg-blue-100 text-blue-700 border-blue-200"}`,children:n.changeType==="new"?"New":"Edited"}),e.jsx("span",{className:"text-[11px] font-medium text-amber-800",children:n.name}),e.jsx("span",{className:"text-[9px] text-amber-500 truncate",children:n.filePath})]},n.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(n=>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 ${n.status==="new"?"bg-green-100 text-green-700 border-green-200":"bg-blue-100 text-blue-700 border-blue-200"}`,children:n.status==="new"?"New":"Edited"}),e.jsx("span",{className:"text-[11px] font-medium text-amber-800",children:n.name})]},n.name))})]}):e.jsx("span",{className:"text-[10px] text-amber-600",children:"This component was re-captured because a dependency changed"})})}function Jt({scenarioId:t,name:s,isActive:n,onSelect:r,updatedAt:c}){const i=a.useRef(null);return a.useEffect(()=>{n&&i.current&&i.current.scrollIntoView({block:"nearest",behavior:"smooth"})},[n]),e.jsxs("button",{ref:i,onClick:r,className:"flex flex-col items-center gap-1.5 cursor-pointer group",title:s,children:[e.jsx("div",{className:`w-32 h-32 rounded-lg overflow-hidden border-2 transition-all ${n?"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,updatedAt:c,alt:s,className:"w-full h-full bg-white",imgClassName:"w-full h-full object-contain bg-white"})}),e.jsx("span",{className:`text-[11px] leading-tight text-center truncate w-32 font-medium ${n?"text-gray-900":"text-gray-600 group-hover:text-gray-900"}`,children:s})]})}function vn({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(ve,{content:t,icon:!0,iconSize:10,className:"shrink-0 text-gray-400 hover:text-gray-600 transition-colors"})]}):null}function ot({testFile:t,entityName:s}){const{results:n,isRunning:r,runTests:c}=lt(t);if(r&&!n)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(!n)return null;if(n.status==="error")return e.jsx("div",{className:"pt-1",children:e.jsx("span",{className:"text-[10px] text-red-500",children:n.errorMessage})});const i=s?n.testCases.filter(m=>m.fullName.startsWith(s)):n.testCases,o=i.length>0?i:n.testCases;if(o.length===0)return null;const l=s?`${s} > `:"";return e.jsxs("div",{className:"pt-1 space-y-0.5",children:[o.map(m=>{var v;const S=l&&m.fullName.startsWith(l)?m.fullName.slice(l.length):m.fullName;return e.jsxs("div",{children:[e.jsxs("div",{className:"flex items-center gap-1.5",children:[m.status==="passed"?e.jsx("span",{className:"text-green-600 text-[10px]",children:"✓"}):m.status==="failed"?e.jsx("span",{className:"text-red-500 text-[10px]",children:"✗"}):e.jsx("span",{className:"text-gray-400 text-[10px]",children:"—"}),e.jsx("span",{className:`text-[10px] ${m.status==="passed"?"text-green-600":m.status==="failed"?"text-red-500":"text-gray-400"}`,children:S})]}),m.status==="failed"&&((v=m.failureMessages)==null?void 0:v.map((C,j)=>e.jsx("div",{className:"pl-4 text-[9px] text-red-400 truncate max-w-full",title:C,children:C.split(`
+`)[0]},j)))]},m.fullName)}),e.jsx("button",{onClick:c,disabled:r,className:"mt-1 text-[10px] text-[#0ea5e9] hover:text-[#38bdf8] transition-colors cursor-pointer disabled:opacity-50 bg-transparent border-none p-0",children:r?"Running...":"Re-run"})]})}function Gt(t){const s=t.indexOf(" - ");return s!==-1?t.slice(s+3):t}function Vt(t,s){return!s||Object.keys(s).length===0?t:[...t].sort(([n],[r])=>{var l,m;const c=((l=s[n])==null?void 0:l.status)||"impacted",i=((m=s[r])==null?void 0:m.status)||"impacted",o=(zt[c]??2)-(zt[i]??2);return o!==0?o:n.localeCompare(r)})}function Nn({scenarios:t,allScenarios:s=[],glossaryFunctions:n=[],projectRoot:r,activeScenarioId:c,onScenarioSelect:i,onClose:o,entityChangeStatus:l={},modifiedFiles:m=[],featureName:S,userPrompt:v}){const C=a.useMemo(()=>{if(s.length===0||Object.keys(l).length===0)return t;const p=new Set(t.map(b=>b.id)),f=s.filter(b=>{var L,F;if(p.has(b.id))return!1;const E=b.componentName||b.displayName||((L=b.pageFilePath)!=null&&L.startsWith("app/")?Re($e(b.pageFilePath)):We(b.url));return((F=l[E])==null?void 0:F.status)==="impacted"});return f.length===0?t:[...t,...f]},[t,s,l]),j=a.useMemo(()=>Object.entries(l).filter(([,p])=>p.status==="new"||p.status==="edited").map(([p,f])=>({name:p,status:f.status})),[l]),[T,h]=a.useState(null),B=a.useCallback(p=>{h(f=>f===p?null:p)},[]),{pageGroups:I,componentGroups:_}=a.useMemo(()=>Qt(C),[C]),D=a.useMemo(()=>Vt([...I.entries()],l),[I,l]),$=a.useMemo(()=>Vt([..._.entries()],l),[_,l]),w=D,M=$,O=a.useMemo(()=>Ks(n,l),[n,l]),x=a.useMemo(()=>{const p=[];for(const[,f]of w)p.push(...f);for(const[,f]of M)p.push(...f);return p},[w,M]),y=a.useRef(!1);return a.useEffect(()=>{y.current||x.length!==0&&(c&&x.some(p=>p.id===c)||(y.current=!0,i(x[0])))},[x,c,i]),a.useEffect(()=>{if(x.length===0)return;const p=f=>{if(f.key!=="ArrowLeft"&&f.key!=="ArrowRight")return;const b=f.target,E=b==null?void 0:b.tagName;if(E==="INPUT"||E==="SELECT"||E==="TEXTAREA"&&!b.classList.contains("xterm-helper-textarea"))return;f.preventDefault();const L=x.findIndex(N=>N.id===c);let F;f.key==="ArrowLeft"?F=L<=0?x.length-1:L-1:F=L>=x.length-1?0:L+1,i(x[F])};return document.addEventListener("keydown",p),()=>document.removeEventListener("keydown",p)},[x,c,i]),C.length===0&&n.length===0?e.jsxs("div",{className:"h-full bg-white flex items-center justify-center relative",children:[e.jsx("button",{onClick:o,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"}),S&&e.jsx("div",{className:"text-[11px] text-gray-400 truncate",title:S,children:S})]}),e.jsx("button",{onClick:o,className:"text-gray-400 hover:text-gray-700 text-lg leading-none cursor-pointer bg-transparent border-none shrink-0",title:"Close results",children:"×"})]}),v&&e.jsx(Kt,{text:v,theme:"light"}),e.jsx("div",{className:"flex-1 overflow-auto p-4",children:e.jsxs("div",{className:"space-y-5",children:[w.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:w.map(([p,f])=>{var F;const b=l[p],E=T===p,L=(F=f[0])==null?void 0:F.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:p}),b&&e.jsx(Wt,{status:b,onClick:()=>B(p)})]}),E&&(b==null?void 0:b.status)==="edited"&&L&&e.jsx(Ut,{filePath:L}),E&&(b==null?void 0:b.status)==="impacted"&&e.jsx(Ht,{impactedBy:b.impactedBy,changedEntities:j}),e.jsx("div",{className:"flex flex-wrap gap-3",children:f.map(N=>e.jsx(Jt,{scenarioId:N.id,name:Gt(N.name),isActive:N.id===c,onSelect:()=>i(N),updatedAt:N.updatedAt},N.id))})]},p)})})]}),M.length>0&&e.jsxs("div",{className:w.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:M.map(([p,f])=>{var F;const b=l[p],E=T===p,L=(F=f[0])==null?void 0:F.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:p}),b&&e.jsx(Wt,{status:b,onClick:()=>B(p)})]}),E&&(b==null?void 0:b.status)==="edited"&&L&&e.jsx(Ut,{filePath:L}),E&&(b==null?void 0:b.status)==="impacted"&&e.jsx(Ht,{impactedBy:b.impactedBy,changedEntities:j}),e.jsx("div",{className:"flex flex-wrap gap-3",children:f.map(N=>e.jsx(Jt,{scenarioId:N.id,name:Gt(N.name),isActive:N.id===c,onSelect:()=>i(N),updatedAt:N.updatedAt},N.id))})]},p)})})]}),O.length>0&&e.jsxs("div",{className:w.length>0||M.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:O.map(p=>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:p.name})}),e.jsx(vn,{filePath:p.filePath,projectRoot:r}),p.testFile?e.jsx(ot,{testFile:p.testFile,entityName:p.name}):e.jsx("div",{className:"pt-1",children:e.jsx("span",{className:"text-[10px] text-gray-400",children:"No test file"})})]},p.name))})]}),m.length>0&&e.jsxs("div",{className:w.length>0||M.length>0||O.length>0?"pt-3 border-t border-gray-200":"",children:[e.jsx("div",{className:"mb-2",children:e.jsxs("span",{className:"text-xs font-semibold text-gray-500 uppercase tracking-wider",children:["Modified Files (",m.length,")"]})}),e.jsx("div",{className:"space-y-0.5 pl-1 max-h-[200px] overflow-auto",children:m.map(p=>e.jsxs("div",{className:"flex items-center gap-1.5",children:[e.jsx("span",{className:`text-[9px] font-bold uppercase w-[14px] text-center ${p.status==="added"||p.status==="untracked"?"text-green-600":p.status==="modified"?"text-blue-600":p.status==="renamed"?"text-purple-600":"text-gray-400"}`,children:p.status==="added"||p.status==="untracked"?"A":p.status==="modified"?"M":p.status==="renamed"?"R":"?"}),e.jsx("span",{className:"text-[10px] text-gray-500 truncate font-mono",children:p.path})]},p.path))})]})]})})]})}function wn(t,s,n,r){var m;const c=r.length>0?r.map(S=>`- "${S.name}" (ID: ${S.id})${S.url?` — URL: ${S.url}`:""}`).join(`
+`):"(no scenarios yet)",i=s.endsWith("/page.tsx")||s.endsWith("/page.js"),o=((m=r.find(S=>S.url))==null?void 0:m.url)||"/",l=[`You are helping edit scenarios for the "${t}" entity in a CodeYam project.`,"","## Entity",`- **Name:** ${t}`,`- **File:** ${s}`,`- **Type:** ${i?"Page (application scenario with seed data)":"Component (component scenario with mock props)"}`,"","## Existing Scenarios",c,""];return i?l.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":"${o}","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":"${o}","dimensions":["Laptop"],"seed":{"user":[...],"feedback":[...]}}`,"SCENARIO_EOF","codeyam editor register @.codeyam/tmp/scenario.json","```"):l.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"}}'`,"```"),l.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":[...]}'`,"```"),l.push("","## Recapturing Scenarios After Code Changes","",`If the user asks you to modify the code for this ${i?"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."),l.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 ${i?"page":"component"}`),l.join(`
+`)}function Zt(t,s){var c;const n=s.some(i=>!i.componentName),r=s.map(i=>`'${i.id}'`).join(", ");if(n){const i=((c=s.find(l=>l.url))==null?void 0:c.url)||null,o=s.map(l=>`.codeyam/editor-scenarios/${l.id}.json`).join(", ");return[`### Page: "${t}" (${s.length} scenario(s))`,...i?["",`Scenario URL: \`${i}\``]:[],"",...i?["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 \`${i}\`, 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 (${r});"`,"","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 (${r});"`,"","Step E: Add pageFilePath to the scenario JSON files so this fix persists across clones.",`For each file (${o}), 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 (${r});"`].join(`
+`)}function qt({name:t,scenarios:s,reason:n="missing"}){var i,o;const r=((i=s[0])==null?void 0:i.componentPath)||((o=s[0])==null?void 0:o.pageFilePath)||null,c=n==="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": "${r||"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(l=>!l.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:","",Zt(t,s),"","Step 3: Reload the editor page in the browser and verify the scenarios appear."].join(`
+`);return e.jsx(ve,{content:c,label:"Copy Fix Prompt",copiedLabel:"Copied!",className:"text-[9px] text-amber-400 hover:text-amber-300 bg-transparent border border-amber-400/30 rounded px-1.5 py-0.5 cursor-pointer transition-colors ml-2"})}function Sn({brokenEntities:t}){if(t.length===0)return null;const s=t.reduce((i,o)=>i+o.scenarios.length,0),n=t.filter(i=>i.reason==="incomplete"),r=t.filter(i=>i.reason==="missing"),c=[`${t.length} entities are missing data in the CodeYam database. ${s} 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:","",...n.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:","",...n.map(i=>{var l,m;const o=((l=i.scenarios[0])==null?void 0:l.componentPath)||((m=i.scenarios[0])==null?void 0:m.pageFilePath)||"FILL_IN_PATH";return`- "${i.name}" (filePath: "${o}")`}),"",'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","",...r.length>0?["## Step 3: Fix missing entity associations","",...r.map(i=>Zt(i.name,i.scenarios)),""]:[],`## Step ${r.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.jsxs("div",{className:"mb-3 p-2 rounded border border-amber-400/30 bg-amber-400/5",children:[e.jsxs("p",{className:"text-[10px] text-amber-400/80 m-0 leading-relaxed",children:[t.length," ",t.length===1?"entity is":"entities are"," missing data (",s," hidden scenario",s!==1?"s":"","). Copy this prompt into Claude to fix them all at once."]}),e.jsx("div",{className:"mt-1.5",children:e.jsx(ve,{content:c,label:"Copy Fix All Prompt",copiedLabel:"Copied!",className:"text-[9px] text-amber-400 hover:text-amber-300 bg-transparent border border-amber-400/30 rounded px-1.5 py-0.5 cursor-pointer transition-colors"})})]})}function kn({scenarios:t,entityName:s,entityFilePath:n,entityType:r,onSwitchToBuild:c,onScenarioSelect:i}){const[o,l]=a.useState(!1),[m,S]=a.useState(null),[v,C]=a.useState(""),[j,T]=a.useState(!1),[h,B]=a.useState(null),[I,_]=a.useState(!1),D=a.useCallback(async w=>{if(!(!v.trim()||j)){T(!0);try{(await fetch("/api/editor-rename-scenario",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({scenarioId:w,name:v.trim()})})).ok&&S(null)}catch{}finally{T(!1)}}},[v,j]),$=a.useCallback(async w=>{if(confirm(`Delete scenario "${w.name}"?`)){B(w.id);try{const M=w.screenshotPaths?Object.values(w.screenshotPaths):w.screenshotPath?[w.screenshotPath]:[];await fetch("/api/delete-scenario",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({scenarioId:w.id,screenshotPaths:M})})}catch{}finally{B(null)}}},[]);return o?e.jsxs("div",{className:"border border-[#3d3d3d] rounded-lg overflow-hidden",children:[e.jsxs("div",{className:"flex items-center justify-between px-3 py-2 bg-[#1e1e1e]",children:[e.jsx("span",{className:"text-xs font-medium text-gray-400",children:"Edit Scenarios"}),e.jsx("button",{onClick:()=>{l(!1),S(null)},className:"text-gray-500 hover:text-gray-300 text-xs bg-transparent border-none cursor-pointer",children:"Close"})]}),e.jsx("div",{className:"divide-y divide-[#2d2d2d]",children:t.map(w=>e.jsxs("div",{className:"px-3 py-2 flex items-center gap-2 hover:bg-[#252525] cursor-pointer transition-colors",style:{opacity:h===w.id?.4:1},onClick:()=>{m!==w.id&&i(w)},children:[w.screenshotPath?e.jsx(Ue,{scenarioId:w.id,updatedAt:w.updatedAt,alt:"",className:"rounded w-[40px] h-[40px] shrink-0 overflow-hidden",imgClassName:"w-full h-full object-cover"}):e.jsx("div",{className:"rounded bg-[#1e1e1e]",style:{width:40,height:40,flexShrink:0}}),m===w.id?e.jsxs("form",{className:"flex-1 flex items-center gap-1.5 min-w-0",onSubmit:M=>{M.preventDefault(),D(w.id)},children:[e.jsx("input",{type:"text",value:v,onChange:M=>C(M.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:j}),e.jsx("button",{type:"submit",disabled:j||!v.trim(),className:"px-2 py-1 text-[10px] bg-[#005c75] text-white rounded hover:bg-[#004d63] disabled:opacity-40 cursor-pointer border-none",children:j?"...":"Save"}),e.jsx("button",{type:"button",onClick:()=>S(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:"flex-1 text-xs text-gray-300 truncate min-w-0",children:w.name}),e.jsx("button",{onClick:M=>{M.stopPropagation(),S(w.id),C(w.name)},className:"text-[10px] text-gray-500 hover:text-gray-300 cursor-pointer bg-transparent border-none px-1",title:"Rename",children:"Rename"}),e.jsx("button",{onClick:M=>{M.stopPropagation(),$(w)},disabled:h===w.id,className:"text-[10px] text-red-400/60 hover:text-red-400 cursor-pointer bg-transparent border-none px-1",title:"Delete",children:"Delete"})]})]},w.id))}),I?e.jsx(un,{prompt:wn(s,n,r,t),height:500,onClose:()=>_(!1)}):e.jsx("div",{className:"px-3 py-2.5 bg-[#1e1e1e] border-t border-[#2d2d2d] flex justify-center",children:e.jsx("button",{onClick:()=>_(!0),className:"px-5 py-2 text-xs font-medium text-white cursor-pointer bg-[#005c75] hover:bg-[#004d63] border-none rounded-md transition-colors",children:"Modify with Claude"})})]}):e.jsx("div",{className:"flex justify-center",children:e.jsx("button",{onClick:()=>l(!0),className:"px-5 py-2 text-xs font-medium text-gray-300 hover:text-white transition-colors cursor-pointer bg-[#2a2a2a] hover:bg-[#333] border border-[#4a4a4a] hover:border-[#666] rounded-md",children:"Edit Scenarios"})})}function ye({scenarioId:t,updatedAt:s,hasScreenshot:n,imgSrc:r,name:c,isActive:i,onSelect:o}){const l=t&&n,m=!t&&r;return e.jsxs("button",{onClick:o,className:"flex flex-col items-center gap-1 cursor-pointer group w-full",title:c,children:[e.jsx("div",{className:`w-full aspect-square rounded overflow-hidden border-2 transition-all bg-[#1a1a1a] ${i?"border-[#005c75] ring-1 ring-[#005c75]":"border-transparent hover:border-[#4d4d4d]"}`,children:l?e.jsx(Ue,{scenarioId:t,updatedAt:s,alt:c,className:"w-full h-full",imgClassName:"w-full h-full object-contain"}):m?e.jsx("img",{src:r,alt:c,className:"w-full h-full object-contain",loading:"lazy"}):e.jsx("div",{className:"w-full h-full bg-[#1a1a1a] flex items-center justify-center",children:e.jsx("span",{className:"text-[8px] text-gray-600",children:"No img"})})}),e.jsx("span",{className:`text-[10px] leading-tight text-center truncate w-full ${i?"text-white":"text-gray-500 group-hover:text-gray-300"}`,children:c})]})}function Te({filePath:t}){return t?e.jsxs("div",{className:"flex items-center gap-1 mt-0.5",children:[e.jsxs("a",{href:`/api/editor-file?path=${encodeURIComponent(t)}`,target:"_blank",rel:"noopener noreferrer",title:"Open file",className:"flex items-center gap-1 text-gray-500 hover:text-gray-300 transition-colors min-w-0",children:[e.jsx("span",{className:"text-[9px] truncate",children:t}),e.jsx("svg",{className:"shrink-0",width:"10",height:"10",viewBox:"0 0 12 12",fill:"none",children:e.jsx("path",{d:"M4.5 1.5H2.5C1.95 1.5 1.5 1.95 1.5 2.5V9.5C1.5 10.05 1.95 10.5 2.5 10.5H9.5C10.05 10.5 10.5 10.05 10.5 9.5V7.5M7.5 1.5H10.5M10.5 1.5V4.5M10.5 1.5L5 7",stroke:"currentColor",strokeWidth:"1.2",strokeLinecap:"round",strokeLinejoin:"round"})})]}),e.jsx(ve,{content:t,icon:!0,iconSize:10,className:"shrink-0 text-gray-500 hover:text-gray-300 transition-colors"})]}):null}function Cn({hasProject:t,scenarios:s,analyzedEntities:n,allEntities:r=[],glossaryFunctions:c=[],glossaryEntries:i=[],projectRoot:o,activeScenarioId:l,onScenarioSelect:m,onAnalyzedScenarioSelect:S,onSwitchToBuild:v,zoomComponent:C,focusedEntity:j,onZoomChange:T,entityImports:h,pageFilePaths:B={},projectTitle:I,projectDescription:_,migrationMode:D="none",migrationState:$,onStartMigration:w,breadcrumbItems:M=[]}){var te;const{pageGroups:O,componentGroups:x}=a.useMemo(()=>Qt(s),[s]),y=a.useMemo(()=>fn(O,x),[O,x]),p=a.useMemo(()=>new Set(n.map(k=>k.sha)),[n]),f=a.useMemo(()=>gn(h||{}),[h]),b=a.useCallback(k=>jn(k,p,r,f),[p,r,f]),E=a.useMemo(()=>{const k=new Map;for(const R of r)k.set(R.sha,R.name);return k},[r]),L=a.useMemo(()=>bn(O,x,y,b),[O,x,y,b]),F=a.useMemo(()=>n.filter(k=>k.entityType==="visual").sort((k,R)=>k.name.localeCompare(R.name)),[n]),N=a.useMemo(()=>{const k=new Map;for(const R of c)k.set(R.name,R);return k},[c]),J=a.useRef(null),xe=a.useRef(0),Ne=a.useCallback(()=>{J.current&&(xe.current=J.current.scrollTop)},[]);a.useEffect(()=>{J.current&&xe.current>0&&(J.current.scrollTop=xe.current)});const we=(j==null?void 0:j.sha)??"overview";if(!t)return e.jsx("div",{className:"flex-1 flex items-center justify-center",children:e.jsxs("div",{className:"flex flex-col items-center gap-4",children:[e.jsx("h2",{className:"text-lg font-medium text-white font-['IBM_Plex_Sans'] m-0",children:"Ready to build something?"}),e.jsx("button",{onClick:v,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(D==="candidate")return e.jsx("div",{className:"flex-1 flex items-center justify-center",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 font-['IBM_Plex_Sans'] m-0",children:"Migrate Your Project"}),e.jsx("p",{className:"text-sm text-gray-400 m-0 font-['IBM_Plex_Sans'] 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:w,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:v,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(D==="active"&&$){const k=$.pages||[],R=k.filter(A=>A.status==="complete").length,G=k.length,V=G>0?Math.round(R/G*100):0;return e.jsxs("div",{className:"flex-1 flex flex-col overflow-auto p-4",children:[e.jsx("h2",{className:"text-lg font-medium text-white font-['IBM_Plex_Sans'] 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 font-['IBM_Plex_Sans']",children:[R,"/",G," 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((A,se)=>{const ae=A.status==="complete"?"✓":A.status==="in-progress"?"→":"○",q=A.status==="complete"?"text-green-400":A.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 ${q} w-3 text-center`,children:ae}),e.jsx("span",{className:`text-xs font-['IBM_Plex_Sans'] ${A.status==="in-progress"?"text-white font-medium":A.status==="complete"?"text-gray-400":"text-gray-600"}`,children:A.name}),e.jsx("span",{className:"text-[10px] text-gray-600",children:A.route}),A.status==="complete"&&e.jsxs("span",{className:"text-[10px] text-gray-600",children:[(A.extractedComponents||[]).length,"c"," ",(A.extractedFunctions||[]).length,"f"," ",A.scenarioCount||0,"s"]})]},se)})}),($.sharedComponents||[]).length>0&&e.jsxs("div",{className:"mt-4",children:[e.jsx("h3",{className:"text-xs font-medium text-gray-400 font-['IBM_Plex_Sans'] mb-1.5",children:"Shared Components"}),($.sharedComponents||[]).map((A,se)=>e.jsxs("div",{className:"text-[10px] text-gray-500 mb-0.5",children:[A.name," ",e.jsxs("span",{className:"text-gray-600",children:["— used in: ",(A.usedInPages||[]).join(", ")]})]},se))]}),e.jsx("div",{className:"mt-4",children:e.jsx("button",{onClick:v,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"})})]})}if(!(s.length>0||F.length>0))return e.jsx("div",{className:"flex-1 flex items-center justify-center",children:e.jsxs("div",{className:"flex flex-col items-center gap-4 px-8 text-center",children:[I?e.jsxs(e.Fragment,{children:[e.jsx("h2",{className:"text-lg font-medium text-white font-['IBM_Plex_Sans'] m-0",children:I}),_&&e.jsx("p",{className:"text-sm text-gray-400 m-0 font-['IBM_Plex_Sans'] leading-relaxed",children:_})]}):e.jsx("h2",{className:"text-lg font-medium text-white font-['IBM_Plex_Sans'] m-0",children:"Your project is ready"}),e.jsx("p",{className:"text-sm text-gray-400 m-0 font-['IBM_Plex_Sans'] leading-relaxed",children:"Describe what you want to build in the Chat and your pages and components will appear here."}),e.jsx("button",{onClick:v,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(j){const k=j.filePath,R=j.name,G=n.some(u=>u.sha===j.sha||u.filePath===k),V=!!((te=h==null?void 0:h[R])!=null&&te.length);if(!G&&!V){s.some(z=>z.componentName===R&&z.entitySha===j.sha);const u=s.filter(z=>z.entitySha===j.sha),U=[`The "${j.displayName}" entity (${k}) 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 "${R}" to the glossary if it's not already there:`,`  Check: cat .codeyam/glossary.json | grep "${R}"`,"",`  If not found, add an entry with name "${R}" and filePath "${k}" 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",{ref:J,onScroll:Ne,className:"flex-1 overflow-auto",children:e.jsxs("div",{className:"p-4 space-y-3",children:[e.jsx(Ot,{items:M,onNavigate:T}),e.jsx("h2",{className:"text-sm font-semibold text-white m-0 font-['IBM_Plex_Sans'] uppercase tracking-wider",children:j.displayName}),k&&e.jsx(Te,{filePath:k,projectRoot:o}),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(ve,{content:U,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"})})]}),u.length>0&&e.jsx("div",{className:"grid grid-cols-3 gap-2",children:u.map(z=>e.jsx(ye,{scenarioId:z.id,updatedAt:z.updatedAt,hasScreenshot:!!z.screenshotPath,name:z.name,isActive:z.id===l,onSelect:()=>m(z)},z.id))})]})},we)}const A=j.sha,se=s.filter(u=>!u.componentName&&(u.pageFilePath===k||A&&u.entitySha===A)),ae=s.filter(u=>u.componentName===R||u.componentPath===k),q=F.find(u=>u.filePath===k||u.name===R),re=N.get(R)||c.find(u=>u.filePath===k),ie=[...se,...ae],oe=new Set((h==null?void 0:h[R])||[]),ke=V?[...x.entries()].filter(([u])=>oe.has(u)):[],Ae=V?F.filter(u=>oe.has(u.name)&&!ke.some(([U])=>U===u.name)):[],Le=V?i.filter(u=>oe.has(u.name)&&u.returnType!=="JSX.Element"&&u.returnType!=="React.ReactNode").map(u=>({name:u.name,filePath:u.filePath,description:u.description||"",testFile:u.testFile,feature:u.feature})):[],le=ke.length>0||Ae.length>0,ee=Le.length>0,Y=le||ee;return e.jsx("div",{className:"flex-1 overflow-auto",children:e.jsxs("div",{className:"p-4 space-y-3",children:[e.jsx(Ot,{items:M,onNavigate:T}),e.jsxs("div",{children:[e.jsx("h2",{className:"text-sm font-semibold text-white m-0 font-['IBM_Plex_Sans'] uppercase tracking-wider",children:j.displayName}),j.filePath&&e.jsx(Te,{filePath:j.filePath,projectRoot:o})]}),ie.length>0&&e.jsx("div",{className:"grid grid-cols-3 gap-2",children:ie.map(u=>e.jsx(ye,{scenarioId:u.id,updatedAt:u.updatedAt,hasScreenshot:!!u.screenshotPath,name:u.name,isActive:u.id===l,onSelect:()=>m(u)},u.id))}),q&&(q.scenarios.length>0||q.pendingScenarios.length>0)&&e.jsxs("div",{className:"grid grid-cols-3 gap-2",children:[q.scenarios.map(u=>e.jsx(ye,{imgSrc:u.screenshotPath?`/api/screenshot/${u.screenshotPath}`:null,name:u.name,isActive:!1,onSelect:()=>S({analysisId:q.analysisId,scenarioId:u.id,scenarioName:u.name,entitySha:q.sha,entityName:q.name})},u.id)),q.pendingScenarios.map(u=>e.jsx("div",{className:"px-2.5 py-1 bg-[#2a2a2a] text-gray-400 text-[10px] rounded-full",title:u,children:u},u))]}),re&&re.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(Te,{filePath:re.testFile,projectRoot:o})]}),e.jsx(ot,{testFile:re.testFile,entityName:R})]}),ie.length===0&&!q&&!re&&e.jsx("div",{className:"text-xs text-gray-500",children:"No scenarios for this entity"}),ie.length>0&&e.jsx(kn,{scenarios:ie,entityName:j.displayName,entityFilePath:j.filePath,entityType:j.entityType,onSwitchToBuild:v,onScenarioSelect:m}),Y&&e.jsxs("div",{className:"pt-3 mt-2 border-t border-[#3d3d3d] space-y-3",children:[le&&e.jsxs("div",{children:[e.jsx("span",{className:"text-xs font-semibold text-gray-500 uppercase tracking-wider",children:"Components"}),ke.map(([u,U])=>e.jsx("div",{className:"mt-3",children:y.has(u)?e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"py-1",children:e.jsx("button",{onClick:()=>T(u,y.get(u)),className:"text-[11px] font-medium text-gray-400 cursor-pointer hover:text-white transition-colors bg-transparent border-none p-0",children:u})}),U.length>0&&e.jsx("div",{className:"grid grid-cols-3 gap-2 pt-1",children:U.map(z=>e.jsx(ye,{scenarioId:z.id,updatedAt:z.updatedAt,hasScreenshot:!!z.screenshotPath,name:z.name,isActive:z.id===l,onSelect:()=>m(z)},z.id))})]}):e.jsxs("div",{className:"py-2",children:[e.jsx("span",{className:"text-[11px] font-medium text-gray-500",children:u}),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(qt,{name:u,scenarios:U})})]})},u)),Ae.map(u=>e.jsxs("div",{className:"mt-3",children:[e.jsx("div",{className:"py-1",children:e.jsx("button",{onClick:()=>T(u.name,u.sha),className:"text-[11px] font-medium text-gray-400 cursor-pointer hover:text-white transition-colors bg-transparent border-none p-0",children:u.name})}),(u.scenarios.length>0||u.pendingScenarios.length>0)&&e.jsxs("div",{className:"grid grid-cols-3 gap-2 pt-1",children:[u.scenarios.map(U=>e.jsx(ye,{imgSrc:U.screenshotPath?`/api/screenshot/${U.screenshotPath}`:null,name:U.name,isActive:!1,onSelect:()=>S({analysisId:u.analysisId,scenarioId:U.id,scenarioName:U.name,entitySha:u.sha,entityName:u.name})},U.id)),u.pendingScenarios.map(U=>e.jsx("div",{className:"px-2.5 py-1 bg-[#2a2a2a] text-gray-400 text-[10px] rounded-full",title:U,children:U},U))]})]},u.sha))]}),ee&&e.jsxs("div",{children:[e.jsx("span",{className:"text-xs font-semibold text-gray-500 uppercase tracking-wider",children:"Functions"}),Le.map(u=>e.jsxs("div",{className:"mt-2",children:[e.jsx("div",{className:"py-1",children:e.jsx("button",{onClick:()=>T(u.name,y.get(u.name)),className:"text-[11px] font-medium text-gray-400 cursor-pointer hover:text-white transition-colors bg-transparent border-none p-0",children:u.name})}),e.jsx(Te,{filePath:u.filePath,projectRoot:o}),u.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:u.testFile})]}),e.jsx(ot,{testFile:u.testFile,entityName:u.name})]})]},u.name))]})]})]})})}return e.jsx("div",{ref:J,onScroll:Ne,className:"flex-1 overflow-auto",children:e.jsxs("div",{className:"p-4 space-y-4",children:[I&&e.jsxs("div",{children:[e.jsx("h2",{className:"text-base font-semibold text-white m-0 font-['IBM_Plex_Sans']",children:I}),_&&e.jsx("p",{className:"text-xs text-gray-400 m-0 mt-1 font-['IBM_Plex_Sans'] leading-relaxed",children:_})]}),L.length>1&&e.jsx(Sn,{brokenEntities:L}),O.size>0&&e.jsxs("div",{children:[e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsx("span",{className:"text-xs font-semibold text-gray-500 uppercase tracking-wider",children:"Application"}),e.jsx("button",{onClick:v,className:"px-2.5 py-1 text-[10px] font-medium text-gray-400 bg-[#2a2a2a] border border-[#4d4d4d] rounded hover:bg-[#333] hover:text-white hover:border-[#005c75] transition-colors cursor-pointer",children:"+ New Page"})]}),e.jsxs("p",{className:"text-[11px] text-gray-500 m-0 mt-1.5 font-['IBM_Plex_Sans'] leading-relaxed",children:["Select a page scenario below and switch to"," ",e.jsx("button",{onClick:v,className:"text-[#00a0c4] hover:text-[#00c4eb] bg-transparent border-none p-0 cursor-pointer underline font-inherit text-inherit",children:"Build"})," ","to change or enhance an existing page or"," ",e.jsx("button",{onClick:v,className:"text-[#00a0c4] hover:text-[#00c4eb] bg-transparent border-none p-0 cursor-pointer underline font-inherit text-inherit",children:"create a new page"})]}),[...O.entries()].sort(([k],[R])=>k==="Home"?-1:R==="Home"?1:k.localeCompare(R)).map(([k,R])=>{var G,V;return e.jsx("div",{className:"mt-2",children:y.has(k)&&b(y.get(k))?e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"py-1",children:(()=>{const A=y.get(k),ae=(A?E.get(A):void 0)||k;return e.jsx("button",{onClick:()=>T(k,y.get(k)),className:"text-[11px] font-medium text-gray-400 cursor-pointer hover:text-white transition-colors bg-transparent border-none p-0",children:ae})})()}),(((G=R[0])==null?void 0:G.pageFilePath)||B[k])&&e.jsx(Te,{filePath:((V=R[0])==null?void 0:V.pageFilePath)||B[k],projectRoot:o}),e.jsx("div",{className:"grid grid-cols-3 gap-2 pt-1",children:R.map(A=>e.jsx(ye,{scenarioId:A.id,updatedAt:A.updatedAt,hasScreenshot:!!A.screenshotPath,name:A.name,isActive:A.id===l,onSelect:()=>m(A)},A.id))})]}):e.jsxs("div",{className:"py-2",children:[e.jsx("span",{className:"text-[11px] font-medium text-gray-500",children:(()=>{const A=y.get(k);return A&&E.get(A)||k})()}),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 page. 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(qt,{name:k,scenarios:R,reason:y.has(k)?"incomplete":"missing"})})]})},k)})]})]})},we)}const Pn=[{key:"app",label:"App"},{key:"build",label:"Build"},{key:"data",label:"Structure"},{key:"journal",label:"Journal"}];function En({activeTab:t,onTabChange:s,buildIdle:n}){return e.jsxs("div",{className:"bg-[#3d3d3d] h-10 flex items-center px-3 gap-3 shrink-0 z-20 border-b border-[#2d2d2d]",children:[e.jsxs("div",{className:"flex items-center gap-2 shrink-0",children:[e.jsx("img",{src:Ys,alt:"CodeYam",className:"h-5 brightness-0 invert"}),e.jsx("span",{className:"text-white font-medium text-xs whitespace-nowrap",children:"Codeyam Editor"})]}),e.jsx("div",{className:"flex-1"}),e.jsx("div",{className:"flex items-center gap-2 shrink-0",children:e.jsx("div",{className:"flex items-center gap-0.5 bg-[#4a3232] rounded-lg p-0.5",children:Pn.map(r=>e.jsxs("button",{onClick:()=>s(r.key),className:`px-2.5 py-1 text-xs font-medium rounded-md transition-colors cursor-pointer ${t===r.key?"bg-[#7a4444] text-white":"text-gray-300 hover:text-white"}`,children:[r.label,r.key==="build"&&n&&t!=="build"&&e.jsx("span",{className:"ml-1 inline-block w-1.5 h-1.5 rounded-full bg-amber-400 animate-pulse"})]},r.key))})})]})}function Mn({onMouseDown:t,onDoubleClick:s,isDragging:n}){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:n?3:1,backgroundColor:n?"#3b82f6":"#3d3d3d",transition:"width 100ms, background-color 100ms"}}),!n&&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:n?{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 Yt=300,Oe=150;function In(t){const[s,n]=a.useState(null),[r,c]=a.useState(!1),i=a.useRef(0),o=a.useRef(null);a.useEffect(()=>{t.current&&n(Math.round(t.current.offsetWidth*.5))},[t]);const l=a.useCallback(()=>{var I;return((I=t.current)==null?void 0:I.offsetWidth)??(typeof window<"u"?window.innerWidth:1024)},[t]),m=a.useCallback(I=>{I.preventDefault(),c(!0)},[]),S=a.useCallback(()=>{n(Math.round(l()*.5))},[l]),v=a.useCallback(()=>{n(I=>(I&&I>0&&(o.current=I),0))},[]),C=a.useCallback(()=>{const I=o.current;o.current=null,n(I&&I>=Yt?I:Math.round(l()*.5))},[l]),j=a.useCallback(()=>{n(Math.round(l()*.5))},[l]);a.useEffect(()=>{if(!r)return;document.body.style.cursor="col-resize",document.body.style.userSelect="none";const I=D=>{cancelAnimationFrame(i.current),i.current=requestAnimationFrame(()=>{var p;const $=(p=t.current)==null?void 0:p.getBoundingClientRect(),w=($==null?void 0:$.left)??0,O=(($==null?void 0:$.width)??window.innerWidth)-Oe,x=D.clientX-w,y=Math.min(Math.max(x,Yt),O);n(y)})},_=D=>{var x;cancelAnimationFrame(i.current),c(!1);const $=(x=t.current)==null?void 0:x.getBoundingClientRect(),w=($==null?void 0:$.left)??0,M=($==null?void 0:$.width)??window.innerWidth,O=D.clientX-w;O<Oe?n(0):M-O<Oe&&n(M)};return document.addEventListener("mousemove",I),document.addEventListener("mouseup",_),()=>{cancelAnimationFrame(i.current),document.removeEventListener("mousemove",I),document.removeEventListener("mouseup",_),document.body.style.cursor="",document.body.style.userSelect=""}},[r,t]),a.useEffect(()=>{const I=()=>{n(_=>{if(_===null||_===0)return _;const D=l();return _>=D?D:Math.min(_,D-Oe)})};if(!(typeof window>"u"))return window.addEventListener("resize",I),()=>window.removeEventListener("resize",I)},[l]);const T=l(),h=s===0,B=s!==null&&s>=T;return{editorWidth:s,isDragging:r,isEditorCollapsed:h,isPreviewCollapsed:B,handleMouseDown:m,handleDoubleClick:S,collapseEditor:v,expandEditor:C,expandPreview:j}}function Tn({preview:t,onDismiss:s,onLoadCommit:n}){return e.jsxs("div",{className:"flex flex-col items-center gap-6 max-w-[700px] w-full",children:[e.jsxs("div",{className:"text-center",children:[e.jsx("h2",{className:"text-lg font-semibold text-[#333] m-0 font-['IBM_Plex_Sans']",children:"Journal Screenshot"}),e.jsx("p",{className:"text-sm text-[#888] mt-1 m-0 font-['IBM_Plex_Sans']",children:"This is a snapshot from a previous version — not a live preview"})]}),e.jsx("div",{className:"rounded-lg overflow-hidden border-2 border-[#ccc] shadow-md max-w-full w-fit",children:e.jsx("img",{src:t.screenshotUrl,alt:t.scenarioName,className:"max-w-full h-auto block"})}),e.jsxs("div",{className:"flex items-center gap-2 text-sm text-[#666]",children:[t.commitSha&&e.jsx("span",{className:"font-mono text-xs text-[#00a0c4] bg-[#00a0c4]/15 px-2 py-0.5 rounded",children:t.commitSha.slice(0,7)}),e.jsxs("span",{className:"truncate",children:[t.scenarioName,t.commitMessage&&` — ${t.commitMessage}`]})]}),e.jsx("div",{className:"flex items-center gap-3",children:t.commitSha&&n&&e.jsx($n,{commitSha:t.commitSha,onLoadCommit:n})})]})}function $n({commitSha:t,onLoadCommit:s}){const[n,r]=a.useState(!1),[c,i]=a.useState(null);return e.jsxs(e.Fragment,{children:[e.jsx("button",{onClick:()=>{r(!0),i(null),s(t).then(o=>{o.success||i(o.error||"Failed to load commit")}).catch(o=>{i(o instanceof Error?o.message:"Network error")}).finally(()=>r(!1))},disabled:n,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:n?"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 Rn({analysisId:t,scenarioId:s,scenarioName:n,entityName:r,projectSlug:c,onStateChange:i}){const{interactiveServerUrl:o,isStarting:l,isLoading:m}=Xs({analysisId:t,scenarioId:s,scenarioName:n,entityName:r,projectSlug:c,enabled:!0});return a.useEffect(()=>{i(o,l||m)},[o,l,m,i]),null}function An({onSaveToCurrent:t,onSaveAsNew:s,onDismiss:n,isSaving:r,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:r,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:r?"Saving...":"Save to Scenario"}),e.jsx("button",{onClick:s,disabled:r,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:n,disabled:r,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 Ln(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 _n(t){const[s,n]=a.useState({url:null,proxyUrl:null,isStarting:!1,error:null,canStartServer:!0,autoStartAttempted:!1}),r=a.useRef(s);r.current=s,a.useEffect(()=>{let o=!1,l=null;const m=async()=>{try{const S=await fetch("/api/editor-dev-server");if(o)return;const v=await S.json(),C=Ln(r.current,v),{shouldAutoStart:j,...T}=C;if(n(T),j&&!(t!=null&&t.skipAutoStart))try{const h=await fetch("/api/editor-dev-server",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({action:"start"})});if(o)return;h.ok?n(B=>({...B,isStarting:!0})):n(B=>({...B,canStartServer:!1}))}catch{}}catch{}};return m(),l=setInterval(()=>void m(),2e3),()=>{o=!0,l&&clearInterval(l)}},[s.url]);const c=a.useCallback(()=>{n(o=>({...o,error:null,isStarting:!0})),fetch("/api/editor-dev-server",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({action:"restart"})}).catch(()=>{})},[]),i=a.useCallback(()=>{n(o=>({...o,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:i}}function Dn(t){const s=a.useRef(null),n=a.useRef(null);a.useEffect(()=>{if(typeof document>"u")return;n.current||(n.current=document.createElement("canvas"),n.current.width=64,n.current.height=64);const r=document.querySelector('link[rel="icon"]');if(!r)return;if(s.current||(s.current=r.href),!t){r.href=s.current;return}const c=new Image;c.crossOrigin="anonymous",c.onload=()=>{const i=n.current,o=i.getContext("2d");o.clearRect(0,0,64,64);const l=56,m=(64-l)/2;o.drawImage(c,m,m,l,l);const S=12,v=64-S-1,C=S+1;o.beginPath(),o.arc(v,C,S+3,0,2*Math.PI),o.fillStyle="#ffffff",o.fill(),o.beginPath(),o.arc(v,C,S,0,2*Math.PI),o.fillStyle="#ef4444",o.fill(),r.href=i.toDataURL("image/png")},c.src=s.current},[t]),a.useEffect(()=>()=>{if(typeof document>"u")return;const r=document.querySelector('link[rel="icon"]');r&&s.current&&(r.href=s.current)},[])}function Kn({currentUrl:t,nextUrl:s,formMethod:n,defaultShouldRevalidate:r}){return n||t.pathname===s.pathname?r:t.pathname.startsWith("/editor")&&s.pathname.startsWith("/editor")?!1:r}const Qn=()=>[{title:"Editor - CodeYam"},{name:"description",content:"CodeYam Code + Data Editor"}];class Fn extends a.Component{constructor(){super(...arguments);At(this,"state",{error:null,errorInfo:null})}static getDerivedStateFromError(n){return{error:n,errorInfo:null}}componentDidCatch(n,r){console.error("[EditorErrorBoundary] Error:",n.message),console.error("[EditorErrorBoundary] Component stack:",r.componentStack),console.error("[EditorErrorBoundary] Loader snapshot:",JSON.stringify(this.props.loaderSnapshot,null,2)),this.setState({errorInfo:r})}render(){var n;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}),((n=this.state.errorInfo)==null?void 0:n.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 Zn=$s(function(){var Tt;const{projectSlug:s,projectRoot:n,hasProject:r,scenarios:c,allScenarios:i,analyzedEntities:o,allEntities:l,glossaryFunctions:m,glossaryEntries:S,entityImports:v,pageFilePaths:C,entityChangeStatus:j,modifiedFiles:T,featureName:h,userPrompt:B,projectTitle:I,projectDescription:_,defaultScreenSize:D,screenSizes:$,editorStep:w,editorStepLabel:M,claudeSessionId:O,focusedEntitySha:x,newerEntitySha:y,focusedEntity:p,migrationMode:f,migrationState:b}=Rs(),[E,L]=As(),F=Ls(),N=a.useRef(null),J=a.useRef(null),xe=a.useRef(null),Ne=a.useRef(null),[we,Se]=a.useState(x);a.useEffect(()=>{Se(x)},[x]);const te=a.useMemo(()=>yn(we,l),[we,l,i]),k=(te==null?void 0:te.displayName)??void 0,R=E.get("scenario")||void 0,[G,V]=a.useState(()=>k?[k]:[]),A=a.useRef(null),se=a.useRef([]),ae=a.useRef(null);a.useEffect(()=>{var H;const d=R||((H=Lt(i))==null?void 0:H.id);if(!Os(d,A.current))return;const g=i.find(Q=>Q.id===d);if(!g)return;A.current=d;const P=st(g,se.current,ae.current);P&&pe(P);const W=nt(g.name);fetch("/api/editor-switch-scenario",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({scenarioSlug:W,scenarioId:g.id,scenarioName:g.name,scenarioType:g.type})}).catch(()=>{})},[R,i]),a.useEffect(()=>{const d=new BroadcastChannel("codeyam-editor");return d.onmessage=g=>{var P;if(((P=g.data)==null?void 0:P.type)==="switch-scenario"&&g.data.scenarioId){const W=g.data.scenarioId,H=i.find(be=>be.id===W);if(!H)return;A.current=W;const Q=new URLSearchParams(E);Q.set("scenario",W),Q.delete("zoom"),L(Q),u(null),z(null),ce(null),Ce(!0);const Me=nt(H.name);fetch("/api/editor-switch-scenario",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({scenarioSlug:Me,scenarioId:W,scenarioType:H.type})}).then(()=>{ee(!1),Fe(be=>be+1)}).catch(()=>{Ce(!1)})}},()=>d.close()},[E,L,i]),a.useEffect(()=>{if(E.get("ref")!=="link"||!R)return;const d=new BroadcastChannel("codeyam-editor");d.postMessage({type:"switch-scenario",scenarioId:R}),d.close(),window.close()},[]);const{devServerUrl:q,proxyUrl:re,isStarting:ie,error:oe,canStartServer:ke,retryServer:Ae,startServer:Le}=_n({skipAutoStart:f==="candidate"||f==="active"}),[le,ee]=a.useState(!1),[Y,u]=a.useState(null),[U,z]=a.useState(null),[He,ct]=a.useState(!1),[Je,ce]=a.useState(null),es=a.useCallback(async d=>{const P=await(await fetch("/api/editor-load-commit",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({commitSha:d})})).json();return P.success&&(ce(null),ee(!1)),P},[]),ts=a.useCallback((d,g)=>{z(P=>(d&&d!==P&&ee(!1),d)),!g&&d&&ee(!0),ct(g)},[]),dt=a.useCallback(d=>{ce(null),u(P=>(P&&P.analysisId===d.analysisId||(z(null),Fe(H=>H+1)),d)),ct(!0),ee(!1);const g=new URLSearchParams(E);g.delete("scenario"),g.delete("zoom"),L(g)},[E,L]),[X,pe]=a.useState(D?{name:D.name,width:D.width,height:D.height}:{name:"Desktop",width:1440,height:900}),[mt,xt]=a.useState(!1),[Z,pt]=a.useState(!1),ut=D?{name:D.name,width:D.width,height:D.height}:null;ae.current=ut;const ht=_s(),K=a.useMemo(()=>{const d=ht.pathname.split("/").filter(Boolean),g=d[d.length-1];return g==="build"||g==="journal"?g:g==="structure"?"data":"app"},[ht.pathname]),ne=a.useCallback(d=>{Se(null),V([]);const g=d==="app"?"":`/${d==="data"?"structure":d}`,P=E.get("scenario"),W=P?`?scenario=${P}`:"";F(`/editor${g}${W}`)},[F,E]),ss=a.useCallback(()=>{ne("build"),ue(!0)},[ne]),ns=a.useCallback(()=>{ne("build"),ue(!0),setTimeout(()=>{var d;(d=N.current)==null||d.sendInput("codeyam editor migrate")},300)},[ne]),[as,ue]=a.useState(K==="build"),rs=!!(h&&w),[_e,is]=a.useState(rs?"pending":"no-session");a.useEffect(()=>{_e==="pending"&&(ne("build"),ue(!0))},[_e,ne]);const os=a.useCallback(()=>{is("continue")},[]),[Ge,Ve]=a.useState(!1),[ls,ft]=a.useState(!1),gt=a.useRef(!1),De=a.useRef(0),cs=a.useCallback(d=>{Ve(d),d&&!gt.current&&(ft(!1),De.current=Date.now()),d||(De.current=0),gt.current=d},[]);Dn(Ge);const{editorWidth:jt,isDragging:bt,isEditorCollapsed:de,isPreviewCollapsed:qe,handleMouseDown:ds,handleDoubleClick:ms,collapseEditor:xs,expandEditor:yt,expandPreview:ps}=In(Ne),[Ye,vt]=a.useState(!1),us=a.useCallback(()=>{vt(!0),ne("build"),ue(!0)},[ne]),Nt=a.useCallback(()=>{vt(!1)},[]),hs=a.useCallback(d=>{pe(d),fetch("/api/editor-project-info",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({defaultScreenSize:d,skipBroadcast:!0})})},[]),[wt,St]=a.useState(zs);a.useEffect(()=>{const d=Ws();St(d),d.systemNotification&&typeof Notification<"u"&&Notification.permission==="default"&&Notification.requestPermission()},[]);const fs=a.useCallback(d=>{St(d),Us(d)},[]);a.useEffect(()=>{if(K==="build"){Ve(!1);const d=setTimeout(()=>{var g,P;(g=N.current)==null||g.scrollToBottom(),(P=N.current)==null||P.focus()},50);return()=>clearTimeout(d)}},[K]),a.useEffect(()=>{function d(){!document.hidden&&K==="build"&&Ve(!1)}return document.addEventListener("visibilitychange",d),()=>document.removeEventListener("visibilitychange",d)},[K]);const[he,gs]=a.useState(null);a.useEffect(()=>{const d=xe.current;if(!d)return;const g=new ResizeObserver(P=>{const W=P[0];W&&gs({width:W.contentRect.width,height:W.contentRect.height})});return g.observe(d),()=>g.disconnect()},[]);const fe=a.useMemo(()=>he?Hs(he,X):1,[he,X]),[ge,Fe]=a.useState(0),[kt,Xe]=a.useState(null),[Be,Ce]=a.useState(!1),[js,Pe]=a.useState(!1),[bs,Ct]=a.useState(!1),Ke=a.useRef(0);a.useEffect(()=>{ge>0&&(Ke.current=Date.now()+3e3)},[ge]);const ys=a.useCallback(()=>{if(Date.now()<Ke.current)return;const d=De.current;d===0||Date.now()-d<5e3||Pe(!0)},[]);a.useEffect(()=>{const d=g=>{var P;if(((P=g.data)==null?void 0:P.type)==="codeyam-localstorage-changed"){if(Date.now()<Ke.current)return;const W=De.current;if(W===0||Date.now()-W<5e3)return;Pe(!0)}};return window.addEventListener("message",d),()=>window.removeEventListener("message",d)},[]);const Pt=a.useCallback(async d=>{Ct(!0);try{let g;const P=J.current;P!=null&&P.contentWindow&&(g=await new Promise(Q=>{const Me=setTimeout(()=>Q(void 0),2e3),be=$t=>{var Rt;((Rt=$t.data)==null?void 0:Rt.type)==="codeyam-localstorage-state"&&(clearTimeout(Me),window.removeEventListener("message",be),Q($t.data.data))};window.addEventListener("message",be),P.contentWindow.postMessage({type:"codeyam-get-localstorage"},"*")}));const H=await(await fetch("/api/editor-save-seed-state",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({mode:d,localStorage:g})})).json();H.success?Pe(!1):console.error("[editor] Save seed state failed:",H.error)}catch(g){console.error("[editor] Save seed state error:",g)}finally{Ct(!1)}},[]),vs=a.useCallback((d,g)=>{if(Xe(d||null),g){const P=new URLSearchParams(E);P.set("scenario",g),A.current=g,L(P);const W=i.find(H=>H.id===g);if(W){const H=st(W,se.current,ae.current);H&&pe(H)}}ce(null),ee(!1),Fe(P=>P+1)},[E,L,i]),{customSizes:Qe,addCustomSize:Ns,removeCustomSize:ws}=Fs(s),Ze=a.useMemo(()=>Qs($),[$]),et=a.useMemo(()=>[...Ze,...Qe],[Ze,Qe]);se.current=et;const Et=a.useMemo(()=>{const d=new Map;for(const g of l){d.set(g.name,g.sha);const P=Re($e(g.filePath));P!==g.name&&d.set(P,g.sha)}return d},[l]),Ss=a.useMemo(()=>{const d=[{name:"App"}];for(const g of G)d.push({name:g,componentName:g,entitySha:Et.get(g)});return d},[G,Et]),Mt=a.useCallback((d,g)=>{if(!d){V([]),Se(null);const Q=E.get("scenario"),Me=Q?`?scenario=${Q}`:"";F(`/editor${Me}`);return}if(!g){console.error(`[editor] No entity SHA for "${d}" — entity missing from database`);return}const P=G.indexOf(d);P>=0?V(G.slice(0,P+1)):V([...G,d]);const W=i.find(Q=>Q.entitySha===g);Se(g);const H=W?`?scenario=${W.id}`:"";F(`/editor/entity/${g}${H}`)},[F,i,G,E]),Ee=a.useCallback(d=>{u(null),z(null),ce(null),Xe(null);const g=st(d,et,ut);g&&pe(g),A.current=d.id;const P=new URLSearchParams(E);P.set("scenario",d.id),L(P),Ce(!0),Pe(!1);const W=nt(d.name);fetch("/api/editor-switch-scenario",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({scenarioSlug:W,scenarioId:d.id,scenarioType:d.type,skipBroadcast:!0})}).then(()=>{ee(!1),Fe(H=>H+1)}).catch(()=>{Ce(!1)})},[E,L,et]),ks=a.useCallback(d=>{if(!d.commitSha){const g=i.find(P=>P.name===d.scenarioName);if(g){Ee(g);return}}ce(d)},[i,Ee]),Cs=d=>{const g={name:d.name,width:d.width,height:d.height};pe(g),fetch("/api/editor-project-info",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({defaultScreenSize:g,skipBroadcast:!0})})},Ps=(d,g,P)=>{Ns(d,g,P)},Es=d=>{pe(d),fetch("/api/editor-project-info",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({defaultScreenSize:d,skipBroadcast:!0})})},It=()=>{Y||ee(!0),Ce(!1)},je=a.useMemo(()=>Js({activeAnalyzedScenario:!!Y,analyzedPreviewUrl:U,activeScenarioId:R||null,scenarios:i,proxyUrl:re,devServerUrl:q,zoomComponent:k||null}),[re,q,k,R,i,Y,U]),tt=a.useMemo(()=>{const d=Gs(je,kt);if(!d)return null;const g=d.includes("?")?"&":"?";return`${d}${g}__cb=${ge}`},[je,kt,ge]),Ms=a.useMemo(()=>({projectSlug:s,hasProject:r,scenarioCount:c==null?void 0:c.length,allScenarioCount:i==null?void 0:i.length,analyzedEntityCount:o==null?void 0:o.length,glossaryFunctionCount:m==null?void 0:m.length,entityChangeStatusKeys:j?Object.keys(j):[],featureName:h}),[s,r,c,i,o,m,j,h]);return e.jsxs(e.Fragment,{children:[e.jsx(Fn,{loaderSnapshot:Ms,children:e.jsxs("div",{className:"fixed inset-0 bg-[#2d2d2d] flex flex-col",children:[Y&&e.jsx(Rn,{analysisId:Y.analysisId,scenarioId:Y.scenarioId,scenarioName:Y.scenarioName,entityName:Y.entityName,projectSlug:s,onStateChange:ts},Y.analysisId),e.jsxs("div",{ref:Ne,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:yt,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"}:jt!==null?{width:`${jt}px`}:{width:"50%"}},children:[y&&te&&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:te.name}),". A newer version exists."]}),e.jsx("a",{href:`/editor/entity/${y}`,className:"px-2 py-0.5 rounded text-xs",style:{background:"#3d2e00",color:"#f0c040",textDecoration:"none"},children:"View latest"})]}),e.jsx(En,{activeTab:K,onTabChange:d=>{ne(d),d==="build"&&ue(!0),fetch("/api/telemetry-page-view",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({route:`/editor/${d}`})}).catch(()=>{})},buildIdle:Ge}),e.jsxs("div",{className:"flex-1 min-h-0 overflow-hidden relative",children:[Ge&&K!=="build"&&!ls&&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:()=>{ne("build"),ue(!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:d=>{d.stopPropagation(),ft(!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"})})})]})]}),as&&e.jsxs("div",{className:"absolute inset-0 flex flex-col overflow-hidden",style:{visibility:K==="build"?"visible":"hidden"},children:[e.jsx("div",{className:"flex-1 min-h-0",style:Ye?{flex:"1 1 50%"}:void 0,children:_e==="pending"?e.jsx(Zs,{featureName:h,editorStep:w,editorStepLabel:M,onContinue:os}):e.jsx(Vs,{ref:N,entityName:"Editor",projectSlug:s,entityFilePath:null,scenarioName:null,onRefreshPreview:vs,onShowResults:us,onHideResults:Nt,onSetViewport:hs,onDataMutationForwarded:ys,editorMode:!0,onIdleChange:cs,notificationSettings:wt,buildTabActive:K==="build",claudeStartMode:_e==="continue"?"resume":"fresh",claudeSessionId:O,resultsOpen:Ye})}),Ye&&e.jsx("div",{style:{flex:"1 1 50%"},className:"min-h-0 border-t-2 border-gray-300",children:e.jsx(Nn,{scenarios:c,allScenarios:i,glossaryFunctions:m,projectRoot:n,activeScenarioId:R,onScenarioSelect:Ee,onClose:Nt,entityChangeStatus:j,modifiedFiles:T,featureName:h,userPrompt:B})})]}),e.jsx("div",{className:"absolute inset-0 flex flex-col overflow-hidden",style:{visibility:K==="app"?"visible":"hidden"},children:e.jsx(Cn,{hasProject:r,scenarios:i,analyzedEntities:o,allEntities:l,glossaryFunctions:m,glossaryEntries:S,projectRoot:n,activeScenarioId:R,onScenarioSelect:Ee,onAnalyzedScenarioSelect:dt,onSwitchToBuild:ss,zoomComponent:k,focusedEntity:te,onZoomChange:Mt,entityImports:v,pageFilePaths:C,projectTitle:I,projectDescription:_,breadcrumbItems:Ss,migrationMode:f,migrationState:b,onStartMigration:ns})}),e.jsx("div",{className:"absolute inset-0 flex flex-col overflow-hidden",style:{visibility:K==="data"?"visible":"hidden"},children:e.jsx(en,{scenarios:i,projectRoot:n,activeScenarioId:R,onScenarioSelect:Ee,zoomComponent:k,focusedEntity:te,onZoomChange:Mt,analyzedEntities:[],glossaryFunctions:m,activeAnalyzedScenarioId:Y==null?void 0:Y.scenarioId,onAnalyzedScenarioSelect:dt,entityImports:v,pageFilePaths:C})}),e.jsx("div",{className:"absolute inset-0 flex flex-col overflow-hidden",style:{visibility:K==="journal"?"visible":"hidden"},children:e.jsx(pn,{isActive:K==="journal",onScreenshotClick:ks,glossaryFunctions:m})})]}),e.jsx(qs,{serverUrl:q,isStarting:ie,projectSlug:s,devServerError:oe,onStartServer:ke?Le:void 0,notificationSettings:wt,onChangeNotificationSettings:fs})]}),!de&&!qe&&e.jsx(Mn,{onMouseDown:ds,onDoubleClick:ms,isDragging:bt}),qe&&e.jsx("div",{className:"shrink-0 flex items-center justify-center cursor-pointer hover:bg-[#3d3d3d] transition-colors",style:{width:8,backgroundColor:"#2d2d2d"},onClick:ps,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:{...qe?{display:"none"}:void 0,...bt?{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?(yt(),setTimeout(()=>{var d;return(d=N.current)==null?void 0:d.focus()},50)):xs()},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:[ze.map(d=>e.jsxs("button",{onClick:()=>{Z&&pt(!1),Cs(d)},className:`p-1.5 rounded transition-colors cursor-pointer ${!Z&&X.name===d.name?"text-white bg-[#555]":"text-gray-500 hover:text-gray-300"}`,title:`${d.name} (${d.width}×${d.height})`,children:[d.name==="Desktop"&&e.jsxs("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round",children:[e.jsx("rect",{x:"2",y:"3",width:"20",height:"14",rx:"2"}),e.jsx("path",{d:"M8 21h8M12 17v4"})]}),d.name==="Laptop"&&e.jsxs("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round",children:[e.jsx("path",{d:"M4 6a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v8H4V6z"}),e.jsx("path",{d:"M2 18h20"})]}),d.name==="Tablet"&&e.jsxs("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round",children:[e.jsx("rect",{x:"5",y:"2",width:"14",height:"20",rx:"2"}),e.jsx("path",{d:"M12 18h.01"})]}),d.name==="Mobile"&&e.jsxs("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round",children:[e.jsx("rect",{x:"7",y:"2",width:"10",height:"20",rx:"2"}),e.jsx("path",{d:"M12 18h.01"})]})]},d.name)),e.jsxs("div",{className:"relative",children:[e.jsxs("button",{onClick:()=>{Z||xt(d=>!d)},className:`flex items-center gap-1.5 px-2 py-1 rounded transition-colors ${Z?"":"cursor-pointer"} ${Z||mt||!ze.some(d=>d.name===X.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:Z&&he?`${Math.round(he.width)} × ${Math.round(he.height)}`:`${X.width} × ${X.height??900}`})]}),mt&&e.jsx(Bs,{currentWidth:X.width,currentHeight:X.height??900,devicePresets:Ze,customSizes:Qe,onApply:Es,onSave:Ps,onRemove:ws,onClose:()=>xt(!1)})]}),e.jsx("button",{onClick:()=>{pt(d=>!d)},className:`p-1.5 rounded transition-colors cursor-pointer ${Z?"text-white bg-[#555]":"text-gray-500 hover:text-gray-300"}`,title:Z?"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:Z?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 d=tt||je;d&&window.open(d,"_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"})]})})]})})]}),js&&e.jsx(An,{onSaveToCurrent:()=>void Pt("overwrite"),onSaveAsNew:()=>void Pt("new"),onDismiss:()=>Pe(!1),isSaving:bs,scenarioName:(Tt=i.find(d=>{var g;return d.id===(R||((g=Lt(i))==null?void 0:g.id))}))==null?void 0:Tt.name}),e.jsx("div",{ref:xe,className:`flex-1 flex overflow-hidden ${Z?"":"items-center justify-center p-8"}`,style:Z?{backgroundColor:"#fff"}:Je?{backgroundColor:"#f5f0e8",backgroundImage:"repeating-linear-gradient(0deg, transparent, transparent 19px, #e8e0d0 19px, #e8e0d0 20px), repeating-linear-gradient(90deg, transparent, transparent 19px, #e8e0d0 19px, #e8e0d0 20px)"}:{backgroundImage:`
+              linear-gradient(45deg, #333 25%, transparent 25%),
+              linear-gradient(-45deg, #333 25%, transparent 25%),
+              linear-gradient(45deg, transparent 75%, #333 75%),
+              linear-gradient(-45deg, transparent 75%, #333 75%)
+            `,backgroundSize:"16px 16px",backgroundPosition:"0 0, 0 8px, 8px -8px, -8px 0px",backgroundColor:"#2d2d2d"},children:Je?e.jsx(Tn,{preview:Je,onDismiss:()=>ce(null),onLoadCommit:es}):je?Z?e.jsxs("div",{className:"relative w-full h-full bg-white",children:[!le&&!Be&&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(at,{})}),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"})]})]})}),Be&&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:J,src:tt||je,className:"w-full h-full border-none",title:"Editor preview",onLoad:It,style:{opacity:le?1:0}},ge)]}):e.jsx("div",{style:{width:`${X.width*fe}px`,height:`${(X.height??900)*fe}px`},children:e.jsxs("div",{className:"relative bg-white origin-top-left",style:{width:`${X.width}px`,height:`${X.height??900}px`,transform:fe<1?`scale(${fe})`:void 0},children:[!le&&!Be&&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(at,{})}),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"})]})]})}),Be&&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:J,src:tt||je,className:"w-full h-full border-none",title:"Editor preview",onLoad:It,style:{opacity:le?1:0}},ge)]})}):e.jsx("div",{className:"bg-[#2a2a2a] rounded-lg flex flex-col items-center justify-center",style:{width:`${X.width*fe}px`,height:`${(X.height??900)*fe}px`},children:oe?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:oe}),e.jsx("button",{onClick:Ae,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"})]}):ie||He?e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"mb-4",children:e.jsx(at,{})}),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:He?"Starting Interactive Mode":"Starting Dev Server"}),e.jsx("p",{className:"text-sm text-gray-400 leading-5 m-0 font-['IBM_Plex_Sans']",children:He?"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(Ds,{})]})});export{Zn as default,Qn as meta,Kn as shouldRevalidate};