@flanksource/clicky-ui 0.3.36 → 0.3.38

package/dist/data/graph-layout.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"graph-layout.cjs","sources":["../../src/data/graph-layout.ts"],"sourcesContent":["// Pure, framework-free layout and edge-routing math for GraphDiagram. Kept\n// free of React so it can be unit tested without rendering, and so a future\n// \"columns\" layout can live alongside `ringLayout` without dragging in DOM\n// concerns.\n\nexport interface GraphLayoutNode {\n  id: string;\n}\n\nexport interface RingLayoutOptions {\n  /** Node bounding-box width in px. Defaults to 168. */\n  nodeWidth?: number;\n  /** Node bounding-box height in px. Defaults to 60. */\n  nodeHeight?: number;\n  /** Minimum gap between adjacent node edges in px. Defaults to 40. */\n  gap?: number;\n  /** Space reserved around the ring before the viewport edge. Defaults to 24. */\n  padding?: number;\n}\n\nexport interface GraphLayoutPosition {\n  /** Node centre x, in the same coordinate space as `width`/`height`. */\n  x: number;\n  /** Node centre y. */\n  y: number;\n}\n\nexport interface GraphLayoutResult {\n  width: number;\n  height: number;\n  positions: Record<string, GraphLayoutPosition>;\n}\n\nconst DEFAULT_NODE_WIDTH = 168;\nconst DEFAULT_NODE_HEIGHT = 60;\nconst DEFAULT_GAP = 40;\nconst DEFAULT_PADDING = 24;\nconst MIN_RADIUS = 96;\n\nfunction requireNode<T extends GraphLayoutNode>(nodes: readonly T[], index: number): T {\n  const node = nodes[index];\n  if (!node) {\n    throw new Error(`ringLayout: expected a node at index ${index}`);\n  }\n  return node;\n}\n\n/**\n * Places nodes on a circle in the given order, starting at 12 o'clock and\n * running clockwise. `n=1` is centred (radius 0); `n=2` is a special case —\n * left/right — because 180° clockwise from 12 o'clock lands at 6 o'clock,\n * which reads poorly for a two-node relationship.\n *\n * The radius is sized so the straight-line (chord) distance between any two\n * angularly-adjacent nodes is at least `nodeWidth + gap`, with a sensible\n * floor (`MIN_RADIUS`) for small rings.\n */\nexport function ringLayout(\n  nodes: readonly GraphLayoutNode[],\n  options: RingLayoutOptions = {},\n): GraphLayoutResult {\n  const nodeWidth = options.nodeWidth ?? DEFAULT_NODE_WIDTH;\n  const nodeHeight = options.nodeHeight ?? DEFAULT_NODE_HEIGHT;\n  const gap = options.gap ?? DEFAULT_GAP;\n  const padding = options.padding ?? DEFAULT_PADDING;\n  const n = nodes.length;\n\n  const radius = n <= 1 ? 0 : Math.max(MIN_RADIUS, (nodeWidth + gap) / (2 * Math.sin(Math.PI / n)));\n  const cx = radius + nodeWidth / 2 + padding;\n  const cy = radius + nodeHeight / 2 + padding;\n\n  const positions: Record<string, GraphLayoutPosition> = {};\n\n  if (n === 1) {\n    positions[requireNode(nodes, 0).id] = { x: cx, y: cy };\n  } else if (n === 2) {\n    positions[requireNode(nodes, 0).id] = { x: cx - radius, y: cy };\n    positions[requireNode(nodes, 1).id] = { x: cx + radius, y: cy };\n  } else {\n    nodes.forEach((node, i) => {\n      const theta = -Math.PI / 2 + i * ((2 * Math.PI) / n);\n      positions[node.id] = {\n        x: cx + radius * Math.cos(theta),\n        y: cy + radius * Math.sin(theta),\n      };\n    });\n  }\n\n  return {\n    width: 2 * cx,\n    height: 2 * cy,\n    positions,\n  };\n}\n\nexport interface GraphLayoutEdge {\n  id: string;\n  from: string;\n  to: string;\n}\n\nexport interface EdgeRoute {\n  /** SVG path `d` attribute, clipped to the node rectangle boundaries. */\n  path: string;\n  /** Midpoint of the rendered path, for placing an edge label. */\n  labelX: number;\n  labelY: number;\n}\n\nexport interface RouteEdgesDimensions {\n  nodeWidth: number;\n  nodeHeight: number;\n}\n\nconst CURVE_OFFSET = 22;\n\nfunction unorderedPairKey(a: string, b: string): string {\n  return a < b ? `${a}\u0000${b}` : `${b}\u0000${a}`;\n}\n\nfunction requirePosition(\n  positions: Record<string, GraphLayoutPosition>,\n  id: string,\n): GraphLayoutPosition {\n  const position = positions[id];\n  if (!position) {\n    throw new Error(`routeEdges: no layout position for node \"${id}\"`);\n  }\n  return position;\n}\n\nfunction requireEdge(group: readonly GraphLayoutEdge[], index: number): GraphLayoutEdge {\n  const edge = group[index];\n  if (!edge) {\n    throw new Error(`routeEdges: expected an edge at index ${index}`);\n  }\n  return edge;\n}\n\n/** Point on the rectangle (centred at `center`, half-extents `halfW`/`halfH`) where the ray toward `towards` exits. */\nfunction clipToRect(\n  center: GraphLayoutPosition,\n  towards: GraphLayoutPosition,\n  halfW: number,\n  halfH: number,\n): GraphLayoutPosition {\n  const dx = towards.x - center.x;\n  const dy = towards.y - center.y;\n  if (dx === 0 && dy === 0) return { x: center.x, y: center.y };\n\n  const scaleX = dx !== 0 ? halfW / Math.abs(dx) : Number.POSITIVE_INFINITY;\n  const scaleY = dy !== 0 ? halfH / Math.abs(dy) : Number.POSITIVE_INFINITY;\n  const scale = Math.min(scaleX, scaleY);\n\n  return { x: center.x + dx * scale, y: center.y + dy * scale };\n}\n\n/** Point at t=0.5 on the quadratic Bézier defined by p0 (start), p1 (control), p2 (end). */\nfunction quadraticMidpoint(\n  p0: GraphLayoutPosition,\n  p1: GraphLayoutPosition,\n  p2: GraphLayoutPosition,\n): GraphLayoutPosition {\n  return {\n    x: 0.25 * p0.x + 0.5 * p1.x + 0.25 * p2.x,\n    y: 0.25 * p0.y + 0.5 * p1.y + 0.25 * p2.y,\n  };\n}\n\n/**\n * Routes each edge as an SVG path clipped to the source/target node\n * rectangles. Edges sharing an unordered node pair — a reciprocal A→B + B→A,\n * or literal duplicates — are fanned out as quadratic curves with\n * alternating, increasing offsets from the straight line between the two\n * node centres, so they never overlap. A lone edge between a pair is a\n * straight line.\n *\n * Throws when an edge references a node id absent from `positions`, naming\n * the edge id, rather than silently dropping or mis-routing it.\n */\nexport function routeEdges(\n  edges: readonly GraphLayoutEdge[],\n  positions: Record<string, GraphLayoutPosition>,\n  dimensions: RouteEdgesDimensions,\n): Record<string, EdgeRoute> {\n  const halfW = dimensions.nodeWidth / 2;\n  const halfH = dimensions.nodeHeight / 2;\n\n  const groups = new Map<string, GraphLayoutEdge[]>();\n  for (const edge of edges) {\n    if (!(edge.from in positions)) {\n      throw new Error(`routeEdges: edge \"${edge.id}\" references unknown node \"${edge.from}\"`);\n    }\n    if (!(edge.to in positions)) {\n      throw new Error(`routeEdges: edge \"${edge.id}\" references unknown node \"${edge.to}\"`);\n    }\n    const key = unorderedPairKey(edge.from, edge.to);\n    const group = groups.get(key);\n    if (group) {\n      group.push(edge);\n    } else {\n      groups.set(key, [edge]);\n    }\n  }\n\n  const routes: Record<string, EdgeRoute> = {};\n\n  for (const group of groups.values()) {\n    const first = requireEdge(group, 0);\n    const posA = requirePosition(positions, first.from);\n    const posB = requirePosition(positions, first.to);\n    const dx = posB.x - posA.x;\n    const dy = posB.y - posA.y;\n    const len = Math.hypot(dx, dy) || 1;\n    const perpX = -dy / len;\n    const perpY = dx / len;\n    const midX = (posA.x + posB.x) / 2;\n    const midY = (posA.y + posB.y) / 2;\n\n    group.forEach((edge, index) => {\n      const isCurved = group.length > 1;\n      const sign = index % 2 === 0 ? 1 : -1;\n      const magnitude = Math.floor(index / 2) + 1;\n      const offset = isCurved ? sign * magnitude * CURVE_OFFSET : 0;\n\n      const control = { x: midX + perpX * offset, y: midY + perpY * offset };\n      const fromCenter = requirePosition(positions, edge.from);\n      const toCenter = requirePosition(positions, edge.to);\n      const start = clipToRect(fromCenter, control, halfW, halfH);\n      const end = clipToRect(toCenter, control, halfW, halfH);\n\n      const path = isCurved\n        ? `M ${start.x} ${start.y} Q ${control.x} ${control.y} ${end.x} ${end.y}`\n        : `M ${start.x} ${start.y} L ${end.x} ${end.y}`;\n\n      const label = isCurved\n        ? quadraticMidpoint(start, control, end)\n        : { x: (start.x + end.x) / 2, y: (start.y + end.y) / 2 };\n\n      routes[edge.id] = { path, labelX: label.x, labelY: label.y };\n    });\n  }\n\n  return routes;\n}\n"],"names":[],"mappings":"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"}

