@principal-ai/principal-view-react 0.7.15 → 0.7.16

package/src/stories/data/graph-converter-validated-execution.json

@@ -2,7 +2,7 @@
   {
     "id": "span-1",
     "name": "graph conversion with validation",
-    "startTime": 1767809672129,
+    "startTime": 1768578318244,
     "attributes": {
       "span.kind": "test.case",
       "test.name": "graph conversion with validation",
@@ -12,7 +12,7 @@
     },
     "events": [
       {
-        "time": 1767809672129,
+        "time": 1768578318244,
         "name": "conversion.started",
         "attributes": {
           "code.filepath": "GraphConverter.ts",
@@ -22,7 +22,7 @@
         }
       },
       {
-        "time": 1767809672129,
+        "time": 1768578318244,
         "name": "conversion.processingNodes",
         "attributes": {
           "code.filepath": "GraphConverter.ts",
@@ -31,7 +31,7 @@
         }
       },
       {
-        "time": 1767809672129,
+        "time": 1768578318244,
         "name": "conversion.processingEdges",
         "attributes": {
           "code.filepath": "GraphConverter.ts",
@@ -40,7 +40,7 @@
         }
       },
       {
-        "time": 1767809672129,
+        "time": 1768578318244,
         "name": "conversion.complete",
         "attributes": {
           "code.filepath": "GraphConverter.ts",
@@ -52,7 +52,7 @@
       }
     ],
     "status": "OK",
-    "endTime": 1767809672129,
+    "endTime": 1768578318244,
     "duration": 0
   }
 ]

package/src/utils/animationMapping.ts

@@ -5,7 +5,7 @@
  * for Milestone 1 default visualization behavior
  */
 
