@tensor_1/react 2.11.0 → 2.13.0

package/dist/components/MatchReview.js

@@ -0,0 +1,120 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useMemo, useState } from "react";
+import { cx } from "../cx.js";
+import { StatusPill } from "./StatusPill.js";
+const valueText = (value) => value == null ? "\u2014" : typeof value === "string" ? value : JSON.stringify(value);
+function MatchReview({
+  incoming,
+  incomingLabel = "Incoming record",
+  fields,
+  candidates,
+  selectedIds,
+  onSelectionChange,
+  onDecision,
+  onBulkDecision,
+  loading,
+  error,
+  onRetry,
+  className
+}) {
+  const [internalSelection, setInternalSelection] = useState(/* @__PURE__ */ new Set());
+  const [announcement, setAnnouncement] = useState("");
+  const [bulkPending, setBulkPending] = useState(false);
+  const selection = selectedIds ?? internalSelection;
+  const pending = useMemo(() => candidates.filter((candidate) => candidate.status !== "resolved"), [candidates]);
+  const setSelection = (next) => {
+    if (selectedIds === void 0) setInternalSelection(next);
+    onSelectionChange?.(next);
+  };
+  const toggle = (id) => {
+    const next = new Set(selection);
+    if (next.has(id)) next.delete(id);
+    else next.add(id);
+    setSelection(next);
+  };
+  const runBulk = async (action) => {
+    if (!onBulkDecision || selection.size === 0 || bulkPending) return;
+    const ids = [...selection];
+    setBulkPending(true);
+    setAnnouncement(`${action === "accept" ? "Accepting" : "Dismissing"} ${ids.length} candidate${ids.length === 1 ? "" : "s"}\u2026`);
+    try {
+      const result = await onBulkDecision(ids, action);
+      const succeeded = result?.succeeded ?? ids.length;
+      const failed = result?.failed ?? 0;
+      setAnnouncement(`${succeeded} candidate${succeeded === 1 ? "" : "s"} ${action === "accept" ? "accepted" : "dismissed"}${failed ? `; ${failed} failed` : ""}.`);
+      if (!failed) setSelection(/* @__PURE__ */ new Set());
+    } catch {
+      setAnnouncement(`Bulk ${action} failed. Try again.`);
+    } finally {
+      setBulkPending(false);
+    }
+  };
+  if (loading) return /* @__PURE__ */ jsx("div", { className: cx("uix-match-review uix-match-review--state", className), role: "status", children: "Loading match candidates\u2026" });
+  if (error) return /* @__PURE__ */ jsxs("div", { className: cx("uix-match-review uix-match-review--state", className), role: "alert", children: [
+    /* @__PURE__ */ jsx("p", { children: error }),
+    onRetry && /* @__PURE__ */ jsx("button", { type: "button", className: "uix-btn uix-btn--secondary", onClick: onRetry, children: "Try again" })
+  ] });
+  if (candidates.length === 0) return /* @__PURE__ */ jsxs("div", { className: cx("uix-match-review uix-match-review--state", className), children: [
+    /* @__PURE__ */ jsx("p", { children: "No candidate matches found." }),
+    /* @__PURE__ */ jsx("p", { children: "Choose another record source or continue without a match." })
+  ] });
+  return /* @__PURE__ */ jsxs("section", { className: cx("uix-match-review", className), "aria-label": "Match review", children: [
+    /* @__PURE__ */ jsxs("div", { className: "uix-match-review__summary", children: [
+      /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx("strong", { children: incomingLabel }),
+        /* @__PURE__ */ jsxs("span", { children: [
+          pending.length,
+          " pending of ",
+          candidates.length
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx("div", { className: "uix-match-review__incoming", children: fields.map((field) => /* @__PURE__ */ jsxs("span", { children: [
+        /* @__PURE__ */ jsx("b", { children: field.label }),
+        field.render?.(incoming[field.id], incoming) ?? valueText(incoming[field.id])
+      ] }, field.id)) })
+    ] }),
+    onBulkDecision && /* @__PURE__ */ jsxs("div", { className: "uix-match-review__bulk", "aria-label": "Bulk candidate actions", children: [
+      /* @__PURE__ */ jsxs("span", { children: [
+        selection.size,
+        " selected"
+      ] }),
+      /* @__PURE__ */ jsx("button", { type: "button", className: "uix-btn uix-btn--secondary uix-btn--sm", disabled: selection.size === 0 || bulkPending, onClick: () => void runBulk("accept"), children: bulkPending ? "Applying\u2026" : "Accept selected" }),
+      /* @__PURE__ */ jsx("button", { type: "button", className: "uix-btn uix-btn--ghost uix-btn--sm", disabled: selection.size === 0 || bulkPending, onClick: () => void runBulk("dismiss"), children: bulkPending ? "Applying\u2026" : "Dismiss selected" })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "uix-match-review__table-wrap", children: /* @__PURE__ */ jsxs("table", { className: "uix-table uix-match-review__table", children: [
+      /* @__PURE__ */ jsx("caption", { className: "uix-visually-hidden", children: "Candidate matches and available decisions" }),
+      /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { children: [
+        /* @__PURE__ */ jsx("th", { scope: "col", children: /* @__PURE__ */ jsx("span", { className: "uix-visually-hidden", children: "Select" }) }),
+        /* @__PURE__ */ jsx("th", { scope: "col", children: "Confidence" }),
+        fields.map((field) => /* @__PURE__ */ jsx("th", { scope: "col", children: field.label }, field.id)),
+        /* @__PURE__ */ jsx("th", { scope: "col", children: "Status" }),
+        /* @__PURE__ */ jsx("th", { scope: "col", children: "Actions" })
+      ] }) }),
+      /* @__PURE__ */ jsx("tbody", { children: candidates.map((candidate) => {
+        const resolved = candidate.status === "resolved";
+        return /* @__PURE__ */ jsxs("tr", { "data-status": candidate.status ?? "pending", children: [
+          /* @__PURE__ */ jsx("td", { children: /* @__PURE__ */ jsx("input", { type: "checkbox", checked: selection.has(candidate.id), onChange: () => toggle(candidate.id), "aria-label": `Select candidate ${candidate.id}` }) }),
+          /* @__PURE__ */ jsx("td", { children: /* @__PURE__ */ jsx("span", { className: "uix-match-review__confidence", children: candidate.confidence == null ? "Not scored" : `${Math.round(candidate.confidence * 100)}%` }) }),
+          fields.map((field) => /* @__PURE__ */ jsx("td", { children: field.render?.(candidate.record[field.id], candidate.record) ?? valueText(candidate.record[field.id]) }, field.id)),
+          /* @__PURE__ */ jsx("td", { children: /* @__PURE__ */ jsx(StatusPill, { tone: resolved ? "success" : "warning", children: resolved ? candidate.decision ?? "Resolved" : "Pending" }) }),
+          /* @__PURE__ */ jsx("td", { children: /* @__PURE__ */ jsx("div", { className: "uix-match-review__actions", children: ["accept", "dismiss", "split", "pick-other"].map((action) => /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              className: "uix-btn uix-btn--ghost uix-btn--sm",
+              disabled: resolved,
+              onClick: () => onDecision(candidate.id, action),
+              children: action === "pick-other" ? "Pick other" : `${action[0].toUpperCase()}${action.slice(1)}`
+            },
+            action
+          )) }) })
+        ] }, candidate.id);
+      }) })
+    ] }) }),
+    /* @__PURE__ */ jsx("p", { className: "uix-visually-hidden", "aria-live": "polite", children: announcement })
+  ] });
+}
+export {
+  MatchReview
+};

