@tabularis/explain 0.1.0

package/dist/react.d.ts

@@ -0,0 +1,91 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { E as ExplainPlan, b as ExplainMetrics, e as ExplainDiagnostic, a as ExplainNode, i as ExplainNodeMetrics } from './diagnostics-DPSgsjFk.js';
+import * as react from 'react';
+import { NodeProps, Node } from '@xyflow/react';
+import { ExplainPlanNodeData } from './flow.js';
+
+interface ExplainGraphProps {
+    plan: ExplainPlan;
+    metrics: ExplainMetrics;
+    diagnostics: Map<string, ExplainDiagnostic[]>;
+    selectedNodeId: string | null;
+    onSelectNode: (nodeId: string) => void;
+}
+declare const ExplainGraph: ({ plan, metrics, diagnostics, selectedNodeId, onSelectNode, }: ExplainGraphProps) => react_jsx_runtime.JSX.Element;
+
+interface ExplainTableViewProps {
+    plan: ExplainPlan;
+    metrics: ExplainMetrics;
+    diagnostics: Map<string, ExplainDiagnostic[]>;
+    selectedId: string | null;
+    onSelect: (id: string) => void;
+}
+declare function ExplainTableView({ plan, metrics, diagnostics, selectedId, onSelect, }: ExplainTableViewProps): react_jsx_runtime.JSX.Element;
+
+interface ExplainDiagramViewProps {
+    plan: ExplainPlan;
+    metrics: ExplainMetrics;
+    diagnostics: Map<string, ExplainDiagnostic[]>;
+    selectedId: string | null;
+    onSelect: (id: string) => void;
+}
+/**
+ * One row per plan node, each with a bar proportional to the chosen metric.
+ * Rows follow plan order and share the selection with the graph view, so a node
+ * picked here stays picked when switching views.
+ */
+declare function ExplainDiagramView({ plan, metrics, diagnostics, selectedId, onSelect, }: ExplainDiagramViewProps): react_jsx_runtime.JSX.Element;
+
+interface ExplainStatsViewProps {
+    plan: ExplainPlan;
+    metrics: ExplainMetrics;
+}
+/**
+ * Plan-wide aggregates: where the time goes by node type, which relations are
+ * read and how often, and which indexes the planner picked.
+ */
+declare function ExplainStatsView({ plan, metrics }: ExplainStatsViewProps): react_jsx_runtime.JSX.Element;
+
+interface ExplainNodeDetailsProps {
+    node: ExplainNode | null;
+    hasAnalyzeData: boolean;
+    /** Derived exclusive metrics for `node`, when the caller has them. */
+    metrics?: ExplainNodeMetrics | null;
+    diagnostics?: ExplainDiagnostic[];
+}
+declare function ExplainNodeDetails({ node, hasAnalyzeData, metrics, diagnostics, }: ExplainNodeDetailsProps): react_jsx_runtime.JSX.Element;
+
+interface ExplainOverviewBarProps {
+    plan: ExplainPlan;
+    metrics: ExplainMetrics;
+    onSelectNode: (nodeId: string) => void;
+}
+declare function ExplainOverviewBar({ plan, metrics, onSelectNode, }: ExplainOverviewBarProps): react_jsx_runtime.JSX.Element;
+
+type ExplainViewMode = "graph" | "diagram" | "table" | "stats" | "raw" | "ai";
+interface ExplainSummaryBarProps {
+    plan: ExplainPlan | null;
+    viewMode: ExplainViewMode;
+    onViewModeChange: (mode: ExplainViewMode) => void;
+    aiEnabled: boolean;
+}
+declare const ExplainSummaryBar: react.MemoExoticComponent<({ plan, viewMode, onViewModeChange, aiEnabled }: ExplainSummaryBarProps) => react_jsx_runtime.JSX.Element | null>;
+
+interface ExplainDiagnosticChipsProps {
+    diagnostics: ExplainDiagnostic[];
+    /** Show icons only, for dense contexts such as table rows. */
+    iconsOnly?: boolean;
+    className?: string;
+}
+/** Compact severity chips, one per finding on a node. */
+declare function ExplainDiagnosticChips({ diagnostics, iconsOnly, className, }: ExplainDiagnosticChipsProps): react_jsx_runtime.JSX.Element | null;
+interface ExplainDiagnosticListProps {
+    diagnostics: ExplainDiagnostic[];
+}
+/** Findings with their explanation, for the node details panel. */
+declare function ExplainDiagnosticList({ diagnostics, }: ExplainDiagnosticListProps): react_jsx_runtime.JSX.Element | null;
+
+type ExplainPlanNodeType = Node<ExplainPlanNodeData, "explainPlan">;
+declare const ExplainPlanNodeComponent: react.MemoExoticComponent<({ data }: NodeProps<ExplainPlanNodeType>) => react_jsx_runtime.JSX.Element>;
+
+export { ExplainDiagnosticChips, ExplainDiagnosticList, ExplainDiagramView, ExplainGraph, ExplainNodeDetails, ExplainOverviewBar, ExplainPlanNodeComponent, ExplainPlanNodeData, type ExplainPlanNodeType, ExplainStatsView, ExplainSummaryBar, ExplainTableView, type ExplainViewMode };