@fusedashlabs/widgets 0.2.0 → 0.3.1

package/dist/components/network-graph/render/draw.js

@@ -0,0 +1,468 @@
+import { drag } from "d3-drag";
+import { forceCenter, forceX, forceY, forceSimulation, forceLink, forceManyBody, forceCollide } from "d3-force";
+import { select } from "d3-selection";
+import { zoom, zoomIdentity } from "d3-zoom";
+import { nodeRadius, NODE_COLORS, LINK_COLORS, LINK_WIDTH, LINK_LABEL_COLORS, shadowRadius, NODE_BORDER_WIDTH, nodeColor, LABEL_ALWAYS_ABOVE, networkForces, NODE_LABEL_COLORS, scaleLinkWidthByMax, INITIAL_NODE_RADIUS_RATIO } from "../lib/domain.js";
+import { formatLinkValue, formatNodeValue } from "../lib/format.js";
+const LABEL_PADDING_TOP = 14;
+const LABEL_PADDING_BOTTOM = 4;
+const LABEL_PADDING_GAP = 5;
+const LABEL_TITLE_SIZE = 12;
+const LABEL_TITLE_LINE = 16;
+const LABEL_VALUE_SIZE = 10;
+const LABEL_VALUE_LINE = 14;
+const LINK_LABEL_SIZE = 8;
+const LINK_LABEL_PAD_X = 2;
+const LINK_LABEL_PAD_Y = 1;
+const LINK_LABEL_OFFSET = 10;
+const DRAG_AREA_PAD = 10;
+const DRAG_SLOP = 5;
+const ZOOM_EXTENT = [0.3, 4];
+const PRESETTLE_TICKS = 250;
+const FIT_PADDING = 32;
+const FIT_SCALE_EXTENT = [0.4, 1.25];
+const GOLDEN_ANGLE = Math.PI * (3 - Math.sqrt(5));
+const GRAPHS = /* @__PURE__ */ new WeakMap();
+let instanceCount = 0;
+function clamp(value, min, max) {
+  return Math.max(min, Math.min(max, value));
+}
+function endpointId(end) {
+  return typeof end === "string" ? end : end.id;
+}
+function measure(el) {
+  if (!el || typeof el.getBBox !== "function") return null;
+  try {
+    return el.getBBox();
+  } catch {
+    return null;
+  }
+}
+function rimPoint(x, y, towardX, towardY, radius) {
+  const dx = towardX - x;
+  const dy = towardY - y;
+  const distance = Math.sqrt(dx * dx + dy * dy);
+  if (distance === 0) return { x, y };
+  return { x: x + dx / distance * radius, y: y + dy / distance * radius };
+}
+function stopNetworkGraph(container) {
+  const state = GRAPHS.get(container);
+  if (!state) return;
+  state.controller = null;
+  if (!state.simulation) return;
+  for (const node of state.simulation.nodes()) {
+    if (typeof node.x === "number" && typeof node.y === "number") {
+      state.positions.set(node.id, { x: node.x, y: node.y });
+    }
+  }
+  state.simulation.stop();
+  state.simulation = null;
+}
+function updateNetworkGraphVisibility(container, visibleIds) {
+  var _a;
+  const controller = (_a = GRAPHS.get(container)) == null ? void 0 : _a.controller;
+  if (!controller) return false;
+  controller.setVisibleIds(visibleIds);
+  return true;
+}
+function resizeNetworkGraph(container, width, height) {
+  var _a;
+  const controller = (_a = GRAPHS.get(container)) == null ? void 0 : _a.controller;
+  if (!controller || width <= 0 || height <= 0) return false;
+  controller.resize(width, height);
+  return true;
+}
+function renderNetworkGraph(container, options) {
+  var _a;
+  const { model, theme, onSelect } = options;
+  let visibleIds = options.visibleIds;
+  let width = options.width;
+  let height = options.height;
+  stopNetworkGraph(container);
+  container.replaceChildren();
+  if (!model.nodes.length || width <= 0 || height <= 0) return null;
+  const positions = ((_a = GRAPHS.get(container)) == null ? void 0 : _a.positions) ?? /* @__PURE__ */ new Map();
+  const instance = ++instanceCount;
+  const blurId = `ui9000-ng-blur-${instance}`;
+  const shadowId = `ui9000-ng-shadow-${instance}`;
+  const radiusById = new Map(
+    model.nodes.map((node) => [node.id, nodeRadius(node, model.breakpoints)])
+  );
+  const maxNodeRadius = Math.max(...radiusById.values());
+  const simNodes = model.nodes.map((node, index) => {
+    const seed = positions.get(node.id) ?? seedPosition(index, model.nodes.length, width, height);
+    return { ...node, x: seed.x, y: seed.y };
+  });
+  const nodeById = new Map(simNodes.map((node) => [node.id, node]));
+  const simLinks = model.links.map((link) => ({ ...link }));
+  const isNodeVisible = (id) => !visibleIds || visibleIds.has(id);
+  const isLinkVisible = (link) => isNodeVisible(endpointId(link.source)) && isNodeVisible(endpointId(link.target));
+  const neighbours = /* @__PURE__ */ new Map();
+  for (const link of simLinks) {
+    const source = endpointId(link.source);
+    const target = endpointId(link.target);
+    if (!neighbours.has(source)) neighbours.set(source, /* @__PURE__ */ new Set());
+    if (!neighbours.has(target)) neighbours.set(target, /* @__PURE__ */ new Set());
+    neighbours.get(source).add(target);
+    neighbours.get(target).add(source);
+  }
+  let activeNodeId = options.activeNodeId ?? null;
+  let hoveredNodeId = null;
+  const svg = select(container).append("svg").attr("width", "100%").attr("height", "100%").attr("viewBox", `0 0 ${width} ${height}`).attr("preserveAspectRatio", "xMidYMid meet").style("display", "block").style("font-family", theme.fontFamily);
+  appendDefs(svg, blurId, shadowId);
+  const root = svg.append("g").attr("class", "graph-root");
+  const linkLayer = root.append("g").attr("class", "link-layer");
+  const linkLabelLayer = root.append("g").attr("class", "link-label-layer");
+  const nodeLayer = root.append("g").attr("class", "node-layer");
+  const links = buildLinks(linkLayer, linkLabelLayer, simLinks);
+  const nodes = buildNodes({
+    layer: nodeLayer,
+    simNodes,
+    model,
+    radiusById,
+    blurId,
+    shadowId
+  });
+  const labelExtent = /* @__PURE__ */ new Map();
+  for (const part of nodes) {
+    if (!part.alwaysLabelled || !part.labelBg) continue;
+    const right = Number(part.labelBg.getAttribute("width")) || 0;
+    const half = (Number(part.labelBg.getAttribute("height")) || 0) / 2;
+    if (right || half) labelExtent.set(part.datum.id, { right, half });
+  }
+  const forces = networkForces(width, height, maxNodeRadius);
+  const centerForce = forceCenter(width / 2, height / 2).strength(0.1);
+  const xForce = forceX(width / 2).strength(0.05);
+  const yForce = forceY(height / 2).strength(0.05);
+  const simulation = forceSimulation(simNodes).stop().force(
+    "link",
+    forceLink(simLinks).id((d) => d.id).distance(forces.linkDistance).strength(0.5)
+  ).force("charge", forceManyBody().strength(forces.charge)).force("center", centerForce).force("collision", forceCollide().radius(forces.collide)).force("x", xForce).force("y", yForce);
+  GRAPHS.set(container, { simulation, positions, controller: null });
+  const isConnected = (id) => {
+    var _a2;
+    return !!activeNodeId && activeNodeId !== id && !!((_a2 = neighbours.get(activeNodeId)) == null ? void 0 : _a2.has(id));
+  };
+  const isLinkActive = (link) => !!activeNodeId && (endpointId(link.source) === activeNodeId || endpointId(link.target) === activeNodeId);
+  function updateFrame() {
+    for (const node of simNodes) {
+      const radius = radiusById.get(node.id) ?? 0;
+      node.x = clamp(node.x ?? width / 2, radius, width - radius);
+      node.y = clamp(node.y ?? height / 2, radius, height - radius);
+    }
+    for (const part of links) {
+      const source = nodeById.get(endpointId(part.datum.source));
+      const target = nodeById.get(endpointId(part.datum.target));
+      if (!source || !target) continue;
+      const sx = source.x ?? 0;
+      const sy = source.y ?? 0;
+      const tx = target.x ?? 0;
+      const ty = target.y ?? 0;
+      const from = rimPoint(sx, sy, tx, ty, radiusById.get(source.id) ?? 0);
+      const to = rimPoint(tx, ty, sx, sy, radiusById.get(target.id) ?? 0);
+      part.line.setAttribute("x1", String(from.x));
+      part.line.setAttribute("y1", String(from.y));
+      part.line.setAttribute("x2", String(to.x));
+      part.line.setAttribute("y2", String(to.y));
+      if (!part.label) continue;
+      const show = part.visible && isLinkActive(part.datum);
+      part.label.style.opacity = show ? "1" : "0";
+      if (!show) continue;
+      const angle = Math.atan2(to.y - from.y, to.x - from.x) * 180 / Math.PI;
+      const upright = angle > 90 || angle < -90 ? angle + 180 : angle;
+      const perpendicular = (angle - 90) * Math.PI / 180;
+      const cx = (from.x + to.x) / 2 + Math.cos(perpendicular) * LINK_LABEL_OFFSET;
+      const cy = (from.y + to.y) / 2 + Math.sin(perpendicular) * LINK_LABEL_OFFSET;
+      part.label.setAttribute("transform", `translate(${cx}, ${cy}) rotate(${upright})`);
+    }
+    for (const part of nodes) {
+      part.group.setAttribute(
+        "transform",
+        `translate(${part.datum.x ?? 0}, ${part.datum.y ?? 0})`
+      );
+    }
+  }
+  function applyState() {
+    var _a2, _b, _c;
+    for (const part of nodes) {
+      const id = part.datum.id;
+      const active = activeNodeId === id;
+      const hovered = hoveredNodeId === id;
+      const connected = isConnected(id);
+      part.background.setAttribute(
+        "fill",
+        active && !part.hasImage ? NODE_COLORS.activeFill : nodeColor(part.datum)
+      );
+      if (!part.label) continue;
+      const show = part.alwaysLabelled || active || hovered || connected;
+      part.label.style.opacity = show ? "1" : "0";
+      if (part.labelBg) {
+        part.labelBg.setAttribute(
+          "fill",
+          active ? NODE_LABEL_COLORS.backgroundActive : hovered ? NODE_LABEL_COLORS.backgroundHover : NODE_LABEL_COLORS.background
+        );
+      }
+      const textFill = active ? NODE_LABEL_COLORS.textActive : NODE_LABEL_COLORS.text;
+      (_a2 = part.labelTitle) == null ? void 0 : _a2.setAttribute("fill", textFill);
+      (_b = part.labelTitle) == null ? void 0 : _b.setAttribute("font-weight", active || connected ? "600" : "400");
+      (_c = part.labelValue) == null ? void 0 : _c.setAttribute("fill", textFill);
+    }
+    for (const part of links) {
+      part.line.setAttribute(
+        "stroke-width",
+        String(
+          isLinkActive(part.datum) ? scaleLinkWidthByMax(part.datum.value, model.maxLinkValue) : LINK_WIDTH
+        )
+      );
+    }
+  }
+  function setActive(id) {
+    activeNodeId = id;
+    applyState();
+    updateFrame();
+    onSelect == null ? void 0 : onSelect(id);
+  }
+  function applyVisibility() {
+    for (const part of nodes) {
+      const visible = isNodeVisible(part.datum.id);
+      part.group.style.opacity = visible ? "1" : "0";
+      part.group.style.pointerEvents = visible ? "all" : "none";
+      if (part.grab) part.grab.style.pointerEvents = visible ? "all" : "none";
+    }
+    for (const part of links) {
+      part.visible = isLinkVisible(part.datum);
+      part.line.style.opacity = part.visible ? "1" : "0";
+    }
+    if (hoveredNodeId && !isNodeVisible(hoveredNodeId)) hoveredNodeId = null;
+    if (activeNodeId && !isNodeVisible(activeNodeId)) setActive(null);
+    else {
+      applyState();
+      updateFrame();
+    }
+  }
+  function applyFit() {
+    const fitted = fitTransform(
+      simNodes.filter((node) => isNodeVisible(node.id)),
+      radiusById,
+      width,
+      height,
+      labelExtent
+    );
+    if (!fitted) return;
+    if (zoomBehaviour) svg.call(zoomBehaviour.transform, fitted);
+    else root.attr("transform", fitted.toString());
+  }
+  function resize(nextWidth, nextHeight) {
+    width = nextWidth;
+    height = nextHeight;
+    svg.attr("viewBox", `0 0 ${width} ${height}`);
+    centerForce.x(width / 2).y(height / 2);
+    xForce.x(width / 2);
+    yForce.y(height / 2);
+    updateFrame();
+    applyFit();
+  }
+  attachNodeInteractions({
+    nodes,
+    simulation,
+    getBounds: () => ({ width, height }),
+    radiusById,
+    onHover: (id) => {
+      hoveredNodeId = id;
+      applyState();
+    },
+    onClick: (id) => setActive(activeNodeId === id ? null : id)
+  });
+  let zoomBehaviour = null;
+  if (options.enableZoom !== false) {
+    zoomBehaviour = zoom().scaleExtent(ZOOM_EXTENT).filter((event) => {
+      var _a2, _b;
+      if (event.type === "wheel") return !!(event.ctrlKey || event.metaKey);
+      if (event.button != null && event.button !== 0) return false;
+      return !((_b = (_a2 = event.target) == null ? void 0 : _a2.closest) == null ? void 0 : _b.call(_a2, "g.node"));
+    }).on("zoom", (event) => {
+      root.attr("transform", event.transform.toString());
+    });
+    svg.call(zoomBehaviour);
+  }
+  simulation.tick(PRESETTLE_TICKS);
+  applyVisibility();
+  applyFit();
+  simulation.on("tick", updateFrame);
+  const controller = {
+    setVisibleIds(next) {
+      visibleIds = next;
+      applyVisibility();
+    },
+    resize
+  };
+  GRAPHS.set(container, { simulation, positions, controller });
+  return controller;
+}
+function fitTransform(nodes, radiusById, width, height, labelExtent) {
+  let minX = Infinity;
+  let minY = Infinity;
+  let maxX = -Infinity;
+  let maxY = -Infinity;
+  for (const node of nodes) {
+    if (typeof node.x !== "number" || typeof node.y !== "number") continue;
+    const radius = radiusById.get(node.id) ?? 0;
+    const label = labelExtent.get(node.id);
+    const vertical = Math.max(radius, (label == null ? void 0 : label.half) ?? 0);
+    minX = Math.min(minX, node.x - radius);
+    minY = Math.min(minY, node.y - vertical);
+    maxX = Math.max(maxX, node.x + radius + ((label == null ? void 0 : label.right) ?? 0));
+    maxY = Math.max(maxY, node.y + vertical);
+  }
+  if (!Number.isFinite(minX)) return null;
+  const spanX = Math.max(maxX - minX, 1);
+  const spanY = Math.max(maxY - minY, 1);
+  const scale = clamp(
+    Math.min((width - FIT_PADDING * 2) / spanX, (height - FIT_PADDING * 2) / spanY),
+    FIT_SCALE_EXTENT[0],
+    FIT_SCALE_EXTENT[1]
+  );
+  return zoomIdentity.translate(width / 2 - (minX + maxX) / 2 * scale, height / 2 - (minY + maxY) / 2 * scale).scale(scale);
+}
+function seedPosition(index, count, width, height) {
+  const maxRadius = Math.min(width, height) * INITIAL_NODE_RADIUS_RATIO;
+  const radius = maxRadius * Math.sqrt(count <= 1 ? 0 : index / (count - 1));
+  const angle = index * GOLDEN_ANGLE;
+  return {
+    x: width / 2 + Math.cos(angle) * radius,
+    y: height / 2 + Math.sin(angle) * radius
+  };
+}
+function appendDefs(svg, blurId, shadowId) {
+  const defs = svg.append("defs");
+  defs.append("filter").attr("id", blurId).attr("x", "-50%").attr("y", "-50%").attr("width", "200%").attr("height", "200%").append("feGaussianBlur").attr("stdDeviation", 12);
+  const radial = defs.append("radialGradient").attr("id", shadowId);
+  radial.append("stop").attr("offset", "0%").attr("stop-color", NODE_COLORS.shadowInner).attr("stop-opacity", 1);
+  radial.append("stop").attr("offset", "100%").attr("stop-color", NODE_COLORS.shadowOuter).attr("stop-opacity", 0.12);
+}
+function buildLinks(linkLayer, labelLayer, simLinks) {
+  return simLinks.map((datum) => {
+    const line = linkLayer.append("line").attr("class", "link-line").attr("stroke", LINK_COLORS[datum.type]).attr("stroke-width", LINK_WIDTH).attr("stroke-linecap", "round").style("opacity", 1).style("pointer-events", "none").node();
+    let label = null;
+    {
+      const group = labelLayer.append("g").attr("class", "link-label").style("opacity", 0).style("pointer-events", "none");
+      const background = group.append("rect").attr("class", "link-label-background").attr("rx", 5).attr("ry", 5).attr("fill", LINK_LABEL_COLORS.background);
+      const text = group.append("text").attr("class", "link-label-text").text(formatLinkValue(datum.value)).attr("font-size", LINK_LABEL_SIZE).attr("fill", LINK_LABEL_COLORS.text).attr("dominant-baseline", "middle").attr("text-anchor", "middle");
+      const box = measure(text.node());
+      if (box) {
+        background.attr("x", box.x - LINK_LABEL_PAD_X).attr("y", box.y - LINK_LABEL_PAD_Y).attr("width", box.width + LINK_LABEL_PAD_X * 2).attr("height", box.height + LINK_LABEL_PAD_Y * 2);
+      }
+      label = group.node();
+    }
+    return { datum, line, label, visible: true };
+  });
+}
+function buildNodes(params) {
+  const { layer, simNodes, model, radiusById, blurId, shadowId } = params;
+  return simNodes.map((datum) => {
+    const radius = radiusById.get(datum.id) ?? 0;
+    const shadow = shadowRadius(datum, model.breakpoints);
+    const hasImage = !!datum.img;
+    const group = layer.append("g").datum(datum).attr("class", "node").style("cursor", "grab").style("opacity", 1).style("pointer-events", "all");
+    const label = appendNodeLabel(group, datum, radius);
+    group.append("circle").attr("class", "node-shadow-blue").attr("r", shadow).attr("fill", NODE_COLORS.glow).attr("opacity", 0.15).attr("filter", `url(#${blurId})`).style("pointer-events", "none");
+    const grab = group.append("circle").attr("class", "node-drag-area").attr("r", radius + NODE_BORDER_WIDTH + DRAG_AREA_PAD).attr("fill", "transparent").style("cursor", "grab").style("pointer-events", "all").node();
+    group.append("circle").attr("class", "node-shadow-dark").attr("r", shadow).attr("fill", `url(#${shadowId})`).attr("opacity", 0.1).attr("filter", `url(#${blurId})`).style("pointer-events", "none");
+    const background = group.append("circle").attr("class", "node-background").attr("r", radius).attr("fill", nodeColor(datum)).style("opacity", hasImage ? 0 : 1).style("pointer-events", "none").node();
+    group.append("circle").attr("class", "node-border-white").attr("r", radius).attr("fill", "none").attr("stroke", NODE_COLORS.innerBorder).attr("stroke-width", NODE_BORDER_WIDTH).style("pointer-events", "none");
+    if (hasImage) {
+      group.append("image").attr("class", "node-image").attr("href", datum.img).attr("width", radius * 2).attr("height", radius * 2).attr("x", -radius).attr("y", -radius).attr("clip-path", `circle(${radius}px at ${radius}px ${radius}px)`).attr("preserveAspectRatio", "xMidYMid slice").style("pointer-events", "none");
+    }
+    group.append("circle").attr("class", "node-border-purple").attr("r", radius + NODE_BORDER_WIDTH).attr("fill", "none").attr("stroke", NODE_COLORS.outerBorder).attr("stroke-width", NODE_BORDER_WIDTH).style("pointer-events", "none");
+    return {
+      datum,
+      group: group.node(),
+      background,
+      grab,
+      label: label.group,
+      labelBg: label.background,
+      labelTitle: label.title,
+      labelValue: label.value,
+      radius,
+      hasImage,
+      alwaysLabelled: radius > LABEL_ALWAYS_ABOVE
+    };
+  });
+}
+function appendNodeLabel(group, datum, radius) {
+  const valueText = formatNodeValue(datum.value);
+  if (!datum.label && !valueText) {
+    return { group: null, background: null, title: null, value: null };
+  }
+  const labelGroup = group.append("g").attr("class", "node-label").attr("transform", "translate(1, 0)").style("opacity", 0).style("pointer-events", "none");
+  const background = labelGroup.append("rect").attr("class", "node-label-background").attr("rx", 4).attr("ry", 4).attr("fill", NODE_LABEL_COLORS.background);
+  const title = labelGroup.append("text").attr("class", "node-label-title").text(datum.label).attr("font-size", LABEL_TITLE_SIZE).attr("font-weight", "400").attr("fill", NODE_LABEL_COLORS.text).attr("text-anchor", "middle").attr("dominant-baseline", "hanging");
+  const value = labelGroup.append("text").attr("class", "node-label-value").text(valueText).attr("font-size", LABEL_VALUE_SIZE).attr("fill", NODE_LABEL_COLORS.text).attr("text-anchor", "middle").attr("dominant-baseline", "hanging");
+  const paddingX = radius + LABEL_PADDING_GAP;
+  const titleBox = measure(title.node());
+  const valueBox = measure(value.node());
+  const contentWidth = Math.max((titleBox == null ? void 0 : titleBox.width) ?? 0, (valueBox == null ? void 0 : valueBox.width) ?? 0);
+  const boxWidth = paddingX * 2 + contentWidth;
+  const boxHeight = LABEL_PADDING_TOP + LABEL_TITLE_LINE + LABEL_VALUE_LINE + LABEL_PADDING_BOTTOM;
+  const centerX = paddingX + contentWidth / 2;
+  background.attr("x", 0).attr("y", -boxHeight / 2).attr("width", boxWidth).attr("height", boxHeight);
+  title.attr("x", centerX).attr("y", -boxHeight / 2 + LABEL_PADDING_TOP);
+  value.attr("x", centerX).attr("y", -boxHeight / 2 + LABEL_PADDING_TOP + LABEL_TITLE_LINE);
+  return {
+    group: labelGroup.node(),
+    background: background.node(),
+    title: title.node(),
+    value: value.node()
+  };
+}
+function attachNodeInteractions(params) {
+  const { nodes, simulation, getBounds, radiusById, onHover, onClick } = params;
+  let moved = false;
+  let start = null;
+  const behaviour = drag().filter((event) => event.button === 0).on("start", (event, d) => {
+    event.sourceEvent.stopPropagation();
+    start = { x: event.sourceEvent.clientX, y: event.sourceEvent.clientY };
+    moved = false;
+    if (!event.active) simulation.alphaTarget(0.3).restart();
+    const { width, height } = getBounds();
+    d.fx = d.x ?? width / 2;
+    d.fy = d.y ?? height / 2;
+  }).on("drag", (event, d) => {
+    if (start) {
+      const dx = event.sourceEvent.clientX - start.x;
+      const dy = event.sourceEvent.clientY - start.y;
+      if (Math.sqrt(dx * dx + dy * dy) > DRAG_SLOP) moved = true;
+    }
+    const { width, height } = getBounds();
+    const radius = radiusById.get(d.id) ?? 0;
+    d.fx = clamp((d.fx ?? d.x ?? 0) + event.dx, radius, width - radius);
+    d.fy = clamp((d.fy ?? d.y ?? 0) + event.dy, radius, height - radius);
+  }).on("end", (event, d) => {
+    if (!event.active) simulation.alphaTarget(0);
+    d.fx = null;
+    d.fy = null;
+    start = null;
+  });
+  for (const part of nodes) {
+    const group = select(part.group);
+    group.call(behaviour);
+    const grab = group.select(".node-drag-area");
+    grab.on("click", (event) => {
+      event.stopPropagation();
+      if (moved) {
+        moved = false;
+        return;
+      }
+      onClick(part.datum.id);
+    });
+    grab.on("mouseenter", () => onHover(part.datum.id));
+    grab.on("mouseleave", () => onHover(null));
+  }
+}
+export {
+  renderNetworkGraph,
+  resizeNetworkGraph,
+  stopNetworkGraph,
+  updateNetworkGraphVisibility
+};
+//# sourceMappingURL=draw.js.map