package/dist/data/graph-layout.d.ts

@@ -0,0 +1,64 @@
+export interface GraphLayoutNode {
+    id: string;
+}
+export interface RingLayoutOptions {
+    /** Node bounding-box width in px. Defaults to 168. */
+    nodeWidth?: number;
+    /** Node bounding-box height in px. Defaults to 60. */
+    nodeHeight?: number;
+    /** Minimum gap between adjacent node edges in px. Defaults to 40. */
+    gap?: number;
+    /** Space reserved around the ring before the viewport edge. Defaults to 24. */
+    padding?: number;
+}
+export interface GraphLayoutPosition {
+    /** Node centre x, in the same coordinate space as `width`/`height`. */
+    x: number;
+    /** Node centre y. */
+    y: number;
+}
+export interface GraphLayoutResult {
+    width: number;
+    height: number;
+    positions: Record<string, GraphLayoutPosition>;
+}
+/**
+ * Places nodes on a circle in the given order, starting at 12 o'clock and
+ * running clockwise. `n=1` is centred (radius 0); `n=2` is a special case —
+ * left/right — because 180° clockwise from 12 o'clock lands at 6 o'clock,
+ * which reads poorly for a two-node relationship.
+ *
+ * The radius is sized so the straight-line (chord) distance between any two
+ * angularly-adjacent nodes is at least `nodeWidth + gap`, with a sensible
+ * floor (`MIN_RADIUS`) for small rings.
+ */
+export declare function ringLayout(nodes: readonly GraphLayoutNode[], options?: RingLayoutOptions): GraphLayoutResult;
+export interface GraphLayoutEdge {
+    id: string;
+    from: string;
+    to: string;
+}
+export interface EdgeRoute {
+    /** SVG path `d` attribute, clipped to the node rectangle boundaries. */
+    path: string;
+    /** Midpoint of the rendered path, for placing an edge label. */
+    labelX: number;
+    labelY: number;
+}
+export interface RouteEdgesDimensions {
+    nodeWidth: number;
+    nodeHeight: number;
+}
+/**
+ * Routes each edge as an SVG path clipped to the source/target node
+ * rectangles. Edges sharing an unordered node pair — a reciprocal A→B + B→A,
+ * or literal duplicates — are fanned out as quadratic curves with
+ * alternating, increasing offsets from the straight line between the two
+ * node centres, so they never overlap. A lone edge between a pair is a
+ * straight line.
+ *
+ * Throws when an edge references a node id absent from `positions`, naming
+ * the edge id, rather than silently dropping or mis-routing it.
+ */
+export declare function routeEdges(edges: readonly GraphLayoutEdge[], positions: Record<string, GraphLayoutPosition>, dimensions: RouteEdgesDimensions): Record<string, EdgeRoute>;
+//# sourceMappingURL=graph-layout.d.ts.map

package/dist/data/graph-layout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"graph-layout.d.ts","sourceRoot":"","sources":["../../src/data/graph-layout.ts"],"names":[],"mappings":"AAKA,MAAM,WAAW,eAAe;IAC9B,EAAE,EAAE,MAAM,CAAC;CACZ;AAED,MAAM,WAAW,iBAAiB;IAChC,sDAAsD;IACtD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sDAAsD;IACtD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,qEAAqE;IACrE,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,+EAA+E;IAC/E,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,mBAAmB;IAClC,uEAAuE;IACvE,CAAC,EAAE,MAAM,CAAC;IACV,qBAAqB;IACrB,CAAC,EAAE,MAAM,CAAC;CACX;AAED,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,mBAAmB,CAAC,CAAC;CAChD;AAgBD;;;;;;;;;GASG;AACH,wBAAgB,UAAU,CACxB,KAAK,EAAE,SAAS,eAAe,EAAE,EACjC,OAAO,GAAE,iBAAsB,GAC9B,iBAAiB,CAiCnB;AAED,MAAM,WAAW,eAAe;IAC9B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,EAAE,EAAE,MAAM,CAAC;CACZ;AAED,MAAM,WAAW,SAAS;IACxB,wEAAwE;IACxE,IAAI,EAAE,MAAM,CAAC;IACb,gEAAgE;IAChE,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,oBAAoB;IACnC,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,EAAE,MAAM,CAAC;CACpB;AAyDD;;;;;;;;;;GAUG;AACH,wBAAgB,UAAU,CACxB,KAAK,EAAE,SAAS,eAAe,EAAE,EACjC,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,mBAAmB,CAAC,EAC9C,UAAU,EAAE,oBAAoB,GAC/B,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,CA4D3B"}

package/dist/data/graph-layout.js

