@industry-theme/principal-view-panels 0.8.6 → 0.9.0

package/dist/components/TraceDetails.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+import type { Theme } from '@principal-ade/industry-theme';
+import type { OtelSpan } from '../types/otel';
+export interface TraceDetailsProps {
+    spans: OtelSpan[];
+    theme: Theme;
+}
+/**
+ * TraceDetails - Simple view of trace spans
+ *
+ * Shows spans in a tree structure with key information:
+ * - Span name
+ * - Duration
+ * - Status (success/error)
+ * - Attributes (expandable)
+ */
+export declare const TraceDetails: React.FC<TraceDetailsProps>;
+//# sourceMappingURL=TraceDetails.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TraceDetails.d.ts","sourceRoot":"","sources":["../../src/components/TraceDetails.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAExC,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC;AAC3D,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAG9C,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,QAAQ,EAAE,CAAC;IAClB,KAAK,EAAE,KAAK,CAAC;CACd;AAQD;;;;;;;;GAQG;AACH,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAwTpD,CAAC"}

package/dist/components/TraceDetails.stories.d.ts

@@ -0,0 +1,38 @@
+import type { StoryObj } from '@storybook/react-vite';
+import React from 'react';
+declare const meta: {
+    title: string;
+    component: React.FC<import("./TraceDetails").TraceDetailsProps>;
+    parameters: {
+        layout: string;
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+    tags: string[];
+    decorators: ((Story: import("storybook/internal/csf").PartialStoryFn<import("@storybook/react").ReactRenderer, {
+        spans: import("../types/otel").OtelSpan[];
+        theme: import("@principal-ade/industry-theme").Theme;
+    }>) => import("react/jsx-runtime").JSX.Element)[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+/**
+ * Simple trace with API -> DB
+ */
+export declare const SimpleTrace: Story;
+/**
+ * Error trace with exception
+ */
+export declare const ErrorTrace: Story;
+/**
+ * Complex multi-service trace
+ */
+export declare const ComplexTrace: Story;
+/**
+ * Empty state
+ */
+export declare const Empty: Story;
+//# sourceMappingURL=TraceDetails.stories.d.ts.map

package/dist/components/TraceDetails.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TraceDetails.stories.d.ts","sourceRoot":"","sources":["../../src/components/TraceDetails.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,KAAK,MAAM,OAAO,CAAC;AAS1B,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;CAwB2B,CAAC;AAEtC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC;;GAEG;AACH,eAAO,MAAM,WAAW,EAAE,KAUzB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,UAAU,EAAE,KAUxB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,YAAY,EAAE,KAU1B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,KAAK,EAAE,KAKnB,CAAC"}

package/dist/components/TraceList.d.ts

@@ -0,0 +1,23 @@
+import React from 'react';
+import type { Theme } from '@principal-ade/industry-theme';
+import type { TraceInfo } from '../types/otel';
+export interface TraceListProps {
+    traces: TraceInfo[];
+    theme: Theme;
+    onTraceClick?: (trace: TraceInfo) => void;
+    selectedTraceId?: string;
+    showSearch?: boolean;
+    emptyMessage?: string;
+}
+/**
+ * TraceList - Displays a list of OpenTelemetry traces
+ *
+ * Features:
+ * - Displays trace metadata (ID, service, duration, span count, status)
+ * - Search/filter functionality
+ * - Click to select traces
+ * - Visual indicators for errors
+ * - Responsive layout
+ */
+export declare const TraceList: React.FC<TraceListProps>;
+//# sourceMappingURL=TraceList.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TraceList.d.ts","sourceRoot":"","sources":["../../src/components/TraceList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAEjD,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC;AAC3D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAE/C,MAAM,WAAW,cAAc;IAC7B,MAAM,EAAE,SAAS,EAAE,CAAC;IACpB,KAAK,EAAE,KAAK,CAAC;IACb,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI,CAAC;IAC1C,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED;;;;;;;;;GASG;AACH,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAqa9C,CAAC"}

package/dist/components/TraceList.stories.d.ts

@@ -0,0 +1,63 @@
+import type { StoryObj } from '@storybook/react-vite';
+import React from 'react';
+import type { TraceInfo } from '../types/otel';
+declare const meta: {
+    title: string;
+    component: React.FC<import("./TraceList").TraceListProps>;
+    parameters: {
+        layout: string;
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+    tags: string[];
+    decorators: ((Story: import("storybook/internal/csf").PartialStoryFn<import("@storybook/react").ReactRenderer, {
+        traces: TraceInfo[];
+        theme: import("@principal-ade/industry-theme").Theme;
+        onTraceClick?: ((trace: TraceInfo) => void) | undefined;
+        selectedTraceId?: string | undefined;
+        showSearch?: boolean | undefined;
+        emptyMessage?: string | undefined;
+    }>) => import("react/jsx-runtime").JSX.Element)[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+/**
+ * Default story with a few example traces
+ */
+export declare const Default: Story;
+/**
+ * Empty state with no traces
+ */
+export declare const Empty: Story;
+/**
+ * Large list with many traces to test scrolling and search
+ */
+export declare const ManyTraces: Story;
+/**
+ * Only error traces
+ */
+export declare const ErrorTraces: Story;
+/**
+ * Complex multi-service traces
+ */
+export declare const ComplexTraces: Story;
+/**
+ * Without search functionality
+ */
+export declare const NoSearch: Story;
+/**
+ * With custom empty message
+ */
+export declare const CustomEmptyMessage: Story;
+/**
+ * Mix of matched and unmatched traces
+ */
+export declare const MixedMatching: Story;
+/**
+ * Live updating simulation - traces appear over time
+ */
+export declare const LiveUpdating: Story;
+//# sourceMappingURL=TraceList.stories.d.ts.map

package/dist/components/TraceList.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TraceList.stories.d.ts","sourceRoot":"","sources":["../../src/components/TraceList.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,KAAmB,MAAM,OAAO,CAAC;AAIxC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAQ/C,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;CAsBwB,CAAC;AAEnC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAwBnC;;GAEG;AACH,eAAO,MAAM,OAAO,EAAE,KAmBrB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,KAAK,EAAE,KASnB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,UAAU,EAAE,KAOxB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,WAAW,EAAE,KAkBzB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,aAAa,EAAE,KAkB3B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,QAAQ,EAAE,KAgBtB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,kBAAkB,EAAE,KAahC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,aAAa,EAAE,KAqB3B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,YAAY,EAAE,KA2B1B,CAAC"}

package/dist/components/index.d.ts

@@ -0,0 +1,5 @@
+export { TraceList } from './TraceList';
+export type { TraceListProps } from './TraceList';
+export { TraceDetails } from './TraceDetails';
+export type { TraceDetailsProps } from './TraceDetails';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,YAAY,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAElD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,YAAY,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/index.d.ts

@@ -6,6 +6,8 @@ export type { CanvasEditorPanelProps } from './panels/CanvasEditorPanel';
 export { WorkflowScenariosPanel } from './panels/WorkflowScenariosPanel';
 export type { WorkflowScenariosPanelProps } from './panels/WorkflowScenariosPanel';
 export { StoryboardListPanel } from './panels/StoryboardListPanel';
+export { TraceListPanel } from './panels/TraceListPanel';
+export { TraceDetailsPanel } from './panels/TraceDetailsPanel';
 export { LibraryAnchoringExplainerPanel } from './panels/LibraryAnchoringExplainerPanel';
 export type { LibraryAnchoringExplainerPanelProps } from './panels/LibraryAnchoringExplainerPanel';
 export { WorkflowExplainerPanel } from './panels/WorkflowExplainerPanel';

package/dist/index.d.ts.map

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

package/dist/mocks/otelMocks.d.ts

@@ -0,0 +1,76 @@
+import type { OtelResourceSpans, OtelResource, OtelSpan, OtelAttribute, OtelSpanKind } from '../types/otel';
+/**
+ * Create an OTEL attribute
+ */
+export declare function createAttribute(key: string, value: string | number | boolean): OtelAttribute;
+/**
+ * Create a mock resource
+ */
+export declare function createMockResource(serviceName: string, additionalAttrs?: Record<string, string>): OtelResource;
+/**
+ * Generate a random trace ID (Base64)
+ */
+export declare function generateTraceId(): string;
+/**
+ * Generate a random span ID (Base64)
+ */
+export declare function generateSpanId(): string;
+/**
+ * Get current time in nanoseconds (as string)
+ */
+export declare function getCurrentNanoTime(): string;
+/**
+ * Create a mock span
+ */
+export declare function createMockSpan(params: {
+    name: string;
+    kind?: OtelSpanKind;
+    attributes?: Record<string, string | number | boolean>;
+    durationMs?: number;
+    traceId?: string;
+    spanId?: string;
+    parentSpanId?: string;
+    hasError?: boolean;
+}): OtelSpan;
+/**
+ * Create a mock ResourceSpans structure
+ */
+export declare function createMockResourceSpans(serviceName: string, spans: OtelSpan[]): OtelResourceSpans;
+/**
+ * Create a mock user interaction span (click)
+ */
+export declare function createMockClickSpan(targetElement?: string): OtelSpan;
+/**
+ * Create a mock API request span
+ */
+export declare function createMockAPISpan(params: {
+    method: string;
+    route: string;
+    statusCode?: number;
+    durationMs?: number;
+}): OtelSpan;
+/**
+ * Create a mock database query span
+ */
+export declare function createMockDBSpan(params: {
+    operation: string;
+    table: string;
+    durationMs?: number;
+}): OtelSpan;
+/**
+ * Generate a realistic trace (API -> DB)
+ */
+export declare function generateCheckoutTrace(includeWorkflowMatch?: boolean): OtelResourceSpans;
+/**
+ * Generate a realistic authentication trace (with error)
+ */
+export declare function generateAuthErrorTrace(includeWorkflowMatch?: boolean): OtelResourceSpans;
+/**
+ * Generate a complex multi-service trace
+ */
+export declare function generateComplexTrace(includeWorkflowMatch?: boolean): OtelResourceSpans;
+/**
+ * Generate multiple random traces for testing
+ */
+export declare function generateRandomTraces(count: number): OtelResourceSpans;
+//# sourceMappingURL=otelMocks.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"otelMocks.d.ts","sourceRoot":"","sources":["../../src/mocks/otelMocks.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,iBAAiB,EAEjB,YAAY,EACZ,QAAQ,EACR,aAAa,EACb,YAAY,EACb,MAAM,eAAe,CAAC;AAEvB;;GAEG;AACH,wBAAgB,eAAe,CAC7B,GAAG,EAAE,MAAM,EACX,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,GAC/B,aAAa,CAQf;AAED;;GAEG;AACH,wBAAgB,kBAAkB,CAChC,WAAW,EAAE,MAAM,EACnB,eAAe,GAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAM,GAC3C,YAAY,CAUd;AAED;;GAEG;AACH,wBAAgB,eAAe,IAAI,MAAM,CAIxC;AAED;;GAEG;AACH,wBAAgB,cAAc,IAAI,MAAM,CAIvC;AAED;;GAEG;AACH,wBAAgB,kBAAkB,IAAI,MAAM,CAE3C;AAED;;GAEG;AACH,wBAAgB,cAAc,CAAC,MAAM,EAAE;IACrC,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC;IACvD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,QAAQ,CA+CX;AAED;;GAEG;AACH,wBAAgB,uBAAuB,CACrC,WAAW,EAAE,MAAM,EACnB,KAAK,EAAE,QAAQ,EAAE,GAChB,iBAAiB,CAiBnB;AAED;;GAEG;AACH,wBAAgB,mBAAmB,CAAC,aAAa,GAAE,MAAiB,GAAG,QAAQ,CAW9E;AAED;;GAEG;AACH,wBAAgB,iBAAiB,CAAC,MAAM,EAAE;IACxC,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,GAAG,QAAQ,CAcX;AAED;;GAEG;AACH,wBAAgB,gBAAgB,CAAC,MAAM,EAAE;IACvC,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,GAAG,QAAQ,CAcX;AAED;;GAEG;AACH,wBAAgB,qBAAqB,CAAC,oBAAoB,GAAE,OAAe,GAAG,iBAAiB,CAgC9F;AAED;;GAEG;AACH,wBAAgB,sBAAsB,CAAC,oBAAoB,GAAE,OAAe,GAAG,iBAAiB,CAwB/F;AAED;;GAEG;AACH,wBAAgB,oBAAoB,CAAC,oBAAoB,GAAE,OAAe,GAAG,iBAAiB,CA2E7F;AAED;;GAEG;AACH,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,MAAM,GAAG,iBAAiB,CAqDrE"}

package/dist/panels/TraceDetailsPanel.d.ts

@@ -0,0 +1,25 @@
+import React from 'react';
+import type { PanelComponentProps } from '@principal-ade/panel-framework-core';
+import type { TraceInfo } from '../types/otel';
+export interface TraceDetailsPanelProps extends PanelComponentProps {
+    /**
+     * Optional trace to display.
+     * If provided, this takes precedence over context/event-driven modes.
+     * This allows the host to control panel state via props instead of events.
+     */
+    selectedTrace?: TraceInfo | null;
+}
+/**
+ * TraceDetailsPanel - Panel for displaying detailed trace information
+ *
+ * This panel shows:
+ * - Detailed span tree for a selected trace
+ * - Span attributes and events
+ * - Expandable/collapsible spans
+ *
+ * Prop-controlled mode (recommended):
+ * - Pass `selectedTrace` prop to control what trace is displayed
+ * - Panel content loads immediately when prop changes
+ */
+export declare const TraceDetailsPanel: React.FC<TraceDetailsPanelProps>;
+//# sourceMappingURL=TraceDetailsPanel.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TraceDetailsPanel.d.ts","sourceRoot":"","sources":["../../src/panels/TraceDetailsPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiB,MAAM,OAAO,CAAC;AACtC,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,qCAAqC,CAAC;AAI/E,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAE/C,MAAM,WAAW,sBAAuB,SAAQ,mBAAmB;IACjE;;;;OAIG;IACH,aAAa,CAAC,EAAE,SAAS,GAAG,IAAI,CAAC;CAClC;AAED;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CA+E9D,CAAC"}

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

@@ -0,0 +1,36 @@
+import type { StoryObj } from '@storybook/react-vite';
+import React from 'react';
+declare const meta: {
+    title: string;
+    component: React.FC<import("./TraceDetailsPanel").TraceDetailsPanelProps>;
+    parameters: {
+        layout: string;
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+    tags: string[];
+    decorators: ((Story: import("storybook/internal/csf").PartialStoryFn<import("@storybook/react").ReactRenderer, {
+        selectedTrace?: (import("../types/otel").TraceInfo | null) | undefined;
+        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>;
+/**
+ * Empty state - no trace selected
+ */
+export declare const Empty: Story;
+/**
+ * With a simple trace selected
+ */
+export declare const WithSimpleTrace: Story;
+/**
+ * With a complex multi-service trace
+ */
+export declare const WithComplexTrace: Story;
+//# sourceMappingURL=TraceDetailsPanel.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TraceDetailsPanel.stories.d.ts","sourceRoot":"","sources":["../../src/panels/TraceDetailsPanel.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;CAsBgC,CAAC;AAE3C,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC;;GAEG;AACH,eAAO,MAAM,KAAK,EAAE,KAMnB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,eAAe,EAAE,KAY7B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,gBAAgB,EAAE,KAY9B,CAAC"}

package/dist/panels/TraceListPanel.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import type { PanelComponentProps } from '@principal-ade/panel-framework-core';
+/**
+ * TraceListPanel - Panel for displaying OpenTelemetry traces
+ *
+ * This panel shows:
+ * - List of traces with metadata
+ * - Search/filter functionality
+ * - Click to select and emit events for trace details
+ *
+ * Events emitted:
+ * - 'custom' with action 'selectTrace' when a trace is clicked
+ */
+export declare const TraceListPanel: React.FC<PanelComponentProps>;
+//# sourceMappingURL=TraceListPanel.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TraceListPanel.d.ts","sourceRoot":"","sources":["../../src/panels/TraceListPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoC,MAAM,OAAO,CAAC;AACzD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,qCAAqC,CAAC;AAQ/E;;;;;;;;;;GAUG;AACH,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAwExD,CAAC"}

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

@@ -0,0 +1,27 @@
+import type { StoryObj } from '@storybook/react-vite';
+import React from 'react';
+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>;
+/**
+ * Default trace list panel with mock data
+ */
+export declare const Default: Story;
+//# sourceMappingURL=TraceListPanel.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TraceListPanel.stories.d.ts","sourceRoot":"","sources":["../../src/panels/TraceListPanel.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;CAsB6B,CAAC;AAExC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC;;GAEG;AACH,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAC"}

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

@@ -0,0 +1,28 @@
+import type { StoryObj } from '@storybook/react-vite';
+declare const meta: {
+    title: string;
+    parameters: {
+        layout: string;
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+    tags: string[];
+    decorators: ((Story: import("storybook/internal/csf").PartialStoryFn<import("@storybook/react").ReactRenderer, {
+        [x: string]: any;
+    }>) => import("react/jsx-runtime").JSX.Element)[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+/**
+ * Side-by-side layout showing trace list and trace details
+ * Click a trace in the list to see its details
+ */
+export declare const SideBySide: Story;
+/**
+ * Vertical stack layout
+ */
+export declare const Stacked: Story;
+//# sourceMappingURL=TraceViewerIntegration.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TraceViewerIntegration.stories.d.ts","sourceRoot":"","sources":["../../src/panels/TraceViewerIntegration.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAU5D,QAAA,MAAM,IAAI;;;;;;;;;;;;;;CAqBM,CAAC;AAEjB,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAyCnC;;;GAGG;AACH,eAAO,MAAM,UAAU,EAAE,KAExB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC"}