@codeyam/codeyam-cli 0.1.0-staging.1 → 0.1.0-staging.596f0eb

package/analyzer-template/packages/supabase/src/lib/scenarioToDb.ts

@@ -1,34 +0,0 @@
-import { Scenario } from '~codeyam/types';
-import { type Insertable } from 'kysely';
-import { ScenariosTable } from './kysely/tables/scenariosTable';
-import { randomUUID } from 'crypto';
-
-export default function scenarioToDb(
-  scenario: Scenario,
-): Insertable<ScenariosTable> {
-  const {
-    id,
-    projectId,
-    analysisId,
-    previousVersionId,
-    analysis,
-    metadata,
-    ...remaining
-  } = scenario;
-
-  delete remaining.userScenarios;
-  delete remaining.comments;
-
-  if ('created_at' in remaining) {
-    delete remaining.created_at;
-  }
-
-  return {
-    ...remaining,
-    id: id ?? randomUUID(),
-    metadata: metadata ? JSON.stringify(metadata) : null,
-    project_id: projectId,
-    analysis_id: analysisId,
-    previous_version_id: previousVersionId,
-  };
-}

package/analyzer-template/packages/supabase/src/lib/updateCommitMetadata.ts

@@ -1,188 +0,0 @@
-/*
- * updates commit metadata by merging partial updates with existing data.
- * uses database transactions to ensure atomic updates and handle concurrent modifications.
- */
-import {
-  Commit,
-  CommitMetadata,
-  CommitRunStatus,
-  DeepReadonly,
-} from '~codeyam/types';
-import { getDatabase } from './kysely/db';
-import { awsLog } from '~codeyam/utils';
-import { deepMerge, DeepUpdate } from './jsonUpdateUtils';
-import dbToCommit from './dbToCommit';
-import { ExpressionBuilder } from 'kysely';
-
-type UpdateCommitMetadataArgs = {
-  commitId?: string;
-  commitSha?: string;
-  metadataUpdate?: DeepUpdate<CommitMetadata>;
-  runStatusUpdate?: DeepUpdate<CommitRunStatus>;
-  archiveCurrentRun?: boolean;
-  updateCallback?: (
-    metadata: CommitMetadata,
-    commit: DeepReadonly<Commit>,
-  ) => void | Promise<void>;
-};
-
-export default async function updateCommitMetadata({
-  commitId,
-  commitSha,
-  metadataUpdate,
-  runStatusUpdate,
-  archiveCurrentRun,
-  updateCallback,
-}: UpdateCommitMetadataArgs): Promise<CommitMetadata | null> {
-  try {
-    return await getDatabase()
-      .transaction()
-      .execute(async (trx) => {
-        const commit = await trx
-          .selectFrom('commits')
-          .selectAll()
-          .$if(!!commitId, (qb: any) => qb.where('id', '=', commitId))
-          .$if(!!commitSha, (qb: any) => qb.where('sha', '=', commitSha))
-          .executeTakeFirst();
-
-        if (!commit) {
-          awsLog(
-            `CodeYam Error: updateCommitMetadata(): Commit ${commitId} not found`,
-          );
-          return null;
-        }
-
-        // Initialize metadata if it doesn't exist (metadata is already parsed from DB)
-        const currentMetadata: CommitMetadata = commit.metadata || {};
-
-        // if the convenience parameter for latest run was supplied, merge it in
-        if (runStatusUpdate) {
-          runStatusUpdate.lastUpdatedAt ??= new Date().toISOString();
-
-          if (runStatusUpdate.currentEntityShas !== undefined) {
-            console.log(
-              `[updateCommitMetadata] Updating currentRun.currentEntityShas`,
-            );
-            console.log(`[updateCommitMetadata] Commit SHA: ${commitSha}`);
-            console.log(
-              `[updateCommitMetadata] Previous entity SHAs:`,
-              currentMetadata.currentRun?.currentEntityShas,
-            );
-            console.log(
-              `[updateCommitMetadata] New entity SHAs:`,
-              runStatusUpdate.currentEntityShas,
-            );
-            console.log(
-              `[updateCommitMetadata] Archive flag:`,
-              archiveCurrentRun,
-            );
-          }
-
-          metadataUpdate = deepMerge(metadataUpdate ?? {}, {
-            currentRun: runStatusUpdate,
-          });
-        } else if (!metadataUpdate && !updateCallback) {
-          return currentMetadata; // nothing to update
-        }
-
-        // Deep merge the baseline status updates
-        const updatedMetadata: CommitMetadata = metadataUpdate
-          ? deepMerge(currentMetadata, metadataUpdate)
-          : currentMetadata;
-
-        // Archive current run if requested
-        if (archiveCurrentRun && updatedMetadata.currentRun) {
-          console.log(
-            `[updateCommitMetadata] ========================================`,
-          );
-          console.log(`[updateCommitMetadata] ARCHIVING CURRENT RUN`);
-          console.log(`[updateCommitMetadata] Commit SHA: ${commitSha}`);
-          console.log(
-            `[updateCommitMetadata] Current run entity SHAs:`,
-            updatedMetadata.currentRun.currentEntityShas,
-          );
-          console.log(
-            `[updateCommitMetadata] Current run PIDs: analyzer=${updatedMetadata.currentRun.analyzerPid}, capture=${updatedMetadata.currentRun.capturePid}`,
-          );
-          console.log(
-            `[updateCommitMetadata] Current run completed: analyses=${updatedMetadata.currentRun.analysesCompleted}, captures=${updatedMetadata.currentRun.capturesCompleted}`,
-          );
-          console.log(
-            `[updateCommitMetadata] Historical runs before archiving: ${updatedMetadata.historicalRuns?.length || 0}`,
-          );
-
-          const runToArchive: CommitRunStatus = {
-            ...updatedMetadata.currentRun,
-            archivedAt: new Date().toISOString(),
-          };
-
-          console.log(
-            `[updateCommitMetadata] Run to archive:`,
-            JSON.stringify(runToArchive, null, 2),
-          );
-
-          updatedMetadata.historicalRuns = [
-            ...(updatedMetadata.historicalRuns || []),
-            runToArchive,
-          ];
-
-          console.log(
-            `[updateCommitMetadata] Historical runs after archiving: ${updatedMetadata.historicalRuns.length}`,
-          );
-          console.log(
-            `[updateCommitMetadata] All historical runs:`,
-            JSON.stringify(
-              updatedMetadata.historicalRuns.map((r) => ({
-                entityShas: r.currentEntityShas,
-                archivedAt: r.archivedAt,
-                completed: {
-                  analyses: r.analysesCompleted,
-                  captures: r.capturesCompleted,
-                },
-              })),
-              null,
-              2,
-            ),
-          );
-          console.log(
-            `[updateCommitMetadata] ========================================`,
-          );
-        }
-
-        // Allow callback to perform complex atomic updates
-        if (updateCallback) {
-          await updateCallback(updatedMetadata, dbToCommit(commit));
-        }
-
-        try {
-          const result = await trx
-            .updateTable('commits')
-            .set({ metadata: JSON.stringify(updatedMetadata) })
-            .where('id', '=', commit.id)
-            .returningAll()
-            .executeTakeFirst();
-
-          if (!result) {
-            awsLog(
-              `CodeYam Error: updateCommitMetadata(): Failed to update commit ${commitId}`,
-            );
-            return currentMetadata;
-          }
-
-          return updatedMetadata;
-        } catch (error) {
-          awsLog(
-            `CodeYam Error: updateCommitMetadata(): Failed to update commit ${commitId}`,
-            error,
-          );
-          return currentMetadata;
-        }
-      });
-  } catch (error) {
-    awsLog(
-      `CodeYam Error: updateCommitMetadata(): Transaction failed for commit ${commitId}`,
-      error,
-    );
-    return null;
-  }
-}

package/analyzer-template/packages/supabase/src/lib/updateProjectMetadata.ts

@@ -1,96 +0,0 @@
-/*
- * Updates project metadata by merging partial updates with existing data.
- * Uses database transactions to ensure atomic updates and handle concurrent modifications.
- */
-import { DeepReadonly, Project, ProjectMetadata } from '~codeyam/types';
-import { getDatabase } from './kysely/db';
-import { awsLog } from '~codeyam/utils';
-import { deepMerge } from './jsonUpdateUtils';
-import dbToProject from './dbToProject';
-import { ExpressionBuilder } from 'kysely';
-
-type UpdateProjectMetadataArgs = {
-  projectId?: string;
-  projectSlug?: string;
-  metadataUpdate?: Project['metadata'];
-  updateCallback?: (
-    metadata: Project['metadata'],
-    project: DeepReadonly<Project>,
-  ) => void | Promise<void>;
-};
-
-export default async function updateProjectMetadata({
-  projectId,
-  projectSlug,
-  metadataUpdate,
-  updateCallback,
-}: UpdateProjectMetadataArgs): Promise<ProjectMetadata | null> {
-  if (!projectId && !projectSlug) {
-    throw new Error('Either projectId or projectSlug must be provided');
-  }
-  try {
-    return await getDatabase()
-      .transaction()
-      .execute(async (trx) => {
-        const project = await trx
-          .selectFrom('projects')
-          .selectAll()
-          .$if(!!projectId, (qb: any) => qb.where('id', '=', projectId))
-          .$if(!!projectSlug, (qb: any) => qb.where('slug', '=', projectSlug))
-          .executeTakeFirst();
-
-        if (!project) {
-          awsLog(
-            `CodeYam Error: updateProjectMetadata(): Project ${projectId} not found`,
-          );
-          return null;
-        }
-
-        // Initialize metadata if it doesn't exist (metadata is already parsed from DB)
-        const currentMetadata: ProjectMetadata = project.metadata || {};
-        if (!metadataUpdate && !updateCallback) {
-          return currentMetadata; // nothing to update
-        }
-
-        // Deep merge the baseline status updates
-        const updatedMetadata: ProjectMetadata = metadataUpdate
-          ? deepMerge(currentMetadata, metadataUpdate)
-          : currentMetadata;
-
-        // Allow callback to perform complex atomic updates
-        if (updateCallback) {
-          await updateCallback(updatedMetadata, dbToProject(project));
-        }
-
-        try {
-          const result = await trx
-            .updateTable('projects')
-            .set({ metadata: JSON.stringify(updatedMetadata) })
-            .where('id', '=', project.id)
-            .returningAll()
-            .executeTakeFirst();
-
-          if (!result) {
-            awsLog(
-              `CodeYam Error: updateProjectMetadata(): Failed to update project ${projectId}`,
-            );
-            return null;
-          }
-
-          return updatedMetadata;
-        } catch (error) {
-          awsLog(
-            `CodeYam Error: updateProjectMetadata(): Failed to update project ${projectId}`,
-            error,
-          );
-          return null;
-        }
-      });
-  } catch (error) {
-    awsLog(
-      `CodeYam Error: updateProjectMetadata(): Transaction failed for project ${projectId}`,
-      error,
-    );
-    return null;
-  }
-}

package/codeyam-cli/src/webserver/build/client/assets/EntityTypeIcon-GqWwt5wG.js

@@ -1 +0,0 @@
-import{j as e}from"./components-CAx5ONX_.js";import{c as r}from"./createLucideIcon-CgyOwWip.js";import{C as s}from"./chart-column-B2I7jQx2.js";const i=[["path",{d:"M21 8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16Z",key:"hh9hay"}],["path",{d:"m3.3 7 8.7 5 8.7-5",key:"g66t2b"}],["path",{d:"M12 22V12",key:"d0xqtd"}]],d=r("box",i);const h=[["path",{d:"m18 16 4-4-4-4",key:"1inbqp"}],["path",{d:"m6 8-4 4 4 4",key:"15zrgr"}],["path",{d:"m14.5 4-5 16",key:"e7oirm"}]],g=r("code-xml",h);const b=[["path",{d:"m16 18 6-6-6-6",key:"eg8j8"}],["path",{d:"m8 6-6 6 6 6",key:"ppft3o"}]],a=r("code",b);const C=[["path",{d:"M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z",key:"1oefj6"}],["path",{d:"M14 2v5a1 1 0 0 0 1 1h5",key:"wfsgrz"}],["path",{d:"M10 9H8",key:"b1mrlr"}],["path",{d:"M16 13H8",key:"t4e002"}],["path",{d:"M16 17H8",key:"z1uh3a"}]],n=r("file-text",C);const f=[["rect",{width:"18",height:"18",x:"3",y:"3",rx:"2",ry:"2",key:"1m3agn"}],["circle",{cx:"9",cy:"9",r:"2",key:"af1f0g"}],["path",{d:"m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21",key:"1xmnt7"}]],p=r("image",f);const y=[["path",{d:"M3 5h.01",key:"18ugdj"}],["path",{d:"M3 12h.01",key:"nlz23k"}],["path",{d:"M3 19h.01",key:"noohij"}],["path",{d:"M8 5h13",key:"1pao27"}],["path",{d:"M8 12h13",key:"1za7za"}],["path",{d:"M8 19h13",key:"m83p4d"}]],x=r("list",y);const m=[["path",{d:"M12.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z",key:"vktsd0"}],["circle",{cx:"7.5",cy:"7.5",r:".5",fill:"currentColor",key:"kqv944"}]],u=r("tag",m);function M({type:c}){const t={visual:{iconColor:"#7c3aed",bgColor:"bg-purple-100",bgHex:"#f3e8ff"},library:{iconColor:"#0DBFE9",bgColor:"bg-cyan-100",bgHex:"#cffafe"},type:{iconColor:"#dc2626",bgColor:"bg-red-100",bgHex:"#fee2e2"},data:{iconColor:"#2563eb",bgColor:"bg-blue-100",bgHex:"#dbeafe"},index:{iconColor:"#ea580c",bgColor:"bg-orange-100",bgHex:"#ffedd5"},functionCall:{iconColor:"#7c3aed",bgColor:"bg-purple-100",bgHex:"#f3e8ff"},class:{iconColor:"#059669",bgColor:"bg-emerald-100",bgHex:"#d1fae5"},method:{iconColor:"#0891b2",bgColor:"bg-cyan-100",bgHex:"#cffafe"},other:{iconColor:"#6b7280",bgColor:"bg-gray-100",bgHex:"#f3f4f6"}},o=t[c]||t.other,l=()=>{switch(c){case"library":return e.jsx(g,{size:16,color:o.iconColor});case"visual":return e.jsx(p,{size:16,color:o.iconColor});case"type":return e.jsx(u,{size:16,color:o.iconColor});case"data":return e.jsx(s,{size:16,color:o.iconColor});case"index":return e.jsx(x,{size:16,color:o.iconColor});case"functionCall":return e.jsx(a,{size:16,color:o.iconColor});case"class":return e.jsx(d,{size:16,color:o.iconColor});case"method":return e.jsx(a,{size:16,color:o.iconColor});case"other":return e.jsx(n,{size:16,color:o.iconColor});default:return e.jsx(n,{size:16,color:o.iconColor})}};return e.jsx("span",{className:`flex items-center justify-center w-8 h-8 rounded ${o.bgColor}`,children:l()})}export{g as C,M as E,p as I};

package/codeyam-cli/src/webserver/build/client/assets/InteractivePreview-Dh-FldQK.js