-import type { LogLevel } from '@principal-ai/principal-view-core';
+import type { LogLevel } from '@principal-ai/principal-view-core/browser';
 
 /**
  * Node animation configuration

package/src/utils/graphConverter.ts

@@ -4,7 +4,7 @@ import type {
   EdgeState,
   GraphConfiguration,
   Violation,
-} from '@principal-ai/principal-view-core';
+} from '@principal-ai/principal-view-core/browser';
 import type { CustomNodeData } from '../nodes/CustomNode';
 import type { CustomEdgeData } from '../edges/CustomEdge';
 

package/src/utils/narrative-converter.ts

@@ -0,0 +1,147 @@
+/**
+ * Utilities for converting TestEventPanel data to OtelEvent format
+ * for use with the narrative renderer
+ */
+
+import type { OtelEvent } from '@principal-ai/principal-view-core';
+import type { OtelLog, OtelSeverity } from '../components/TestEventPanel';
+
+// TestEventPanel types (matching TestEventPanel.tsx)
+interface SpanEvent {
+  time: number;
+  name: string;
+  attributes: Record<string, string | number | boolean>;
+}
+
+interface TestSpan {
+  id: string;
+  name: string;
+  startTime: number;
+  endTime?: number;
+  duration?: number;
+  attributes: Record<string, string | number | boolean>;
+  events: SpanEvent[];
+  status: 'OK' | 'ERROR';
+  errorMessage?: string;
+}
+
+/**
+ * Convert OtelSeverity to severity number (OpenTelemetry spec)
+ */
+function severityToNumber(severity: OtelSeverity): number {
+  const severityMap: Record<OtelSeverity, number> = {
+    TRACE: 1,
+    DEBUG: 5,
+    INFO: 9,
+    WARN: 13,
+    ERROR: 17,
+    FATAL: 21,
+  };
+  return severityMap[severity] || 9;
+}
+
+/**
+ * Convert TestSpan events to OtelEvent spans
+ */
+function convertSpanEvents(span: TestSpan): OtelEvent[] {
+  return span.events.map((event) => ({
+    name: event.name,
+    timestamp: event.time,
+    type: 'span' as const,
+    spanId: span.id,
+    traceId: span.id, // Use span ID as trace ID for single-span tests
+    attributes: event.attributes,
+  }));
+}
+
+/**
+ * Convert OtelLogs to OtelEvent logs
+ */
+function convertLogs(logs: OtelLog[]): OtelEvent[] {
+  return logs.map((log) => ({
+    name: 'log',
+    timestamp: typeof log.timestamp === 'number' ? log.timestamp : new Date(log.timestamp).getTime(),
+    type: 'log' as const,
+    spanId: log.spanId,
+    traceId: log.traceId,
+    severityText: log.severity,
+    severityNumber: severityToNumber(log.severity),
+    body: typeof log.body === 'string' ? log.body : JSON.stringify(log.body),
+    attributes: {
+      ...log.attributes,
+      ...log.resource,
+    },
+  }));
+}
+
+/**
+ * Convert TestSpan and OtelLogs to OtelEvent array
+ *
+ * @param span - The test span to convert
+ * @param logs - Optional OTEL logs to include
+ * @returns Array of OtelEvents in chronological order
+ */
+export function convertToOtelEvents(span: TestSpan, logs: OtelLog[] = []): OtelEvent[] {
+  const spanEvents = convertSpanEvents(span);
+
+  // Filter logs for this specific span
+  const spanLogs = logs.filter((log) => log.spanId === span.id || log.traceId === span.id);
+  const logEvents = convertLogs(spanLogs);
+
+  // Combine and sort by timestamp
+  const allEvents = [...spanEvents, ...logEvents].sort((a, b) => {
+    const aTime = typeof a.timestamp === 'number' ? a.timestamp : new Date(a.timestamp).getTime();
+    const bTime = typeof b.timestamp === 'number' ? b.timestamp : new Date(b.timestamp).getTime();
+    return aTime - bTime;
+  });
+
+  return allEvents;
+}
+
+/**
+ * Convert all TestSpans to OtelEvents
+ *
+ * @param spans - Array of test spans
+ * @param logs - Optional OTEL logs to include
+ * @returns Array of OtelEvents for all spans
+ */
+export function convertAllSpansToOtelEvents(spans: TestSpan[], logs: OtelLog[] = []): OtelEvent[] {
+  const allEvents: OtelEvent[] = [];
+
+  for (const span of spans) {
+    const spanEvents = convertToOtelEvents(span, logs);
+    allEvents.push(...spanEvents);
+  }
+
+  // Sort all events chronologically
+  return allEvents.sort((a, b) => {
+    const aTime = typeof a.timestamp === 'number' ? a.timestamp : new Date(a.timestamp).getTime();
+    const bTime = typeof b.timestamp === 'number' ? b.timestamp : new Date(b.timestamp).getTime();
+    return aTime - bTime;
+  });
+}
+
+/**
+ * Extract test result attributes from TestSpan
+ * Useful for narrative templates that check assertions
+ */
+export function extractTestAttributes(span: TestSpan): Record<string, unknown> {
+  // Find assertion.complete event
+  const assertionComplete = span.events.find((e) => e.name === 'assertion.complete');
+
+  if (assertionComplete) {
+    return {
+      'assertions.passed': assertionComplete.attributes['assertions.passed'] || 0,
+      'assertions.failed': assertionComplete.attributes['assertions.failed'] || 0,
+      'test.status': span.status,
+      'test.name': span.name,
+      ...span.attributes,
+    };
+  }
+
+  return {
+    'test.status': span.status,
+    'test.name': span.name,
+    ...span.attributes,
+  };
+}

package/src/utils/narrative-loader.ts

