@industry-theme/principal-view-panels 0.3.3 → 0.3.4

package/dist/adapters/PanelFileSystemAdapter.d.ts

@@ -0,0 +1,82 @@
+/**
+ * Panel FileSystem Adapter
+ *
+ * Implements FileSystemAdapter using the panel's fileTree slice for directory operations
+ * and a file content cache that can be populated via the panel's readFile action.
+ *
+ * This adapter bridges the synchronous FileSystemAdapter interface used by
+ * ConfigurationLoader and LibraryLoader with the async panel context.
+ */
+import type { FileSystemAdapter } from '@principal-ai/principal-view-core';
+/**
+ * File entry from the fileTree slice
+ */
+export interface FileTreeEntry {
+    path?: string;
+    relativePath?: string;
+    name?: string;
+    type?: 'file' | 'directory';
+}
+/**
+ * Options for creating the adapter
+ */
+export interface PanelFileSystemAdapterOptions {
+    /** Files from the fileTree slice */
+    fileTreeFiles: FileTreeEntry[];
+    /** Base path for the repository */
+    basePath: string;
+}
+/**
+ * FileSystemAdapter implementation for panel context.
+ *
+ * Uses fileTree slice data for directory listing and existence checks.
+ * File content must be pre-loaded into the cache via `setFileContent()`.
+ */
+export declare class PanelFileSystemAdapter implements FileSystemAdapter {
+    private fileTreeFiles;
+    private basePath;
+    private fileContentCache;
+    constructor(options: PanelFileSystemAdapterOptions);
+    /**
+     * Set file content in the cache.
+     * Call this after loading file content via the panel's readFile action.
+     */
+    setFileContent(path: string, content: string): void;
+    /**
+     * Check if file content is cached
+     */
+    hasFileContent(path: string): boolean;
+    /**
+     * Clear the file content cache
+     */
+    clearCache(): void;
+    exists(path: string): boolean;
+    readFile(path: string): string;
+    writeFile(_path: string, _content: string): void;
+    deleteFile(_path: string): void;
+    readBinaryFile(_path: string): Uint8Array;
+    writeBinaryFile(_path: string, _content: Uint8Array): void;
+    createDir(_path: string): void;
+    readDir(path: string): string[];
+    deleteDir(_path: string): void;
+    isDirectory(path: string): boolean;
+    join(...paths: string[]): string;
+    relative(from: string, to: string): string;
+    dirname(path: string): string;
+    isAbsolute(path: string): boolean;
+    normalizeRepositoryPath(_inputPath: string): string;
+    findProjectRoot(_inputPath: string): string;
+    getRepositoryName(repositoryPath: string): string;
+    private normalizePath;
+    private toRelativePath;
+    /**
+     * Get list of files that need to be loaded for a directory.
+     * Use this to pre-fetch file contents before using the loaders.
+     */
+    getFilesInDirectory(dirPath: string): string[];
+    /**
+     * Get the full path for a relative path
+     */
+    getFullPath(relativePath: string): string;
+}
+//# sourceMappingURL=PanelFileSystemAdapter.d.ts.map