@@ -0,0 +1,128 @@
+const DEFAULT_NODE_WIDTH = 168;
+const DEFAULT_NODE_HEIGHT = 60;
+const DEFAULT_GAP = 40;
+const DEFAULT_PADDING = 24;
+const MIN_RADIUS = 96;
+function requireNode(nodes, index) {
+  const node = nodes[index];
+  if (!node) {
+    throw new Error(`ringLayout: expected a node at index ${index}`);
+  }
+  return node;
+}
+function ringLayout(nodes, options = {}) {
+  const nodeWidth = options.nodeWidth ?? DEFAULT_NODE_WIDTH;
+  const nodeHeight = options.nodeHeight ?? DEFAULT_NODE_HEIGHT;
+  const gap = options.gap ?? DEFAULT_GAP;
+  const padding = options.padding ?? DEFAULT_PADDING;
+  const n = nodes.length;
+  const radius = n <= 1 ? 0 : Math.max(MIN_RADIUS, (nodeWidth + gap) / (2 * Math.sin(Math.PI / n)));
+  const cx = radius + nodeWidth / 2 + padding;
+  const cy = radius + nodeHeight / 2 + padding;
+  const positions = {};
+  if (n === 1) {
+    positions[requireNode(nodes, 0).id] = { x: cx, y: cy };
+  } else if (n === 2) {
+    positions[requireNode(nodes, 0).id] = { x: cx - radius, y: cy };
+    positions[requireNode(nodes, 1).id] = { x: cx + radius, y: cy };
+  } else {
+    nodes.forEach((node, i) => {
+      const theta = -Math.PI / 2 + i * (2 * Math.PI / n);
+      positions[node.id] = {
+        x: cx + radius * Math.cos(theta),
+        y: cy + radius * Math.sin(theta)
+      };
+    });
+  }
+  return {
+    width: 2 * cx,
+    height: 2 * cy,
+    positions
+  };
+}
+const CURVE_OFFSET = 22;
+function unorderedPairKey(a, b) {
+  return a < b ? `${a}\0${b}` : `${b}\0${a}`;
+}
+function requirePosition(positions, id) {
+  const position = positions[id];
+  if (!position) {
+    throw new Error(`routeEdges: no layout position for node "${id}"`);
+  }
+  return position;
+}
+function requireEdge(group, index) {
+  const edge = group[index];
+  if (!edge) {
+    throw new Error(`routeEdges: expected an edge at index ${index}`);
+  }
+  return edge;
+}
+function clipToRect(center, towards, halfW, halfH) {
+  const dx = towards.x - center.x;
+  const dy = towards.y - center.y;
+  if (dx === 0 && dy === 0) return { x: center.x, y: center.y };
+  const scaleX = dx !== 0 ? halfW / Math.abs(dx) : Number.POSITIVE_INFINITY;
+  const scaleY = dy !== 0 ? halfH / Math.abs(dy) : Number.POSITIVE_INFINITY;
+  const scale = Math.min(scaleX, scaleY);
+  return { x: center.x + dx * scale, y: center.y + dy * scale };
+}
+function quadraticMidpoint(p0, p1, p2) {
+  return {
+    x: 0.25 * p0.x + 0.5 * p1.x + 0.25 * p2.x,
+    y: 0.25 * p0.y + 0.5 * p1.y + 0.25 * p2.y
+  };
+}
+function routeEdges(edges, positions, dimensions) {
+  const halfW = dimensions.nodeWidth / 2;
+  const halfH = dimensions.nodeHeight / 2;
+  const groups = /* @__PURE__ */ new Map();
+  for (const edge of edges) {
+    if (!(edge.from in positions)) {
+      throw new Error(`routeEdges: edge "${edge.id}" references unknown node "${edge.from}"`);
+    }
+    if (!(edge.to in positions)) {
+      throw new Error(`routeEdges: edge "${edge.id}" references unknown node "${edge.to}"`);
+    }
+    const key = unorderedPairKey(edge.from, edge.to);
+    const group = groups.get(key);
+    if (group) {
+      group.push(edge);
+    } else {
+      groups.set(key, [edge]);
+    }
+  }
+  const routes = {};
+  for (const group of groups.values()) {
+    const first = requireEdge(group, 0);
+    const posA = requirePosition(positions, first.from);
+    const posB = requirePosition(positions, first.to);
+    const dx = posB.x - posA.x;
+    const dy = posB.y - posA.y;
+    const len = Math.hypot(dx, dy) || 1;
+    const perpX = -dy / len;
+    const perpY = dx / len;
+    const midX = (posA.x + posB.x) / 2;
+    const midY = (posA.y + posB.y) / 2;
+    group.forEach((edge, index) => {
+      const isCurved = group.length > 1;
+      const sign = index % 2 === 0 ? 1 : -1;
+      const magnitude = Math.floor(index / 2) + 1;
+      const offset = isCurved ? sign * magnitude * CURVE_OFFSET : 0;
+      const control = { x: midX + perpX * offset, y: midY + perpY * offset };
+      const fromCenter = requirePosition(positions, edge.from);
+      const toCenter = requirePosition(positions, edge.to);
+      const start = clipToRect(fromCenter, control, halfW, halfH);
+      const end = clipToRect(toCenter, control, halfW, halfH);
+      const path = isCurved ? `M ${start.x} ${start.y} Q ${control.x} ${control.y} ${end.x} ${end.y}` : `M ${start.x} ${start.y} L ${end.x} ${end.y}`;
+      const label = isCurved ? quadraticMidpoint(start, control, end) : { x: (start.x + end.x) / 2, y: (start.y + end.y) / 2 };
+      routes[edge.id] = { path, labelX: label.x, labelY: label.y };
+    });
+  }
+  return routes;
+}
+export {
+  ringLayout,
+  routeEdges
+};
+//# sourceMappingURL=graph-layout.js.map