@@ -0,0 +1,172 @@
+/**
+ * Utilities for loading and managing narrative templates
+ */
+
+import type { NarrativeTemplate } from '@principal-ai/principal-view-core';
+
+/**
+ * Load a narrative template from a URL or file path
+ *
+ * Note: In most cases, you should import templates directly:
+ *   import template from './my-template.narrative.json';
+ *
+ * This function is useful when you need to dynamically load templates.
+ *
+ * @param path - Path to the narrative template JSON file
+ * @returns Promise resolving to the narrative template, or null if not found
+ */
+export async function loadNarrativeTemplate(path: string): Promise<NarrativeTemplate | null> {
+  try {
+    const response = await fetch(path);
+    if (!response.ok) {
+      console.warn(`Narrative template not found: ${path}`);
+      return null;
+    }
+    const template = await response.json();
+    return template as NarrativeTemplate;
+  } catch (error) {
+    console.warn(`Failed to load narrative template from ${path}:`, error);
+    return null;
+  }
+}
+
+/**
+ * Auto-discover narrative template for a given canvas path
+ *
+ * Example:
+ *   Canvas: "/path/to/graph-converter.otel.canvas"
+ *   Narrative: "/path/to/graph-converter.narrative.json"
+ *
+ * @param canvasPath - Path to the .otel.canvas file
+ * @returns Promise resolving to the narrative template, or null if not found
+ */
+export async function discoverNarrativeTemplate(canvasPath: string): Promise<NarrativeTemplate | null> {
+  const narrativePath = canvasPath.replace('.otel.canvas', '.narrative.json');
+  return loadNarrativeTemplate(narrativePath);
+}
+
+/**
+ * Validate a narrative template has required fields
+ *
+ * @param template - Template to validate
+ * @returns True if valid, false otherwise
+ */
+export function validateNarrativeTemplate(template: unknown): template is NarrativeTemplate {
+  if (!template || typeof template !== 'object') {
+    return false;
+  }
+
+  const t = template as Partial<NarrativeTemplate>;
+
+  // Check required fields
+  if (!t.version || !t.canvas || !t.name || !t.mode || !t.scenarioSelection || !t.scenarios) {
+    return false;
+  }
+
+  // Check scenarios array
+  if (!Array.isArray(t.scenarios) || t.scenarios.length === 0) {
+    return false;
+  }
+
+  // Check each scenario has required fields
+  for (const scenario of t.scenarios) {
+    if (!scenario.id || !scenario.priority || !scenario.condition || !scenario.template) {
+      return false;
+    }
+  }
+
+  return true;
+}
+
+/**
+ * Get a user-friendly error message for invalid templates
+ *
+ * @param template - Template to check
+ * @returns Error message, or null if valid
+ */
+export function getNarrativeTemplateError(template: unknown): string | null {
+  if (!template || typeof template !== 'object') {
+    return 'Template must be a valid JSON object';
+  }
+
+  const t = template as Partial<NarrativeTemplate>;
+
+  if (!t.version) return 'Missing required field: version';
+  if (!t.canvas) return 'Missing required field: canvas';
+  if (!t.name) return 'Missing required field: name';
+  if (!t.mode) return 'Missing required field: mode';
+  if (!t.scenarioSelection) return 'Missing required field: scenarioSelection';
+  if (!t.scenarios) return 'Missing required field: scenarios';
+
+  if (!Array.isArray(t.scenarios)) {
+    return 'Field "scenarios" must be an array';
+  }
+
+  if (t.scenarios.length === 0) {
+    return 'Template must have at least one scenario';
+  }
+
+  for (let i = 0; i < t.scenarios.length; i++) {
+    const scenario = t.scenarios[i];
+    if (!scenario.id) return `Scenario ${i}: missing required field "id"`;
+    if (scenario.priority === undefined) return `Scenario ${i}: missing required field "priority"`;
+    if (!scenario.condition) return `Scenario ${i}: missing required field "condition"`;
+    if (!scenario.template) return `Scenario ${i}: missing required field "template"`;
+  }
+
+  return null;
+}
+
+/**
+ * React hook for loading narrative templates
+ *
+ * @param templatePath - Path to template, or null to skip loading
+ * @returns {template, loading, error}
+ */
+export function useNarrativeTemplate(templatePath: string | null) {
+  const [template, setTemplate] = React.useState<NarrativeTemplate | null>(null);
+  const [loading, setLoading] = React.useState<boolean>(false);
+  const [error, setError] = React.useState<string | null>(null);
+
+  React.useEffect(() => {
+    if (!templatePath) {
+      setTemplate(null);
+      setLoading(false);
+      setError(null);
+      return;
+    }
+
+    setLoading(true);
+    setError(null);
+
+    loadNarrativeTemplate(templatePath)
+      .then((loadedTemplate) => {
+        if (loadedTemplate) {
+          const validationError = getNarrativeTemplateError(loadedTemplate);
+          if (validationError) {
+            setError(validationError);
+            setTemplate(null);
+          } else {
+            setTemplate(loadedTemplate);
+            setError(null);
+          }
+        } else {
+          setError('Template not found');
+          setTemplate(null);
+        }
+      })
+      .catch((err) => {
+        setError(err instanceof Error ? err.message : 'Unknown error');
+        setTemplate(null);
+      })
+      .finally(() => {
+        setLoading(false);
+      });
+  }, [templatePath]);
+
+  return { template, loading, error };
+}
+
+// Note: React import is expected to be available in the React package
+// If this causes issues, we can remove the hook and export it separately
+import React from 'react';

package/dist/components/EventLog.d.ts