package/dist/adapters/PanelFileSystemAdapter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PanelFileSystemAdapter.d.ts","sourceRoot":"","sources":["../../src/adapters/PanelFileSystemAdapter.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AAE3E;;GAEG;AACH,MAAM,WAAW,aAAa;IAC5B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,GAAG,WAAW,CAAC;CAC7B;AAED;;GAEG;AACH,MAAM,WAAW,6BAA6B;IAC5C,oCAAoC;IACpC,aAAa,EAAE,aAAa,EAAE,CAAC;IAC/B,mCAAmC;IACnC,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED;;;;;GAKG;AACH,qBAAa,sBAAuB,YAAW,iBAAiB;IAC9D,OAAO,CAAC,aAAa,CAAkB;IACvC,OAAO,CAAC,QAAQ,CAAS;IACzB,OAAO,CAAC,gBAAgB,CAAkC;gBAE9C,OAAO,EAAE,6BAA6B;IAKlD;;;OAGG;IACH,cAAc,CAAC,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,GAAG,IAAI;IAInD;;OAEG;IACH,cAAc,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO;IAIrC;;OAEG;IACH,UAAU,IAAI,IAAI;IAQlB,MAAM,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO;IAgB7B,QAAQ,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM;IAc9B,SAAS,CAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAG,IAAI;IAIhD,UAAU,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAI/B,cAAc,CAAC,KAAK,EAAE,MAAM,GAAG,UAAU;IAIzC,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,UAAU,GAAG,IAAI;IAI1D,SAAS,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAI9B,OAAO,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,EAAE;IA0B/B,SAAS,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAI9B,WAAW,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO;IAYlC,IAAI,CAAC,GAAG,KAAK,EAAE,MAAM,EAAE,GAAG,MAAM;IAOhC,QAAQ,CAAC,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,GAAG,MAAM;IAc1C,OAAO,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM;IAK7B,UAAU,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO;IAIjC,uBAAuB,CAAC,UAAU,EAAE,MAAM,GAAG,MAAM;IAKnD,eAAe,CAAC,UAAU,EAAE,MAAM,GAAG,MAAM;IAI3C,iBAAiB,CAAC,cAAc,EAAE,MAAM,GAAG,MAAM;IASjD,OAAO,CAAC,aAAa;IAIrB,OAAO,CAAC,cAAc;IAmBtB;;;OAGG;IACH,mBAAmB,CAAC,OAAO,EAAE,MAAM,GAAG,MAAM,EAAE;IAY9C;;OAEG;IACH,WAAW,CAAC,YAAY,EAAE,MAAM,GAAG,MAAM;CAG1C"}

package/dist/demo/DemoApp.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import './styles/library-theme.css';
+import './styles/demo-layout.css';
+/**
+ * Main Demo Application Component
+ * Implements the three-panel library layout:
+ * 1. Card Catalog (left sidebar) - File tree navigation
+ * 2. Reading Room (center) - Main canvas view
+ * 3. Book Details (bottom) - Details panel with tabs
+ */
+export declare const DemoApp: React.FC;
+export default DemoApp;
+//# sourceMappingURL=DemoApp.d.ts.map

package/dist/demo/DemoApp.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DemoApp.d.ts","sourceRoot":"","sources":["../../src/demo/DemoApp.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAInD,OAAO,4BAA4B,CAAC;AACpC,OAAO,0BAA0B,CAAC;AAGlC;;;;;;GAMG;AACH,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAoF3B,CAAC;AAEF,eAAe,OAAO,CAAC"}

package/dist/demo/DemoApp.stories.d.ts

