import { LightSpanRecord } from '@mastra/core/storage';
export interface TraceDetailsViewProps {
    traceId: string;
    /** Lightweight spans for the trace. Caller fetches via useTraceLightSpans. */
    spans: LightSpanRecord[] | undefined;
    isLoading?: boolean;
    onClose: () => void;
    /** Called when the user clicks a span in the timeline. Toggling a selected span off passes undefined. */
    onSpanSelect?: (spanId: string | undefined) => void;
    /** Fully controlled selection — the span to highlight. Pass whatever the parent's source of truth is. */
    selectedSpanId?: string | null;
}
/**
 * Compact trace panel using `DataDetailsPanel` (popover-style). Renders the timeline only —
 * no trace header KV, no evaluate/save actions. Use this for inline trace inspection from a
 * list page (e.g. the Logs page). For the full-width trace view, use `TraceDataPanelView`.
 */
export declare function TraceDetailsView({ traceId, spans, isLoading, onClose, onSpanSelect, selectedSpanId, }: TraceDetailsViewProps): import("react/jsx-runtime").JSX.Element;