package/dist/data/graph-layout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"graph-layout.js","sources":["../../src/data/graph-layout.ts"],"sourcesContent":["// Pure, framework-free layout and edge-routing math for GraphDiagram. Kept\n// free of React so it can be unit tested without rendering, and so a future\n// \"columns\" layout can live alongside `ringLayout` without dragging in DOM\n// concerns.\n\nexport interface GraphLayoutNode {\n  id: string;\n}\n\nexport interface RingLayoutOptions {\n  /** Node bounding-box width in px. Defaults to 168. */\n  nodeWidth?: number;\n  /** Node bounding-box height in px. Defaults to 60. */\n  nodeHeight?: number;\n  /** Minimum gap between adjacent node edges in px. Defaults to 40. */\n  gap?: number;\n  /** Space reserved around the ring before the viewport edge. Defaults to 24. */\n  padding?: number;\n}\n\nexport interface GraphLayoutPosition {\n  /** Node centre x, in the same coordinate space as `width`/`height`. */\n  x: number;\n  /** Node centre y. */\n  y: number;\n}\n\nexport interface GraphLayoutResult {\n  width: number;\n  height: number;\n  positions: Record<string, GraphLayoutPosition>;\n}\n\nconst DEFAULT_NODE_WIDTH = 168;\nconst DEFAULT_NODE_HEIGHT = 60;\nconst DEFAULT_GAP = 40;\nconst DEFAULT_PADDING = 24;\nconst MIN_RADIUS = 96;\n\nfunction requireNode<T extends GraphLayoutNode>(nodes: readonly T[], index: number): T {\n  const node = nodes[index];\n  if (!node) {\n    throw new Error(`ringLayout: expected a node at index ${index}`);\n  }\n  return node;\n}\n\n/**\n * Places nodes on a circle in the given order, starting at 12 o'clock and\n * running clockwise. `n=1` is centred (radius 0); `n=2` is a special case —\n * left/right — because 180° clockwise from 12 o'clock lands at 6 o'clock,\n * which reads poorly for a two-node relationship.\n *\n * The radius is sized so the straight-line (chord) distance between any two\n * angularly-adjacent nodes is at least `nodeWidth + gap`, with a sensible\n * floor (`MIN_RADIUS`) for small rings.\n */\nexport function ringLayout(\n  nodes: readonly GraphLayoutNode[],\n  options: RingLayoutOptions = {},\n): GraphLayoutResult {\n  const nodeWidth = options.nodeWidth ?? DEFAULT_NODE_WIDTH;\n  const nodeHeight = options.nodeHeight ?? DEFAULT_NODE_HEIGHT;\n  const gap = options.gap ?? DEFAULT_GAP;\n  const padding = options.padding ?? DEFAULT_PADDING;\n  const n = nodes.length;\n\n  const radius = n <= 1 ? 0 : Math.max(MIN_RADIUS, (nodeWidth + gap) / (2 * Math.sin(Math.PI / n)));\n  const cx = radius + nodeWidth / 2 + padding;\n  const cy = radius + nodeHeight / 2 + padding;\n\n  const positions: Record<string, GraphLayoutPosition> = {};\n\n  if (n === 1) {\n    positions[requireNode(nodes, 0).id] = { x: cx, y: cy };\n  } else if (n === 2) {\n    positions[requireNode(nodes, 0).id] = { x: cx - radius, y: cy };\n    positions[requireNode(nodes, 1).id] = { x: cx + radius, y: cy };\n  } else {\n    nodes.forEach((node, i) => {\n      const theta = -Math.PI / 2 + i * ((2 * Math.PI) / n);\n      positions[node.id] = {\n        x: cx + radius * Math.cos(theta),\n        y: cy + radius * Math.sin(theta),\n      };\n    });\n  }\n\n  return {\n    width: 2 * cx,\n    height: 2 * cy,\n    positions,\n  };\n}\n\nexport interface GraphLayoutEdge {\n  id: string;\n  from: string;\n  to: string;\n}\n\nexport interface EdgeRoute {\n  /** SVG path `d` attribute, clipped to the node rectangle boundaries. */\n  path: string;\n  /** Midpoint of the rendered path, for placing an edge label. */\n  labelX: number;\n  labelY: number;\n}\n\nexport interface RouteEdgesDimensions {\n  nodeWidth: number;\n  nodeHeight: number;\n}\n\nconst CURVE_OFFSET = 22;\n\nfunction unorderedPairKey(a: string, b: string): string {\n  return a < b ? `${a}\u0000${b}` : `${b}\u0000${a}`;\n}\n\nfunction requirePosition(\n  positions: Record<string, GraphLayoutPosition>,\n  id: string,\n): GraphLayoutPosition {\n  const position = positions[id];\n  if (!position) {\n    throw new Error(`routeEdges: no layout position for node \"${id}\"`);\n  }\n  return position;\n}\n\nfunction requireEdge(group: readonly GraphLayoutEdge[], index: number): GraphLayoutEdge {\n  const edge = group[index];\n  if (!edge) {\n    throw new Error(`routeEdges: expected an edge at index ${index}`);\n  }\n  return edge;\n}\n\n/** Point on the rectangle (centred at `center`, half-extents `halfW`/`halfH`) where the ray toward `towards` exits. */\nfunction clipToRect(\n  center: GraphLayoutPosition,\n  towards: GraphLayoutPosition,\n  halfW: number,\n  halfH: number,\n): GraphLayoutPosition {\n  const dx = towards.x - center.x;\n  const dy = towards.y - center.y;\n  if (dx === 0 && dy === 0) return { x: center.x, y: center.y };\n\n  const scaleX = dx !== 0 ? halfW / Math.abs(dx) : Number.POSITIVE_INFINITY;\n  const scaleY = dy !== 0 ? halfH / Math.abs(dy) : Number.POSITIVE_INFINITY;\n  const scale = Math.min(scaleX, scaleY);\n\n  return { x: center.x + dx * scale, y: center.y + dy * scale };\n}\n\n/** Point at t=0.5 on the quadratic Bézier defined by p0 (start), p1 (control), p2 (end). */\nfunction quadraticMidpoint(\n  p0: GraphLayoutPosition,\n  p1: GraphLayoutPosition,\n  p2: GraphLayoutPosition,\n): GraphLayoutPosition {\n  return {\n    x: 0.25 * p0.x + 0.5 * p1.x + 0.25 * p2.x,\n    y: 0.25 * p0.y + 0.5 * p1.y + 0.25 * p2.y,\n  };\n}\n\n/**\n * Routes each edge as an SVG path clipped to the source/target node\n * rectangles. Edges sharing an unordered node pair — a reciprocal A→B + B→A,\n * or literal duplicates — are fanned out as quadratic curves with\n * alternating, increasing offsets from the straight line between the two\n * node centres, so they never overlap. A lone edge between a pair is a\n * straight line.\n *\n * Throws when an edge references a node id absent from `positions`, naming\n * the edge id, rather than silently dropping or mis-routing it.\n */\nexport function routeEdges(\n  edges: readonly GraphLayoutEdge[],\n  positions: Record<string, GraphLayoutPosition>,\n  dimensions: RouteEdgesDimensions,\n): Record<string, EdgeRoute> {\n  const halfW = dimensions.nodeWidth / 2;\n  const halfH = dimensions.nodeHeight / 2;\n\n  const groups = new Map<string, GraphLayoutEdge[]>();\n  for (const edge of edges) {\n    if (!(edge.from in positions)) {\n      throw new Error(`routeEdges: edge \"${edge.id}\" references unknown node \"${edge.from}\"`);\n    }\n    if (!(edge.to in positions)) {\n      throw new Error(`routeEdges: edge \"${edge.id}\" references unknown node \"${edge.to}\"`);\n    }\n    const key = unorderedPairKey(edge.from, edge.to);\n    const group = groups.get(key);\n    if (group) {\n      group.push(edge);\n    } else {\n      groups.set(key, [edge]);\n    }\n  }\n\n  const routes: Record<string, EdgeRoute> = {};\n\n  for (const group of groups.values()) {\n    const first = requireEdge(group, 0);\n    const posA = requirePosition(positions, first.from);\n    const posB = requirePosition(positions, first.to);\n    const dx = posB.x - posA.x;\n    const dy = posB.y - posA.y;\n    const len = Math.hypot(dx, dy) || 1;\n    const perpX = -dy / len;\n    const perpY = dx / len;\n    const midX = (posA.x + posB.x) / 2;\n    const midY = (posA.y + posB.y) / 2;\n\n    group.forEach((edge, index) => {\n      const isCurved = group.length > 1;\n      const sign = index % 2 === 0 ? 1 : -1;\n      const magnitude = Math.floor(index / 2) + 1;\n      const offset = isCurved ? sign * magnitude * CURVE_OFFSET : 0;\n\n      const control = { x: midX + perpX * offset, y: midY + perpY * offset };\n      const fromCenter = requirePosition(positions, edge.from);\n      const toCenter = requirePosition(positions, edge.to);\n      const start = clipToRect(fromCenter, control, halfW, halfH);\n      const end = clipToRect(toCenter, control, halfW, halfH);\n\n      const path = isCurved\n        ? `M ${start.x} ${start.y} Q ${control.x} ${control.y} ${end.x} ${end.y}`\n        : `M ${start.x} ${start.y} L ${end.x} ${end.y}`;\n\n      const label = isCurved\n        ? quadraticMidpoint(start, control, end)\n        : { x: (start.x + end.x) / 2, y: (start.y + end.y) / 2 };\n\n      routes[edge.id] = { path, labelX: label.x, labelY: label.y };\n    });\n  }\n\n  return routes;\n}\n"],"names":[],"mappings":"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"}

package/dist/data/runtime/RuntimeBar.cjs

@@ -3,9 +3,12 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const react = require("react");
 const effortIcons = require("../chat/effort-icons.cjs");
+const utils = require("../../lib/utils.cjs");
+const RuntimeBar_limits = require("./RuntimeBar.limits.cjs");
 const RuntimeBar_model = require("./RuntimeBar.model.cjs");
 const RuntimeBarCombo = require("./RuntimeBarCombo.cjs");
 const RuntimeBarSegments = require("./RuntimeBarSegments.cjs");
+const RuntimeBar_context = require("./RuntimeBar.context.cjs");
 const availability = require("./availability.cjs");
 const modelCapabilities = require("./model-capabilities.cjs");
 const runtimeMode = require("./runtime-mode.cjs");
