@industry-theme/principal-view-panels 0.1.30 → 0.1.32

package/dist/index.d.ts

@@ -1,6 +1,7 @@
 import type { PanelDefinition } from './types';
 export { EventControllerPanel } from './panels/EventControllerPanel';
 export type { EventControllerPanelProps, PlaybackState, PlaybackStatus } from './panels/EventControllerPanel';
+export { TraceViewerPanel } from './panels/TraceViewerPanel';
 export { PanelFileSystemAdapter } from './adapters/PanelFileSystemAdapter';
 export type { FileTreeEntry, PanelFileSystemAdapterOptions } from './adapters/PanelFileSystemAdapter';
 /**

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,eAAe,EAAqB,MAAM,SAAS,CAAC;AAIlE,OAAO,EAAE,oBAAoB,EAAE,MAAM,+BAA+B,CAAC;AACrE,YAAY,EAAE,yBAAyB,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAC;AAG9G,OAAO,EAAE,sBAAsB,EAAE,MAAM,mCAAmC,CAAC;AAC3E,YAAY,EAAE,aAAa,EAAE,6BAA6B,EAAE,MAAM,mCAAmC,CAAC;AAEtG;;;GAGG;AACH,eAAO,MAAM,MAAM,EAAE,eAAe,EAmCnC,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,aAAa,qBAGzB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,eAAe,qBAG3B,CAAC;AAEF;;;GAGG;AACH,OAAO,EACL,uBAAuB,EACvB,+BAA+B,EAC/B,aAAa,EACb,aAAa,EACb,gBAAgB,GACjB,MAAM,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,eAAe,EAAqB,MAAM,SAAS,CAAC;AAIlE,OAAO,EAAE,oBAAoB,EAAE,MAAM,+BAA+B,CAAC;AACrE,YAAY,EAAE,yBAAyB,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAC;AAE9G,OAAO,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAG7D,OAAO,EAAE,sBAAsB,EAAE,MAAM,mCAAmC,CAAC;AAC3E,YAAY,EAAE,aAAa,EAAE,6BAA6B,EAAE,MAAM,mCAAmC,CAAC;AAEtG;;;GAGG;AACH,eAAO,MAAM,MAAM,EAAE,eAAe,EAiEnC,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,aAAa,qBAGzB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,eAAe,qBAG3B,CAAC;AAEF;;;GAGG;AACH,OAAO,EACL,uBAAuB,EACvB,+BAA+B,EAC/B,aAAa,EACb,aAAa,EACb,gBAAgB,GACjB,MAAM,SAAS,CAAC"}

package/dist/panels/TraceViewerPanel.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import type { PanelComponentProps } from '@principal-ade/panel-framework-core';
+/**
+ * Trace Viewer Panel
+ *
+ * Displays OpenTelemetry traces captured from test runs as canvas diagrams.
+ * Reads trace files from __traces__/ directories in the repository.
+ */
+export declare const TraceViewerPanel: React.FC<PanelComponentProps>;
+//# sourceMappingURL=TraceViewerPanel.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TraceViewerPanel.d.ts","sourceRoot":"","sources":["../../src/panels/TraceViewerPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmD,MAAM,OAAO,CAAC;AACxE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,qCAAqC,CAAC;AAkB/E;;;;;GAKG;AACH,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAif1D,CAAC"}

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