@@ -1,20 +0,0 @@
-import React from 'react';
-import type { GraphEvent, Violation } from '@principal-ai/principal-view-core';
-export interface EventLogProps {
-    /** List of events to display */
-    events: GraphEvent[];
-    /** Optional violations to highlight */
-    violations?: Violation[];
-    /** Callback when an event is clicked */
-    onEventClick?: (event: GraphEvent) => void;
-    /** Optional class name */
-    className?: string;
-    /** Optional max height */
-    maxHeight?: number | string;
-}
-/**
- * Event log component for displaying graph events
- * TODO: Implement filtering, search, and severity indicators
- */
-export declare const EventLog: React.FC<EventLogProps>;
-//# sourceMappingURL=EventLog.d.ts.map

package/dist/components/EventLog.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"EventLog.d.ts","sourceRoot":"","sources":["../../src/components/EventLog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,mCAAmC,CAAC;AAE/E,MAAM,WAAW,aAAa;IAC5B,gCAAgC;IAChC,MAAM,EAAE,UAAU,EAAE,CAAC;IAErB,uCAAuC;IACvC,UAAU,CAAC,EAAE,SAAS,EAAE,CAAC;IAEzB,wCAAwC;IACxC,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;IAE3C,0BAA0B;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,0BAA0B;IAC1B,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAC7B;AAED;;;GAGG;AACH,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CA0B5C,CAAC"}

package/dist/components/EventLog.js

@@ -1,13 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.EventLog = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-/**
- * Event log component for displaying graph events
- * TODO: Implement filtering, search, and severity indicators
- */
-const EventLog = ({ events, violations = [], className, maxHeight = '400px', }) => {
-    return ((0, jsx_runtime_1.jsx)("div", { className: className, style: { maxHeight, overflowY: 'auto', border: '1px solid #ccc' }, children: (0, jsx_runtime_1.jsxs)("div", { style: { padding: '10px' }, children: [(0, jsx_runtime_1.jsx)("h3", { children: "Event Log (TODO)" }), (0, jsx_runtime_1.jsxs)("p", { children: ["Events: ", events.length] }), (0, jsx_runtime_1.jsxs)("p", { children: ["Violations: ", violations.length] }), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("strong", { children: "TODO:" }), (0, jsx_runtime_1.jsxs)("ul", { children: [(0, jsx_runtime_1.jsx)("li", { children: "Display events in chronological order" }), (0, jsx_runtime_1.jsx)("li", { children: "Show event type, category, operation" }), (0, jsx_runtime_1.jsx)("li", { children: "Highlight violations with color coding" }), (0, jsx_runtime_1.jsx)("li", { children: "Add filtering by category, type, severity" }), (0, jsx_runtime_1.jsx)("li", { children: "Add text search" }), (0, jsx_runtime_1.jsx)("li", { children: "Add timestamp formatting" })] })] })] }) }));
-};
-exports.EventLog = EventLog;
-//# sourceMappingURL=EventLog.js.map

package/dist/components/EventLog.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"EventLog.js","sourceRoot":"","sources":["../../src/components/EventLog.tsx"],"names":[],"mappings":";;;;AAoBA;;;GAGG;AACI,MAAM,QAAQ,GAA4B,CAAC,EAChD,MAAM,EACN,UAAU,GAAG,EAAE,EACf,SAAS,EACT,SAAS,GAAG,OAAO,GACpB,EAAE,EAAE;IACH,OAAO,CACL,gCAAK,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,EAAE,gBAAgB,EAAE,YAC1F,iCAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,aAC7B,8DAAyB,EACzB,sDAAY,MAAM,CAAC,MAAM,IAAK,EAC9B,0DAAgB,UAAU,CAAC,MAAM,IAAK,EACtC,4CACE,uDAAsB,EACtB,2CACE,mFAA8C,EAC9C,kFAA6C,EAC7C,oFAA+C,EAC/C,uFAAkD,EAClD,6DAAwB,EACxB,sEAAiC,IAC9B,IACD,IACF,GACF,CACP,CAAC;AACJ,CAAC,CAAC;AA1BW,QAAA,QAAQ,YA0BnB"}

package/dist/components/EventLog.test.d.ts

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=EventLog.test.d.ts.map

package/dist/components/EventLog.test.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"EventLog.test.d.ts","sourceRoot":"","sources":["../../src/components/EventLog.test.tsx"],"names":[],"mappings":""}

package/dist/components/EventLog.test.js