@@ -1,26 +0,0 @@
-import{r as _,j as z,F as Z,x as ze,b as He}from"./components-CAx5ONX_.js";import{u as Ee}from"./useLastLogLine-BBlyqxij.js";const Te=_.createContext({dimensions:{height:720,width:1200},updateDimensions:()=>{},iframeRef:{current:null},scale:1,updateScale:()=>{},maxWidth:1200,updateMaxWidth:()=>{}}),Ie=()=>{const i=_.useContext(Te);if(!i)throw new Error("useWebContainer must be used within a WebContainerProvider");return i},nt=({children:i})=>{const[m,f]=_.useState({height:720,width:1200}),[c,w]=_.useState(1),[u,y]=_.useState(1200),R=_.useRef(null),h=_.useCallback(({height:d,width:D})=>{f(x=>({height:d??x.height,width:D??x.width}))},[]),v=_.useCallback(d=>{w(d)},[]),O=_.useCallback(d=>{y(d)},[]);return z.jsx(Te.Provider,{value:{dimensions:m,updateDimensions:h,iframeRef:R,scale:c,updateScale:v,maxWidth:u,updateMaxWidth:O},children:i})};var X={exports:{}},A={},$={exports:{}},ie={},se={exports:{}},le,fe;function Le(){if(fe)return le;fe=1;var i="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";return le=i,le}var ue,de;function Fe(){if(de)return ue;de=1;var i=Le();function m(){}function f(){}return f.resetWarningCache=m,ue=function(){function c(y,R,h,v,O,d){if(d!==i){var D=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw D.name="Invariant Violation",D}}c.isRequired=c;function w(){return c}var u={array:c,bigint:c,bool:c,func:c,number:c,object:c,string:c,symbol:c,any:c,arrayOf:w,element:c,elementType:c,instanceOf:w,node:c,objectOf:w,oneOf:w,oneOfType:w,shape:w,exact:w,checkPropTypes:f,resetWarningCache:m};return u.PropTypes=u,u},ue}var pe;function re(){return pe||(pe=1,se.exports=Fe()()),se.exports}var Q={exports:{}},he;function Be(){if(he)return Q.exports;he=1;function i(f){var c,w,u="";if(typeof f=="string"||typeof f=="number")u+=f;else if(typeof f=="object")if(Array.isArray(f)){var y=f.length;for(c=0;c<y;c++)f[c]&&(w=i(f[c]))&&(u&&(u+=" "),u+=w)}else for(w in f)f[w]&&(u&&(u+=" "),u+=w);return u}function m(){for(var f,c,w=0,u="",y=arguments.length;w<y;w++)(f=arguments[w])&&(c=i(f))&&(u&&(u+=" "),u+=c);return u}return Q.exports=m,Q.exports.clsx=m,Q.exports}var N={},B={},ge;function ne(){if(ge)return B;ge=1,Object.defineProperty(B,"__esModule",{value:!0}),B.dontSetMe=w,B.findInArray=i,B.int=c,B.isFunction=m,B.isNum=f;function i(u,y){for(let R=0,h=u.length;R<h;R++)if(y.apply(y,[u[R],R,u]))return u[R]}function m(u){return typeof u=="function"||Object.prototype.toString.call(u)==="[object Function]"}function f(u){return typeof u=="number"&&!isNaN(u)}function c(u){return parseInt(u,10)}function w(u,y,R){if(u[y])return new Error(`Invalid prop ${y} passed to ${R} - do not set this, set it on the child.`)}return B}var Y={},me;function Ye(){if(me)return Y;me=1,Object.defineProperty(Y,"__esModule",{value:!0}),Y.browserPrefixToKey=f,Y.browserPrefixToStyle=c,Y.default=void 0,Y.getPrefix=m;const i=["Moz","Webkit","O","ms"];function m(){let u=arguments.length>0&&arguments[0]!==void 0?arguments[0]:"transform";if(typeof window>"u")return"";const y=window.document?.documentElement?.style;if(!y||u in y)return"";for(let R=0;R<i.length;R++)if(f(u,i[R])in y)return i[R];return""}function f(u,y){return y?`${y}${w(u)}`:u}function c(u,y){return y?`-${y.toLowerCase()}-${u}`:u}function w(u){let y="",R=!0;for(let h=0;h<u.length;h++)R?(y+=u[h].toUpperCase(),R=!1):u[h]==="-"?R=!0:y+=u[h];return y}return Y.default=m(),Y}var ve;function ce(){if(ve)return N;ve=1,Object.defineProperty(N,"__esModule",{value:!0}),N.addClassName=r,N.addEvent=y,N.addUserSelectStyles=t,N.createCSSTransform=x,N.createSVGTransform=P,N.getTouch=g,N.getTouchIdentifier=s,N.getTranslation=S,N.innerHeight=O,N.innerWidth=d,N.matchesSelector=w,N.matchesSelectorAndParentsTo=u,N.offsetXYFromParent=D,N.outerHeight=h,N.outerWidth=v,N.removeClassName=n,N.removeEvent=R,N.scheduleRemoveUserSelectStyles=a;var i=ne(),m=f(Ye());function f(e,l){if(typeof WeakMap=="function")var p=new WeakMap,M=new WeakMap;return(f=function(b,C){if(!C&&b&&b.__esModule)return b;var E,T,q={__proto__:null,default:b};if(b===null||typeof b!="object"&&typeof b!="function")return q;if(E=C?M:p){if(E.has(b))return E.get(b);E.set(b,q)}for(const j in b)j!=="default"&&{}.hasOwnProperty.call(b,j)&&((T=(E=Object.defineProperty)&&Object.getOwnPropertyDescriptor(b,j))&&(T.get||T.set)?E(q,j,T):q[j]=b[j]);return q})(e,l)}let c="";function w(e,l){return c||(c=(0,i.findInArray)(["matches","webkitMatchesSelector","mozMatchesSelector","msMatchesSelector","oMatchesSelector"],function(p){return(0,i.isFunction)(e[p])})),(0,i.isFunction)(e[c])?e[c](l):!1}function u(e,l,p){let M=e;do{if(w(M,l))return!0;if(M===p)return!1;M=M.parentNode}while(M);return!1}function y(e,l,p,M){if(!e)return;const b={capture:!0,...M};e.addEventListener?e.addEventListener(l,p,b):e.attachEvent?e.attachEvent("on"+l,p):e["on"+l]=p}function R(e,l,p,M){if(!e)return;const b={capture:!0,...M};e.removeEventListener?e.removeEventListener(l,p,b):e.detachEvent?e.detachEvent("on"+l,p):e["on"+l]=null}function h(e){let l=e.clientHeight;const p=e.ownerDocument.defaultView.getComputedStyle(e);return l+=(0,i.int)(p.borderTopWidth),l+=(0,i.int)(p.borderBottomWidth),l}function v(e){let l=e.clientWidth;const p=e.ownerDocument.defaultView.getComputedStyle(e);return l+=(0,i.int)(p.borderLeftWidth),l+=(0,i.int)(p.borderRightWidth),l}function O(e){let l=e.clientHeight;const p=e.ownerDocument.defaultView.getComputedStyle(e);return l-=(0,i.int)(p.paddingTop),l-=(0,i.int)(p.paddingBottom),l}function d(e){let l=e.clientWidth;const p=e.ownerDocument.defaultView.getComputedStyle(e);return l-=(0,i.int)(p.paddingLeft),l-=(0,i.int)(p.paddingRight),l}function D(e,l,p){const b=l===l.ownerDocument.body?{left:0,top:0}:l.getBoundingClientRect(),C=(e.clientX+l.scrollLeft-b.left)/p,E=(e.clientY+l.scrollTop-b.top)/p;return{x:C,y:E}}function x(e,l){const p=S(e,l,"px");return{[(0,m.browserPrefixToKey)("transform",m.default)]:p}}function P(e,l){return S(e,l,"")}function S(e,l,p){let{x:M,y:b}=e,C=`translate(${M}${p},${b}${p})`;if(l){const E=`${typeof l.x=="string"?l.x:l.x+p}`,T=`${typeof l.y=="string"?l.y:l.y+p}`;C=`translate(${E}, ${T})`+C}return C}function g(e,l){return e.targetTouches&&(0,i.findInArray)(e.targetTouches,p=>l===p.identifier)||e.changedTouches&&(0,i.findInArray)(e.changedTouches,p=>l===p.identifier)}function s(e){if(e.targetTouches&&e.targetTouches[0])return e.targetTouches[0].identifier;if(e.changedTouches&&e.changedTouches[0])return e.changedTouches[0].identifier}function t(e){if(!e)return;let l=e.getElementById("react-draggable-style-el");l||(l=e.createElement("style"),l.type="text/css",l.id="react-draggable-style-el",l.innerHTML=`.react-draggable-transparent-selection *::-moz-selection {all: inherit;}
-`,l.innerHTML+=`.react-draggable-transparent-selection *::selection {all: inherit;}
-`,e.getElementsByTagName("head")[0].appendChild(l)),e.body&&r(e.body,"react-draggable-transparent-selection")}function a(e){window.requestAnimationFrame?window.requestAnimationFrame(()=>{o(e)}):o(e)}function o(e){if(e)try{if(e.body&&n(e.body,"react-draggable-transparent-selection"),e.selection)e.selection.empty();else{const l=(e.defaultView||window).getSelection();l&&l.type!=="Caret"&&l.removeAllRanges()}}catch{}}function r(e,l){e.classList?e.classList.add(l):e.className.match(new RegExp(`(?:^|\\s)${l}(?!\\S)`))||(e.className+=` ${l}`)}function n(e,l){e.classList?e.classList.remove(l):e.className=e.className.replace(new RegExp(`(?:^|\\s)${l}(?!\\S)`,"g"),"")}return N}var L={},ye;function je(){if(ye)return L;ye=1,Object.defineProperty(L,"__esModule",{value:!0}),L.canDragX=w,L.canDragY=u,L.createCoreData=R,L.createDraggableData=h,L.getBoundPosition=f,L.getControlPosition=y,L.snapToGrid=c;var i=ne(),m=ce();function f(d,D,x){if(!d.props.bounds)return[D,x];let{bounds:P}=d.props;P=typeof P=="string"?P:v(P);const S=O(d);if(typeof P=="string"){const{ownerDocument:g}=S,s=g.defaultView;let t;if(P==="parent"?t=S.parentNode:t=S.getRootNode().querySelector(P),!(t instanceof s.HTMLElement))throw new Error('Bounds selector "'+P+'" could not find an element.');const a=t,o=s.getComputedStyle(S),r=s.getComputedStyle(a);P={left:-S.offsetLeft+(0,i.int)(r.paddingLeft)+(0,i.int)(o.marginLeft),top:-S.offsetTop+(0,i.int)(r.paddingTop)+(0,i.int)(o.marginTop),right:(0,m.innerWidth)(a)-(0,m.outerWidth)(S)-S.offsetLeft+(0,i.int)(r.paddingRight)-(0,i.int)(o.marginRight),bottom:(0,m.innerHeight)(a)-(0,m.outerHeight)(S)-S.offsetTop+(0,i.int)(r.paddingBottom)-(0,i.int)(o.marginBottom)}}return(0,i.isNum)(P.right)&&(D=Math.min(D,P.right)),(0,i.isNum)(P.bottom)&&(x=Math.min(x,P.bottom)),(0,i.isNum)(P.left)&&(D=Math.max(D,P.left)),(0,i.isNum)(P.top)&&(x=Math.max(x,P.top)),[D,x]}function c(d,D,x){const P=Math.round(D/d[0])*d[0],S=Math.round(x/d[1])*d[1];return[P,S]}function w(d){return d.props.axis==="both"||d.props.axis==="x"}function u(d){return d.props.axis==="both"||d.props.axis==="y"}function y(d,D,x){const P=typeof D=="number"?(0,m.getTouch)(d,D):null;if(typeof D=="number"&&!P)return null;const S=O(x),g=x.props.offsetParent||S.offsetParent||S.ownerDocument.body;return(0,m.offsetXYFromParent)(P||d,g,x.props.scale)}function R(d,D,x){const P=!(0,i.isNum)(d.lastX),S=O(d);return P?{node:S,deltaX:0,deltaY:0,lastX:D,lastY:x,x:D,y:x}:{node:S,deltaX:D-d.lastX,deltaY:x-d.lastY,lastX:d.lastX,lastY:d.lastY,x:D,y:x}}function h(d,D){const x=d.props.scale;return{node:D.node,x:d.state.x+D.deltaX/x,y:d.state.y+D.deltaY/x,deltaX:D.deltaX/x,deltaY:D.deltaY/x,lastX:d.state.x,lastY:d.state.y}}function v(d){return{left:d.left,top:d.top,right:d.right,bottom:d.bottom}}function O(d){const D=d.findDOMNode();if(!D)throw new Error("<DraggableCore>: Unmounted during event!");return D}return L}var V={},ee={},be;function Ne(){if(be)return ee;be=1,Object.defineProperty(ee,"__esModule",{value:!0}),ee.default=i;function i(){}return ee}var Se;function Ue(){if(Se)return V;Se=1,Object.defineProperty(V,"__esModule",{value:!0}),V.default=void 0;var i=h(Z()),m=R(re()),f=R(ze()),c=ce(),w=je(),u=ne(),y=R(Ne());function R(S){return S&&S.__esModule?S:{default:S}}function h(S,g){if(typeof WeakMap=="function")var s=new WeakMap,t=new WeakMap;return(h=function(a,o){if(!o&&a&&a.__esModule)return a;var r,n,e={__proto__:null,default:a};if(a===null||typeof a!="object"&&typeof a!="function")return e;if(r=o?t:s){if(r.has(a))return r.get(a);r.set(a,e)}for(const l in a)l!=="default"&&{}.hasOwnProperty.call(a,l)&&((n=(r=Object.defineProperty)&&Object.getOwnPropertyDescriptor(a,l))&&(n.get||n.set)?r(e,l,n):e[l]=a[l]);return e})(S,g)}function v(S,g,s){return(g=O(g))in S?Object.defineProperty(S,g,{value:s,enumerable:!0,configurable:!0,writable:!0}):S[g]=s,S}function O(S){var g=d(S,"string");return typeof g=="symbol"?g:g+""}function d(S,g){if(typeof S!="object"||!S)return S;var s=S[Symbol.toPrimitive];if(s!==void 0){var t=s.call(S,g);if(typeof t!="object")return t;throw new TypeError("@@toPrimitive must return a primitive value.")}return(g==="string"?String:Number)(S)}const D={touch:{start:"touchstart",move:"touchmove",stop:"touchend"},mouse:{start:"mousedown",move:"mousemove",stop:"mouseup"}};let x=D.mouse,P=class extends i.Component{constructor(){super(...arguments),v(this,"dragging",!1),v(this,"lastX",NaN),v(this,"lastY",NaN),v(this,"touchIdentifier",null),v(this,"mounted",!1),v(this,"handleDragStart",g=>{if(this.props.onMouseDown(g),!this.props.allowAnyClick&&typeof g.button=="number"&&g.button!==0)return!1;const s=this.findDOMNode();if(!s||!s.ownerDocument||!s.ownerDocument.body)throw new Error("<DraggableCore> not mounted on DragStart!");const{ownerDocument:t}=s;if(this.props.disabled||!(g.target instanceof t.defaultView.Node)||this.props.handle&&!(0,c.matchesSelectorAndParentsTo)(g.target,this.props.handle,s)||this.props.cancel&&(0,c.matchesSelectorAndParentsTo)(g.target,this.props.cancel,s))return;g.type==="touchstart"&&!this.props.allowMobileScroll&&g.preventDefault();const a=(0,c.getTouchIdentifier)(g);this.touchIdentifier=a;const o=(0,w.getControlPosition)(g,a,this);if(o==null)return;const{x:r,y:n}=o,e=(0,w.createCoreData)(this,r,n);(0,y.default)("DraggableCore: handleDragStart: %j",e),(0,y.default)("calling",this.props.onStart),!(this.props.onStart(g,e)===!1||this.mounted===!1)&&(this.props.enableUserSelectHack&&(0,c.addUserSelectStyles)(t),this.dragging=!0,this.lastX=r,this.lastY=n,(0,c.addEvent)(t,x.move,this.handleDrag),(0,c.addEvent)(t,x.stop,this.handleDragStop))}),v(this,"handleDrag",g=>{const s=(0,w.getControlPosition)(g,this.touchIdentifier,this);if(s==null)return;let{x:t,y:a}=s;if(Array.isArray(this.props.grid)){let n=t-this.lastX,e=a-this.lastY;if([n,e]=(0,w.snapToGrid)(this.props.grid,n,e),!n&&!e)return;t=this.lastX+n,a=this.lastY+e}const o=(0,w.createCoreData)(this,t,a);if((0,y.default)("DraggableCore: handleDrag: %j",o),this.props.onDrag(g,o)===!1||this.mounted===!1){try{this.handleDragStop(new MouseEvent("mouseup"))}catch{const e=document.createEvent("MouseEvents");e.initMouseEvent("mouseup",!0,!0,window,0,0,0,0,0,!1,!1,!1,!1,0,null),this.handleDragStop(e)}return}this.lastX=t,this.lastY=a}),v(this,"handleDragStop",g=>{if(!this.dragging)return;const s=(0,w.getControlPosition)(g,this.touchIdentifier,this);if(s==null)return;let{x:t,y:a}=s;if(Array.isArray(this.props.grid)){let e=t-this.lastX||0,l=a-this.lastY||0;[e,l]=(0,w.snapToGrid)(this.props.grid,e,l),t=this.lastX+e,a=this.lastY+l}const o=(0,w.createCoreData)(this,t,a);if(this.props.onStop(g,o)===!1||this.mounted===!1)return!1;const n=this.findDOMNode();n&&this.props.enableUserSelectHack&&(0,c.scheduleRemoveUserSelectStyles)(n.ownerDocument),(0,y.default)("DraggableCore: handleDragStop: %j",o),this.dragging=!1,this.lastX=NaN,this.lastY=NaN,n&&((0,y.default)("DraggableCore: Removing handlers"),(0,c.removeEvent)(n.ownerDocument,x.move,this.handleDrag),(0,c.removeEvent)(n.ownerDocument,x.stop,this.handleDragStop))}),v(this,"onMouseDown",g=>(x=D.mouse,this.handleDragStart(g))),v(this,"onMouseUp",g=>(x=D.mouse,this.handleDragStop(g))),v(this,"onTouchStart",g=>(x=D.touch,this.handleDragStart(g))),v(this,"onTouchEnd",g=>(x=D.touch,this.handleDragStop(g)))}componentDidMount(){this.mounted=!0;const g=this.findDOMNode();g&&(0,c.addEvent)(g,D.touch.start,this.onTouchStart,{passive:!1})}componentWillUnmount(){this.mounted=!1;const g=this.findDOMNode();if(g){const{ownerDocument:s}=g;(0,c.removeEvent)(s,D.mouse.move,this.handleDrag),(0,c.removeEvent)(s,D.touch.move,this.handleDrag),(0,c.removeEvent)(s,D.mouse.stop,this.handleDragStop),(0,c.removeEvent)(s,D.touch.stop,this.handleDragStop),(0,c.removeEvent)(g,D.touch.start,this.onTouchStart,{passive:!1}),this.props.enableUserSelectHack&&(0,c.scheduleRemoveUserSelectStyles)(s)}}findDOMNode(){return this.props?.nodeRef?this.props?.nodeRef?.current:f.default.findDOMNode(this)}render(){return i.cloneElement(i.Children.only(this.props.children),{onMouseDown:this.onMouseDown,onMouseUp:this.onMouseUp,onTouchEnd:this.onTouchEnd})}};return V.default=P,v(P,"displayName","DraggableCore"),v(P,"propTypes",{allowAnyClick:m.default.bool,allowMobileScroll:m.default.bool,children:m.default.node.isRequired,disabled:m.default.bool,enableUserSelectHack:m.default.bool,offsetParent:function(S,g){if(S[g]&&S[g].nodeType!==1)throw new Error("Draggable's offsetParent must be a DOM Node.")},grid:m.default.arrayOf(m.default.number),handle:m.default.string,cancel:m.default.string,nodeRef:m.default.object,onStart:m.default.func,onDrag:m.default.func,onStop:m.default.func,onMouseDown:m.default.func,scale:m.default.number,className:u.dontSetMe,style:u.dontSetMe,transform:u.dontSetMe}),v(P,"defaultProps",{allowAnyClick:!1,allowMobileScroll:!1,disabled:!1,enableUserSelectHack:!0,onStart:function(){},onDrag:function(){},onStop:function(){},onMouseDown:function(){},scale:1}),V}var we;function Xe(){return we||(we=1,(function(i){Object.defineProperty(i,"__esModule",{value:!0}),Object.defineProperty(i,"DraggableCore",{enumerable:!0,get:function(){return h.default}}),i.default=void 0;var m=d(Z()),f=O(re()),c=O(ze()),w=Be(),u=ce(),y=je(),R=ne(),h=O(Ue()),v=O(Ne());function O(s){return s&&s.__esModule?s:{default:s}}function d(s,t){if(typeof WeakMap=="function")var a=new WeakMap,o=new WeakMap;return(d=function(r,n){if(!n&&r&&r.__esModule)return r;var e,l,p={__proto__:null,default:r};if(r===null||typeof r!="object"&&typeof r!="function")return p;if(e=n?o:a){if(e.has(r))return e.get(r);e.set(r,p)}for(const M in r)M!=="default"&&{}.hasOwnProperty.call(r,M)&&((l=(e=Object.defineProperty)&&Object.getOwnPropertyDescriptor(r,M))&&(l.get||l.set)?e(p,M,l):p[M]=r[M]);return p})(s,t)}function D(){return D=Object.assign?Object.assign.bind():function(s){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var o in a)({}).hasOwnProperty.call(a,o)&&(s[o]=a[o])}return s},D.apply(null,arguments)}function x(s,t,a){return(t=P(t))in s?Object.defineProperty(s,t,{value:a,enumerable:!0,configurable:!0,writable:!0}):s[t]=a,s}function P(s){var t=S(s,"string");return typeof t=="symbol"?t:t+""}function S(s,t){if(typeof s!="object"||!s)return s;var a=s[Symbol.toPrimitive];if(a!==void 0){var o=a.call(s,t);if(typeof o!="object")return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return(t==="string"?String:Number)(s)}class g extends m.Component{static getDerivedStateFromProps(t,a){let{position:o}=t,{prevPropsPosition:r}=a;return o&&(!r||o.x!==r.x||o.y!==r.y)?((0,v.default)("Draggable: getDerivedStateFromProps %j",{position:o,prevPropsPosition:r}),{x:o.x,y:o.y,prevPropsPosition:{...o}}):null}constructor(t){super(t),x(this,"onDragStart",(a,o)=>{if((0,v.default)("Draggable: onDragStart: %j",o),this.props.onStart(a,(0,y.createDraggableData)(this,o))===!1)return!1;this.setState({dragging:!0,dragged:!0})}),x(this,"onDrag",(a,o)=>{if(!this.state.dragging)return!1;(0,v.default)("Draggable: onDrag: %j",o);const r=(0,y.createDraggableData)(this,o),n={x:r.x,y:r.y,slackX:0,slackY:0};if(this.props.bounds){const{x:l,y:p}=n;n.x+=this.state.slackX,n.y+=this.state.slackY;const[M,b]=(0,y.getBoundPosition)(this,n.x,n.y);n.x=M,n.y=b,n.slackX=this.state.slackX+(l-n.x),n.slackY=this.state.slackY+(p-n.y),r.x=n.x,r.y=n.y,r.deltaX=n.x-this.state.x,r.deltaY=n.y-this.state.y}if(this.props.onDrag(a,r)===!1)return!1;this.setState(n)}),x(this,"onDragStop",(a,o)=>{if(!this.state.dragging||this.props.onStop(a,(0,y.createDraggableData)(this,o))===!1)return!1;(0,v.default)("Draggable: onDragStop: %j",o);const n={dragging:!1,slackX:0,slackY:0};if(!!this.props.position){const{x:l,y:p}=this.props.position;n.x=l,n.y=p}this.setState(n)}),this.state={dragging:!1,dragged:!1,x:t.position?t.position.x:t.defaultPosition.x,y:t.position?t.position.y:t.defaultPosition.y,prevPropsPosition:{...t.position},slackX:0,slackY:0,isElementSVG:!1},t.position&&!(t.onDrag||t.onStop)&&console.warn("A `position` was applied to this <Draggable>, without drag handlers. This will make this component effectively undraggable. Please attach `onDrag` or `onStop` handlers so you can adjust the `position` of this element.")}componentDidMount(){typeof window.SVGElement<"u"&&this.findDOMNode()instanceof window.SVGElement&&this.setState({isElementSVG:!0})}componentWillUnmount(){this.state.dragging&&this.setState({dragging:!1})}findDOMNode(){return this.props?.nodeRef?.current??c.default.findDOMNode(this)}render(){const{axis:t,bounds:a,children:o,defaultPosition:r,defaultClassName:n,defaultClassNameDragging:e,defaultClassNameDragged:l,position:p,positionOffset:M,scale:b,...C}=this.props;let E={},T=null;const j=!!!p||this.state.dragging,H=p||r,I={x:(0,y.canDragX)(this)&&j?this.state.x:H.x,y:(0,y.canDragY)(this)&&j?this.state.y:H.y};this.state.isElementSVG?T=(0,u.createSVGTransform)(I,M):E=(0,u.createCSSTransform)(I,M);const W=(0,w.clsx)(o.props.className||"",n,{[e]:this.state.dragging,[l]:this.state.dragged});return m.createElement(h.default,D({},C,{onStart:this.onDragStart,onDrag:this.onDrag,onStop:this.onDragStop}),m.cloneElement(m.Children.only(o),{className:W,style:{...o.props.style,...E},transform:T}))}}i.default=g,x(g,"displayName","Draggable"),x(g,"propTypes",{...h.default.propTypes,axis:f.default.oneOf(["both","x","y","none"]),bounds:f.default.oneOfType([f.default.shape({left:f.default.number,right:f.default.number,top:f.default.number,bottom:f.default.number}),f.default.string,f.default.oneOf([!1])]),defaultClassName:f.default.string,defaultClassNameDragging:f.default.string,defaultClassNameDragged:f.default.string,defaultPosition:f.default.shape({x:f.default.number,y:f.default.number}),positionOffset:f.default.shape({x:f.default.oneOfType([f.default.number,f.default.string]),y:f.default.oneOfType([f.default.number,f.default.string])}),position:f.default.shape({x:f.default.number,y:f.default.number}),className:R.dontSetMe,style:R.dontSetMe,transform:R.dontSetMe}),x(g,"defaultProps",{...h.default.defaultProps,axis:"both",bounds:!1,defaultClassName:"react-draggable",defaultClassNameDragging:"react-draggable-dragging",defaultClassNameDragged:"react-draggable-dragged",defaultPosition:{x:0,y:0},scale:1})})(ie)),ie}var xe;function We(){if(xe)return $.exports;xe=1;const{default:i,DraggableCore:m}=Xe();return $.exports=i,$.exports.default=i,$.exports.DraggableCore=m,$.exports}var te={},De;function Ae(){if(De)return te;De=1,te.__esModule=!0,te.cloneElement=R;var i=m(Z());function m(h){return h&&h.__esModule?h:{default:h}}function f(h,v){var O=Object.keys(h);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(h);v&&(d=d.filter(function(D){return Object.getOwnPropertyDescriptor(h,D).enumerable})),O.push.apply(O,d)}return O}function c(h){for(var v=1;v<arguments.length;v++){var O=arguments[v]!=null?arguments[v]:{};v%2?f(Object(O),!0).forEach(function(d){w(h,d,O[d])}):Object.getOwnPropertyDescriptors?Object.defineProperties(h,Object.getOwnPropertyDescriptors(O)):f(Object(O)).forEach(function(d){Object.defineProperty(h,d,Object.getOwnPropertyDescriptor(O,d))})}return h}function w(h,v,O){return v=u(v),v in h?Object.defineProperty(h,v,{value:O,enumerable:!0,configurable:!0,writable:!0}):h[v]=O,h}function u(h){var v=y(h,"string");return typeof v=="symbol"?v:String(v)}function y(h,v){if(typeof h!="object"||h===null)return h;var O=h[Symbol.toPrimitive];if(O!==void 0){var d=O.call(h,v);if(typeof d!="object")return d;throw new TypeError("@@toPrimitive must return a primitive value.")}return(v==="string"?String:Number)(h)}function R(h,v){return v.style&&h.props.style&&(v.style=c(c({},h.props.style),v.style)),v.className&&h.props.className&&(v.className=h.props.className+" "+v.className),i.default.cloneElement(h,v)}return te}var G={},Re;function ke(){if(Re)return G;Re=1,G.__esModule=!0,G.resizableProps=void 0;var i=m(re());We();function m(c){return c&&c.__esModule?c:{default:c}}var f={axis:i.default.oneOf(["both","x","y","none"]),className:i.default.string,children:i.default.element.isRequired,draggableOpts:i.default.shape({allowAnyClick:i.default.bool,cancel:i.default.string,children:i.default.node,disabled:i.default.bool,enableUserSelectHack:i.default.bool,offsetParent:i.default.node,grid:i.default.arrayOf(i.default.number),handle:i.default.string,nodeRef:i.default.object,onStart:i.default.func,onDrag:i.default.func,onStop:i.default.func,onMouseDown:i.default.func,scale:i.default.number}),height:function(){for(var w=arguments.length,u=new Array(w),y=0;y<w;y++)u[y]=arguments[y];var R=u[0];if(R.axis==="both"||R.axis==="y"){var h;return(h=i.default.number).isRequired.apply(h,u)}return i.default.number.apply(i.default,u)},handle:i.default.oneOfType([i.default.node,i.default.func]),handleSize:i.default.arrayOf(i.default.number),lockAspectRatio:i.default.bool,maxConstraints:i.default.arrayOf(i.default.number),minConstraints:i.default.arrayOf(i.default.number),onResizeStop:i.default.func,onResizeStart:i.default.func,onResize:i.default.func,resizeHandles:i.default.arrayOf(i.default.oneOf(["s","w","e","n","sw","nw","se","ne"])),transformScale:i.default.number,width:function(){for(var w=arguments.length,u=new Array(w),y=0;y<w;y++)u[y]=arguments[y];var R=u[0];if(R.axis==="both"||R.axis==="x"){var h;return(h=i.default.number).isRequired.apply(h,u)}return i.default.number.apply(i.default,u)}};return G.resizableProps=f,G}var Pe;function qe(){if(Pe)return A;Pe=1,A.__esModule=!0,A.default=void 0;var i=y(Z()),m=We(),f=Ae(),c=ke(),w=["children","className","draggableOpts","width","height","handle","handleSize","lockAspectRatio","axis","minConstraints","maxConstraints","onResize","onResizeStop","onResizeStart","resizeHandles","transformScale"];function u(s){if(typeof WeakMap!="function")return null;var t=new WeakMap,a=new WeakMap;return(u=function(r){return r?a:t})(s)}function y(s,t){if(s&&s.__esModule)return s;if(s===null||typeof s!="object"&&typeof s!="function")return{default:s};var a=u(t);if(a&&a.has(s))return a.get(s);var o={},r=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var n in s)if(n!=="default"&&Object.prototype.hasOwnProperty.call(s,n)){var e=r?Object.getOwnPropertyDescriptor(s,n):null;e&&(e.get||e.set)?Object.defineProperty(o,n,e):o[n]=s[n]}return o.default=s,a&&a.set(s,o),o}function R(){return R=Object.assign?Object.assign.bind():function(s){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var o in a)Object.prototype.hasOwnProperty.call(a,o)&&(s[o]=a[o])}return s},R.apply(this,arguments)}function h(s,t){if(s==null)return{};var a={},o=Object.keys(s),r,n;for(n=0;n<o.length;n++)r=o[n],!(t.indexOf(r)>=0)&&(a[r]=s[r]);return a}function v(s,t){var a=Object.keys(s);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(s);t&&(o=o.filter(function(r){return Object.getOwnPropertyDescriptor(s,r).enumerable})),a.push.apply(a,o)}return a}function O(s){for(var t=1;t<arguments.length;t++){var a=arguments[t]!=null?arguments[t]:{};t%2?v(Object(a),!0).forEach(function(o){d(s,o,a[o])}):Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(a)):v(Object(a)).forEach(function(o){Object.defineProperty(s,o,Object.getOwnPropertyDescriptor(a,o))})}return s}function d(s,t,a){return t=D(t),t in s?Object.defineProperty(s,t,{value:a,enumerable:!0,configurable:!0,writable:!0}):s[t]=a,s}function D(s){var t=x(s,"string");return typeof t=="symbol"?t:String(t)}function x(s,t){if(typeof s!="object"||s===null)return s;var a=s[Symbol.toPrimitive];if(a!==void 0){var o=a.call(s,t);if(typeof o!="object")return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return(t==="string"?String:Number)(s)}function P(s,t){s.prototype=Object.create(t.prototype),s.prototype.constructor=s,S(s,t)}function S(s,t){return S=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(o,r){return o.__proto__=r,o},S(s,t)}var g=(function(s){P(t,s);function t(){for(var o,r=arguments.length,n=new Array(r),e=0;e<r;e++)n[e]=arguments[e];return o=s.call.apply(s,[this].concat(n))||this,o.handleRefs={},o.lastHandleRect=null,o.slack=null,o}var a=t.prototype;return a.componentWillUnmount=function(){this.resetData()},a.resetData=function(){this.lastHandleRect=this.slack=null},a.runConstraints=function(r,n){var e=this.props,l=e.minConstraints,p=e.maxConstraints,M=e.lockAspectRatio;if(!l&&!p&&!M)return[r,n];if(M){var b=this.props.width/this.props.height,C=r-this.props.width,E=n-this.props.height;Math.abs(C)>Math.abs(E*b)?n=r/b:r=n*b}var T=r,q=n,j=this.slack||[0,0],H=j[0],I=j[1];return r+=H,n+=I,l&&(r=Math.max(l[0],r),n=Math.max(l[1],n)),p&&(r=Math.min(p[0],r),n=Math.min(p[1],n)),this.slack=[H+(T-r),I+(q-n)],[r,n]},a.resizeHandler=function(r,n){var e=this;return function(l,p){var M=p.node,b=p.deltaX,C=p.deltaY;r==="onResizeStart"&&e.resetData();var E=(e.props.axis==="both"||e.props.axis==="x")&&n!=="n"&&n!=="s",T=(e.props.axis==="both"||e.props.axis==="y")&&n!=="e"&&n!=="w";if(!(!E&&!T)){var q=n[0],j=n[n.length-1],H=M.getBoundingClientRect();if(e.lastHandleRect!=null){if(j==="w"){var I=H.left-e.lastHandleRect.left;b+=I}if(q==="n"){var W=H.top-e.lastHandleRect.top;C+=W}}e.lastHandleRect=H,j==="w"&&(b=-b),q==="n"&&(C=-C);var k=e.props.width+(E?b/e.props.transformScale:0),F=e.props.height+(T?C/e.props.transformScale:0),U=e.runConstraints(k,F);k=U[0],F=U[1];var ae=k!==e.props.width||F!==e.props.height,J=typeof e.props[r]=="function"?e.props[r]:null,oe=r==="onResize"&&!ae;J&&!oe&&(l.persist==null||l.persist(),J(l,{node:M,size:{width:k,height:F},handle:n})),r==="onResizeStop"&&e.resetData()}}},a.renderResizeHandle=function(r,n){var e=this.props.handle;if(!e)return i.createElement("span",{className:"react-resizable-handle react-resizable-handle-"+r,ref:n});if(typeof e=="function")return e(r,n);var l=typeof e.type=="string",p=O({ref:n},l?{}:{handleAxis:r});return i.cloneElement(e,p)},a.render=function(){var r=this,n=this.props,e=n.children,l=n.className,p=n.draggableOpts;n.width,n.height,n.handle,n.handleSize,n.lockAspectRatio,n.axis,n.minConstraints,n.maxConstraints,n.onResize,n.onResizeStop,n.onResizeStart;var M=n.resizeHandles;n.transformScale;var b=h(n,w);return(0,f.cloneElement)(e,O(O({},b),{},{className:(l?l+" ":"")+"react-resizable",children:[].concat(e.props.children,M.map(function(C){var E,T=(E=r.handleRefs[C])!=null?E:r.handleRefs[C]=i.createRef();return i.createElement(m.DraggableCore,R({},p,{nodeRef:T,key:"resizableHandle-"+C,onStop:r.resizeHandler("onResizeStop",C),onStart:r.resizeHandler("onResizeStart",C),onDrag:r.resizeHandler("onResize",C)}),r.renderResizeHandle(C,T))}))}))},t})(i.Component);return A.default=g,g.propTypes=c.resizableProps,g.defaultProps={axis:"both",handleSize:[20,20],lockAspectRatio:!1,minConstraints:[20,20],maxConstraints:[1/0,1/0],resizeHandles:["se"],transformScale:1},A}var K={},Oe;function $e(){if(Oe)return K;Oe=1,K.__esModule=!0,K.default=void 0;var i=R(Z()),m=u(re()),f=u(qe()),c=ke(),w=["handle","handleSize","onResize","onResizeStart","onResizeStop","draggableOpts","minConstraints","maxConstraints","lockAspectRatio","axis","width","height","resizeHandles","style","transformScale"];function u(t){return t&&t.__esModule?t:{default:t}}function y(t){if(typeof WeakMap!="function")return null;var a=new WeakMap,o=new WeakMap;return(y=function(n){return n?o:a})(t)}function R(t,a){if(t&&t.__esModule)return t;if(t===null||typeof t!="object"&&typeof t!="function")return{default:t};var o=y(a);if(o&&o.has(t))return o.get(t);var r={},n=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var e in t)if(e!=="default"&&Object.prototype.hasOwnProperty.call(t,e)){var l=n?Object.getOwnPropertyDescriptor(t,e):null;l&&(l.get||l.set)?Object.defineProperty(r,e,l):r[e]=t[e]}return r.default=t,o&&o.set(t,r),r}function h(){return h=Object.assign?Object.assign.bind():function(t){for(var a=1;a<arguments.length;a++){var o=arguments[a];for(var r in o)Object.prototype.hasOwnProperty.call(o,r)&&(t[r]=o[r])}return t},h.apply(this,arguments)}function v(t,a){var o=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);a&&(r=r.filter(function(n){return Object.getOwnPropertyDescriptor(t,n).enumerable})),o.push.apply(o,r)}return o}function O(t){for(var a=1;a<arguments.length;a++){var o=arguments[a]!=null?arguments[a]:{};a%2?v(Object(o),!0).forEach(function(r){d(t,r,o[r])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(o)):v(Object(o)).forEach(function(r){Object.defineProperty(t,r,Object.getOwnPropertyDescriptor(o,r))})}return t}function d(t,a,o){return a=D(a),a in t?Object.defineProperty(t,a,{value:o,enumerable:!0,configurable:!0,writable:!0}):t[a]=o,t}function D(t){var a=x(t,"string");return typeof a=="symbol"?a:String(a)}function x(t,a){if(typeof t!="object"||t===null)return t;var o=t[Symbol.toPrimitive];if(o!==void 0){var r=o.call(t,a);if(typeof r!="object")return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return(a==="string"?String:Number)(t)}function P(t,a){if(t==null)return{};var o={},r=Object.keys(t),n,e;for(e=0;e<r.length;e++)n=r[e],!(a.indexOf(n)>=0)&&(o[n]=t[n]);return o}function S(t,a){t.prototype=Object.create(a.prototype),t.prototype.constructor=t,g(t,a)}function g(t,a){return g=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(r,n){return r.__proto__=n,r},g(t,a)}var s=(function(t){S(a,t);function a(){for(var r,n=arguments.length,e=new Array(n),l=0;l<n;l++)e[l]=arguments[l];return r=t.call.apply(t,[this].concat(e))||this,r.state={width:r.props.width,height:r.props.height,propsWidth:r.props.width,propsHeight:r.props.height},r.onResize=function(p,M){var b=M.size;r.props.onResize?(p.persist==null||p.persist(),r.setState(b,function(){return r.props.onResize&&r.props.onResize(p,M)})):r.setState(b)},r}a.getDerivedStateFromProps=function(n,e){return e.propsWidth!==n.width||e.propsHeight!==n.height?{width:n.width,height:n.height,propsWidth:n.width,propsHeight:n.height}:null};var o=a.prototype;return o.render=function(){var n=this.props,e=n.handle,l=n.handleSize;n.onResize;var p=n.onResizeStart,M=n.onResizeStop,b=n.draggableOpts,C=n.minConstraints,E=n.maxConstraints,T=n.lockAspectRatio,q=n.axis;n.width,n.height;var j=n.resizeHandles,H=n.style,I=n.transformScale,W=P(n,w);return i.createElement(f.default,{axis:q,draggableOpts:b,handle:e,handleSize:l,height:this.state.height,lockAspectRatio:T,maxConstraints:E,minConstraints:C,onResizeStart:p,onResize:this.onResize,onResizeStop:M,resizeHandles:j,transformScale:I,width:this.state.width},i.createElement("div",h({},W,{style:O(O({},H),{},{width:this.state.width+"px",height:this.state.height+"px"})})))},a})(i.Component);return K.default=s,s.propTypes=O(O({},c.resizableProps),{},{children:m.default.element}),K}var _e;function Ve(){return _e||(_e=1,X.exports=function(){throw new Error("Don't instantiate Resizable directly! Use require('react-resizable').Resizable")},X.exports.Resizable=qe().default,X.exports.ResizableBox=$e().default),X.exports}var Ge=Ve();const Ke=Ge.ResizableBox,Ze=typeof window<"u",Je=1200,Qe=720,Me=30,et=({id:i,scenarioName:m,iframeUrl:f,defaultWidth:c=1440,defaultHeight:w=900,onDataOverride:u,onIframeLoad:y,onScaleChange:R,onDimensionChange:h})=>{const[v,O]=_.useState(!1),[d,D]=_.useState(!1),[x,P]=_.useState(Je),[S,g]=_.useState(Qe),[s,t]=_.useState(null),[a,o]=_.useState(null),{dimensions:r,updateDimensions:n,iframeRef:e,updateScale:l,updateMaxWidth:p}=Ie(),M=_.useMemo(()=>Math.min(1,x/r.width),[x,r.width]),b=a!==null?a:M;_.useEffect(()=>{v||(l(b),R?.(b))},[b,l,R,v]),_.useEffect(()=>{p(x)},[x,p]);const C=_.useCallback(()=>{O(!0),o(M)},[M]),E=_.useCallback(()=>{O(!1),o(null)},[]),T=_.useCallback((W,k)=>{const F=a!==null?a:1,U=Math.round(k.size.width/F);n({width:U}),h?.(U,r.height)},[n,a,h,r.height]),q=_.useCallback(()=>{setTimeout(()=>{D(!0)},100),y&&y()},[y]);_.useEffect(()=>{const W=k=>{if(k.data.type==="codeyam-resize"){if(m&&k.data.name!==m||r.height===k.data.height||k.data.height===0)return;n({height:k.data.height})}};return window.addEventListener("message",W),()=>{window.removeEventListener("message",W)}},[e,m,c,r,n]),_.useEffect(()=>{d&&u&&u(e.current)},[d,u,e]),_.useEffect(()=>{if(!m)return;const W=setInterval(()=>{e?.current?.contentWindow?.postMessage({type:"codeyam-respond",name:m},"*")},1e3);return()=>clearInterval(W)},[m,e]),_.useEffect(()=>{const W=()=>{const k=document.getElementById("scenario-container");if(!k)return;const F=k.getBoundingClientRect(),U=k.clientWidth-Me*2,ae=window.innerHeight-F.top-Me*2,J=Math.max(ae,400),oe=window.innerHeight-F.top;P(U),g(J),t(oe)};return W(),window.addEventListener("resize",W),()=>window.removeEventListener("resize",W)},[]),_.useEffect(()=>{n({width:c,height:w})},[c,w,n]);const j=_.useMemo(()=>r.width*b,[r.width,b]),H=_.useMemo(()=>{const W=r.height,k=W*b;return W&&W!==720&&W!==900&&k<S?k:S},[r.height,S,b]),I=_.useCallback(()=>{window.history.back()},[]);return Ze?z.jsxs("div",{id:"scenario-container",className:"relative bg-gray-100 w-full flex items-center justify-center",style:s?{height:`${s}px`}:{},children:[v&&z.jsx("div",{className:"fixed inset-0 z-50 bg-transparent"}),z.jsx("style",{children:`
-        .react-resizable-handle-e {
-          display: flex !important;
-          align-items: center !important;
-          justify-content: center !important;
-          width: 6px !important;
-          height: 48px !important;
-          right: -8px !important;
-          top: 50% !important;
-          transform: translateY(-50%) !important;
-          cursor: ew-resize !important;
-          background: #d1d5db !important;
-          border-radius: 3px !important;
-          opacity: 0 !important;
-          transition: all 0.2s ease !important;
-        }
-        .react-resizable-handle-e:hover {
-          opacity: 0.8 !important;
-          background: #9ca3af !important;
-        }
-        .react-resizable:hover .react-resizable-handle-e {
-          opacity: 0.4 !important;
-        }
-      `}),z.jsx(Ke,{width:j,height:H,minConstraints:[300,200],maxConstraints:[x,S],className:"relative bg-white rounded-lg shadow-md",resizeHandles:["e"],onResizeStart:C,onResizeStop:E,onResize:T,children:z.jsx("div",{className:"overflow-auto",style:{width:`${j}px`,height:`${H}px`},children:z.jsx("div",{style:{width:`${r.width}px`,height:`${r.height}px`,transform:`scale(${b})`,transformOrigin:"top left"},children:f?z.jsx("iframe",{ref:e,className:"w-full h-full rounded-lg",src:f,onLoad:q,sandbox:"allow-scripts allow-same-origin"}):z.jsxs("p",{className:"w-full h-full flex flex-col gap-3 items-center justify-center",children:[z.jsx("span",{className:"text-xl font-light",children:"Oops! Looks like this scenario is not available yet. Please check back later."}),z.jsx("span",{className:"text-blue-600 cursor-pointer",onClick:I,children:"Go back"})]})})})},`resizable-box-${i}`)]}):z.jsx("div",{className:"relative bg-gray-100 w-full h-full flex items-center justify-center",children:z.jsx("p",{className:"text-gray-500",children:"Loading interactive view..."})})};function Ce(i){const m=i.replace(/[^a-zA-Z0-9_]+/g,"_");return m.slice(0,1).toUpperCase()+m.slice(1)}function ot({analysisId:i,scenarioId:m,scenarioName:f,projectSlug:c,enabled:w=!0}){const u=He(),[y,R]=_.useState(null),[h,v]=_.useState(!1),[O,d]=_.useState(!1),[D,x]=_.useState(!1),P=_.useRef(!1),S=_.useRef(null),g=_.useRef(null),[s,t]=_.useState(0),[a,o]=_.useState(0),r=_.useRef(null),n=_.useRef(!1),{interactiveUrl:e,resetLogs:l}=Ee(c,w),p=_.useRef(m);_.useEffect(()=>{if(p.current!==m&&(p.current=m,S.current&&g.current&&f)){const b=Ce(g.current),C=Ce(f),E=S.current.replace(b,C);R(E),d(!0),x(!1),t(0),o(T=>T+1),n.current=!1,r.current&&(clearTimeout(r.current),r.current=null);return}},[m,f]),_.useEffect(()=>{if(e){const b=e+"?width=600px";S.current=b,f&&(g.current=f),R(b),v(!1),d(!0)}},[e]),_.useEffect(()=>{const b=C=>{C.data.type==="codeyam-resize"&&(n.current||(n.current=!0,r.current&&(clearTimeout(r.current),r.current=null),t(0),x(!0),requestAnimationFrame(()=>{requestAnimationFrame(()=>{d(!1)})})))};return window.addEventListener("message",b),()=>window.removeEventListener("message",b)},[]);const M=()=>{n.current=!1,r.current&&clearTimeout(r.current);const b=500*Math.pow(2,s);r.current=setTimeout(()=>{n.current||(s<2?(t(C=>C+1),o(C=>C+1),d(!0)):(console.error("[useInteractiveMode] Interactive mode failed to load after 3 attempts - showing iframe anyway"),x(!0),d(!1)))},b)};return _.useEffect(()=>{w&&!P.current&&m&&i&&(P.current=!0,v(!0),x(!1),R(null),(async()=>{if(c)try{await fetch(`/api/logs/${c}`,{method:"DELETE"})}catch(C){console.error("[useInteractiveMode] Failed to clear log file:",C)}l(),u.submit({action:"start",analysisId:i,scenarioId:m},{method:"post",action:"/api/interactive-mode"})})())},[w,m,i,l,c]),_.useEffect(()=>{const b=i,C=()=>{if(P.current&&b){const T=new URLSearchParams({action:"stop",analysisId:b});console.log("[useInteractiveMode] Sending stop request via sendBeacon");const q=navigator.sendBeacon("/api/interactive-mode",T);console.log("[useInteractiveMode] sendBeacon result:",q),q||(console.log("[useInteractiveMode] sendBeacon failed, using fetch fallback"),fetch("/api/interactive-mode",{method:"POST",headers:{"Content-Type":"application/x-www-form-urlencoded"},body:T,keepalive:!0}).catch(j=>console.error("Failed to stop interactive mode:",j)))}},E=()=>{C()};return window.addEventListener("beforeunload",E),()=>{window.removeEventListener("beforeunload",E),console.log("[useInteractiveMode] Cleanup running:",{hasStarted:P.current,analysisId:b}),C()}},[i]),{interactiveServerUrl:y,isStarting:h,isLoading:O,showIframe:D,iframeKey:a,onIframeLoad:M}}function it({scenarioId:i,scenarioName:m,iframeUrl:f,isStarting:c,isLoading:w,showIframe:u,iframeKey:y,onIframeLoad:R,onScaleChange:h,onDimensionChange:v,projectSlug:O,defaultWidth:d=1440,defaultHeight:D=900,retryCount:x=0}){const{lastLine:P}=Ee(O??null,c||w);return f?z.jsxs("div",{className:"flex-1 min-h-0 relative",children:[z.jsx("div",{style:{opacity:u?1:0},children:z.jsx(et,{id:i,scenarioName:m,iframeUrl:f,defaultWidth:d,defaultHeight:D,onIframeLoad:R,onScaleChange:h,onDimensionChange:v},y)}),!u&&(c||w)&&z.jsx("div",{className:"absolute inset-0 flex items-center justify-center z-10",children:z.jsxs("div",{className:"flex flex-col items-center gap-3",children:[z.jsx("div",{className:"w-12 h-12",children:z.jsx("svg",{className:"animate-spin",viewBox:"0 0 50 50",children:z.jsx("circle",{cx:"25",cy:"25",r:"20",fill:"none",stroke:"#005c75",strokeWidth:"4",strokeDasharray:"31.4 31.4",strokeLinecap:"round"})})}),z.jsxs("div",{className:"text-center",children:[z.jsx("p",{className:"text-base font-semibold text-[#005c75] mb-1",children:c&&!f?"Starting interactive mode...":`Checking server stability. Attempt #${x+1}..`}),P&&!f&&z.jsx("p",{className:"text-xs font-mono text-[#666] leading-relaxed",children:P}),f&&x>0&&z.jsxs("p",{className:"text-xs font-mono text-[#666] leading-relaxed",children:["Waiting for application to initialize... (attempt"," ",x+1,")"]})]})]})})]}):z.jsx("div",{className:"flex-1 flex flex-col items-center justify-center p-12 text-center bg-[#f6f9fc]",children:z.jsxs("div",{className:"flex flex-col items-center gap-6 max-w-2xl",children:[z.jsx("div",{className:"w-12 h-12 mb-2",children:z.jsx("svg",{className:"animate-spin",viewBox:"0 0 50 50",children:z.jsx("circle",{cx:"25",cy:"25",r:"20",fill:"none",stroke:"#005c75",strokeWidth:"4",strokeDasharray:"31.4 31.4",strokeLinecap:"round"})})}),z.jsx("h2",{className:"text-2xl font-semibold text-[#005c75] leading-[30px] m-0 font-['IBM_Plex_Sans']",children:w?"Interactive mode ready: launching...":"Starting Interactive Mode..."}),P&&z.jsx("p",{className:"text-xs font-mono text-[#005c75] text-center leading-5 m-0 max-w-xl font-['IBM_Plex_Mono']",children:P}),z.jsx("p",{className:"text-xs text-[#8e8e8e] text-center leading-5 m-0 font-['IBM_Plex_Mono']",children:w?"Loading the page in the background...":"Setting up the dev server for this scenario..."})]})})}export{it as I,nt as W,ot as a,Ie as u};

package/codeyam-cli/src/webserver/build/client/assets/LibraryFunctionPreview-p0fuyqGQ.js

@@ -1,3 +0,0 @@
-import{j as d,L as D}from"./components-CAx5ONX_.js";function F(r,l,x,$,E){const e=l?.scenarios?.find(t=>t.name===r.name),u=!!e?.startedAt,o=!!e?.screenshotStartedAt,k=!!e?.screenshotFinishedAt,p=!!e?.finishedAt,v=1800*1e3,g=o&&!k&&e?.screenshotStartedAt&&Date.now()-new Date(e.screenshotStartedAt).getTime()>v,a=!!r.metadata?.screenshotPaths?.[0]||!!r.metadata?.executionResult,s=o&&!k,c=e?.error,S=r.metadata?.executionResult?.error,i=[];if(l?.errors&&l.errors.length>0)for(const t of l.errors)i.push({source:`${t.phase} phase`,message:t.message});if(l?.steps)for(const t of l.steps)t.error&&i.push({source:t.name,message:t.error});const w=!a&&!c&&!S&&i.length>0,n=!!(c||S||g||w),j=g?"Capture timed out after 30 minutes":(typeof c=="string"?c:null)||S?.message||(w?`Analysis error: ${i[0].message}`:null),L=g?"The capture process has been running for more than 30 minutes and likely got stuck. Consider re-running the analysis.":e?.errorStack||S?.stack||null,A=($&&E?E.jobs.some(t=>t.entityShas?.includes($)||t.type==="analysis"&&t.entityShas&&t.entityShas.length===0)||E.currentlyExecuting?.entityShas?.includes($):!1)&&!u&&!n||!!e?.analyzing&&!u&&!n,C=u&&!o&&!p&&!n,M=(A||C||s)&&!n,h=(A||C)&&x===!1&&!a;let m;h?m="crashed":n?m="error":a||p?m="completed":s?m="capturing":C?m="starting":A?m="queued":m="pending";let b="📷",f="pending",T=!1,y=`Not captured: ${r.name}`;const R=n||h?"border-red-300":"border-gray-300",z=n||h?"bg-red-50":"bg-gray-50";return n||h?(b="⚠️",f="error",y=`Error: ${h?"Analysis process crashed":j||"Unknown error"}`):A?(b="⏱️",f="queued",y=`Queued: ${r.name}`):C?(b="⚙️",f="starting",T=!0,y=`Starting server for ${r.name}...`):s&&!n?(b="🔍",f="capturing",T=!0,y=`Capturing ${r.name}...`):a&&(b="✓",f="completed",y=r.name),{hasError:n||h,errorMessage:h?"Analysis process crashed":j,errorStack:h?"Process terminated unexpectedly before completing analysis":L,isCapturing:s,isCaptured:a,hasCrashed:h,isAnalyzing:M,isQueued:A,isServerStarting:C,status:m,icon:b,iconType:f,shouldSpin:T,title:y,borderColor:R,bgColor:z}}function P({scenario:r,entitySha:l,size:x="medium",showBorder:$=!0,isOutdated:E=!1}){const e=F(r,void 0,void 0,l,void 0),u=r.metadata?.executionResult,o=!!u,p=(r.metadata?.data?.argumentsData||[]).length,v=u?.returnValue!==void 0&&u?.returnValue!==null,g=u?.sideEffects?.consoleOutput?.length||0,a=u?.timing?.duration||0;let s=0;p>0&&s++,p>2&&s++,v&&s++,g>0&&s++,s=Math.min(3,s);const c=x==="small"?{width:"w-[50px]",height:"h-[38px]",iconSize:"text-base",textSize:"text-[8px]"}:{width:"w-20",height:"h-15",iconSize:"text-xl",textSize:"text-[10px]"},i=e.hasError?{border:"border-red-400",bg:"bg-red-50",icon:"text-red-600",badge:"bg-red-100 text-red-700"}:o?E?{border:"border-amber-500",bg:"bg-amber-50",icon:"text-amber-700",badge:"bg-amber-100 text-amber-700"}:{border:"border-blue-400",bg:"bg-blue-50",icon:"text-blue-600",badge:"bg-blue-100 text-blue-700"}:{border:"border-gray-300 border-dashed",bg:"bg-gray-50",icon:"text-gray-400",badge:"bg-gray-100 text-gray-600"},w=$?`border-2 ${i.border}`:"",n=Array.from({length:3},(L,N)=>d.jsx("div",{className:`w-1 h-1 rounded-full ${N<s?i.icon.replace("text-","bg-"):"bg-gray-300"}`},N)),j=e.hasError?`Error: ${e.errorMessage||"Unknown error"}`:o?`${r.name}
-${p} args → ${v?"value":"void"}${g>0?` (${g} logs)`:""}
-${a}ms`:`Not executed: ${r.name}`;return d.jsxs(D,{to:`/entity/${l}/scenarios/${r.id}`,className:`relative ${c.width} ${c.height} ${w} rounded ${i.bg} flex flex-col items-center justify-center gap-0.5 cursor-pointer transition-all hover:scale-105 hover:shadow-md`,title:j,children:[d.jsx("div",{className:`${i.icon} ${c.iconSize} font-mono font-bold`,children:e.hasError?"⚠":o?"ƒ":"○"}),o&&!e.hasError&&d.jsxs("div",{className:`flex items-center gap-0.5 ${c.textSize} ${i.badge} px-1 rounded`,children:[d.jsx("span",{children:p}),d.jsx("span",{children:"→"}),d.jsx("span",{children:v?"✓":"∅"})]}),o&&!e.hasError&&x==="medium"&&d.jsx("div",{className:"flex gap-0.5 mt-0.5",children:n}),o&&!e.hasError&&a>100&&x==="medium"&&d.jsx("div",{className:`absolute top-0.5 right-0.5 ${c.textSize} ${i.badge} px-1 rounded`,children:a>1e3?`${Math.round(a/1e3)}s`:`${a}ms`}),o&&!e.hasError&&g>0&&x==="medium"&&d.jsxs("div",{className:"absolute bottom-0.5 left-0.5 text-[8px] text-gray-500",children:["📝",g]})]})}export{P as L,F as g};

package/codeyam-cli/src/webserver/build/client/assets/LogViewer-Dp6DC845.js

@@ -1,3 +0,0 @@
-import{r,j as e}from"./components-CAx5ONX_.js";function w({projectSlug:i,onClose:l}){const[p,o]=r.useState("Loading logs..."),[x,m]=r.useState(!0),[u,g]=r.useState(!0),[n,f]=r.useState("all"),a=r.useRef(null);return r.useEffect(()=>{const t=async()=>{try{const s=await fetch(`/api/logs/${i}`);if(s.ok){const d=await s.text();if(n==="all")o(d);else{const b=d.trim().split(`
-`).filter(c=>{if(c.length===0)return!1;const h=c.match(/^.*CodeYam Log Level (\d+):/);return!!h&&Number(h[1])<=n});o(b.map(c=>c.replace(/^.*CodeYam Log Level \d+:\s*/,"")).join(`
-`))}u&&a.current&&setTimeout(()=>{a.current?.scrollTo({top:a.current.scrollHeight,behavior:"smooth"})},100)}else o(`Error: ${s.status} - ${await s.text()}`)}catch(s){o(`Error fetching logs: ${s.message}`)}};if(t().catch(()=>{}),x){const s=setInterval(()=>{t().catch(()=>{})},2e3);return()=>clearInterval(s)}},[i,x,u,n]),r.useEffect(()=>{const t=s=>{s.key==="Escape"&&l()};return window.addEventListener("keydown",t),()=>window.removeEventListener("keydown",t)},[l]),e.jsx("div",{className:"fixed inset-0 bg-black/70 flex items-center justify-center z-9999 p-5",onClick:l,children:e.jsxs("div",{className:"bg-[#1e1e1e] rounded-lg shadow-2xl flex flex-col max-w-[1200px] w-full max-h-[90vh] overflow-hidden",onClick:t=>t.stopPropagation(),children:[e.jsxs("div",{className:"flex justify-between items-center px-5 py-4 border-b border-[#333] bg-[#252525]",children:[e.jsxs("h3",{className:"m-0 text-lg font-semibold text-white",children:["Analysis Logs - ",i]}),e.jsxs("div",{className:"flex items-center gap-4",children:[e.jsxs("label",{className:"flex items-center gap-2 text-sm text-[#ccc] select-none",children:[e.jsx("span",{children:"Log Level:"}),e.jsxs("select",{value:n,onChange:t=>f(t.target.value==="all"?"all":Number(t.target.value)),className:"bg-[#333] text-white border border-[#555] rounded px-2 py-1 text-sm cursor-pointer outline-none transition-all hover:border-[#777] hover:bg-[#3a3a3a] focus:border-blue-600",children:[e.jsx("option",{value:"1",children:"1"}),e.jsx("option",{value:"2",children:"2"}),e.jsx("option",{value:"3",children:"3"}),e.jsx("option",{value:"4",children:"4"}),e.jsx("option",{value:"all",children:"All"})]})]}),e.jsxs("label",{className:"flex items-center gap-1.5 text-sm text-[#ccc] cursor-pointer select-none group",children:[e.jsx("input",{type:"checkbox",checked:x,onChange:t=>m(t.target.checked),className:"cursor-pointer"}),e.jsx("span",{className:"group-hover:text-white",children:"Auto-refresh"})]}),e.jsxs("label",{className:"flex items-center gap-1.5 text-sm text-[#ccc] cursor-pointer select-none group",children:[e.jsx("input",{type:"checkbox",checked:u,onChange:t=>g(t.target.checked),className:"cursor-pointer"}),e.jsx("span",{className:"group-hover:text-white",children:"Auto-scroll"})]}),e.jsx("button",{onClick:l,className:"bg-transparent border-none text-[#999] text-2xl cursor-pointer p-0 w-8 h-8 flex items-center justify-center rounded transition-all hover:bg-[#333] hover:text-white",title:"Close (Esc)",children:"✕"})]})]}),e.jsx("pre",{className:"flex-1 m-0 px-5 py-4 overflow-auto font-mono text-[13px] leading-relaxed text-[#d4d4d4] bg-[#1e1e1e] whitespace-pre-wrap wrap-break-word scrollbar-thin scrollbar-thumb-[#424242] scrollbar-track-[#1e1e1e] hover:scrollbar-thumb-[#4f4f4f]",ref:a,children:p})]})})}export{w as L};

package/codeyam-cli/src/webserver/build/client/assets/SafeScreenshot-xwuhwsZH.js

@@ -1 +0,0 @@
-import{r as t,j as e}from"./components-CAx5ONX_.js";function j({screenshotPath:a,cacheBuster:l,alt:x,className:f="",title:o}){const[n,s]=t.useState("loading"),[i,r]=t.useState(!1),c=t.useRef(null),d=l?`/api/screenshot/${a}?cb=${l}`:`/api/screenshot/${a}`,m=()=>{s("success"),r(!0)},g=()=>{s("error"),r(!1)};return t.useEffect(()=>{s("loading"),r(!1);const u=c.current;u?.complete&&(u.naturalHeight!==0?(s("success"),r(!0)):(s("error"),r(!1)))},[d]),a?e.jsxs("div",{className:"relative w-full h-full flex items-center justify-center",title:o,children:[e.jsx("img",{ref:c,src:d,alt:x,onLoad:m,onError:g,className:f||"max-w-full max-h-full object-contain",style:{visibility:i?"visible":"hidden",position:i?"relative":"absolute"}}),n==="loading"&&e.jsx("div",{className:"absolute inset-0 bg-gray-100 animate-pulse rounded flex items-center justify-center",children:e.jsx("svg",{className:"w-8 h-8 text-gray-300",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M4 16l4.586-4.586a2 2 0 012.828 0L16 16m-2-2l1.586-1.586a2 2 0 012.828 0L20 14m-6-6h.01M6 20h12a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v12a2 2 0 002 2z"})})}),n==="error"&&e.jsxs("div",{className:"absolute inset-0 border-2 border-dashed border-gray-300 bg-gray-50 rounded flex flex-col items-center justify-center text-xs gap-1",children:[e.jsx("span",{className:"text-2xl text-gray-400",children:"📷"}),e.jsx("span",{className:"text-gray-400 whitespace-nowrap",children:"No Screenshot"})]})]}):e.jsx("div",{className:"w-full h-full border-2 border-dashed border-gray-300 bg-gray-50 rounded flex flex-col items-center justify-center text-xs gap-1",title:o,children:e.jsx("span",{className:"text-2xl text-gray-400",children:"📷"})})}export{j as S};

package/codeyam-cli/src/webserver/build/client/assets/ScenarioPreview-Bl2IRh55.js

@@ -1 +0,0 @@
-import{j as e,L as m}from"./components-CAx5ONX_.js";import{S}from"./SafeScreenshot-xwuhwsZH.js";import{L as b,g as C}from"./LibraryFunctionPreview-p0fuyqGQ.js";import{c as h}from"./createLucideIcon-CgyOwWip.js";import{C as v}from"./circle-alert-GwwOAbhw.js";const N=[["path",{d:"M13.997 4a2 2 0 0 1 1.76 1.05l.486.9A2 2 0 0 0 18.003 7H20a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V9a2 2 0 0 1 2-2h1.997a2 2 0 0 0 1.759-1.048l.489-.904A2 2 0 0 1 10.004 4z",key:"18u6gg"}],["circle",{cx:"12",cy:"13",r:"3",key:"1vg3eu"}]],d=h("camera",N);const $=[["path",{d:"M21.801 10A10 10 0 1 1 17 3.335",key:"yps3ct"}],["path",{d:"m9 11 3 3L22 4",key:"1pflzl"}]],w=h("circle-check-big",$);function D({scenario:t,entity:n,analysisStatus:u,queueState:x,processIsRunning:p,size:s="medium",cacheBuster:f,className:y="",viewMode:l}){if(n.entityType==="library")return e.jsx(b,{scenario:t,entitySha:n.sha,size:s==="small"?"small":"medium"});const r=C(t,u,p,n.sha,x),i=s==="small"?{containerClass:"w-16 h-12",iconSize:"text-xl"}:s==="large"?{containerClass:"w-full h-[67px]",iconSize:"text-2xl"}:{containerClass:"w-20 h-15",iconSize:"text-2xl"},c=`relative ${i.containerClass} ${y}`,o=()=>{const a=`/entity/${n.sha}/scenarios/${t.id}`;return l?`${a}/${l}`:a};if(r.isCaptured){const a=t.metadata?.screenshotPaths?.[0];return e.jsx(m,{to:o(),className:`${c} rounded overflow-hidden bg-gray-50 cursor-pointer transition-all flex items-center justify-center hover:scale-105 hover:shadow-md`,children:e.jsx(S,{screenshotPath:a,cacheBuster:f,alt:t.name,title:t.name,className:"max-w-full max-h-full object-contain object-center"})})}const j=()=>{const a={size:s==="small"?16:s==="large"?24:20,strokeWidth:2};if(r.shouldSpin){const g=s==="small"?"text-base":s==="large"?"text-2xl":"text-xl";return e.jsxs("div",{className:`${g} font-bold tracking-widest`,children:[e.jsx("span",{className:"animate-pulse",children:"."}),e.jsx("span",{className:"animate-pulse",style:{animationDelay:"0.2s"},children:"."}),e.jsx("span",{className:"animate-pulse",style:{animationDelay:"0.4s"},children:"."})]})}switch(r.iconType){case"queued":case"starting":case"capturing":return e.jsx(d,{...a});case"error":return e.jsx(v,{...a});case"completed":return e.jsx(w,{...a});case"pending":default:return e.jsx(d,{...a})}};return e.jsx(m,{to:o(),className:`${c} rounded ${r.bgColor} flex flex-col items-center justify-center cursor-pointer transition-all hover:scale-105 hover:shadow-md`,title:r.title,children:e.jsx("div",{className:i.iconSize,children:j()})})}export{w as C,D as S};

package/codeyam-cli/src/webserver/build/client/assets/ScenarioViewer-M2QuSHKC.js

@@ -1,5 +0,0 @@
-import{r as o,j as e,b as Z,L as ee}from"./components-CAx5ONX_.js";import{a as se,I as te}from"./InteractivePreview-Dh-FldQK.js";import{L as re}from"./LogViewer-Dp6DC845.js";import{S as ae}from"./SafeScreenshot-xwuhwsZH.js";import{u as ne}from"./useLastLogLine-BBlyqxij.js";function ie({presets:r,customSizes:x,currentWidth:l,currentHeight:n,scale:b,onSizeChange:v,onSaveCustomSize:u,onRemoveCustomSize:t,className:c=""}){const[a,d]=o.useState(!1),[m,I]=o.useState(String(l)),[k,N]=o.useState(String(n)),[h,p]=o.useState(!1),[f,y]=o.useState(!1),S=o.useRef(null);o.useEffect(()=>{h||I(String(l))},[l,h]),o.useEffect(()=>{f||N(String(n))},[n,f]),o.useEffect(()=>{const s=w=>{S.current&&!S.current.contains(w.target)&&d(!1)};return document.addEventListener("mousedown",s),()=>document.removeEventListener("mousedown",s)},[]);const P=o.useMemo(()=>{const s=r.find(g=>g.width===l&&g.height===n);if(s)return s.name;const w=x.find(g=>g.width===l&&g.height===n);return w?w.name:"Custom"},[r,x,l,n]),A=P==="Custom",M=s=>{v(s.width,s.height),d(!1)},E=s=>{const w=s.target.value;I(w);const g=parseInt(w,10);!isNaN(g)&&g>0&&v(g,n)},D=s=>{const w=s.target.value;N(w);const g=parseInt(w,10);!isNaN(g)&&g>0&&v(l,g)},B=()=>{p(!1);const s=parseInt(m,10);(isNaN(s)||s<=0)&&I(String(l))},C=()=>{y(!1);const s=parseInt(k,10);(isNaN(s)||s<=0)&&N(String(n))},$=s=>{(s.key==="Enter"||s.key==="Escape")&&s.target.blur()};return e.jsxs("div",{className:`flex items-center gap-3 ${c}`,children:[e.jsxs("div",{className:"relative",ref:S,children:[e.jsxs("button",{onClick:()=>d(!a),className:"flex items-center gap-2 px-3 py-1.5 bg-white border border-gray-300 rounded-md text-sm font-medium text-gray-700 hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-[#005c75] focus:ring-offset-1 min-w-[120px] justify-between",children:[e.jsx("span",{children:P}),e.jsx("svg",{className:`w-4 h-4 transition-transform ${a?"rotate-180":""}`,fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M19 9l-7 7-7-7"})})]}),a&&e.jsx("div",{className:"absolute top-full left-0 mt-1 min-w-full bg-white border border-gray-200 rounded-md shadow-lg z-50",children:e.jsxs("div",{className:"py-1",children:[r.length>0&&e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"px-3 py-1 text-xs font-semibold text-gray-500 uppercase tracking-wider whitespace-nowrap",children:"Presets"}),r.map(s=>e.jsxs("button",{onClick:()=>M(s),className:`w-full text-left px-3 py-2 text-sm hover:bg-gray-100 flex justify-between items-center gap-4 whitespace-nowrap ${P===s.name?"bg-[#f0f7f9] text-[#005c75]":"text-gray-700"}`,children:[e.jsx("span",{children:s.name}),e.jsxs("span",{className:"text-xs text-gray-500",children:[s.width," x ",s.height]})]},s.name))]}),x.length>0&&e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"border-t border-gray-100 my-1"}),e.jsx("div",{className:"px-3 py-1 text-xs font-semibold text-gray-500 uppercase tracking-wider whitespace-nowrap",children:"Custom"}),[...x].sort((s,w)=>s.width-w.width).map(s=>e.jsxs("div",{className:`flex items-center gap-1 hover:bg-gray-100 ${P===s.name?"bg-[#f0f7f9] text-[#005c75]":"text-gray-700"}`,children:[e.jsxs("button",{onClick:()=>M(s),className:"flex-1 text-left px-3 py-2 text-sm flex justify-between items-center gap-4 whitespace-nowrap cursor-pointer",children:[e.jsx("span",{children:s.name}),e.jsxs("span",{className:"text-xs text-gray-500",children:[s.width," x ",s.height]})]}),t&&e.jsx("button",{onClick:w=>{w.stopPropagation(),P===s.name&&r.length>0&&v(r[0].width,r[0].height),t(s.name)},className:"p-1.5 mr-1 text-gray-400 hover:text-red-500 hover:bg-red-50 rounded cursor-pointer transition-colors",title:"Remove custom size",children:e.jsx("svg",{className:"w-4 h-4",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M6 18L18 6M6 6l12 12"})})})]},s.name))]})]})})]}),e.jsxs("div",{className:"flex items-center gap-1 text-sm",children:[e.jsxs("div",{className:"flex items-center",children:[e.jsx("input",{type:"text",value:m,onChange:E,onFocus:()=>p(!0),onBlur:B,onKeyDown:$,className:"w-16 px-2 py-1 text-right border border-gray-300 rounded-l-md text-sm focus:outline-none focus:ring-2 focus:ring-[#005c75] focus:border-[#005c75]"}),e.jsx("span",{className:"px-2 py-1 bg-gray-100 border border-l-0 border-gray-300 rounded-r-md text-gray-500 text-sm",children:"px"})]}),e.jsx("span",{className:"text-gray-400 mx-1",children:"×"}),e.jsxs("div",{className:"flex items-center",children:[e.jsx("input",{type:"text",value:k,onChange:D,onFocus:()=>y(!0),onBlur:C,onKeyDown:$,className:"w-16 px-2 py-1 text-right border border-gray-300 rounded-l-md text-sm focus:outline-none focus:ring-2 focus:ring-[#005c75] focus:border-[#005c75]"}),e.jsx("span",{className:"px-2 py-1 bg-gray-100 border border-l-0 border-gray-300 rounded-r-md text-gray-500 text-sm",children:"px"})]}),b!==void 0&&b<1&&e.jsxs("span",{className:"text-xs text-gray-500 ml-1",children:["(",Math.round(b*100),"%)"]})]}),A&&e.jsx("button",{onClick:u,className:"px-3 py-1.5 bg-[#005c75] text-white text-sm font-medium rounded-md hover:bg-[#004a5c] focus:outline-none focus:ring-2 focus:ring-[#005c75] focus:ring-offset-1 transition-colors",children:"Save Custom Size"})]})}function oe({scenario:r,analysis:x,entity:l}){const n=r.metadata?.executionResult||null,b=r.metadata?.data?.argumentsData||[],v=u=>{if(!u)return"No execution results available yet. Run the function to capture side effects including console output, file operations, and API calls.";const t=[],c=u.sideEffects?.consoleOutput||[];c.length>0&&(t.push(`Console Output: ${c.length} log ${c.length===1?"entry":"entries"} captured`),c.forEach(m=>{t.push(`  [${m.level.toUpperCase()}] ${m.args.join(" ")}`)}));const a=u.sideEffects?.fileWrites||[];a.length>0&&(t.push(`
-File System Operations: ${a.length} ${a.length===1?"operation":"operations"} detected`),a.forEach(m=>{t.push(`  ${m.operation}: ${m.path}${m.size?` (${m.size} bytes)`:""}`)}));const d=u.sideEffects?.apiCalls||[];return d.length>0&&(t.push(`
-API Calls: ${d.length} ${d.length===1?"call":"calls"} made`),d.forEach(m=>{t.push(`  ${m.method} ${m.url}${m.status?` → ${m.status}`:""}${m.duration?` (${m.duration}ms)`:""}`)})),u.error&&t.push(`
-Error: ${u.error.name||"Error"}: ${u.error.message}`),t.length===0?"No side effects detected. The function executed without console output, file operations, or API calls.":t.join(`
-`)};return e.jsxs("div",{className:"flex w-full h-full gap-0",children:[e.jsxs("div",{className:"flex-1 border border-gray-200 bg-white rounded flex flex-col",children:[e.jsx("div",{className:"px-4 pt-3.5 pb-2.5",children:e.jsx("h3",{className:"text-[9px] font-semibold text-[#005c75] uppercase tracking-wide text-center m-0",children:"Input Data"})}),e.jsx("div",{className:"flex-1 overflow-auto px-4 pb-0",children:e.jsx("pre",{className:"text-xs font-mono text-gray-800 whitespace-pre-wrap break-words m-0",children:JSON.stringify(b,null,2)})})]}),e.jsxs("div",{className:"flex-1 border border-gray-200 bg-white rounded flex flex-col ml-[-1px]",children:[e.jsx("div",{className:"px-4 pt-3.5 pb-2.5",children:e.jsx("h3",{className:"text-[9px] font-semibold text-[#005c75] uppercase tracking-wide text-center m-0",children:"Returned Data"})}),e.jsx("div",{className:"flex-1 overflow-auto px-4 pb-0",children:n?e.jsx("pre",{className:"text-xs font-mono text-gray-800 whitespace-pre-wrap break-words m-0",children:n.returnValue!==void 0?JSON.stringify(n.returnValue,null,2):"undefined"}):e.jsx("div",{className:"text-sm text-gray-500 italic",children:"No execution results yet"})})]}),e.jsxs("div",{className:"flex-1 border border-gray-200 bg-white rounded flex flex-col ml-[-1px]",children:[e.jsx("div",{className:"px-4 pt-3.5 pb-2.5",children:e.jsx("h3",{className:"text-[9px] font-semibold text-[#005c75] uppercase tracking-wide text-center m-0",children:"Side Effects"})}),e.jsx("div",{className:"flex-1 overflow-auto px-4 pb-4",children:e.jsx("p",{className:"text-sm text-gray-700 leading-[22px] m-0 whitespace-pre-wrap",children:v(n)})})]})]})}const W=10,le=1024;function ce({currentViewportWidth:r,currentPresetName:x,onDevicePresetClick:l,devicePresets:n}){const[b,v]=o.useState(null),u=o.useRef(null),t=o.useMemo(()=>[...n].sort((h,p)=>h.width-p.width),[n]),{fittingPresets:c,overflowPresets:a}=o.useMemo(()=>{const h=[],p=[];for(const f of t)f.width<=le?h.push(f):p.push(f);return p.sort((f,y)=>y.width-f.width),{fittingPresets:h,overflowPresets:p}},[t]),d=o.useCallback(h=>{if(!u.current)return null;const p=u.current.getBoundingClientRect(),f=h-p.left,y=p.width,S=y/2,A=(c.length>0?c[c.length-1].width:0)/2,M=S-A,E=S+A,D=a.length>0?(a.length-1)*W:0;if(a.length>0){if(f<M){if(f<=D){const C=Math.min(Math.floor(f/W),a.length-1);return a[C]}return a[a.length-1]}if(f>E){const C=y-f;if(C<=D){const $=Math.min(Math.floor(C/W),a.length-1);return a[$]}return a[a.length-1]}}const B=Math.abs(f-S);for(let C=c.length-1;C>=0;C--){const $=c[C],s=c[C-1],w=$.width/2,g=s?s.width/2:0;if(B<=w&&B>=g)return $}return c[0]||a[a.length-1]||null},[c,a]),m=o.useCallback(h=>{const p=d(h.clientX);v(p)},[d]),I=o.useCallback(()=>{v(null)},[]),k=o.useCallback(h=>{const p=d(h.clientX);p&&l(p)},[d,l]),N=b||{name:x,width:r};return e.jsxs("div",{ref:u,className:"relative h-6 bg-[#f6f9fc] shrink-0 overflow-hidden cursor-pointer",onMouseMove:m,onMouseLeave:I,onClick:k,children:[e.jsx("div",{className:"absolute inset-0 flex items-center justify-center pointer-events-none",children:e.jsx("div",{className:"h-full transition-all duration-100 bg-[rgba(0,92,117,0.15)]",style:{width:`${r}px`}})}),e.jsx("div",{className:"absolute inset-0 pointer-events-none",children:c.map(h=>{const p=h.width===r,f=b?.name===h.name,y=h.width/2;return e.jsxs("div",{children:[e.jsx("div",{className:"absolute top-0 bottom-0",style:{left:`calc(50% - ${y}px)`},children:e.jsx("div",{className:`w-0.5 h-full transition-colors duration-75 ${p||f?"bg-[#005c75]":"bg-[rgba(0,92,117,0.25)]"}`})}),e.jsx("div",{className:"absolute top-0 bottom-0",style:{left:`calc(50% + ${y}px)`},children:e.jsx("div",{className:`w-0.5 h-full transition-colors duration-75 ${p||f?"bg-[#005c75]":"bg-[rgba(0,92,117,0.25)]"}`})})]},h.name)})}),e.jsx("div",{className:"absolute inset-0 pointer-events-none",children:a.map((h,p)=>{const f=p*W,y=h.width===r,S=b?.name===h.name;return e.jsxs("div",{children:[e.jsx("div",{className:"absolute top-0 bottom-0",style:{left:`${f}px`},children:e.jsx("div",{className:`w-0.5 h-full transition-colors duration-75 ${y||S?"bg-[#005c75]":"bg-[rgba(0,92,117,0.25)]"}`})}),e.jsx("div",{className:"absolute top-0 bottom-0",style:{right:`${f}px`},children:e.jsx("div",{className:`w-0.5 h-full transition-colors duration-75 ${y||S?"bg-[#005c75]":"bg-[rgba(0,92,117,0.25)]"}`})})]},h.name)})}),e.jsx("div",{className:"absolute inset-0 flex items-center justify-center pointer-events-none",children:e.jsxs("div",{className:`text-[10px] px-2 py-0.5 rounded shadow-sm whitespace-nowrap transition-colors ${b?"bg-[#005c75] text-white":"bg-white/90 text-[#005c75] border border-[rgba(0,92,117,0.25)]"}`,children:[N.name," - ",N.width,"px"]})})]})}function de({width:r,height:x,onSave:l,onCancel:n}){const[b,v]=o.useState(""),[u,t]=o.useState(""),c=()=>{const d=b.trim();if(!d){t("Please enter a name for this custom size");return}l(d)},a=d=>{d.key==="Enter"&&b.trim()&&c(),d.key==="Escape"&&n()};return e.jsx("div",{className:"fixed inset-0 bg-black/50 flex items-center justify-center p-4 z-50",children:e.jsxs("div",{className:"bg-white rounded-lg max-w-md w-full p-6 shadow-xl",children:[e.jsxs("div",{className:"flex items-center justify-between mb-6",children:[e.jsx("h2",{className:"text-xl font-semibold text-gray-900",children:"Save Custom Size"}),e.jsx("button",{onClick:n,className:"text-gray-400 hover:text-gray-600 transition-colors","aria-label":"Close",children:e.jsx("svg",{className:"w-5 h-5",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M6 18L18 6M6 6l12 12"})})})]}),e.jsxs("div",{className:"mb-6 p-4 bg-gray-50 rounded-lg border border-gray-200",children:[e.jsx("div",{className:"text-sm text-gray-500 mb-1",children:"Dimensions"}),e.jsxs("div",{className:"text-lg font-medium text-gray-900",children:[r,"px × ",x,"px"]})]}),e.jsxs("div",{className:"mb-6",children:[e.jsx("label",{htmlFor:"custom-size-name",className:"block text-sm font-medium text-gray-700 mb-2",children:"Name"}),e.jsx("input",{id:"custom-size-name",type:"text",value:b,onChange:d=>{v(d.target.value),t("")},onKeyDown:a,placeholder:"e.g., iPhone 15 Pro",className:`w-full px-3 py-2 border rounded-md text-sm focus:outline-none focus:ring-2 focus:ring-[#005c75] focus:border-[#005c75] ${u?"border-red-300":"border-gray-300"}`,autoFocus:!0}),u&&e.jsx("p",{className:"mt-1 text-sm text-red-600",children:u})]}),e.jsxs("div",{className:"flex gap-3 justify-end",children:[e.jsx("button",{onClick:n,className:"px-4 py-2 bg-gray-100 text-gray-700 text-sm font-medium rounded-md hover:bg-gray-200 focus:outline-none focus:ring-2 focus:ring-gray-300 transition-colors",children:"Cancel"}),e.jsx("button",{onClick:c,disabled:!b.trim(),className:"px-4 py-2 bg-[#005c75] text-white text-sm font-medium rounded-md hover:bg-[#004a5c] focus:outline-none focus:ring-2 focus:ring-[#005c75] focus:ring-offset-1 transition-colors disabled:bg-gray-300 disabled:cursor-not-allowed",children:"Save"})]})]})})}function xe(r){const[x,l]=o.useState([]),n=r?`codeyam-custom-sizes-${r}`:null;o.useEffect(()=>{if(!n||typeof window>"u"){l([]);return}try{const t=localStorage.getItem(n);if(t){const c=JSON.parse(t);Array.isArray(c)&&l(c)}}catch(t){console.error("[useCustomSizes] Failed to load custom sizes:",t),l([])}},[n]);const b=o.useCallback(t=>{if(!(!n||typeof window>"u"))try{localStorage.setItem(n,JSON.stringify(t))}catch(c){console.error("[useCustomSizes] Failed to save custom sizes:",c)}},[n]),v=o.useCallback((t,c,a)=>{l(d=>{const m=d.findIndex(N=>N.name===t),I={name:t,width:c,height:a};let k;return m>=0?(k=[...d],k[m]=I):k=[...d,I],b(k),k})},[b]),u=o.useCallback(t=>{l(c=>{const a=c.filter(d=>d.name!==t);return b(a),a})},[b]);return{customSizes:x,addCustomSize:v,removeCustomSize:u}}const X=1440,_=[{name:"Mobile",width:375,height:667},{name:"Tablet",width:768,height:1024},{name:"Laptop",width:1024,height:768},{name:"Desktop",width:1440,height:900}];function ge({selectedScenario:r,analysis:x,entity:l,viewMode:n,cacheBuster:b,hasScenarios:v,isAnalyzing:u=!1,projectSlug:t,hasAnApiKey:c=!0}){const a=Z(),[d,m]=o.useState(!1),[I,k]=o.useState(!1),[N,h]=o.useState({name:"Desktop",width:X,height:900}),[p,f]=o.useState(X),[y,S]=o.useState(1),{customSizes:P,addCustomSize:A,removeCustomSize:M}=xe(t),E=o.useMemo(()=>[..._,...P],[P]),D=(i,j)=>{f(i);const O=E.find(z=>z.width===i&&z.height===j);h({name:O?.name||"Custom",width:i,height:j})},B=i=>{f(i.width),h({name:i.name,width:i.width,height:i.height})},C=i=>{A(i,N.width,N.height??900),k(!1),h(j=>({...j,name:i}))},$=(i,j)=>{f(i);const O=E.find(z=>z.width===i&&z.height===j);h(z=>({name:O?.name||"Custom",width:i,height:z.height}))},s=r?.metadata?.screenshotPaths?.[0],w=o.useMemo(()=>!r||!x?.status?.scenarios?null:x.status.scenarios.find(i=>i.name===r.name),[r,x?.status?.scenarios]),g=o.useMemo(()=>{const i=[];if(x?.status?.errors&&x.status.errors.length>0)for(const j of x.status.errors)i.push({source:`${j.phase} phase`,message:j.message,stack:j.stack});if(x?.status?.steps)for(const j of x.status.steps)j.error&&i.push({source:j.name,message:j.error,stack:j.errorStack});return i},[x?.status?.errors,x?.status?.steps]),L=w?.error||(r?.metadata?.error?"Error during capture":null),V=w?.errorStack,{interactiveServerUrl:K,isStarting:H,isLoading:J,showIframe:U,iframeKey:G,onIframeLoad:q}=se({analysisId:x?.id,scenarioId:r?.id,scenarioName:r?.name,projectSlug:t,enabled:n==="interactive"}),T=o.useMemo(()=>K||null,[K]),R=!u&&v&&r&&!r.metadata?.screenshotPaths?.[0]&&x?.status?.scenarios?.some(i=>i.name===r.name&&i.screenshotStartedAt&&!i.screenshotFinishedAt),{lastLine:F}=ne(t,u||n==="interactive"||R||!1);if(!r)return!v&&l?u?e.jsx("div",{className:"flex-1 flex flex-col items-center justify-center p-12 text-center bg-[#f6f9fc]",children:e.jsxs("div",{className:"flex flex-col items-center gap-6 max-w-2xl",children:[e.jsx("div",{className:"w-12 h-12 mb-2",children:e.jsx("svg",{className:"animate-spin",viewBox:"0 0 50 50",children:e.jsx("circle",{cx:"25",cy:"25",r:"20",fill:"none",stroke:"#005c75",strokeWidth:"4",strokeDasharray:"31.4 31.4",strokeLinecap:"round"})})}),e.jsx("h2",{className:"text-2xl font-semibold text-[#005c75] leading-[30px] m-0 font-['IBM_Plex_Sans']",children:R?"Capturing screenshots...":"Analyzing..."}),e.jsx("p",{className:"text-xs text-[#8e8e8e] text-center leading-5 m-0 font-['IBM_Plex_Mono']",children:"This may take a few minutes."}),F&&e.jsx("p",{className:"text-xs font-mono text-[#005c75] text-center leading-5 m-0 max-w-xl",children:F}),t&&e.jsx("button",{onClick:()=>m(!0),className:"w-[148px] px-2.5 py-[5px] bg-[#005c75] text-white border-none rounded-sm text-xs font-medium cursor-pointer transition-colors hover:bg-[#004a5c] font-['IBM_Plex_Sans']",children:"View full logs"})]})}):g.length>0?e.jsx("div",{className:"flex-1 flex flex-col items-center justify-center p-6 bg-[#f6f9fc] overflow-auto",children:e.jsxs("div",{className:"bg-red-50 border-2 border-red-300 rounded-lg p-8 w-full max-w-4xl",children:[e.jsxs("div",{className:"flex items-start gap-4 mb-6",children:[e.jsx("span",{className:"text-red-500 text-4xl shrink-0",children:"⚠️"}),e.jsxs("div",{className:"flex-1 min-w-0",children:[e.jsx("h3",{className:"text-xl font-semibold text-red-800 m-0 mb-3",children:"Analysis Failed"}),e.jsx("p",{className:"text-sm text-red-700 m-0 mb-4",children:g.length===1?"An error occurred during analysis. No scenarios were generated.":`${g.length} errors occurred during analysis. No scenarios were generated.`}),g.map((i,j)=>e.jsxs("div",{className:"bg-white border border-red-200 rounded p-4 mb-4 last:mb-0",children:[e.jsx("h4",{className:"text-xs font-semibold text-red-800 m-0 mb-2 uppercase tracking-wide",children:i.source}),e.jsx("div",{className:"max-h-[200px] overflow-auto",children:e.jsx("p",{className:"text-sm text-red-900 m-0 font-mono whitespace-pre-wrap wrap-break-word",children:i.message})}),i.stack&&e.jsxs("details",{className:"mt-2",children:[e.jsx("summary",{className:"text-xs text-red-700 cursor-pointer hover:text-red-900 font-semibold",children:"View stack trace"}),e.jsx("div",{className:"mt-2 bg-red-50 border border-red-200 rounded p-3 max-h-[200px] overflow-auto",children:e.jsx("pre",{className:"text-xs text-red-900 font-mono whitespace-pre-wrap wrap-break-word m-0",children:i.stack})})]})]},j))]})]}),l.filePath&&e.jsx("div",{className:"flex justify-center mt-4",children:e.jsx("button",{onClick:()=>{a.submit({entitySha:l.sha,filePath:l.filePath},{method:"post",action:"/api/analyze"})},disabled:a.state!=="idle",className:"h-[42px] px-6 py-2 bg-[#005c75] text-white border-none rounded-lg text-sm font-medium cursor-pointer transition-all hover:bg-[#004a5e] disabled:bg-gray-400 disabled:cursor-not-allowed",children:a.state!=="idle"?"Retrying...":"Retry Analysis"})})]})}):e.jsx("div",{className:"flex-1 flex flex-col items-center justify-center p-6 text-center bg-[#f6f9fc]",children:e.jsxs("div",{className:"max-w-[600px]",children:[e.jsx("h2",{className:"text-[28px] font-semibold text-[#343434] mb-4 m-0 leading-10",children:"No simulations yet"}),e.jsx("p",{className:"text-base font-normal text-[#3e3e3e] mb-8 leading-6 m-0",children:"Analyze the code to create simulations and create test scenarios automatically."}),l.filePath&&e.jsx("button",{onClick:()=>{a.submit({entitySha:l.sha,filePath:l.filePath},{method:"post",action:"/api/analyze"})},disabled:a.state!=="idle",className:"h-[54px] w-[183px] px-2.5 py-[5px] bg-[#005c75] text-white border-none rounded-lg text-base font-medium cursor-pointer transition-all hover:bg-[#004a5e] disabled:bg-gray-400 disabled:cursor-not-allowed",children:a.state!=="idle"?"Analyzing...":"Analyze"})]})}):e.jsx("div",{className:"flex-1 flex flex-col items-center justify-center p-6 text-center",children:e.jsx("p",{className:"text-base text-gray-500 m-0",children:"Select a scenario to view its screenshot"})});const Y=n==="screenshot"&&(s||L)||n==="interactive"&&(T||H)||n==="data",Q=(u||R)&&!s&&!L&&n==="screenshot";return e.jsxs(e.Fragment,{children:[e.jsx("main",{className:"flex-1 bg-[#f9f9f9] overflow-auto flex flex-col min-w-0",children:Q?e.jsx("div",{className:"flex-1 flex flex-col items-center justify-center p-6 text-center bg-linear-to-br from-blue-50 to-indigo-50",children:e.jsxs("div",{className:"max-w-2xl w-full bg-white rounded-2xl shadow-xl p-8",children:[e.jsxs("div",{className:"mb-8",children:[e.jsx("div",{className:"inline-flex items-center justify-center w-24 h-24 bg-blue-100 rounded-full mb-6",children:e.jsx("span",{className:"text-5xl animate-spin",children:"⚙️"})}),e.jsx("h2",{className:"text-3xl font-bold text-gray-900 mb-4 m-0",children:R?`Capturing ${l?.name}`:`Analyzing ${l?.name}`}),e.jsx("p",{className:"text-base text-gray-600 leading-relaxed m-0 mb-2",children:R?`Taking screenshots for ${x?.scenarios?.length||0} scenario${x?.scenarios?.length!==1?"s":""}...`:`Generating simulations and scenarios for this ${l?.entityType} entity...`}),r&&e.jsxs("p",{className:"text-sm text-blue-600 font-semibold m-0",children:["Currently processing: ",r.name]})]}),F&&e.jsx("div",{className:"bg-[#f6f9fc] border-2 border-[#e1e1e1] rounded-lg p-6 mb-6",children:e.jsxs("div",{className:"flex items-start gap-3",children:[e.jsx("span",{className:"text-xl shrink-0",children:"📝"}),e.jsxs("div",{className:"flex-1 min-w-0",children:[e.jsx("h3",{className:"text-xs font-semibold text-gray-700 uppercase tracking-wide mb-2 m-0",children:"Current Progress"}),e.jsx("p",{className:"text-sm text-gray-900 font-mono wrap-break-word m-0",title:F,children:F})]})]})}),t&&e.jsx("button",{onClick:()=>m(!0),className:"px-6 py-3 bg-[#005c75] text-white border-none rounded-lg text-base font-semibold cursor-pointer transition-all hover:bg-[#004a5e] hover:shadow-lg",children:"📋 View Full Logs"}),e.jsx("p",{className:"text-xs text-gray-500 mt-8 m-0",children:"Screenshots will appear here as they are captured. This may take a few minutes."})]})}):Y?e.jsxs(e.Fragment,{children:[L&&!s&&e.jsx("div",{className:"bg-red-50 border-l-4 border-red-500 mx-5 mt-4 p-4 rounded-r max-h-[400px] overflow-auto",role:"alert",children:e.jsxs("div",{className:"flex items-start gap-3",children:[e.jsx("span",{className:"text-red-500 text-xl shrink-0","aria-hidden":"true",children:"⚠️"}),e.jsxs("div",{className:"flex-1 min-w-0",children:[e.jsx("h3",{className:"text-sm font-semibold text-red-800 m-0 mb-2",children:"Capture Error"}),e.jsx("div",{className:"max-h-[200px] overflow-auto",children:e.jsx("p",{className:"text-sm text-red-700 m-0 mb-2 font-mono whitespace-pre-wrap wrap-break-word",children:L})}),V&&e.jsxs("details",{className:"mt-2",children:[e.jsx("summary",{className:"text-xs text-red-600 cursor-pointer hover:text-red-800 font-medium",children:"View stack trace"}),e.jsx("div",{className:"mt-2 p-3 bg-red-100 rounded max-h-[300px] overflow-auto",children:e.jsx("pre",{className:"text-xs text-red-900 font-mono whitespace-pre-wrap wrap-break-word m-0",children:V})})]})]})]})}),n==="interactive"?e.jsxs("div",{className:"flex-1 flex flex-col min-h-0",children:[T&&e.jsx("div",{className:"bg-gray-50 border-b border-gray-200 px-6 py-3 shrink-0 flex justify-center",children:e.jsx(ie,{presets:[..._],customSizes:P,currentWidth:N.width,currentHeight:N.height??900,scale:y,onSizeChange:D,onSaveCustomSize:()=>k(!0),onRemoveCustomSize:M})}),T&&e.jsx("div",{className:"bg-[#f6f9fc] border-b border-[rgba(0,92,117,0.25)] flex justify-center",children:e.jsx("div",{style:{maxWidth:`${_[_.length-1].width}px`,width:"100%"},children:e.jsx(ce,{currentViewportWidth:p,currentPresetName:N.name,onDevicePresetClick:B,devicePresets:E})})}),e.jsx(te,{scenarioId:r.id,scenarioName:r.name,iframeUrl:T,isStarting:H,isLoading:J,showIframe:U,iframeKey:G,onIframeLoad:q,onScaleChange:S,onDimensionChange:$,projectSlug:t,defaultWidth:N.width,defaultHeight:N.height})]}):n==="data"?e.jsx("div",{className:"flex-1 min-h-0",children:e.jsx(oe,{scenario:r,analysis:x,entity:l})}):e.jsx("div",{className:"flex-1 flex flex-col",children:e.jsx("div",{className:"flex-1 p-6 flex items-center justify-center",children:e.jsx("div",{className:"transition-all duration-300",style:{maxWidth:`${p}px`},children:(s||!L)&&e.jsx(ae,{screenshotPath:s,cacheBuster:b,alt:r.name,className:"w-full rounded-lg shadow-[0_10px_25px_rgba(0,0,0,0.1)] bg-white"})})})})]}):e.jsx("div",{className:"flex-1 flex flex-col",children:e.jsx("div",{className:"flex-1 flex flex-col items-center justify-center p-6 overflow-auto w-full",children:u&&!s?e.jsx("div",{className:"w-full h-full flex items-center justify-center",children:e.jsx("div",{className:"bg-blue-50 border-2 border-blue-200 rounded-lg p-8",children:e.jsxs("div",{className:"flex items-start gap-4 mb-6",children:[e.jsx("span",{className:"animate-spin text-4xl shrink-0",children:"⚙️"}),e.jsxs("div",{className:"flex-1",children:[e.jsx("h3",{className:"text-xl font-semibold text-blue-900 m-0 mb-3",children:"Capturing Screenshot"}),e.jsxs("p",{className:"text-sm text-blue-800 m-0 mb-4",children:["Analysis is in progress for"," ",e.jsx("strong",{children:r.name}),". The screenshot will appear here once capture is complete."]}),F&&e.jsxs("div",{className:"bg-white border border-blue-200 rounded p-4 mt-4",children:[e.jsx("h4",{className:"text-xs font-semibold text-blue-800 m-0 mb-2 uppercase tracking-wide",children:"Current Progress"}),e.jsx("p",{className:"text-sm text-blue-900 m-0 font-mono wrap-break-word",children:F})]}),t&&e.jsx("button",{onClick:()=>m(!0),className:"mt-4 px-4 py-2 bg-[#005c75] text-white border-none rounded-md text-sm font-semibold cursor-pointer transition-colors hover:bg-[#004a5e]",children:"📋 View Full Logs"})]})]})})}):L?e.jsxs("div",{className:"w-full h-full flex flex-col items-center justify-center overflow-auto gap-6",children:[!c&&e.jsx("div",{className:"bg-blue-50 border-2 border-blue-300 rounded-lg p-8",children:e.jsxs("div",{className:"flex-1 flex flex-col gap-4 items-center justify-center",children:[e.jsxs("div",{className:"flex items-start gap-4",children:[e.jsx("span",{className:"text-blue-600 text-2xl shrink-0",children:"🔑"}),e.jsx("h3",{className:"text-xl font-semibold text-blue-900 m-0 mb-3",children:"Improve Analysis Quality with an API Key"})]}),e.jsxs("div",{className:"bg-white border border-blue-200 rounded p-4",children:[e.jsx("h4",{className:"text-xs font-semibold text-blue-900 m-0 mb-2 uppercase tracking-wide",children:"CodeYam requires an AI API key for reliable analysis."}),e.jsxs("ul",{className:"text-sm text-blue-800 m-0 space-y-1 pl-5 list-disc",children:[e.jsx("li",{children:"You can use API keys for a variety of models"}),e.jsx("li",{children:"Faster analysis processing"}),e.jsx("li",{children:"Better handling of complex code structures"}),e.jsx("li",{children:"Improved scenario generation quality"})]})]}),e.jsx(ee,{to:"/settings",className:"inline-block px-4 py-2 bg-blue-600 text-white border-none rounded-md text-sm font-semibold cursor-pointer transition-colors hover:bg-blue-700",children:"🔐 Configure API Keys"})]})}),e.jsx("div",{className:"bg-red-50 border-2 border-red-300 rounded-lg p-8 w-full max-w-4xl my-auto",children:e.jsxs("div",{className:"flex items-start gap-4 mb-6",children:[e.jsx("span",{className:"text-red-500 text-4xl shrink-0",children:"⚠️"}),e.jsxs("div",{className:"flex-1 min-w-0",children:[e.jsx("h3",{className:"text-xl font-semibold text-red-800 m-0 mb-3",children:"Capture Failed"}),e.jsx("p",{className:"text-sm text-red-700 m-0 mb-4",children:"An error occurred while capturing this scenario. No screenshot is available."}),e.jsxs("div",{className:"bg-white border border-red-200 rounded p-4",children:[e.jsx("h4",{className:"text-xs font-semibold text-red-800 m-0 mb-2 uppercase tracking-wide",children:"Error Message"}),e.jsx("div",{className:"max-h-[300px] overflow-auto",children:e.jsx("p",{className:"text-sm text-red-900 m-0 font-mono whitespace-pre-wrap wrap-break-word",children:L})})]}),V&&e.jsxs("details",{className:"mt-4",children:[e.jsx("summary",{className:"text-sm text-red-700 cursor-pointer hover:text-red-900 font-semibold",children:"📋 View full stack trace"}),e.jsx("div",{className:"mt-3 bg-white border border-red-200 rounded p-4 max-h-[400px] overflow-auto",children:e.jsx("pre",{className:"text-xs text-red-900 font-mono whitespace-pre-wrap wrap-break-word m-0",children:V})})]})]})]})})]}):g.length>0?e.jsx("div",{className:"w-full h-full flex items-center justify-center overflow-auto",children:e.jsx("div",{className:"bg-red-50 border-2 border-red-300 rounded-lg p-8 w-full max-w-4xl my-auto",children:e.jsxs("div",{className:"flex items-start gap-4 mb-6",children:[e.jsx("span",{className:"text-red-500 text-4xl shrink-0",children:"⚠️"}),e.jsxs("div",{className:"flex-1 min-w-0",children:[e.jsx("h3",{className:"text-xl font-semibold text-red-800 m-0 mb-3",children:"Analysis Error"}),e.jsx("p",{className:"text-sm text-red-700 m-0 mb-4",children:g.length===1?"An error occurred during analysis. Screenshot capture was not completed.":`${g.length} errors occurred during analysis. Screenshot capture was not completed.`}),g.map((i,j)=>e.jsxs("div",{className:"bg-white border border-red-200 rounded p-4 mb-4 last:mb-0",children:[e.jsx("h4",{className:"text-xs font-semibold text-red-800 m-0 mb-2 uppercase tracking-wide",children:i.source}),e.jsx("div",{className:"max-h-[200px] overflow-auto",children:e.jsx("p",{className:"text-sm text-red-900 m-0 font-mono whitespace-pre-wrap wrap-break-word",children:i.message})}),i.stack&&e.jsxs("details",{className:"mt-2",children:[e.jsx("summary",{className:"text-xs text-red-700 cursor-pointer hover:text-red-900 font-semibold",children:"View stack trace"}),e.jsx("div",{className:"mt-2 bg-red-50 border border-red-200 rounded p-3 max-h-[200px] overflow-auto",children:e.jsx("pre",{className:"text-xs text-red-900 font-mono whitespace-pre-wrap wrap-break-word m-0",children:i.stack})})]})]},j))]})]})})}):e.jsxs("div",{className:"flex flex-col items-center gap-4 text-center",children:[e.jsx("span",{className:"text-6xl text-gray-300",children:"📷"}),e.jsx("p",{className:"text-lg text-gray-500 m-0",children:"No screenshot available for this scenario"}),e.jsx("p",{className:"text-sm text-gray-400 m-0",children:"Try recapturing or debugging this scenario"})]})})})}),d&&t&&e.jsx(re,{projectSlug:t,onClose:()=>m(!1)}),I&&e.jsx(de,{width:N.width,height:N.height??900,onSave:C,onCancel:()=>k(!1)})]})}export{ge as S};