@datalayer/agent-runtimes 1.3.65 → 1.3.66

package/lib/components/teams/A2ATeamGraph.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { memo, useEffect, useMemo, useRef, useState } from 'react';
+import { createContext, memo, useContext, useEffect, useMemo, useRef, useState, } from 'react';
 import { BaseEdge, EdgeLabelRenderer, Handle, Position, ReactFlow, } from '@xyflow/react';
 import '@xyflow/react/dist/base.css';
 import { Button, Label, Text } from '@primer/react';
@@ -21,9 +21,20 @@ const HANDLE = (size) => ({
     minHeight: 0,
     border: 0,
 });
+/**
+ * The members as they are now, by id. Not in the nodes' data: a node whose
+ * object changes is taken by React Flow for a new one, measured again, and
+ * the edge is dropped until it is — the line vanished as the characters
+ * moved. The nodes stay the same objects; what they show is read from here.
+ */
+const Members = createContext({});
 const MemberNode = memo(function MemberNode({ data, }) {
-    const { member, side, size } = data;
+    const { id, side, size } = data;
+    const member = useContext(Members)[id];
     const stageRef = useRef(null);
+    if (!member) {
+        return null;
+    }
     const { persona } = member;
     return (_jsxs(Box
     // React Flow lets the pointer through a node that is neither dragged
@@ -123,7 +134,7 @@ export function A2ATeamGraph({ entry, peer, flow, connected, label = 'A2A', size
             selectable: false,
             // Above the edge and its label: a balloon overflows its node.
             zIndex: 10,
-            data: { member: entry, side: 'left', size },
+            data: { id: entry.id, side: 'left', size },
         },
         {
             id: peer.id,
@@ -134,9 +145,10 @@ export function A2ATeamGraph({ entry, peer, flow, connected, label = 'A2A', size
             draggable: false,
             selectable: false,
             zIndex: 10,
-            data: { member: peer, side: 'right', size },
+            data: { id: peer.id, side: 'right', size },
         },
-    ], [entry, peer, size, memberHeight]);
+    ], [entry.id, peer.id, size, memberHeight]);
+    const members = useMemo(() => ({ [entry.id]: entry, [peer.id]: peer }), [entry, peer]);
     const words = flowWords(flow, entry.name, peer.name);
     const edges = useMemo(() => [
         {
@@ -185,6 +197,6 @@ export function A2ATeamGraph({ entry, peer, flow, connected, label = 'A2A', size
                     overflow: 'hidden',
                     clip: 'rect(0 0 0 0)',
                     whiteSpace: 'nowrap',
-                }, children: words }), _jsx(ReactFlow, { nodes: nodes, edges: edges, nodeTypes: NODE_TYPES, edgeTypes: EDGE_TYPES, viewport: viewport, nodesDraggable: false, nodesConnectable: false, nodesFocusable: false, edgesFocusable: false, elementsSelectable: false, deleteKeyCode: null, selectionKeyCode: null, multiSelectionKeyCode: null, panOnDrag: false, panOnScroll: false, zoomOnScroll: false, zoomOnPinch: false, zoomOnDoubleClick: false, preventScrolling: false, style: { overflow: 'visible', background: 'transparent' }, "aria-label": `${entry.name} and ${peer.name}, over A2A` })] }));
+                }, children: words }), _jsx(Members.Provider, { value: members, children: _jsx(ReactFlow, { nodes: nodes, edges: edges, nodeTypes: NODE_TYPES, edgeTypes: EDGE_TYPES, viewport: viewport, nodesDraggable: false, nodesConnectable: false, nodesFocusable: false, edgesFocusable: false, elementsSelectable: false, deleteKeyCode: null, selectionKeyCode: null, multiSelectionKeyCode: null, panOnDrag: false, panOnScroll: false, zoomOnScroll: false, zoomOnPinch: false, zoomOnDoubleClick: false, preventScrolling: false, style: { overflow: 'visible', background: 'transparent' }, "aria-label": `${entry.name} and ${peer.name}, over A2A` }) })] }));
 }
 export default A2ATeamGraph;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@datalayer/agent-runtimes",
-    "version": "1.3.65",
+    "version": "1.3.66",
     "type": "module",
     "workspaces": [
         ".",