@@ -1,73 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("@testing-library/react");
-const EventLog_1 = require("./EventLog");
-describe('EventLog', () => {
-    const testEvents = [
-        {
-            id: 'evt-1',
-            type: 'node_created',
-            timestamp: Date.now(),
-            category: 'node',
-            operation: 'create',
-            payload: {
-                operation: 'create',
-                nodeId: 'user-1',
-                nodeType: 'user',
-                data: { userId: 'alice' },
-            },
-            expected: true,
-        },
-        {
-            id: 'evt-2',
-            type: 'edge_created',
-            timestamp: Date.now(),
-            category: 'edge',
-            operation: 'create',
-            payload: {
-                operation: 'create',
-                edgeId: 'conn-1',
-                edgeType: 'connection',
-                from: 'user-1',
-                to: 'user-2',
-            },
-            expected: true,
-        },
-    ];
-    const testViolations = [
-        {
-            id: 'violation-1',
-            severity: 'error',
-            type: 'connection',
-            description: 'Invalid connection',
-        },
-    ];
-    it('should render without crashing', () => {
-        (0, react_1.render)((0, jsx_runtime_1.jsx)(EventLog_1.EventLog, { events: testEvents }));
-        expect(react_1.screen.getByText(/Event Log/i)).toBeDefined();
-    });
-    it('should display event count', () => {
-        (0, react_1.render)((0, jsx_runtime_1.jsx)(EventLog_1.EventLog, { events: testEvents }));
-        expect(react_1.screen.getByText(/Events: 2/i)).toBeDefined();
-    });
-    it('should display violation count', () => {
-        (0, react_1.render)((0, jsx_runtime_1.jsx)(EventLog_1.EventLog, { events: testEvents, violations: testViolations }));
-        expect(react_1.screen.getByText(/Violations: 1/i)).toBeDefined();
-    });
-    it('should render with empty events', () => {
-        (0, react_1.render)((0, jsx_runtime_1.jsx)(EventLog_1.EventLog, { events: [] }));
-        expect(react_1.screen.getByText(/Events: 0/i)).toBeDefined();
-    });
-    it('should apply custom className', () => {
-        const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(EventLog_1.EventLog, { events: testEvents, className: "custom-log" }));
-        const element = container.querySelector('.custom-log');
-        expect(element).toBeDefined();
-    });
-    it('should apply custom maxHeight', () => {
-        const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(EventLog_1.EventLog, { events: testEvents, maxHeight: "300px" }));
-        const element = container.querySelector('div');
-        expect(element?.style.maxHeight).toBe('300px');
-    });
-});
-//# sourceMappingURL=EventLog.test.js.map

package/dist/components/EventLog.test.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"EventLog.test.js","sourceRoot":"","sources":["../../src/components/EventLog.test.tsx"],"names":[],"mappings":"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"}

package/dist/components/GraphRenderer.test.d.ts

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=GraphRenderer.test.d.ts.map

package/dist/components/GraphRenderer.test.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"GraphRenderer.test.d.ts","sourceRoot":"","sources":["../../src/components/GraphRenderer.test.tsx"],"names":[],"mappings":""}

package/dist/components/GraphRenderer.test.js

