@codeyam/codeyam-cli 0.1.0-staging.dbc742d → 0.1.0-staging.df25827

package/codeyam-cli/src/utils/__tests__/editorScenarios.test.js

@@ -3,7 +3,7 @@ import os from 'os';
 import path from 'path';
 import Database from 'better-sqlite3';
 import { Kysely, SqliteDialect } from 'kysely';
-import { deduplicateByName, generateScenarioSlug, convertIsoToSqliteTimestamp, determineCaptureUrl, resolvePreviewNavPath, clearEditorState, clearEditorUserPrompt, readDefaultScreenSize, readScreenSizes, resolveScenarioViewport, resolveViewportWithProjectDefault, upsertEditorScenario, cleanupScenarioFiles, readPreservedConfigProperties, validateStepTransition, } from "../editorScenarios.js";
+import { deduplicateByName, generateScenarioSlug, convertIsoToSqliteTimestamp, determineCaptureUrl, resolvePreviewNavPath, clearEditorState, clearEditorUserPrompt, readDefaultScreenSize, readScreenSizes, resolveScenarioViewport, resolveViewportWithProjectDefault, upsertEditorScenario, cleanupScenarioFiles, readPreservedConfigProperties, validateStepTransition, slugifyDimension, isRowInFeatureSession, backfillEntityShaOnScenarios, countScenariosNeedingEntityBackfill, validateEntityLinkageForAppScenario, validateScenarioCategorization, resolveSeedFrom, } from "../editorScenarios.js";
 describe('editorScenarios', () => {
     describe('deduplicateByName', () => {
         it('should keep only the last item for each key', () => {
@@ -497,7 +497,6 @@ describe('editorScenarios', () => {
                 type: null,
                 viewportWidth: 1280,
                 viewportHeight: 720,
-                dimension: null,
             });
             expect(result.isNew).toBe(true);
             expect(result.cleanedUpIds).toEqual([]);
@@ -522,7 +521,6 @@ describe('editorScenarios', () => {
                 type: null,
                 viewportWidth: 1280,
                 viewportHeight: 720,
-                dimension: null,
             });
             // Second registration with same name
             const second = await upsertEditorScenario(db, {
@@ -535,7 +533,6 @@ describe('editorScenarios', () => {
                 type: null,
                 viewportWidth: 800,
                 viewportHeight: 600,
-                dimension: null,
             });
             // Should reuse the same ID
             expect(second.scenarioId).toBe(first.scenarioId);
@@ -576,7 +573,6 @@ describe('editorScenarios', () => {
                 type: null,
                 viewportWidth: 1280,
                 viewportHeight: 720,
-                dimension: null,
             });
             expect(result.isNew).toBe(false);
             // Should return the IDs of cleaned-up duplicates
@@ -600,7 +596,6 @@ describe('editorScenarios', () => {
                 type: null,
                 viewportWidth: 1280,
                 viewportHeight: 720,
-                dimension: null,
             });
             await upsertEditorScenario(db, {
                 projectId,
@@ -612,7 +607,6 @@ describe('editorScenarios', () => {
                 type: null,
                 viewportWidth: 1280,
                 viewportHeight: 720,
-                dimension: null,
             });
             const rows = await db
                 .selectFrom('editor_scenarios')
@@ -631,7 +625,6 @@ describe('editorScenarios', () => {
                 type: 'application',
                 viewportWidth: 1280,
                 viewportHeight: 720,
-                dimension: null,
             });
             const result2 = await upsertEditorScenario(db, {
                 projectId: 'project-b',
@@ -643,7 +636,6 @@ describe('editorScenarios', () => {
                 type: 'application',
                 viewportWidth: 1280,
                 viewportHeight: 720,
-                dimension: null,
             });
             expect(result1.scenarioId).not.toBe(result2.scenarioId);
             expect(result1.isNew).toBe(true);
@@ -797,6 +789,173 @@ describe('editorScenarios', () => {
             expect(preserved).toEqual({});
         });
     });
+    describe('slugifyDimension', () => {
+        it('should lowercase and replace spaces with hyphens', () => {
+            expect(slugifyDimension('Extension Popup')).toBe('extension-popup');
+        });
+        it('should strip non-alphanumeric characters', () => {
+            expect(slugifyDimension('Desktop (Large)')).toBe('desktop-large');
+        });
+        it('should collapse multiple hyphens', () => {
+            expect(slugifyDimension('My -- Screen')).toBe('my-screen');
+        });
+        it('should handle simple names', () => {
+            expect(slugifyDimension('Desktop')).toBe('desktop');
+            expect(slugifyDimension('Mobile')).toBe('mobile');
+        });
+        it('should handle empty string', () => {
+            expect(slugifyDimension('')).toBe('');
+        });
+        it('should trim leading/trailing hyphens', () => {
+            expect(slugifyDimension(' Mobile ')).toBe('mobile');
+        });
+    });
+    describe('upsertEditorScenario with dimensions', () => {
+        let db;
+        let rawDb;
+        const projectId = 'test-project-id';
+        beforeEach(async () => {
+            rawDb = new Database(':memory:');
+            db = new Kysely({ dialect: new SqliteDialect({ database: rawDb }) });
+            await db.schema
+                .createTable('editor_scenarios')
+                .addColumn('id', 'varchar', (col) => col.primaryKey())
+                .addColumn('project_id', 'varchar', (col) => col.notNull())
+                .addColumn('name', 'varchar', (col) => col.notNull())
+                .addColumn('description', 'text')
+                .addColumn('component_name', 'varchar')
+                .addColumn('component_path', 'varchar')
+                .addColumn('url', 'varchar')
+                .addColumn('type', 'varchar')
+                .addColumn('screenshot_path', 'varchar')
+                .addColumn('viewport_width', 'integer')
+                .addColumn('viewport_height', 'integer')
+                .addColumn('dimension', 'varchar')
+                .addColumn('dimensions', 'text')
+                .addColumn('screenshot_paths', 'text')
+                .addColumn('created_at', 'datetime', (col) => col.defaultTo(new Date().toISOString()))
+                .addColumn('updated_at', 'datetime', (col) => col.defaultTo(new Date().toISOString()))
+                .execute();
+        });
+        afterEach(async () => {
+            await db.destroy();
+        });
+        it('should store dimensions as JSON array', async () => {
+            const result = await upsertEditorScenario(db, {
+                projectId,
+                name: 'Home Page',
+                description: null,
+                componentName: null,
+                componentPath: null,
+                url: '/',
+                type: 'application',
+                viewportWidth: 1440,
+                viewportHeight: 900,
+                dimensions: ['Desktop', 'Mobile'],
+                screenshotPaths: null,
+            });
+            const row = await db
+                .selectFrom('editor_scenarios')
+                .selectAll()
+                .where('id', '=', result.scenarioId)
+                .executeTakeFirst();
+            expect(row).toBeDefined();
+            expect(JSON.parse(row.dimensions)).toEqual([
+                'Desktop',
+                'Mobile',
+            ]);
+        });
+        it('should store screenshot_paths as JSON object', async () => {
+            const screenshotPaths = {
+                Desktop: 'screenshots/abc--desktop.png',
+                Mobile: 'screenshots/abc--mobile.png',
+            };
+            const result = await upsertEditorScenario(db, {
+                projectId,
+                name: 'Home Page',
+                description: null,
+                componentName: null,
+                componentPath: null,
+                url: '/',
+                type: 'application',
+                viewportWidth: 1440,
+                viewportHeight: 900,
+                dimensions: ['Desktop', 'Mobile'],
+                screenshotPaths,
+            });
+            const row = await db
+                .selectFrom('editor_scenarios')
+                .selectAll()
+                .where('id', '=', result.scenarioId)
+                .executeTakeFirst();
+            expect(JSON.parse(row.screenshot_paths)).toEqual(screenshotPaths);
+        });
+        it('should update dimensions and screenshot_paths on re-registration', async () => {
+            const first = await upsertEditorScenario(db, {
+                projectId,
+                name: 'Home Page',
+                description: null,
+                componentName: null,
+                componentPath: null,
+                url: '/',
+                type: 'application',
+                viewportWidth: 1440,
+                viewportHeight: 900,
+                dimensions: ['Desktop'],
+                screenshotPaths: { Desktop: 'screenshots/old--desktop.png' },
+            });
+            const second = await upsertEditorScenario(db, {
+                projectId,
+                name: 'Home Page',
+                description: null,
+                componentName: null,
+                componentPath: null,
+                url: '/',
+                type: 'application',
+                viewportWidth: 1440,
+                viewportHeight: 900,
+                dimensions: ['Desktop', 'Mobile'],
+                screenshotPaths: {
+                    Desktop: 'screenshots/new--desktop.png',
+                    Mobile: 'screenshots/new--mobile.png',
+                },
+            });
+            expect(second.scenarioId).toBe(first.scenarioId);
+            const row = await db
+                .selectFrom('editor_scenarios')
+                .selectAll()
+                .where('id', '=', second.scenarioId)
+                .executeTakeFirst();
+            expect(JSON.parse(row.dimensions)).toEqual([
+                'Desktop',
+                'Mobile',
+            ]);
+            expect(JSON.parse(row.screenshot_paths)).toEqual({
+                Desktop: 'screenshots/new--desktop.png',
+                Mobile: 'screenshots/new--mobile.png',
+            });
+        });
+        it('should handle null dimensions gracefully (backward compat)', async () => {
+            const result = await upsertEditorScenario(db, {
+                projectId,
+                name: 'Legacy Scenario',
+                description: null,
+                componentName: null,
+                componentPath: null,
+                url: '/',
+                type: null,
+                viewportWidth: 1280,
+                viewportHeight: 720,
+            });
+            const row = await db
+                .selectFrom('editor_scenarios')
+                .selectAll()
+                .where('id', '=', result.scenarioId)
+                .executeTakeFirst();
+            expect(row.dimensions).toBeNull();
+            expect(row.screenshot_paths).toBeNull();
+        });
+    });
     describe('validateStepTransition', () => {
         it('should allow step 1 with no current state', () => {
             expect(validateStepTransition(1, null)).toBeNull();
@@ -836,6 +995,774 @@ describe('editorScenarios', () => {
             const err = validateStepTransition(13, null);
             expect(err).not.toBeNull();
         });
+        it('should allow advancing from step 13 to step 14', () => {
+            expect(validateStepTransition(14, 13)).toBeNull();
+        });
+        it('should allow advancing from step 14 to step 15', () => {
+            expect(validateStepTransition(15, 14)).toBeNull();
+        });
+        it('should allow advancing from step 15 to step 16', () => {
+            expect(validateStepTransition(16, 15)).toBeNull();
+        });
+        it('should reject skipping from step 13 to step 15', () => {
+            const err = validateStepTransition(15, 13);
+            expect(err).not.toBeNull();
+            expect(err).toContain('step 14');
+        });
+        it('should reject rapid-fire advance when step started < 3s ago', () => {
+            const recentStart = new Date(Date.now() - 1000).toISOString(); // 1s ago
+            const err = validateStepTransition(4, 3, recentStart);
+            expect(err).not.toBeNull();
+            expect(err).toContain('only 1s ago');
+            expect(err).toContain('checklist');
+        });
+        it('should allow advance when step started > 3s ago', () => {
+            const oldStart = new Date(Date.now() - 5000).toISOString(); // 5s ago
+            expect(validateStepTransition(4, 3, oldStart)).toBeNull();
+        });
+        it('should not enforce time guard on step 1 → 2 transition', () => {
+            const recentStart = new Date(Date.now() - 2000).toISOString();
+            // currentStep=1, so guard only applies for currentStep >= 2
+            expect(validateStepTransition(2, 1, recentStart)).toBeNull();
+        });
+        it('should not enforce time guard when re-running the same step', () => {
+            const recentStart = new Date(Date.now() - 2000).toISOString();
+            expect(validateStepTransition(5, 5, recentStart)).toBeNull();
+        });
+    });
+    describe('isRowInFeatureSession', () => {
+        const featureStart = '2026-03-12 14:01:31';
+        it('should include row created after feature start', () => {
+            expect(isRowInFeatureSession({ created_at: '2026-03-12 14:30:00' }, featureStart)).toBe(true);
+        });
+        it('should exclude row created before feature start with no updated_at', () => {
+            expect(isRowInFeatureSession({ created_at: '2026-03-12 13:00:00' }, featureStart)).toBe(false);
+        });
+        it('should include re-registered row with old created_at but recent updated_at', () => {
+            // This is the bug: application-level scenarios from a previous feature
+            // are re-registered, which only updates updated_at. The session filter
+            // must check updated_at too, otherwise these scenarios vanish from results.
+            expect(isRowInFeatureSession({
+                created_at: '2026-03-12 13:28:00',
+                updated_at: '2026-03-12 14:32:00',
+            }, featureStart)).toBe(true);
+        });
+        it('should exclude row with both timestamps before feature start', () => {
+            expect(isRowInFeatureSession({
+                created_at: '2026-03-12 13:00:00',
+                updated_at: '2026-03-12 13:30:00',
+            }, featureStart)).toBe(false);
+        });
+        it('should handle null created_at with recent updated_at', () => {
+            expect(isRowInFeatureSession({ created_at: null, updated_at: '2026-03-12 14:32:00' }, featureStart)).toBe(true);
+        });
+        it('should handle null updated_at with recent created_at', () => {
+            expect(isRowInFeatureSession({ created_at: '2026-03-12 14:30:00', updated_at: null }, featureStart)).toBe(true);
+        });
+    });
+    describe('upsertEditorScenario with entitySha and displayName', () => {
+        let db;
+        let rawDb;
+        const projectId = 'test-project-id';
+        beforeEach(async () => {
+            rawDb = new Database(':memory:');
+            db = new Kysely({ dialect: new SqliteDialect({ database: rawDb }) });
+            await db.schema
+                .createTable('editor_scenarios')
+                .addColumn('id', 'varchar', (col) => col.primaryKey())
+                .addColumn('project_id', 'varchar', (col) => col.notNull())
+                .addColumn('name', 'varchar', (col) => col.notNull())
+                .addColumn('description', 'text')
+                .addColumn('component_name', 'varchar')
+                .addColumn('component_path', 'varchar')
+                .addColumn('url', 'varchar')
+                .addColumn('type', 'varchar')
+                .addColumn('screenshot_path', 'varchar')
+                .addColumn('viewport_width', 'integer')
+                .addColumn('viewport_height', 'integer')
+                .addColumn('dimension', 'varchar')
+                .addColumn('dimensions', 'text')
+                .addColumn('screenshot_paths', 'text')
+                .addColumn('page_file_path', 'varchar')
+                .addColumn('entity_sha', 'varchar')
+                .addColumn('display_name', 'varchar')
+                .addColumn('created_at', 'datetime', (col) => col.defaultTo(new Date().toISOString()))
+                .addColumn('updated_at', 'datetime', (col) => col.defaultTo(new Date().toISOString()))
+                .execute();
+        });
+        afterEach(async () => {
+            await db.destroy();
+        });
+        it('should store entitySha and displayName on insert', async () => {
+            const result = await upsertEditorScenario(db, {
+                projectId,
+                name: 'Home - Default',
+                description: null,
+                componentName: null,
+                componentPath: null,
+                url: '/',
+                type: 'application',
+                viewportWidth: 400,
+                viewportHeight: 600,
+                entitySha: 'abc123',
+                displayName: 'Home',
+            });
+            expect(result.isNew).toBe(true);
+            const row = rawDb
+                .prepare('SELECT entity_sha, display_name FROM editor_scenarios WHERE id = ?')
+                .get(result.scenarioId);
+            expect(row.entity_sha).toBe('abc123');
+            expect(row.display_name).toBe('Home');
+        });
+        it('should update entitySha and displayName on upsert', async () => {
+            // Insert first
+            await upsertEditorScenario(db, {
+                projectId,
+                name: 'Home - Default',
+                description: null,
+                componentName: null,
+                componentPath: null,
+                url: '/',
+                type: 'application',
+                viewportWidth: 400,
+                viewportHeight: 600,
+                entitySha: 'old-sha',
+                displayName: 'OldName',
+            });
+            // Upsert with new values
+            const result = await upsertEditorScenario(db, {
+                projectId,
+                name: 'Home - Default',
+                description: null,
+                componentName: null,
+                componentPath: null,
+                url: '/',
+                type: 'application',
+                viewportWidth: 400,
+                viewportHeight: 600,
+                entitySha: 'new-sha',
+                displayName: 'Home',
+            });
+            expect(result.isNew).toBe(false);
+            const row = rawDb
+                .prepare('SELECT entity_sha, display_name FROM editor_scenarios WHERE id = ?')
+                .get(result.scenarioId);
+            expect(row.entity_sha).toBe('new-sha');
+            expect(row.display_name).toBe('Home');
+        });
+        it('should not overwrite entitySha when not provided', async () => {
+            // Insert with SHA
+            const first = await upsertEditorScenario(db, {
+                projectId,
+                name: 'Home - Default',
+                description: null,
+                componentName: null,
+                componentPath: null,
+                url: '/',
+                type: 'application',
+                viewportWidth: 400,
+                viewportHeight: 600,
+                entitySha: 'keep-this',
+                displayName: 'Home',
+            });
+            // Upsert without entitySha/displayName
+            await upsertEditorScenario(db, {
+                projectId,
+                name: 'Home - Default',
+                description: 'updated',
+                componentName: null,
+                componentPath: null,
+                url: '/',
+                type: 'application',
+                viewportWidth: 400,
+                viewportHeight: 600,
+            });
+            const row = rawDb
+                .prepare('SELECT entity_sha, display_name FROM editor_scenarios WHERE id = ?')
+                .get(first.scenarioId);
+            expect(row.entity_sha).toBe('keep-this');
+            expect(row.display_name).toBe('Home');
+        });
+    });
+    describe('backfillEntityShaOnScenarios', () => {
+        let db;
+        let rawDb;
+        const projectId = 'test-project-id';
+        beforeEach(async () => {
+            rawDb = new Database(':memory:');
+            db = new Kysely({ dialect: new SqliteDialect({ database: rawDb }) });
+            await db.schema
+                .createTable('editor_scenarios')
+                .addColumn('id', 'varchar', (col) => col.primaryKey())
+                .addColumn('project_id', 'varchar', (col) => col.notNull())
+                .addColumn('name', 'varchar', (col) => col.notNull())
+                .addColumn('description', 'text')
+                .addColumn('component_name', 'varchar')
+                .addColumn('component_path', 'varchar')
+                .addColumn('url', 'varchar')
+                .addColumn('type', 'varchar')
+                .addColumn('screenshot_path', 'varchar')
+                .addColumn('viewport_width', 'integer')
+                .addColumn('viewport_height', 'integer')
+                .addColumn('dimension', 'varchar')
+                .addColumn('dimensions', 'text')
+                .addColumn('screenshot_paths', 'text')
+                .addColumn('page_file_path', 'varchar')
+                .addColumn('entity_sha', 'varchar')
+                .addColumn('display_name', 'varchar')
+                .addColumn('created_at', 'datetime', (col) => col.defaultTo(new Date().toISOString()))
+                .addColumn('updated_at', 'datetime', (col) => col.defaultTo(new Date().toISOString()))
+                .execute();
+        });
+        afterEach(async () => {
+            await db.destroy();
+        });
+        it('should backfill component scenario by component_path match', async () => {
+            // Insert a scenario with null entity_sha but with component_path
+            rawDb
+                .prepare(`INSERT INTO editor_scenarios (id, project_id, name, component_name, component_path, url, type, viewport_width, viewport_height)
+           VALUES (?, ?, ?, ?, ?, ?, ?, ?, ?)`)
+                .run('sc-1', projectId, 'Header - Default', 'Header', 'src/components/Header.tsx', '/isolated-components/Header', 'component', 1280, 720);
+            const result = await backfillEntityShaOnScenarios(db, [
+                {
+                    sha: 'entity-sha-1',
+                    name: 'Header',
+                    filePath: 'src/components/Header.tsx',
+                },
+            ]);
+            expect(result.updated).toBe(1);
+            const row = rawDb
+                .prepare('SELECT entity_sha, display_name FROM editor_scenarios WHERE id = ?')
+                .get('sc-1');
+            expect(row.entity_sha).toBe('entity-sha-1');
+            expect(row.display_name).toBe('Header');
+        });
+        it('should backfill page scenario by page_file_path match and derive display_name from route', async () => {
+            // Insert a scenario with null entity_sha but with page_file_path
+            rawDb
+                .prepare(`INSERT INTO editor_scenarios (id, project_id, name, page_file_path, url, type, viewport_width, viewport_height)
+           VALUES (?, ?, ?, ?, ?, ?, ?, ?)`)
+                .run('sc-2', projectId, 'Feedback - Default', 'app/feedback/page.tsx', '/feedback', 'application', 1280, 720);
+            const result = await backfillEntityShaOnScenarios(db, [
+                {
+                    sha: 'entity-sha-2',
+                    name: 'Feedback',
+                    filePath: 'app/feedback/page.tsx',
+                },
+            ]);
+            expect(result.updated).toBe(1);
+            const row = rawDb
+                .prepare('SELECT entity_sha, display_name FROM editor_scenarios WHERE id = ?')
+                .get('sc-2');
+            expect(row.entity_sha).toBe('entity-sha-2');
+            // display_name derived from page_file_path via routeDisplayName(buildRoutePattern())
+            expect(row.display_name).toBe('Feedback');
+        });
+        it('should update scenarios with stale entity_sha to latest', async () => {
+            // Margo bug: entity code changes create new versions with new SHAs,
+            // but scenarios still point to the old SHA. Since journals preserve
+            // screenshots and everything is in git, we always want scenarios
+            // pointing to the latest entity version.
+            rawDb
+                .prepare(`INSERT INTO editor_scenarios (id, project_id, name, component_name, component_path, url, type, viewport_width, viewport_height, entity_sha, display_name)
+           VALUES (?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?)`)
+                .run('sc-3', projectId, 'Header - Dark', 'Header', 'src/components/Header.tsx', '/isolated-components/Header', 'component', 1280, 720, 'old-sha', 'Header');
+            const result = await backfillEntityShaOnScenarios(db, [
+                {
+                    sha: 'latest-sha',
+                    name: 'Header',
+                    filePath: 'src/components/Header.tsx',
+                },
+            ]);
+            expect(result.updated).toBe(1);
+            const row = rawDb
+                .prepare('SELECT entity_sha FROM editor_scenarios WHERE id = ?')
+                .get('sc-3');
+            expect(row.entity_sha).toBe('latest-sha');
+        });
+        it('should not update scenarios already pointing to the latest SHA', async () => {
+            rawDb
+                .prepare(`INSERT INTO editor_scenarios (id, project_id, name, component_name, component_path, url, type, viewport_width, viewport_height, entity_sha, display_name)
+           VALUES (?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?)`)
+                .run('sc-3b', projectId, 'Header - Dark', 'Header', 'src/components/Header.tsx', '/isolated-components/Header', 'component', 1280, 720, 'current-sha', 'Header');
+            const result = await backfillEntityShaOnScenarios(db, [
+                {
+                    sha: 'current-sha',
+                    name: 'Header',
+                    filePath: 'src/components/Header.tsx',
+                },
+            ]);
+            expect(result.updated).toBe(0);
+        });
+        it('should skip scenarios with no matching entity', async () => {
+            rawDb
+                .prepare(`INSERT INTO editor_scenarios (id, project_id, name, component_name, component_path, url, type, viewport_width, viewport_height)
+           VALUES (?, ?, ?, ?, ?, ?, ?, ?, ?)`)
+                .run('sc-4', projectId, 'Footer - Default', 'Footer', 'src/components/Footer.tsx', '/isolated-components/Footer', 'component', 1280, 720);
+            // Entities list doesn't include Footer.tsx
+            const result = await backfillEntityShaOnScenarios(db, [
+                {
+                    sha: 'entity-sha-1',
+                    name: 'Header',
+                    filePath: 'src/components/Header.tsx',
+                },
+            ]);
+            expect(result.updated).toBe(0);
+            const row = rawDb
+                .prepare('SELECT entity_sha FROM editor_scenarios WHERE id = ?')
+                .get('sc-4');
+            expect(row.entity_sha).toBeNull();
+        });
+        it('should match component scenarios by name+path, not just path (multi-entity files)', async () => {
+            // A single file can export multiple components (e.g., FullPageLibrary.tsx
+            // exports FullPageLibrary, FullPageEmptyState, FullPageArticleCard).
+            // Each component scenario should get the SHA for its specific entity,
+            // not whichever entity happens to be last in the map.
+            rawDb
+                .prepare(`INSERT INTO editor_scenarios (id, project_id, name, component_name, component_path, url, type, viewport_width, viewport_height, entity_sha)
+           VALUES (?, ?, ?, ?, ?, ?, ?, ?, ?, ?)`)
+                .run('sc-fplib', projectId, 'FullPageLibrary - Default', 'FullPageLibrary', 'src/library/FullPageLibrary.tsx', '/isolated-components/FullPageLibrary', 'component', 1280, 720, 'old-fplib-sha');
+            rawDb
+                .prepare(`INSERT INTO editor_scenarios (id, project_id, name, component_name, component_path, url, type, viewport_width, viewport_height, entity_sha)
+           VALUES (?, ?, ?, ?, ?, ?, ?, ?, ?, ?)`)
+                .run('sc-fpempty', projectId, 'FullPageEmptyState - Default', 'FullPageEmptyState', 'src/library/FullPageLibrary.tsx', '/isolated-components/FullPageEmptyState', 'component', 1280, 720, 'old-fpempty-sha');
+            const result = await backfillEntityShaOnScenarios(db, [
+                {
+                    sha: 'new-fplib-sha',
+                    name: 'FullPageLibrary',
+                    filePath: 'src/library/FullPageLibrary.tsx',
+                },
+                {
+                    sha: 'new-fpempty-sha',
+                    name: 'FullPageEmptyState',
+                    filePath: 'src/library/FullPageLibrary.tsx',
+                },
+            ]);
+            expect(result.updated).toBe(2);
+            const fplib = rawDb
+                .prepare('SELECT entity_sha FROM editor_scenarios WHERE id = ?')
+                .get('sc-fplib');
+            expect(fplib.entity_sha).toBe('new-fplib-sha');
+            const fpempty = rawDb
+                .prepare('SELECT entity_sha FROM editor_scenarios WHERE id = ?')
+                .get('sc-fpempty');
+            expect(fpempty.entity_sha).toBe('new-fpempty-sha');
+        });
+        it('should prefer default export entity for page scenarios when file has multiple entities', async () => {
+            // Bug: src/popup/App.tsx has multiple entities (App visual, getInitialView library,
+            // View type). Page scenarios should link to the default export (App), not whichever
+            // entity happens to come first in the array.
+            rawDb
+                .prepare(`INSERT INTO editor_scenarios (id, project_id, name, page_file_path, url, type, viewport_width, viewport_height)
+           VALUES (?, ?, ?, ?, ?, ?, ?, ?)`)
+                .run('sc-page-1', projectId, 'Save View - First Time User', 'src/popup/App.tsx', '/', 'application', 400, 600);
+            // Pass multiple entities for the same file — default export should win
+            // regardless of order. Here the default export (App) appears first but
+            // gets overwritten by later non-default entities in the naive set() impl.
+            const result = await backfillEntityShaOnScenarios(db, [
+                {
+                    sha: 'app-sha',
+                    name: 'App',
+                    filePath: 'src/popup/App.tsx',
+                    isDefaultExport: true,
+                },
+                {
+                    sha: 'get-initial-view-sha',
+                    name: 'getInitialView',
+                    filePath: 'src/popup/App.tsx',
+                    isDefaultExport: false,
+                },
+                {
+                    sha: 'view-type-sha',
+                    name: 'View',
+                    filePath: 'src/popup/App.tsx',
+                    isDefaultExport: false,
+                },
+            ]);
+            expect(result.updated).toBe(1);
+            const row = rawDb
+                .prepare('SELECT entity_sha FROM editor_scenarios WHERE id = ?')
+                .get('sc-page-1');
+            expect(row.entity_sha).toBe('app-sha');
+        });
+        it('should update page scenario to latest entity version when multiple versions exist', async () => {
+            // Real-world bug: App.tsx entity gets versioned (code changes create new SHAs).
+            // The scenario points to the oldest version's SHA. When sync receives all 3
+            // versions of the same default-export entity, it should update the scenario
+            // to the LATEST version, not keep it stuck on the oldest.
+            rawDb
+                .prepare(`INSERT INTO editor_scenarios (id, project_id, name, page_file_path, url, type, viewport_width, viewport_height, entity_sha, display_name)
+           VALUES (?, ?, ?, ?, ?, ?, ?, ?, ?, ?)`)
+                .run('sc-home', projectId, 'Welcome Screen — First Install', 'src/popup/App.tsx', '/', 'application', 400, 600, 'version-1-sha', // stale — points to oldest version
+            'Home');
+            // Pass all 3 versions — all default exports for the same file.
+            // The sync should pick the LAST one (latest) since callers pass
+            // entities in creation order.
+            const result = await backfillEntityShaOnScenarios(db, [
+                {
+                    sha: 'version-1-sha',
+                    name: 'App',
+                    filePath: 'src/popup/App.tsx',
+                    isDefaultExport: true,
+                },
+                {
+                    sha: 'version-2-sha',
+                    name: 'App',
+                    filePath: 'src/popup/App.tsx',
+                    isDefaultExport: true,
+                },
+                {
+                    sha: 'version-3-sha',
+                    name: 'App',
+                    filePath: 'src/popup/App.tsx',
+                    isDefaultExport: true,
+                },
+            ]);
+            expect(result.updated).toBe(1);
+            const row = rawDb
+                .prepare('SELECT entity_sha FROM editor_scenarios WHERE id = ?')
+                .get('sc-home');
+            expect(row.entity_sha).toBe('version-3-sha');
+        });
+    });
+    describe('countScenariosNeedingEntityBackfill', () => {
+        let db;
+        let rawDb;
+        const projectId = 'test-project-id';
+        beforeEach(async () => {
+            rawDb = new Database(':memory:');
+            db = new Kysely({ dialect: new SqliteDialect({ database: rawDb }) });
+            await db.schema
+                .createTable('editor_scenarios')
+                .addColumn('id', 'varchar', (col) => col.primaryKey())
+                .addColumn('project_id', 'varchar', (col) => col.notNull())
+                .addColumn('name', 'varchar', (col) => col.notNull())
+                .addColumn('description', 'text')
+                .addColumn('component_name', 'varchar')
+                .addColumn('component_path', 'varchar')
+                .addColumn('url', 'varchar')
+                .addColumn('type', 'varchar')
+                .addColumn('screenshot_path', 'varchar')
+                .addColumn('viewport_width', 'integer')
+                .addColumn('viewport_height', 'integer')
+                .addColumn('dimension', 'varchar')
+                .addColumn('dimensions', 'text')
+                .addColumn('screenshot_paths', 'text')
+                .addColumn('page_file_path', 'varchar')
+                .addColumn('entity_sha', 'varchar')
+                .addColumn('display_name', 'varchar')
+                .addColumn('created_at', 'datetime', (col) => col.defaultTo(new Date().toISOString()))
+                .addColumn('updated_at', 'datetime', (col) => col.defaultTo(new Date().toISOString()))
+                .execute();
+        });
+        afterEach(async () => {
+            await db.destroy();
+        });
+        it('should NOT count scenarios that already have entity_sha', async () => {
+            rawDb
+                .prepare(`INSERT INTO editor_scenarios (id, project_id, name, component_name, component_path, url, type, viewport_width, viewport_height, entity_sha)
+           VALUES (?, ?, ?, ?, ?, ?, ?, ?, ?, ?)`)
+                .run('sc-1', projectId, 'Header - Default', 'Header', 'src/components/Header.tsx', '/isolated-components/Header', 'component', 1280, 720, 'existing-sha');
+            const count = await countScenariosNeedingEntityBackfill(db);
+            expect(count).toBe(0);
+        });
+        it('should count scenarios with null entity_sha and page_file_path', async () => {
+            rawDb
+                .prepare(`INSERT INTO editor_scenarios (id, project_id, name, page_file_path, url, type, viewport_width, viewport_height)
+           VALUES (?, ?, ?, ?, ?, ?, ?, ?)`)
+                .run('sc-2', projectId, 'Home - Default', 'app/page.tsx', '/', 'application', 1280, 720);
+            const count = await countScenariosNeedingEntityBackfill(db);
+            expect(count).toBe(1);
+        });
+        it('should count scenarios with null entity_sha and component_path', async () => {
+            rawDb
+                .prepare(`INSERT INTO editor_scenarios (id, project_id, name, component_name, component_path, url, type, viewport_width, viewport_height)
+           VALUES (?, ?, ?, ?, ?, ?, ?, ?, ?)`)
+                .run('sc-3', projectId, 'Footer - Default', 'Footer', 'src/components/Footer.tsx', '/isolated-components/Footer', 'component', 1280, 720);
+            const count = await countScenariosNeedingEntityBackfill(db);
+            expect(count).toBe(1);
+        });
+        it('should NOT count scenarios with null entity_sha and no file paths', async () => {
+            rawDb
+                .prepare(`INSERT INTO editor_scenarios (id, project_id, name, url, type, viewport_width, viewport_height)
+           VALUES (?, ?, ?, ?, ?, ?, ?)`)
+                .run('sc-4', projectId, 'No File Path', '/', 'application', 1280, 720);
+            const count = await countScenariosNeedingEntityBackfill(db);
+            expect(count).toBe(0);
+        });
+    });
+    describe('validateEntityLinkageForAppScenario', () => {
+        let tmpDir;
+        let glossaryPath;
+        beforeEach(() => {
+            tmpDir = fs.mkdtempSync(path.join(os.tmpdir(), 'entity-linkage-'));
+            const codeyamDir = path.join(tmpDir, '.codeyam');
+            fs.mkdirSync(codeyamDir, { recursive: true });
+            glossaryPath = path.join(codeyamDir, 'glossary.json');
+        });
+        afterEach(() => {
+            fs.rmSync(tmpDir, { recursive: true, force: true });
+        });
+        it('should return error when file is not in glossary', () => {
+            // Write a glossary that does NOT include the target file
+            fs.writeFileSync(glossaryPath, JSON.stringify([
+                { name: 'Header', filePath: 'src/components/Header.tsx' },
+            ]));
+            const result = validateEntityLinkageForAppScenario({
+                lookupFilePath: 'src/App.tsx',
+                scenarioType: 'application',
+                projectRoot: tmpDir,
+            });
+            expect(result.valid).toBe(false);
+            expect(result.error).toContain('No glossary entry found');
+            expect(result.error).toContain('src/App.tsx');
+        });
+        it('should return needsAnalysis when file IS in glossary but no entity exists', () => {
+            // Write a glossary that includes the target file
+            fs.writeFileSync(glossaryPath, JSON.stringify([
+                { name: 'App', filePath: 'src/App.tsx', description: 'Main app' },
+            ]));
+            const result = validateEntityLinkageForAppScenario({
+                lookupFilePath: 'src/App.tsx',
+                scenarioType: 'application',
+                projectRoot: tmpDir,
+            });
+            expect(result.valid).toBe(true);
+            expect(result.needsAnalysis).toBe(true);
+        });
+        it('should skip validation for component-type scenarios', () => {
+            // No glossary file exists at all
+            const result = validateEntityLinkageForAppScenario({
+                lookupFilePath: 'src/components/Header.tsx',
+                scenarioType: 'component',
+                projectRoot: tmpDir,
+            });
+            expect(result.valid).toBe(true);
+            expect(result.needsAnalysis).toBeUndefined();
+        });
+        it('should skip validation when lookupFilePath is null', () => {
+            const result = validateEntityLinkageForAppScenario({
+                lookupFilePath: null,
+                scenarioType: 'application',
+                projectRoot: tmpDir,
+            });
+            expect(result.valid).toBe(true);
+            expect(result.needsAnalysis).toBeUndefined();
+        });
+        it('should handle glossary wrapped in object format', () => {
+            // LLMs sometimes write glossary as {"components": [...]}
+            fs.writeFileSync(glossaryPath, JSON.stringify({
+                components: [
+                    { name: 'App', filePath: 'src/App.tsx', description: 'Main app' },
+                ],
+            }));
+            const result = validateEntityLinkageForAppScenario({
+                lookupFilePath: 'src/App.tsx',
+                scenarioType: 'user',
+                projectRoot: tmpDir,
+            });
+            expect(result.valid).toBe(true);
+            expect(result.needsAnalysis).toBe(true);
+        });
+        it('should return error when glossary file does not exist', () => {
+            // Don't create a glossary file
+            const result = validateEntityLinkageForAppScenario({
+                lookupFilePath: 'src/App.tsx',
+                scenarioType: 'application',
+                projectRoot: tmpDir,
+            });
+            expect(result.valid).toBe(false);
+            expect(result.error).toContain('No glossary entry found');
+        });
+    });
+    describe('validateScenarioCategorization', () => {
+        it('should reject componentName with non-isolation URL', () => {
+            const result = validateScenarioCategorization({
+                componentName: 'Library',
+                url: '/library',
+            });
+            expect(result.valid).toBe(false);
+            expect(result.error).toBeDefined();
+            expect(result.error).toContain('componentName');
+        });
+        it('should accept componentName with /isolated-components/ URL', () => {
+            const result = validateScenarioCategorization({
+                componentName: 'Library',
+                url: '/isolated-components/Library?s=Default',
+            });
+            expect(result.valid).toBe(true);
+        });
+        it('should accept componentName with /codeyam-isolate/ URL', () => {
+            const result = validateScenarioCategorization({
+                componentName: 'Library',
+                url: '/codeyam-isolate/Library?s=Default',
+            });
+            expect(result.valid).toBe(true);
+        });
+        it('should accept application scenario without componentName', () => {
+            const result = validateScenarioCategorization({
+                url: '/library',
+                type: 'application',
+            });
+            expect(result.valid).toBe(true);
+        });
+        it('should accept component with no URL', () => {
+            const result = validateScenarioCategorization({
+                componentName: 'Library',
+                url: null,
+            });
+            expect(result.valid).toBe(true);
+        });
+        it('should suggest both fixes in error message', () => {
+            const result = validateScenarioCategorization({
+                componentName: 'Library',
+                url: '/library',
+            });
+            expect(result.valid).toBe(false);
+            // Should suggest changing URL to isolation route
+            expect(result.error).toContain('/isolated-components/');
+            // Should suggest removing componentName
+            expect(result.error).toContain('remove');
+        });
+    });
+    describe('resolveSeedFrom', () => {
+        let tmpDir;
+        let db;
+        beforeEach(() => {
+            tmpDir = fs.mkdtempSync(path.join(os.tmpdir(), 'seedfrom-'));
+            fs.mkdirSync(path.join(tmpDir, '.codeyam', 'editor-scenarios'), {
+                recursive: true,
+            });
+            const raw = new Database(':memory:');
+            raw.exec(`
+        CREATE TABLE editor_scenarios (
+          id TEXT PRIMARY KEY,
+          project_id TEXT,
+          name TEXT,
+          description TEXT,
+          component_name TEXT,
+          component_path TEXT,
+          url TEXT,
+          type TEXT,
+          screenshot_path TEXT,
+          viewport_width INTEGER,
+          viewport_height INTEGER,
+          dimensions TEXT,
+          screenshot_paths TEXT,
+          page_file_path TEXT,
+          entity_sha TEXT,
+          display_name TEXT,
+          created_at TEXT DEFAULT (datetime('now')),
+          updated_at TEXT DEFAULT (datetime('now'))
+        )
+      `);
+            db = new Kysely({ dialect: new SqliteDialect({ database: raw }) });
+        });
+        afterEach(() => {
+            fs.rmSync(tmpDir, { recursive: true, force: true });
+        });
+        it('should resolve seed data by scenario ID', async () => {
+            const scenarioId = 'aaaa-bbbb-cccc-dddd';
+            const seedData = { article: [{ id: '1', title: 'Test' }] };
+            // Write the seed file
+            fs.writeFileSync(path.join(tmpDir, '.codeyam', 'editor-scenarios', `${scenarioId}.seed.json`), JSON.stringify(seedData));
+            const result = await resolveSeedFrom(tmpDir, db, scenarioId);
+            expect(result).toEqual(seedData);
+        });
+        it('should resolve seed data by scenario name', async () => {
+            const scenarioId = 'eeee-ffff-1111-2222';
+            const seedData = { user: [{ id: '1', name: 'Alice' }] };
+            // Write the seed file
+            fs.writeFileSync(path.join(tmpDir, '.codeyam', 'editor-scenarios', `${scenarioId}.seed.json`), JSON.stringify(seedData));
+            // Insert scenario into DB so name lookup works
+            await db
+                .insertInto('editor_scenarios')
+                .values({
+                id: scenarioId,
+                project_id: 'proj-1',
+                name: 'Library - Rich Data',
+                viewport_width: 1280,
+                viewport_height: 720,
+            })
+                .execute();
+            const result = await resolveSeedFrom(tmpDir, db, 'Library - Rich Data');
+            expect(result).toEqual(seedData);
+        });
+        it('should fall back to seed from scenario data file when no .seed.json exists', async () => {
+            const scenarioId = 'cccc-dddd-eeee-ffff';
+            const seedData = { tag: [{ id: '1', name: 'AI' }] };
+            // Write the scenario data file (not the .seed.json)
+            fs.writeFileSync(path.join(tmpDir, '.codeyam', 'editor-scenarios', `${scenarioId}.json`), JSON.stringify({ seed: seedData, _metadata: { name: 'Test' } }));
+            const result = await resolveSeedFrom(tmpDir, db, scenarioId);
+            expect(result).toEqual(seedData);
+        });
+        it('should return null when scenario not found', async () => {
+            const result = await resolveSeedFrom(tmpDir, db, 'nonexistent');
+            expect(result).toBeNull();
+        });
+        it('should return null when scenario exists but has no seed data', async () => {
+            const scenarioId = 'no-seed-1111-2222';
+            // Scenario data file with no seed
+            fs.writeFileSync(path.join(tmpDir, '.codeyam', 'editor-scenarios', `${scenarioId}.json`), JSON.stringify({ _metadata: { name: 'No Seed' } }));
+            const result = await resolveSeedFrom(tmpDir, db, scenarioId);
+            expect(result).toBeNull();
+        });
+        it('should return null when seed.json contains invalid JSON', async () => {
+            const scenarioId = 'bad-json-1111';
+            fs.writeFileSync(path.join(tmpDir, '.codeyam', 'editor-scenarios', `${scenarioId}.seed.json`), '{ this is not valid json }}}');
+            const result = await resolveSeedFrom(tmpDir, db, scenarioId);
+            expect(result).toBeNull();
+        });
+        it('should return null when scenario data file contains invalid JSON', async () => {
+            const scenarioId = 'bad-data-2222';
+            fs.writeFileSync(path.join(tmpDir, '.codeyam', 'editor-scenarios', `${scenarioId}.json`), 'not json at all');
+            const result = await resolveSeedFrom(tmpDir, db, scenarioId);
+            expect(result).toBeNull();
+        });
+        it('should pick the most recent scenario when multiple share the same name', async () => {
+            const oldId = 'old-scenario-1111';
+            const newId = 'new-scenario-2222';
+            const oldSeed = { article: [{ id: '1', title: 'Old' }] };
+            const newSeed = { article: [{ id: '2', title: 'New' }] };
+            // Write seed files for both
+            fs.writeFileSync(path.join(tmpDir, '.codeyam', 'editor-scenarios', `${oldId}.seed.json`), JSON.stringify(oldSeed));
+            fs.writeFileSync(path.join(tmpDir, '.codeyam', 'editor-scenarios', `${newId}.seed.json`), JSON.stringify(newSeed));
+            // Insert both with the same name, different created_at
+            await db
+                .insertInto('editor_scenarios')
+                .values({
+                id: oldId,
+                project_id: 'proj-1',
+                name: 'Shared Name',
+                viewport_width: 1280,
+                viewport_height: 720,
+                created_at: '2026-01-01 00:00:00',
+            })
+                .execute();
+            await db
+                .insertInto('editor_scenarios')
+                .values({
+                id: newId,
+                project_id: 'proj-1',
+                name: 'Shared Name',
+                viewport_width: 1280,
+                viewport_height: 720,
+                created_at: '2026-03-01 00:00:00',
+            })
+                .execute();
+            const result = await resolveSeedFrom(tmpDir, db, 'Shared Name');
+            expect(result).toEqual(newSeed);
+        });
+        it('should prefer .seed.json over inline seed in data file', async () => {
+            const scenarioId = 'prefer-seed-file';
+            const seedFileData = { article: [{ id: '1', title: 'From seed file' }] };
+            const inlineData = { article: [{ id: '2', title: 'From inline' }] };
+            // Write both files
+            fs.writeFileSync(path.join(tmpDir, '.codeyam', 'editor-scenarios', `${scenarioId}.seed.json`), JSON.stringify(seedFileData));
+            fs.writeFileSync(path.join(tmpDir, '.codeyam', 'editor-scenarios', `${scenarioId}.json`), JSON.stringify({ seed: inlineData }));
+            const result = await resolveSeedFrom(tmpDir, db, scenarioId);
+            expect(result).toEqual(seedFileData);
+        });
     });
 });
 //# sourceMappingURL=editorScenarios.test.js.map