@principal-ai/principal-view-react 0.16.22 → 0.16.24

package/dist/graphify/types.d.ts

@@ -0,0 +1,141 @@
+/**
+ * Graphify graph.json schema types.
+ *
+ * Mirrors the graphify data model (graphify/validate.py, graphify/export.py)
+ * so graphify output can be consumed by this library in a type-compatible way.
+ */
+/** Any JSON-serializable value carried in node/edge metadata. */
+export type JsonValue = string | number | boolean | null | JsonValue[] | {
+    [key: string]: JsonValue;
+};
+/** Node classification (graphify/validate.py VALID_FILE_TYPES). */
+export type GraphifyFileType = 'code' | 'document' | 'paper' | 'image' | 'rationale' | 'concept';
+/** Edge provenance tag (graphify/validate.py VALID_CONFIDENCES). */
+export type GraphifyConfidence = 'EXTRACTED' | 'INFERRED' | 'AMBIGUOUS';
+/** Optional semantic kind carried on nodes (e.g. `module`, `namespace`). */
+export type GraphifyNodeType = 'module' | 'namespace' | string;
+/** Canonical relation verbs emitted by graphify extractors and resolvers. */
+export type GraphifyRelation = 'calls' | 'imports' | 'imports_from' | 're_exports' | 'references' | 'inherits' | 'implements' | 'mixes_in' | 'uses' | 'contains' | 'defines' | 'method' | 'decorator' | 'rationale_for' | 'semantically_similar_to' | string;
+/**
+ * A graphify node.
+ *
+ * Required fields are enforced by graphify/validate.py:
+ * `id`, `label`, `file_type`, `source_file`. The rest are populated by the
+ * extractors (`source_location`, optional `type`/`metadata`) and by the build
+ * writer (`community`, `community_name`, `norm_label`).
+ */
+export interface GraphifyNode {
+    /** Stable identifier: repo-relative path + symbol names (make_id slug). */
+    id: string;
+    /** Human-readable name. */
+    label: string;
+    /** Classification used as the primary node kind. */
+    file_type: GraphifyFileType;
+    /** Repo-relative path of the source file this node came from. */
+    source_file: string;
+    /** `L<line>` location, or `''` for sourceless stub nodes. */
+    source_location?: string | null;
+    /** Optional semantic kind (e.g. `module`, `namespace`). */
+    type?: GraphifyNodeType;
+    /** Node state / extra node definitions. */
+    state?: string;
+    /** Arbitrary per-extractor metadata (e.g. `{ kind: "csharp_namespace" }`). */
+    metadata?: Record<string, JsonValue>;
+    /** Leiden community id, stamped at build time. */
+    community?: number | null;
+    /** Human-readable community label, stamped at build time. */
+    community_name?: string;
+    /** Diacritic-stripped lowercased label, stamped at build time. */
+    norm_label?: string;
+    /** Extra fields tolerated for forward compatibility. */
+    [key: string]: unknown;
+}
+/**
+ * A graphify edge.
+ *
+ * Required fields: `source`, `target`, `relation`, `confidence`, `source_file`.
+ * `context` is populated for `references` edges (e.g. `type`, `return_type`,
+ * `field`, `generic_arg`).
+ */
+export interface GraphifyEdge {
+    /** Source node id. */
+    source: string;
+    /** Target node id. */
+    target: string;
+    /** Canonical relation verb. */
+    relation: GraphifyRelation;
+    /** Provenance: read directly from source vs. resolved by graphify. */
+    confidence: GraphifyConfidence;
+    /** Float 0.0-1.0; 1.0 for EXTRACTED, discrete rubric for INFERRED. */
+    confidence_score?: number;
+    /** Repo-relative path where the relationship was found. */
+    source_file: string;
+    /** `L<line>` location of the relationship. */
+    source_location?: string | null;
+    /** Edge weight. */
+    weight?: number;
+    /** Reference context for `references` edges. */
+    context?: string;
+    /** Arbitrary per-extractor metadata. */
+    metadata?: Record<string, JsonValue>;
+    /** Extra fields tolerated for forward compatibility. */
+    [key: string]: unknown;
+}
+/**
+ * A graphify hyperedge — a group relationship connecting 3+ nodes.
+ *
+ * Member list is canonical on `nodes` (aliases `members`/`node_ids` are folded
+ * by graphify/export.py build normalization).
+ */
+export interface GraphifyHyperedge {
+    /** Stable identifier. */
+    id: string;
+    /** Human-readable label. */
+    label?: string;
+    /** Member node ids (canonical key). */
+    nodes: string[];
+    /** Group relation verb (e.g. `participate_in`, `implement`, `form`). */
+    relation?: GraphifyRelation;
+    /** Provenance tag. */
+    confidence?: GraphifyConfidence;
+    /** Float 0.0-1.0. */
+    confidence_score?: number;
+    /** Repo-relative path where the relationship was found. */
+    source_file?: string;
+    /** Extra fields tolerated for forward compatibility. */
+    [key: string]: unknown;
+}
+/** Graph-level metadata stored on the graph (`graph` key). */
+export interface GraphifyGraphMetadata {
+    directed?: boolean;
+    multigraph?: boolean;
+    /** Edges may be serialized under `links` (NetworkX node-link) or `edges`. */
+    hyperedges?: GraphifyHyperedge[];
+    [key: string]: unknown;
+}
+/**
+ * The full graph.json document.
+ *
+ * graphify writes NetworkX node-link format: nodes under `nodes`, edges under
+ * `links`. Older/legacy payloads may use `edges` instead of `links`.
+ */
+export interface GraphifyGraph {
+    /** Graph nodes. */
+    nodes: GraphifyNode[];
+    /** Graph edges (NetworkX node-link key). */
+    links?: GraphifyEdge[];
+    /** Legacy alias for `links`. */
+    edges?: GraphifyEdge[];
+    /** Group relationships connecting 3+ nodes. */
+    hyperedges?: GraphifyHyperedge[];
+    /** Graph-level metadata (directed, multigraph, hyperedges). */
+    graph?: GraphifyGraphMetadata;
+    /** Top-level directed flag (NetworkX). */
+    directed?: boolean;
+    /** Top-level multigraph flag (NetworkX). */
+    multigraph?: boolean;
+    /** Git HEAD the graph was built against, when available. */
+    built_at_commit?: string;
+    [key: string]: unknown;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/graphify/types.d.ts.map

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

package/dist/graphify/types.js

@@ -0,0 +1,8 @@
+/**
+ * Graphify graph.json schema types.
+ *
+ * Mirrors the graphify data model (graphify/validate.py, graphify/export.py)
+ * so graphify output can be consumed by this library in a type-compatible way.
+ */
+export {};
+//# sourceMappingURL=types.js.map

package/dist/graphify/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/graphify/types.ts"],"names":[],"mappings":"AAAA;;;;;GAKG"}

package/dist/index.d.ts

@@ -47,4 +47,9 @@ export { PipelineView, useStateView } from './components/state-view';
 export type { StateEvent, EventSource, StateReducer, StateDiff, TransitionDefinition, ActiveAnimation, AnimationType, ReplayControls, StateViewDefinition, PipelineState, PipelineStage, PipelineRepoState, PipelineEvent, PipelineEventType, ActivityState, RoomState, ActivityEvent, ActivityEventType, QuotaDistributionState, UserQuotaState, QuotaEvent, QuotaEventType, UseStateViewOptions, UseStateViewResult, PipelineViewProps, } from './components/state-view';
 export { SessionEventFeed, SessionEventFeedGrouped, } from './components/session-events';
 export type { SessionEventFeedProps, SessionEventFeedGroupedProps, SessionEventFeedRow, } from './components/session-events';
+export type { JsonValue, GraphifyFileType, GraphifyConfidence, GraphifyNodeType, GraphifyRelation, GraphifyNode, GraphifyEdge, GraphifyHyperedge, GraphifyGraphMetadata, GraphifyGraph, } from './graphify';
+export type { GraphifyAnchorResolution, SubsystemGraphifyAnchor, GraphifyMethodInfo, GraphifyPropertyInfo, GraphifyParamInfo, GraphifyCallInfo, GraphifyReferenceInfo, GraphifyImportInfo, GraphifyClassDetail, GraphifyFunctionDetail, GraphifyTypeDetail, GraphifyModuleDetail, GraphifyExternalDetail, GraphifyComponentDetail, GraphifyEdgeRef, } from './graphify';
+export { SubsystemComponentGraph } from './subsystem/SubsystemComponentGraph';
+export type { SubsystemComponentGraphProps } from './subsystem/SubsystemComponentGraph';
+export type { SubsystemComponent, SubsystemComponentEdge, SubsystemGraphDocument, SubsystemComponentKind, SubsystemEdgeMechanism, } from './subsystem/model';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

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

package/dist/index.js

@@ -35,4 +35,6 @@ export { DashboardRenderer, MetricPanel, MetricCard, LineChart, BarChart, Source
 export { PipelineView, useStateView } from './components/state-view';
 // Session event diagnostic feed (raw → repo-normalized → accumulated)
 export { SessionEventFeed, SessionEventFeedGrouped, } from './components/session-events';
+// Subsystem component graph
+export { SubsystemComponentGraph } from './subsystem/SubsystemComponentGraph';
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAsBH,oBAAoB;AACpB,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAQ3D,OAAO,EAAE,uBAAuB,EAAE,MAAM,sCAAsC,CAAC;AAG/E,OAAO,EAAE,uBAAuB,EAAE,MAAM,sCAAsC,CAAC;AAG/E,OAAO,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAS9D,OAAO,EAAE,mBAAmB,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,kCAAkC,CAAC;AAOnG,OAAO,EAAE,qBAAqB,EAAE,MAAM,oCAAoC,CAAC;AAG3E,6BAA6B;AAC7B,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAGlD,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAGhD,8BAA8B;AAC9B,OAAO,EACL,sBAAsB,EACtB,aAAa,EACb,aAAa,EACb,gBAAgB,EAChB,gBAAgB,GACjB,MAAM,cAAc,CAAC;AAUtB,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAGlD,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAGhD,2BAA2B;AAC3B,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAGvD,mBAAmB;AACnB,OAAO,EACL,oBAAoB,EACpB,oBAAoB,GACrB,MAAM,wBAAwB,CAAC;AAEhC,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAEzD,OAAO,EACL,oBAAoB,EACpB,iBAAiB,EACjB,aAAa,GACd,MAAM,0BAA0B,CAAC;AAClC,OAAO,EAAE,eAAe,EAAE,oBAAoB,EAAE,wBAAwB,EAAE,MAAM,sBAAsB,CAAC;AAGvG,4DAA4D;AAC5D,OAAO,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAExE,OAAO,EAAE,YAAY,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AAG1E,6EAA6E;AAC7E,OAAO,EACL,iBAAiB,EACjB,WAAW,EACX,UAAU,EACV,SAAS,EACT,QAAQ,EACR,UAAU,EACV,iBAAiB,EACjB,gBAAgB,EAChB,sBAAsB,GACvB,MAAM,wBAAwB,CAAC;AAsChC,6DAA6D;AAC7D,OAAO,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAmCrE,sEAAsE;AACtE,OAAO,EACL,gBAAgB,EAChB,uBAAuB,GACxB,MAAM,6BAA6B,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAsBH,oBAAoB;AACpB,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAQ3D,OAAO,EAAE,uBAAuB,EAAE,MAAM,sCAAsC,CAAC;AAG/E,OAAO,EAAE,uBAAuB,EAAE,MAAM,sCAAsC,CAAC;AAG/E,OAAO,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAS9D,OAAO,EAAE,mBAAmB,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,kCAAkC,CAAC;AAOnG,OAAO,EAAE,qBAAqB,EAAE,MAAM,oCAAoC,CAAC;AAG3E,6BAA6B;AAC7B,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAGlD,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAGhD,8BAA8B;AAC9B,OAAO,EACL,sBAAsB,EACtB,aAAa,EACb,aAAa,EACb,gBAAgB,EAChB,gBAAgB,GACjB,MAAM,cAAc,CAAC;AAUtB,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAGlD,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAGhD,2BAA2B;AAC3B,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAGvD,mBAAmB;AACnB,OAAO,EACL,oBAAoB,EACpB,oBAAoB,GACrB,MAAM,wBAAwB,CAAC;AAEhC,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAEzD,OAAO,EACL,oBAAoB,EACpB,iBAAiB,EACjB,aAAa,GACd,MAAM,0BAA0B,CAAC;AAClC,OAAO,EAAE,eAAe,EAAE,oBAAoB,EAAE,wBAAwB,EAAE,MAAM,sBAAsB,CAAC;AAGvG,4DAA4D;AAC5D,OAAO,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAExE,OAAO,EAAE,YAAY,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AAG1E,6EAA6E;AAC7E,OAAO,EACL,iBAAiB,EACjB,WAAW,EACX,UAAU,EACV,SAAS,EACT,QAAQ,EACR,UAAU,EACV,iBAAiB,EACjB,gBAAgB,EAChB,sBAAsB,GACvB,MAAM,wBAAwB,CAAC;AAsChC,6DAA6D;AAC7D,OAAO,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAmCrE,sEAAsE;AACtE,OAAO,EACL,gBAAgB,EAChB,uBAAuB,GACxB,MAAM,6BAA6B,CAAC;AAsCrC,4BAA4B;AAC5B,OAAO,EAAE,uBAAuB,EAAE,MAAM,qCAAqC,CAAC"}

package/dist/subsystem/SubsystemComponentGraph.d.ts

@@ -0,0 +1,28 @@
+/**
+ * SubsystemComponentGraph — a clickable, read-only React Flow component graph
+ * for a subsystem snapshot.
+ *
+ * Nodes are positioned with ELK auto-layout (layered, minimized crossings) and
+ * colored by package. Only cross-package edges leave a package region. Clicking
+ * a component invokes `onSelect`. (Package frames are deferred — nodes are
+ * color-coded by package for now.)
+ *
+ * This is a focused fork of the package's `GraphRenderer` pipeline (same ELK
+ * edge routing, delayed fitView, Background/Controls/MiniMap, node/edge type
+ * injection, onNodeClick) adapted to the subsystem model — read-only.
+ */
+import { type SubsystemComponentEdge, type SubsystemComponent } from './model';
+export interface SubsystemComponentGraphProps {
+    components: SubsystemComponent[];
+    edges: SubsystemComponentEdge[];
+    onSelect?: (componentId: string) => void;
+    /** Called when an edge is clicked (relationship / mechanism + refs seam). */
+    onEdgeSelect?: (edge: SubsystemComponentEdge) => void;
+    /** Upper bound for node width in px; nodes grow with content up to this,
+     *  then the name wraps. Defaults to 300 for components (320 for packages). */
+    maxNodeWidth?: number;
+    /** Show edge labels (mechanism names) on the graph. @default true */
+    showEdgeLabels?: boolean;
+}
+export declare function SubsystemComponentGraph(props: SubsystemComponentGraphProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SubsystemComponentGraph.d.ts.map

package/dist/subsystem/SubsystemComponentGraph.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SubsystemComponentGraph.d.ts","sourceRoot":"","sources":["../../src/subsystem/SubsystemComponentGraph.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AAsBH,OAAO,EAKL,KAAK,sBAAsB,EAC3B,KAAK,kBAAkB,EAExB,MAAM,SAAS,CAAC;AAIjB,MAAM,WAAW,4BAA4B;IAC3C,UAAU,EAAE,kBAAkB,EAAE,CAAC;IACjC,KAAK,EAAE,sBAAsB,EAAE,CAAC;IAChC,QAAQ,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,6EAA6E;IAC7E,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,sBAAsB,KAAK,IAAI,CAAC;IACtD;kFAC8E;IAC9E,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,qEAAqE;IACrE,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAyeD,wBAAgB,uBAAuB,CAAC,KAAK,EAAE,4BAA4B,2CAsC1E"}

package/dist/subsystem/SubsystemComponentGraph.js

@@ -0,0 +1,365 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+/**
+ * SubsystemComponentGraph — a clickable, read-only React Flow component graph
+ * for a subsystem snapshot.
+ *
+ * Nodes are positioned with ELK auto-layout (layered, minimized crossings) and
+ * colored by package. Only cross-package edges leave a package region. Clicking
+ * a component invokes `onSelect`. (Package frames are deferred — nodes are
+ * color-coded by package for now.)
+ *
+ * This is a focused fork of the package's `GraphRenderer` pipeline (same ELK
+ * edge routing, delayed fitView, Background/Controls/MiniMap, node/edge type
+ * injection, onNodeClick) adapted to the subsystem model — read-only.
+ */
+import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
+import { ReactFlow, ReactFlowProvider, Background, BackgroundVariant, Controls, useReactFlow, useViewport, applyNodeChanges, } from '@xyflow/react';
+import { useTheme } from '@principal-ade/industry-theme';
+import { buildSubsystemGraph, KIND_COLOR, MECHANISM_COLOR, deriveNameFromSymbol, } from './model';
+import { SubsystemComponentNode, SubsystemEdge, SUBSYSTEM_CALLBACKS } from './nodes';
+const nodeTypes = {
+    'subsystem-component': SubsystemComponentNode,
+};
+const edgeTypes = {
+    'subsystem-edge': SubsystemEdge,
+};
+function Inner({ components, edges, onSelect, onEdgeSelect, measured, maxNodeWidth, showEdgeLabels }) {
+    const { theme } = useTheme();
+    const { fitView } = useReactFlow();
+    const viewport = useViewport();
+    const [built, setBuilt] = useState({
+        nodes: [],
+        edges: [],
+    });
+    const [layoutReady, setLayoutReady] = useState(false);
+    const [selected, setSelected] = useState(null);
+    // Ref mirror of `selected` so the SUBSYSTEM_CALLBACKS click handler (a
+    // closure over the effect deps) can toggle without a stale value.
+    const selectedRef = useRef(null);
+    selectedRef.current = selected;
+    // Pass 1: build with estimated widths so React Flow can measure the DOM.
+    // The pane stays hidden until Pass 2 completes.
+    useEffect(() => {
+        let alive = true;
+        pass2DoneRef.current = false;
+        measuredDimsRef.current = new Map();
+        prevMeasuredSigRef.current = '';
+        void buildSubsystemGraph({ components, edges }, { maxNodeWidth, showEdgeLabels }).then(({ nodes, edges: e }) => {
+            if (!alive)
+                return;
+            setBuilt({ nodes, edges: e });
+            setLayoutReady(false);
+        });
+        return () => { alive = false; };
+    }, [components, edges]);
+    // Track measured dimensions from React Flow's dimension changes.
+    // These arrive as { type: 'dimensions', id, dimensions } in onNodesChange.
+    const measuredDimsRef = useRef(new Map());
+    const pendingMeasuredRef = useRef(false);
+    // Pass 2: once every node has a measured dimension, re-run ELK.
+    const prevMeasuredSigRef = useRef('');
+    const pass2DoneRef = useRef(false);
+    const triggerPass2 = useCallback(() => {
+        if (pass2DoneRef.current)
+            return;
+        const dims = measuredDimsRef.current;
+        if (dims.size < built.nodes.length)
+            return;
+        const sig = built.nodes.map((n) => `${n.id}:${dims.get(n.id)?.width ?? '?'}`).join(',');
+        if (sig.includes('?:'))
+            return;
+        if (sig === prevMeasuredSigRef.current)
+            return;
+        prevMeasuredSigRef.current = sig;
+        pendingMeasuredRef.current = false;
+        pass2DoneRef.current = true;
+        const measuredWidths = new Map(built.nodes.map((n) => [n.id, dims.get(n.id).width]));
+        const measuredHeights = new Map(built.nodes.map((n) => [n.id, dims.get(n.id).height]));
+        let alive = true;
+        void buildSubsystemGraph({ components, edges }, { maxNodeWidth, showEdgeLabels, measuredWidths, measuredHeights }).then(({ nodes, edges: e }) => {
+            if (!alive)
+                return;
+            setBuilt({ nodes, edges: e });
+            setLayoutReady(true);
+        });
+        return () => { alive = false; };
+    }, [built.nodes, components, edges, maxNodeWidth, showEdgeLabels]);
+    // Node components call SUBSYSTEM_CALLBACKS.onSelect on click (their inner
+    // onClick stops React Flow propagation), so wire selection + width through it.
+    // Lookup from edge id → the authored SubsystemComponentEdge (for onEdgeSelect).
+    const edgeById = useMemo(() => new Map(edges.map((e) => [e.id, e])), [edges]);
+    // Shared edge-selection logic used by both React Flow's onEdgeClick and the
+    // clickable edge label (SUBSYSTEM_CALLBACKS.onEdgeSelect).
+    const selectEdge = useCallback((edgeId) => {
+        if (selectedEdgeIdRef.current === edgeId) {
+            setSelectedEdgeId(null);
+            return;
+        }
+        const src = edgeById.get(edgeId);
+        setSelectedEdgeId(edgeId);
+        if (src)
+            onEdgeSelect?.(src);
+    }, [edgeById, onEdgeSelect]);
+    useEffect(() => {
+        SUBSYSTEM_CALLBACKS.onSelect = (id) => {
+            const comp = components.find((c) => c.id === id);
+            if (comp) {
+                // Clicking the already-selected node unselects it (toggle off).
+                if (selectedRef.current?.id === comp.id) {
+                    setSelected(null);
+                    setSelectedEdgeId(null);
+                    return;
+                }
+                setSelected(comp);
+                setSelectedEdgeId(null);
+                onSelect?.(id);
+            }
+        };
+        SUBSYSTEM_CALLBACKS.onEdgeSelect = selectEdge;
+        SUBSYSTEM_CALLBACKS.maxNodeWidth = maxNodeWidth;
+        return () => {
+            SUBSYSTEM_CALLBACKS.onSelect = undefined;
+            SUBSYSTEM_CALLBACKS.onEdgeSelect = undefined;
+            SUBSYSTEM_CALLBACKS.maxNodeWidth = undefined;
+        };
+    }, [components, onSelect, maxNodeWidth, selectEdge]);
+    const { nodes, edges: convertedEdges } = built;
+    const xyflowNodesBase = nodes;
+    const baseEdges = convertedEdges;
+    const baseNodesKey = useMemo(() => nodes.map((n) => n.id).sort().join(','), [nodes]);
+    const baseEdgesKey = useMemo(() => convertedEdges.map((e) => e.id).sort().join(','), [convertedEdges]);
+    // When an edge is selected, dim every other edge + its label to focus it.
+    const [selectedEdgeId, setSelectedEdgeId] = useState(null);
+    // Ref mirror so `selectEdge` (a useCallback over early deps) can toggle
+    // without a stale closure value.
+    const selectedEdgeIdRef = useRef(null);
+    selectedEdgeIdRef.current = selectedEdgeId;
+    const dispEdges = useMemo(() => {
+        if (!selectedEdgeId)
+            return baseEdges;
+        return baseEdges.map((e) => ({
+            ...e,
+            data: {
+                ...e.data,
+                dimmed: e.id !== selectedEdgeId,
+            },
+        }));
+    }, [baseEdges, selectedEdgeId]);
+    const onNodesChange = useCallback((changes) => {
+        // Capture dimension changes (React Flow's measurement callback).
+        for (const ch of changes) {
+            if (ch.type === 'dimensions' && ch.dimensions) {
+                measuredDimsRef.current.set(ch.id, ch.dimensions);
+                pendingMeasuredRef.current = true;
+            }
+        }
+        const result = applyNodeChanges(changes, xyflowNodesBase);
+        // After applying changes, check if we should trigger pass 2.
+        if (pendingMeasuredRef.current) {
+            // Use microtask so the state update from applyNodeChanges commits first.
+            queueMicrotask(() => triggerPass2());
+        }
+        return result;
+    }, [xyflowNodesBase, triggerPass2]);
+    const onEdgesChange = useCallback((_changes) => dispEdges, [dispEdges]);
+    useEffect(() => {
+        const t = setTimeout(() => {
+            fitView({ padding: 0.1, includeHiddenNodes: false, minZoom: 0.05, maxZoom: 2, duration: 200 });
+        }, 200);
+        return () => clearTimeout(t);
+    }, [baseNodesKey, baseEdgesKey, fitView]);
+    const onNodeClick = useCallback((_e, node) => {
+        const comp = node.data?.component;
+        setSelectedEdgeId(null);
+        if (node.type === 'subsystem-component' && comp) {
+            // Clicking the already-selected node unselects it (toggle off).
+            if (selected?.id === comp.id) {
+                setSelected(null);
+                return;
+            }
+            setSelected(comp);
+            if (comp.id)
+                onSelect?.(comp.id);
+        }
+    }, [onSelect, selected]);
+    // React Flow's edge click → the same shared selection logic as the label.
+    const onEdgeClick = useCallback((_e, edge) => {
+        selectEdge(edge.id);
+    }, [selectEdge]);
+    const onPaneClick = useCallback(() => {
+        setSelected(null);
+        setSelectedEdgeId(null);
+    }, []);
+    // Edge label data for the overlay (rendered OUTSIDE ReactFlow so the pane
+    // doesn't intercept pointer events). Uses ELK-computed label midpoints from
+    // the actual edge path (not node-center approximations).
+    const edgeLabels = useMemo(() => {
+        return dispEdges.map((e) => {
+            const d = e.data;
+            return {
+                id: e.id,
+                mechanism: d?.mechanism ?? 'imports',
+                dimmed: d?.dimmed === true,
+                midX: d?.labelX ?? 0,
+                midY: d?.labelY ?? 0,
+            };
+        });
+    }, [dispEdges]);
+    return (_jsxs("div", { style: { visibility: layoutReady ? 'visible' : 'hidden', width: '100%', height: '100%' }, children: [showEdgeLabels !== false && (_jsx("div", { style: {
+                    position: 'absolute',
+                    inset: 0,
+                    overflow: 'hidden',
+                    pointerEvents: 'none',
+                    zIndex: 5,
+                }, children: edgeLabels.map((lbl) => {
+                    const color = MECHANISM_COLOR[lbl.mechanism] ?? '#888';
+                    const screenX = lbl.midX * viewport.zoom + viewport.x;
+                    const screenY = lbl.midY * viewport.zoom + viewport.y;
+                    return (_jsx("div", { "data-edge-label": lbl.id, onClick: (e) => {
+                            e.stopPropagation();
+                            selectEdge(lbl.id);
+                        }, style: {
+                            position: 'absolute',
+                            left: screenX,
+                            top: screenY,
+                            fontSize: 10,
+                            fontFamily: theme.fonts.monospace,
+                            fontWeight: 500,
+                            color,
+                            background: 'rgba(21,21,21,0.9)',
+                            border: `0.5px solid ${color}`,
+                            borderRadius: 4,
+                            padding: '1px 5px',
+                            cursor: 'pointer',
+                            pointerEvents: 'auto',
+                            opacity: lbl.dimmed ? 0.15 : 1,
+                            whiteSpace: 'nowrap',
+                        }, children: lbl.mechanism }, lbl.id));
+                }) })), _jsxs(ReactFlow, { nodes: xyflowNodesBase, edges: dispEdges, nodeTypes: nodeTypes, edgeTypes: edgeTypes, minZoom: 0.05, maxZoom: 4, onNodeClick: onNodeClick, onEdgeClick: onEdgeClick, onNodesChange: onNodesChange, onEdgesChange: onEdgesChange, proOptions: { hideAttribution: true }, nodesDraggable: false, elementsSelectable: true, selectNodesOnDrag: false, nodesConnectable: false, edgesReconnectable: false, onPaneClick: onPaneClick, panOnDrag: true, panOnScroll: true, zoomOnScroll: false, zoomOnPinch: true, zoomOnDoubleClick: false, style: {
+                    width: measured ? measured.w : '100%',
+                    height: measured ? measured.h : '100%',
+                    flex: 1,
+                    minHeight: 0,
+                    background: theme.colors.background,
+                }, children: [_jsx(Background, { variant: BackgroundVariant.Dots, gap: 16, size: 1 }), _jsx(Controls, { showZoom: true, showFitView: true, showInteractive: true })] }, `${baseNodesKey}-${baseEdgesKey}`), selected && _jsx(ComponentDetail, { component: selected })] }));
+}
+/** Detail panel for the selected component — the verifiable identity + sources
+ *  moved off the canvas so nodes stay minimal. */
+function ComponentDetail({ component }) {
+    const { theme } = useTheme();
+    const muted = theme.colors.textMuted ?? theme.colors.textSecondary;
+    const color = KIND_COLOR[component.kind] ?? '#888';
+    const displayName = deriveNameFromSymbol(component.symbol, component.kind, component.name, component.file);
+    const rows = [];
+    if (component.symbol)
+        rows.push(['Symbol', component.symbol]);
+    if (component.file)
+        rows.push(['File', component.file]);
+    if (component.purpose)
+        rows.push(['Purpose', component.purpose]);
+    rows.push(['PURL', component.purl]);
+    return (_jsxs("div", { style: {
+            borderTop: `1px solid ${theme.colors.border}`,
+            background: theme.colors.background,
+            padding: '10px 12px',
+            fontFamily: theme.fonts.body,
+        }, children: [_jsxs("div", { style: {
+                    display: 'flex',
+                    alignItems: 'center',
+                    gap: 8,
+                    fontSize: theme.fontSizes[1],
+                    fontWeight: 600,
+                    marginBottom: 6,
+                }, children: [_jsx("span", { style: { color }, children: displayName }), _jsx("span", { style: {
+                            fontSize: theme.fontSizes[0] * 0.8,
+                            fontFamily: theme.fonts.monospace,
+                            textTransform: 'uppercase',
+                            color,
+                        }, children: component.kind })] }), rows.map(([k, v]) => (_jsxs("div", { style: { display: 'flex', gap: 8, fontSize: theme.fontSizes[0], lineHeight: 1.5 }, children: [_jsx("span", { style: {
+                            width: 64,
+                            flexShrink: 0,
+                            color: muted,
+                            fontFamily: theme.fonts.monospace,
+                            textTransform: 'uppercase',
+                            fontSize: theme.fontSizes[0] * 0.8,
+                        }, children: k }), _jsx("span", { style: { color: theme.colors.text, fontFamily: theme.fonts.monospace }, children: v })] }, k))), component.detail && _jsx(GraphifyDetailSections, { detail: component.detail })] }));
+}
+/** Renders the graphify drill-down payload for a component. */
+function GraphifyDetailSections({ detail }) {
+    const { theme } = useTheme();
+    const muted = theme.colors.textMuted ?? theme.colors.textSecondary;
+    const label = (k) => (_jsx("span", { style: {
+            width: 64,
+            flexShrink: 0,
+            color: muted,
+            fontFamily: theme.fonts.monospace,
+            textTransform: 'uppercase',
+            fontSize: theme.fontSizes[0] * 0.8,
+        }, children: k }));
+    const chip = (name, meta, key) => (_jsxs("span", { style: {
+            fontFamily: theme.fonts.monospace,
+            fontSize: theme.fontSizes[0],
+            color: theme.colors.text,
+            border: `1px solid ${theme.colors.border}`,
+            borderRadius: 4,
+            padding: '1px 6px',
+            marginRight: 6,
+            marginBottom: 4,
+            display: 'inline-block',
+        }, children: [name, meta ? _jsxs("span", { style: { color: muted }, children: [" ", meta] }) : ''] }, key));
+    const row = (k, children) => (_jsxs("div", { style: { display: 'flex', gap: 8, fontSize: theme.fontSizes[0], lineHeight: 1.5, marginBottom: 4 }, children: [label(k), _jsx("div", { style: { minWidth: 0 }, children: children })] }));
+    switch (detail.kind) {
+        case 'class':
+            return (_jsxs(_Fragment, { children: [detail.methods.length > 0 &&
+                        row('methods', detail.methods.map((m, i) => chip(m.name, m.returnType, i))), detail.properties.length > 0 &&
+                        row('props', detail.properties.map((p, i) => chip(p.name, p.type, i))), detail.extends.length > 0 && row('extends', detail.extends.map((e, i) => chip(e, undefined, i))), detail.implements.length > 0 && row('impl', detail.implements.map((e, i) => chip(e, undefined, i))), detail.instantiations.length > 0 &&
+                        row('insts', detail.instantiations.map((i, idx) => chip(i.name, undefined, idx))), detail.references.length > 0 &&
+                        row('refs', detail.references.map((r, idx) => chip(r.name, undefined, idx)))] }));
+        case 'function':
+            return (_jsxs(_Fragment, { children: [detail.parameters.length > 0 &&
+                        row('params', detail.parameters.map((p, i) => chip(p.type, undefined, i))), detail.returnType && row('return', _jsx("span", { children: detail.returnType })), detail.callers.length > 0 &&
+                        row('callers', detail.callers.map((c, i) => chip(c.name, undefined, i))), detail.callees.length > 0 &&
+                        row('callees', detail.callees.map((c, i) => chip(c.name, undefined, i)))] }));
+        case 'type':
+            return (_jsxs(_Fragment, { children: [detail.properties.length > 0 &&
+                        row('props', detail.properties.map((p, i) => chip(p.name, p.type, i))), detail.usedBy.length > 0 &&
+                        row('used by', detail.usedBy.map((u, i) => chip(u.name, undefined, i))), detail.implementors.length > 0 &&
+                        row('impl', detail.implementors.map((e, i) => chip(e, undefined, i)))] }));
+        case 'module':
+            return (_jsxs(_Fragment, { children: [detail.exports.length > 0 &&
+                        row('exports', detail.exports.map((e, i) => chip(e, undefined, i))), detail.imports.length > 0 &&
+                        row('imports', detail.imports.map((i, idx) => chip(i.name, undefined, idx))), detail.symbols.length > 0 &&
+                        row('symbols', detail.symbols.map((s, i) => chip(s, undefined, i)))] }));
+        case 'external':
+            return row('source', _jsx("span", { children: detail.label }));
+    }
+}
+export function SubsystemComponentGraph(props) {
+    const wrapRef = useRef(null);
+    const [size, setSize] = useState(null);
+    // Measure the container so React Flow always has a real, non-zero pixel size
+    // (responsive to the parent; avoids the %→0 blank canvas).
+    useEffect(() => {
+        const el = wrapRef.current;
+        if (!el)
+            return;
+        const update = () => {
+            const rect = el.getBoundingClientRect();
+            if (rect.width > 0 && rect.height > 0)
+                setSize({ w: rect.width, h: rect.height });
+        };
+        update();
+        const ro = new ResizeObserver(update);
+        ro.observe(el);
+        return () => ro.disconnect();
+    }, []);
+    return (_jsx("div", { ref: wrapRef, style: {
+            position: 'relative',
+            width: '100%',
+            height: '100%',
+            minHeight: 0,
+            display: 'flex',
+            flexDirection: 'column',
+        }, children: _jsx("div", { style: { flex: 1, minHeight: 0, display: 'flex', flexDirection: 'column' }, children: _jsx(ReactFlowProvider, { children: _jsx(Inner, { ...props, measured: size }) }) }) }));
+}
+//# sourceMappingURL=SubsystemComponentGraph.js.map