@principal-ai/principal-view-react 0.16.57 → 0.16.59
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/subsystem/SubsystemComponentGraph.d.ts +14 -5
- package/dist/subsystem/SubsystemComponentGraph.d.ts.map +1 -1
- package/dist/subsystem/SubsystemComponentGraph.js +436 -50
- package/dist/subsystem/SubsystemComponentGraph.js.map +1 -1
- package/dist/subsystem/model.d.ts +73 -7
- package/dist/subsystem/model.d.ts.map +1 -1
- package/dist/subsystem/model.js +91 -11
- package/dist/subsystem/model.js.map +1 -1
- package/dist/subsystem/nodes.d.ts +38 -3
- package/dist/subsystem/nodes.d.ts.map +1 -1
- package/dist/subsystem/nodes.js +95 -4
- package/dist/subsystem/nodes.js.map +1 -1
- package/dist/utils/elkLayout.d.ts +26 -0
- package/dist/utils/elkLayout.d.ts.map +1 -1
- package/dist/utils/elkLayout.js +152 -13
- package/dist/utils/elkLayout.js.map +1 -1
- package/package.json +1 -1
- package/src/stories/Subsystem/ComponentGraph/Flows.stories.tsx +181 -0
- package/src/stories/Subsystem/ComponentGraph/Processes.stories.tsx +68 -0
- package/src/subsystem/SubsystemComponentGraph.tsx +600 -50
- package/src/subsystem/model.test.ts +56 -0
- package/src/subsystem/model.ts +156 -12
- package/src/subsystem/nodes.test.ts +56 -0
- package/src/subsystem/nodes.tsx +122 -6
- package/src/utils/elkLayout.ts +164 -13
|
@@ -2,22 +2,31 @@
|
|
|
2
2
|
* SubsystemComponentGraph — a clickable, read-only React Flow component graph
|
|
3
3
|
* for a subsystem snapshot.
|
|
4
4
|
*
|
|
5
|
-
* Nodes are positioned with ELK auto-layout (layered, minimized crossings
|
|
6
|
-
*
|
|
7
|
-
*
|
|
8
|
-
*
|
|
5
|
+
* Nodes are positioned with ELK auto-layout (layered, minimized crossings,
|
|
6
|
+
* process-aware compound groups). Components sharing a `process` render
|
|
7
|
+
* inside one labeled boundary frame; nodes without one sit outside every
|
|
8
|
+
* boundary. Clicking a component invokes `onSelect`.
|
|
9
9
|
*
|
|
10
10
|
* This is a focused fork of the package's `GraphRenderer` pipeline (same ELK
|
|
11
11
|
* edge routing, delayed fitView, Background/Controls/MiniMap, node/edge type
|
|
12
12
|
* injection, onNodeClick) adapted to the subsystem model — read-only.
|
|
13
13
|
*/
|
|
14
14
|
import type { ReactNode } from 'react';
|
|
15
|
-
import { type SubsystemComponentEdge, type SubsystemComponent } from './model';
|
|
15
|
+
import { type SubsystemComponentEdge, type SubsystemComponent, type SubsystemThroughline } from './model';
|
|
16
16
|
import type { SubsystemOpenFileOptions } from './declarationRef';
|
|
17
17
|
import type { ComponentVerificationState } from './ComponentDeclaration';
|
|
18
18
|
export interface SubsystemComponentGraphProps {
|
|
19
19
|
components: SubsystemComponent[];
|
|
20
20
|
edges: SubsystemComponentEdge[];
|
|
21
|
+
/**
|
|
22
|
+
* Ordered execution stories over the graph's edges — one throughline per
|
|
23
|
+
* flow. When present the sidebar's bottom half offers a Files/Flows toggle:
|
|
24
|
+
* the flows panel lists each throughline's steps (`symbol` or `file:line`);
|
|
25
|
+
* clicking a flow row toggles its steps; clicking a step focuses that
|
|
26
|
+
* step's edge. Opened flows stay on the canvas (unselected ones dimmed);
|
|
27
|
+
* everything else is hidden.
|
|
28
|
+
*/
|
|
29
|
+
throughlines?: SubsystemThroughline[];
|
|
21
30
|
onSelect?: (componentId: string) => void;
|
|
22
31
|
/** Called when an edge is clicked (relationship / mechanism + refs seam). */
|
|
23
32
|
onEdgeSelect?: (edge: SubsystemComponentEdge) => void;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SubsystemComponentGraph.d.ts","sourceRoot":"","sources":["../../src/subsystem/SubsystemComponentGraph.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AAGH,OAAO,KAAK,EAAiC,SAAS,EAAE,MAAM,OAAO,CAAC;AAqBtE,OAAO,EAIL,KAAK,sBAAsB,EAC3B,KAAK,kBAAkB,
|
|
1
|
+
{"version":3,"file":"SubsystemComponentGraph.d.ts","sourceRoot":"","sources":["../../src/subsystem/SubsystemComponentGraph.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AAGH,OAAO,KAAK,EAAiC,SAAS,EAAE,MAAM,OAAO,CAAC;AAqBtE,OAAO,EAIL,KAAK,sBAAsB,EAC3B,KAAK,kBAAkB,EAEvB,KAAK,oBAAoB,EAC1B,MAAM,SAAS,CAAC;AACjB,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,kBAAkB,CAAC;AAKjE,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,wBAAwB,CAAC;AAWzE,MAAM,WAAW,4BAA4B;IAC3C,UAAU,EAAE,kBAAkB,EAAE,CAAC;IACjC,KAAK,EAAE,sBAAsB,EAAE,CAAC;IAChC;;;;;;;OAOG;IACH,YAAY,CAAC,EAAE,oBAAoB,EAAE,CAAC;IACtC,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;IACzB,gDAAgD;IAChD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oDAAoD;IACpD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,0EAA0E;IAC1E,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,6DAA6D;IAC7D,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,gFAAgF;IAChF,uBAAuB,CAAC,EAAE,SAAS,CAAC;IACpC;;;;;OAKG;IACH,gBAAgB,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,wBAAwB,KAAK,SAAS,CAAC;IAChF;;;;OAIG;IACH,cAAc,CAAC,EAAE,CAAC,SAAS,EAAE,kBAAkB,KAAK,SAAS,CAAC;IAC9D;;;OAGG;IACH,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,0EAA0E;IAC1E,iBAAiB,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;IAClD,2DAA2D;IAC3D,qBAAqB,CAAC,EAAE,0BAA0B,GAAG,IAAI,CAAC;CAC3D;AA+xCD,wBAAgB,uBAAuB,CAAC,KAAK,EAAE,4BAA4B,2CAsC1E"}
|