package/dist/components/Meter.js

@@ -1,4 +1,3 @@
-"use client";
 import { jsx } from "react/jsx-runtime";
 import { cx } from "../cx.js";
 function Meter({ value = 0, tone, className, ...props }) {

package/dist/components/MetricInput.d.ts

@@ -0,0 +1,23 @@
+import * as react from 'react';
+
+interface MetricInputProps {
+    value: number | null;
+    onValueChange: (value: number | null) => void;
+    min?: number;
+    max?: number;
+    step?: number;
+    unit?: string;
+    label: string;
+    invalid?: boolean;
+    errorMessage?: string;
+    disabled?: boolean;
+    readOnly?: boolean;
+    parse?: (input: string) => number | null;
+    format?: (value: number | null) => string;
+    className?: string;
+    id?: string;
+}
+/** Accessible numeric recipe composed from Input and the UIx stepper controls. */
+declare function MetricInput({ value, onValueChange, min, max, step, unit, label, invalid, errorMessage, disabled, readOnly, parse, format, className, id: providedId, }: MetricInputProps): react.JSX.Element;
+
+export { MetricInput, type MetricInputProps };

package/dist/components/MetricInput.js

@@ -0,0 +1,92 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useEffect, useId, useState } from "react";
+import { cx } from "../cx.js";
+import { clampMetricValue, parseMetricValue, stepMetricValue } from "../metric-model.js";
+import { Input } from "./Input.js";
+const defaultMetricFormat = (input) => input == null ? "" : String(input);
+function MetricInput({
+  value,
+  onValueChange,
+  min,
+  max,
+  step = 1,
+  unit,
+  label,
+  invalid,
+  errorMessage,
+  disabled,
+  readOnly,
+  parse = parseMetricValue,
+  format = defaultMetricFormat,
+  className,
+  id: providedId
+}) {
+  const generatedId = useId();
+  const id = providedId ?? generatedId;
+  const errorId = `${id}-error`;
+  const [text, setText] = useState(() => format(value));
+  useEffect(() => setText(format(value)), [value, format]);
+  const commit = (input) => {
+    const parsed = parse(input);
+    if (input.trim() === "" || parsed !== null) {
+      onValueChange(parsed === null ? null : clampMetricValue(parsed, min, max));
+    }
+  };
+  const stepBy = (direction) => {
+    const next = stepMetricValue(value, direction, { min, max, step });
+    onValueChange(next);
+    setText(format(next));
+  };
+  const onKeyDown = (event) => {
+    if (event.key === "ArrowUp" || event.key === "ArrowDown") {
+      event.preventDefault();
+      stepBy(event.key === "ArrowUp" ? 1 : -1);
+    }
+  };
+  const onChange = (event) => {
+    setText(event.currentTarget.value);
+    commit(event.currentTarget.value);
+  };
+  const onBlur = (event) => {
+    const parsed = parse(event.currentTarget.value);
+    setText(parsed === null && event.currentTarget.value.trim() !== "" ? format(value) : format(parsed));
+  };
+  return /* @__PURE__ */ jsxs("div", { className: cx("uix-metric-input", invalid && "uix-metric-input--invalid", className), children: [
+    /* @__PURE__ */ jsx("label", { className: "uix-field__label", htmlFor: id, children: label }),
+    /* @__PURE__ */ jsxs("div", { className: "uix-metric-input__control", children: [
+      /* @__PURE__ */ jsx(
+        Input,
+        {
+          id,
+          value: text,
+          onChange,
+          onBlur,
+          onKeyDown,
+          inputMode: "decimal",
+          role: "spinbutton",
+          "aria-valuenow": value ?? void 0,
+          "aria-valuemin": min,
+          "aria-valuemax": max,
+          "aria-describedby": invalid && errorMessage ? errorId : void 0,
+          invalid,
+          disabled,
+          readOnly
+        }
+      ),
+      unit && /* @__PURE__ */ jsx("span", { className: "uix-metric-input__unit", "aria-hidden": "true", children: unit }),
+      /* @__PURE__ */ jsxs("span", { className: "uix-metric-input__steps", children: [
+        /* @__PURE__ */ jsx("button", { type: "button", className: "uix-metric-input__step", onClick: () => stepBy(1), disabled: disabled || readOnly, "aria-label": `Increase ${label}`, children: "+" }),
+        /* @__PURE__ */ jsx("button", { type: "button", className: "uix-metric-input__step", onClick: () => stepBy(-1), disabled: disabled || readOnly, "aria-label": `Decrease ${label}`, children: "\u2212" })
+      ] })
+    ] }),
+    unit && /* @__PURE__ */ jsxs("span", { className: "uix-visually-hidden", children: [
+      "Unit: ",
+      unit
+    ] }),
+    invalid && errorMessage && /* @__PURE__ */ jsx("span", { id: errorId, className: "uix-field__error", children: errorMessage })
+  ] });
+}
+export {
+  MetricInput
+};

