@industry-theme/principal-view-panels 0.2.0 → 0.2.2

package/dist/panels/CanvasTypesExplainerPanel.stories.d.ts

@@ -0,0 +1,33 @@
+import type { StoryObj } from '@storybook/react-vite';
+import React from 'react';
+/**
+ * CanvasTypesExplainerPanel explains the difference between .canvas (static documentation)
+ * and .otel.canvas (runtime validated) files and when to use each type.
+ */
+declare const meta: {
+    title: string;
+    component: React.FC<import("./CanvasTypesExplainerPanel").CanvasTypesExplainerPanelProps>;
+    parameters: {
+        layout: string;
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+    tags: string[];
+    decorators: ((Story: import("storybook/internal/csf").PartialStoryFn<import("@storybook/react").ReactRenderer, {
+        className?: string | undefined;
+    }>) => import("react/jsx-runtime").JSX.Element)[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+/**
+ * Default view showing the canvas types explanation
+ */
+export declare const Default: Story;
+/**
+ * Wrapped in a container to show how it looks in a constrained space
+ */
+export declare const InContainer: Story;
+//# sourceMappingURL=CanvasTypesExplainerPanel.stories.d.ts.map

package/dist/panels/CanvasTypesExplainerPanel.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CanvasTypesExplainerPanel.stories.d.ts","sourceRoot":"","sources":["../../src/panels/CanvasTypesExplainerPanel.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B;;;GAGG;AACH,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;CAoBwC,CAAC;AAEnD,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC;;GAEG;AACH,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,WAAW,EAAE,KASzB,CAAC"}

package/dist/panels/ChangeImpactAnalysisExplainerPanel.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"ChangeImpactAnalysisExplainerPanel.d.ts","sourceRoot":"","sources":["../../src/panels/ChangeImpactAnalysisExplainerPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAGxC,MAAM,WAAW,uCAAuC;IACtD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AA8cD,eAAO,MAAM,kCAAkC,EAAE,KAAK,CAAC,EAAE,CAAC,uCAAuC,CA2IhG,CAAC;AAEF,eAAe,kCAAkC,CAAC"}

package/dist/panels/ChangeImpactAnalysisExplainerPanel.stories.d.ts

@@ -0,0 +1,33 @@
+import type { StoryObj } from '@storybook/react-vite';
+import React from 'react';
+/**
+ * ChangeImpactAnalysisExplainerPanel explains how to use OTEL traces to understand
+ * downstream effects and upstream requirements when making changes.
+ */
+declare const meta: {
+    title: string;
+    component: React.FC<import("./ChangeImpactAnalysisExplainerPanel").ChangeImpactAnalysisExplainerPanelProps>;
+    parameters: {
+        layout: string;
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+    tags: string[];
+    decorators: ((Story: import("storybook/internal/csf").PartialStoryFn<import("@storybook/react").ReactRenderer, {
+        className?: string | undefined;
+    }>) => import("react/jsx-runtime").JSX.Element)[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+/**
+ * Default view showing the change impact analysis explanation
+ */
+export declare const Default: Story;
+/**
+ * Wrapped in a container to show how it looks in a constrained space
+ */
+export declare const InContainer: Story;
+//# sourceMappingURL=ChangeImpactAnalysisExplainerPanel.stories.d.ts.map

package/dist/panels/ChangeImpactAnalysisExplainerPanel.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChangeImpactAnalysisExplainerPanel.stories.d.ts","sourceRoot":"","sources":["../../src/panels/ChangeImpactAnalysisExplainerPanel.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B;;;GAGG;AACH,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;CAoBiD,CAAC;AAE5D,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC;;GAEG;AACH,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,WAAW,EAAE,KASzB,CAAC"}

package/dist/panels/HierarchicalCanvasCompositionExplainerPanel.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"HierarchicalCanvasCompositionExplainerPanel.d.ts","sourceRoot":"","sources":["../../src/panels/HierarchicalCanvasCompositionExplainerPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAGxC,MAAM,WAAW,gDAAgD;IAC/D,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AA8fD,eAAO,MAAM,2CAA2C,EAAE,KAAK,CAAC,EAAE,CAAC,gDAAgD,CA4IlH,CAAC;AAEF,eAAe,2CAA2C,CAAC"}

package/dist/panels/HierarchicalCanvasCompositionExplainerPanel.stories.d.ts

@@ -0,0 +1,33 @@
+import type { StoryObj } from '@storybook/react-vite';
+import React from 'react';
+/**
+ * HierarchicalCanvasCompositionExplainerPanel explains how to decompose complex systems
+ * into composable canvases using OTEL parent-child span relationships.
+ */
+declare const meta: {
+    title: string;
+    component: React.FC<import("./HierarchicalCanvasCompositionExplainerPanel").HierarchicalCanvasCompositionExplainerPanelProps>;
+    parameters: {
+        layout: string;
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+    tags: string[];
+    decorators: ((Story: import("storybook/internal/csf").PartialStoryFn<import("@storybook/react").ReactRenderer, {
+        className?: string | undefined;
+    }>) => import("react/jsx-runtime").JSX.Element)[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+/**
+ * Default view showing the hierarchical composition explanation
+ */
+export declare const Default: Story;
+/**
+ * Wrapped in a container to show how it looks in a constrained space
+ */
+export declare const InContainer: Story;
+//# sourceMappingURL=HierarchicalCanvasCompositionExplainerPanel.stories.d.ts.map

package/dist/panels/HierarchicalCanvasCompositionExplainerPanel.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HierarchicalCanvasCompositionExplainerPanel.stories.d.ts","sourceRoot":"","sources":["../../src/panels/HierarchicalCanvasCompositionExplainerPanel.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B;;;GAGG;AACH,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;CAoB0D,CAAC;AAErE,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC;;GAEG;AACH,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,WAAW,EAAE,KASzB,CAAC"}

package/dist/panels/LibraryAnchoringExplainerPanel.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"LibraryAnchoringExplainerPanel.d.ts","sourceRoot":"","sources":["../../src/panels/LibraryAnchoringExplainerPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAGxC,MAAM,WAAW,mCAAmC;IAClD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAqkBD,eAAO,MAAM,8BAA8B,EAAE,KAAK,CAAC,EAAE,CAAC,mCAAmC,CAoKxF,CAAC;AAEF,eAAe,8BAA8B,CAAC"}

package/dist/panels/LibraryAnchoringExplainerPanel.stories.d.ts

@@ -0,0 +1,33 @@
+import type { StoryObj } from '@storybook/react-vite';
+import React from 'react';
+/**
+ * LibraryAnchoringExplainerPanel teaches developers how library.yaml files work
+ * with canvas files to anchor architectural components to actual source code.
+ */
+declare const meta: {
+    title: string;
+    component: React.FC<import("./LibraryAnchoringExplainerPanel").LibraryAnchoringExplainerPanelProps>;
+    parameters: {
+        layout: string;
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+    tags: string[];
+    decorators: ((Story: import("storybook/internal/csf").PartialStoryFn<import("@storybook/react").ReactRenderer, {
+        className?: string | undefined;
+    }>) => import("react/jsx-runtime").JSX.Element)[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+/**
+ * Default view showing the library anchoring guide
+ */
+export declare const Default: Story;
+/**
+ * Wrapped in a container to show how it looks in a constrained space
+ */
+export declare const InContainer: Story;
+//# sourceMappingURL=LibraryAnchoringExplainerPanel.stories.d.ts.map

package/dist/panels/LibraryAnchoringExplainerPanel.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LibraryAnchoringExplainerPanel.stories.d.ts","sourceRoot":"","sources":["../../src/panels/LibraryAnchoringExplainerPanel.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B;;;GAGG;AACH,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;CAoB6C,CAAC;AAExD,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC;;GAEG;AACH,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,WAAW,EAAE,KASzB,CAAC"}

package/dist/panels/MonorepoComposabilityExplainerPanel.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"MonorepoComposabilityExplainerPanel.d.ts","sourceRoot":"","sources":["../../src/panels/MonorepoComposabilityExplainerPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAGxC,MAAM,WAAW,wCAAwC;IACvD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AA+eD,eAAO,MAAM,mCAAmC,EAAE,KAAK,CAAC,EAAE,CAAC,wCAAwC,CA4IlG,CAAC;AAEF,eAAe,mCAAmC,CAAC"}

package/dist/panels/MonorepoComposabilityExplainerPanel.stories.d.ts

@@ -0,0 +1,33 @@
+import type { StoryObj } from '@storybook/react-vite';
+import React from 'react';
+/**
+ * MonorepoComposabilityExplainerPanel explains how canvases and traces compose
+ * across package boundaries in a monorepo for end-to-end validation.
+ */
+declare const meta: {
+    title: string;
+    component: React.FC<import("./MonorepoComposabilityExplainerPanel").MonorepoComposabilityExplainerPanelProps>;
+    parameters: {
+        layout: string;
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+    tags: string[];
+    decorators: ((Story: import("storybook/internal/csf").PartialStoryFn<import("@storybook/react").ReactRenderer, {
+        className?: string | undefined;
+    }>) => import("react/jsx-runtime").JSX.Element)[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+/**
+ * Default view showing the monorepo composability explanation
+ */
+export declare const Default: Story;
+/**
+ * Wrapped in a container to show how it looks in a constrained space
+ */
+export declare const InContainer: Story;
+//# sourceMappingURL=MonorepoComposabilityExplainerPanel.stories.d.ts.map

package/dist/panels/MonorepoComposabilityExplainerPanel.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MonorepoComposabilityExplainerPanel.stories.d.ts","sourceRoot":"","sources":["../../src/panels/MonorepoComposabilityExplainerPanel.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B;;;GAGG;AACH,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;CAoBkD,CAAC;AAE7D,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC;;GAEG;AACH,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,WAAW,EAAE,KASzB,CAAC"}

package/dist/panels/MultipleCanvasViewsExplainerPanel.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"MultipleCanvasViewsExplainerPanel.d.ts","sourceRoot":"","sources":["../../src/panels/MultipleCanvasViewsExplainerPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAGxC,MAAM,WAAW,sCAAsC;IACrD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAkgBD,eAAO,MAAM,iCAAiC,EAAE,KAAK,CAAC,EAAE,CAAC,sCAAsC,CA4I9F,CAAC;AAEF,eAAe,iCAAiC,CAAC"}

package/dist/panels/MultipleCanvasViewsExplainerPanel.stories.d.ts

@@ -0,0 +1,33 @@
+import type { StoryObj } from '@storybook/react-vite';
+import React from 'react';
+/**
+ * MultipleCanvasViewsExplainerPanel explains how the same trace can be validated
+ * by multiple different canvases, each providing a different perspective.
+ */
+declare const meta: {
+    title: string;
+    component: React.FC<import("./MultipleCanvasViewsExplainerPanel").MultipleCanvasViewsExplainerPanelProps>;
+    parameters: {
+        layout: string;
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+    tags: string[];
+    decorators: ((Story: import("storybook/internal/csf").PartialStoryFn<import("@storybook/react").ReactRenderer, {
+        className?: string | undefined;
+    }>) => import("react/jsx-runtime").JSX.Element)[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+/**
+ * Default view showing the multiple canvas views explanation
+ */
+export declare const Default: Story;
+/**
+ * Wrapped in a container to show how it looks in a constrained space
+ */
+export declare const InContainer: Story;
+//# sourceMappingURL=MultipleCanvasViewsExplainerPanel.stories.d.ts.map

package/dist/panels/MultipleCanvasViewsExplainerPanel.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultipleCanvasViewsExplainerPanel.stories.d.ts","sourceRoot":"","sources":["../../src/panels/MultipleCanvasViewsExplainerPanel.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B;;;GAGG;AACH,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;CAoBgD,CAAC;AAE3D,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC;;GAEG;AACH,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,WAAW,EAAE,KASzB,CAAC"}

package/dist/panels/ProductionDebuggingExplainerPanel.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"ProductionDebuggingExplainerPanel.d.ts","sourceRoot":"","sources":["../../src/panels/ProductionDebuggingExplainerPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAGxC,MAAM,WAAW,sCAAsC;IACrD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAwdD,eAAO,MAAM,iCAAiC,EAAE,KAAK,CAAC,EAAE,CAAC,sCAAsC,CA4I9F,CAAC;AAEF,eAAe,iCAAiC,CAAC"}

package/dist/panels/ProductionDebuggingExplainerPanel.stories.d.ts

@@ -0,0 +1,33 @@
+import type { StoryObj } from '@storybook/react-vite';
+import React from 'react';
+/**
+ * ProductionDebuggingExplainerPanel explains how hierarchical canvases help
+ * rapidly isolate and debug production issues by matching traces to canvas nodes.
+ */
+declare const meta: {
+    title: string;
+    component: React.FC<import("./ProductionDebuggingExplainerPanel").ProductionDebuggingExplainerPanelProps>;
+    parameters: {
+        layout: string;
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+    tags: string[];
+    decorators: ((Story: import("storybook/internal/csf").PartialStoryFn<import("@storybook/react").ReactRenderer, {
+        className?: string | undefined;
+    }>) => import("react/jsx-runtime").JSX.Element)[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+/**
+ * Default view showing the production debugging explanation
+ */
+export declare const Default: Story;
+/**
+ * Wrapped in a container to show how it looks in a constrained space
+ */
+export declare const InContainer: Story;
+//# sourceMappingURL=ProductionDebuggingExplainerPanel.stories.d.ts.map

package/dist/panels/ProductionDebuggingExplainerPanel.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProductionDebuggingExplainerPanel.stories.d.ts","sourceRoot":"","sources":["../../src/panels/ProductionDebuggingExplainerPanel.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B;;;GAGG;AACH,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;CAoBgD,CAAC;AAE3D,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC;;GAEG;AACH,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,WAAW,EAAE,KASzB,CAAC"}

package/dist/panels/RuntimeValidationExplainerPanel.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"RuntimeValidationExplainerPanel.d.ts","sourceRoot":"","sources":["../../src/panels/RuntimeValidationExplainerPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAGxC,MAAM,WAAW,oCAAoC;IACnD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAohBD,eAAO,MAAM,+BAA+B,EAAE,KAAK,CAAC,EAAE,CAAC,oCAAoC,CAoK1F,CAAC;AAEF,eAAe,+BAA+B,CAAC"}

package/dist/panels/RuntimeValidationExplainerPanel.stories.d.ts

@@ -0,0 +1,33 @@
+import type { StoryObj } from '@storybook/react-vite';
+import React from 'react';
+/**
+ * RuntimeValidationExplainerPanel explains the problem that runtime validation solves:
+ * how to verify that your code actually does what you expect at runtime, not just that tests pass.
+ */
+declare const meta: {
+    title: string;
+    component: React.FC<import("./RuntimeValidationExplainerPanel").RuntimeValidationExplainerPanelProps>;
+    parameters: {
+        layout: string;
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+    tags: string[];
+    decorators: ((Story: import("storybook/internal/csf").PartialStoryFn<import("@storybook/react").ReactRenderer, {
+        className?: string | undefined;
+    }>) => import("react/jsx-runtime").JSX.Element)[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+/**
+ * Default view showing the runtime validation problem explanation
+ */
+export declare const Default: Story;
+/**
+ * Wrapped in a container to show how it looks in a constrained space
+ */
+export declare const InContainer: Story;
+//# sourceMappingURL=RuntimeValidationExplainerPanel.stories.d.ts.map

package/dist/panels/RuntimeValidationExplainerPanel.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RuntimeValidationExplainerPanel.stories.d.ts","sourceRoot":"","sources":["../../src/panels/RuntimeValidationExplainerPanel.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B;;;GAGG;AACH,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;CAoB8C,CAAC;AAEzD,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC;;GAEG;AACH,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,WAAW,EAAE,KASzB,CAAC"}

package/dist/panels/ScenarioEnumerationExplainerPanel.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"ScenarioEnumerationExplainerPanel.d.ts","sourceRoot":"","sources":["../../src/panels/ScenarioEnumerationExplainerPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAGxC,MAAM,WAAW,sCAAsC;IACrD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAweD,eAAO,MAAM,iCAAiC,EAAE,KAAK,CAAC,EAAE,CAAC,sCAAsC,CAoK9F,CAAC;AAEF,eAAe,iCAAiC,CAAC"}

package/dist/panels/ScenarioEnumerationExplainerPanel.stories.d.ts

@@ -0,0 +1,33 @@
+import type { StoryObj } from '@storybook/react-vite';
+import React from 'react';
+/**
+ * ScenarioEnumerationExplainerPanel explains how narrative scenarios work with canvas files
+ * to enumerate all expected functionality and validate runtime behavior.
+ */
+declare const meta: {
+    title: string;
+    component: React.FC<import("./ScenarioEnumerationExplainerPanel").ScenarioEnumerationExplainerPanelProps>;
+    parameters: {
+        layout: string;
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+    tags: string[];
+    decorators: ((Story: import("storybook/internal/csf").PartialStoryFn<import("@storybook/react").ReactRenderer, {
+        className?: string | undefined;
+    }>) => import("react/jsx-runtime").JSX.Element)[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+/**
+ * Default view showing the scenario enumeration explanation
+ */
+export declare const Default: Story;
+/**
+ * Wrapped in a container to show how it looks in a constrained space
+ */
+export declare const InContainer: Story;
+//# sourceMappingURL=ScenarioEnumerationExplainerPanel.stories.d.ts.map

package/dist/panels/ScenarioEnumerationExplainerPanel.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScenarioEnumerationExplainerPanel.stories.d.ts","sourceRoot":"","sources":["../../src/panels/ScenarioEnumerationExplainerPanel.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B;;;GAGG;AACH,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;CAoBgD,CAAC;AAE3D,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC;;GAEG;AACH,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,WAAW,EAAE,KASzB,CAAC"}

package/dist/panels/TelemetryCoverageExplainerPanel.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"TelemetryCoverageExplainerPanel.d.ts","sourceRoot":"","sources":["../../src/panels/TelemetryCoverageExplainerPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAGxC,MAAM,WAAW,oCAAoC;IACnD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AA+bD,eAAO,MAAM,+BAA+B,EAAE,KAAK,CAAC,EAAE,CAAC,oCAAoC,CA2I1F,CAAC;AAEF,eAAe,+BAA+B,CAAC"}

package/dist/panels/TelemetryCoverageExplainerPanel.stories.d.ts

@@ -0,0 +1,33 @@
+import type { StoryObj } from '@storybook/react-vite';
+import React from 'react';
+/**
+ * TelemetryCoverageExplainerPanel explains how to measure telemetry coverage
+ * using library.yaml sources and OTEL code.filepath attributes.
+ */
+declare const meta: {
+    title: string;
+    component: React.FC<import("./TelemetryCoverageExplainerPanel").TelemetryCoverageExplainerPanelProps>;
+    parameters: {
+        layout: string;
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+    tags: string[];
+    decorators: ((Story: import("storybook/internal/csf").PartialStoryFn<import("@storybook/react").ReactRenderer, {
+        className?: string | undefined;
+    }>) => import("react/jsx-runtime").JSX.Element)[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+/**
+ * Default view showing the telemetry coverage explanation
+ */
+export declare const Default: Story;
+/**
+ * Wrapped in a container to show how it looks in a constrained space
+ */
+export declare const InContainer: Story;
+//# sourceMappingURL=TelemetryCoverageExplainerPanel.stories.d.ts.map

package/dist/panels/TelemetryCoverageExplainerPanel.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TelemetryCoverageExplainerPanel.stories.d.ts","sourceRoot":"","sources":["../../src/panels/TelemetryCoverageExplainerPanel.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B;;;GAGG;AACH,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;CAoB8C,CAAC;AAEzD,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC;;GAEG;AACH,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,WAAW,EAAE,KASzB,CAAC"}

package/dist/panels/TestVsProductionExplainerPanel.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"TestVsProductionExplainerPanel.d.ts","sourceRoot":"","sources":["../../src/panels/TestVsProductionExplainerPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAGxC,MAAM,WAAW,mCAAmC;IAClD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAuhBD,eAAO,MAAM,8BAA8B,EAAE,KAAK,CAAC,EAAE,CAAC,mCAAmC,CA4JxF,CAAC;AAEF,eAAe,8BAA8B,CAAC"}

package/dist/panels/TestVsProductionExplainerPanel.stories.d.ts

@@ -0,0 +1,33 @@
+import type { StoryObj } from '@storybook/react-vite';
+import React from 'react';
+/**
+ * TestVsProductionExplainerPanel clarifies the difference between test execution validation
+ * and production telemetry monitoring - how the same infrastructure serves different purposes.
+ */
+declare const meta: {
+    title: string;
+    component: React.FC<import("./TestVsProductionExplainerPanel").TestVsProductionExplainerPanelProps>;
+    parameters: {
+        layout: string;
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+    tags: string[];
+    decorators: ((Story: import("storybook/internal/csf").PartialStoryFn<import("@storybook/react").ReactRenderer, {
+        className?: string | undefined;
+    }>) => import("react/jsx-runtime").JSX.Element)[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+/**
+ * Default view showing the test vs production explanation
+ */
+export declare const Default: Story;
+/**
+ * Wrapped in a container to show how it looks in a constrained space
+ */
+export declare const InContainer: Story;
+//# sourceMappingURL=TestVsProductionExplainerPanel.stories.d.ts.map

package/dist/panels/TestVsProductionExplainerPanel.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TestVsProductionExplainerPanel.stories.d.ts","sourceRoot":"","sources":["../../src/panels/TestVsProductionExplainerPanel.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B;;;GAGG;AACH,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;CAoB6C,CAAC;AAExD,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC;;GAEG;AACH,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,WAAW,EAAE,KASzB,CAAC"}

package/dist/panels/canvas-list/components/CanvasCard.d.ts

@@ -1,8 +1,8 @@
 import React from 'react';
-import type { CanvasFile } from '../../execution-viewer/ExecutionLoader';
+import type { DiscoveredCanvas } from '@principal-ai/principal-view-core/browser';
 interface CanvasCardProps {
-    canvas: CanvasFile;
-    onClick: (canvas: CanvasFile) => void;
+    canvas: DiscoveredCanvas;
+    onClick: (canvas: DiscoveredCanvas) => void;
     isSelected?: boolean;
 }
 /**

package/dist/panels/canvas-list/components/CanvasCard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CanvasCard.d.ts","sourceRoot":"","sources":["../../../../src/panels/canvas-list/components/CanvasCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,wCAAwC,CAAC;AAEzE,UAAU,eAAe;IACvB,MAAM,EAAE,UAAU,CAAC;IACnB,OAAO,EAAE,CAAC,MAAM,EAAE,UAAU,KAAK,IAAI,CAAC;IACtC,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED;;GAEG;AACH,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAgFhD,CAAC"}
+{"version":3,"file":"CanvasCard.d.ts","sourceRoot":"","sources":["../../../../src/panels/canvas-list/components/CanvasCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,2CAA2C,CAAC;AAElF,UAAU,eAAe;IACvB,MAAM,EAAE,gBAAgB,CAAC;IACzB,OAAO,EAAE,CAAC,MAAM,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAC5C,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED;;GAEG;AACH,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAqGhD,CAAC"}

package/dist/panels/canvas-list/hooks/useCanvasData.d.ts

@@ -1,16 +1,17 @@
 import type { PanelContextValue } from '@principal-ade/panel-framework-core';
-import { type CanvasFile } from '../../execution-viewer/ExecutionLoader';
+import { type DiscoveredCanvas } from '@principal-ai/principal-view-core/browser';
 interface UseCanvasDataParams {
     context: PanelContextValue;
 }
 interface UseCanvasDataReturn {
-    canvases: CanvasFile[];
+    canvases: DiscoveredCanvas[];
     isLoading: boolean;
     error: string | null;
     refreshCanvases: () => Promise<void>;
 }
 /**
- * Hook to discover and load .otel.canvas files from the file tree
+ * Hook to discover and load canvas files from the file tree
+ * Uses the new package-aware CanvasDiscovery system
  */
 export declare const useCanvasData: ({ context, }: UseCanvasDataParams) => UseCanvasDataReturn;
 export {};

package/dist/panels/canvas-list/hooks/useCanvasData.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useCanvasData.d.ts","sourceRoot":"","sources":["../../../../src/panels/canvas-list/hooks/useCanvasData.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,qCAAqC,CAAC;AAC7E,OAAO,EAAmB,KAAK,UAAU,EAAE,MAAM,wCAAwC,CAAC;AAE1F,UAAU,mBAAmB;IAC3B,OAAO,EAAE,iBAAiB,CAAC;CAC5B;AAED,UAAU,mBAAmB;IAC3B,QAAQ,EAAE,UAAU,EAAE,CAAC;IACvB,SAAS,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,eAAe,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;CACtC;AAKD;;GAEG;AACH,eAAO,MAAM,aAAa,GAAI,cAE3B,mBAAmB,KAAG,mBAqExB,CAAC"}
+{"version":3,"file":"useCanvasData.d.ts","sourceRoot":"","sources":["../../../../src/panels/canvas-list/hooks/useCanvasData.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,qCAAqC,CAAC;AAC7E,OAAO,EAAmB,KAAK,gBAAgB,EAAE,MAAM,2CAA2C,CAAC;AAGnG,UAAU,mBAAmB;IAC3B,OAAO,EAAE,iBAAiB,CAAC;CAC5B;AAED,UAAU,mBAAmB;IAC3B,QAAQ,EAAE,gBAAgB,EAAE,CAAC;IAC7B,SAAS,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,eAAe,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;CACtC;AAKD;;;GAGG;AACH,eAAO,MAAM,aAAa,GAAI,cAE3B,mBAAmB,KAAG,mBAgGxB,CAAC"}