causal-inspector 0.1.6 → 0.2.1

package/dist/CausalInspector.js

@@ -8,11 +8,12 @@ import { createInspectorEngine } from "./engines";
 import { useSelector, useDispatch } from "./machine";
 import { TimelinePane } from "./panes/TimelinePane";
 import { CausalTreePane } from "./panes/CausalTreePane";
+import { SubjectChainPane } from "./panes/SubjectChainPane";
 import { CausalFlowPane } from "./panes/CausalFlowPane";
 import { LogsPane } from "./panes/LogsPane";
 import { AggregateTimelinePane } from "./panes/AggregateTimelinePane";
 import { WaterfallPane } from "./panes/WaterfallPane";
-import { CorrelationExplorerPane } from "./panes/CorrelationExplorerPane";
+import { WorkflowExplorerPane } from "./panes/WorkflowExplorerPane";
 import { GlobalScrubber } from "./components/GlobalScrubber";
 import "./CausalInspector.css";
 // ── Transport ─────────────────────────────────────────────────
@@ -139,9 +140,14 @@ const PANE_REGISTRY = [
         render: () => _jsx(WaterfallPane, {}),
     },
     {
-        name: "Correlations",
-        component: "correlations",
-        render: () => _jsx(CorrelationExplorerPane, {}),
+        name: "Workflows",
+        component: "workflows",
+        render: () => _jsx(WorkflowExplorerPane, {}),
+    },
+    {
+        name: "Subject Chain",
+        component: "subject-chain",
+        render: () => _jsx(SubjectChainPane, {}),
     },
 ];
 // ── Helpers ───────────────────────────────────────────────────
@@ -158,8 +164,9 @@ function findTab(model, component) {
 // ── InspectorLayout (inner component) ─────────────────────────
 function InspectorLayout() {
     const paneLayout = useSelector((s) => s.paneLayout);
-    const flowCorrelationId = useSelector((s) => s.flowCorrelationId);
+    const flowWorkflowId = useSelector((s) => s.flowWorkflowId);
     const selectedSeq = useSelector((s) => s.selectedSeq);
+    const subjectType = useSelector((s) => s.subjectType);
     const dispatch = useDispatch();
     const modelRef = useRef(null);
     if (!modelRef.current) {
@@ -189,9 +196,13 @@ function InspectorLayout() {
             addTab("causal-tree", "Causal Tree");
     }, [selectedSeq, addTab]);
     useEffect(() => {
-        if (flowCorrelationId)
+        if (flowWorkflowId)
             addTab("causal-flow", "Flow");
-    }, [flowCorrelationId, addTab]);
+    }, [flowWorkflowId, addTab]);
+    useEffect(() => {
+        if (subjectType)
+            addTab("subject-chain", "Subject Chain");
+    }, [subjectType, addTab]);
     const factory = useCallback((node) => {
         const component = node.getComponent();
         const pane = PANE_REGISTRY.find((p) => p.component === component);
@@ -249,10 +260,22 @@ function InspectorLayout() {
 }
 // ── CausalInspector (public API) ──────────────────────────────
 const savedLayout = loadSavedLayout();
-export function CausalInspector({ endpoint, fetchOptions, className, }) {
+export function CausalInspector({ endpoint, fetchOptions, className, initialSubject, }) {
     const transport = useMemo(() => createTransport(endpoint, fetchOptions), 
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [endpoint]);
     const createEngine = useMemo(() => createInspectorEngine(transport, storage), [transport]);
-    return (_jsx("div", { className: `causal-inspector${className ? ` ${className}` : ""}`, children: _jsx(CausalInspectorProvider, { createEngine: createEngine, initialState: savedLayout ? { paneLayout: savedLayout } : undefined, children: _jsx(InspectorLayout, {}) }) }));
+    const initialState = useMemo(() => {
+        const base = savedLayout ? { paneLayout: savedLayout } : undefined;
+        if (!initialSubject)
+            return base;
+        return {
+            ...base,
+            subjectType: initialSubject.aggregateType,
+            subjectId: initialSubject.aggregateId,
+            subjectMode: initialSubject.mode ?? "both",
+            subjectChainLoading: true,
+        };
+    }, []); // eslint-disable-line react-hooks/exhaustive-deps
+    return (_jsx("div", { className: `causal-inspector${className ? ` ${className}` : ""}`, children: _jsx(CausalInspectorProvider, { createEngine: createEngine, initialState: initialState, children: _jsx(InspectorLayout, {}) }) }));
 }