@@ -0,0 +1,55 @@
+import type { StoryObj } from '@storybook/react-vite';
+import React from 'react';
+/**
+ * TraceViewerPanel displays OpenTelemetry traces captured from test runs.
+ * It discovers trace canvas files from __traces__/ directories.
+ */
+declare const meta: {
+    title: string;
+    component: React.FC<import("@principal-ade/panel-framework-core").PanelComponentProps>;
+    parameters: {
+        layout: string;
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+    tags: string[];
+    decorators: ((Story: import("storybook/internal/csf").PartialStoryFn<import("@storybook/react").ReactRenderer, {
+        context: import("@principal-ade/panel-framework-core").PanelContextValue;
+        actions: import("@principal-ade/panel-framework-core").PanelActions;
+        events: import("@principal-ade/panel-framework-core").PanelEventEmitter;
+    }>) => import("react/jsx-runtime").JSX.Element)[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+/**
+ * Single trace - basic display with one trace file
+ */
+export declare const SingleTrace: Story;
+/**
+ * Multiple traces - shows the trace selector dropdown
+ */
+export declare const MultipleTraces: Story;
+/**
+ * Error trace - shows spans with ERROR status
+ */
+export declare const ErrorTrace: Story;
+/**
+ * Loading state - file tree is being loaded
+ */
+export declare const Loading: Story;
+/**
+ * Empty state - no trace files found
+ */
+export declare const EmptyState: Story;
+/**
+ * Error state - failed to load trace
+ */
+export declare const ErrorState: Story;
+/**
+ * Traces from .principal-views/__traces__/ location
+ */
+export declare const PrincipalViewsLocation: Story;
+//# sourceMappingURL=TraceViewerPanel.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TraceViewerPanel.stories.d.ts","sourceRoot":"","sources":["../../src/panels/TraceViewerPanel.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B;;;GAGG;AACH,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;CAsB+B,CAAC;AAE1C,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AA2OnC;;GAEG;AACH,eAAO,MAAM,WAAW,EAAE,KAsDzB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,cAAc,EAAE,KAiE5B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,UAAU,EAAE,KAqDxB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,OAAO,EAAE,KA4BrB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,UAAU,EAAE,KAmCxB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,UAAU,EAAE,KAqDxB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,sBAAsB,EAAE,KAqDpC,CAAC"}

package/dist/panels/trace-viewer/TraceLoader.d.ts

@@ -0,0 +1,45 @@
+import type { ExtendedCanvas } from '@principal-ai/principal-view-core';
+export interface TraceFile {
+    /** Unique identifier for this trace (derived from filename) */
+    id: string;
+    /** Display name for this trace */
+    name: string;
+    /** Full file path */
+    path: string;
+    /** Package name for monorepos (e.g., 'core' from 'packages/core/__traces__/') */
+    packageName?: string;
+}
+export interface TraceMetadata {
+    /** Trace name from canvas pv.name */
+    name: string;
+    /** Export timestamp from canvas pv.description */
+    exportedAt?: string;
+    /** Number of span nodes */
+    spanCount: number;
+    /** Number of service groups */
+    serviceCount: number;
+    /** List of service names */
+    serviceNames: string[];
+}
+/**
+ * Utility for loading and parsing trace canvas files from __traces__/ folders
+ */
+export declare class TraceLoader {
+    /**
+     * Parse JSON canvas content
+     */
+    static parseTraceCanvas(content: string): ExtendedCanvas;
+    /**
+     * Extract metadata from a trace canvas
+     */
+    static getTraceMetadata(canvas: ExtendedCanvas): TraceMetadata;
+    /**
+     * Find all trace canvas files in the file tree
+     */
+    static findTraceFiles(files: Array<{
+        path?: string;
+        relativePath?: string;
+        name?: string;
+    }>): TraceFile[];
+}
+//# sourceMappingURL=TraceLoader.d.ts.map

package/dist/panels/trace-viewer/TraceLoader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TraceLoader.d.ts","sourceRoot":"","sources":["../../../src/panels/trace-viewer/TraceLoader.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAC;AAExE,MAAM,WAAW,SAAS;IACxB,+DAA+D;IAC/D,EAAE,EAAE,MAAM,CAAC;IACX,kCAAkC;IAClC,IAAI,EAAE,MAAM,CAAC;IACb,qBAAqB;IACrB,IAAI,EAAE,MAAM,CAAC;IACb,iFAAiF;IACjF,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,aAAa;IAC5B,qCAAqC;IACrC,IAAI,EAAE,MAAM,CAAC;IACb,kDAAkD;IAClD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,2BAA2B;IAC3B,SAAS,EAAE,MAAM,CAAC;IAClB,+BAA+B;IAC/B,YAAY,EAAE,MAAM,CAAC;IACrB,4BAA4B;IAC5B,YAAY,EAAE,MAAM,EAAE,CAAC;CACxB;AA0BD;;GAEG;AACH,qBAAa,WAAW;IACtB;;OAEG;IACH,MAAM,CAAC,gBAAgB,CAAC,OAAO,EAAE,MAAM,GAAG,cAAc;IAQxD;;OAEG;IACH,MAAM,CAAC,gBAAgB,CAAC,MAAM,EAAE,cAAc,GAAG,aAAa;IAuC9D;;OAEG;IACH,MAAM,CAAC,cAAc,CACnB,KAAK,EAAE,KAAK,CAAC;QAAE,IAAI,CAAC,EAAE,MAAM,CAAC;QAAC,YAAY,CAAC,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,GACpE,SAAS,EAAE;CAuDf"}

package/dist/panels/trace-viewer/TraceStats.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import type { TraceMetadata } from './TraceLoader';
+interface TraceStatsProps {
+    metadata: TraceMetadata;
+    theme: {
+        colors: Record<string, string>;
+        fonts: Record<string, string>;
+        fontSizes: (string | number)[];
+        space: number[];
+    };
+}
+/**
+ * Displays trace statistics in a compact footer bar
+ */
+export declare const TraceStats: React.FC<TraceStatsProps>;
+export {};
+//# sourceMappingURL=TraceStats.d.ts.map

package/dist/panels/trace-viewer/TraceStats.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TraceStats.d.ts","sourceRoot":"","sources":["../../../src/panels/trace-viewer/TraceStats.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAEnD,UAAU,eAAe;IACvB,QAAQ,EAAE,aAAa,CAAC;IACxB,KAAK,EAAE;QACL,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;QAC/B,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;QAC9B,SAAS,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,CAAC;QAC/B,KAAK,EAAE,MAAM,EAAE,CAAC;KACjB,CAAC;CACH;AAED;;GAEG;AACH,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAwChD,CAAC"}