@@ -0,0 +1,71 @@
+import type { StoryObj } from '@storybook/react-vite';
+/**
+ * Demo UI showcasing runtime validation with a library/book aesthetic
+ *
+ * This demo provides an interactive view of:
+ * - Canvas files (.otel.canvas) from a file tree
+ * - OTEL trace visualization overlaid on canvases
+ * - Trace timeline, node details, events, and coverage analysis
+ *
+ * Features:
+ * - Card Catalog: File tree navigation for canvases and traces
+ * - Reading Room: Main canvas view with trace overlay
+ * - Book Details: Bottom panel with tabs for detailed information
+ * - Library/Book aesthetic: Leather-bound, aged paper, gold accents
+ *
+ * Mock Data:
+ * - Checkout Flow canvas with 4 nodes
+ * - Failed trace showing inventory timeout
+ * - Successful trace showing full flow
+ * - Coverage data across components
+ *
+ * Note: MSW (Mock Service Worker) is initialized globally in .storybook/preview.ts
+ */
+declare const meta: {
+    title: string;
+    component: import("react").FC<{}>;
+    parameters: {
+        layout: string;
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+/**
+ * Default demo view with MSW mocked APIs
+ *
+ * MSW provides realistic API responses for canvases, traces, and coverage data.
+ *
+ * Instructions:
+ * 1. Select "Checkout Flow" canvas from the Card Catalog
+ * 2. Select a trace from Reading Sessions to see overlay
+ * 3. Click nodes to see details
+ * 4. Explore different tabs in Book Details panel
+ */
+export declare const Default: Story;
+/**
+ * Production Debugging Workflow
+ *
+ * Demonstrates how to use the demo to debug a production issue:
+ * 1. Failed trace shows inventory check timeout
+ * 2. Timeline tab shows which span failed
+ * 3. Node details show expected vs actual behavior
+ * 4. Events tab shows what happened before failure
+ */
+export declare const ProductionDebuggingWorkflow: Story;
+/**
+ * Telemetry Coverage Analysis
+ *
+ * Demonstrates how to analyze telemetry coverage:
+ * 1. Navigate to Coverage tab
+ * 2. See overall coverage percentage
+ * 3. View breakdown by component type
+ * 4. Identify missing files that lack instrumentation
+ */
+export declare const TelemetryCoverageAnalysis: Story;
+//# sourceMappingURL=DemoApp.stories.d.ts.map

package/dist/demo/DemoApp.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DemoApp.stories.d.ts","sourceRoot":"","sources":["../../src/demo/DemoApp.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAG5D;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,QAAA,MAAM,IAAI;;;;;;;;;;;;CAasB,CAAC;AAEjC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC;;;;;;;;;;GAUG;AACH,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC;AAEjC;;;;;;;;GAQG;AACH,eAAO,MAAM,2BAA2B,EAAE,KASzC,CAAC;AAEF;;;;;;;;GAQG;AACH,eAAO,MAAM,yBAAyB,EAAE,KASvC,CAAC"}

package/dist/demo/api/browser.d.ts

@@ -0,0 +1,15 @@
+/**
+ * MSW browser setup for the demo
+ *
+ * This worker is automatically initialized in .storybook/preview.ts for Storybook.
+ * For standalone usage:
+ * 1. Install: npm install msw --save-dev
+ * 2. Run: npx msw init public/ --save
+ * 3. Import worker and call: worker.start()
+ */
+/**
+ * Create the MSW worker with our handlers
+ * This is exported and started globally in Storybook's preview.ts
+ */
+export declare const worker: import("msw/browser").SetupWorker;
+//# sourceMappingURL=browser.d.ts.map

package/dist/demo/api/browser.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"browser.d.ts","sourceRoot":"","sources":["../../../src/demo/api/browser.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAKH;;;GAGG;AACH,eAAO,MAAM,MAAM,mCAA2B,CAAC"}

package/dist/demo/api/handlers.d.ts

@@ -0,0 +1,8 @@
+/**
+ * MSW (Mock Service Worker) handlers for the demo API
+ *
+ * To use MSW, install it with: npm install msw --save-dev
+ * Then run: npx msw init public/ --save
+ */
+export declare const handlers: import("msw").HttpHandler[];
+//# sourceMappingURL=handlers.d.ts.map

package/dist/demo/api/handlers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"handlers.d.ts","sourceRoot":"","sources":["../../../src/demo/api/handlers.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAgBH,eAAO,MAAM,QAAQ,6BA6KpB,CAAC"}

package/dist/demo/components/BookDetails/BookDetails.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import type { Canvas, OTELTrace } from '../../data/types';
+import './BookDetails.css';
+interface BookDetailsProps {
+    canvas: Canvas | null;
+    trace: OTELTrace | null;
+    traceId: string | null;
+    selectedNodeId: string | null;
+}
+/**
+ * Book Details Component
+ * Bottom panel with tabs for trace timeline, node details, events, and coverage
+ */
+export declare const BookDetails: React.FC<BookDetailsProps>;
+export {};
+//# sourceMappingURL=BookDetails.d.ts.map

package/dist/demo/components/BookDetails/BookDetails.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BookDetails.d.ts","sourceRoot":"","sources":["../../../../src/demo/components/BookDetails/BookDetails.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AACnD,OAAO,KAAK,EAAE,MAAM,EAAE,SAAS,EAAgB,MAAM,kBAAkB,CAAC;AACxE,OAAO,mBAAmB,CAAC;AAE3B,UAAU,gBAAgB;IACxB,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,KAAK,EAAE,SAAS,GAAG,IAAI,CAAC;IACxB,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,cAAc,EAAE,MAAM,GAAG,IAAI,CAAC;CAC/B;AAID;;;GAGG;AACH,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA0QlD,CAAC"}

package/dist/demo/components/CardCatalog/CardCatalog.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import './CardCatalog.css';
+interface CardCatalogProps {
+    onSelectCanvas: (canvasId: string) => void;
+    onSelectTrace: (traceId: string) => void;
+    selectedCanvasId: string | null;
+    selectedTraceId: string | null;
+}
+/**
+ * Card Catalog Component
+ * Left sidebar with file tree navigation for canvases and traces
+ * Styled like a wooden card catalog with drawer sections
+ */
+export declare const CardCatalog: React.FC<CardCatalogProps>;
+export {};
+//# sourceMappingURL=CardCatalog.d.ts.map

package/dist/demo/components/CardCatalog/CardCatalog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardCatalog.d.ts","sourceRoot":"","sources":["../../../../src/demo/components/CardCatalog/CardCatalog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAEnD,OAAO,mBAAmB,CAAC;AAE3B,UAAU,gBAAgB;IACxB,cAAc,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,aAAa,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,gBAAgB,EAAE,MAAM,GAAG,IAAI,CAAC;IAChC,eAAe,EAAE,MAAM,GAAG,IAAI,CAAC;CAChC;AAED;;;;GAIG;AACH,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA4IlD,CAAC"}

package/dist/demo/components/ReadingRoom/ReadingRoom.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import type { Canvas, OTELTrace } from '../../data/types';
+import './ReadingRoom.css';
+interface ReadingRoomProps {
+    canvas: Canvas | null;
+    trace: OTELTrace | null;
+    onSelectNode: (nodeId: string) => void;
+    selectedNodeId: string | null;
+}
+/**
+ * Reading Room Component
+ * Main canvas view with aged paper background
+ * Displays canvas diagram with optional trace overlay
+ */
+export declare const ReadingRoom: React.FC<ReadingRoomProps>;
+export {};
+//# sourceMappingURL=ReadingRoom.d.ts.map

package/dist/demo/components/ReadingRoom/ReadingRoom.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReadingRoom.d.ts","sourceRoot":"","sources":["../../../../src/demo/components/ReadingRoom/ReadingRoom.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAC1D,OAAO,mBAAmB,CAAC;AAE3B,UAAU,gBAAgB;IACxB,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,KAAK,EAAE,SAAS,GAAG,IAAI,CAAC;IACxB,YAAY,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,cAAc,EAAE,MAAM,GAAG,IAAI,CAAC;CAC/B;AAED;;;;GAIG;AACH,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAyMlD,CAAC"}

package/dist/demo/data/mockData.d.ts

@@ -0,0 +1,33 @@
+/**
+ * Mock data for the demo UI
+ */
+import type { Canvas, CanvasMetadata, OTELTrace, TraceMetadata, CoverageData, ImpactAnalysis, FileTreeNode } from './types';
+/**
+ * Canvas metadata list
+ */
+export declare const canvasMetadataList: CanvasMetadata[];
+/**
+ * Canvases by ID
+ */
+export declare const canvases: Record<string, Canvas>;
+/**
+ * Trace metadata list
+ */
+export declare const traceMetadataList: TraceMetadata[];
+/**
+ * Traces by ID
+ */
+export declare const traces: Record<string, OTELTrace>;
+/**
+ * Mock coverage data
+ */
+export declare const mockCoverageData: CoverageData;
+/**
+ * Mock impact analysis data
+ */
+export declare const mockImpactAnalysis: Record<string, ImpactAnalysis>;
+/**
+ * Mock file tree
+ */
+export declare const mockFileTree: FileTreeNode[];
+//# sourceMappingURL=mockData.d.ts.map

package/dist/demo/data/mockData.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mockData.d.ts","sourceRoot":"","sources":["../../../src/demo/data/mockData.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,KAAK,EACV,MAAM,EACN,cAAc,EACd,SAAS,EACT,aAAa,EACb,YAAY,EACZ,cAAc,EACd,YAAY,EACb,MAAM,SAAS,CAAC;AAMjB;;GAEG;AACH,eAAO,MAAM,kBAAkB,EAAE,cAAc,EAyB9C,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAE3C,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,iBAAiB,EAAE,aAAa,EAmB5C,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,SAAS,CAG5C,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,gBAAgB,EAAE,YA0C9B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,kBAAkB,EAAE,MAAM,CAAC,MAAM,EAAE,cAAc,CA2C7D,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,YAAY,EAAE,YAAY,EAqFtC,CAAC"}

package/dist/demo/data/types.d.ts

@@ -0,0 +1,168 @@
+/**
+ * Type definitions for the demo UI
+ */
+export interface OTELAttribute {
+    key: string;
+    value: {
+        stringValue?: string;
+        intValue?: string | number;
+        doubleValue?: number;
+        boolValue?: boolean;
+    };
+}
+export interface OTELEvent {
+    timeUnixNano: string;
+    name: string;
+    attributes: OTELAttribute[];
+}
+export interface OTELStatus {
+    code: 'STATUS_CODE_OK' | 'STATUS_CODE_ERROR' | 'STATUS_CODE_UNSET';
+    message?: string;
+}
+export interface OTELSpan {
+    traceId: string;
+    spanId: string;
+    parentSpanId?: string;
+    name: string;
+    kind: string;
+    startTimeUnixNano: string;
+    endTimeUnixNano: string;
+    attributes: OTELAttribute[];
+    events?: OTELEvent[];
+    status: OTELStatus;
+}
+export interface OTELScopeSpan {
+    scope: {
+        name: string;
+        version: string;
+    };
+    spans: OTELSpan[];
+}
+export interface OTELResourceSpan {
+    resource: {
+        attributes: OTELAttribute[];
+    };
+    scopeSpans: OTELScopeSpan[];
+}
+export interface OTELTrace {
+    resourceSpans: OTELResourceSpan[];
+}
+export interface CanvasNode {
+    id: string;
+    nodeType: string;
+    label: string;
+    position: {
+        x: number;
+        y: number;
+    };
+    pv: {
+        events: Array<{
+            name: string;
+        }>;
+        otel: {
+            resourceMatch: Record<string, string>;
+            spanMatch: Record<string, string>;
+        };
+    };
+}
+export interface CanvasEdge {
+    id: string;
+    from: string;
+    to: string;
+    label: string;
+}
+export interface Canvas {
+    pv: {
+        name: string;
+        version: string;
+        description: string;
+    };
+    nodes: CanvasNode[];
+    edges: CanvasEdge[];
+}
+export interface CanvasMetadata {
+    id: string;
+    path: string;
+    name: string;
+    type: 'otel.canvas' | 'canvas';
+    parent: string | null;
+    lastModified: string;
+}
+export interface TraceMetadata {
+    traceId: string;
+    timestamp: string;
+    duration: number;
+    status: 'success' | 'failed' | 'slow';
+    serviceName: string;
+    rootSpan: string;
+    spanCount: number;
+}
+export interface LibraryNodeComponent {
+    label: string;
+    description: string;
+    sources: string[];
+    visual: {
+        shape: string;
+        color: string;
+        icon: string;
+    };
+}
+export interface LibraryEdgeComponent {
+    label: string;
+    style: string;
+    color: string;
+}
+export interface Library {
+    version: string;
+    nodeComponents: Record<string, LibraryNodeComponent>;
+    edgeComponents: Record<string, LibraryEdgeComponent>;
+}
+export interface CoverageData {
+    overall: {
+        expected: number;
+        actual: number;
+        percentage: number;
+    };
+    byComponent: Array<{
+        type: string;
+        expected: number;
+        actual: number;
+        percentage: number;
+        missingFiles: string[];
+    }>;
+}
+export interface ImpactAnalysis {
+    nodeId: string;
+    canvasId: string;
+    analysis: {
+        downstream: Array<{
+            component: string;
+            traffic: string;
+            impact: 'low' | 'medium' | 'high';
+            userFacing: boolean;
+        }>;
+        upstream: Array<{
+            component: string;
+            required: 'always' | 'conditional' | 'optional';
+            failureRate: number;
+        }>;
+        criticalPath: {
+            isBottleneck: boolean;
+            percentageOfTotal: number;
+            avgDuration: number;
+        };
+        blastRadius: {
+            requestsPerMinute: number;
+            affectedWorkflows: number;
+            revenueAtRisk: number;
+        };
+    };
+}
+export interface FileTreeNode {
+    path: string;
+    type: 'directory' | 'file';
+    hasTelemetry?: boolean;
+    coveragePercentage?: number;
+    children?: FileTreeNode[];
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/demo/data/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/demo/data/types.ts"],"names":[],"mappings":"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"}

package/dist/index.d.ts

@@ -0,0 +1,63 @@
+import type { PanelDefinition } from './types';
+export { EventControllerPanel } from './panels/EventControllerPanel';
+export type { EventControllerPanelProps, PlaybackState, PlaybackStatus } from './panels/EventControllerPanel';
+export { CanvasEditorPanel } from './panels/CanvasEditorPanel';
+export type { CanvasEditorPanelProps } from './panels/CanvasEditorPanel';
+export { CanvasDetailPanel } from './panels/CanvasDetailPanel';
+export type { CanvasDetailPanelProps } from './panels/CanvasDetailPanel';
+export { CanvasListPanel } from './panels/CanvasListPanel';
+export { LibraryAnchoringExplainerPanel } from './panels/LibraryAnchoringExplainerPanel';
+export type { LibraryAnchoringExplainerPanelProps } from './panels/LibraryAnchoringExplainerPanel';
+export { NarrativeExplainerPanel } from './panels/NarrativeExplainerPanel';
+export type { NarrativeExplainerPanelProps } from './panels/NarrativeExplainerPanel';
+export { RuntimeValidationExplainerPanel } from './panels/RuntimeValidationExplainerPanel';
+export type { RuntimeValidationExplainerPanelProps } from './panels/RuntimeValidationExplainerPanel';
+export { TestVsProductionExplainerPanel } from './panels/TestVsProductionExplainerPanel';
+export type { TestVsProductionExplainerPanelProps } from './panels/TestVsProductionExplainerPanel';
+export { ScenarioEnumerationExplainerPanel } from './panels/ScenarioEnumerationExplainerPanel';
+export type { ScenarioEnumerationExplainerPanelProps } from './panels/ScenarioEnumerationExplainerPanel';
+export { CanvasTypesExplainerPanel } from './panels/CanvasTypesExplainerPanel';
+export type { CanvasTypesExplainerPanelProps } from './panels/CanvasTypesExplainerPanel';
+export { MonorepoComposabilityExplainerPanel } from './panels/MonorepoComposabilityExplainerPanel';
+export type { MonorepoComposabilityExplainerPanelProps } from './panels/MonorepoComposabilityExplainerPanel';
+export { HierarchicalCanvasCompositionExplainerPanel } from './panels/HierarchicalCanvasCompositionExplainerPanel';
+export type { HierarchicalCanvasCompositionExplainerPanelProps } from './panels/HierarchicalCanvasCompositionExplainerPanel';
+export { BookAnalogyExplainerPanel } from './panels/BookAnalogyExplainerPanel';
+export type { BookAnalogyExplainerPanelProps } from './panels/BookAnalogyExplainerPanel';
+export { ProductionDebuggingExplainerPanel } from './panels/ProductionDebuggingExplainerPanel';
+export type { ProductionDebuggingExplainerPanelProps } from './panels/ProductionDebuggingExplainerPanel';
+export { MultipleCanvasViewsExplainerPanel } from './panels/MultipleCanvasViewsExplainerPanel';
+export type { MultipleCanvasViewsExplainerPanelProps } from './panels/MultipleCanvasViewsExplainerPanel';
+export { TelemetryCoverageExplainerPanel } from './panels/TelemetryCoverageExplainerPanel';
+export type { TelemetryCoverageExplainerPanelProps } from './panels/TelemetryCoverageExplainerPanel';
+export { ChangeImpactAnalysisExplainerPanel } from './panels/ChangeImpactAnalysisExplainerPanel';
+export type { ChangeImpactAnalysisExplainerPanelProps } from './panels/ChangeImpactAnalysisExplainerPanel';
+export { AgentMonitoringGapExplainerPanel } from './panels/AgentMonitoringGapExplainerPanel';
+export type { AgentMonitoringGapExplainerPanelProps } from './panels/AgentMonitoringGapExplainerPanel';
+export { SystemStoriesSolutionExplainerPanel } from './panels/SystemStoriesSolutionExplainerPanel';
+export type { SystemStoriesSolutionExplainerPanelProps } from './panels/SystemStoriesSolutionExplainerPanel';
+export { WhyNowAgentRevolutionExplainerPanel } from './panels/WhyNowAgentRevolutionExplainerPanel';
+export type { WhyNowAgentRevolutionExplainerPanelProps } from './panels/WhyNowAgentRevolutionExplainerPanel';
+export { PanelFileSystemAdapter } from './adapters/PanelFileSystemAdapter';
+export type { FileTreeEntry, PanelFileSystemAdapterOptions } from './adapters/PanelFileSystemAdapter';
+/**
+ * Export array of panel definitions.
+ * This is the required export for panel extensions.
+ */
+export declare const panels: PanelDefinition[];
+/**
+ * Optional: Called once when the entire package is loaded.
+ * Use this for package-level initialization.
+ */
+export declare const onPackageLoad: () => Promise<void>;
+/**
+ * Optional: Called once when the package is unloaded.
+ * Use this for package-level cleanup.
+ */
+export declare const onPackageUnload: () => Promise<void>;
+/**
+ * Export tools for server-safe imports.
+ * Use '@industry-theme/principal-view-panels/tools' to import without React dependencies.
+ */
+export { principalViewPanelTools, principalViewPanelToolsMetadata, focusNodeTool, resetViewTool, triggerEventTool, } from './tools';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

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

package/dist/mocks/panelContext.d.ts

@@ -0,0 +1,31 @@
+import React from 'react';
+import type { PanelComponentProps, PanelContextValue, PanelActions, PanelEventEmitter } from '../types';
+/**
+ * Mock Panel Context for Storybook
+ */
+export declare const createMockContext: (overrides?: Partial<PanelContextValue>) => PanelContextValue;
+/**
+ * Mock Panel Actions for Storybook
+ */
+export declare const createMockActions: (overrides?: Partial<PanelActions> & {
+    readFile?: (path: string) => Promise<string>;
+    writeFile?: (path: string, content: string) => Promise<void>;
+}) => PanelActions & Record<string, any>;
+/**
+ * Mock Event Emitter for Storybook
+ */
+export declare const createMockEvents: () => PanelEventEmitter;
+/**
+ * Mock Panel Props Provider
+ * Wraps components with mock context for Storybook
+ */
+export declare const MockPanelProvider: React.FC<{
+    children: (props: PanelComponentProps) => React.ReactNode;
+    contextOverrides?: Partial<PanelContextValue>;
+    actionsOverrides?: Partial<PanelActions> & {
+        readFile?: (path: string) => Promise<string>;
+        writeFile?: (path: string, content: string) => Promise<void>;
+    };
+    eventsOverride?: PanelEventEmitter;
+}>;
+//# sourceMappingURL=panelContext.d.ts.map

package/dist/mocks/panelContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"panelContext.d.ts","sourceRoot":"","sources":["../../src/mocks/panelContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EACV,mBAAmB,EACnB,iBAAiB,EACjB,YAAY,EACZ,iBAAiB,EAIlB,MAAM,UAAU,CAAC;AA+BlB;;GAEG;AACH,eAAO,MAAM,iBAAiB,GAC5B,YAAY,OAAO,CAAC,iBAAiB,CAAC,KACrC,iBAiHF,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,iBAAiB,GAC5B,YAAY,OAAO,CAAC,YAAY,CAAC,GAAG;IAClC,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC,MAAM,CAAC,CAAC;IAC7C,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;CAC9D,KAEA,YAAY,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CA6BlC,CAAC;AAEH;;GAEG;AACH,eAAO,MAAM,gBAAgB,QAAO,iBAwCnC,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC;IACvC,QAAQ,EAAE,CAAC,KAAK,EAAE,mBAAmB,KAAK,KAAK,CAAC,SAAS,CAAC;IAC1D,gBAAgB,CAAC,EAAE,OAAO,CAAC,iBAAiB,CAAC,CAAC;IAC9C,gBAAgB,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,GAAG;QACzC,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC,MAAM,CAAC,CAAC;QAC7C,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;KAC9D,CAAC;IACF,cAAc,CAAC,EAAE,iBAAiB,CAAC;CACpC,CAMA,CAAC"}

package/dist/mocks/vvfConfigs.d.ts

@@ -0,0 +1,32 @@
+import type { ExtendedCanvas } from '@principal-ai/principal-view-core';
+/**
+ * Mock canvas configurations for Storybook stories
+ */
+export declare const mockSimpleCanvas: ExtendedCanvas;
+export declare const mockControlTowerCanvas: ExtendedCanvas;
+export declare const mockComplexCanvas: ExtendedCanvas;
+/**
+ * Mock canvas demonstrating pv.fill and pv.stroke color properties
+ * This shows the new color system where each node can have distinct fill and stroke colors
+ */
+export declare const mockNodeColorsCanvas: ExtendedCanvas;
+/**
+ * Mock canvas with mixed color sources for testing priority
+ * Tests: pv.fill > node.color > default
+ * Each node uses a unique nodeType to ensure independent color testing
+ */
+export declare const mockColorPriorityCanvas: ExtendedCanvas;
+export declare const mockSimpleCanvasJSON: string;
+export declare const mockComplexCanvasJSON: string;
+export declare const mockControlTowerCanvasJSON: string;
+export declare const mockNodeColorsCanvasJSON: string;
+export declare const mockColorPriorityCanvasJSON: string;
+export declare const createMockFileTree: (config: "simple" | "complex" | "control-tower" | "node-colors" | "color-priority" | "multiple" | "none") => {
+    allFiles: {
+        path: string;
+        relativePath: string;
+        name: string;
+        content?: string;
+    }[];
+};
+//# sourceMappingURL=vvfConfigs.d.ts.map

package/dist/mocks/vvfConfigs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"vvfConfigs.d.ts","sourceRoot":"","sources":["../../src/mocks/vvfConfigs.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAC;AAExE;;GAEG;AAEH,eAAO,MAAM,gBAAgB,EAAE,cAyF9B,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,cA6KpC,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,cA8G/B,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,oBAAoB,EAAE,cAyJlC,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,uBAAuB,EAAE,cAuHrC,CAAC;AAGF,eAAO,MAAM,oBAAoB,QAA4C,CAAC;AAC9E,eAAO,MAAM,qBAAqB,QAA6C,CAAC;AAChF,eAAO,MAAM,0BAA0B,QAAkD,CAAC;AAC1F,eAAO,MAAM,wBAAwB,QAAgD,CAAC;AACtF,eAAO,MAAM,2BAA2B,QAAmD,CAAC;AAG5F,eAAO,MAAM,kBAAkB,GAAI,QAAQ,QAAQ,GAAG,SAAS,GAAG,eAAe,GAAG,aAAa,GAAG,gBAAgB,GAAG,UAAU,GAAG,MAAM;;cAC7G,MAAM;sBAAgB,MAAM;cAAQ,MAAM;kBAAY,MAAM;;CA4ExF,CAAC"}

package/dist/panels/AgentMonitoringGapExplainerPanel.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+export interface AgentMonitoringGapExplainerPanelProps {
+    className?: string;
+}
+export declare const AgentMonitoringGapExplainerPanel: React.FC<AgentMonitoringGapExplainerPanelProps>;
+//# sourceMappingURL=AgentMonitoringGapExplainerPanel.d.ts.map

package/dist/panels/AgentMonitoringGapExplainerPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AgentMonitoringGapExplainerPanel.d.ts","sourceRoot":"","sources":["../../src/panels/AgentMonitoringGapExplainerPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAExC,MAAM,WAAW,qCAAqC;IACpD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAsTD,eAAO,MAAM,gCAAgC,EAAE,KAAK,CAAC,EAAE,CAAC,qCAAqC,CAkF5F,CAAC"}