feat(ui): comprehensive keyboard navigation for Labels page

.gitignore

@@ -61,3 +61,8 @@ coverage.xml
 sqlite:/
 sqlite:/home
 sqlite:/tmp
+
+# Dev submodule code imports (should be handled by dev/.gitignore)
+# Added here as safety net to prevent leaking into main repo
+dev/code-imports/nc3rsEDA/
+!dev/code-imports/nc3rsEDA/README.md

DEMO_SETUP.md

@@ -116,12 +116,39 @@ The test suite creates temporary test data. You can reference `tests/conftest.py
 
 ### Workflow 2: Graph Visualization
 
+#### Option A: Using Local Labels
+1. **Navigate** to Labels page (`/labels`)
+2. **Create** a new label (e.g., "Project")
+3. **Add** properties (e.g., name: string, budget: number)
+4. **Define** relationships (e.g., "HAS_FILE" → File)
+5. **Save** the label
+6. **Navigate** to Map page (`/map`)
+7. **Select** "Local Labels" from Source dropdown
+8. **View** schema visualization (nodes appear in red = definition only, no instances)
+9. **Observe** relationships shown as edges
+
+#### Option B: Using Neo4j Schema
+1. **Navigate** to Settings (`/settings`)
+2. **Connect** to Neo4j (configure URI, username, password)
+3. **Test** connection to verify it works
+4. **Navigate** to Labels page (`/labels`)
+5. **Click** "Pull from Neo4j" to sync schema
+6. **Navigate** to Map page (`/map`)
+7. **Select** "Neo4j Schema" from Source dropdown
+8. **View** schema pulled from database (nodes in green)
+
+#### Option C: Combined View (Default)
 1. **Scan** files and commit to Neo4j (Files page)
-2. **Navigate** to Map page
-3. **View** graph layout
-4. **Filter** by labels/relationships
-5. **Adjust** layout and appearance
-6. **Interact** with nodes (click, drag)
+2. **Navigate** to Map page (`/map`)
+3. **Source** defaults to "All Sources"
+4. **View** combined graph with color-coded nodes:
+   - **Blue**: In-memory graph (actual scanned data)
+   - **Red**: Local labels (definitions only, no instances)
+   - **Green**: Neo4j schema (pulled from database)
+   - **Orange/Purple/Teal/Yellow**: Mixed sources
+5. **Filter** by labels/relationships (dropdowns populate dynamically)
+6. **Adjust** layout and appearance
+7. **Interact** with nodes (click, drag)
 
 ### Workflow 3: Schema Management
 
@@ -131,6 +158,24 @@ The test suite creates temporary test data. You can reference `tests/conftest.py
 4. **Define** relationships (e.g., "HAS_FILE")
 5. **Push** schema to Neo4j
 
+#### Import/Export with Arrows.app
+
+**Import from Arrows.app:**
+1. Design schema at https://arrows.app
+2. Export JSON from Arrows (File → Export → JSON)
+3. In scidk, navigate to Labels page
+4. Click "Import from Arrows.app"
+5. Paste JSON or upload file
+6. Click "Import" to create labels
+
+**Export to Arrows.app:**
+1. Navigate to Labels page
+2. Click "Export to Arrows.app"
+3. Download JSON file
+4. Open https://arrows.app
+5. Import file (File → Import → From JSON)
+6. View/edit schema in Arrows
+
 ### Workflow 4: Link Creation
 
 1. **Navigate** to Links page

e2e/global-teardown.ts

@@ -4,9 +4,10 @@ import { FullConfig } from '@playwright/test';
 import { teardown } from './global-setup';
 
 export default async function globalTeardown(config: FullConfig) {
-  // Clean up test scans before shutting down server
+  // Clean up test data before shutting down server
   const baseUrl = (process as any).env.BASE_URL;
   if (baseUrl) {
+    // Clean up test scans
     try {
       const response = await fetch(`${baseUrl}/api/admin/cleanup-test-scans`, {
         method: 'POST',
@@ -16,6 +17,17 @@ export default async function globalTeardown(config: FullConfig) {
     } catch (error) {
       console.error('[cleanup] Failed to cleanup test scans:', error);
     }
+
+    // Clean up test labels
+    try {
+      const response = await fetch(`${baseUrl}/api/admin/cleanup-test-labels`, {
+        method: 'POST',
+      });
+      const result = await response.json();
+      console.log('[cleanup] Test labels cleaned up:', result);
+    } catch (error) {
+      console.error('[cleanup] Failed to cleanup test labels:', error);
+    }
   }
 
   // Kill the server process