@codeyam/codeyam-cli 0.1.0-staging.15d0f46 → 0.1.0-staging.1669d45

package/packages/aws/src/lib/ecs/ecsTaskFactory.js

@@ -1,87 +1,43 @@
 /**
- * Prepare to run an ECS task for the classical analysis-then-capture flow
- * which uses a 'project' image for analysis and a 'playwright' image for capture.
+ * Prepare to run an ECS task for analysis with distributed capture orchestration.
+ * Uses the unified 'combo' image which includes both analysis and capture capabilities.
  */
-export function getEcsStartConfigForAnalysisThenCapture(projectEnvironmentVariables, playwrightEnvironmentVariables) {
+export function getEcsStartConfigForAnalysis(environmentVariables) {
     return {
-        taskDefinition: getEcsTaskDefinitionName(EcsTaskDefinitionUse.AnalyzeThenCapture),
-        containerEnvironmentVariables: [
-            [
-                getEcsImageNameForType(EcsImageType.Project),
-                projectEnvironmentVariables,
-            ],
-            [
-                getEcsImageNameForType(EcsImageType.Playwright),
-                playwrightEnvironmentVariables,
-            ],
-        ],
-    };
-}
-/**
- * Prepare to run an ECS task for the new analysis flow with distributed capture
- * tasks orchestrated from only a 'project' image.
- */
-export function getEcsStartConfigFoAnalysisWithOrchestration(environmentVariables) {
-    return {
-        taskDefinition: getEcsTaskDefinitionName(EcsTaskDefinitionUse.AnalyzeWithOrchestration),
-        containerEnvironmentVariables: [
-            [getEcsImageNameForType(EcsImageType.Project), environmentVariables],
-        ],
+        taskDefinition: getEcsTaskDefinitionName(EcsTaskDefinitionUse.Analysis),
+        containerEnvironmentVariables: [[getEcsImageName(), environmentVariables]],
     };
 }
 /**
  * Prepare to run an ECS worker task that implements the capture portion of the
- * distributed orchestration, which uses a 'combo' image. This task is launched
- * from a task created with `getEcsStartConfigFoAnalysisWithOrchestration()`
+ * distributed orchestration. Uses the same unified 'combo' image.
+ * This task is launched from a task created with `getEcsStartConfigForAnalysis()`
  */
 export function getEcsStartConfigForOrchestrationTask(environmentVariables) {
     return {
         taskDefinition: getEcsTaskDefinitionName(EcsTaskDefinitionUse.OrchestrationTask),
-        containerEnvironmentVariables: [
-            [getEcsImageNameForType(EcsImageType.Combo), environmentVariables],
-        ],
+        containerEnvironmentVariables: [[getEcsImageName(), environmentVariables]],
     };
 }
 export var EcsTaskDefinitionUse;
 (function (EcsTaskDefinitionUse) {
-    /* A 'project' image runs analysis while a 'playwright' image captures the entities. */
-    EcsTaskDefinitionUse["AnalyzeThenCapture"] = "analyze-then-capture";
-    /* A 'project' image runs analysis while firing up distributed capture orchestration. */
-    EcsTaskDefinitionUse["AnalyzeWithOrchestration"] = "analyze-with-orchestration";
-    /* A worker task that combines 'project' and 'playwright' code, launched by orchestration. */
+    /* Main analysis task - runs analysis and fires up distributed capture orchestration. */
+    EcsTaskDefinitionUse["Analysis"] = "analysis";
+    /* A worker task launched by orchestration to capture scenarios. */
     EcsTaskDefinitionUse["OrchestrationTask"] = "orchestration-task";
 })(EcsTaskDefinitionUse || (EcsTaskDefinitionUse = {}));
 export function getEcsTaskDefinitionName(forUse) {
     switch (forUse) {
-        case EcsTaskDefinitionUse.AnalyzeThenCapture:
-            return `${process.env.ECR_REPOSITORY_NAME}-project-and-playwright`;
-        case EcsTaskDefinitionUse.AnalyzeWithOrchestration:
-            return `${process.env.ECR_REPOSITORY_NAME}-project`;
+        case EcsTaskDefinitionUse.Analysis:
+            return `${process.env.ECR_REPOSITORY_NAME}-analysis`;
         case EcsTaskDefinitionUse.OrchestrationTask:
-            return `${process.env.ECR_REPOSITORY_NAME}-combo`;
+            return `${process.env.ECR_REPOSITORY_NAME}-orchestration`;
         default:
             throw new Error(`Unknown task definition use: ${forUse}`);
     }
 }
-export var EcsImageType;
-(function (EcsImageType) {
-    /* The virtualized server that runs the project code. */
-    EcsImageType["Project"] = "project";
-    /* The playwright capture process which waits for the project to be ready. */
-    EcsImageType["Playwright"] = "playwright";
-    /* A combo image that combines both project and playwright code, used by orchestration. */
-    EcsImageType["Combo"] = "combo";
-})(EcsImageType || (EcsImageType = {}));
-export function getEcsImageNameForType(type) {
-    switch (type) {
-        case EcsImageType.Project:
-            return `${process.env.ECR_REPOSITORY_NAME}-project`;
-        case EcsImageType.Playwright:
-            return `${process.env.ECR_REPOSITORY_NAME}-playwright`;
-        case EcsImageType.Combo:
-            return `${process.env.ECR_REPOSITORY_NAME}-combo`;
-        default:
-            throw new Error(`Unknown image type: ${type}`);
-    }
+/** Returns the name of the unified Docker image used for all ECS tasks. */
+export function getEcsImageName() {
+    return `${process.env.ECR_REPOSITORY_NAME}-combo`;
 }
 //# sourceMappingURL=ecsTaskFactory.js.map

package/packages/aws/src/lib/ecs/ecsTaskFactory.js.map

@@ -1 +1 @@
-{"version":3,"file":"ecsTaskFactory.js","sourceRoot":"","sources":["../../../../../../../packages/aws/src/lib/ecs/ecsTaskFactory.ts"],"names":[],"mappings":"AAMA;;;GAGG;AACH,MAAM,UAAU,uCAAuC,CACrD,2BAAmD,EACnD,8BAAsD;IAEtD,OAAO;QACL,cAAc,EAAE,wBAAwB,CACtC,oBAAoB,CAAC,kBAAkB,CACxC;QACD,6BAA6B,EAAE;YAC7B;gBACE,sBAAsB,CAAC,YAAY,CAAC,OAAO,CAAC;gBAC5C,2BAA2B;aAC5B;YACD;gBACE,sBAAsB,CAAC,YAAY,CAAC,UAAU,CAAC;gBAC/C,8BAA8B;aAC/B;SACF;KACF,CAAC;AACJ,CAAC;AAED;;;GAGG;AACH,MAAM,UAAU,4CAA4C,CAC1D,oBAA4C;IAE5C,OAAO;QACL,cAAc,EAAE,wBAAwB,CACtC,oBAAoB,CAAC,wBAAwB,CAC9C;QACD,6BAA6B,EAAE;YAC7B,CAAC,sBAAsB,CAAC,YAAY,CAAC,OAAO,CAAC,EAAE,oBAAoB,CAAC;SACrE;KACF,CAAC;AACJ,CAAC;AAED;;;;GAIG;AACH,MAAM,UAAU,qCAAqC,CACnD,oBAA4C;IAE5C,OAAO;QACL,cAAc,EAAE,wBAAwB,CACtC,oBAAoB,CAAC,iBAAiB,CACvC;QACD,6BAA6B,EAAE;YAC7B,CAAC,sBAAsB,CAAC,YAAY,CAAC,KAAK,CAAC,EAAE,oBAAoB,CAAC;SACnE;KACF,CAAC;AACJ,CAAC;AAED,MAAM,CAAN,IAAY,oBAOX;AAPD,WAAY,oBAAoB;IAC9B,uFAAuF;IACvF,mEAA2C,CAAA;IAC3C,wFAAwF;IACxF,+EAAuD,CAAA;IACvD,6FAA6F;IAC7F,gEAAwC,CAAA;AAC1C,CAAC,EAPW,oBAAoB,KAApB,oBAAoB,QAO/B;AAED,MAAM,UAAU,wBAAwB,CAAC,MAA4B;IACnE,QAAQ,MAAM,EAAE,CAAC;QACf,KAAK,oBAAoB,CAAC,kBAAkB;YAC1C,OAAO,GAAG,OAAO,CAAC,GAAG,CAAC,mBAAmB,yBAAyB,CAAC;QACrE,KAAK,oBAAoB,CAAC,wBAAwB;YAChD,OAAO,GAAG,OAAO,CAAC,GAAG,CAAC,mBAAmB,UAAU,CAAC;QACtD,KAAK,oBAAoB,CAAC,iBAAiB;YACzC,OAAO,GAAG,OAAO,CAAC,GAAG,CAAC,mBAAmB,QAAQ,CAAC;QACpD;YACE,MAAM,IAAI,KAAK,CAAC,gCAAgC,MAAM,EAAE,CAAC,CAAC;IAC9D,CAAC;AACH,CAAC;AAED,MAAM,CAAN,IAAY,YAOX;AAPD,WAAY,YAAY;IACtB,wDAAwD;IACxD,mCAAmB,CAAA;IACnB,6EAA6E;IAC7E,yCAAyB,CAAA;IACzB,0FAA0F;IAC1F,+BAAe,CAAA;AACjB,CAAC,EAPW,YAAY,KAAZ,YAAY,QAOvB;AAED,MAAM,UAAU,sBAAsB,CAAC,IAAkB;IACvD,QAAQ,IAAI,EAAE,CAAC;QACb,KAAK,YAAY,CAAC,OAAO;YACvB,OAAO,GAAG,OAAO,CAAC,GAAG,CAAC,mBAAmB,UAAU,CAAC;QACtD,KAAK,YAAY,CAAC,UAAU;YAC1B,OAAO,GAAG,OAAO,CAAC,GAAG,CAAC,mBAAmB,aAAa,CAAC;QACzD,KAAK,YAAY,CAAC,KAAK;YACrB,OAAO,GAAG,OAAO,CAAC,GAAG,CAAC,mBAAmB,QAAQ,CAAC;QACpD;YACE,MAAM,IAAI,KAAK,CAAC,uBAAuB,IAAI,EAAE,CAAC,CAAC;IACnD,CAAC;AACH,CAAC"}
+{"version":3,"file":"ecsTaskFactory.js","sourceRoot":"","sources":["../../../../../../../packages/aws/src/lib/ecs/ecsTaskFactory.ts"],"names":[],"mappings":"AAMA;;;GAGG;AACH,MAAM,UAAU,4BAA4B,CAC1C,oBAA4C;IAE5C,OAAO;QACL,cAAc,EAAE,wBAAwB,CAAC,oBAAoB,CAAC,QAAQ,CAAC;QACvE,6BAA6B,EAAE,CAAC,CAAC,eAAe,EAAE,EAAE,oBAAoB,CAAC,CAAC;KAC3E,CAAC;AACJ,CAAC;AAED;;;;GAIG;AACH,MAAM,UAAU,qCAAqC,CACnD,oBAA4C;IAE5C,OAAO;QACL,cAAc,EAAE,wBAAwB,CACtC,oBAAoB,CAAC,iBAAiB,CACvC;QACD,6BAA6B,EAAE,CAAC,CAAC,eAAe,EAAE,EAAE,oBAAoB,CAAC,CAAC;KAC3E,CAAC;AACJ,CAAC;AAED,MAAM,CAAN,IAAY,oBAKX;AALD,WAAY,oBAAoB;IAC9B,wFAAwF;IACxF,6CAAqB,CAAA;IACrB,mEAAmE;IACnE,gEAAwC,CAAA;AAC1C,CAAC,EALW,oBAAoB,KAApB,oBAAoB,QAK/B;AAED,MAAM,UAAU,wBAAwB,CAAC,MAA4B;IACnE,QAAQ,MAAM,EAAE,CAAC;QACf,KAAK,oBAAoB,CAAC,QAAQ;YAChC,OAAO,GAAG,OAAO,CAAC,GAAG,CAAC,mBAAmB,WAAW,CAAC;QACvD,KAAK,oBAAoB,CAAC,iBAAiB;YACzC,OAAO,GAAG,OAAO,CAAC,GAAG,CAAC,mBAAmB,gBAAgB,CAAC;QAC5D;YACE,MAAM,IAAI,KAAK,CAAC,gCAAgC,MAAM,EAAE,CAAC,CAAC;IAC9D,CAAC;AACH,CAAC;AAED,2EAA2E;AAC3E,MAAM,UAAU,eAAe;IAC7B,OAAO,GAAG,OAAO,CAAC,GAAG,CAAC,mBAAmB,QAAQ,CAAC;AACpD,CAAC"}

package/packages/database/src/lib/kysely/db.js

@@ -13,7 +13,7 @@ import { createBackgroundJobsTable, } from "./tables/backgroundJobsTable.js";
 import { createBranchesTable } from "./tables/branchesTable.js";
 import { createCommitBranchesTable, } from "./tables/commitBranchesTable.js";
 import { createCommitsTable } from "./tables/commitsTable.js";
-import { createDebugReportsTable, } from "./tables/debugReportsTable.js";
+import { createDebugBundlesTable, } from "./tables/debugReportsTable.js";
 import { createEntitiesTable } from "./tables/entitiesTable.js";
 import { createEntityBranchesTable, } from "./tables/entityBranchesTable.js";
 import { createEntityStatementsTable, } from "./tables/entityStatementsTable.js";
@@ -274,7 +274,7 @@ export async function createSqliteSchema(db) {
     await createBranchesTable(db);
     await createCommitBranchesTable(db);
     await createCommitsTable(db);
-    await createDebugReportsTable(db);
+    await createDebugBundlesTable(db);
     await createEntitiesTable(db);
     await createEntityBranchesTable(db);
     await createEntityStatementsTable(db);

package/packages/database/src/lib/kysely/tables/debugReportsTable.js

@@ -1,5 +1,6 @@
 import { schemaField, defaultNow } from "../schemaHelpers.js";
-const debugReportsSchema = {
+// Table name remains 'debug_reports' in the database for backwards compatibility
+const debugBundlesSchema = {
     id: schemaField(),
     project_slug: schemaField(),
     s3_key: schemaField(),
@@ -8,9 +9,12 @@ const debugReportsSchema = {
     status: schemaField(),
     created_at: schemaField(),
     uploaded_at: schemaField(),
+    base_sha: schemaField(),
+    delta_size_bytes: schemaField(),
 };
-export const DebugReportsTableColumns = Object.keys(debugReportsSchema);
-export async function createDebugReportsTable(db) {
+export const DebugBundlesTableColumns = Object.keys(debugBundlesSchema);
+export async function createDebugBundlesTable(db) {
+    // Table name remains 'debug_reports' for backwards compatibility
     await db.schema
         .createTable('debug_reports')
         .addColumn('id', 'uuid', (col) => col.primaryKey())
@@ -21,6 +25,8 @@ export async function createDebugReportsTable(db) {
         .addColumn('status', 'varchar')
         .addColumn('created_at', 'datetime', defaultNow(true))
         .addColumn('uploaded_at', 'datetime')
+        .addColumn('base_sha', 'varchar')
+        .addColumn('delta_size_bytes', 'bigint')
         .ifNotExists()
         .execute();
 }

package/packages/database/src/lib/kysely/tables/debugReportsTable.js.map

@@ -1 +1 @@
-{"version":3,"file":"debugReportsTable.js","sourceRoot":"","sources":["../../../../../../../../packages/database/src/lib/kysely/tables/debugReportsTable.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAqB3D,MAAM,kBAAkB,GAAG;IACzB,EAAE,EAAE,WAAW,EAAqB;IACpC,YAAY,EAAE,WAAW,EAAU;IACnC,MAAM,EAAE,WAAW,EAAU;IAC7B,eAAe,EAAE,WAAW,EAAiB;IAC7C,QAAQ,EAAE,WAAW,EAA8C;IACnE,MAAM,EAAE,WAAW,EAAiB;IACpC,UAAU,EAAE,WAAW,EAAqB;IAC5C,WAAW,EAAE,WAAW,EAAiB;CACjC,CAAC;AAMX,MAAM,CAAC,MAAM,wBAAwB,GAAG,MAAM,CAAC,IAAI,CACjD,kBAAkB,CACY,CAAC;AAEjC,MAAM,CAAC,KAAK,UAAU,uBAAuB,CAAC,EAAe;IAC3D,MAAM,EAAE,CAAC,MAAM;SACZ,WAAW,CAAC,eAAe,CAAC;SAC5B,SAAS,CAAC,IAAI,EAAE,MAAM,EAAE,CAAC,GAA4B,EAAE,EAAE,CAAC,GAAG,CAAC,UAAU,EAAE,CAAC;SAC3E,SAAS,CAAC,cAAc,EAAE,SAAS,EAAE,CAAC,GAA4B,EAAE,EAAE,CACrE,GAAG,CAAC,OAAO,EAAE,CACd;SACA,SAAS,CAAC,QAAQ,EAAE,SAAS,EAAE,CAAC,GAA4B,EAAE,EAAE,CAC/D,GAAG,CAAC,OAAO,EAAE,CACd;SACA,SAAS,CAAC,iBAAiB,EAAE,QAAQ,CAAC;SACtC,SAAS,CAAC,UAAU,EAAE,MAAM,CAAC,CAAC,gCAAgC;SAC9D,SAAS,CAAC,QAAQ,EAAE,SAAS,CAAC;SAC9B,SAAS,CAAC,YAAY,EAAE,UAAU,EAAE,UAAU,CAAC,IAAI,CAAC,CAAC;SACrD,SAAS,CAAC,aAAa,EAAE,UAAU,CAAC;SACpC,WAAW,EAAE;SACb,OAAO,EAAE,CAAC;AACf,CAAC"}
+{"version":3,"file":"debugReportsTable.js","sourceRoot":"","sources":["../../../../../../../../packages/database/src/lib/kysely/tables/debugReportsTable.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AA0C3D,iFAAiF;AACjF,MAAM,kBAAkB,GAAG;IACzB,EAAE,EAAE,WAAW,EAAqB;IACpC,YAAY,EAAE,WAAW,EAAU;IACnC,MAAM,EAAE,WAAW,EAAU;IAC7B,eAAe,EAAE,WAAW,EAAiB;IAC7C,QAAQ,EAAE,WAAW,EAA8C;IACnE,MAAM,EAAE,WAAW,EAAiB;IACpC,UAAU,EAAE,WAAW,EAAqB;IAC5C,WAAW,EAAE,WAAW,EAAiB;IACzC,QAAQ,EAAE,WAAW,EAAiB;IACtC,gBAAgB,EAAE,WAAW,EAAiB;CACtC,CAAC;AAMX,MAAM,CAAC,MAAM,wBAAwB,GAAG,MAAM,CAAC,IAAI,CACjD,kBAAkB,CACY,CAAC;AAEjC,MAAM,CAAC,KAAK,UAAU,uBAAuB,CAAC,EAAe;IAC3D,iEAAiE;IACjE,MAAM,EAAE,CAAC,MAAM;SACZ,WAAW,CAAC,eAAe,CAAC;SAC5B,SAAS,CAAC,IAAI,EAAE,MAAM,EAAE,CAAC,GAA4B,EAAE,EAAE,CAAC,GAAG,CAAC,UAAU,EAAE,CAAC;SAC3E,SAAS,CAAC,cAAc,EAAE,SAAS,EAAE,CAAC,GAA4B,EAAE,EAAE,CACrE,GAAG,CAAC,OAAO,EAAE,CACd;SACA,SAAS,CAAC,QAAQ,EAAE,SAAS,EAAE,CAAC,GAA4B,EAAE,EAAE,CAC/D,GAAG,CAAC,OAAO,EAAE,CACd;SACA,SAAS,CAAC,iBAAiB,EAAE,QAAQ,CAAC;SACtC,SAAS,CAAC,UAAU,EAAE,MAAM,CAAC,CAAC,gCAAgC;SAC9D,SAAS,CAAC,QAAQ,EAAE,SAAS,CAAC;SAC9B,SAAS,CAAC,YAAY,EAAE,UAAU,EAAE,UAAU,CAAC,IAAI,CAAC,CAAC;SACrD,SAAS,CAAC,aAAa,EAAE,UAAU,CAAC;SACpC,SAAS,CAAC,UAAU,EAAE,SAAS,CAAC;SAChC,SAAS,CAAC,kBAAkB,EAAE,QAAQ,CAAC;SACvC,WAAW,EAAE;SACb,OAAO,EAAE,CAAC;AACf,CAAC"}

package/packages/database/src/lib/loadReadyToBeCapturedAnalyses.js

@@ -23,11 +23,14 @@ export default async function loadReadyToBeCapturedAnalyses(params) {
             .select(aliasedTableColumns('scenarios', ScenariosTableColumns))
             .whereRef('scenarios.analysis_id', '=', 'analyses.id')).as('scenarios'),
     ])
-        .where(
-    // Use ->> to extract as text for proper comparison (-> returns JSONB which doesn't compare to string)
-    sql ` ${sql.ref('analyses.status')} ->> 'readyToBeCaptured'`, '=', 'true')
+        // Cross-database compatible: use -> (not ->>) for boolean JSON fields
+        // PostgreSQL: jsonb `true` auto-casts to string 'true' for comparison
+        // SQLite: -> returns text 'true' which equals string 'true'
+        // (Note: ->> returns integer 1 in SQLite for booleans, breaking string comparisons)
+        .where(sql `${sql.ref('analyses.status')} -> 'readyToBeCaptured'`, '=', 'true')
         // Exclude entities that are not exported - they cannot be captured because they can't be imported
-        .where(sql `(${sql.ref('entities.metadata')} ->> 'notExported') IS NULL OR (${sql.ref('entities.metadata')} ->> 'notExported') != 'true'`);
+        // Use -> operator for cross-database boolean comparison
+        .where(sql `(${sql.ref('entities.metadata')} -> 'notExported') IS NULL OR (${sql.ref('entities.metadata')} -> 'notExported') != 'true'`);
     if (projectId) {
         query = query.where('analyses.project_id', '=', projectId);
     }

package/packages/database/src/lib/loadReadyToBeCapturedAnalyses.js.map

@@ -1 +1 @@
-{"version":3,"file":"loadReadyToBeCapturedAnalyses.js","sourceRoot":"","sources":["../../../../../../packages/database/src/lib/loadReadyToBeCapturedAnalyses.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"loadReadyToBeCapturedAnalyses.js","sourceRoot":"","sources":["../../../../../../packages/database/src/lib/loadReadyToBeCapturedAnalyses.ts"],"names":[],"mappings":"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"}

package/packages/generate/index.js

@@ -1,6 +1,8 @@
 export { default as getComponentImportStatements } from "./src/lib/getComponentImportStatements.js";
 export { default as componentScenarioPageRemix } from "./src/lib/componentScenarioPage/componentScenarioPageRemix.js";
 export { default as componentScenarioPageNext } from "./src/lib/componentScenarioPage/componentScenarioPageNext.js";
+export { default as generateScenarioServerComponent } from "./src/lib/componentScenarioPage/generateScenarioServerComponent.js";
+export { default as generateScenarioClientWrapper } from "./src/lib/componentScenarioPage/generateScenarioClientWrapper.js";
 export { default as getComponentScenarioPath } from "./src/lib/getComponentScenarioPath.js";
 export { default as libDemoComponent } from "./src/lib/libDemoComponent.js";
 export { default as directExecutionScript } from "./src/lib/directExecutionScript.js";
@@ -9,5 +11,6 @@ export { default as safeFolder } from "./src/lib/safeFolder.js";
 export { default as deepMerge } from "./src/lib/deepMerge.js";
 export { default as simpleRootRemix } from "./src/lib/simpleRootRemix.js";
 export { default as mergeRootRemix } from "./src/lib/mergeRootRemix.js";
+export { default as scenarioComponentForServer } from "./src/lib/scenarioComponentForServer.js";
 export { PLACEHOLDER_IMAGE_SRC } from "./src/lib/constants.js";
 //# sourceMappingURL=index.js.map

package/packages/generate/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../packages/generate/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,4BAA4B,EAAE,MAAM,wCAAwC,CAAC;AACjG,OAAO,EAAE,OAAO,IAAI,0BAA0B,EAAE,MAAM,4DAA4D,CAAC;AACnH,OAAO,EAAE,OAAO,IAAI,yBAAyB,EAAE,MAAM,2DAA2D,CAAC;AACjH,OAAO,EAAE,OAAO,IAAI,wBAAwB,EAAE,MAAM,oCAAoC,CAAC;AACzF,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AACzE,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,iCAAiC,CAAC;AACnF,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,2BAA2B,CAAC;AACvE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,2BAA2B,CAAC;AACvE,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,0BAA0B,CAAC;AACrE,OAAO,EAAE,qBAAqB,EAAE,MAAM,qBAAqB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../packages/generate/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,4BAA4B,EAAE,MAAM,wCAAwC,CAAC;AACjG,OAAO,EAAE,OAAO,IAAI,0BAA0B,EAAE,MAAM,4DAA4D,CAAC;AACnH,OAAO,EAAE,OAAO,IAAI,yBAAyB,EAAE,MAAM,2DAA2D,CAAC;AACjH,OAAO,EAAE,OAAO,IAAI,+BAA+B,EAAE,MAAM,iEAAiE,CAAC;AAC7H,OAAO,EAAE,OAAO,IAAI,6BAA6B,EAAE,MAAM,+DAA+D,CAAC;AACzH,OAAO,EAAE,OAAO,IAAI,wBAAwB,EAAE,MAAM,oCAAoC,CAAC;AACzF,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AACzE,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,iCAAiC,CAAC;AACnF,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,2BAA2B,CAAC;AACvE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,2BAA2B,CAAC;AACvE,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,0BAA0B,CAAC;AACrE,OAAO,EAAE,OAAO,IAAI,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAC7F,OAAO,EAAE,qBAAqB,EAAE,MAAM,qBAAqB,CAAC"}

package/packages/generate/src/lib/componentScenarioPage/componentScenarioPageNext.js

@@ -5,9 +5,24 @@ import escapeQuotes from "../escapeQuotes.js";
 import getIFrameMessageListenerCode from "./getIFrameMessageListenerCode.js";
 import getImageReplacementCode from "./getImageReplacementCode.js";
 import getNextJsErrorClosingCode from "./getNextJsErrorClosingCode.js";
+import generateScenarioServerComponent from "./generateScenarioServerComponent.js";
 const VERSION = '0.5.1';
 export default function componentScenarioPageNext({ file, entity, analysis, currentPath, appPath, scenario, relativeMocksDir, }) {
     const fileName = file.name.split('.')[0];
+    // For async components (Server Components), generate a Server Component page
+    // that uses a separate client wrapper for interactive features
+    if (entity.metadata?.isAsync) {
+        return generateScenarioServerComponent({
+            file,
+            entity,
+            analysis,
+            currentPath,
+            appPath,
+            scenario,
+            relativeMocksDir,
+        });
+    }
+    // For non-async components, use the existing client component approach
     return `/* eslint-disable */
   "use client";
   import {
@@ -37,7 +52,7 @@ ${getComponentImportStatement({
 ${getImageReplacementCode()}
 
 function Scenario({ name, width, height, children }: { name: string, width: string, height: string, children: ReactNode }) {
-  
+
   useEffect(() => {
     if (typeof window === 'undefined') return;
 

package/packages/generate/src/lib/componentScenarioPage/componentScenarioPageNext.js.map

@@ -1 +1 @@
-{"version":3,"file":"componentScenarioPageNext.js","sourceRoot":"","sources":["../../../../../../../packages/generate/src/lib/componentScenarioPage/componentScenarioPageNext.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,2BAA2B,MAAM,gCAAgC,CAAC;AACzE,OAAO,iBAAiB,MAAM,sBAAsB,CAAC;AACrD,OAAO,YAAY,MAAM,iBAAiB,CAAC;AAC3C,OAAO,4BAA4B,MAAM,gCAAgC,CAAC;AAC1E,OAAO,uBAAuB,MAAM,2BAA2B,CAAC;AAChE,OAAO,yBAAyB,MAAM,6BAA6B,CAAC;AAEpE,MAAM,OAAO,GAAG,OAAO,CAAC;AAExB,MAAM,CAAC,OAAO,UAAU,yBAAyB,CAAC,EAChD,IAAI,EACJ,MAAM,EACN,QAAQ,EACR,WAAW,EACX,OAAO,EACP,QAAQ,EACR,gBAAgB,GASjB;IACC,MAAM,QAAQ,GAAG,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;IAEzC,OAAO;;;;;;;;;;;EAWP,QAAQ,CAAC,SAAS,EAAE,MAAM,GAAG,CAAC,IAAI,8BAA8B,gBAAgB,aAAa,YAAY,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI;EAC5H,2BAA2B,CAAC;QAC5B,IAAI;QACJ,MAAM;QACN,QAAQ;QACR,WAAW;QACX,OAAO;QACP,QAAQ;QACR,OAAO,EAAE,IAAI;QACb,WAAW,EACT,MAAM,CAAC,IAAI,KAAK,SAAS;YACzB,CAAC,MAAM,CAAC,QAAQ,CAAC,WAAW,IAAI,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC;YAC7D,MAAM,CAAC,UAAU,KAAK,SAAS;KAClC,CAAC;;;EAGA,uBAAuB,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBAgEH,QAAQ,KAAK,YAAY,CAAC,QAAQ,CAAC,IAAI,CAAC,kBAAkB,OAAO;;;;;;;8DAO3B,QAAQ;;;IAGlE,4BAA4B,CAAC,EAAE,YAAY,EAAE,QAAQ,CAAC,IAAI,EAAE,CAAC;IAC7D,yBAAyB,EAAE;;;;QAIvB,iBAAiB,CAAC,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,YAAY,EAAE,IAAI,EAAE,CAAC;;;EAG3E,CAAC;AACH,CAAC"}
+{"version":3,"file":"componentScenarioPageNext.js","sourceRoot":"","sources":["../../../../../../../packages/generate/src/lib/componentScenarioPage/componentScenarioPageNext.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,2BAA2B,MAAM,gCAAgC,CAAC;AACzE,OAAO,iBAAiB,MAAM,sBAAsB,CAAC;AACrD,OAAO,YAAY,MAAM,iBAAiB,CAAC;AAC3C,OAAO,4BAA4B,MAAM,gCAAgC,CAAC;AAC1E,OAAO,uBAAuB,MAAM,2BAA2B,CAAC;AAChE,OAAO,yBAAyB,MAAM,6BAA6B,CAAC;AACpE,OAAO,+BAA+B,MAAM,mCAAmC,CAAC;AAEhF,MAAM,OAAO,GAAG,OAAO,CAAC;AAExB,MAAM,CAAC,OAAO,UAAU,yBAAyB,CAAC,EAChD,IAAI,EACJ,MAAM,EACN,QAAQ,EACR,WAAW,EACX,OAAO,EACP,QAAQ,EACR,gBAAgB,GASjB;IACC,MAAM,QAAQ,GAAG,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;IAEzC,6EAA6E;IAC7E,+DAA+D;IAC/D,IAAI,MAAM,CAAC,QAAQ,EAAE,OAAO,EAAE,CAAC;QAC7B,OAAO,+BAA+B,CAAC;YACrC,IAAI;YACJ,MAAM;YACN,QAAQ;YACR,WAAW;YACX,OAAO;YACP,QAAQ;YACR,gBAAgB;SACjB,CAAC,CAAC;IACL,CAAC;IAED,uEAAuE;IACvE,OAAO;;;;;;;;;;;EAWP,QAAQ,CAAC,SAAS,EAAE,MAAM,GAAG,CAAC,IAAI,8BAA8B,gBAAgB,aAAa,YAAY,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI;EAC5H,2BAA2B,CAAC;QAC5B,IAAI;QACJ,MAAM;QACN,QAAQ;QACR,WAAW;QACX,OAAO;QACP,QAAQ;QACR,OAAO,EAAE,IAAI;QACb,WAAW,EACT,MAAM,CAAC,IAAI,KAAK,SAAS;YACzB,CAAC,MAAM,CAAC,QAAQ,CAAC,WAAW,IAAI,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC;YAC7D,MAAM,CAAC,UAAU,KAAK,SAAS;KAClC,CAAC;;;EAGA,uBAAuB,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBAgEH,QAAQ,KAAK,YAAY,CAAC,QAAQ,CAAC,IAAI,CAAC,kBAAkB,OAAO;;;;;;;8DAO3B,QAAQ;;;IAGlE,4BAA4B,CAAC,EAAE,YAAY,EAAE,QAAQ,CAAC,IAAI,EAAE,CAAC;IAC7D,yBAAyB,EAAE;;;;QAIvB,iBAAiB,CAAC,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,YAAY,EAAE,IAAI,EAAE,CAAC;;;EAG3E,CAAC;AACH,CAAC"}

package/packages/generate/src/lib/componentScenarioPage/generateScenarioClientWrapper.js

@@ -0,0 +1,189 @@
+import { safeFileName } from "../../../../../packages/utils/index.js";
+import getImageReplacementCode from "./getImageReplacementCode.js";
+import getNextJsErrorClosingCode from "./getNextJsErrorClosingCode.js";
+/**
+ * Generates the ScenarioClientWrapper component code.
+ * This is a Client Component that handles all the interactive features
+ * (iframe messaging, console interception, error closing, etc.)
+ * while allowing the actual page to be a Server Component.
+ */
+export default function generateScenarioClientWrapper(scenario) {
+    const safeScenarioName = safeFileName(scenario.name);
+    return `"use client";
+/* eslint-disable */
+// ScenarioClientWrapper - Client Component for interactive features
+// This wraps Server Components to add client-side interactivity
+
+import {
+  useCallback,
+  useEffect,
+  useState,
+  type ReactNode,
+} from 'react';
+import { scenarios } from "./MockData_${safeScenarioName}.js";
+
+// Inject image interception code at module level
+${getImageReplacementCode()}
+
+interface ScenarioClientWrapperProps {
+  scenarioName: string;
+  fileName: string;
+  version: string;
+  children: ReactNode;
+}
+
+export function ScenarioClientWrapper({
+  scenarioName,
+  fileName,
+  version,
+  children,
+}: ScenarioClientWrapperProps) {
+  const [internalVersion, setInternalVersion] = useState(1);
+  const [searchParams] = useState(() =>
+    typeof window !== 'undefined'
+      ? new URLSearchParams(window.location.search)
+      : new URLSearchParams()
+  );
+  const widthOverride = searchParams.get('width');
+  const heightOverride = searchParams.get('height') || 'auto';
+
+  // Set page metadata
+  useEffect(() => {
+    document.title = \`\${fileName}: \${scenarioName} CodeYam Demo v\${version}\`;
+    let metaDesc = document.querySelector('meta[name="description"]');
+    if (!metaDesc) {
+      metaDesc = document.createElement('meta');
+      metaDesc.setAttribute('name', 'description');
+      document.head.appendChild(metaDesc);
+    }
+    metaDesc.setAttribute('content', \`This is a demo of the \${fileName} component\`);
+  }, [fileName, scenarioName, version]);
+
+  // Message posting helper
+  const respond = useCallback((message: any) => {
+    try {
+      window.parent.postMessage({
+        type: 'codeyam-update',
+        name: scenarioName,
+        message,
+      }, '*');
+    } catch (e) {
+      console.warn('Error posting message to parent', message, e);
+    }
+  }, [scenarioName]);
+
+  // Handle data override messages from parent
+  useEffect(() => {
+    const eventListener = (event: MessageEvent) => {
+      if (event.data.type === 'codeyam-override-data') {
+        const parsedData = JSON.parse(event.data.data);
+        console.log("Override data received");
+        respond("Set override data to " + JSON.stringify(parsedData, null, 2));
+        scenarios().updateData(scenarioName, parsedData);
+        setInternalVersion(prev => prev + 1);
+      }
+    };
+    window.addEventListener('message', eventListener);
+    return () => window.removeEventListener('message', eventListener);
+  }, [respond, scenarioName]);
+
+  // Console interception
+  useEffect(() => {
+    const oldConsoleLog = console.log;
+    console.log = function(...args: any[]) {
+      oldConsoleLog(...args);
+      try {
+        window.parent.postMessage({
+          type: 'codeyam-log',
+          name: scenarioName,
+          data: {
+            log: {
+              name: "console.log",
+              args
+            }
+          }
+        }, '*');
+      } catch (e) {
+        oldConsoleLog('Error posting message to parent', e);
+      }
+    };
+
+    const oldConsoleError = console.error;
+    console.error = function(...args: any[]) {
+      oldConsoleError(...args);
+      window.parent.postMessage({
+        type: 'codeyam-log',
+        name: scenarioName,
+        data: {
+          log: {
+            name: "console.error",
+            args
+          }
+        }
+      }, '*');
+    };
+
+    return () => {
+      console.log = oldConsoleLog;
+      console.error = oldConsoleError;
+    };
+  }, [scenarioName]);
+
+  // Next.js error closing
+  ${getNextJsErrorClosingCode()}
+
+  // Height calculation and resize messaging
+  useEffect(() => {
+    if (typeof window === 'undefined') return;
+
+    const calculateHeight = () => {
+      const bodyHeight = document.body.offsetHeight;
+      const htmlHeight = document.documentElement.offsetHeight;
+      const scrollHeight = Math.max(
+        document.body.scrollHeight,
+        document.documentElement.scrollHeight,
+        document.body.offsetHeight,
+        document.documentElement.offsetHeight,
+        document.body.clientHeight,
+        document.documentElement.clientHeight
+      );
+      return Math.max(100, bodyHeight, htmlHeight, scrollHeight);
+    };
+
+    const calculatedHeight = calculateHeight();
+    parent.postMessage({ type: 'codeyam-resize', name: scenarioName, height: calculatedHeight }, '*');
+
+    const eventListener = (event: MessageEvent) => {
+      if (event.data.name === scenarioName) {
+        if (event.data.type === 'codeyam-respond') {
+          const calculatedHeight = calculateHeight();
+          parent.postMessage({ type: 'codeyam-resize', name: scenarioName, height: calculatedHeight }, '*');
+        }
+      }
+    };
+
+    window.addEventListener('message', eventListener);
+    return () => window.removeEventListener('message', eventListener);
+  }, [scenarioName]);
+
+  const width = widthOverride || 'auto';
+
+  return (
+    <div className='flex flex-col justify-center items-center h-screen' data-version={internalVersion}>
+      <div className='w-full flex items-center justify-center'>
+        <div id='component' style={{
+          minWidth: width !== 'auto' ? \`min(\${width}, 100vw)\` : undefined,
+          height: heightOverride !== 'auto' ? heightOverride : undefined,
+          minHeight: heightOverride !== 'auto' ? heightOverride : undefined,
+          display: 'block',
+          padding: '6px'
+        }}>
+          {children}
+        </div>
+      </div>
+    </div>
+  );
+}
+`;
+}
+//# sourceMappingURL=generateScenarioClientWrapper.js.map

package/packages/generate/src/lib/componentScenarioPage/generateScenarioClientWrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"generateScenarioClientWrapper.js","sourceRoot":"","sources":["../../../../../../../packages/generate/src/lib/componentScenarioPage/generateScenarioClientWrapper.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,uBAAuB,MAAM,2BAA2B,CAAC;AAChE,OAAO,yBAAyB,MAAM,6BAA6B,CAAC;AAEpE;;;;;GAKG;AACH,MAAM,CAAC,OAAO,UAAU,6BAA6B,CACnD,QAAkB;IAElB,MAAM,gBAAgB,GAAG,YAAY,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;IAErD,OAAO;;;;;;;;;;;wCAW+B,gBAAgB;;;EAGtD,uBAAuB,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IA2GvB,yBAAyB,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsD9B,CAAC;AACF,CAAC"}

package/packages/generate/src/lib/componentScenarioPage/generateScenarioServerComponent.js

@@ -0,0 +1,53 @@
+import { safeFileName } from "../../../../../packages/utils/index.js";
+import getComponentImportStatement from "../getComponentImportStatement.js";
+import scenarioComponentForServer from "../scenarioComponentForServer.js";
+const VERSION = '0.5.1';
+/**
+ * Generates a Server Component page for async components (Server Components in Next.js).
+ *
+ * This is needed because:
+ * 1. Async components use await, which only works in Server Components
+ * 2. Client Components ("use client") don't support async/await in the component body
+ * 3. We use Next.js composition pattern: Server Component page renders the async component,
+ *    then wraps it in a Client Component (ScenarioClientWrapper) for interactive features
+ */
+export default function generateScenarioServerComponent({ file, entity, analysis, currentPath, appPath, scenario, relativeMocksDir, }) {
+    const fileName = file.name.split('.')[0];
+    const safeScenarioName = safeFileName(scenario.name);
+    return `/* eslint-disable */
+// Server Component page for async component: ${entity.name}
+// This page does NOT have "use client" - it runs on the server
+import { ScenarioClientWrapper } from "${relativeMocksDir}/ScenarioClientWrapper";
+${analysis.scenarios?.length > 0 ? `import { scenarios } from "${relativeMocksDir}/MockData_${safeScenarioName}";` : ''}
+${getComponentImportStatement({
+        file,
+        entity,
+        analysis,
+        currentPath,
+        appPath,
+        scenario,
+        primary: true,
+        namedExport: entity.name !== 'default' &&
+            (entity.metadata?.notExported || entity.metadata?.namedExport) &&
+            entity.entityType !== 'library',
+    })}
+
+function getScenarioProps({ argumentIndex, propName }: { argumentIndex: number, propName?: string }) {
+  const data = scenarios().data();
+  const argument = data['arguments'][argumentIndex];
+  return propName ? argument[propName] : argument;
+}
+
+export default async function Index() {
+  return (
+    <ScenarioClientWrapper
+      scenarioName="${scenario.name}"
+      fileName="${fileName}"
+      version="${VERSION}"
+    >
+      ${scenarioComponentForServer(entity, analysis, scenario)}
+    </ScenarioClientWrapper>
+  );
+}`;
+}
+//# sourceMappingURL=generateScenarioServerComponent.js.map

package/packages/generate/src/lib/componentScenarioPage/generateScenarioServerComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"generateScenarioServerComponent.js","sourceRoot":"","sources":["../../../../../../../packages/generate/src/lib/componentScenarioPage/generateScenarioServerComponent.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,2BAA2B,MAAM,gCAAgC,CAAC;AACzE,OAAO,0BAA0B,MAAM,+BAA+B,CAAC;AAEvE,MAAM,OAAO,GAAG,OAAO,CAAC;AAExB;;;;;;;;GAQG;AACH,MAAM,CAAC,OAAO,UAAU,+BAA+B,CAAC,EACtD,IAAI,EACJ,MAAM,EACN,QAAQ,EACR,WAAW,EACX,OAAO,EACP,QAAQ,EACR,gBAAgB,GASjB;IACC,MAAM,QAAQ,GAAG,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;IACzC,MAAM,gBAAgB,GAAG,YAAY,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;IAErD,OAAO;gDACuC,MAAM,CAAC,IAAI;;yCAElB,gBAAgB;EACvD,QAAQ,CAAC,SAAS,EAAE,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,8BAA8B,gBAAgB,aAAa,gBAAgB,IAAI,CAAC,CAAC,CAAC,EAAE;EACrH,2BAA2B,CAAC;QAC5B,IAAI;QACJ,MAAM;QACN,QAAQ;QACR,WAAW;QACX,OAAO;QACP,QAAQ;QACR,OAAO,EAAE,IAAI;QACb,WAAW,EACT,MAAM,CAAC,IAAI,KAAK,SAAS;YACzB,CAAC,MAAM,CAAC,QAAQ,EAAE,WAAW,IAAI,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC;YAC9D,MAAM,CAAC,UAAU,KAAK,SAAS;KAClC,CAAC;;;;;;;;;;;sBAWoB,QAAQ,CAAC,IAAI;kBACjB,QAAQ;iBACT,OAAO;;QAEhB,0BAA0B,CAAC,MAAM,EAAE,QAAQ,EAAE,QAAQ,CAAC;;;EAG5D,CAAC;AACH,CAAC"}

package/packages/generate/src/lib/componentScenarioPage/getIFrameMessageListenerCode.js

@@ -1,4 +1,8 @@
 export default function getIFrameMessageListenerCode({ scenarioName, }) {
+    // Escape backslashes first, then single quotes to produce valid JS string literals
+    const escapedScenarioName = scenarioName
+        .replace(/\\/g, '\\\\')
+        .replace(/'/g, "\\'");
     return `const [version, setVersion] = useState(1);
 
   function _getScenarioProps({ argumentIndex, propName }: { argumentIndex: number, propName?: string }) {
@@ -10,7 +14,7 @@ export default function getIFrameMessageListenerCode({ scenarioName, }) {
     try {
       window.parent.postMessage({ 
         type: 'codeyam-update', 
-        name: '${scenarioName}',
+        name: '${escapedScenarioName}',
         message,
       }, '*');
     } catch (e) {
@@ -24,7 +28,7 @@ export default function getIFrameMessageListenerCode({ scenarioName, }) {
         const parsedData = JSON.parse(event.data.data);
         console.log("Override data received");
         respond("Set override data to " + JSON.stringify(parsedData, null, 2));
-        scenarios().updateData('${scenarioName}', parsedData);
+        scenarios().updateData('${escapedScenarioName}', parsedData);
         setVersion(prev => prev + 1);
       }
     }
@@ -40,7 +44,7 @@ export default function getIFrameMessageListenerCode({ scenarioName, }) {
       try {
         window.parent.postMessage({
           type: 'codeyam-log',
-          name: '${scenarioName}',
+          name: '${escapedScenarioName}',
           data: {
             log: {
               name: "console.log",
@@ -58,7 +62,7 @@ export default function getIFrameMessageListenerCode({ scenarioName, }) {
       oldConsoleError(...args);
       window.parent.postMessage({
         type: 'codeyam-log',
-        name: '${scenarioName}',
+        name: '${escapedScenarioName}',
         data: {
           log: {
             name: "console.log",

package/packages/generate/src/lib/componentScenarioPage/getIFrameMessageListenerCode.js.map

@@ -1 +1 @@
-{"version":3,"file":"getIFrameMessageListenerCode.js","sourceRoot":"","sources":["../../../../../../../packages/generate/src/lib/componentScenarioPage/getIFrameMessageListenerCode.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,OAAO,UAAU,4BAA4B,CAAC,EACnD,YAAY,GAGb;IACC,OAAO;;;;;;;;;;;iBAWQ,YAAY;;;;;;;;;;;;;;kCAcK,YAAY;;;;;;;;;;;;;;;;mBAgB3B,YAAY;;;;;;;;;;;;;;;;;;iBAkBd,YAAY;;;;;;;;;;;;;;;CAe5B,CAAC;AACF,CAAC"}
+{"version":3,"file":"getIFrameMessageListenerCode.js","sourceRoot":"","sources":["../../../../../../../packages/generate/src/lib/componentScenarioPage/getIFrameMessageListenerCode.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,OAAO,UAAU,4BAA4B,CAAC,EACnD,YAAY,GAGb;IACC,mFAAmF;IACnF,MAAM,mBAAmB,GAAG,YAAY;SACrC,OAAO,CAAC,KAAK,EAAE,MAAM,CAAC;SACtB,OAAO,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;IAExB,OAAO;;;;;;;;;;;iBAWQ,mBAAmB;;;;;;;;;;;;;;kCAcF,mBAAmB;;;;;;;;;;;;;;;;mBAgBlC,mBAAmB;;;;;;;;;;;;;;;;;;iBAkBrB,mBAAmB;;;;;;;;;;;;;;;CAenC,CAAC;AACF,CAAC"}

package/packages/generate/src/lib/deepMerge.js

@@ -10,6 +10,27 @@ export default function deepMerge(defaultData, changes, seen = new WeakSet()) {
             }
             seen.add(changes);
         }
+        // Handle arrays at the top level - this is critical for nested arrays (tuples)
+        // like [["path", { data }]] which should NOT be converted to objects
+        if (Array.isArray(changes)) {
+            const defaultArray = Array.isArray(defaultData) ? defaultData : [];
+            const result = [];
+            for (let i = 0; i < changes.length; i++) {
+                const item = changes[i];
+                if (item && typeof item === 'object' && !Array.isArray(item)) {
+                    // Merge object items with corresponding default array item
+                    result[i] = deepMerge(defaultArray[i], item, seen);
+                }
+                else if (Array.isArray(item)) {
+                    // Recursively handle nested arrays (tuples)
+                    result[i] = deepMerge(defaultArray[i], item, seen);
+                }
+                else {
+                    result[i] = item;
+                }
+            }
+            return result;
+        }
         const merge = { ...defaultData };
         for (const key in changes) {
             if (changes[key] === null) {
@@ -18,11 +39,16 @@ export default function deepMerge(defaultData, changes, seen = new WeakSet()) {
                 merge[key] = null;
             }
             else if (Array.isArray(changes[key])) {
+                // Get the original default array BEFORE we replace it
+                const defaultArray = Array.isArray(defaultData[key])
+                    ? defaultData[key]
+                    : [];
                 merge[key] = [];
                 for (let i = 0; i < changes[key].length; i++) {
                     const item = changes[key][i];
                     if (typeof item === 'object' && item !== null) {
-                        merge[key][i] = deepMerge(merge?.[key]?.[i], item, seen);
+                        // Merge with corresponding item from default array by index position
+                        merge[key][i] = deepMerge(defaultArray[i], item, seen);
                     }
                     else {
                         merge[key][i] = item;