package/dist/components/NavFavourites.js

@@ -1,6 +1,6 @@
 "use client";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { useEffect, useId, useRef, useState } from "react";
+import { memo, useCallback, useEffect, useId, useMemo, useRef, useState } from "react";
 import { cx } from "../cx.js";
 const ChevronDownIcon = () => /* @__PURE__ */ jsx(
   "svg",
@@ -14,7 +14,7 @@ const ChevronDownIcon = () => /* @__PURE__ */ jsx(
     strokeLinecap: "round",
     strokeLinejoin: "round",
     "aria-hidden": "true",
-    style: { flexShrink: 0 },
+    className: "uix-favourites__chevron",
     children: /* @__PURE__ */ jsx("path", { d: "m6 9 6 6 6-6" })
   }
 );
@@ -30,7 +30,7 @@ const ChevronRightIcon = () => /* @__PURE__ */ jsx(
     strokeLinecap: "round",
     strokeLinejoin: "round",
     "aria-hidden": "true",
-    style: { flexShrink: 0 },
+    className: "uix-favourites__chevron",
     children: /* @__PURE__ */ jsx("path", { d: "m9 18 6-6-6-6" })
   }
 );
@@ -53,7 +53,6 @@ const MoreIcon = () => /* @__PURE__ */ jsxs(
     ]
   }
 );
