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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (83) hide show
  1. package/dist/demo/DemoApp.d.ts +13 -0
  2. package/dist/demo/DemoApp.d.ts.map +1 -0
  3. package/dist/demo/DemoApp.stories.d.ts +71 -0
  4. package/dist/demo/DemoApp.stories.d.ts.map +1 -0
  5. package/dist/demo/api/browser.d.ts +15 -0
  6. package/dist/demo/api/browser.d.ts.map +1 -0
  7. package/dist/demo/api/handlers.d.ts +8 -0
  8. package/dist/demo/api/handlers.d.ts.map +1 -0
  9. package/dist/demo/components/BookDetails/BookDetails.d.ts +17 -0
  10. package/dist/demo/components/BookDetails/BookDetails.d.ts.map +1 -0
  11. package/dist/demo/components/CardCatalog/CardCatalog.d.ts +16 -0
  12. package/dist/demo/components/CardCatalog/CardCatalog.d.ts.map +1 -0
  13. package/dist/demo/components/ReadingRoom/ReadingRoom.d.ts +17 -0
  14. package/dist/demo/components/ReadingRoom/ReadingRoom.d.ts.map +1 -0
  15. package/dist/demo/data/mockData.d.ts +33 -0
  16. package/dist/demo/data/mockData.d.ts.map +1 -0
  17. package/dist/demo/data/types.d.ts +168 -0
  18. package/dist/demo/data/types.d.ts.map +1 -0
  19. package/dist/index-DYqj9jLR.js +1078 -0
  20. package/dist/index-DYqj9jLR.js.map +1 -0
  21. package/dist/index.d.ts +26 -0
  22. package/dist/index.d.ts.map +1 -1
  23. package/dist/mockServiceWorker.js +349 -0
  24. package/dist/panels/BookAnalogyExplainerPanel.d.ts +7 -0
  25. package/dist/panels/BookAnalogyExplainerPanel.d.ts.map +1 -0
  26. package/dist/panels/BookAnalogyExplainerPanel.stories.d.ts +33 -0
  27. package/dist/panels/BookAnalogyExplainerPanel.stories.d.ts.map +1 -0
  28. package/dist/panels/CanvasListPanel.d.ts.map +1 -1
  29. package/dist/panels/CanvasListPanel.stories.d.ts +5 -0
  30. package/dist/panels/CanvasListPanel.stories.d.ts.map +1 -1
  31. package/dist/panels/CanvasTypesExplainerPanel.d.ts +7 -0
  32. package/dist/panels/CanvasTypesExplainerPanel.d.ts.map +1 -0
  33. package/dist/panels/CanvasTypesExplainerPanel.stories.d.ts +33 -0
  34. package/dist/panels/CanvasTypesExplainerPanel.stories.d.ts.map +1 -0
  35. package/dist/panels/ChangeImpactAnalysisExplainerPanel.d.ts +7 -0
  36. package/dist/panels/ChangeImpactAnalysisExplainerPanel.d.ts.map +1 -0
  37. package/dist/panels/ChangeImpactAnalysisExplainerPanel.stories.d.ts +33 -0
  38. package/dist/panels/ChangeImpactAnalysisExplainerPanel.stories.d.ts.map +1 -0
  39. package/dist/panels/HierarchicalCanvasCompositionExplainerPanel.d.ts +7 -0
  40. package/dist/panels/HierarchicalCanvasCompositionExplainerPanel.d.ts.map +1 -0
  41. package/dist/panels/HierarchicalCanvasCompositionExplainerPanel.stories.d.ts +33 -0
  42. package/dist/panels/HierarchicalCanvasCompositionExplainerPanel.stories.d.ts.map +1 -0
  43. package/dist/panels/LibraryAnchoringExplainerPanel.d.ts +7 -0
  44. package/dist/panels/LibraryAnchoringExplainerPanel.d.ts.map +1 -0
  45. package/dist/panels/LibraryAnchoringExplainerPanel.stories.d.ts +33 -0
  46. package/dist/panels/LibraryAnchoringExplainerPanel.stories.d.ts.map +1 -0
  47. package/dist/panels/MonorepoComposabilityExplainerPanel.d.ts +7 -0
  48. package/dist/panels/MonorepoComposabilityExplainerPanel.d.ts.map +1 -0
  49. package/dist/panels/MonorepoComposabilityExplainerPanel.stories.d.ts +33 -0
  50. package/dist/panels/MonorepoComposabilityExplainerPanel.stories.d.ts.map +1 -0
  51. package/dist/panels/MultipleCanvasViewsExplainerPanel.d.ts +7 -0
  52. package/dist/panels/MultipleCanvasViewsExplainerPanel.d.ts.map +1 -0
  53. package/dist/panels/MultipleCanvasViewsExplainerPanel.stories.d.ts +33 -0
  54. package/dist/panels/MultipleCanvasViewsExplainerPanel.stories.d.ts.map +1 -0
  55. package/dist/panels/ProductionDebuggingExplainerPanel.d.ts +7 -0
  56. package/dist/panels/ProductionDebuggingExplainerPanel.d.ts.map +1 -0
  57. package/dist/panels/ProductionDebuggingExplainerPanel.stories.d.ts +33 -0
  58. package/dist/panels/ProductionDebuggingExplainerPanel.stories.d.ts.map +1 -0
  59. package/dist/panels/RuntimeValidationExplainerPanel.d.ts +7 -0
  60. package/dist/panels/RuntimeValidationExplainerPanel.d.ts.map +1 -0
  61. package/dist/panels/RuntimeValidationExplainerPanel.stories.d.ts +33 -0
  62. package/dist/panels/RuntimeValidationExplainerPanel.stories.d.ts.map +1 -0
  63. package/dist/panels/ScenarioEnumerationExplainerPanel.d.ts +7 -0
  64. package/dist/panels/ScenarioEnumerationExplainerPanel.d.ts.map +1 -0
  65. package/dist/panels/ScenarioEnumerationExplainerPanel.stories.d.ts +33 -0
  66. package/dist/panels/ScenarioEnumerationExplainerPanel.stories.d.ts.map +1 -0
  67. package/dist/panels/TelemetryCoverageExplainerPanel.d.ts +7 -0
  68. package/dist/panels/TelemetryCoverageExplainerPanel.d.ts.map +1 -0
  69. package/dist/panels/TelemetryCoverageExplainerPanel.stories.d.ts +33 -0
  70. package/dist/panels/TelemetryCoverageExplainerPanel.stories.d.ts.map +1 -0
  71. package/dist/panels/TestVsProductionExplainerPanel.d.ts +7 -0
  72. package/dist/panels/TestVsProductionExplainerPanel.d.ts.map +1 -0
  73. package/dist/panels/TestVsProductionExplainerPanel.stories.d.ts +33 -0
  74. package/dist/panels/TestVsProductionExplainerPanel.stories.d.ts.map +1 -0
  75. package/dist/panels/canvas-list/components/CanvasCard.d.ts +3 -3
  76. package/dist/panels/canvas-list/components/CanvasCard.d.ts.map +1 -1
  77. package/dist/panels/canvas-list/hooks/useCanvasData.d.ts +4 -3
  78. package/dist/panels/canvas-list/hooks/useCanvasData.d.ts.map +1 -1
  79. package/dist/panels.bundle.js +33799 -23355
  80. package/dist/panels.bundle.js.map +1 -1
  81. package/dist/stubs/codebase-quality-lenses-stub.d.ts +26 -0
  82. package/dist/stubs/codebase-quality-lenses-stub.d.ts.map +1 -0
  83. package/package.json +8 -2
