@mastra/playground-ui 68.0.0-alpha.1 → 68.0.0-alpha.3

package/dist/domains/knowledge/lib/remarkKnowledgeLinks.es.js

@@ -0,0 +1,78 @@
+// src/domains/knowledge/lib/remarkKnowledgeLinks.ts
+var WIKILINK = /\[\[([^\]]+)\]\]/g;
+/** `[[ref]]`, or a bare `type:value#path` address such as `docs:mastra#guides/memory` (never a URL or an email). */
+var WIKILINK_OR_ADDRESS = /\[\[([^\]]+)\]\]|(?<![\w:/#@.-])([a-z][\w-]*:[\w.-]+#[\w./-]*[\w/])/g;
+/** The hast property a `[[ref]]` carries on its `<span>`; react-markdown hands it to the `span` override. */
+var KNOWLEDGE_REF_PROPERTY = "dataKnowledgeRef";
+/** Set to `'bare'` on a ref written without `[[ ]]`: it only looks like an address, so a host links it once the page resolves. */
+var KNOWLEDGE_BARE_PROPERTY = "dataKnowledgeBare";
+/**
+* A remark plugin that turns each `[[ref]]` in markdown prose into `<span data-knowledge-ref="ref">ref</span>`,
+* for a `span` override to draw as a page link. It only splits text nodes, so code, inline code and
+* existing links are left alone, and the ref stays text: nothing in a body becomes markup.
+*/
+function remarkKnowledgeLinks() {
+	return (tree) => {
+		visit(tree, WIKILINK);
+	};
+}
+/** `remarkKnowledgeLinks` for chat prose, where a model also writes a page's address bare. */
+function remarkKnowledgeChatLinks() {
+	return (tree) => {
+		visit(tree, WIKILINK_OR_ADDRESS);
+	};
+}
+function visit(node, pattern) {
+	if (node.type === "link" || node.type === "linkReference") return;
+	const children = [];
+	let changed = false;
+	for (const child of node.children) {
+		if (child.type === "text") {
+			const split = splitText(child, pattern);
+			if (split) {
+				children.push(...split);
+				changed = true;
+				continue;
+			}
+		} else if ("children" in child) visit(child, pattern);
+		children.push(child);
+	}
+	if (changed) node.children = children;
+}
+function splitText(node, pattern) {
+	const { value } = node;
+	const parts = [];
+	let last = 0;
+	for (const match of value.matchAll(pattern)) {
+		const ref = match[1] ?? match[2] ?? "";
+		const bare = match[1] === void 0;
+		if (match.index > last) parts.push({
+			type: "text",
+			value: value.slice(last, match.index)
+		});
+		parts.push({
+			type: "emphasis",
+			data: {
+				hName: "span",
+				hProperties: {
+					[KNOWLEDGE_REF_PROPERTY]: ref,
+					...bare ? { [KNOWLEDGE_BARE_PROPERTY]: "bare" } : {}
+				}
+			},
+			children: [{
+				type: "text",
+				value: ref
+			}]
+		});
+		last = match.index + match[0].length;
+	}
+	if (last === 0) return null;
+	if (last < value.length) parts.push({
+		type: "text",
+		value: value.slice(last)
+	});
+	return parts;
+}
+export { KNOWLEDGE_BARE_PROPERTY, KNOWLEDGE_REF_PROPERTY, remarkKnowledgeChatLinks, remarkKnowledgeLinks };
+
+//# sourceMappingURL=remarkKnowledgeLinks.es.js.map

package/dist/domains/knowledge/lib/remarkKnowledgeLinks.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"remarkKnowledgeLinks.es.js","names":[],"sources":["../../../../src/domains/knowledge/lib/remarkKnowledgeLinks.ts"],"sourcesContent":["import type { Parent, PhrasingContent, Root, Text } from 'mdast';\n\nconst WIKILINK = /\\[\\[([^\\]]+)\\]\\]/g;\n/** `[[ref]]`, or a bare `type:value#path` address such as `docs:mastra#guides/memory` (never a URL or an email). */\nconst WIKILINK_OR_ADDRESS = /\\[\\[([^\\]]+)\\]\\]|(?<![\\w:/#@.-])([a-z][\\w-]*:[\\w.-]+#[\\w./-]*[\\w/])/g;\n\n/** The hast property a `[[ref]]` carries on its `<span>`; react-markdown hands it to the `span` override. */\nexport const KNOWLEDGE_REF_PROPERTY = 'dataKnowledgeRef';\n/** Set to `'bare'` on a ref written without `[[ ]]`: it only looks like an address, so a host links it once the page resolves. */\nexport const KNOWLEDGE_BARE_PROPERTY = 'dataKnowledgeBare';\n\n/**\n * A remark plugin that turns each `[[ref]]` in markdown prose into `<span data-knowledge-ref=\"ref\">ref</span>`,\n * for a `span` override to draw as a page link. It only splits text nodes, so code, inline code and\n * existing links are left alone, and the ref stays text: nothing in a body becomes markup.\n */\nexport function remarkKnowledgeLinks() {\n  return (tree: Root) => {\n    visit(tree, WIKILINK);\n  };\n}\n\n/** `remarkKnowledgeLinks` for chat prose, where a model also writes a page's address bare. */\nexport function remarkKnowledgeChatLinks() {\n  return (tree: Root) => {\n    visit(tree, WIKILINK_OR_ADDRESS);\n  };\n}\n\nfunction visit(node: Parent, pattern: RegExp) {\n  if (node.type === 'link' || node.type === 'linkReference') return;\n  const children: Parent['children'] = [];\n  let changed = false;\n  for (const child of node.children) {\n    if (child.type === 'text') {\n      const split = splitText(child, pattern);\n      if (split) {\n        children.push(...split);\n        changed = true;\n        continue;\n      }\n    } else if ('children' in child) {\n      visit(child, pattern);\n    }\n    children.push(child);\n  }\n  if (changed) node.children = children;\n}\n\nfunction splitText(node: Text, pattern: RegExp): PhrasingContent[] | null {\n  const { value } = node;\n  const parts: PhrasingContent[] = [];\n  let last = 0;\n  for (const match of value.matchAll(pattern)) {\n    const ref = match[1] ?? match[2] ?? '';\n    const bare = match[1] === undefined;\n    if (match.index > last) parts.push({ type: 'text', value: value.slice(last, match.index) });\n    parts.push({\n      type: 'emphasis',\n      data: {\n        hName: 'span',\n        hProperties: { [KNOWLEDGE_REF_PROPERTY]: ref, ...(bare ? { [KNOWLEDGE_BARE_PROPERTY]: 'bare' } : {}) },\n      },\n      children: [{ type: 'text', value: ref }],\n    });\n    last = match.index + match[0].length;\n  }\n  if (last === 0) return null;\n  if (last < value.length) parts.push({ type: 'text', value: value.slice(last) });\n  return parts;\n}\n"],"mappings":";AAEA,IAAM,WAAW;;AAEjB,IAAM,sBAAsB;;AAG5B,IAAa,yBAAyB;;AAEtC,IAAa,0BAA0B;;;;;;AAOvC,SAAgB,uBAAuB;CACrC,QAAQ,SAAe;EACrB,MAAM,MAAM,QAAQ;CACtB;AACF;;AAGA,SAAgB,2BAA2B;CACzC,QAAQ,SAAe;EACrB,MAAM,MAAM,mBAAmB;CACjC;AACF;AAEA,SAAS,MAAM,MAAc,SAAiB;CAC5C,IAAI,KAAK,SAAS,UAAU,KAAK,SAAS,iBAAiB;CAC3D,MAAM,WAA+B,CAAC;CACtC,IAAI,UAAU;CACd,KAAK,MAAM,SAAS,KAAK,UAAU;EACjC,IAAI,MAAM,SAAS,QAAQ;GACzB,MAAM,QAAQ,UAAU,OAAO,OAAO;GACtC,IAAI,OAAO;IACT,SAAS,KAAK,GAAG,KAAK;IACtB,UAAU;IACV;GACF;EACF,OAAO,IAAI,cAAc,OACvB,MAAM,OAAO,OAAO;EAEtB,SAAS,KAAK,KAAK;CACrB;CACA,IAAI,SAAS,KAAK,WAAW;AAC/B;AAEA,SAAS,UAAU,MAAY,SAA2C;CACxE,MAAM,EAAE,UAAU;CAClB,MAAM,QAA2B,CAAC;CAClC,IAAI,OAAO;CACX,KAAK,MAAM,SAAS,MAAM,SAAS,OAAO,GAAG;EAC3C,MAAM,MAAM,MAAM,MAAM,MAAM,MAAM;EACpC,MAAM,OAAO,MAAM,OAAO,KAAA;EAC1B,IAAI,MAAM,QAAQ,MAAM,MAAM,KAAK;GAAE,MAAM;GAAQ,OAAO,MAAM,MAAM,MAAM,MAAM,KAAK;EAAE,CAAC;EAC1F,MAAM,KAAK;GACT,MAAM;GACN,MAAM;IACJ,OAAO;IACP,aAAa;MAAG,yBAAyB;KAAK,GAAI,OAAO,GAAG,0BAA0B,OAAO,IAAI,CAAC;IAAG;GACvG;GACA,UAAU,CAAC;IAAE,MAAM;IAAQ,OAAO;GAAI,CAAC;EACzC,CAAC;EACD,OAAO,MAAM,QAAQ,MAAM,EAAE,CAAC;CAChC;CACA,IAAI,SAAS,GAAG,OAAO;CACvB,IAAI,OAAO,MAAM,QAAQ,MAAM,KAAK;EAAE,MAAM;EAAQ,OAAO,MAAM,MAAM,IAAI;CAAE,CAAC;CAC9E,OAAO;AACT"}

package/dist/domains/knowledge/lib/tooltipSide.cjs.js

@@ -0,0 +1,77 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+// src/domains/knowledge/lib/tooltipSide.ts
+/** Sides in the order they win a tie: above is the one people expect. */
+var SIDES = [
+	"top",
+	"bottom",
+	"right",
+	"left"
+];
+/** Where the tooltip would sit on a side of the dot, centred on it. */
+function tooltipBox(side, { dot, tip, gap }) {
+	const centerX = (dot.left + dot.right) / 2;
+	const centerY = (dot.top + dot.bottom) / 2;
+	if (side === "top") return {
+		left: centerX - tip.width / 2,
+		right: centerX + tip.width / 2,
+		bottom: dot.top - gap,
+		top: dot.top - gap - tip.height
+	};
+	if (side === "bottom") return {
+		left: centerX - tip.width / 2,
+		right: centerX + tip.width / 2,
+		top: dot.bottom + gap,
+		bottom: dot.bottom + gap + tip.height
+	};
+	if (side === "left") return {
+		right: dot.left - gap,
+		left: dot.left - gap - tip.width,
+		top: centerY - tip.height / 2,
+		bottom: centerY + tip.height / 2
+	};
+	return {
+		left: dot.right + gap,
+		right: dot.right + gap + tip.width,
+		top: centerY - tip.height / 2,
+		bottom: centerY + tip.height / 2
+	};
+}
+function overlap(a, b) {
+	const width = Math.min(a.right, b.right) - Math.max(a.left, b.left);
+	const height = Math.min(a.bottom, b.bottom) - Math.max(a.top, b.top);
+	return width > 0 && height > 0 ? width * height : 0;
+}
+/** Whether a line passes through the box, by sampling along it. */
+function crosses(box, from, to) {
+	const steps = Math.max(4, Math.ceil(Math.hypot(to.x - from.x, to.y - from.y) / 6));
+	for (let step = 0; step <= steps; step++) {
+		const x = from.x + (to.x - from.x) * step / steps;
+		const y = from.y + (to.y - from.y) * step / steps;
+		if (x >= box.left && x <= box.right && y >= box.top && y <= box.bottom) return true;
+	}
+	return false;
+}
+/**
+* Picks the side of the dot whose tooltip covers the least: leaving the bounds costs most, then covering a
+* line, then covering a page. With nothing in the way (or nothing measured) it stays above.
+*/
+function chooseTooltipSide(input) {
+	const area = (box) => (box.right - box.left) * (box.bottom - box.top);
+	let best = "top";
+	let bestCost = Number.POSITIVE_INFINITY;
+	for (const side of SIDES) {
+		const box = tooltipBox(side, input);
+		let cost = (area(box) - overlap(box, input.bounds)) * 100;
+		for (const obstacle of input.obstacles) cost += overlap(box, obstacle) * 4;
+		for (const line of input.lines) if (crosses(box, line.from, line.to)) cost += 2e3;
+		if (cost < bestCost) {
+			best = side;
+			bestCost = cost;
+		}
+	}
+	return best;
+}
+exports.chooseTooltipSide = chooseTooltipSide;
+exports.tooltipBox = tooltipBox;
+
+//# sourceMappingURL=tooltipSide.cjs.js.map

package/dist/domains/knowledge/lib/tooltipSide.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltipSide.cjs.js","names":[],"sources":["../../../../src/domains/knowledge/lib/tooltipSide.ts"],"sourcesContent":["export interface Box {\n  left: number;\n  top: number;\n  right: number;\n  bottom: number;\n}\n\nexport type TooltipSide = 'top' | 'bottom' | 'right' | 'left';\n\nexport interface TooltipPlacementInput {\n  /** The hovered dot, in the same coordinates as everything else (the screen). */\n  dot: Box;\n  /** The tooltip's size once drawn. */\n  tip: { width: number; height: number };\n  /** Space between the dot and the tooltip. */\n  gap: number;\n  /** The tooltip must stay inside this. */\n  bounds: Box;\n  /** Things the tooltip must not cover: the focused page, the hovered page's neighbours, the legend, buttons. */\n  obstacles: readonly Box[];\n  /** Lines it must not cover: the hovered page's highlighted edges, as endpoints. */\n  lines: ReadonlyArray<{ from: { x: number; y: number }; to: { x: number; y: number } }>;\n}\n\n/** Sides in the order they win a tie: above is the one people expect. */\nconst SIDES: TooltipSide[] = ['top', 'bottom', 'right', 'left'];\n\n/** Where the tooltip would sit on a side of the dot, centred on it. */\nexport function tooltipBox(\n  side: TooltipSide,\n  { dot, tip, gap }: Pick<TooltipPlacementInput, 'dot' | 'tip' | 'gap'>,\n): Box {\n  const centerX = (dot.left + dot.right) / 2;\n  const centerY = (dot.top + dot.bottom) / 2;\n  if (side === 'top')\n    return {\n      left: centerX - tip.width / 2,\n      right: centerX + tip.width / 2,\n      bottom: dot.top - gap,\n      top: dot.top - gap - tip.height,\n    };\n  if (side === 'bottom')\n    return {\n      left: centerX - tip.width / 2,\n      right: centerX + tip.width / 2,\n      top: dot.bottom + gap,\n      bottom: dot.bottom + gap + tip.height,\n    };\n  if (side === 'left')\n    return {\n      right: dot.left - gap,\n      left: dot.left - gap - tip.width,\n      top: centerY - tip.height / 2,\n      bottom: centerY + tip.height / 2,\n    };\n  return {\n    left: dot.right + gap,\n    right: dot.right + gap + tip.width,\n    top: centerY - tip.height / 2,\n    bottom: centerY + tip.height / 2,\n  };\n}\n\nfunction overlap(a: Box, b: Box): number {\n  const width = Math.min(a.right, b.right) - Math.max(a.left, b.left);\n  const height = Math.min(a.bottom, b.bottom) - Math.max(a.top, b.top);\n  return width > 0 && height > 0 ? width * height : 0;\n}\n\n/** Whether a line passes through the box, by sampling along it. */\nfunction crosses(box: Box, from: { x: number; y: number }, to: { x: number; y: number }): boolean {\n  const steps = Math.max(4, Math.ceil(Math.hypot(to.x - from.x, to.y - from.y) / 6));\n  for (let step = 0; step <= steps; step++) {\n    const x = from.x + ((to.x - from.x) * step) / steps;\n    const y = from.y + ((to.y - from.y) * step) / steps;\n    if (x >= box.left && x <= box.right && y >= box.top && y <= box.bottom) return true;\n  }\n  return false;\n}\n\n/**\n * Picks the side of the dot whose tooltip covers the least: leaving the bounds costs most, then covering a\n * line, then covering a page. With nothing in the way (or nothing measured) it stays above.\n */\nexport function chooseTooltipSide(input: TooltipPlacementInput): TooltipSide {\n  const area = (box: Box) => (box.right - box.left) * (box.bottom - box.top);\n  let best: TooltipSide = 'top';\n  let bestCost = Number.POSITIVE_INFINITY;\n  for (const side of SIDES) {\n    const box = tooltipBox(side, input);\n    const outside = area(box) - overlap(box, input.bounds);\n    let cost = outside * 100;\n    for (const obstacle of input.obstacles) cost += overlap(box, obstacle) * 4;\n    for (const line of input.lines) if (crosses(box, line.from, line.to)) cost += 2000;\n    if (cost < bestCost) {\n      best = side;\n      bestCost = cost;\n    }\n  }\n  return best;\n}\n"],"mappings":";;;AAyBA,IAAM,QAAuB;CAAC;CAAO;CAAU;CAAS;AAAM;;AAG9D,SAAgB,WACd,MACA,EAAE,KAAK,KAAK,OACP;CACL,MAAM,WAAW,IAAI,OAAO,IAAI,SAAS;CACzC,MAAM,WAAW,IAAI,MAAM,IAAI,UAAU;CACzC,IAAI,SAAS,OACX,OAAO;EACL,MAAM,UAAU,IAAI,QAAQ;EAC5B,OAAO,UAAU,IAAI,QAAQ;EAC7B,QAAQ,IAAI,MAAM;EAClB,KAAK,IAAI,MAAM,MAAM,IAAI;CAC3B;CACF,IAAI,SAAS,UACX,OAAO;EACL,MAAM,UAAU,IAAI,QAAQ;EAC5B,OAAO,UAAU,IAAI,QAAQ;EAC7B,KAAK,IAAI,SAAS;EAClB,QAAQ,IAAI,SAAS,MAAM,IAAI;CACjC;CACF,IAAI,SAAS,QACX,OAAO;EACL,OAAO,IAAI,OAAO;EAClB,MAAM,IAAI,OAAO,MAAM,IAAI;EAC3B,KAAK,UAAU,IAAI,SAAS;EAC5B,QAAQ,UAAU,IAAI,SAAS;CACjC;CACF,OAAO;EACL,MAAM,IAAI,QAAQ;EAClB,OAAO,IAAI,QAAQ,MAAM,IAAI;EAC7B,KAAK,UAAU,IAAI,SAAS;EAC5B,QAAQ,UAAU,IAAI,SAAS;CACjC;AACF;AAEA,SAAS,QAAQ,GAAQ,GAAgB;CACvC,MAAM,QAAQ,KAAK,IAAI,EAAE,OAAO,EAAE,KAAK,IAAI,KAAK,IAAI,EAAE,MAAM,EAAE,IAAI;CAClE,MAAM,SAAS,KAAK,IAAI,EAAE,QAAQ,EAAE,MAAM,IAAI,KAAK,IAAI,EAAE,KAAK,EAAE,GAAG;CACnE,OAAO,QAAQ,KAAK,SAAS,IAAI,QAAQ,SAAS;AACpD;;AAGA,SAAS,QAAQ,KAAU,MAAgC,IAAuC;CAChG,MAAM,QAAQ,KAAK,IAAI,GAAG,KAAK,KAAK,KAAK,MAAM,GAAG,IAAI,KAAK,GAAG,GAAG,IAAI,KAAK,CAAC,IAAI,CAAC,CAAC;CACjF,KAAK,IAAI,OAAO,GAAG,QAAQ,OAAO,QAAQ;EACxC,MAAM,IAAI,KAAK,KAAM,GAAG,IAAI,KAAK,KAAK,OAAQ;EAC9C,MAAM,IAAI,KAAK,KAAM,GAAG,IAAI,KAAK,KAAK,OAAQ;EAC9C,IAAI,KAAK,IAAI,QAAQ,KAAK,IAAI,SAAS,KAAK,IAAI,OAAO,KAAK,IAAI,QAAQ,OAAO;CACjF;CACA,OAAO;AACT;;;;;AAMA,SAAgB,kBAAkB,OAA2C;CAC3E,MAAM,QAAQ,SAAc,IAAI,QAAQ,IAAI,SAAS,IAAI,SAAS,IAAI;CACtE,IAAI,OAAoB;CACxB,IAAI,WAAW,OAAO;CACtB,KAAK,MAAM,QAAQ,OAAO;EACxB,MAAM,MAAM,WAAW,MAAM,KAAK;EAElC,IAAI,QADY,KAAK,GAAG,IAAI,QAAQ,KAAK,MAAM,MAAM,KAChC;EACrB,KAAK,MAAM,YAAY,MAAM,WAAW,QAAQ,QAAQ,KAAK,QAAQ,IAAI;EACzE,KAAK,MAAM,QAAQ,MAAM,OAAO,IAAI,QAAQ,KAAK,KAAK,MAAM,KAAK,EAAE,GAAG,QAAQ;EAC9E,IAAI,OAAO,UAAU;GACnB,OAAO;GACP,WAAW;EACb;CACF;CACA,OAAO;AACT"}

package/dist/domains/knowledge/lib/tooltipSide.d.ts

@@ -0,0 +1 @@
+export * from '../../../src/domains/knowledge/lib/tooltipSide';

package/dist/domains/knowledge/lib/tooltipSide.es.js

@@ -0,0 +1,75 @@
+// src/domains/knowledge/lib/tooltipSide.ts
+/** Sides in the order they win a tie: above is the one people expect. */
+var SIDES = [
+	"top",
+	"bottom",
+	"right",
+	"left"
+];
+/** Where the tooltip would sit on a side of the dot, centred on it. */
+function tooltipBox(side, { dot, tip, gap }) {
+	const centerX = (dot.left + dot.right) / 2;
+	const centerY = (dot.top + dot.bottom) / 2;
+	if (side === "top") return {
+		left: centerX - tip.width / 2,
+		right: centerX + tip.width / 2,
+		bottom: dot.top - gap,
+		top: dot.top - gap - tip.height
+	};
+	if (side === "bottom") return {
+		left: centerX - tip.width / 2,
+		right: centerX + tip.width / 2,
+		top: dot.bottom + gap,
+		bottom: dot.bottom + gap + tip.height
+	};
+	if (side === "left") return {
+		right: dot.left - gap,
+		left: dot.left - gap - tip.width,
+		top: centerY - tip.height / 2,
+		bottom: centerY + tip.height / 2
+	};
+	return {
+		left: dot.right + gap,
+		right: dot.right + gap + tip.width,
+		top: centerY - tip.height / 2,
+		bottom: centerY + tip.height / 2
+	};
+}
+function overlap(a, b) {
+	const width = Math.min(a.right, b.right) - Math.max(a.left, b.left);
+	const height = Math.min(a.bottom, b.bottom) - Math.max(a.top, b.top);
+	return width > 0 && height > 0 ? width * height : 0;
+}
+/** Whether a line passes through the box, by sampling along it. */
+function crosses(box, from, to) {
+	const steps = Math.max(4, Math.ceil(Math.hypot(to.x - from.x, to.y - from.y) / 6));
+	for (let step = 0; step <= steps; step++) {
+		const x = from.x + (to.x - from.x) * step / steps;
+		const y = from.y + (to.y - from.y) * step / steps;
+		if (x >= box.left && x <= box.right && y >= box.top && y <= box.bottom) return true;
+	}
+	return false;
+}
+/**
+* Picks the side of the dot whose tooltip covers the least: leaving the bounds costs most, then covering a
+* line, then covering a page. With nothing in the way (or nothing measured) it stays above.
+*/
+function chooseTooltipSide(input) {
+	const area = (box) => (box.right - box.left) * (box.bottom - box.top);
+	let best = "top";
+	let bestCost = Number.POSITIVE_INFINITY;
+	for (const side of SIDES) {
+		const box = tooltipBox(side, input);
+		let cost = (area(box) - overlap(box, input.bounds)) * 100;
+		for (const obstacle of input.obstacles) cost += overlap(box, obstacle) * 4;
+		for (const line of input.lines) if (crosses(box, line.from, line.to)) cost += 2e3;
+		if (cost < bestCost) {
+			best = side;
+			bestCost = cost;
+		}
+	}
+	return best;
+}
+export { chooseTooltipSide, tooltipBox };
+
+//# sourceMappingURL=tooltipSide.es.js.map

package/dist/domains/knowledge/lib/tooltipSide.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltipSide.es.js","names":[],"sources":["../../../../src/domains/knowledge/lib/tooltipSide.ts"],"sourcesContent":["export interface Box {\n  left: number;\n  top: number;\n  right: number;\n  bottom: number;\n}\n\nexport type TooltipSide = 'top' | 'bottom' | 'right' | 'left';\n\nexport interface TooltipPlacementInput {\n  /** The hovered dot, in the same coordinates as everything else (the screen). */\n  dot: Box;\n  /** The tooltip's size once drawn. */\n  tip: { width: number; height: number };\n  /** Space between the dot and the tooltip. */\n  gap: number;\n  /** The tooltip must stay inside this. */\n  bounds: Box;\n  /** Things the tooltip must not cover: the focused page, the hovered page's neighbours, the legend, buttons. */\n  obstacles: readonly Box[];\n  /** Lines it must not cover: the hovered page's highlighted edges, as endpoints. */\n  lines: ReadonlyArray<{ from: { x: number; y: number }; to: { x: number; y: number } }>;\n}\n\n/** Sides in the order they win a tie: above is the one people expect. */\nconst SIDES: TooltipSide[] = ['top', 'bottom', 'right', 'left'];\n\n/** Where the tooltip would sit on a side of the dot, centred on it. */\nexport function tooltipBox(\n  side: TooltipSide,\n  { dot, tip, gap }: Pick<TooltipPlacementInput, 'dot' | 'tip' | 'gap'>,\n): Box {\n  const centerX = (dot.left + dot.right) / 2;\n  const centerY = (dot.top + dot.bottom) / 2;\n  if (side === 'top')\n    return {\n      left: centerX - tip.width / 2,\n      right: centerX + tip.width / 2,\n      bottom: dot.top - gap,\n      top: dot.top - gap - tip.height,\n    };\n  if (side === 'bottom')\n    return {\n      left: centerX - tip.width / 2,\n      right: centerX + tip.width / 2,\n      top: dot.bottom + gap,\n      bottom: dot.bottom + gap + tip.height,\n    };\n  if (side === 'left')\n    return {\n      right: dot.left - gap,\n      left: dot.left - gap - tip.width,\n      top: centerY - tip.height / 2,\n      bottom: centerY + tip.height / 2,\n    };\n  return {\n    left: dot.right + gap,\n    right: dot.right + gap + tip.width,\n    top: centerY - tip.height / 2,\n    bottom: centerY + tip.height / 2,\n  };\n}\n\nfunction overlap(a: Box, b: Box): number {\n  const width = Math.min(a.right, b.right) - Math.max(a.left, b.left);\n  const height = Math.min(a.bottom, b.bottom) - Math.max(a.top, b.top);\n  return width > 0 && height > 0 ? width * height : 0;\n}\n\n/** Whether a line passes through the box, by sampling along it. */\nfunction crosses(box: Box, from: { x: number; y: number }, to: { x: number; y: number }): boolean {\n  const steps = Math.max(4, Math.ceil(Math.hypot(to.x - from.x, to.y - from.y) / 6));\n  for (let step = 0; step <= steps; step++) {\n    const x = from.x + ((to.x - from.x) * step) / steps;\n    const y = from.y + ((to.y - from.y) * step) / steps;\n    if (x >= box.left && x <= box.right && y >= box.top && y <= box.bottom) return true;\n  }\n  return false;\n}\n\n/**\n * Picks the side of the dot whose tooltip covers the least: leaving the bounds costs most, then covering a\n * line, then covering a page. With nothing in the way (or nothing measured) it stays above.\n */\nexport function chooseTooltipSide(input: TooltipPlacementInput): TooltipSide {\n  const area = (box: Box) => (box.right - box.left) * (box.bottom - box.top);\n  let best: TooltipSide = 'top';\n  let bestCost = Number.POSITIVE_INFINITY;\n  for (const side of SIDES) {\n    const box = tooltipBox(side, input);\n    const outside = area(box) - overlap(box, input.bounds);\n    let cost = outside * 100;\n    for (const obstacle of input.obstacles) cost += overlap(box, obstacle) * 4;\n    for (const line of input.lines) if (crosses(box, line.from, line.to)) cost += 2000;\n    if (cost < bestCost) {\n      best = side;\n      bestCost = cost;\n    }\n  }\n  return best;\n}\n"],"mappings":";;AAyBA,IAAM,QAAuB;CAAC;CAAO;CAAU;CAAS;AAAM;;AAG9D,SAAgB,WACd,MACA,EAAE,KAAK,KAAK,OACP;CACL,MAAM,WAAW,IAAI,OAAO,IAAI,SAAS;CACzC,MAAM,WAAW,IAAI,MAAM,IAAI,UAAU;CACzC,IAAI,SAAS,OACX,OAAO;EACL,MAAM,UAAU,IAAI,QAAQ;EAC5B,OAAO,UAAU,IAAI,QAAQ;EAC7B,QAAQ,IAAI,MAAM;EAClB,KAAK,IAAI,MAAM,MAAM,IAAI;CAC3B;CACF,IAAI,SAAS,UACX,OAAO;EACL,MAAM,UAAU,IAAI,QAAQ;EAC5B,OAAO,UAAU,IAAI,QAAQ;EAC7B,KAAK,IAAI,SAAS;EAClB,QAAQ,IAAI,SAAS,MAAM,IAAI;CACjC;CACF,IAAI,SAAS,QACX,OAAO;EACL,OAAO,IAAI,OAAO;EAClB,MAAM,IAAI,OAAO,MAAM,IAAI;EAC3B,KAAK,UAAU,IAAI,SAAS;EAC5B,QAAQ,UAAU,IAAI,SAAS;CACjC;CACF,OAAO;EACL,MAAM,IAAI,QAAQ;EAClB,OAAO,IAAI,QAAQ,MAAM,IAAI;EAC7B,KAAK,UAAU,IAAI,SAAS;EAC5B,QAAQ,UAAU,IAAI,SAAS;CACjC;AACF;AAEA,SAAS,QAAQ,GAAQ,GAAgB;CACvC,MAAM,QAAQ,KAAK,IAAI,EAAE,OAAO,EAAE,KAAK,IAAI,KAAK,IAAI,EAAE,MAAM,EAAE,IAAI;CAClE,MAAM,SAAS,KAAK,IAAI,EAAE,QAAQ,EAAE,MAAM,IAAI,KAAK,IAAI,EAAE,KAAK,EAAE,GAAG;CACnE,OAAO,QAAQ,KAAK,SAAS,IAAI,QAAQ,SAAS;AACpD;;AAGA,SAAS,QAAQ,KAAU,MAAgC,IAAuC;CAChG,MAAM,QAAQ,KAAK,IAAI,GAAG,KAAK,KAAK,KAAK,MAAM,GAAG,IAAI,KAAK,GAAG,GAAG,IAAI,KAAK,CAAC,IAAI,CAAC,CAAC;CACjF,KAAK,IAAI,OAAO,GAAG,QAAQ,OAAO,QAAQ;EACxC,MAAM,IAAI,KAAK,KAAM,GAAG,IAAI,KAAK,KAAK,OAAQ;EAC9C,MAAM,IAAI,KAAK,KAAM,GAAG,IAAI,KAAK,KAAK,OAAQ;EAC9C,IAAI,KAAK,IAAI,QAAQ,KAAK,IAAI,SAAS,KAAK,IAAI,OAAO,KAAK,IAAI,QAAQ,OAAO;CACjF;CACA,OAAO;AACT;;;;;AAMA,SAAgB,kBAAkB,OAA2C;CAC3E,MAAM,QAAQ,SAAc,IAAI,QAAQ,IAAI,SAAS,IAAI,SAAS,IAAI;CACtE,IAAI,OAAoB;CACxB,IAAI,WAAW,OAAO;CACtB,KAAK,MAAM,QAAQ,OAAO;EACxB,MAAM,MAAM,WAAW,MAAM,KAAK;EAElC,IAAI,QADY,KAAK,GAAG,IAAI,QAAQ,KAAK,MAAM,MAAM,KAChC;EACrB,KAAK,MAAM,YAAY,MAAM,WAAW,QAAQ,QAAQ,KAAK,QAAQ,IAAI;EACzE,KAAK,MAAM,QAAQ,MAAM,OAAO,IAAI,QAAQ,KAAK,KAAK,MAAM,KAAK,EAAE,GAAG,QAAQ;EAC9E,IAAI,OAAO,UAAU;GACnB,OAAO;GACP,WAAW;EACb;CACF;CACA,OAAO;AACT"}

package/dist/domains/knowledge/lib/useLeavingNodes.cjs.js

@@ -0,0 +1,65 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+let react = require("react");
+// src/domains/knowledge/lib/useLeavingNodes.ts
+/** How long a view change takes: nodes glide, resize and fade over this. */
+var KNOWLEDGE_GRAPH_TRANSITION_MS = 700;
+/** Whether the person has not asked the system to cut motion. Without `matchMedia` (a test DOM) nothing animates. */
+function prefersMotion() {
+	return typeof window !== "undefined" && !!window.matchMedia?.("(prefers-reduced-motion: no-preference)").matches;
+}
+/**
+* The nodes plus, for one transition after a view change, the nodes that just left: drawn where they were,
+* then faded out, so a page that is not in the next view fades instead of vanishing. With `enabled` false
+* (reduced motion) it returns the nodes untouched.
+*/
+function useLeavingNodes(nodes, enabled) {
+	const key = nodes.map((node) => node.id).join("\0");
+	const [previousKey, setPreviousKey] = (0, react.useState)(key);
+	const [ghosts, setGhosts] = (0, react.useState)([]);
+	const lastNodes = (0, react.useRef)(nodes);
+	(0, react.useEffect)(() => {
+		lastNodes.current = nodes;
+	});
+	if (previousKey !== key) {
+		setPreviousKey(key);
+		if (enabled) {
+			const present = new Set(nodes.map((node) => node.id));
+			const gone = lastNodes.current.filter((node) => !present.has(node.id));
+			setGhosts((current) => [...current.filter((ghost) => !present.has(ghost.node.id)), ...gone.filter((node) => !current.some((ghost) => ghost.node.id === node.id)).map((node) => ({
+				node,
+				fading: false
+			}))]);
+		}
+	}
+	const waiting = ghosts.some((ghost) => !ghost.fading);
+	const removal = (0, react.useRef)(void 0);
+	(0, react.useEffect)(() => {
+		if (!waiting) return;
+		const frame = requestAnimationFrame(() => {
+			setGhosts((current) => current.map((ghost) => ({
+				...ghost,
+				fading: true
+			})));
+			clearTimeout(removal.current);
+			removal.current = setTimeout(() => setGhosts((current) => current.filter((ghost) => !ghost.fading)), 750);
+		});
+		return () => cancelAnimationFrame(frame);
+	}, [waiting, ghosts.length]);
+	(0, react.useEffect)(() => () => clearTimeout(removal.current), []);
+	if (!enabled || ghosts.length === 0) return nodes;
+	return [...nodes, ...ghosts.map(({ node, fading }) => ({
+		...node,
+		selectable: false,
+		focusable: false,
+		style: {
+			...node.style,
+			opacity: fading ? 0 : 1,
+			pointerEvents: "none"
+		}
+	}))];
+}
+exports.KNOWLEDGE_GRAPH_TRANSITION_MS = KNOWLEDGE_GRAPH_TRANSITION_MS;
+exports.prefersMotion = prefersMotion;
+exports.useLeavingNodes = useLeavingNodes;
+
+//# sourceMappingURL=useLeavingNodes.cjs.js.map

package/dist/domains/knowledge/lib/useLeavingNodes.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useLeavingNodes.cjs.js","names":["useState","useRef"],"sources":["../../../../src/domains/knowledge/lib/useLeavingNodes.ts"],"sourcesContent":["import type { CSSProperties } from 'react';\nimport { useEffect, useRef, useState } from 'react';\n\n/** How long a view change takes: nodes glide, resize and fade over this. */\nexport const KNOWLEDGE_GRAPH_TRANSITION_MS = 700;\n\n/** Whether the person has not asked the system to cut motion. Without `matchMedia` (a test DOM) nothing animates. */\nexport function prefersMotion(): boolean {\n  return typeof window !== 'undefined' && !!window.matchMedia?.('(prefers-reduced-motion: no-preference)').matches;\n}\n\ninterface Ghost<N> {\n  node: N;\n  fading: boolean;\n}\n\n/**\n * The nodes plus, for one transition after a view change, the nodes that just left: drawn where they were,\n * then faded out, so a page that is not in the next view fades instead of vanishing. With `enabled` false\n * (reduced motion) it returns the nodes untouched.\n */\nexport function useLeavingNodes<N extends { id: string; style?: CSSProperties }>(nodes: N[], enabled: boolean): N[] {\n  // The nodes are rebuilt on many renders, so a change of view is a change in which pages are drawn.\n  const key = nodes.map(node => node.id).join('\\u0000');\n  const [previousKey, setPreviousKey] = useState(key);\n  const [ghosts, setGhosts] = useState<Ghost<N>[]>([]);\n  const lastNodes = useRef(nodes);\n  useEffect(() => {\n    lastNodes.current = nodes;\n  });\n  // Adjusting state while rendering (not in an effect) keeps the leaving node from unmounting for a frame.\n  if (previousKey !== key) {\n    setPreviousKey(key);\n    if (enabled) {\n      const present = new Set(nodes.map(node => node.id));\n      const gone = lastNodes.current.filter(node => !present.has(node.id));\n      setGhosts(current => [\n        ...current.filter(ghost => !present.has(ghost.node.id)),\n        ...gone\n          .filter(node => !current.some(ghost => ghost.node.id === node.id))\n          .map(node => ({ node, fading: false })),\n      ]);\n    }\n  }\n\n  const waiting = ghosts.some(ghost => !ghost.fading);\n  const removal = useRef<ReturnType<typeof setTimeout>>(undefined);\n  useEffect(() => {\n    if (!waiting) return;\n    // One frame at full opacity, then the fade; the ghosts go once it has run.\n    const frame = requestAnimationFrame(() => {\n      setGhosts(current => current.map(ghost => ({ ...ghost, fading: true })));\n      clearTimeout(removal.current);\n      removal.current = setTimeout(\n        () => setGhosts(current => current.filter(ghost => !ghost.fading)),\n        KNOWLEDGE_GRAPH_TRANSITION_MS + 50,\n      );\n    });\n    return () => cancelAnimationFrame(frame);\n  }, [waiting, ghosts.length]);\n  useEffect(() => () => clearTimeout(removal.current), []);\n\n  if (!enabled || ghosts.length === 0) return nodes;\n  return [\n    ...nodes,\n    ...ghosts.map(({ node, fading }) => ({\n      ...node,\n      selectable: false,\n      focusable: false,\n      style: { ...node.style, opacity: fading ? 0 : 1, pointerEvents: 'none' as const },\n    })),\n  ];\n}\n"],"mappings":";;;;AAIA,IAAa,gCAAgC;;AAG7C,SAAgB,gBAAyB;CACvC,OAAO,OAAO,WAAW,eAAe,CAAC,CAAC,OAAO,aAAa,yCAAyC,CAAC,CAAC;AAC3G;;;;;;AAYA,SAAgB,gBAAiE,OAAY,SAAuB;CAElH,MAAM,MAAM,MAAM,KAAI,SAAQ,KAAK,EAAE,CAAC,CAAC,KAAK,IAAQ;CACpD,MAAM,CAAC,aAAa,mBAAA,GAAkBA,MAAAA,SAAAA,CAAS,GAAG;CAClD,MAAM,CAAC,QAAQ,cAAA,GAAaA,MAAAA,SAAAA,CAAqB,CAAC,CAAC;CACnD,MAAM,aAAA,GAAYC,MAAAA,OAAAA,CAAO,KAAK;CAC9B,CAAA,GAAA,MAAA,UAAA,OAAgB;EACd,UAAU,UAAU;CACtB,CAAC;CAED,IAAI,gBAAgB,KAAK;EACvB,eAAe,GAAG;EAClB,IAAI,SAAS;GACX,MAAM,UAAU,IAAI,IAAI,MAAM,KAAI,SAAQ,KAAK,EAAE,CAAC;GAClD,MAAM,OAAO,UAAU,QAAQ,QAAO,SAAQ,CAAC,QAAQ,IAAI,KAAK,EAAE,CAAC;GACnE,WAAU,YAAW,CACnB,GAAG,QAAQ,QAAO,UAAS,CAAC,QAAQ,IAAI,MAAM,KAAK,EAAE,CAAC,GACtD,GAAG,KACA,QAAO,SAAQ,CAAC,QAAQ,MAAK,UAAS,MAAM,KAAK,OAAO,KAAK,EAAE,CAAC,CAAC,CACjE,KAAI,UAAS;IAAE;IAAM,QAAQ;GAAM,EAAE,CAC1C,CAAC;EACH;CACF;CAEA,MAAM,UAAU,OAAO,MAAK,UAAS,CAAC,MAAM,MAAM;CAClD,MAAM,WAAA,GAAUA,MAAAA,OAAAA,CAAsC,KAAA,CAAS;CAC/D,CAAA,GAAA,MAAA,UAAA,OAAgB;EACd,IAAI,CAAC,SAAS;EAEd,MAAM,QAAQ,4BAA4B;GACxC,WAAU,YAAW,QAAQ,KAAI,WAAU;IAAE,GAAG;IAAO,QAAQ;GAAK,EAAE,CAAC;GACvE,aAAa,QAAQ,OAAO;GAC5B,QAAQ,UAAU,iBACV,WAAU,YAAW,QAAQ,QAAO,UAAS,CAAC,MAAM,MAAM,CAAC,GACjE,GACF;EACF,CAAC;EACD,aAAa,qBAAqB,KAAK;CACzC,GAAG,CAAC,SAAS,OAAO,MAAM,CAAC;CAC3B,CAAA,GAAA,MAAA,UAAA,aAAsB,aAAa,QAAQ,OAAO,GAAG,CAAC,CAAC;CAEvD,IAAI,CAAC,WAAW,OAAO,WAAW,GAAG,OAAO;CAC5C,OAAO,CACL,GAAG,OACH,GAAG,OAAO,KAAK,EAAE,MAAM,cAAc;EACnC,GAAG;EACH,YAAY;EACZ,WAAW;EACX,OAAO;GAAE,GAAG,KAAK;GAAO,SAAS,SAAS,IAAI;GAAG,eAAe;EAAgB;CAClF,EAAE,CACJ;AACF"}

package/dist/domains/knowledge/lib/useLeavingNodes.d.ts

@@ -0,0 +1 @@
+export * from '../../../src/domains/knowledge/lib/useLeavingNodes';

package/dist/domains/knowledge/lib/useLeavingNodes.es.js

@@ -0,0 +1,62 @@
+import { useEffect, useRef, useState } from "react";
+// src/domains/knowledge/lib/useLeavingNodes.ts
+/** How long a view change takes: nodes glide, resize and fade over this. */
+var KNOWLEDGE_GRAPH_TRANSITION_MS = 700;
+/** Whether the person has not asked the system to cut motion. Without `matchMedia` (a test DOM) nothing animates. */
+function prefersMotion() {
+	return typeof window !== "undefined" && !!window.matchMedia?.("(prefers-reduced-motion: no-preference)").matches;
+}
+/**
+* The nodes plus, for one transition after a view change, the nodes that just left: drawn where they were,
+* then faded out, so a page that is not in the next view fades instead of vanishing. With `enabled` false
+* (reduced motion) it returns the nodes untouched.
+*/
+function useLeavingNodes(nodes, enabled) {
+	const key = nodes.map((node) => node.id).join("\0");
+	const [previousKey, setPreviousKey] = useState(key);
+	const [ghosts, setGhosts] = useState([]);
+	const lastNodes = useRef(nodes);
+	useEffect(() => {
+		lastNodes.current = nodes;
+	});
+	if (previousKey !== key) {
+		setPreviousKey(key);
+		if (enabled) {
+			const present = new Set(nodes.map((node) => node.id));
+			const gone = lastNodes.current.filter((node) => !present.has(node.id));
+			setGhosts((current) => [...current.filter((ghost) => !present.has(ghost.node.id)), ...gone.filter((node) => !current.some((ghost) => ghost.node.id === node.id)).map((node) => ({
+				node,
+				fading: false
+			}))]);
+		}
+	}
+	const waiting = ghosts.some((ghost) => !ghost.fading);
+	const removal = useRef(void 0);
+	useEffect(() => {
+		if (!waiting) return;
+		const frame = requestAnimationFrame(() => {
+			setGhosts((current) => current.map((ghost) => ({
+				...ghost,
+				fading: true
+			})));
+			clearTimeout(removal.current);
+			removal.current = setTimeout(() => setGhosts((current) => current.filter((ghost) => !ghost.fading)), 750);
+		});
+		return () => cancelAnimationFrame(frame);
+	}, [waiting, ghosts.length]);
+	useEffect(() => () => clearTimeout(removal.current), []);
+	if (!enabled || ghosts.length === 0) return nodes;
+	return [...nodes, ...ghosts.map(({ node, fading }) => ({
+		...node,
+		selectable: false,
+		focusable: false,
+		style: {
+			...node.style,
+			opacity: fading ? 0 : 1,
+			pointerEvents: "none"
+		}
+	}))];
+}
+export { KNOWLEDGE_GRAPH_TRANSITION_MS, prefersMotion, useLeavingNodes };
+
+//# sourceMappingURL=useLeavingNodes.es.js.map

package/dist/domains/knowledge/lib/useLeavingNodes.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useLeavingNodes.es.js","names":[],"sources":["../../../../src/domains/knowledge/lib/useLeavingNodes.ts"],"sourcesContent":["import type { CSSProperties } from 'react';\nimport { useEffect, useRef, useState } from 'react';\n\n/** How long a view change takes: nodes glide, resize and fade over this. */\nexport const KNOWLEDGE_GRAPH_TRANSITION_MS = 700;\n\n/** Whether the person has not asked the system to cut motion. Without `matchMedia` (a test DOM) nothing animates. */\nexport function prefersMotion(): boolean {\n  return typeof window !== 'undefined' && !!window.matchMedia?.('(prefers-reduced-motion: no-preference)').matches;\n}\n\ninterface Ghost<N> {\n  node: N;\n  fading: boolean;\n}\n\n/**\n * The nodes plus, for one transition after a view change, the nodes that just left: drawn where they were,\n * then faded out, so a page that is not in the next view fades instead of vanishing. With `enabled` false\n * (reduced motion) it returns the nodes untouched.\n */\nexport function useLeavingNodes<N extends { id: string; style?: CSSProperties }>(nodes: N[], enabled: boolean): N[] {\n  // The nodes are rebuilt on many renders, so a change of view is a change in which pages are drawn.\n  const key = nodes.map(node => node.id).join('\\u0000');\n  const [previousKey, setPreviousKey] = useState(key);\n  const [ghosts, setGhosts] = useState<Ghost<N>[]>([]);\n  const lastNodes = useRef(nodes);\n  useEffect(() => {\n    lastNodes.current = nodes;\n  });\n  // Adjusting state while rendering (not in an effect) keeps the leaving node from unmounting for a frame.\n  if (previousKey !== key) {\n    setPreviousKey(key);\n    if (enabled) {\n      const present = new Set(nodes.map(node => node.id));\n      const gone = lastNodes.current.filter(node => !present.has(node.id));\n      setGhosts(current => [\n        ...current.filter(ghost => !present.has(ghost.node.id)),\n        ...gone\n          .filter(node => !current.some(ghost => ghost.node.id === node.id))\n          .map(node => ({ node, fading: false })),\n      ]);\n    }\n  }\n\n  const waiting = ghosts.some(ghost => !ghost.fading);\n  const removal = useRef<ReturnType<typeof setTimeout>>(undefined);\n  useEffect(() => {\n    if (!waiting) return;\n    // One frame at full opacity, then the fade; the ghosts go once it has run.\n    const frame = requestAnimationFrame(() => {\n      setGhosts(current => current.map(ghost => ({ ...ghost, fading: true })));\n      clearTimeout(removal.current);\n      removal.current = setTimeout(\n        () => setGhosts(current => current.filter(ghost => !ghost.fading)),\n        KNOWLEDGE_GRAPH_TRANSITION_MS + 50,\n      );\n    });\n    return () => cancelAnimationFrame(frame);\n  }, [waiting, ghosts.length]);\n  useEffect(() => () => clearTimeout(removal.current), []);\n\n  if (!enabled || ghosts.length === 0) return nodes;\n  return [\n    ...nodes,\n    ...ghosts.map(({ node, fading }) => ({\n      ...node,\n      selectable: false,\n      focusable: false,\n      style: { ...node.style, opacity: fading ? 0 : 1, pointerEvents: 'none' as const },\n    })),\n  ];\n}\n"],"mappings":";;;AAIA,IAAa,gCAAgC;;AAG7C,SAAgB,gBAAyB;CACvC,OAAO,OAAO,WAAW,eAAe,CAAC,CAAC,OAAO,aAAa,yCAAyC,CAAC,CAAC;AAC3G;;;;;;AAYA,SAAgB,gBAAiE,OAAY,SAAuB;CAElH,MAAM,MAAM,MAAM,KAAI,SAAQ,KAAK,EAAE,CAAC,CAAC,KAAK,IAAQ;CACpD,MAAM,CAAC,aAAa,kBAAkB,SAAS,GAAG;CAClD,MAAM,CAAC,QAAQ,aAAa,SAAqB,CAAC,CAAC;CACnD,MAAM,YAAY,OAAO,KAAK;CAC9B,gBAAgB;EACd,UAAU,UAAU;CACtB,CAAC;CAED,IAAI,gBAAgB,KAAK;EACvB,eAAe,GAAG;EAClB,IAAI,SAAS;GACX,MAAM,UAAU,IAAI,IAAI,MAAM,KAAI,SAAQ,KAAK,EAAE,CAAC;GAClD,MAAM,OAAO,UAAU,QAAQ,QAAO,SAAQ,CAAC,QAAQ,IAAI,KAAK,EAAE,CAAC;GACnE,WAAU,YAAW,CACnB,GAAG,QAAQ,QAAO,UAAS,CAAC,QAAQ,IAAI,MAAM,KAAK,EAAE,CAAC,GACtD,GAAG,KACA,QAAO,SAAQ,CAAC,QAAQ,MAAK,UAAS,MAAM,KAAK,OAAO,KAAK,EAAE,CAAC,CAAC,CACjE,KAAI,UAAS;IAAE;IAAM,QAAQ;GAAM,EAAE,CAC1C,CAAC;EACH;CACF;CAEA,MAAM,UAAU,OAAO,MAAK,UAAS,CAAC,MAAM,MAAM;CAClD,MAAM,UAAU,OAAsC,KAAA,CAAS;CAC/D,gBAAgB;EACd,IAAI,CAAC,SAAS;EAEd,MAAM,QAAQ,4BAA4B;GACxC,WAAU,YAAW,QAAQ,KAAI,WAAU;IAAE,GAAG;IAAO,QAAQ;GAAK,EAAE,CAAC;GACvE,aAAa,QAAQ,OAAO;GAC5B,QAAQ,UAAU,iBACV,WAAU,YAAW,QAAQ,QAAO,UAAS,CAAC,MAAM,MAAM,CAAC,GACjE,GACF;EACF,CAAC;EACD,aAAa,qBAAqB,KAAK;CACzC,GAAG,CAAC,SAAS,OAAO,MAAM,CAAC;CAC3B,sBAAsB,aAAa,QAAQ,OAAO,GAAG,CAAC,CAAC;CAEvD,IAAI,CAAC,WAAW,OAAO,WAAW,GAAG,OAAO;CAC5C,OAAO,CACL,GAAG,OACH,GAAG,OAAO,KAAK,EAAE,MAAM,cAAc;EACnC,GAAG;EACH,YAAY;EACZ,WAAW;EACX,OAAO;GAAE,GAAG,KAAK;GAAO,SAAS,SAAS,IAAI;GAAG,eAAe;EAAgB;CAClF,EAAE,CACJ;AACF"}

package/dist/domains/knowledge/lib/useStableWhile.cjs.js

@@ -0,0 +1,15 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+let react = require("react");
+// src/domains/knowledge/lib/useStableWhile.ts
+/**
+* The previous value for as long as `equal` says the new one is the same. Hosts hand back fresh arrays
+* every render (a list of query results, say); anything built from them would otherwise change every render.
+*/
+function useStableWhile(next, equal) {
+	const previous = (0, react.useRef)(next);
+	if (!equal(previous.current, next)) previous.current = next;
+	return previous.current;
+}
+exports.useStableWhile = useStableWhile;
+
+//# sourceMappingURL=useStableWhile.cjs.js.map

package/dist/domains/knowledge/lib/useStableWhile.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useStableWhile.cjs.js","names":["useRef"],"sources":["../../../../src/domains/knowledge/lib/useStableWhile.ts"],"sourcesContent":["import { useRef } from 'react';\n\n/**\n * The previous value for as long as `equal` says the new one is the same. Hosts hand back fresh arrays\n * every render (a list of query results, say); anything built from them would otherwise change every render.\n */\nexport function useStableWhile<T>(next: T, equal: (previous: T, next: T) => boolean): T {\n  const previous = useRef(next);\n  if (!equal(previous.current, next)) previous.current = next;\n  return previous.current;\n}\n"],"mappings":";;;;;;;AAMA,SAAgB,eAAkB,MAAS,OAA6C;CACtF,MAAM,YAAA,GAAWA,MAAAA,OAAAA,CAAO,IAAI;CAC5B,IAAI,CAAC,MAAM,SAAS,SAAS,IAAI,GAAG,SAAS,UAAU;CACvD,OAAO,SAAS;AAClB"}

package/dist/domains/knowledge/lib/useStableWhile.d.ts

@@ -0,0 +1 @@
+export * from '../../../src/domains/knowledge/lib/useStableWhile';

package/dist/domains/knowledge/lib/useStableWhile.es.js

@@ -0,0 +1,14 @@
+import { useRef } from "react";
+// src/domains/knowledge/lib/useStableWhile.ts
+/**
+* The previous value for as long as `equal` says the new one is the same. Hosts hand back fresh arrays
+* every render (a list of query results, say); anything built from them would otherwise change every render.
+*/
+function useStableWhile(next, equal) {
+	const previous = useRef(next);
+	if (!equal(previous.current, next)) previous.current = next;
+	return previous.current;
+}
+export { useStableWhile };
+
+//# sourceMappingURL=useStableWhile.es.js.map

package/dist/domains/knowledge/lib/useStableWhile.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useStableWhile.es.js","names":[],"sources":["../../../../src/domains/knowledge/lib/useStableWhile.ts"],"sourcesContent":["import { useRef } from 'react';\n\n/**\n * The previous value for as long as `equal` says the new one is the same. Hosts hand back fresh arrays\n * every render (a list of query results, say); anything built from them would otherwise change every render.\n */\nexport function useStableWhile<T>(next: T, equal: (previous: T, next: T) => boolean): T {\n  const previous = useRef(next);\n  if (!equal(previous.current, next)) previous.current = next;\n  return previous.current;\n}\n"],"mappings":";;;;;;AAMA,SAAgB,eAAkB,MAAS,OAA6C;CACtF,MAAM,WAAW,OAAO,IAAI;CAC5B,IAAI,CAAC,MAAM,SAAS,SAAS,IAAI,GAAG,SAAS,UAAU;CACvD,OAAO,SAAS;AAClB"}

package/dist/domains/logs/components/log-data-panel.cjs.js

@@ -4,7 +4,7 @@ const require_Button = require("../../../Button-DLcMcuUL.cjs");
 const require_Txt = require("../../../Txt-BnoSqxKE.cjs");
 const require_copy_button = require("../../../copy-button-DJAQ6_3o.cjs");
 const require_buttons_group = require("../../../buttons-group-Dc6R7YSs.cjs");
-const require_DataPanel = require("../../../DataPanel-BwB1Oifd.cjs");
+const require_DataPanel = require("../../../DataPanel-Coc9h35I.cjs");
 const require_DataKeysAndValues = require("../../../DataKeysAndValues-DsH6AbAo.cjs");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");

package/dist/domains/logs/components/log-data-panel.es.js

@@ -3,7 +3,7 @@ import { t as Button } from "../../../Button-CLXTbAY8.js";
 import { t as Txt } from "../../../Txt-BM6TVV_c.js";
 import { t as CopyButton } from "../../../copy-button-BXrbevLn.js";
 import { t as ButtonsGroup } from "../../../buttons-group-DkFlnMiL.js";
-import { t as DataPanel } from "../../../DataPanel-Bv4M17xO.js";
+import { t as DataPanel } from "../../../DataPanel-IgB9D5PO.js";
 import { t as DataKeysAndValues } from "../../../DataKeysAndValues-PwOmGxyp.js";
 import { Fragment } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";

package/dist/domains/logs/components/logs-saved-views.cjs.js

@@ -1,5 +1,5 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_observability_saved_views = require("../../../observability-saved-views-BAzxxoAr.cjs");
+const require_observability_saved_views = require("../../../observability-saved-views-Daizz4tU.cjs");
 let react_jsx_runtime = require("react/jsx-runtime");
 // src/domains/logs/components/logs-saved-views.tsx
 /** Saved views of the logs page, placed by the host next to `LogsToolbar`. Renders nothing without a `SavedViewsProvider`. */

package/dist/domains/logs/components/logs-saved-views.es.js

@@ -1,4 +1,4 @@
-import { t as ObservabilitySavedViews } from "../../../observability-saved-views-BBam8Fr5.js";
+import { t as ObservabilitySavedViews } from "../../../observability-saved-views-CjKTEp1V.js";
 import { jsx } from "react/jsx-runtime";
 // src/domains/logs/components/logs-saved-views.tsx
 /** Saved views of the logs page, placed by the host next to `LogsToolbar`. Renders nothing without a `SavedViewsProvider`. */

package/dist/domains/logs/components/logs-toolbar.cjs.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_utils = require("../../../utils-uDc1ofX1.cjs");
-const require_property_filter_applied = require("../../../property-filter-applied-BCeRLcXb.cjs");
+const require_property_filter_applied = require("../../../property-filter-applied-BkkIObRq.cjs");
 let react_jsx_runtime = require("react/jsx-runtime");
 // src/domains/logs/components/logs-toolbar.tsx
 function LogsToolbar({ onClear, onRemoveAll, onSave, onRemoveSaved, isLoading, filterFields, filterTokens, onFilterTokensChange, autoFocusFilterFieldId }) {

package/dist/domains/logs/components/logs-toolbar.es.js

@@ -1,5 +1,5 @@
 import { t as cn } from "../../../utils-DQx8TpNT.js";
-import { r as PropertyFilterActions, t as PropertyFilterApplied } from "../../../property-filter-applied-p3dTTDdb.js";
+import { r as PropertyFilterActions, t as PropertyFilterApplied } from "../../../property-filter-applied--U5EZdaA.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 // src/domains/logs/components/logs-toolbar.tsx
 function LogsToolbar({ onClear, onRemoveAll, onSave, onRemoveSaved, isLoading, filterFields, filterTokens, onFilterTokensChange, autoFocusFilterFieldId }) {

package/dist/domains/metrics/components/breakdown/breakdown-table.cjs.js

@@ -9,7 +9,7 @@ const require_domains_metrics_components_breakdown_breakdown_change_description
 const require_domains_metrics_components_breakdown_breakdown_figure = require("./breakdown-figure.cjs.js");
 const require_domains_metrics_components_breakdown_breakdown_text = require("./breakdown-text.cjs.js");
 const require_domains_metrics_hooks_use_metrics_scope = require("../../hooks/use-metrics-scope.cjs.js");
-const require_MetricsTable = require("../../../../MetricsTable-D-aZf3dk.cjs");
+const require_MetricsTable = require("../../../../MetricsTable-BSl81oNe.cjs");
 const require_domains_metrics_components_breakdown_breakdown_change_cell = require("./breakdown-change-cell.cjs.js");
 const require_domains_metrics_components_breakdown_breakdown_cost_cell = require("./breakdown-cost-cell.cjs.js");
 const require_domains_metrics_components_breakdown_breakdown_frame = require("./breakdown-frame.cjs.js");
@@ -17,7 +17,7 @@ const require_domains_metrics_components_breakdown_breakdown_row_name = require(
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 // src/domains/metrics/components/breakdown/breakdown-table.tsx
-var PAGE_SIZE = 13;
+var PAGE_SIZE = 10;
 /** Busiest first; where a third click on a column's header returns to. */
 var DEFAULT_SORT = {
 	column: "count",

package/dist/domains/metrics/components/breakdown/breakdown-table.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"breakdown-table.cjs.js","names":["useMetricsScope","useState","isChangeMetric","BreakdownFrame","ChartCardError","hasErrors","showsProject","buildBreakdownRows","threadResources","previousFigures","tableRows","volumeLabel","rowChange","BreakdownRowName","BreakdownText","BreakdownFigure","formatPercent","formatDuration","formatCount","BreakdownCostCell","countDescription","BreakdownChangeDescription","comparedLabel","BreakdownChangeCell","ChartArea","MetricsTable","drilldownFor","Txt"],"sources":["../../../../../src/domains/metrics/components/breakdown/breakdown-table.tsx"],"sourcesContent":["import type { AggregateTracesResponse } from '@mastra/client-js';\nimport type { UseQueryResult } from '@tanstack/react-query';\nimport { useState } from 'react';\nimport { useMetricsScope } from '../../hooks/use-metrics-scope';\nimport type { useMetricsUsageTotals } from '../../hooks/use-metrics-usage-totals';\nimport { buildBreakdownRows, hasErrors, previousFigures, rowChange, threadResources } from '../../lib/breakdown';\nimport type { BreakdownRow, BreakdownTab, ChangeMetric } from '../../lib/breakdown';\nimport {\n  DASH,\n  comparedLabel,\n  countDescription,\n  drilldownFor,\n  isChangeMetric,\n  showsProject,\n  tableRows,\n  volumeLabel,\n} from '../../lib/breakdown-table';\nimport { formatCount, formatDuration, formatPercent } from '../../lib/chart-format';\nimport { ChartArea } from '../chart-area';\nimport { ChartCardError } from '../chart-card-error';\nimport { BreakdownChangeCell } from './breakdown-change-cell';\nimport { BreakdownChangeDescription } from './breakdown-change-description';\nimport { BreakdownCostCell } from './breakdown-cost-cell';\nimport { BreakdownFigure } from './breakdown-figure';\nimport { BreakdownFrame } from './breakdown-frame';\nimport type { BreakdownFrameProps } from './breakdown-frame';\nimport { BreakdownRowName } from './breakdown-row-name';\nimport { BreakdownText } from './breakdown-text';\nimport { MetricsTable } from '@/ds/components/MetricsTable';\nimport type { MetricsTableColumn, MetricsTableSort } from '@/ds/components/MetricsTable';\nimport { Txt } from '@/ds/components/Txt';\n\ntype UsageTotals = ReturnType<typeof useMetricsUsageTotals>;\n\nconst PAGE_SIZE = 13;\n\n/** Busiest first; where a third click on a column's header returns to. */\nconst DEFAULT_SORT: MetricsTableSort = { column: 'count', direction: 'desc' };\n\n/** The first column's header: what each row is. */\nconst NAME_HEADER: Record<BreakdownTab, string> = {\n  projects: 'Project',\n  agents: 'Agent',\n  workflows: 'Workflow',\n  tools: 'Tool',\n  models: 'Model',\n  threads: 'Thread',\n  environments: 'Environment',\n};\n\nconst EMPTY: Record<BreakdownTab, string> = {\n  projects: 'No traces in this range.',\n  agents: 'No agent runs in this range.',\n  workflows: 'No workflow runs in this range.',\n  tools: 'No tool calls in this range.',\n  models: 'No model usage in this range.',\n  threads: 'No traces with a thread in this range.',\n  environments: 'No traces in this range.',\n};\n\nexport type BreakdownTableProps = BreakdownFrameProps & {\n  tab: BreakdownTab;\n  groupBy: string[];\n  window: { start: Date; end: Date };\n  aggregate?: UseQueryResult<AggregateTracesResponse>;\n  /** Tokens and cost per row. */\n  totals?: UsageTotals;\n  /** Model spans per row (Models tab). */\n  spans?: UsageTotals;\n  /** Rows naming each thread's resource (Threads tab). */\n  resources?: UseQueryResult<AggregateTracesResponse>;\n  previousAggregate?: UseQueryResult<AggregateTracesResponse>;\n  previousUsage?: UsageTotals;\n  previousSpans?: UsageTotals;\n  /** The server's row cap, named when it truncates. */\n  limit: number;\n};\n\n/** One tab's sortable table, with % Change against the previous window. */\nexport function BreakdownTable({\n  tab,\n  groupBy,\n  window,\n  aggregate,\n  totals,\n  spans,\n  resources,\n  previousAggregate,\n  previousUsage,\n  previousSpans,\n  limit,\n  ...frame\n}: BreakdownTableProps) {\n  const scope = useMetricsScope();\n  const [sort, setSort] = useState<MetricsTableSort>(DEFAULT_SORT);\n  const [metric, setMetric] = useState<ChangeMetric>('count');\n  const onSortChange = (next = DEFAULT_SORT) => {\n    setSort(next);\n    if (isChangeMetric(next.column)) setMetric(next.column);\n  };\n\n  const current = [aggregate, totals, spans].filter(q => q !== undefined);\n  if (current.some(q => q.isError)) {\n    return (\n      <BreakdownFrame {...frame} tab={tab}>\n        <ChartCardError onRetry={() => current.forEach(q => q.isError && void q.refetch())} />\n      </BreakdownFrame>\n    );\n  }\n\n  const isLoading = current.some(q => q.isLoading);\n  const errors = hasErrors(tab);\n  const usage = totals !== undefined;\n  const project = showsProject(tab, frame.byProject);\n  const truncated = aggregate?.data?.truncated === true;\n  const built = isLoading\n    ? []\n    : buildBreakdownRows({\n        tab,\n        groupBy,\n        aggregateRows: aggregate?.data?.rows,\n        usageGroups: totals?.data?.groups,\n        spanGroups: spans?.data?.groups,\n        // The resource is a nicety: the table doesn't wait for it, and shows a dash without it.\n        resources: resources?.data ? threadResources(resources.data.rows) : undefined,\n      });\n  // The previous window never holds the table up: until it answers, or if it fails, Change shows a dash.\n  const previousSettled = [previousAggregate, previousUsage, previousSpans].every(\n    q => !q || (!q.isLoading && !q.isError),\n  );\n  const previous =\n    previousSettled && !isLoading\n      ? previousFigures({\n          tab,\n          groupBy,\n          aggregateRows: previousAggregate?.data?.rows,\n          usageGroups: previousUsage?.data?.groups,\n          spanGroups: previousSpans?.data?.groups,\n        })\n      : undefined;\n  const rows = tableRows({ tab, built, previous, truncated, groupBy, usage });\n  const volume = volumeLabel(tab);\n\n  const changeOf = (row: BreakdownRow) => (previous ? rowChange(row, previous.get(row.key), metric) : undefined);\n  const projectName = (row: BreakdownRow) => {\n    if (!row.projectId) return DASH;\n    return scope.projectLabel?.(row.projectId) ?? row.projectId;\n  };\n\n  const nameColumn: MetricsTableColumn<BreakdownRow> = {\n    id: 'name',\n    header: NAME_HEADER[tab],\n    width: 'minmax(12rem,3fr)',\n    cell: row => <BreakdownRowName tab={tab} row={row} />,\n  };\n  const projectColumn: MetricsTableColumn<BreakdownRow> = {\n    id: 'project',\n    header: 'Project',\n    width: 'minmax(8rem,2fr)',\n    cell: row => <BreakdownText text={projectName(row)} />,\n  };\n  const resourceColumn: MetricsTableColumn<BreakdownRow> = {\n    id: 'resource',\n    header: 'Resource',\n    width: 'minmax(6rem,1fr)',\n    cell: row => <BreakdownText text={row.resource ?? DASH} />,\n  };\n  const errorColumns: MetricsTableColumn<BreakdownRow>[] = [\n    {\n      id: 'errorRate',\n      header: 'Errors',\n      align: 'end',\n      sortValue: row => row.errorRate,\n      cell: row => (\n        <BreakdownFigure muted>{row.errorRate === undefined ? DASH : formatPercent(row.errorRate)}</BreakdownFigure>\n      ),\n    },\n    {\n      id: 'p95',\n      header: 'P95 latency',\n      align: 'end',\n      sortValue: row => row.p95,\n      cell: row => <BreakdownFigure muted>{row.p95 === undefined ? DASH : formatDuration(row.p95)}</BreakdownFigure>,\n    },\n  ];\n  const usageColumns: MetricsTableColumn<BreakdownRow>[] = [\n    {\n      id: 'tokens',\n      header: 'Tokens',\n      align: 'end',\n      sortValue: row => row.tokens,\n      cell: row => <BreakdownFigure muted>{row.tokens === undefined ? DASH : formatCount(row.tokens)}</BreakdownFigure>,\n    },\n    {\n      id: 'cost',\n      header: 'Cost',\n      align: 'end',\n      sortValue: row => row.cost,\n      cell: row => (\n        <BreakdownFigure muted>\n          <BreakdownCostCell row={row} />\n        </BreakdownFigure>\n      ),\n    },\n  ];\n  const countColumn: MetricsTableColumn<BreakdownRow> = {\n    id: 'count',\n    header: volume,\n    align: 'end',\n    description: countDescription(tab),\n    sortValue: row => row.count,\n    cell: row => <BreakdownFigure>{formatCount(row.count)}</BreakdownFigure>,\n  };\n  const changeColumn: MetricsTableColumn<BreakdownRow> = {\n    id: 'change',\n    header: '% Change',\n    align: 'end',\n    description: <BreakdownChangeDescription window={window} label={comparedLabel(tab, metric)} />,\n    // Sorted by the change shown: biggest rise first, biggest fall first the other way. New rows\n    // have no change to rank, so they sort last.\n    sortValue: row => changeOf(row)?.change,\n    cell: row => (\n      <BreakdownFigure>\n        <BreakdownChangeCell change={changeOf(row)} metric={metric} />\n      </BreakdownFigure>\n    ),\n  };\n  const columns = [\n    nameColumn,\n    ...(project ? [projectColumn] : []),\n    ...(tab === 'threads' ? [resourceColumn] : []),\n    ...(errors ? errorColumns : []),\n    ...(usage ? usageColumns : []),\n    countColumn,\n    changeColumn,\n  ];\n\n  return (\n    <BreakdownFrame {...frame} tab={tab} isUpdating={aggregate?.isPlaceholderData}>\n      <ChartArea>\n        <MetricsTable\n          key={tab}\n          aria-label={`${NAME_HEADER[tab]} breakdown`}\n          columns={columns}\n          rows={rows}\n          getRowKey={row => row.key}\n          sort={sort}\n          defaultSort={DEFAULT_SORT}\n          onSortChange={onSortChange}\n          onRowClick={frame.onRowClick && (row => frame.onRowClick?.(drilldownFor(tab, row)))}\n          pageSize={PAGE_SIZE}\n          isLoading={isLoading}\n          empty={EMPTY[tab]}\n        />\n        {!isLoading && truncated && (\n          <Txt variant=\"caption\" tone=\"muted\" className=\"pt-2\">\n            Showing the {formatCount(limit)} busiest; sorting covers only these.\n          </Txt>\n        )}\n      </ChartArea>\n    </BreakdownFrame>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"breakdown-table.cjs.js","names":["useMetricsScope","useState","isChangeMetric","BreakdownFrame","ChartCardError","hasErrors","showsProject","buildBreakdownRows","threadResources","previousFigures","tableRows","volumeLabel","rowChange","BreakdownRowName","BreakdownText","BreakdownFigure","formatPercent","formatDuration","formatCount","BreakdownCostCell","countDescription","BreakdownChangeDescription","comparedLabel","BreakdownChangeCell","ChartArea","MetricsTable","drilldownFor","Txt"],"sources":["../../../../../src/domains/metrics/components/breakdown/breakdown-table.tsx"],"sourcesContent":["import type { AggregateTracesResponse } from '@mastra/client-js';\nimport type { UseQueryResult } from '@tanstack/react-query';\nimport { useState } from 'react';\nimport { useMetricsScope } from '../../hooks/use-metrics-scope';\nimport type { useMetricsUsageTotals } from '../../hooks/use-metrics-usage-totals';\nimport { buildBreakdownRows, hasErrors, previousFigures, rowChange, threadResources } from '../../lib/breakdown';\nimport type { BreakdownRow, BreakdownTab, ChangeMetric } from '../../lib/breakdown';\nimport {\n  DASH,\n  comparedLabel,\n  countDescription,\n  drilldownFor,\n  isChangeMetric,\n  showsProject,\n  tableRows,\n  volumeLabel,\n} from '../../lib/breakdown-table';\nimport { formatCount, formatDuration, formatPercent } from '../../lib/chart-format';\nimport { ChartArea } from '../chart-area';\nimport { ChartCardError } from '../chart-card-error';\nimport { BreakdownChangeCell } from './breakdown-change-cell';\nimport { BreakdownChangeDescription } from './breakdown-change-description';\nimport { BreakdownCostCell } from './breakdown-cost-cell';\nimport { BreakdownFigure } from './breakdown-figure';\nimport { BreakdownFrame } from './breakdown-frame';\nimport type { BreakdownFrameProps } from './breakdown-frame';\nimport { BreakdownRowName } from './breakdown-row-name';\nimport { BreakdownText } from './breakdown-text';\nimport { MetricsTable } from '@/ds/components/MetricsTable';\nimport type { MetricsTableColumn, MetricsTableSort } from '@/ds/components/MetricsTable';\nimport { Txt } from '@/ds/components/Txt';\n\ntype UsageTotals = ReturnType<typeof useMetricsUsageTotals>;\n\nconst PAGE_SIZE = 10;\n\n/** Busiest first; where a third click on a column's header returns to. */\nconst DEFAULT_SORT: MetricsTableSort = { column: 'count', direction: 'desc' };\n\n/** The first column's header: what each row is. */\nconst NAME_HEADER: Record<BreakdownTab, string> = {\n  projects: 'Project',\n  agents: 'Agent',\n  workflows: 'Workflow',\n  tools: 'Tool',\n  models: 'Model',\n  threads: 'Thread',\n  environments: 'Environment',\n};\n\nconst EMPTY: Record<BreakdownTab, string> = {\n  projects: 'No traces in this range.',\n  agents: 'No agent runs in this range.',\n  workflows: 'No workflow runs in this range.',\n  tools: 'No tool calls in this range.',\n  models: 'No model usage in this range.',\n  threads: 'No traces with a thread in this range.',\n  environments: 'No traces in this range.',\n};\n\nexport type BreakdownTableProps = BreakdownFrameProps & {\n  tab: BreakdownTab;\n  groupBy: string[];\n  window: { start: Date; end: Date };\n  aggregate?: UseQueryResult<AggregateTracesResponse>;\n  /** Tokens and cost per row. */\n  totals?: UsageTotals;\n  /** Model spans per row (Models tab). */\n  spans?: UsageTotals;\n  /** Rows naming each thread's resource (Threads tab). */\n  resources?: UseQueryResult<AggregateTracesResponse>;\n  previousAggregate?: UseQueryResult<AggregateTracesResponse>;\n  previousUsage?: UsageTotals;\n  previousSpans?: UsageTotals;\n  /** The server's row cap, named when it truncates. */\n  limit: number;\n};\n\n/** One tab's sortable table, with % Change against the previous window. */\nexport function BreakdownTable({\n  tab,\n  groupBy,\n  window,\n  aggregate,\n  totals,\n  spans,\n  resources,\n  previousAggregate,\n  previousUsage,\n  previousSpans,\n  limit,\n  ...frame\n}: BreakdownTableProps) {\n  const scope = useMetricsScope();\n  const [sort, setSort] = useState<MetricsTableSort>(DEFAULT_SORT);\n  const [metric, setMetric] = useState<ChangeMetric>('count');\n  const onSortChange = (next = DEFAULT_SORT) => {\n    setSort(next);\n    if (isChangeMetric(next.column)) setMetric(next.column);\n  };\n\n  const current = [aggregate, totals, spans].filter(q => q !== undefined);\n  if (current.some(q => q.isError)) {\n    return (\n      <BreakdownFrame {...frame} tab={tab}>\n        <ChartCardError onRetry={() => current.forEach(q => q.isError && void q.refetch())} />\n      </BreakdownFrame>\n    );\n  }\n\n  const isLoading = current.some(q => q.isLoading);\n  const errors = hasErrors(tab);\n  const usage = totals !== undefined;\n  const project = showsProject(tab, frame.byProject);\n  const truncated = aggregate?.data?.truncated === true;\n  const built = isLoading\n    ? []\n    : buildBreakdownRows({\n        tab,\n        groupBy,\n        aggregateRows: aggregate?.data?.rows,\n        usageGroups: totals?.data?.groups,\n        spanGroups: spans?.data?.groups,\n        // The resource is a nicety: the table doesn't wait for it, and shows a dash without it.\n        resources: resources?.data ? threadResources(resources.data.rows) : undefined,\n      });\n  // The previous window never holds the table up: until it answers, or if it fails, Change shows a dash.\n  const previousSettled = [previousAggregate, previousUsage, previousSpans].every(\n    q => !q || (!q.isLoading && !q.isError),\n  );\n  const previous =\n    previousSettled && !isLoading\n      ? previousFigures({\n          tab,\n          groupBy,\n          aggregateRows: previousAggregate?.data?.rows,\n          usageGroups: previousUsage?.data?.groups,\n          spanGroups: previousSpans?.data?.groups,\n        })\n      : undefined;\n  const rows = tableRows({ tab, built, previous, truncated, groupBy, usage });\n  const volume = volumeLabel(tab);\n\n  const changeOf = (row: BreakdownRow) => (previous ? rowChange(row, previous.get(row.key), metric) : undefined);\n  const projectName = (row: BreakdownRow) => {\n    if (!row.projectId) return DASH;\n    return scope.projectLabel?.(row.projectId) ?? row.projectId;\n  };\n\n  const nameColumn: MetricsTableColumn<BreakdownRow> = {\n    id: 'name',\n    header: NAME_HEADER[tab],\n    width: 'minmax(12rem,3fr)',\n    cell: row => <BreakdownRowName tab={tab} row={row} />,\n  };\n  const projectColumn: MetricsTableColumn<BreakdownRow> = {\n    id: 'project',\n    header: 'Project',\n    width: 'minmax(8rem,2fr)',\n    cell: row => <BreakdownText text={projectName(row)} />,\n  };\n  const resourceColumn: MetricsTableColumn<BreakdownRow> = {\n    id: 'resource',\n    header: 'Resource',\n    width: 'minmax(6rem,1fr)',\n    cell: row => <BreakdownText text={row.resource ?? DASH} />,\n  };\n  const errorColumns: MetricsTableColumn<BreakdownRow>[] = [\n    {\n      id: 'errorRate',\n      header: 'Errors',\n      align: 'end',\n      sortValue: row => row.errorRate,\n      cell: row => (\n        <BreakdownFigure muted>{row.errorRate === undefined ? DASH : formatPercent(row.errorRate)}</BreakdownFigure>\n      ),\n    },\n    {\n      id: 'p95',\n      header: 'P95 latency',\n      align: 'end',\n      sortValue: row => row.p95,\n      cell: row => <BreakdownFigure muted>{row.p95 === undefined ? DASH : formatDuration(row.p95)}</BreakdownFigure>,\n    },\n  ];\n  const usageColumns: MetricsTableColumn<BreakdownRow>[] = [\n    {\n      id: 'tokens',\n      header: 'Tokens',\n      align: 'end',\n      sortValue: row => row.tokens,\n      cell: row => <BreakdownFigure muted>{row.tokens === undefined ? DASH : formatCount(row.tokens)}</BreakdownFigure>,\n    },\n    {\n      id: 'cost',\n      header: 'Cost',\n      align: 'end',\n      sortValue: row => row.cost,\n      cell: row => (\n        <BreakdownFigure muted>\n          <BreakdownCostCell row={row} />\n        </BreakdownFigure>\n      ),\n    },\n  ];\n  const countColumn: MetricsTableColumn<BreakdownRow> = {\n    id: 'count',\n    header: volume,\n    align: 'end',\n    description: countDescription(tab),\n    sortValue: row => row.count,\n    cell: row => <BreakdownFigure>{formatCount(row.count)}</BreakdownFigure>,\n  };\n  const changeColumn: MetricsTableColumn<BreakdownRow> = {\n    id: 'change',\n    header: '% Change',\n    align: 'end',\n    description: <BreakdownChangeDescription window={window} label={comparedLabel(tab, metric)} />,\n    // Sorted by the change shown: biggest rise first, biggest fall first the other way. New rows\n    // have no change to rank, so they sort last.\n    sortValue: row => changeOf(row)?.change,\n    cell: row => (\n      <BreakdownFigure>\n        <BreakdownChangeCell change={changeOf(row)} metric={metric} />\n      </BreakdownFigure>\n    ),\n  };\n  const columns = [\n    nameColumn,\n    ...(project ? [projectColumn] : []),\n    ...(tab === 'threads' ? [resourceColumn] : []),\n    ...(errors ? errorColumns : []),\n    ...(usage ? usageColumns : []),\n    countColumn,\n    changeColumn,\n  ];\n\n  return (\n    <BreakdownFrame {...frame} tab={tab} isUpdating={aggregate?.isPlaceholderData}>\n      <ChartArea>\n        <MetricsTable\n          key={tab}\n          aria-label={`${NAME_HEADER[tab]} breakdown`}\n          columns={columns}\n          rows={rows}\n          getRowKey={row => row.key}\n          sort={sort}\n          defaultSort={DEFAULT_SORT}\n          onSortChange={onSortChange}\n          onRowClick={frame.onRowClick && (row => frame.onRowClick?.(drilldownFor(tab, row)))}\n          pageSize={PAGE_SIZE}\n          isLoading={isLoading}\n          empty={EMPTY[tab]}\n        />\n        {!isLoading && truncated && (\n          <Txt variant=\"caption\" tone=\"muted\" className=\"pt-2\">\n            Showing the {formatCount(limit)} busiest; sorting covers only these.\n          </Txt>\n        )}\n      </ChartArea>\n    </BreakdownFrame>\n  );\n}\n"],"mappings":"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"}