-const MUTED = "color-mix(in srgb, var(--uix-text) 50%, transparent)";
 function NavFavourites({
   items,
   collapsed = false,
@@ -69,7 +68,7 @@ function NavFavourites({
   const regionRef = useRef(null);
   const focusAfterRef = useRef(null);
   const triggerRefs = useRef(/* @__PURE__ */ new Map());
-  const order = items.map((i) => i.id);
+  const order = useMemo(() => items.map((item) => item.id), [items]);
   useEffect(() => {
     const id = focusAfterRef.current;
     if (!id) return;
@@ -77,7 +76,7 @@ function NavFavourites({
     const el = triggerRefs.current.get(id);
     if (el) el.focus();
     else headerRef.current?.focus();
-  }, [order.join("|")]);
+  }, [order]);
   const handleToggle = () => {
     if (!collapsed) {
       const active = document.activeElement;
@@ -87,7 +86,7 @@ function NavFavourites({
     }
     onToggleCollapsed?.();
   };
-  const move = (id, dir) => {
+  const move = useCallback((id, dir) => {
     const idx = order.indexOf(id);
     const next = idx + dir;
     if (idx < 0 || next < 0 || next >= order.length) return;
@@ -97,14 +96,18 @@ function NavFavourites({
     reordered.splice(next, 0, it);
     focusAfterRef.current = id;
     onReorder(reordered);
-  };
-  const remove = (id) => {
+  }, [onReorder, order]);
+  const remove = useCallback((id) => {
     const idx = order.indexOf(id);
     const neighbour = order[idx + 1] ?? order[idx - 1] ?? null;
     focusAfterRef.current = neighbour;
     onRemove(id);
-  };
-  return /* @__PURE__ */ jsxs("div", { className: cx("uix-favourites", className), style: { marginBottom: "var(--uix-space-1)" }, children: [
+  }, [onRemove, order]);
+  const registerTrigger = useCallback((id, element) => {
+    if (element) triggerRefs.current.set(id, element);
+    else triggerRefs.current.delete(id);
+  }, []);
+  return /* @__PURE__ */ jsxs("div", { className: cx("uix-favourites", className), children: [
     /* @__PURE__ */ jsxs(
       "button",
       {
@@ -113,18 +116,7 @@ function NavFavourites({
         "aria-expanded": !collapsed,
         "aria-controls": regionId,
         onClick: handleToggle,
-        className: "uix-text-eyebrow",
-        style: {
-          display: "flex",
-          width: "100%",
-          alignItems: "center",
-          gap: "6px",
-          padding: "8px 4px 4px",
-          border: 0,
-          background: "transparent",
-          cursor: "pointer",
-          color: "inherit"
-        },
+        className: "uix-favourites__heading uix-text-eyebrow",
         children: [
           collapsed ? /* @__PURE__ */ jsx(ChevronRightIcon, {}) : /* @__PURE__ */ jsx(ChevronDownIcon, {}),
           labels.heading
@@ -137,20 +129,12 @@ function NavFavourites({
         ref: regionRef,
         id: regionId,
         hidden: collapsed,
-        style: {
-          display: "flex",
-          flexDirection: "column",
-          gap: "1px",
-          listStyle: "none",
-          margin: 0,
-          padding: 0
-        },
+        className: "uix-favourites__list",
         children: items.length === 0 ? /* @__PURE__ */ jsx(
           "li",
           {
-            className: "uix-text-meta",
+            className: "uix-favourites__empty uix-text-meta",
             "data-empty-reason": emptyReason,
-            style: { padding: "6px 8px", color: MUTED },
             children: labels.empty
           }
         ) : items.map((item, idx) => /* @__PURE__ */ jsx(
@@ -160,10 +144,9 @@ function NavFavourites({
             isFirst: idx === 0,
             isLast: idx === items.length - 1,
             labels,
-            onMoveUp: () => move(item.id, -1),
-            onMoveDown: () => move(item.id, 1),
-            onRemove: () => remove(item.id),
-            registerTrigger: (el) => triggerRefs.current.set(item.id, el)
+            onMove: move,
+            onRemove: remove,
+            registerTrigger
           },
           item.id
         ))
@@ -171,26 +154,24 @@ function NavFavourites({
     )
   ] });
 }
-function FavouriteRow({
+const FavouriteRow = memo(function FavouriteRow2({
   item,
   isFirst,
   isLast,
   labels,
-  onMoveUp,
-  onMoveDown,
+  onMove,
   onRemove,
   registerTrigger
 }) {
   const [open, setOpen] = useState(false);
-  const [revealed, setRevealed] = useState(false);
   const menuId = useId();
   const triggerRef = useRef(null);
   const itemRefs = useRef([]);
   const optionsTemplate = labels.options ?? "{label} favourite options";
   const actions = [
-    ...isFirst ? [] : [{ label: labels.moveUp, onSelect: onMoveUp }],
-    ...isLast ? [] : [{ label: labels.moveDown, onSelect: onMoveDown }],
-    { label: labels.remove.replace("{label}", item.label), onSelect: onRemove }
+    ...isFirst ? [] : [{ label: labels.moveUp, onSelect: () => onMove(item.id, -1) }],
+    ...isLast ? [] : [{ label: labels.moveDown, onSelect: () => onMove(item.id, 1) }],
+    { label: labels.remove.replace("{label}", item.label), onSelect: () => onRemove(item.id) }
   ];
   useEffect(() => {
     if (open) itemRefs.current[0]?.focus();
@@ -219,34 +200,27 @@ function FavouriteRow({
     if (!e.altKey) return;
     if (e.key === "ArrowUp" && !isFirst) {
       e.preventDefault();
-      onMoveUp();
+      onMove(item.id, -1);
     } else if (e.key === "ArrowDown" && !isLast) {
       e.preventDefault();
-      onMoveDown();
+      onMove(item.id, 1);
     }
   };
-  const triggerVisible = revealed || open;
   return (
     // biome-ignore lint/a11y/noStaticElementInteractions: keyboard accelerators on the row; the focusable controls inside carry their own semantics.
     /* @__PURE__ */ jsxs(
       "li",
       {
-        style: { position: "relative", display: "flex", alignItems: "center" },
+        className: "uix-favourites__row",
         onKeyDown: onRowKeyDown,
-        onMouseEnter: () => setRevealed(true),
-        onMouseLeave: () => setRevealed(false),
-        onFocus: () => setRevealed(true),
-        onBlur: (e) => {
-          if (!e.currentTarget.contains(e.relatedTarget)) setRevealed(false);
-        },
         children: [
-          /* @__PURE__ */ jsx("div", { style: { minWidth: 0, flex: 1 }, children: item.link }),
+          /* @__PURE__ */ jsx("div", { className: "uix-favourites__link", children: item.link }),
           /* @__PURE__ */ jsx(
             "button",
             {
               ref: (el) => {
                 triggerRef.current = el;
-                registerTrigger(el);
+                registerTrigger(item.id, el);
               },
               type: "button",
               "aria-haspopup": "menu",
@@ -254,22 +228,7 @@ function FavouriteRow({
               "aria-controls": open ? menuId : void 0,
               "aria-label": optionsTemplate.replace("{label}", item.label),
               onClick: () => setOpen((v) => !v),
-              style: {
-                marginLeft: "auto",
-                display: "inline-flex",
-                height: "20px",
-                width: "20px",
-                flexShrink: 0,
-                alignItems: "center",
-                justifyContent: "center",
-                border: 0,
-                borderRadius: "2px",
-                background: "transparent",
-                cursor: "pointer",
-                color: MUTED,
-                opacity: triggerVisible ? 1 : 0,
-                transition: "opacity var(--uix-dur-fast) var(--uix-ease-out)"
-              },
+              className: "uix-favourites__menu-trigger",
               children: /* @__PURE__ */ jsx(MoreIcon, {})
             }
           ),
@@ -280,7 +239,7 @@ function FavouriteRow({
                 "aria-hidden": "true",
                 role: "presentation",
                 onClick: () => setOpen(false),
-                style: { position: "fixed", inset: 0, cursor: "default", background: "transparent", zIndex: 40 }
+                className: "uix-favourites__backdrop"
               }
             ),
             /* @__PURE__ */ jsx(
@@ -289,21 +248,7 @@ function FavouriteRow({
                 id: menuId,
                 role: "menu",
                 onKeyDown: onMenuKeyDown,
-                style: {
-                  position: "absolute",
-                  right: 0,
-                  top: "calc(100% + 2px)",
-                  zIndex: 50,
-                  minWidth: "160px",
-                  overflow: "hidden",
-                  margin: 0,
-                  padding: "4px 0",
-                  listStyle: "none",
-                  borderRadius: "6px",
-                  border: "1px solid var(--uix-border)",
-                  background: "var(--uix-surface)",
-                  boxShadow: "var(--uix-shadow-popover)"
-                },
+                className: "uix-favourites__menu",
                 children: actions.map((action, i) => /* @__PURE__ */ jsx("li", { role: "presentation", children: /* @__PURE__ */ jsx(
                   "button",
                   {
@@ -317,25 +262,7 @@ function FavouriteRow({
                       setOpen(false);
                       action.onSelect();
                     },
-                    style: {
-                      display: "flex",
-                      width: "100%",
-                      alignItems: "center",
-                      padding: "6px 12px",
-                      border: 0,
-                      background: "transparent",
-                      cursor: "pointer",
-                      textAlign: "left",
-                      fontSize: "13px",
-                      color: "color-mix(in srgb, var(--uix-text) 85%, transparent)",
-                      transition: "background-color var(--uix-dur-fast) var(--uix-ease-out)"
-                    },
-                    onMouseEnter: (e) => {
-                      e.currentTarget.style.background = "var(--uix-bg-hover)";
-                    },
-                    onMouseLeave: (e) => {
-                      e.currentTarget.style.background = "transparent";
-                    },
+                    className: "uix-favourites__menu-item",
                     children: action.label
                   }
                 ) }, action.label))
@@ -346,7 +273,7 @@ function FavouriteRow({
       }
     )
   );
-}
+});
 export {
   NavFavourites
 };

package/dist/components/RelationshipGraph.d.ts

@@ -0,0 +1,30 @@
+import * as react from 'react';
+import { RelationshipGraphNode, RelationshipGraphEdge } from '../relationship-graph-model.js';
+
+interface RelationshipGraphLegendItem {
+    id: string;
+    label: string;
+}
+interface RelationshipGraphProps {
+    nodes: RelationshipGraphNode[];
+    edges: RelationshipGraphEdge[];
+    selectedId?: string;
+    onSelect?: (node: RelationshipGraphNode) => void;
+    onExpandNeighbors?: (node: RelationshipGraphNode) => void;
+    onOpenDetails?: (node: RelationshipGraphNode) => void;
+    maxNodes?: number;
+    density?: 'compact' | 'standard';
+    highlightedNodeIds?: ReadonlySet<string>;
+    conflictedNodeIds?: ReadonlySet<string>;
+    highlightedEdgeIds?: ReadonlySet<string>;
+    conflictedEdgeIds?: ReadonlySet<string>;
+    legend?: RelationshipGraphLegendItem[];
+    loading?: boolean;
+    error?: string;
+    onRetry?: () => void;
+    className?: string;
+}
+/** Bounded, deterministic SVG relationship view with an equivalent accessible list. */
+declare function RelationshipGraph({ nodes, edges, selectedId, onSelect, onExpandNeighbors, onOpenDetails, maxNodes, density, highlightedNodeIds, conflictedNodeIds, highlightedEdgeIds, conflictedEdgeIds, legend, loading, error, onRetry, className, }: RelationshipGraphProps): react.JSX.Element;
+
+export { RelationshipGraph, type RelationshipGraphLegendItem, type RelationshipGraphProps };