@@ -0,0 +1,13 @@
1
+ import React from 'react';
2
+ import './styles/library-theme.css';
3
+ import './styles/demo-layout.css';
4
+ /**
5
+ * Main Demo Application Component
6
+ * Implements the three-panel library layout:
7
+ * 1. Card Catalog (left sidebar) - File tree navigation
8
+ * 2. Reading Room (center) - Main canvas view
9
+ * 3. Book Details (bottom) - Details panel with tabs
10
+ */
11
+ export declare const DemoApp: React.FC;
12
+ export default DemoApp;
13
+ //# sourceMappingURL=DemoApp.d.ts.map
@@ -0,0 +1 @@
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,EAqF3B,CAAC;AAEF,eAAe,OAAO,CAAC"}
@@ -0,0 +1,71 @@
1
+ import type { StoryObj } from '@storybook/react-vite';
2
+ /**
3
+ * Demo UI showcasing runtime validation with a library/book aesthetic
4
+ *
5
+ * This demo provides an interactive view of:
6
+ * - Canvas files (.otel.canvas) from a file tree
7
+ * - OTEL trace visualization overlaid on canvases
8
+ * - Trace timeline, node details, events, and coverage analysis
9
+ *
10
+ * Features:
11
+ * - Card Catalog: File tree navigation for canvases and traces
12
+ * - Reading Room: Main canvas view with trace overlay
13
+ * - Book Details: Bottom panel with tabs for detailed information
14
+ * - Library/Book aesthetic: Leather-bound, aged paper, gold accents
15
+ *
16
+ * Mock Data:
17
+ * - Checkout Flow canvas with 4 nodes
18
+ * - Failed trace showing inventory timeout
19
+ * - Successful trace showing full flow
20
+ * - Coverage data across components
21
+ *
22
+ * Note: MSW (Mock Service Worker) is initialized globally in .storybook/preview.ts
23
+ */
24
+ declare const meta: {
25
+ title: string;
26
+ component: import("react").FC<{}>;
27
+ parameters: {
28
+ layout: string;
29
+ docs: {
30
+ description: {
31
+ component: string;
32
+ };
33
+ };
34
+ };
35
+ tags: string[];
36
+ };
37
+ export default meta;
38
+ type Story = StoryObj<typeof meta>;
39
+ /**
40
+ * Default demo view with MSW mocked APIs
41
+ *
42
+ * MSW provides realistic API responses for canvases, traces, and coverage data.
43
+ *
44
+ * Instructions:
45
+ * 1. Select "Checkout Flow" canvas from the Card Catalog
46
+ * 2. Select a trace from Reading Sessions to see overlay
47
+ * 3. Click nodes to see details
48
+ * 4. Explore different tabs in Book Details panel
49
+ */
50
+ export declare const Default: Story;
51
+ /**
52
+ * Production Debugging Workflow
53
+ *
54
+ * Demonstrates how to use the demo to debug a production issue:
55
+ * 1. Failed trace shows inventory check timeout
56
+ * 2. Timeline tab shows which span failed
57
+ * 3. Node details show expected vs actual behavior
58
+ * 4. Events tab shows what happened before failure
59
+ */
60
+ export declare const ProductionDebuggingWorkflow: Story;
61
+ /**
62
+ * Telemetry Coverage Analysis
63
+ *
64
+ * Demonstrates how to analyze telemetry coverage:
65
+ * 1. Navigate to Coverage tab
66
+ * 2. See overall coverage percentage
67
+ * 3. View breakdown by component type
68
+ * 4. Identify missing files that lack instrumentation
69
+ */
70
+ export declare const TelemetryCoverageAnalysis: Story;
71
+ //# sourceMappingURL=DemoApp.stories.d.ts.map
@@ -0,0 +1 @@
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"}
@@ -0,0 +1,15 @@
1
+ /**
2
+ * MSW browser setup for the demo
3
+ *
4
+ * This worker is automatically initialized in .storybook/preview.ts for Storybook.
5
+ * For standalone usage:
6
+ * 1. Install: npm install msw --save-dev
7
+ * 2. Run: npx msw init public/ --save
8
+ * 3. Import worker and call: worker.start()
9
+ */
10
+ /**
11
+ * Create the MSW worker with our handlers
12
+ * This is exported and started globally in Storybook's preview.ts
13
+ */
14
+ export declare const worker: import("msw/browser").SetupWorker;
15
+ //# sourceMappingURL=browser.d.ts.map
@@ -0,0 +1 @@
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"}
@@ -0,0 +1,8 @@
1
+ /**
2
+ * MSW (Mock Service Worker) handlers for the demo API
3
+ *
4
+ * To use MSW, install it with: npm install msw --save-dev
5
+ * Then run: npx msw init public/ --save
6
+ */
7
+ export declare const handlers: import("msw").HttpHandler[];
8
+ //# sourceMappingURL=handlers.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"handlers.d.ts","sourceRoot":"","sources":["../../../src/demo/api/handlers.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAgBH,eAAO,MAAM,QAAQ,6BA6KpB,CAAC"}
@@ -0,0 +1,17 @@
1
+ import React from 'react';
2
+ import type { Canvas, OTELTrace } from '../../data/types';
3
+ import './BookDetails.css';
4
+ interface BookDetailsProps {
5
+ canvas: Canvas | null;
6
+ canvasId: string | null;
7
+ trace: OTELTrace | null;
8
+ traceId: string | null;
9
+ selectedNodeId: string | null;
10
+ }
11
+ /**
12
+ * Book Details Component
13
+ * Bottom panel with tabs for trace timeline, node details, events, and coverage
14
+ */
15
+ export declare const BookDetails: React.FC<BookDetailsProps>;
16
+ export {};
17
+ //# sourceMappingURL=BookDetails.d.ts.map
@@ -0,0 +1 @@
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,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,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,CA2QlD,CAAC"}
@@ -0,0 +1,16 @@
1
+ import React from 'react';
2
+ import './CardCatalog.css';
3
+ interface CardCatalogProps {
4
+ onSelectCanvas: (canvasId: string) => void;
5
+ onSelectTrace: (traceId: string) => void;
6
+ selectedCanvasId: string | null;
7
+ selectedTraceId: string | null;
8
+ }
9
+ /**
10
+ * Card Catalog Component
11
+ * Left sidebar with file tree navigation for canvases and traces
12
+ * Styled like a wooden card catalog with drawer sections
13
+ */
14
+ export declare const CardCatalog: React.FC<CardCatalogProps>;
15
+ export {};
16
+ //# sourceMappingURL=CardCatalog.d.ts.map
@@ -0,0 +1 @@
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"}
@@ -0,0 +1,17 @@
1
+ import React from 'react';
2
+ import type { Canvas, OTELTrace } from '../../data/types';
3
+ import './ReadingRoom.css';
4
+ interface ReadingRoomProps {
5
+ canvas: Canvas | null;
6
+ trace: OTELTrace | null;
7
+ onSelectNode: (nodeId: string) => void;
8
+ selectedNodeId: string | null;
9
+ }
10
+ /**
11
+ * Reading Room Component
12
+ * Main canvas view with aged paper background
13
+ * Displays canvas diagram with optional trace overlay
14
+ */
15
+ export declare const ReadingRoom: React.FC<ReadingRoomProps>;
16
+ export {};
17
+ //# sourceMappingURL=ReadingRoom.d.ts.map
@@ -0,0 +1 @@
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"}
@@ -0,0 +1,33 @@
1
+ /**
2
+ * Mock data for the demo UI
3
+ */
4
+ import type { Canvas, CanvasMetadata, OTELTrace, TraceMetadata, CoverageData, ImpactAnalysis, FileTreeNode } from './types';
5
+ /**
6
+ * Canvas metadata list
7
+ */
8
+ export declare const canvasMetadataList: CanvasMetadata[];
9
+ /**
10
+ * Canvases by ID
11
+ */
12
+ export declare const canvases: Record<string, Canvas>;
13
+ /**
14
+ * Trace metadata list
15
+ */
16
+ export declare const traceMetadataList: TraceMetadata[];
17
+ /**
18
+ * Traces by ID
19
+ */
20
+ export declare const traces: Record<string, OTELTrace>;
21
+ /**
22
+ * Mock coverage data
23
+ */
24
+ export declare const mockCoverageData: CoverageData;
25
+ /**
26
+ * Mock impact analysis data
27
+ */
28
+ export declare const mockImpactAnalysis: Record<string, ImpactAnalysis>;
29
+ /**
30
+ * Mock file tree
31
+ */
32
+ export declare const mockFileTree: FileTreeNode[];
33
+ //# sourceMappingURL=mockData.d.ts.map
@@ -0,0 +1 @@
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"}
@@ -0,0 +1,168 @@
1
+ /**
2
+ * Type definitions for the demo UI
3
+ */
4
+ export interface OTELAttribute {
5
+ key: string;
6
+ value: {
7
+ stringValue?: string;
8
+ intValue?: string | number;
9
+ doubleValue?: number;
10
+ boolValue?: boolean;
11
+ };
12
+ }
13
+ export interface OTELEvent {
14
+ timeUnixNano: string;
15
+ name: string;
16
+ attributes: OTELAttribute[];
17
+ }
18
+ export interface OTELStatus {
19
+ code: 'STATUS_CODE_OK' | 'STATUS_CODE_ERROR' | 'STATUS_CODE_UNSET';
20
+ message?: string;
21
+ }
22
+ export interface OTELSpan {
23
+ traceId: string;
24
+ spanId: string;
25
+ parentSpanId?: string;
26
+ name: string;
27
+ kind: string;
28
+ startTimeUnixNano: string;
29
+ endTimeUnixNano: string;
30
+ attributes: OTELAttribute[];
31
+ events?: OTELEvent[];
32
+ status: OTELStatus;
33
+ }
34
+ export interface OTELScopeSpan {
35
+ scope: {
36
+ name: string;
37
+ version: string;
38
+ };
39
+ spans: OTELSpan[];
40
+ }
41
+ export interface OTELResourceSpan {
42
+ resource: {
43
+ attributes: OTELAttribute[];
44
+ };
45
+ scopeSpans: OTELScopeSpan[];
46
+ }
47
+ export interface OTELTrace {
48
+ resourceSpans: OTELResourceSpan[];
49
+ }
50
+ export interface CanvasNode {
51
+ id: string;
52
+ nodeType: string;
53
+ label: string;
54
+ position: {
55
+ x: number;
56
+ y: number;
57
+ };
58
+ pv: {
59
+ events: Array<{
60
+ name: string;
61
+ }>;
62
+ otel: {
63
+ resourceMatch: Record<string, string>;
64
+ spanMatch: Record<string, string>;
65
+ };
66
+ };
67
+ }
68
+ export interface CanvasEdge {
69
+ id: string;
70
+ from: string;
71
+ to: string;
72
+ label: string;
73
+ }
74
+ export interface Canvas {
75
+ pv: {
76
+ name: string;
77
+ version: string;
78
+ description: string;
79
+ };
80
+ nodes: CanvasNode[];
81
+ edges: CanvasEdge[];
82
+ }
83
+ export interface CanvasMetadata {
84
+ id: string;
85
+ path: string;
86
+ name: string;
87
+ type: 'otel.canvas' | 'canvas';
88
+ parent: string | null;
89
+ lastModified: string;
90
+ }
91
+ export interface TraceMetadata {
92
+ traceId: string;
93
+ timestamp: string;
94
+ duration: number;
95
+ status: 'success' | 'failed' | 'slow';
96
+ serviceName: string;
97
+ rootSpan: string;
98
+ spanCount: number;
99
+ }
100
+ export interface LibraryNodeComponent {
101
+ label: string;
102
+ description: string;
103
+ sources: string[];
104
+ visual: {
105
+ shape: string;
106
+ color: string;
107
+ icon: string;
108
+ };
109
+ }
110
+ export interface LibraryEdgeComponent {
111
+ label: string;
112
+ style: string;
113
+ color: string;
114
+ }
115
+ export interface Library {
116
+ version: string;
117
+ nodeComponents: Record<string, LibraryNodeComponent>;
118
+ edgeComponents: Record<string, LibraryEdgeComponent>;
119
+ }
120
+ export interface CoverageData {
121
+ overall: {
122
+ expected: number;
123
+ actual: number;
124
+ percentage: number;
125
+ };
126
+ byComponent: Array<{
127
+ type: string;
128
+ expected: number;
129
+ actual: number;
130
+ percentage: number;
131
+ missingFiles: string[];
132
+ }>;
133
+ }
134
+ export interface ImpactAnalysis {
135
+ nodeId: string;
136
+ canvasId: string;
137
+ analysis: {
138
+ downstream: Array<{
139
+ component: string;
140
+ traffic: string;
141
+ impact: 'low' | 'medium' | 'high';
142
+ userFacing: boolean;
143
+ }>;
144
+ upstream: Array<{
145
+ component: string;
146
+ required: 'always' | 'conditional' | 'optional';
147
+ failureRate: number;
148
+ }>;
149
+ criticalPath: {
150
+ isBottleneck: boolean;
151
+ percentageOfTotal: number;
152
+ avgDuration: number;
153
+ };
154
+ blastRadius: {
155
+ requestsPerMinute: number;
156
+ affectedWorkflows: number;
157
+ revenueAtRisk: number;
158
+ };
159
+ };
160
+ }
161
+ export interface FileTreeNode {
162
+ path: string;
163
+ type: 'directory' | 'file';
164
+ hasTelemetry?: boolean;
165
+ coveragePercentage?: number;
166
+ children?: FileTreeNode[];
167
+ }
168
+ //# sourceMappingURL=types.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/demo/data/types.ts"],"names":[],"mappings":"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"}