@@ -1,88 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("@testing-library/react");
-const GraphRenderer_1 = require("./GraphRenderer");
-describe('GraphRenderer', () => {
-    const testConfig = {
-        metadata: {
-            name: 'Test Graph',
-            version: '1.0.0',
-        },
-        nodeTypes: {
-            user: {
-                shape: 'circle',
-                color: '#4CAF50',
-                dataSchema: {
-                    userId: { type: 'string', required: true },
-                },
-            },
-        },
-        edgeTypes: {
-            connection: {
-                style: 'solid',
-                directed: true,
-            },
-        },
-        allowedConnections: [{ from: 'user', to: 'user', via: 'connection' }],
-    };
-    const testNodes = [
-        {
-            id: 'user-1',
-            type: 'user',
-            data: { userId: 'alice' },
-            createdAt: Date.now(),
-            updatedAt: Date.now(),
-        },
-        {
-            id: 'user-2',
-            type: 'user',
-            data: { userId: 'bob' },
-            createdAt: Date.now(),
-            updatedAt: Date.now(),
-        },
-    ];
-    const testEdges = [
-        {
-            id: 'conn-1',
-            type: 'connection',
-            from: 'user-1',
-            to: 'user-2',
-            createdAt: Date.now(),
-            updatedAt: Date.now(),
-        },
-    ];
-    it('should render without crashing', () => {
-        (0, react_1.render)((0, jsx_runtime_1.jsx)(GraphRenderer_1.GraphRenderer, { configuration: testConfig, nodes: testNodes, edges: testEdges }));
-        expect(react_1.screen.getByText(/Graph Renderer/i)).toBeDefined();
-    });
-    it('should display configuration name', () => {
-        (0, react_1.render)((0, jsx_runtime_1.jsx)(GraphRenderer_1.GraphRenderer, { configuration: testConfig, nodes: testNodes, edges: testEdges }));
-        expect(react_1.screen.getByText(/Test Graph/i)).toBeDefined();
-    });
-    it('should display node count', () => {
-        (0, react_1.render)((0, jsx_runtime_1.jsx)(GraphRenderer_1.GraphRenderer, { configuration: testConfig, nodes: testNodes, edges: testEdges }));
-        expect(react_1.screen.getByText(/Nodes: 2/i)).toBeDefined();
-    });
-    it('should display edge count', () => {
-        (0, react_1.render)((0, jsx_runtime_1.jsx)(GraphRenderer_1.GraphRenderer, { configuration: testConfig, nodes: testNodes, edges: testEdges }));
-        expect(react_1.screen.getByText(/Edges: 1/i)).toBeDefined();
-    });
-    it('should render with empty nodes and edges', () => {
-        (0, react_1.render)((0, jsx_runtime_1.jsx)(GraphRenderer_1.GraphRenderer, { configuration: testConfig, nodes: [], edges: [] }));
-        expect(react_1.screen.getByText(/Nodes: 0/i)).toBeDefined();
-        expect(react_1.screen.getByText(/Edges: 0/i)).toBeDefined();
-    });
-    it('should apply custom className', () => {
-        const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(GraphRenderer_1.GraphRenderer, { configuration: testConfig, nodes: testNodes, edges: testEdges, className: "custom-class" }));
-        const element = container.querySelector('.custom-class');
-        expect(element).toBeDefined();
-    });
-    it('should apply custom width and height', () => {
-        const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(GraphRenderer_1.GraphRenderer, { configuration: testConfig, nodes: testNodes, edges: testEdges, width: "500px", height: "400px" }));
-        const element = container.querySelector('div');
-        expect(element?.style.width).toBe('500px');
-        expect(element?.style.height).toBe('400px');
-    });
-});
-//# sourceMappingURL=GraphRenderer.test.js.map

package/dist/components/GraphRenderer.test.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"GraphRenderer.test.js","sourceRoot":"","sources":["../../src/components/GraphRenderer.test.tsx"],"names":[],"mappings":"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"}

package/dist/components/LayerPanel.d.ts

@@ -1,31 +0,0 @@
-import React from 'react';
-export interface Layer {
-    id: string;
-    label: string;
-    description?: string;
-    order: number;
-    color?: string;
-    narrative?: string;
-    visible?: boolean;
-    nodeCount?: number;
-}
-export interface LayerPanelProps {
-    layers: Layer[];
-    /** Callback when layer visibility is toggled */
-    onToggleLayer?: (layerId: string, visible: boolean) => void;
-    /** Callback when a layer is focused/highlighted */
-    onFocusLayer?: (layerId: string) => void;
-    /** Show narrative flow mode toggle */
-    showNarrativeMode?: boolean;
-    /** Narrative mode active state */
-    narrativeMode?: boolean;
-    /** Callback when narrative mode is toggled */
-    onToggleNarrativeMode?: (active: boolean) => void;
-    /** Position: 'left' or 'right' */
-    position?: 'left' | 'right';
-}
-/**
- * Panel that displays and controls layer visibility and organization
- */
-export declare const LayerPanel: React.FC<LayerPanelProps>;
-//# sourceMappingURL=LayerPanel.d.ts.map

package/dist/components/LayerPanel.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"LayerPanel.d.ts","sourceRoot":"","sources":["../../src/components/LayerPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAIxC,MAAM,WAAW,KAAK;IACpB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,eAAe;IAC9B,MAAM,EAAE,KAAK,EAAE,CAAC;IAChB,gDAAgD;IAChD,aAAa,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAC5D,mDAAmD;IACnD,YAAY,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,sCAAsC;IACtC,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,kCAAkC;IAClC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,8CAA8C;IAC9C,qBAAqB,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IAClD,kCAAkC;IAClC,QAAQ,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;CAC7B;AAED;;GAEG;AACH,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAyWhD,CAAC"}