package/dist/components/network-graph/render/draw.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"draw.js","sources":["../../../../src/components/network-graph/render/draw.ts"],"sourcesContent":["import { drag, type D3DragEvent } from 'd3-drag';\nimport {\n  forceCenter,\n  forceCollide,\n  forceLink,\n  forceManyBody,\n  forceSimulation,\n  forceX,\n  forceY,\n  type Simulation,\n  type SimulationLinkDatum,\n  type SimulationNodeDatum,\n} from 'd3-force';\nimport { select, type Selection } from 'd3-selection';\nimport { zoom, zoomIdentity, type ZoomBehavior, type ZoomTransform } from 'd3-zoom';\n\nimport type { WidgetTheme } from '../../../types/index.js';\nimport {\n  INITIAL_NODE_RADIUS_RATIO,\n  LABEL_ALWAYS_ABOVE,\n  LINK_COLORS,\n  LINK_LABEL_COLORS,\n  LINK_WIDTH,\n  NODE_BORDER_WIDTH,\n  NODE_COLORS,\n  NODE_LABEL_COLORS,\n  formatLinkValue,\n  formatNodeValue,\n  networkForces,\n  nodeColor,\n  nodeRadius,\n  scaleLinkWidthByMax,\n  shadowRadius,\n  type NetworkGraphModel,\n  type NetworkLink,\n  type NetworkNode,\n} from '../lib/index.js';\n\n/** Node label box (client `createNodeLabel`). */\nconst LABEL_PADDING_TOP = 14;\nconst LABEL_PADDING_BOTTOM = 4;\nconst LABEL_PADDING_GAP = 5;\nconst LABEL_TITLE_SIZE = 12;\nconst LABEL_TITLE_LINE = 16;\nconst LABEL_VALUE_SIZE = 10;\nconst LABEL_VALUE_LINE = 14;\n/** Link pill (client `createLinkLabelBackground`). */\nconst LINK_LABEL_SIZE = 8;\nconst LINK_LABEL_PAD_X = 2;\nconst LINK_LABEL_PAD_Y = 1;\nconst LINK_LABEL_OFFSET = 10;\n/** Invisible grab ring around each node (client `.node-drag-area`). */\nconst DRAG_AREA_PAD = 10;\n/** Pointer travel that turns a click into a drag (client). */\nconst DRAG_SLOP = 5;\nconst ZOOM_EXTENT: [number, number] = [0.3, 4];\n/**\n * The client animates the layout in from the canvas centre. A chat card is read\n * at a glance, so the simulation is stepped to rest before the first paint and\n * then left idle — dragging a node restarts it, exactly as in the client.\n */\nconst PRESETTLE_TICKS = 250;\n/** Padding kept around the graph when it is fitted to the container. */\nconst FIT_PADDING = 32;\n/** Fitting may enlarge a sparse graph, but never past readable label sizes. */\nconst FIT_SCALE_EXTENT: [number, number] = [0.4, 1.25];\n/** Even seed ring so the first frame is reproducible across renders. */\nconst GOLDEN_ANGLE = Math.PI * (3 - Math.sqrt(5));\n\ntype SimNode = NetworkNode & SimulationNodeDatum;\ntype SimLink = Omit<NetworkLink, 'source' | 'target'> &\n  SimulationLinkDatum<SimNode> & { source: string | SimNode; target: string | SimNode };\n\nexport interface RenderNetworkGraphOptions {\n  model: NetworkGraphModel;\n  /** `null` shows every node; otherwise only these ids stay visible. */\n  visibleIds: Set<string> | null;\n  width: number;\n  height: number;\n  theme: WidgetTheme;\n  /** Selection carried across a redraw (legend filtering keeps it). */\n  activeNodeId?: string | null;\n  /** Fired when a node is clicked; `null` when the same node is clicked again. */\n  onSelect?: (id: string | null) => void;\n  /** Drag-to-pan plus ctrl/cmd + wheel zoom. */\n  enableZoom?: boolean;\n}\n\ninterface NodeParts {\n  datum: SimNode;\n  group: SVGGElement;\n  background: SVGCircleElement;\n  /** Invisible ring that carries the pointer handlers. */\n  grab: SVGCircleElement | null;\n  label: SVGGElement | null;\n  labelBg: SVGRectElement | null;\n  labelTitle: SVGTextElement | null;\n  labelValue: SVGTextElement | null;\n  radius: number;\n  hasImage: boolean;\n  alwaysLabelled: boolean;\n}\n\n/** How far a node's always-on label reaches past the circle itself. */\ninterface LabelExtent {\n  right: number;\n  half: number;\n}\n\ninterface LinkParts {\n  datum: SimLink;\n  line: SVGLineElement;\n  label: SVGGElement | null;\n  visible: boolean;\n}\n\n/**\n * Live handle on a mounted graph. The element keeps this so the legend filter\n * and container resizes can update the plot in place instead of rebuilding it.\n */\nexport interface NetworkGraphController {\n  /** Legend filter — toggles node/link visibility, the layout is untouched. */\n  setVisibleIds(visibleIds: Set<string> | null): void;\n  /** Container resize — re-frames the settled layout, runs no new force ticks. */\n  resize(width: number, height: number): void;\n}\n\ninterface GraphState {\n  simulation: Simulation<SimNode, SimLink> | null;\n  positions: Map<string, { x: number; y: number }>;\n  controller: NetworkGraphController | null;\n}\n\nconst GRAPHS = new WeakMap<HTMLElement, GraphState>();\n\nlet instanceCount = 0;\n\nfunction clamp(value: number, min: number, max: number): number {\n  return Math.max(min, Math.min(max, value));\n}\n\nfunction endpointId(end: string | SimNode): string {\n  return typeof end === 'string' ? end : end.id;\n}\n\n/** `getBBox` is unavailable outside a real layout engine (jsdom, detached DOM). */\nfunction measure(el: SVGGraphicsElement | null): DOMRect | null {\n  if (!el || typeof el.getBBox !== 'function') return null;\n  try {\n    return el.getBBox();\n  } catch {\n    return null;\n  }\n}\n\n/**\n * Client `getLinkPoint` — pull an endpoint out to the rim of its node so the\n * stroke starts where the circle ends.\n */\nfunction rimPoint(\n  x: number,\n  y: number,\n  towardX: number,\n  towardY: number,\n  radius: number,\n): { x: number; y: number } {\n  const dx = towardX - x;\n  const dy = towardY - y;\n  const distance = Math.sqrt(dx * dx + dy * dy);\n  if (distance === 0) return { x, y };\n  return { x: x + (dx / distance) * radius, y: y + (dy / distance) * radius };\n}\n\n/** Stop the simulation attached to `container`, keeping its layout for the next draw. */\nexport function stopNetworkGraph(container: HTMLElement): void {\n  const state = GRAPHS.get(container);\n  if (!state) return;\n  state.controller = null;\n  if (!state.simulation) return;\n  for (const node of state.simulation.nodes()) {\n    if (typeof node.x === 'number' && typeof node.y === 'number') {\n      state.positions.set(node.id, { x: node.x, y: node.y });\n    }\n  }\n  state.simulation.stop();\n  state.simulation = null;\n}\n\n/**\n * Legend filter. Returns `false` when no graph is mounted so the caller can fall\n * back to a full render; on success nothing is rebuilt and the camera holds.\n */\nexport function updateNetworkGraphVisibility(\n  container: HTMLElement,\n  visibleIds: Set<string> | null,\n): boolean {\n  const controller = GRAPHS.get(container)?.controller;\n  if (!controller) return false;\n  controller.setVisibleIds(visibleIds);\n  return true;\n}\n\n/**\n * Container resize. Returns `false` when no graph is mounted; otherwise the\n * settled layout is re-framed without re-running the force simulation.\n */\nexport function resizeNetworkGraph(\n  container: HTMLElement,\n  width: number,\n  height: number,\n): boolean {\n  const controller = GRAPHS.get(container)?.controller;\n  if (!controller || width <= 0 || height <= 0) return false;\n  controller.resize(width, height);\n  return true;\n}\n\n/**\n * FuseDash NetworkGraph — a d3-force layout of image/colour nodes joined by\n * value-weighted links. The client lays out on a fixed 2000x1375 canvas and\n * zooms into it; chat gives the chart its container instead, so the simulation\n * runs in container coordinates with the spatial forces scaled to match.\n */\nexport function renderNetworkGraph(\n  container: HTMLElement,\n  options: RenderNetworkGraphOptions,\n): NetworkGraphController | null {\n  const { model, theme, onSelect } = options;\n  // Mutated in place by the controller — a filter or a resize must not rebuild.\n  let visibleIds = options.visibleIds;\n  let width = options.width;\n  let height = options.height;\n\n  stopNetworkGraph(container);\n  container.replaceChildren();\n  if (!model.nodes.length || width <= 0 || height <= 0) return null;\n\n  const positions = GRAPHS.get(container)?.positions ?? new Map();\n  const instance = ++instanceCount;\n  const blurId = `ui9000-ng-blur-${instance}`;\n  const shadowId = `ui9000-ng-shadow-${instance}`;\n\n  const radiusById = new Map(\n    model.nodes.map((node) => [node.id, nodeRadius(node, model.breakpoints)]),\n  );\n  const maxNodeRadius = Math.max(...radiusById.values());\n\n  const simNodes: SimNode[] = model.nodes.map((node, index) => {\n    const seed = positions.get(node.id) ?? seedPosition(index, model.nodes.length, width, height);\n    return { ...node, x: seed.x, y: seed.y };\n  });\n  const nodeById = new Map(simNodes.map((node) => [node.id, node]));\n  const simLinks: SimLink[] = model.links.map((link) => ({ ...link }));\n\n  const isNodeVisible = (id: string): boolean => !visibleIds || visibleIds.has(id);\n  const isLinkVisible = (link: SimLink): boolean =>\n    isNodeVisible(endpointId(link.source)) && isNodeVisible(endpointId(link.target));\n\n  const neighbours = new Map<string, Set<string>>();\n  for (const link of simLinks) {\n    const source = endpointId(link.source);\n    const target = endpointId(link.target);\n    if (!neighbours.has(source)) neighbours.set(source, new Set());\n    if (!neighbours.has(target)) neighbours.set(target, new Set());\n    neighbours.get(source)!.add(target);\n    neighbours.get(target)!.add(source);\n  }\n\n  let activeNodeId = options.activeNodeId ?? null;\n  let hoveredNodeId: string | null = null;\n\n  const svg = select(container)\n    .append('svg')\n    .attr('width', '100%')\n    .attr('height', '100%')\n    .attr('viewBox', `0 0 ${width} ${height}`)\n    .attr('preserveAspectRatio', 'xMidYMid meet')\n    .style('display', 'block')\n    .style('font-family', theme.fontFamily);\n\n  appendDefs(svg, blurId, shadowId);\n\n  const root = svg.append('g').attr('class', 'graph-root');\n  const linkLayer = root.append('g').attr('class', 'link-layer');\n  const linkLabelLayer = root.append('g').attr('class', 'link-label-layer');\n  const nodeLayer = root.append('g').attr('class', 'node-layer');\n\n  const links = buildLinks(linkLayer, linkLabelLayer, simLinks);\n  const nodes = buildNodes({\n    layer: nodeLayer,\n    simNodes,\n    model,\n    radiusById,\n    blurId,\n    shadowId,\n  });\n\n  // Labels hang off the right of their node and are taller than a small circle,\n  // so the camera has to allow for them or a narrow frame clips them.\n  const labelExtent = new Map<string, LabelExtent>();\n  for (const part of nodes) {\n    if (!part.alwaysLabelled || !part.labelBg) continue;\n    const right = Number(part.labelBg.getAttribute('width')) || 0;\n    const half = (Number(part.labelBg.getAttribute('height')) || 0) / 2;\n    if (right || half) labelExtent.set(part.datum.id, { right, half });\n  }\n\n  const forces = networkForces(width, height, maxNodeRadius);\n  // Centring forces are kept by reference: a resize retargets them instead of\n  // rebuilding the simulation.\n  const centerForce = forceCenter<SimNode>(width / 2, height / 2).strength(0.1);\n  const xForce = forceX<SimNode>(width / 2).strength(0.05);\n  const yForce = forceY<SimNode>(height / 2).strength(0.05);\n  // Every link stays in the force, filtered-out ones included, so toggling the\n  // legend never disturbs the layout (client parity).\n  const simulation = forceSimulation<SimNode>(simNodes)\n    .stop()\n    .force(\n      'link',\n      forceLink<SimNode, SimLink>(simLinks)\n        .id((d) => d.id)\n        .distance(forces.linkDistance)\n        .strength(0.5),\n    )\n    .force('charge', forceManyBody<SimNode>().strength(forces.charge))\n    .force('center', centerForce)\n    .force('collision', forceCollide<SimNode>().radius(forces.collide))\n    .force('x', xForce)\n    .force('y', yForce);\n\n  GRAPHS.set(container, { simulation, positions, controller: null });\n\n  const isConnected = (id: string): boolean =>\n    !!activeNodeId && activeNodeId !== id && !!neighbours.get(activeNodeId)?.has(id);\n\n  const isLinkActive = (link: SimLink): boolean =>\n    !!activeNodeId &&\n    (endpointId(link.source) === activeNodeId || endpointId(link.target) === activeNodeId);\n\n  /** Geometry — runs on every simulation tick. */\n  function updateFrame(): void {\n    for (const node of simNodes) {\n      const radius = radiusById.get(node.id) ?? 0;\n      node.x = clamp(node.x ?? width / 2, radius, width - radius);\n      node.y = clamp(node.y ?? height / 2, radius, height - radius);\n    }\n\n    for (const part of links) {\n      const source = nodeById.get(endpointId(part.datum.source));\n      const target = nodeById.get(endpointId(part.datum.target));\n      if (!source || !target) continue;\n\n      const sx = source.x ?? 0;\n      const sy = source.y ?? 0;\n      const tx = target.x ?? 0;\n      const ty = target.y ?? 0;\n      const from = rimPoint(sx, sy, tx, ty, radiusById.get(source.id) ?? 0);\n      const to = rimPoint(tx, ty, sx, sy, radiusById.get(target.id) ?? 0);\n\n      part.line.setAttribute('x1', String(from.x));\n      part.line.setAttribute('y1', String(from.y));\n      part.line.setAttribute('x2', String(to.x));\n      part.line.setAttribute('y2', String(to.y));\n\n      if (!part.label) continue;\n      const show = part.visible && isLinkActive(part.datum);\n      part.label.style.opacity = show ? '1' : '0';\n      if (!show) continue;\n\n      const angle = (Math.atan2(to.y - from.y, to.x - from.x) * 180) / Math.PI;\n      const upright = angle > 90 || angle < -90 ? angle + 180 : angle;\n      const perpendicular = ((angle - 90) * Math.PI) / 180;\n      const cx = (from.x + to.x) / 2 + Math.cos(perpendicular) * LINK_LABEL_OFFSET;\n      const cy = (from.y + to.y) / 2 + Math.sin(perpendicular) * LINK_LABEL_OFFSET;\n      part.label.setAttribute('transform', `translate(${cx}, ${cy}) rotate(${upright})`);\n    }\n\n    for (const part of nodes) {\n      part.group.setAttribute(\n        'transform',\n        `translate(${part.datum.x ?? 0}, ${part.datum.y ?? 0})`,\n      );\n    }\n  }\n\n  /** Selection / hover styling — runs only when the interaction state changes. */\n  function applyState(): void {\n    for (const part of nodes) {\n      const id = part.datum.id;\n      const active = activeNodeId === id;\n      const hovered = hoveredNodeId === id;\n      const connected = isConnected(id);\n\n      part.background.setAttribute(\n        'fill',\n        active && !part.hasImage ? NODE_COLORS.activeFill : nodeColor(part.datum),\n      );\n\n      if (!part.label) continue;\n      const show = part.alwaysLabelled || active || hovered || connected;\n      part.label.style.opacity = show ? '1' : '0';\n\n      if (part.labelBg) {\n        part.labelBg.setAttribute(\n          'fill',\n          active\n            ? NODE_LABEL_COLORS.backgroundActive\n            : hovered\n              ? NODE_LABEL_COLORS.backgroundHover\n              : NODE_LABEL_COLORS.background,\n        );\n      }\n      const textFill = active ? NODE_LABEL_COLORS.textActive : NODE_LABEL_COLORS.text;\n      part.labelTitle?.setAttribute('fill', textFill);\n      part.labelTitle?.setAttribute('font-weight', active || connected ? '600' : '400');\n      part.labelValue?.setAttribute('fill', textFill);\n    }\n\n    for (const part of links) {\n      part.line.setAttribute(\n        'stroke-width',\n        String(\n          isLinkActive(part.datum)\n            ? scaleLinkWidthByMax(part.datum.value, model.maxLinkValue)\n            : LINK_WIDTH,\n        ),\n      );\n    }\n  }\n\n  function setActive(id: string | null): void {\n    activeNodeId = id;\n    applyState();\n    updateFrame();\n    onSelect?.(id);\n  }\n\n  /**\n   * Legend filter — opacity and hit-testing only. The simulation keeps every\n   * node and link, so nothing moves and the camera stays where the user left it.\n   */\n  function applyVisibility(): void {\n    for (const part of nodes) {\n      const visible = isNodeVisible(part.datum.id);\n      part.group.style.opacity = visible ? '1' : '0';\n      part.group.style.pointerEvents = visible ? 'all' : 'none';\n      if (part.grab) part.grab.style.pointerEvents = visible ? 'all' : 'none';\n    }\n    for (const part of links) {\n      part.visible = isLinkVisible(part.datum);\n      part.line.style.opacity = part.visible ? '1' : '0';\n    }\n    // A node filtered out of view must not stay selected or hovered.\n    if (hoveredNodeId && !isNodeVisible(hoveredNodeId)) hoveredNodeId = null;\n    if (activeNodeId && !isNodeVisible(activeNodeId)) setActive(null);\n    else {\n      applyState();\n      updateFrame();\n    }\n  }\n\n  /** Centre the visible nodes in the current frame. */\n  function applyFit(): void {\n    const fitted = fitTransform(\n      simNodes.filter((node) => isNodeVisible(node.id)),\n      radiusById,\n      width,\n      height,\n      labelExtent,\n    );\n    if (!fitted) return;\n    if (zoomBehaviour) svg.call(zoomBehaviour.transform, fitted);\n    else root.attr('transform', fitted.toString());\n  }\n\n  /**\n   * Container resize. The settled layout is still good, so only the viewBox, the\n   * clamp bounds, the centring force targets and the camera move — re-running\n   * PRESETTLE_TICKS here would reshuffle the graph under the reader.\n   */\n  function resize(nextWidth: number, nextHeight: number): void {\n    width = nextWidth;\n    height = nextHeight;\n    svg.attr('viewBox', `0 0 ${width} ${height}`);\n    centerForce.x(width / 2).y(height / 2);\n    xForce.x(width / 2);\n    yForce.y(height / 2);\n    updateFrame();\n    applyFit();\n  }\n\n  attachNodeInteractions({\n    nodes,\n    simulation,\n    getBounds: () => ({ width, height }),\n    radiusById,\n    onHover: (id) => {\n      hoveredNodeId = id;\n      applyState();\n    },\n    onClick: (id) => setActive(activeNodeId === id ? null : id),\n  });\n\n  let zoomBehaviour: ZoomBehavior<SVGSVGElement, unknown> | null = null;\n\n  if (options.enableZoom !== false) {\n    zoomBehaviour = zoom<SVGSVGElement, unknown>()\n      .scaleExtent(ZOOM_EXTENT)\n      .filter((event: Event & { ctrlKey?: boolean; metaKey?: boolean; button?: number }) => {\n        // Chat scrolls the transcript — plain wheel must pass through.\n        if (event.type === 'wheel') return !!(event.ctrlKey || event.metaKey);\n        if (event.button != null && event.button !== 0) return false;\n        return !(event.target as Element | null)?.closest?.('g.node');\n      })\n      .on('zoom', (event: { transform: ZoomTransform }) => {\n        root.attr('transform', event.transform.toString());\n      });\n    svg.call(zoomBehaviour);\n  }\n\n  // The only place the layout is settled: first mount and data changes.\n  simulation.tick(PRESETTLE_TICKS);\n  applyVisibility();\n  applyFit();\n  simulation.on('tick', updateFrame);\n\n  const controller: NetworkGraphController = {\n    setVisibleIds(next) {\n      visibleIds = next;\n      applyVisibility();\n    },\n    resize,\n  };\n  GRAPHS.set(container, { simulation, positions, controller });\n  return controller;\n}\n\n/**\n * Centre the settled layout in the container. The client zooms into a fixed\n * canvas; here the canvas *is* the container, so a graph that condenses into a\n * corner is nudged back into view. Filtered-out nodes stay in the simulation to\n * hold the layout steady, so only the visible ones frame the camera.\n */\nfunction fitTransform(\n  nodes: SimNode[],\n  radiusById: Map<string, number>,\n  width: number,\n  height: number,\n  labelExtent: Map<string, LabelExtent>,\n): ZoomTransform | null {\n  let minX = Infinity;\n  let minY = Infinity;\n  let maxX = -Infinity;\n  let maxY = -Infinity;\n\n  for (const node of nodes) {\n    if (typeof node.x !== 'number' || typeof node.y !== 'number') continue;\n    const radius = radiusById.get(node.id) ?? 0;\n    const label = labelExtent.get(node.id);\n    const vertical = Math.max(radius, label?.half ?? 0);\n    minX = Math.min(minX, node.x - radius);\n    minY = Math.min(minY, node.y - vertical);\n    maxX = Math.max(maxX, node.x + radius + (label?.right ?? 0));\n    maxY = Math.max(maxY, node.y + vertical);\n  }\n  if (!Number.isFinite(minX)) return null;\n\n  const spanX = Math.max(maxX - minX, 1);\n  const spanY = Math.max(maxY - minY, 1);\n  const scale = clamp(\n    Math.min((width - FIT_PADDING * 2) / spanX, (height - FIT_PADDING * 2) / spanY),\n    FIT_SCALE_EXTENT[0],\n    FIT_SCALE_EXTENT[1],\n  );\n\n  return zoomIdentity\n    .translate(width / 2 - ((minX + maxX) / 2) * scale, height / 2 - ((minY + maxY) / 2) * scale)\n    .scale(scale);\n}\n\nfunction seedPosition(\n  index: number,\n  count: number,\n  width: number,\n  height: number,\n): { x: number; y: number } {\n  const maxRadius = Math.min(width, height) * INITIAL_NODE_RADIUS_RATIO;\n  const radius = maxRadius * Math.sqrt(count <= 1 ? 0 : index / (count - 1));\n  const angle = index * GOLDEN_ANGLE;\n  return {\n    x: width / 2 + Math.cos(angle) * radius,\n    y: height / 2 + Math.sin(angle) * radius,\n  };\n}\n\nfunction appendDefs(\n  svg: Selection<SVGSVGElement, unknown, null, undefined>,\n  blurId: string,\n  shadowId: string,\n): void {\n  const defs = svg.append('defs');\n  defs\n    .append('filter')\n    .attr('id', blurId)\n    .attr('x', '-50%')\n    .attr('y', '-50%')\n    .attr('width', '200%')\n    .attr('height', '200%')\n    .append('feGaussianBlur')\n    .attr('stdDeviation', 12);\n\n  const radial = defs.append('radialGradient').attr('id', shadowId);\n  radial\n    .append('stop')\n    .attr('offset', '0%')\n    .attr('stop-color', NODE_COLORS.shadowInner)\n    .attr('stop-opacity', 1);\n  radial\n    .append('stop')\n    .attr('offset', '100%')\n    .attr('stop-color', NODE_COLORS.shadowOuter)\n    .attr('stop-opacity', 0.12);\n}\n\n/** Every link is built once; the legend filter only toggles what is painted. */\nfunction buildLinks(\n  linkLayer: Selection<SVGGElement, unknown, null, undefined>,\n  labelLayer: Selection<SVGGElement, unknown, null, undefined>,\n  simLinks: SimLink[],\n): LinkParts[] {\n  return simLinks.map((datum) => {\n    const line = linkLayer\n      .append('line')\n      .attr('class', 'link-line')\n      .attr('stroke', LINK_COLORS[datum.type])\n      .attr('stroke-width', LINK_WIDTH)\n      .attr('stroke-linecap', 'round')\n      .style('opacity', 1)\n      .style('pointer-events', 'none')\n      .node() as SVGLineElement;\n\n    let label: SVGGElement | null = null;\n    {\n      const group = labelLayer\n        .append('g')\n        .attr('class', 'link-label')\n        .style('opacity', 0)\n        .style('pointer-events', 'none');\n\n      const background = group\n        .append('rect')\n        .attr('class', 'link-label-background')\n        .attr('rx', 5)\n        .attr('ry', 5)\n        .attr('fill', LINK_LABEL_COLORS.background);\n\n      const text = group\n        .append('text')\n        .attr('class', 'link-label-text')\n        .text(formatLinkValue(datum.value))\n        .attr('font-size', LINK_LABEL_SIZE)\n        .attr('fill', LINK_LABEL_COLORS.text)\n        .attr('dominant-baseline', 'middle')\n        .attr('text-anchor', 'middle');\n\n      const box = measure(text.node());\n      if (box) {\n        background\n          .attr('x', box.x - LINK_LABEL_PAD_X)\n          .attr('y', box.y - LINK_LABEL_PAD_Y)\n          .attr('width', box.width + LINK_LABEL_PAD_X * 2)\n          .attr('height', box.height + LINK_LABEL_PAD_Y * 2);\n      }\n      label = group.node();\n    }\n\n    return { datum, line, label, visible: true };\n  });\n}\n\nfunction buildNodes(params: {\n  layer: Selection<SVGGElement, unknown, null, undefined>;\n  simNodes: SimNode[];\n  model: NetworkGraphModel;\n  radiusById: Map<string, number>;\n  blurId: string;\n  shadowId: string;\n}): NodeParts[] {\n  const { layer, simNodes, model, radiusById, blurId, shadowId } = params;\n\n  return simNodes.map((datum) => {\n    const radius = radiusById.get(datum.id) ?? 0;\n    const shadow = shadowRadius(datum, model.breakpoints);\n    const hasImage = !!datum.img;\n\n    const group = layer\n      .append('g')\n      .datum(datum)\n      .attr('class', 'node')\n      .style('cursor', 'grab')\n      .style('opacity', 1)\n      .style('pointer-events', 'all');\n\n    // Client stacking order: label behind the bloom, chrome on top of it.\n    const label = appendNodeLabel(group, datum, radius);\n\n    group\n      .append('circle')\n      .attr('class', 'node-shadow-blue')\n      .attr('r', shadow)\n      .attr('fill', NODE_COLORS.glow)\n      .attr('opacity', 0.15)\n      .attr('filter', `url(#${blurId})`)\n      .style('pointer-events', 'none');\n\n    const grab = group\n      .append('circle')\n      .attr('class', 'node-drag-area')\n      .attr('r', radius + NODE_BORDER_WIDTH + DRAG_AREA_PAD)\n      .attr('fill', 'transparent')\n      .style('cursor', 'grab')\n      .style('pointer-events', 'all')\n      .node() as SVGCircleElement;\n\n    group\n      .append('circle')\n      .attr('class', 'node-shadow-dark')\n      .attr('r', shadow)\n      .attr('fill', `url(#${shadowId})`)\n      .attr('opacity', 0.1)\n      .attr('filter', `url(#${blurId})`)\n      .style('pointer-events', 'none');\n\n    const background = group\n      .append('circle')\n      .attr('class', 'node-background')\n      .attr('r', radius)\n      .attr('fill', nodeColor(datum))\n      .style('opacity', hasImage ? 0 : 1)\n      .style('pointer-events', 'none')\n      .node() as SVGCircleElement;\n\n    group\n      .append('circle')\n      .attr('class', 'node-border-white')\n      .attr('r', radius)\n      .attr('fill', 'none')\n      .attr('stroke', NODE_COLORS.innerBorder)\n      .attr('stroke-width', NODE_BORDER_WIDTH)\n      .style('pointer-events', 'none');\n\n    if (hasImage) {\n      group\n        .append('image')\n        .attr('class', 'node-image')\n        .attr('href', datum.img as string)\n        .attr('width', radius * 2)\n        .attr('height', radius * 2)\n        .attr('x', -radius)\n        .attr('y', -radius)\n        .attr('clip-path', `circle(${radius}px at ${radius}px ${radius}px)`)\n        .attr('preserveAspectRatio', 'xMidYMid slice')\n        .style('pointer-events', 'none');\n    }\n\n    group\n      .append('circle')\n      .attr('class', 'node-border-purple')\n      .attr('r', radius + NODE_BORDER_WIDTH)\n      .attr('fill', 'none')\n      .attr('stroke', NODE_COLORS.outerBorder)\n      .attr('stroke-width', NODE_BORDER_WIDTH)\n      .style('pointer-events', 'none');\n\n    return {\n      datum,\n      group: group.node() as SVGGElement,\n      background,\n      grab,\n      label: label.group,\n      labelBg: label.background,\n      labelTitle: label.title,\n      labelValue: label.value,\n      radius,\n      hasImage,\n      alwaysLabelled: radius > LABEL_ALWAYS_ABOVE,\n    };\n  });\n}\n\nfunction appendNodeLabel(\n  group: Selection<SVGGElement, SimNode, null, undefined>,\n  datum: SimNode,\n  radius: number,\n): {\n  group: SVGGElement | null;\n  background: SVGRectElement | null;\n  title: SVGTextElement | null;\n  value: SVGTextElement | null;\n} {\n  const valueText = formatNodeValue(datum.value);\n  if (!datum.label && !valueText) {\n    return { group: null, background: null, title: null, value: null };\n  }\n\n  const labelGroup = group\n    .append('g')\n    .attr('class', 'node-label')\n    .attr('transform', 'translate(1, 0)')\n    .style('opacity', 0)\n    .style('pointer-events', 'none');\n\n  const background = labelGroup\n    .append('rect')\n    .attr('class', 'node-label-background')\n    .attr('rx', 4)\n    .attr('ry', 4)\n    .attr('fill', NODE_LABEL_COLORS.background);\n\n  const title = labelGroup\n    .append('text')\n    .attr('class', 'node-label-title')\n    .text(datum.label)\n    .attr('font-size', LABEL_TITLE_SIZE)\n    .attr('font-weight', '400')\n    .attr('fill', NODE_LABEL_COLORS.text)\n    .attr('text-anchor', 'middle')\n    .attr('dominant-baseline', 'hanging');\n\n  const value = labelGroup\n    .append('text')\n    .attr('class', 'node-label-value')\n    .text(valueText)\n    .attr('font-size', LABEL_VALUE_SIZE)\n    .attr('fill', NODE_LABEL_COLORS.text)\n    .attr('text-anchor', 'middle')\n    .attr('dominant-baseline', 'hanging');\n\n  const paddingX = radius + LABEL_PADDING_GAP;\n  const titleBox = measure(title.node());\n  const valueBox = measure(value.node());\n  const contentWidth = Math.max(titleBox?.width ?? 0, valueBox?.width ?? 0);\n  const boxWidth = paddingX * 2 + contentWidth;\n  const boxHeight =\n    LABEL_PADDING_TOP + LABEL_TITLE_LINE + LABEL_VALUE_LINE + LABEL_PADDING_BOTTOM;\n  const centerX = paddingX + contentWidth / 2;\n\n  background\n    .attr('x', 0)\n    .attr('y', -boxHeight / 2)\n    .attr('width', boxWidth)\n    .attr('height', boxHeight);\n  title.attr('x', centerX).attr('y', -boxHeight / 2 + LABEL_PADDING_TOP);\n  value\n    .attr('x', centerX)\n    .attr('y', -boxHeight / 2 + LABEL_PADDING_TOP + LABEL_TITLE_LINE);\n\n  return {\n    group: labelGroup.node(),\n    background: background.node(),\n    title: title.node(),\n    value: value.node(),\n  };\n}\n\nfunction attachNodeInteractions(params: {\n  nodes: NodeParts[];\n  simulation: Simulation<SimNode, SimLink>;\n  /** Read per event — the frame changes on resize without a rebuild. */\n  getBounds: () => { width: number; height: number };\n  radiusById: Map<string, number>;\n  onHover: (id: string | null) => void;\n  onClick: (id: string) => void;\n}): void {\n  const { nodes, simulation, getBounds, radiusById, onHover, onClick } = params;\n  let moved = false;\n  let start: { x: number; y: number } | null = null;\n\n  const behaviour = drag<SVGGElement, SimNode>()\n    .filter((event: MouseEvent) => event.button === 0)\n    .on('start', (event: D3DragEvent<SVGGElement, SimNode, unknown>, d) => {\n      event.sourceEvent.stopPropagation();\n      start = { x: event.sourceEvent.clientX, y: event.sourceEvent.clientY };\n      moved = false;\n      if (!event.active) simulation.alphaTarget(0.3).restart();\n      const { width, height } = getBounds();\n      d.fx = d.x ?? width / 2;\n      d.fy = d.y ?? height / 2;\n    })\n    .on('drag', (event: D3DragEvent<SVGGElement, SimNode, unknown>, d) => {\n      if (start) {\n        const dx = event.sourceEvent.clientX - start.x;\n        const dy = event.sourceEvent.clientY - start.y;\n        if (Math.sqrt(dx * dx + dy * dy) > DRAG_SLOP) moved = true;\n      }\n      const { width, height } = getBounds();\n      const radius = radiusById.get(d.id) ?? 0;\n      d.fx = clamp((d.fx ?? d.x ?? 0) + event.dx, radius, width - radius);\n      d.fy = clamp((d.fy ?? d.y ?? 0) + event.dy, radius, height - radius);\n    })\n    .on('end', (event: D3DragEvent<SVGGElement, SimNode, unknown>, d) => {\n      if (!event.active) simulation.alphaTarget(0);\n      d.fx = null;\n      d.fy = null;\n      start = null;\n    });\n\n  for (const part of nodes) {\n    const group = select<SVGGElement, SimNode>(part.group);\n    group.call(behaviour);\n\n    const grab = group.select<SVGCircleElement>('.node-drag-area');\n    grab.on('click', (event: MouseEvent) => {\n      event.stopPropagation();\n      if (moved) {\n        moved = false;\n        return;\n      }\n      onClick(part.datum.id);\n    });\n    grab.on('mouseenter', () => onHover(part.datum.id));\n    grab.on('mouseleave', () => onHover(null));\n  }\n}\n"],"names":["_a"],"mappings":"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"}

package/dist/components/network-graph/render/index.d.ts

@@ -0,0 +1,2 @@
+export { renderNetworkGraph, resizeNetworkGraph, stopNetworkGraph, updateNetworkGraphVisibility, type NetworkGraphController, type RenderNetworkGraphOptions, } from './draw.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/network-graph/render/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/network-graph/render/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,kBAAkB,EAClB,kBAAkB,EAClB,gBAAgB,EAChB,4BAA4B,EAC5B,KAAK,sBAAsB,EAC3B,KAAK,yBAAyB,GAC/B,MAAM,WAAW,CAAC"}

package/dist/components/parallel-coordinates-chart/element/styles.d.ts

@@ -0,0 +1,2 @@
+export declare const parallelCoordinatesStyles: import('lit').CSSResult;
+//# sourceMappingURL=styles.d.ts.map

package/dist/components/parallel-coordinates-chart/element/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/components/parallel-coordinates-chart/element/styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,yBAAyB,yBAiErC,CAAC"}