@datalayer/agent-runtimes 1.5.89 → 1.5.91

package/lib/apps/embed/element.js

@@ -72,7 +72,7 @@ import { AppEmbed, embedAssistantCharacter } from './AppEmbed.js';
 import { WINDOW_NOT_YET } from './embedSession.js';
 import { EMBED_HOST_VARIABLES, EMBED_OBSERVED_ATTRIBUTES, EMBED_TAG, EMBED_TOKEN_NAMES_NO_DEPLOYMENT, EmbedAttributeError, adoptPropertiesSetEarly, embedLookOf, embedTokenDeployment, inlineHeightOf, languageOf, resumeOf, runnable, } from './embedConfig.js';
 import { embedShadowCss } from './embedTheme.js';
-import { DEFAULT_API, readVisitorApp } from './visitorApp.js';
+import { DEFAULT_API, DEFAULT_INFERENCE, readVisitorApp } from './visitorApp.js';
 export { runnable };
 /** What the framed run page and the element say to each other. */
 export const EMBED_MESSAGES = {
@@ -383,7 +383,11 @@ export function defineDatalayerAppElement(options = {}) {
                 // A public application, as a visitor without an account (D-07):
                 // an example kept warm or an address open to visitors, run on the
                 // visitors' runtime; a decision framed; a refusal said.
-                const visitor = await readVisitorApp({ api: this.agents(), app });
+                const visitor = await readVisitorApp({
+                    api: this.agents(),
+                    inference: this.inference(),
+                    app,
+                });
                 if (visitor.kind === 'decision') {
                     return { kind: 'frame', src: frameSrcOf(this.origin(), visitor.app) };
                 }
@@ -410,15 +414,26 @@ export function defineDatalayerAppElement(options = {}) {
         }
         /**
          * ai-agents, where a visitor's address is read and beside which the
-         * visitors' runtime and ai-inference answer: the `api` attribute, else
-         * the platform's, else r1's. Not Spacer's address (`api()`), which lives
-         * on another plane.
+         * visitors' runtime answers: the `api` attribute, else the platform's,
+         * else the AI plane's (`DEFAULT_API`). Not Spacer's address (`api()`),
+         * which lives on another plane.
          */
         agents() {
             return (this.getAttribute('api') ||
                 coreStore.getState().configuration?.aiAgentsUrl ||
                 DEFAULT_API).replace(/\/+$/, '');
         }
+        /**
+         * ai-inference, which mints a visitor's token: the `api` attribute, else
+         * the platform's, else the AI plane's (`DEFAULT_INFERENCE`) — never the
+         * control plane, where no ai-inference answers (28 October 2026: a bare
+         * `<datalayer-app app="…">` asked prod1 and got "Failed to fetch").
+         */
+        inference() {
+            return (this.getAttribute('api') ||
+                coreStore.getState().configuration?.aiInferenceUrl ||
+                DEFAULT_INFERENCE).replace(/\/+$/, '');
+        }
         /** Spacer, where an application is read with its embed token: the `api` attribute, else the platform's, else prod1's. */
         api() {
             return (this.getAttribute('api') ||

package/lib/apps/embed/visitorApp.d.ts

@@ -1,39 +1,3 @@
-/**
- * A public application in the element, for a visitor without an account
- * (D-07, R-30).
- *
- * `<datalayer-app app="…">` with no token names a public application. The
- * element reads what it is without anybody's credentials, as the landing's
- * hosted page does for whoever is signed out:
- *
- * - **an example Datalayer keeps warm for visitors** (`web-research`,
- *   `customer-interview`): its Appspec from the catalogue this bundle
- *   carries; the visitors' runtime answers its id;
- * - **an application at its address** (`demo-accounting`): ai-agents'
- *   `GET /apps/deployments/at/<slug>` without a token says what its page is
- *   drawn from — the Appspec of the version it runs — and whether somebody
- *   signed out may talk to it (`session.opens`); the visitors' runtime
- *   answers `at:<slug>`, making the address's agent when first talked to —
- *   or, for a version with code of its own (`runs_code`), the runtime its
- *   deployment is kept on (`kept.url`), which runs that code;
- * - **a decision**, named by its id (`01M…`): framed from Datalayer's run
- *   page, as before.
- *
- * The conversation then runs as the landing's signed-out one does: the chat
- * mints the visitor's token itself from ai-inference (`useVisitorToken`,
- * `POST /anonymous/token {app}`), minted again before it runs out, and talks
- * to the visitors' runtime with it — in every mode, inline or floating.
- *
- * What a visitor may not have is said in one sentence, before anything is
- * drawn (fail fast): a private address (ai-agents answers *No application is
- * at this address*), one that acts through its owner's connections or
- * documents (ai-agents' own reason), an example the visitors' runtime does
- * not keep. Each says the embed token is what an embed of it takes.
- *
- * Pure but for the one request, given or `fetch`.
- *
- * @module apps/embed/visitorApp
- */
 import type { AppSpec } from '../../types/agentspecs';
 import type { DatalayerVisitors } from '../apps/visitorToken';
 /** Where the visitors' runtime is published, on ai-agents' host (its chart). */
@@ -45,12 +9,21 @@ export declare const AT_PREFIX = "at:";
 /**
  * Datalayer's services for a visitor, where the element names none (`api`)
  * and the platform's configuration says none: ai-agents, where an address is
- * read, and beside it the visitors' runtime and ai-inference, which mints the
- * visitor's token. Not Spacer's address, which reads an application with its
- * embed token: the two live on different planes (ai-agents on r1, Spacer on
- * prod1), found 15 October 2026 on datalayer.ai's embed.
+ * read, and beside it the visitors' runtime — the AI plane, as core's plane
+ * table says it, never a literal of this bundle's own. Not Spacer's address,
+ * which reads an application with its embed token: the two live on different
+ * planes (ai-agents on r1, Spacer on prod1), found 15 October 2026 on
+ * datalayer.ai's embed; a bundle whose literal still said prod1 failed to
+ * mint a visitor's token there on 28 October 2026 ("Failed to fetch"),
+ * ai-inference being on r1 with the agents that call it.
+ */
+export declare const DEFAULT_API: string;
+/**
+ * ai-inference, which mints a visitor's token, where the element names none
+ * (`api`) and the platform's configuration says none: the AI plane, as core's
+ * plane table says it.
  */
-export declare const DEFAULT_API = "https://r1.datalayer.run";
+export declare const DEFAULT_INFERENCE: string;
 /** An application's id on Datalayer: a ULID. */
 export declare const isAppUid: (value: string) => boolean;
 /** What `app` with no token resolves to. */
@@ -74,9 +47,10 @@ export type VisitorApp =
 /**
  * Where a visitor's conversation with `app` runs: the visitors' runtime beside
  * ai-agents — or `runtime`, the one a deployment with code of its own is
- * kept on (R-30) — its token from ai-inference.
+ * kept on (R-30) — its token from ai-inference, at `inference` when it is
+ * named, else beside ai-agents.
  */
-export declare function visitorsAt(api: string, app: string, runtime?: string): DatalayerVisitors;
+export declare function visitorsAt(api: string, app: string, runtime?: string, inference?: string): DatalayerVisitors;
 /** What an embed without a token is told it takes. */
 export declare const TOKEN_HINT = "Embedded for a visitor it refuses, it takes its embed token (the \"token\" attribute).";
 /** The sentence for an example the visitors' runtime does not keep. */
@@ -87,13 +61,17 @@ export declare const refusedSentence: (reason: string) => string;
  * Read what `app` is for a visitor without an account: a decision to frame,
  * an example or an address to run on the visitors' runtime, or a sentence.
  *
- * @param api - Datalayer's services (ai-agents, ai-inference): the `api` attribute.
+ * @param api - Datalayer's services (ai-agents, and ai-inference unless
+ *   `inference` names it): the `api` attribute; the AI plane unless given.
+ * @param inference - ai-inference, which mints the visitor's token: `api`
+ *   when that is given, else the AI plane.
  * @param app - The `app` attribute: a decision's id, an example's id or an address.
  * @param fetcher - What asks ai-agents; `fetch` unless given.
  * @param catalogue - The examples; the bundle's catalogue unless given.
  */
-export declare function readVisitorApp({ api, app, fetcher, catalogue, }: {
+export declare function readVisitorApp({ api, inference, app, fetcher, catalogue, }: {
     api?: string;
+    inference?: string;
     app: string;
     fetcher?: typeof fetch;
     catalogue?: (ref: string) => AppSpec | undefined;

package/lib/apps/embed/visitorApp.js

@@ -2,6 +2,43 @@
  * Copyright (c) 2025-2026 Datalayer, Inc.
  * Distributed under the terms of the Modified BSD License.
  */
+/**
+ * A public application in the element, for a visitor without an account
+ * (D-07, R-30).
+ *
+ * `<datalayer-app app="…">` with no token names a public application. The
+ * element reads what it is without anybody's credentials, as the landing's
+ * hosted page does for whoever is signed out:
+ *
+ * - **an example Datalayer keeps warm for visitors** (`web-research`,
+ *   `customer-interview`): its Appspec from the catalogue this bundle
+ *   carries; the visitors' runtime answers its id;
+ * - **an application at its address** (`demo-accounting`): ai-agents'
+ *   `GET /apps/deployments/at/<slug>` without a token says what its page is
+ *   drawn from — the Appspec of the version it runs — and whether somebody
+ *   signed out may talk to it (`session.opens`); the visitors' runtime
+ *   answers `at:<slug>`, making the address's agent when first talked to —
+ *   or, for a version with code of its own (`runs_code`), the runtime its
+ *   deployment is kept on (`kept.url`), which runs that code;
+ * - **a decision**, named by its id (`01M…`): framed from Datalayer's run
+ *   page, as before.
+ *
+ * The conversation then runs as the landing's signed-out one does: the chat
+ * mints the visitor's token itself from ai-inference (`useVisitorToken`,
+ * `POST /anonymous/token {app}`), minted again before it runs out, and talks
+ * to the visitors' runtime with it — in every mode, inline or floating.
+ *
+ * What a visitor may not have is said in one sentence, before anything is
+ * drawn (fail fast): a private address (ai-agents answers *No application is
+ * at this address*), one that acts through its owner's connections or
+ * documents (ai-agents' own reason), an example the visitors' runtime does
+ * not keep. Each says the embed token is what an embed of it takes.
+ *
+ * Pure but for the one request, given or `fetch`.
+ *
+ * @module apps/embed/visitorApp
+ */
+import { DEFAULT_PLANE_URLS } from '@datalayer/core/lib/config/planes.js';
 import { getApp } from '../../specs/apps.js';
 import { parseAppspec } from '../apps/appspec.js';
 import { runnable } from './embedConfig.js';
@@ -17,12 +54,21 @@ export const AT_PREFIX = 'at:';
 /**
  * Datalayer's services for a visitor, where the element names none (`api`)
  * and the platform's configuration says none: ai-agents, where an address is
- * read, and beside it the visitors' runtime and ai-inference, which mints the
- * visitor's token. Not Spacer's address, which reads an application with its
- * embed token: the two live on different planes (ai-agents on r1, Spacer on
- * prod1), found 15 October 2026 on datalayer.ai's embed.
+ * read, and beside it the visitors' runtime — the AI plane, as core's plane
+ * table says it, never a literal of this bundle's own. Not Spacer's address,
+ * which reads an application with its embed token: the two live on different
+ * planes (ai-agents on r1, Spacer on prod1), found 15 October 2026 on
+ * datalayer.ai's embed; a bundle whose literal still said prod1 failed to
+ * mint a visitor's token there on 28 October 2026 ("Failed to fetch"),
+ * ai-inference being on r1 with the agents that call it.
+ */
+export const DEFAULT_API = DEFAULT_PLANE_URLS.aiAgentsUrl;
+/**
+ * ai-inference, which mints a visitor's token, where the element names none
+ * (`api`) and the platform's configuration says none: the AI plane, as core's
+ * plane table says it.
  */
-export const DEFAULT_API = 'https://r1.datalayer.run';
+export const DEFAULT_INFERENCE = DEFAULT_PLANE_URLS.aiInferenceUrl;
 /** An application's id on Datalayer: a ULID. */
 export const isAppUid = (value) => /^[0-9A-HJKMNP-TV-Z]{26}$/.test(value);
 /** An address, as ai-agents spells one. */
@@ -30,14 +76,15 @@ const SLUG = /^[a-z0-9][a-z0-9-]{0,62}$/;
 /**
  * Where a visitor's conversation with `app` runs: the visitors' runtime beside
  * ai-agents — or `runtime`, the one a deployment with code of its own is
- * kept on (R-30) — its token from ai-inference.
+ * kept on (R-30) — its token from ai-inference, at `inference` when it is
+ * named, else beside ai-agents.
  */
-export function visitorsAt(api, app, runtime) {
+export function visitorsAt(api, app, runtime, inference) {
     const base = api.replace(/\/+$/, '');
     return {
         url: runtime ? runtime.replace(/\/+$/, '') : `${base}${VISITORS_PATH}`,
         app,
-        inferenceUrl: base,
+        inferenceUrl: (inference || base).replace(/\/+$/, ''),
     };
 }
 /** What an embed without a token is told it takes. */
@@ -50,12 +97,17 @@ export const refusedSentence = (reason) => `datalayer-app: ${reason.trim().repla
  * Read what `app` is for a visitor without an account: a decision to frame,
  * an example or an address to run on the visitors' runtime, or a sentence.
  *
- * @param api - Datalayer's services (ai-agents, ai-inference): the `api` attribute.
+ * @param api - Datalayer's services (ai-agents, and ai-inference unless
+ *   `inference` names it): the `api` attribute; the AI plane unless given.
+ * @param inference - ai-inference, which mints the visitor's token: `api`
+ *   when that is given, else the AI plane.
  * @param app - The `app` attribute: a decision's id, an example's id or an address.
  * @param fetcher - What asks ai-agents; `fetch` unless given.
  * @param catalogue - The examples; the bundle's catalogue unless given.
  */
-export async function readVisitorApp({ api = DEFAULT_API, app, fetcher = fetch, catalogue = getApp, }) {
+export async function readVisitorApp({ api, inference, app, fetcher = fetch, catalogue = getApp, }) {
+    const agents = api || DEFAULT_API;
+    const mints = inference || api || DEFAULT_INFERENCE;
     const named = app.trim();
     if (isAppUid(named)) {
         return { kind: 'decision', app: named };
@@ -71,7 +123,7 @@ export async function readVisitorApp({ api = DEFAULT_API, app, fetcher = fetch,
         return {
             kind: 'visitors',
             app: runnable({ app: example, problems: [] }),
-            visitors: visitorsAt(api, example.id),
+            visitors: visitorsAt(agents, example.id, undefined, mints),
         };
     }
     if (!SLUG.test(named)) {
@@ -82,7 +134,7 @@ export async function readVisitorApp({ api = DEFAULT_API, app, fetcher = fetch,
     }
     let response;
     try {
-        response = await fetcher(`${api.replace(/\/+$/, '')}/api/ai-agents/v1/apps/deployments/at/${encodeURIComponent(named)}`);
+        response = await fetcher(`${agents.replace(/\/+$/, '')}/api/ai-agents/v1/apps/deployments/at/${encodeURIComponent(named)}`);
     }
     catch (error) {
         return {
@@ -117,7 +169,7 @@ export async function readVisitorApp({ api = DEFAULT_API, app, fetcher = fetch,
     return {
         kind: 'visitors',
         app: runnable({ app: { ...parsed.app, name }, problems: parsed.problems }),
-        visitors: visitorsAt(api, `${AT_PREFIX}${named}`, runtime.url),
+        visitors: visitorsAt(agents, `${AT_PREFIX}${named}`, runtime.url, mints),
     };
 }
 /**

package/lib/components/teams/A2ATeamGraph.d.ts

@@ -21,114 +21,38 @@
  *
  * A member's connections — the MCP servers it reaches, Odoo for Accounting —
  * stand to its right, each a node half a member's size with the server's mark
- * (`SpecMark`), linked to it by an edge of its own. That edge is still until
- * the member calls one of the connection's tools: then it flows toward the
- * connection for as long as the call runs ({@link A2ATeamCall}), with the
- * tool's name on it; under reduced motion, the arrow and the words alone.
+ * (`SpecMark`), linked to it by an edge of its own, `MCP`, drawn as the A2A
+ * link is: still until the member calls one of the connection's tools, then
+ * flowing toward the connection for as long as the call runs
+ * ({@link A2ATeamCall}), `MCP · list invoices`, and back with its result for
+ * a moment, `MCP · Odoo answers` (a screen reader hears who calls whom);
+ * under reduced motion, the arrow and the words alone.
  *
  * The graph is a picture, not an editor: nothing is dragged, panned or
  * zoomed, and the wheel scrolls the page. Its viewport is worked out from its
  * box, so it fits a phone as it fits a desk.
  *
+ * How it is drawn is its *backdrop* (`backdrop`, the scene's
+ * `stage.backdrop`; {@link SceneBackdrop}): `studio`, the drawing above —
+ * characters, balloons, flowing edges — `hero`, faces on a deep tint with
+ * a dot that flies with each message, or `plain`, boxes and arrows that do
+ * not move. The graph works out the same things for every backdrop — who
+ * stands where, which way each link carries a message, which connection
+ * answers a call, the words a screen reader hears — and reads the node
+ * types, the edge types, the colours and the layout from the backdrop.
+ *
  * @module components/teams/A2ATeamGraph
  */
-import type { AssistantModel3D } from '../../chat/assistant/avatar3dModel';
 import type { JSX } from 'react';
-import { type Edge, type EdgeProps, type Viewport } from '@xyflow/react';
+import { type Viewport } from '@xyflow/react';
 import '@xyflow/react/dist/base.css';
-import { type AssistantAbout } from '../../chat/assistant/AssistantStage';
-import type { BalloonSuggestion } from '../../chat/assistant/SpeechBalloon';
-import type { DisplayItem } from '../../types/chat';
-import type { AssistantMenuItem } from '../../chat/assistant/AssistantContextMenu';
-import type { AssistantSandbox } from '../../chat/assistant/assistantDetails';
-import type { OtelLiveTracer } from '@datalayer/core/lib/otel/live';
 import { type A2ATeamCall, type A2ATeamConnection, type A2ATeamFlow } from './a2aTeamFlow';
-import type { A2ATeamPersona } from './useA2ATeam';
-import type { BalloonExpandTarget } from '../../chat/assistant/BalloonVisual';
-import type { BalloonDisplay } from '../../chat/assistant/toolLine';
-/** One member of the team, as the graph draws it. */
-export type A2ATeamGraphMember = {
-    id: string;
-    name: string;
-    emoji?: string;
-    /** Its avatar, as its Appspec's `interface.avatar` names it: an id, or a 3D model. */
-    character: string | AssistantModel3D;
-    /** Where it runs, in a few words: "in your browser", "on a runtime". */
-    where: string;
-    persona: A2ATeamPersona;
-    /** A click on the character. */
-    onToggle?: () => void;
-    /** It was sent away, or called back. */
-    onAway?: (away: boolean) => void;
-    /** The MCP servers it reaches, drawn to its right (`teamConnectionsOf`). */
-    connections?: A2ATeamConnection[];
-    /**
-     * How its balloon shows what it says (T-23): only what it says or
-     * does now (`current`, a team's default) — the words, the tool it calls,
-     * a notebook it was given — or a peek (`history`).
-     */
-    balloonDisplay?: BalloonDisplay;
-    /**
-     * The notebook in its balloon was clicked: by default, it is expanded —
-     * into `expandTarget`, scrolled to and focused, or in a dialog.
-     */
-    onNotebookOpen?: () => void;
-    /**
-     * Where the notebook it was given runs (`TeamNotebook`, editable, on the
-     * browser sandbox): an element of the page — the area under the graph —
-     * where it is drawn as it arrives and when it is expanded; without one,
-     * *Expand* opens it in a dialog over the page.
-     */
-    expandTarget?: BalloonExpandTarget;
-    /** What its notebook is called: `Accounting's notebook`. */
-    notebookTitle?: string;
-    /**
-     * What the person may ask it: chips in its balloon while it waits for a
-     * question, and a group of its menu; one chosen is sent (`onSuggestion`).
-     */
-    suggestions?: readonly BalloonSuggestion[];
-    onSuggestion?: (suggestion: BalloonSuggestion) => void;
-    /**
-     * The team's Agent Inspector's tracer: its menu offers *Inspect the
-     * agent…*, its own spans (what it did, and the A2A requests sent to it).
-     */
-    inspector?: OtelLiveTracer | null;
-    /** Stops its turn, from its menu, while it works. */
-    onStop?: () => void;
-    /** What its menu's *About* and *Agent Details…* say. */
-    about?: AssistantAbout;
-    /**
-     * Its code sandbox, for *Code Sandbox Details…*. The entry — the agent in
-     * the page — has the kernel of the notebook open under the graph, while
-     * one is.
-     */
-    sandbox?: AssistantSandbox;
-    /** The host's own entries of its menu. */
-    contextMenu?: readonly AssistantMenuItem[];
-    /**
-     * What its menu calls a click on it (`onToggle`): `Ask Sales` where it
-     * takes the person to the composer. Without `onToggle`, its menu has no
-     * such entry.
-     */
-    conversationLabel?: string;
-    /**
-     * What it said and did, as its `history` balloon lists it (`useA2ATeam`'s
-     * `entryHistory`, `peerHistory`): shown when its menu chooses *History*.
-     */
-    history?: readonly DisplayItem[];
-    /** Its balloon's display was chosen in its menu: the page may keep it. */
-    onBalloonDisplayChange?: (display: BalloonDisplay) => void;
-};
-/** Who talks to whom over A2A: an edge of the graph. */
-export type A2ATeamGraphLink = {
-    from: string;
-    to: string;
-};
-/** Where a member stands: fractions of the box, as a scene's stage says. */
-export type A2ATeamGraphPosition = {
-    x: number;
-    y: number;
-};
+import type { A2ATeamGraphLink, A2ATeamGraphMember, A2ATeamGraphPosition, SceneBackdropId } from './backdrops/types';
+import type { SelectedEdge } from './transcript/selection';
+export type { A2ATeamGraphLink, A2ATeamGraphMember, A2ATeamGraphPosition, } from './backdrops/types';
+export { MEMBER_HANDLES, clampOffset, connectionDetails, connectionLabel, memberLabel, type MemberBounds, type MemberOffset, } from './backdrops/nodes';
+export { arrowPath } from './backdrops/edges';
+export { CallEdge, LinkEdge, MemberNode, ConnectionNode, } from './backdrops/studio';
 export type A2ATeamGraphProps = {
     /** The member that asks: drawn on the left. */
     entry: A2ATeamGraphMember;
@@ -164,25 +88,32 @@ export type A2ATeamGraphProps = {
      * The least room above the members for their balloons, in pixels at full
      * scale: the graph keeps what its balloons take now (`useBalloonRoom`) —
      * suggestions, *more* unfolded — and never less than this. A notebook in
-     * a balloon gets at least its own.
+     * a balloon gets at least its own. Unsaid, the backdrop's.
      */
     balloonRoom?: number;
+    /**
+     * How the stage is drawn (`SceneStageSpec.backdrop`): `studio`, the
+     * drawing every scene had first, `hero` or `plain`. `studio` when unsaid,
+     * and for an id the graph does not know.
+     */
+    backdrop?: SceneBackdropId;
+    /**
+     * The exchange selected in the transcript, as the edge it is on
+     * (`selectedEdgeOf`, SCENES S3-02): drawn with a halo on every backdrop —
+     * the edge by its id, or by its ends either way, since an answer travels
+     * the asker's edge back.
+     */
+    selected?: SelectedEdge | null;
+    /**
+     * An edge was clicked: the page selects its latest exchange
+     * (`latestLineOnEdge`). With it, the edges take the pointer.
+     */
+    onSelectEdge?: (edge: A2ATeamGraphEdge) => void;
 };
-/**
- * The handles an edge leaves and reaches a member by, named: the middle of
- * its character on each side, chosen by where the other member stands.
- */
-export declare const MEMBER_HANDLES: {
-    readonly inLeft: "in-left";
-    readonly outRight: "out-right";
-    readonly inTop: "in-top";
-    readonly outBottom: "out-bottom";
-    readonly inRight: "in-right";
-    readonly outLeft: "out-left";
-    readonly inBottom: "in-bottom";
-    readonly outTop: "out-top";
-    readonly connections: "connections";
-};
+/** An edge of the graph, as a click names it: `selectedEdgeOf`'s shape without the selection's key. */
+export type A2ATeamGraphEdge = Omit<SelectedEdge, 'key'>;
+/** Whether a selection is on the edge between two ends: by its id, or by its ends either way. */
+export declare function edgeSelected(selected: SelectedEdge | null | undefined, from: string, to: string): boolean;
 /**
  * The handles for an edge from one place to another: rightward across,
  * leftward across, or down or up when the other member is mostly below or
@@ -198,47 +129,22 @@ export declare function handlesBetween(from: {
     sourceHandle: string;
     targetHandle: string;
 };
-/** How far a member was moved from its place, in the graph's coordinates. */
-export type MemberOffset = {
-    dx: number;
-    dy: number;
-};
-/** How far a member may move: its node stays inside the graph's box. */
-export type MemberBounds = {
-    minDx: number;
-    maxDx: number;
-    minDy: number;
-    maxDy: number;
-};
-/** An offset kept inside its bounds. */
-export declare function clampOffset(offset: MemberOffset, bounds: MemberBounds): MemberOffset;
-/** A member's accessible name: its name, and where it runs. */
-export declare function memberLabel(member: Pick<A2ATeamGraphMember, 'name' | 'where'>): string;
-/** A connection's accessible name: `Odoo, Accounting's MCP connection`. */
-export declare function connectionLabel(connection: Pick<A2ATeamConnection, 'label'>, member: string | undefined): string;
-/** What a connection's details say: the server, who reaches it, and the call running now. */
-export declare function connectionDetails(connection: Pick<A2ATeamConnection, 'name' | 'tools'>, member: string | undefined, calling?: string): string;
 /** The words on the edge for a flow. */
 export declare function flowWords(flow: A2ATeamFlow, entry: string, peer: string): string;
+/** What a link to a connection says at rest, as `A2A` says the members' link. */
+export declare const MCP_LABEL = "MCP";
 /**
- * An arrowhead at the end a message goes to — the target's when `forward`,
- * the source's otherwise — pointing along the edge.
+ * What a link to a connection says while it carries a call, short enough
+ * for the room beside the member: the tool going out, `MCP · list invoices`,
+ * then `MCP · Odoo answers` as its result comes back.
  */
-export declare function arrowPath(source: {
-    x: number;
-    y: number;
-}, target: {
-    x: number;
-    y: number;
-}, forward: boolean): string;
-type CallData = {
-    /** The tool being called, in words (`list invoices`); empty while none is. */
-    calling: string;
-};
-/** A member's link to a connection: still, or flowing toward it while a call runs. */
-export declare const CallEdge: import("react").NamedExoticComponent<EdgeProps<Edge<CallData>>>;
-/** What a member's call says, on its edge and to a screen reader. */
-export declare function callWords(member: string, connection: A2ATeamConnection, tool: string): string;
+export declare function callEdgeWords(connection: A2ATeamConnection, tool: string, flow: A2ATeamFlow): string;
+/**
+ * What a member's call says, on its edge and to a screen reader: the call
+ * going out, `Accounting calls Odoo · list invoices`, then its result
+ * coming back, `Odoo answers Accounting · list invoices`.
+ */
+export declare function callWords(member: string, connection: A2ATeamConnection, tool: string, flow?: A2ATeamFlow): string;
 /** The viewport that shows a graph `drawn` wide whole in a box `width` wide, never larger than drawn. */
 export declare function teamViewport(width: number, drawn?: number): Viewport;
 /** Where a member is laid out: its column and row, from the positions or the default. */
@@ -260,5 +166,5 @@ export declare function placeMembers(entryId: string, peerIds: readonly string[]
 /** The one flow the graph reports for all its edges: asking before answering before still. */
 export declare function flowOfAll(flows: readonly A2ATeamFlow[]): A2ATeamFlow;
 /** Draw a team over A2A, each link moving with what travels on it. */
-export declare function A2ATeamGraph({ entry, peer, peers: more, flow, flows, connected, label, labels, links, positions, size, calls, balloonRoom, }: A2ATeamGraphProps): JSX.Element;
+export declare function A2ATeamGraph({ entry, peer, peers: more, flow, flows, connected, label, labels, links, positions, size, calls, balloonRoom, backdrop, selected, onSelectEdge, }: A2ATeamGraphProps): JSX.Element;
 export default A2ATeamGraph;