@@ -22,10 +25,13 @@ function RuntimeBar({
   locked = false,
   showModel = true,
   showEffort = true,
+  showTimeout = false,
+  showCost = false,
+  actions,
   ariaLabel = "Runtime",
   className
 }) {
-  var _a;
+  var _a, _b;
   const [preference, setPreference] = react.useState({ model: effectiveModel, family: void 0 });
   if (preference.model !== effectiveModel) {
     setPreference({ model: effectiveModel, family: void 0 });
@@ -50,6 +56,11 @@ function RuntimeBar({
     resolvedModel,
     reasoningEfforts
   );
+  const inheritedModelLabel = value.model || value.id ? void 0 : ((_b = RuntimeBar_model.runtimeModelForValue(
+    models,
+    effectiveModel !== void 0 ? { model: effectiveModel } : {},
+    availability.isSelectableModel
+  )) == null ? void 0 : _b.label) ?? effectiveModel;
   const applyMode = (familyId, modeId) => {
     setPreference({ model: effectiveModel, family: familyId });
     const next = RuntimeBar_model.applyRuntimeMode(
@@ -81,32 +92,50 @@ function RuntimeBar({
   };
   const applyEffort = (effort) => onChange(withOptionalRuntimeValue(value, "effort", effort));
   if (variant === "combo") {
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      RuntimeBarCombo.RuntimeBarCombo,
+    return /* @__PURE__ */ jsxRuntime.jsx(RuntimeBar_context.RuntimeBarVariantContext.Provider, { value: "combo", children: /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
       {
-        value,
-        families,
-        family,
-        mode,
-        selectedMode: selection.mode,
-        models: modelOptions,
-        selectedModel: resolvedModel,
-        selectedModelUnavailable,
-        supportedEfforts,
-        locked,
-        showModel,
-        showEffort,
-        ariaLabel,
-        className,
-        onFamilyChange: (familyId) => applyMode(familyId, selection.mode),
-        onModeChange: (modeId) => applyMode(family.id, modeId),
-        onModelSelect: applyModel,
-        onModelClear: clearModel,
-        onEffortChange: applyEffort
+        role: "group",
+        "aria-label": ariaLabel,
+        "data-runtime-bar-variant": "combo",
+        className: utils.cn("inline-flex max-w-full flex-wrap items-stretch gap-1", className),
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            RuntimeBarCombo.RuntimeBarCombo,
+            {
+              value,
+              families,
+              family,
+              mode,
+              selectedMode: selection.mode,
+              models: modelOptions,
+              selectedModel: resolvedModel,
+              selectedModelUnavailable,
+              inheritedModelLabel,
+              supportedEfforts,
+              locked,
+              showModel,
+              showEffort,
+              showTimeout,
+              showCost,
+              ariaLabel,
+              className: "max-w-full",
+              onFamilyChange: (familyId) => applyMode(familyId, selection.mode),
+              onModeChange: (modeId) => applyMode(family.id, modeId),
+              onModelSelect: applyModel,
+              onModelClear: clearModel,
+              onCustomModel: applyCustomModel,
+              onEffortChange: applyEffort,
+              onTimeoutChange: (timeout) => onChange(RuntimeBar_limits.withBudgetLimit(value, "timeout", timeout)),
+              onCostChange: (cost) => onChange(RuntimeBar_limits.withBudgetLimit(value, "cost", cost))
+            }
+          ),
+          actions
+        ]
       }
-    );
+    ) });
   }
-  return /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ jsxRuntime.jsx(RuntimeBar_context.RuntimeBarVariantContext.Provider, { value: "segmented", children: /* @__PURE__ */ jsxRuntime.jsx(
     RuntimeBarSegments.RuntimeBarSegments,
     {
       value,
@@ -114,6 +143,7 @@ function RuntimeBar({
       modelOptions,
       resolvedModel,
       selectedModelUnavailable,
+      inheritedModelLabel,
       families,
       family,
       mode,
@@ -123,15 +153,20 @@ function RuntimeBar({
       locked,
       showModel,
       showEffort,
+      showTimeout,
+      showCost,
+      actions,
       ariaLabel,
       className,
       onModeChange: applyMode,
       onCustomModel: applyCustomModel,
       onModelSelect: applyModel,
       onModelClear: clearModel,
-      onEffortChange: applyEffort
+      onEffortChange: applyEffort,
+      onTimeoutChange: (timeout) => onChange(RuntimeBar_limits.withBudgetLimit(value, "timeout", timeout)),
+      onCostChange: (cost) => onChange(RuntimeBar_limits.withBudgetLimit(value, "cost", cost))
     }
-  );
+  ) });
 }
 function withoutCatalogModel(value) {
   return withOptionalRuntimeValue(

package/dist/data/runtime/RuntimeBar.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"RuntimeBar.cjs","sources":["../../../src/data/runtime/RuntimeBar.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport { DEFAULT_REASONING_EFFORTS } from \"../chat/effort-icons\";\nimport type { ChatModel, ChatModelRuntime } from \"../chat/types\";\nimport { applyRuntimeMode, runtimeModelForValue } from \"./RuntimeBar.model\";\nimport { RuntimeBarCombo } from \"./RuntimeBarCombo\";\nimport { RuntimeBarSegments } from \"./RuntimeBarSegments\";\nimport { isSelectableModel } from \"./availability\";\nimport {\n  effortOptionsForModel,\n  reconcileModelCapabilities,\n} from \"./model-capabilities\";\nimport {\n  SPEC_RUNTIME_FAMILIES,\n  familyById,\n  firstMode,\n  modelsForFamily,\n  selectionForRuntime,\n  runtimeModeFromModel,\n  type SpecRuntimeFamily,\n} from \"./runtime-mode\";\n\nexport type RuntimeBarValue = ChatModelRuntime & {\n  cliArgs?: Record<string, unknown>;\n};\n\nexport type RuntimeBarProps<T extends RuntimeBarValue = RuntimeBarValue> = {\n  value: T;\n  onChange: (value: T) => void;\n  /** `segmented` uses field triggers; `combo` uses one direct-edit menu. */\n  variant?: \"combo\" | \"segmented\";\n  /** Model catalog. Only the selected family's models are listed; a family the\n   *  catalog does not describe is served by the segment's free-text entry. */\n  models?: ChatModel[] | undefined;\n  families?: SpecRuntimeFamily[] | undefined;\n  /** Resolved mode shown when the editable value inherits it from another layer. */\n  effectiveMode?: string | undefined;\n  /** Resolved model used to identify the inherited provider family without persisting it. */\n  effectiveModel?: string | undefined;\n  /** Effort tiers offered when the catalog does not describe the model. */\n  reasoningEfforts?: string[] | undefined;\n  /** Locks model identity (family, mode, and model) while leaving effort editable. */\n  locked?: boolean | undefined;\n  /** Whether the selected runtime exposes a model argument. */\n  showModel?: boolean | undefined;\n  /** Whether the selected runtime exposes reasoning effort. */\n  showEffort?: boolean | undefined;\n  ariaLabel?: string | undefined;\n  className?: string | undefined;\n};\n\n/** Self-describing runtime controls with segmented and combo presentations. */\nexport function RuntimeBar<T extends RuntimeBarValue>({\n  value,\n  onChange,\n  variant = \"segmented\",\n  models = [],\n  families = SPEC_RUNTIME_FAMILIES,\n  effectiveMode,\n  effectiveModel,\n  reasoningEfforts = DEFAULT_REASONING_EFFORTS,\n  locked = false,\n  showModel = true,\n  showEffort = true,\n  ariaLabel = \"Runtime\",\n  className,\n}: RuntimeBarProps<T>) {\n  const [preference, setPreference] = useState<{\n    model: string | undefined;\n    family: string | undefined;\n  }>({ model: effectiveModel, family: undefined });\n  if (preference.model !== effectiveModel) {\n    setPreference({ model: effectiveModel, family: undefined });\n  }\n  const preferredFamily = preference.model === effectiveModel ? preference.family : undefined;\n  const specMode =\n    runtimeModeFromModel(value.model) ||\n    value.mode?.trim() ||\n    effectiveMode?.trim();\n  const selection = selectionForRuntime(\n    families,\n    specMode,\n    value.model || (preferredFamily ? undefined : effectiveModel),\n    models,\n    preferredFamily,\n  );\n  const family = familyById(families, selection.family);\n  const mode =\n    family.modes.find((entry) => entry.id === selection.mode) ??\n    firstMode(family);\n  const modelOptions = modelsForFamily(models, family, specMode);\n  const resolvedModel = runtimeModelForValue(models, value, isSelectableModel);\n  const selectedModelUnavailable = Boolean(\n    !resolvedModel &&\n    (value.id || value.model) &&\n    runtimeModelForValue(models, value, (entry) => !isSelectableModel(entry)),\n  );\n  const supportedEfforts = effortOptionsForModel(\n    resolvedModel,\n    reasoningEfforts,\n  );\n\n  const applyMode = (familyId: string, modeId: string) => {\n    setPreference({ model: effectiveModel, family: familyId });\n    const next = applyRuntimeMode(\n      value,\n      models,\n      families,\n      familyId,\n      modeId,\n      reasoningEfforts,\n    );\n    if (next !== value) onChange(next);\n  };\n\n  const applyCustomModel = (model: string) => {\n    onChange(\n      withOptionalRuntimeValue(withoutCatalogModel(value), \"model\", model),\n    );\n  };\n  // A family's model catalog can serve several modes. Selecting a row must not\n  // silently move the user away from the mode they chose.\n  const applyModel = (model: ChatModel) => {\n    const next = reconcileModelCapabilities(\n      withoutCatalogModel(value),\n      model,\n      reasoningEfforts,\n      { mode: mode.id },\n    );\n    onChange(next);\n  };\n  const clearModel = () => {\n    onChange(withoutCatalogModel(value));\n  };\n  const applyEffort = (effort: string) =>\n    onChange(withOptionalRuntimeValue(value, \"effort\", effort));\n\n  if (variant === \"combo\") {\n    return (\n      <RuntimeBarCombo\n        value={value}\n        families={families}\n        family={family}\n        mode={mode}\n        selectedMode={selection.mode}\n        models={modelOptions}\n        selectedModel={resolvedModel}\n        selectedModelUnavailable={selectedModelUnavailable}\n        supportedEfforts={supportedEfforts}\n        locked={locked}\n        showModel={showModel}\n        showEffort={showEffort}\n        ariaLabel={ariaLabel}\n        className={className}\n        onFamilyChange={(familyId) => applyMode(familyId, selection.mode)}\n        onModeChange={(modeId) => applyMode(family.id, modeId)}\n        onModelSelect={applyModel}\n        onModelClear={clearModel}\n        onEffortChange={applyEffort}\n      />\n    );\n  }\n\n  return (\n    <RuntimeBarSegments\n      value={value}\n      models={models}\n      modelOptions={modelOptions}\n      resolvedModel={resolvedModel}\n      selectedModelUnavailable={selectedModelUnavailable}\n      families={families}\n      family={family}\n      mode={mode}\n      selectedMode={selection.mode}\n      reasoningEfforts={reasoningEfforts}\n      supportedEfforts={supportedEfforts}\n      locked={locked}\n      showModel={showModel}\n      showEffort={showEffort}\n      ariaLabel={ariaLabel}\n      className={className}\n      onModeChange={applyMode}\n      onCustomModel={applyCustomModel}\n      onModelSelect={applyModel}\n      onModelClear={clearModel}\n      onEffortChange={applyEffort}\n    />\n  );\n}\n\nfunction withoutCatalogModel<T extends RuntimeBarValue>(value: T): T {\n  return withOptionalRuntimeValue(\n    withOptionalRuntimeValue(value, \"model\", undefined),\n    \"id\",\n    undefined,\n  );\n}\n\nfunction withOptionalRuntimeValue<T extends RuntimeBarValue>(\n  value: T,\n  key: keyof RuntimeBarValue,\n  next: unknown,\n): T {\n  const updated = { ...value } as Record<string, unknown>;\n  if (next === undefined || next === \"\") {\n    delete updated[key];\n  } else {\n    updated[key] = next;\n  }\n  return updated as T;\n}\n"],"names":["SPEC_RUNTIME_FAMILIES","DEFAULT_REASONING_EFFORTS","useState","runtimeModeFromModel","selectionForRuntime","familyById","firstMode","modelsForFamily","runtimeModelForValue","isSelectableModel","effortOptionsForModel","applyRuntimeMode","reconcileModelCapabilities","jsx","RuntimeBarCombo","RuntimeBarSegments"],"mappings":"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"}
+{"version":3,"file":"RuntimeBar.cjs","sources":["../../../src/data/runtime/RuntimeBar.tsx"],"sourcesContent":["import { useState, type ReactNode } from \"react\";\nimport { DEFAULT_REASONING_EFFORTS } from \"../chat/effort-icons\";\nimport { cn } from \"../../lib/utils\";\nimport type { ChatModel, ChatModelRuntime } from \"../chat/types\";\nimport { withBudgetLimit, type RuntimeBarBudget } from \"./RuntimeBar.limits\";\nimport { applyRuntimeMode, runtimeModelForValue } from \"./RuntimeBar.model\";\nimport { RuntimeBarCombo } from \"./RuntimeBarCombo\";\nimport { RuntimeBarSegments } from \"./RuntimeBarSegments\";\nimport { RuntimeBarVariantContext } from \"./RuntimeBar.context\";\nimport { isSelectableModel } from \"./availability\";\nimport {\n  effortOptionsForModel,\n  reconcileModelCapabilities,\n} from \"./model-capabilities\";\nimport {\n  SPEC_RUNTIME_FAMILIES,\n  familyById,\n  firstMode,\n  modelsForFamily,\n  selectionForRuntime,\n  runtimeModeFromModel,\n  type SpecRuntimeFamily,\n} from \"./runtime-mode\";\n\nexport type RuntimeBarValue = ChatModelRuntime & {\n  cliArgs?: Record<string, unknown>;\n  /** Run limits edited by the opt-in timeout and max cost controls. */\n  budget?: RuntimeBarBudget;\n};\n\nexport type RuntimeBarProps<T extends RuntimeBarValue = RuntimeBarValue> = {\n  value: T;\n  onChange: (value: T) => void;\n  /** `segmented` uses field triggers; `combo` uses one direct-edit menu. */\n  variant?: \"combo\" | \"segmented\";\n  /** Model catalog. Only the selected family's models are listed; a family the\n   *  catalog does not describe is served by the segment's free-text entry. */\n  models?: ChatModel[] | undefined;\n  families?: SpecRuntimeFamily[] | undefined;\n  /** Resolved mode shown when the editable value inherits it from another layer. */\n  effectiveMode?: string | undefined;\n  /** Resolved model used to identify the inherited provider family without persisting it. */\n  effectiveModel?: string | undefined;\n  /** Effort tiers offered when the catalog does not describe the model. */\n  reasoningEfforts?: string[] | undefined;\n  /** Locks model identity (family, mode, and model) while leaving effort editable. */\n  locked?: boolean | undefined;\n  /** Whether the selected runtime exposes a model argument. */\n  showModel?: boolean | undefined;\n  /** Whether the selected runtime exposes reasoning effort. */\n  showEffort?: boolean | undefined;\n  /** Opt-in control for `budget.timeout`. */\n  showTimeout?: boolean | undefined;\n  /** Opt-in control for `budget.cost`. */\n  showCost?: boolean | undefined;\n  /** Host-level settings belonging to the surrounding spec rather than this runtime row. */\n  actions?: ReactNode | undefined;\n  ariaLabel?: string | undefined;\n  className?: string | undefined;\n};\n\n/** Self-describing runtime controls with segmented and combo presentations. */\nexport function RuntimeBar<T extends RuntimeBarValue>({\n  value,\n  onChange,\n  variant = \"segmented\",\n  models = [],\n  families = SPEC_RUNTIME_FAMILIES,\n  effectiveMode,\n  effectiveModel,\n  reasoningEfforts = DEFAULT_REASONING_EFFORTS,\n  locked = false,\n  showModel = true,\n  showEffort = true,\n  showTimeout = false,\n  showCost = false,\n  actions,\n  ariaLabel = \"Runtime\",\n  className,\n}: RuntimeBarProps<T>) {\n  const [preference, setPreference] = useState<{\n    model: string | undefined;\n    family: string | undefined;\n  }>({ model: effectiveModel, family: undefined });\n  if (preference.model !== effectiveModel) {\n    setPreference({ model: effectiveModel, family: undefined });\n  }\n  const preferredFamily = preference.model === effectiveModel ? preference.family : undefined;\n  const specMode =\n    runtimeModeFromModel(value.model) ||\n    value.mode?.trim() ||\n    effectiveMode?.trim();\n  const selection = selectionForRuntime(\n    families,\n    specMode,\n    value.model || (preferredFamily ? undefined : effectiveModel),\n    models,\n    preferredFamily,\n  );\n  const family = familyById(families, selection.family);\n  const mode =\n    family.modes.find((entry) => entry.id === selection.mode) ??\n    firstMode(family);\n  const modelOptions = modelsForFamily(models, family, specMode);\n  const resolvedModel = runtimeModelForValue(models, value, isSelectableModel);\n  const selectedModelUnavailable = Boolean(\n    !resolvedModel &&\n    (value.id || value.model) &&\n    runtimeModelForValue(models, value, (entry) => !isSelectableModel(entry)),\n  );\n  const supportedEfforts = effortOptionsForModel(\n    resolvedModel,\n    reasoningEfforts,\n  );\n  // The name an Unspecified model would resolve to, so the picker can say what\n  // it inherits instead of leaving the operator guessing.\n  const inheritedModelLabel =\n    value.model || value.id\n      ? undefined\n      : (runtimeModelForValue(\n          models,\n          effectiveModel !== undefined ? { model: effectiveModel } : {},\n          isSelectableModel,\n        )?.label ?? effectiveModel);\n\n  const applyMode = (familyId: string, modeId: string) => {\n    setPreference({ model: effectiveModel, family: familyId });\n    const next = applyRuntimeMode(\n      value,\n      models,\n      families,\n      familyId,\n      modeId,\n      reasoningEfforts,\n    );\n    if (next !== value) onChange(next);\n  };\n\n  const applyCustomModel = (model: string) => {\n    onChange(\n      withOptionalRuntimeValue(withoutCatalogModel(value), \"model\", model),\n    );\n  };\n  // A family's model catalog can serve several modes. Selecting a row must not\n  // silently move the user away from the mode they chose.\n  const applyModel = (model: ChatModel) => {\n    const next = reconcileModelCapabilities(\n      withoutCatalogModel(value),\n      model,\n      reasoningEfforts,\n      { mode: mode.id },\n    );\n    onChange(next);\n  };\n  const clearModel = () => {\n    onChange(withoutCatalogModel(value));\n  };\n  const applyEffort = (effort: string) =>\n    onChange(withOptionalRuntimeValue(value, \"effort\", effort));\n\n  if (variant === \"combo\") {\n    return (\n      <RuntimeBarVariantContext.Provider value=\"combo\">\n        <div\n          role=\"group\"\n          aria-label={ariaLabel}\n          data-runtime-bar-variant=\"combo\"\n          className={cn(\"inline-flex max-w-full flex-wrap items-stretch gap-1\", className)}\n        >\n          <RuntimeBarCombo\n            value={value}\n            families={families}\n            family={family}\n            mode={mode}\n            selectedMode={selection.mode}\n            models={modelOptions}\n            selectedModel={resolvedModel}\n            selectedModelUnavailable={selectedModelUnavailable}\n            inheritedModelLabel={inheritedModelLabel}\n            supportedEfforts={supportedEfforts}\n            locked={locked}\n            showModel={showModel}\n            showEffort={showEffort}\n            showTimeout={showTimeout}\n            showCost={showCost}\n            ariaLabel={ariaLabel}\n            className=\"max-w-full\"\n            onFamilyChange={(familyId) => applyMode(familyId, selection.mode)}\n            onModeChange={(modeId) => applyMode(family.id, modeId)}\n            onModelSelect={applyModel}\n            onModelClear={clearModel}\n            onCustomModel={applyCustomModel}\n            onEffortChange={applyEffort}\n            onTimeoutChange={(timeout) => onChange(withBudgetLimit(value, \"timeout\", timeout))}\n            onCostChange={(cost) => onChange(withBudgetLimit(value, \"cost\", cost))}\n          />\n          {actions}\n        </div>\n      </RuntimeBarVariantContext.Provider>\n    );\n  }\n\n  return (\n    <RuntimeBarVariantContext.Provider value=\"segmented\">\n      <RuntimeBarSegments\n        value={value}\n        models={models}\n        modelOptions={modelOptions}\n        resolvedModel={resolvedModel}\n        selectedModelUnavailable={selectedModelUnavailable}\n        inheritedModelLabel={inheritedModelLabel}\n        families={families}\n        family={family}\n        mode={mode}\n        selectedMode={selection.mode}\n        reasoningEfforts={reasoningEfforts}\n        supportedEfforts={supportedEfforts}\n        locked={locked}\n        showModel={showModel}\n        showEffort={showEffort}\n        showTimeout={showTimeout}\n        showCost={showCost}\n        actions={actions}\n        ariaLabel={ariaLabel}\n        className={className}\n        onModeChange={applyMode}\n        onCustomModel={applyCustomModel}\n        onModelSelect={applyModel}\n        onModelClear={clearModel}\n        onEffortChange={applyEffort}\n        onTimeoutChange={(timeout) => onChange(withBudgetLimit(value, \"timeout\", timeout))}\n        onCostChange={(cost) => onChange(withBudgetLimit(value, \"cost\", cost))}\n      />\n    </RuntimeBarVariantContext.Provider>\n  );\n}\n\nfunction withoutCatalogModel<T extends RuntimeBarValue>(value: T): T {\n  return withOptionalRuntimeValue(\n    withOptionalRuntimeValue(value, \"model\", undefined),\n    \"id\",\n    undefined,\n  );\n}\n\nfunction withOptionalRuntimeValue<T extends RuntimeBarValue>(\n  value: T,\n  key: keyof RuntimeBarValue,\n  next: unknown,\n): T {\n  const updated = { ...value } as Record<string, unknown>;\n  if (next === undefined || next === \"\") {\n    delete updated[key];\n  } else {\n    updated[key] = next;\n  }\n  return updated as T;\n}\n"],"names":["SPEC_RUNTIME_FAMILIES","DEFAULT_REASONING_EFFORTS","useState","runtimeModeFromModel","selectionForRuntime","familyById","firstMode","modelsForFamily","runtimeModelForValue","isSelectableModel","effortOptionsForModel","applyRuntimeMode","reconcileModelCapabilities","jsx","RuntimeBarVariantContext","jsxs","cn","RuntimeBarCombo","withBudgetLimit","RuntimeBarSegments"],"mappings":"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"}

package/dist/data/runtime/RuntimeBar.context.cjs

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const react = require("react");
+const RuntimeBarVariantContext = react.createContext(
+  "segmented"
+);
+exports.RuntimeBarVariantContext = RuntimeBarVariantContext;
+//# sourceMappingURL=RuntimeBar.context.cjs.map

package/dist/data/runtime/RuntimeBar.context.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"RuntimeBar.context.cjs","sources":["../../../src/data/runtime/RuntimeBar.context.ts"],"sourcesContent":["import { createContext } from \"react\";\n\nexport const RuntimeBarVariantContext = createContext<\"combo\" | \"segmented\">(\n  \"segmented\",\n);\n"],"names":["createContext"],"mappings":";;;AAEO,MAAM,2BAA2BA,MAAAA;AAAAA,EACtC;AACF;;"}

package/dist/data/runtime/RuntimeBar.context.d.ts

@@ -0,0 +1,2 @@
+export declare const RuntimeBarVariantContext: import('react').Context<"segmented" | "combo">;
+//# sourceMappingURL=RuntimeBar.context.d.ts.map

package/dist/data/runtime/RuntimeBar.context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RuntimeBar.context.d.ts","sourceRoot":"","sources":["../../../src/data/runtime/RuntimeBar.context.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,wBAAwB,gDAEpC,CAAC"}

package/dist/data/runtime/RuntimeBar.context.js

@@ -0,0 +1,8 @@
+import { createContext } from "react";
+const RuntimeBarVariantContext = createContext(
+  "segmented"
+);
+export {
+  RuntimeBarVariantContext
+};
+//# sourceMappingURL=RuntimeBar.context.js.map

package/dist/data/runtime/RuntimeBar.context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RuntimeBar.context.js","sources":["../../../src/data/runtime/RuntimeBar.context.ts"],"sourcesContent":["import { createContext } from \"react\";\n\nexport const RuntimeBarVariantContext = createContext<\"combo\" | \"segmented\">(\n  \"segmented\",\n);\n"],"names":[],"mappings":";AAEO,MAAM,2BAA2B;AAAA,EACtC;AACF;"}

package/dist/data/runtime/RuntimeBar.d.ts

@@ -1,7 +1,11 @@
+import { ReactNode } from 'react';
 import { ChatModel, ChatModelRuntime } from '../chat/types';
+import { RuntimeBarBudget } from './RuntimeBar.limits';
 import { SpecRuntimeFamily } from './runtime-mode';
 export type RuntimeBarValue = ChatModelRuntime & {
     cliArgs?: Record<string, unknown>;
+    /** Run limits edited by the opt-in timeout and max cost controls. */
+    budget?: RuntimeBarBudget;
 };
 export type RuntimeBarProps<T extends RuntimeBarValue = RuntimeBarValue> = {
     value: T;
@@ -24,9 +28,15 @@ export type RuntimeBarProps<T extends RuntimeBarValue = RuntimeBarValue> = {
     showModel?: boolean | undefined;
     /** Whether the selected runtime exposes reasoning effort. */
     showEffort?: boolean | undefined;
+    /** Opt-in control for `budget.timeout`. */
+    showTimeout?: boolean | undefined;
+    /** Opt-in control for `budget.cost`. */
+    showCost?: boolean | undefined;
+    /** Host-level settings belonging to the surrounding spec rather than this runtime row. */
+    actions?: ReactNode | undefined;
     ariaLabel?: string | undefined;
     className?: string | undefined;
 };
 /** Self-describing runtime controls with segmented and combo presentations. */
-export declare function RuntimeBar<T extends RuntimeBarValue>({ value, onChange, variant, models, families, effectiveMode, effectiveModel, reasoningEfforts, locked, showModel, showEffort, ariaLabel, className, }: RuntimeBarProps<T>): import("react").JSX.Element;
+export declare function RuntimeBar<T extends RuntimeBarValue>({ value, onChange, variant, models, families, effectiveMode, effectiveModel, reasoningEfforts, locked, showModel, showEffort, showTimeout, showCost, actions, ariaLabel, className, }: RuntimeBarProps<T>): import("react").JSX.Element;
 //# sourceMappingURL=RuntimeBar.d.ts.map

package/dist/data/runtime/RuntimeBar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RuntimeBar.d.ts","sourceRoot":"","sources":["../../../src/data/runtime/RuntimeBar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AASjE,OAAO,EAOL,KAAK,iBAAiB,EACvB,MAAM,gBAAgB,CAAC;AAExB,MAAM,MAAM,eAAe,GAAG,gBAAgB,GAAG;IAC/C,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CACnC,CAAC;AAEF,MAAM,MAAM,eAAe,CAAC,CAAC,SAAS,eAAe,GAAG,eAAe,IAAI;IACzE,KAAK,EAAE,CAAC,CAAC;IACT,QAAQ,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;IAC7B,0EAA0E;IAC1E,OAAO,CAAC,EAAE,OAAO,GAAG,WAAW,CAAC;IAChC;gFAC4E;IAC5E,MAAM,CAAC,EAAE,SAAS,EAAE,GAAG,SAAS,CAAC;IACjC,QAAQ,CAAC,EAAE,iBAAiB,EAAE,GAAG,SAAS,CAAC;IAC3C,kFAAkF;IAClF,aAAa,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACnC,2FAA2F;IAC3F,cAAc,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACpC,yEAAyE;IACzE,gBAAgB,CAAC,EAAE,MAAM,EAAE,GAAG,SAAS,CAAC;IACxC,oFAAoF;IACpF,MAAM,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC7B,6DAA6D;IAC7D,SAAS,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAChC,6DAA6D;IAC7D,UAAU,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACjC,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC/B,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAChC,CAAC;AAEF,+EAA+E;AAC/E,wBAAgB,UAAU,CAAC,CAAC,SAAS,eAAe,EAAE,EACpD,KAAK,EACL,QAAQ,EACR,OAAqB,EACrB,MAAW,EACX,QAAgC,EAChC,aAAa,EACb,cAAc,EACd,gBAA4C,EAC5C,MAAc,EACd,SAAgB,EAChB,UAAiB,EACjB,SAAqB,EACrB,SAAS,GACV,EAAE,eAAe,CAAC,CAAC,CAAC,+BA0HpB"}
+{"version":3,"file":"RuntimeBar.d.ts","sourceRoot":"","sources":["../../../src/data/runtime/RuntimeBar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAGjD,OAAO,KAAK,EAAE,SAAS,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACjE,OAAO,EAAmB,KAAK,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAU7E,OAAO,EAOL,KAAK,iBAAiB,EACvB,MAAM,gBAAgB,CAAC;AAExB,MAAM,MAAM,eAAe,GAAG,gBAAgB,GAAG;IAC/C,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAClC,qEAAqE;IACrE,MAAM,CAAC,EAAE,gBAAgB,CAAC;CAC3B,CAAC;AAEF,MAAM,MAAM,eAAe,CAAC,CAAC,SAAS,eAAe,GAAG,eAAe,IAAI;IACzE,KAAK,EAAE,CAAC,CAAC;IACT,QAAQ,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;IAC7B,0EAA0E;IAC1E,OAAO,CAAC,EAAE,OAAO,GAAG,WAAW,CAAC;IAChC;gFAC4E;IAC5E,MAAM,CAAC,EAAE,SAAS,EAAE,GAAG,SAAS,CAAC;IACjC,QAAQ,CAAC,EAAE,iBAAiB,EAAE,GAAG,SAAS,CAAC;IAC3C,kFAAkF;IAClF,aAAa,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACnC,2FAA2F;IAC3F,cAAc,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACpC,yEAAyE;IACzE,gBAAgB,CAAC,EAAE,MAAM,EAAE,GAAG,SAAS,CAAC;IACxC,oFAAoF;IACpF,MAAM,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC7B,6DAA6D;IAC7D,SAAS,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAChC,6DAA6D;IAC7D,UAAU,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACjC,2CAA2C;IAC3C,WAAW,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAClC,wCAAwC;IACxC,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC/B,0FAA0F;IAC1F,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IAChC,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC/B,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAChC,CAAC;AAEF,+EAA+E;AAC/E,wBAAgB,UAAU,CAAC,CAAC,SAAS,eAAe,EAAE,EACpD,KAAK,EACL,QAAQ,EACR,OAAqB,EACrB,MAAW,EACX,QAAgC,EAChC,aAAa,EACb,cAAc,EACd,gBAA4C,EAC5C,MAAc,EACd,SAAgB,EAChB,UAAiB,EACjB,WAAmB,EACnB,QAAgB,EAChB,OAAO,EACP,SAAqB,EACrB,SAAS,GACV,EAAE,eAAe,CAAC,CAAC,CAAC,+BA4JpB"}