@mastra/playground-ui 68.0.0-alpha.2 → 68.0.0

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/metrics/components/agent-runs-card.cjs.js

@@ -2,14 +2,14 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_domains_metrics_lib_chart_format = require("../lib/chart-format.cjs.js");
 const require_domains_metrics_hooks_use_metrics_filters = require("../hooks/use-metrics-filters.cjs.js");
 const require_domains_metrics_lib_metrics_buckets = require("../lib/metrics-buckets.cjs.js");
-const require_MetricsCard = require("../../../MetricsCard-CEB-f2sv.cjs");
+const require_MetricsCard = require("../../../MetricsCard-BEwiS7Pe.cjs");
 const require_domains_metrics_components_chart_area = require("./chart-area.cjs.js");
 const require_domains_metrics_components_chart_card = require("./chart-card.cjs.js");
 const require_domains_metrics_components_chart_card_error = require("./chart-card-error.cjs.js");
 const require_domains_metrics_lib_chart_axis = require("../lib/chart-axis.cjs.js");
 const require_domains_metrics_lib_chart_colors = require("../lib/chart-colors.cjs.js");
-const require_MetricsLineChart = require("../../../MetricsLineChart-CjBm4IXu.cjs");
-const require_MetricsStackedBarChart = require("../../../MetricsStackedBarChart-BdMlKv6G.cjs");
+const require_MetricsLineChart = require("../../../MetricsLineChart-tZxsauau.cjs");
+const require_MetricsStackedBarChart = require("../../../MetricsStackedBarChart-CDLE76IB.cjs");
 const require_domains_metrics_hooks_use_metrics_activity = require("../hooks/use-metrics-activity.cjs.js");
 const require_domains_metrics_components_failure_rate_card = require("./failure-rate-card.cjs.js");
 let react = require("react");

package/dist/domains/metrics/components/agent-runs-card.es.js

@@ -1,14 +1,14 @@
 import { formatCount } from "../lib/chart-format.es.js";
 import { useMetricsFilters } from "../hooks/use-metrics-filters.es.js";
 import { bucketPlan, bucketWindow } from "../lib/metrics-buckets.es.js";
-import { t as MetricsCard } from "../../../MetricsCard-M8awJ2B_.js";
+import { t as MetricsCard } from "../../../MetricsCard-ua6C6b8a.js";
 import { ChartArea } from "./chart-area.es.js";
 import { ChartCard } from "./chart-card.es.js";
 import { ChartCardError } from "./chart-card-error.es.js";
 import { EDGE_BUCKET_AXIS } from "../lib/chart-axis.es.js";
 import { CHART_COLORS } from "../lib/chart-colors.es.js";
-import { r as MetricsLineChartLegend } from "../../../MetricsLineChart-BhHoduO0.js";
-import { t as MetricsStackedBarChart } from "../../../MetricsStackedBarChart-BRuA6MTE.js";
+import { r as MetricsLineChartLegend } from "../../../MetricsLineChart-4SwxBbQx.js";
+import { t as MetricsStackedBarChart } from "../../../MetricsStackedBarChart-D2QyS4-z.js";
 import { useMetricsActivity } from "../hooks/use-metrics-activity.es.js";
 import { FailureRateCard } from "./failure-rate-card.es.js";
 import { useState } from "react";

package/dist/domains/metrics/components/breakdown/breakdown-tab-body.cjs.js

@@ -1,5 +1,5 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_MetricsCard = require("../../../../MetricsCard-CEB-f2sv.cjs");
+const require_MetricsCard = require("../../../../MetricsCard-BEwiS7Pe.cjs");
 const require_domains_metrics_lib_breakdown = require("../../lib/breakdown.cjs.js");
 const require_domains_metrics_components_breakdown_breakdown_frame = require("./breakdown-frame.cjs.js");
 const require_domains_metrics_components_breakdown_breakdown_entity_tab = require("./breakdown-entity-tab.cjs.js");

package/dist/domains/metrics/components/breakdown/breakdown-tab-body.es.js

@@ -1,4 +1,4 @@
-import { t as MetricsCard } from "../../../../MetricsCard-M8awJ2B_.js";
+import { t as MetricsCard } from "../../../../MetricsCard-ua6C6b8a.js";
 import { isEntityTab } from "../../lib/breakdown.es.js";
 import { BreakdownFrame } from "./breakdown-frame.es.js";
 import { BreakdownEntityTab } from "./breakdown-entity-tab.es.js";

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

@@ -1,7 +1,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_domains_metrics_hooks_use_metrics_span_aggregate = require("../hooks/use-metrics-span-aggregate.cjs.js");
 const require_domains_metrics_hooks_use_metrics_trace_aggregate = require("../hooks/use-metrics-trace-aggregate.cjs.js");
-const require_MetricsCard = require("../../../MetricsCard-CEB-f2sv.cjs");
+const require_MetricsCard = require("../../../MetricsCard-BEwiS7Pe.cjs");
 const require_domains_metrics_components_chart_card = require("./chart-card.cjs.js");
 const require_domains_metrics_hooks_use_metrics_scope = require("../hooks/use-metrics-scope.cjs.js");
 const require_domains_metrics_components_breakdown_breakdown_frame = require("./breakdown/breakdown-frame.cjs.js");

package/dist/domains/metrics/components/breakdown-card.es.js

@@ -1,6 +1,6 @@
 import { useSpanAggregateGate } from "../hooks/use-metrics-span-aggregate.es.js";
 import { useTraceAggregateGate } from "../hooks/use-metrics-trace-aggregate.es.js";
-import { t as MetricsCard } from "../../../MetricsCard-M8awJ2B_.js";
+import { t as MetricsCard } from "../../../MetricsCard-ua6C6b8a.js";
 import { ChartCard } from "./chart-card.es.js";
 import { useMetricsScope } from "../hooks/use-metrics-scope.es.js";
 import { BREAKDOWN_TITLE } from "./breakdown/breakdown-frame.es.js";

package/dist/domains/metrics/components/chart-area.cjs.js

@@ -1,5 +1,5 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_MetricsCard = require("../../../MetricsCard-CEB-f2sv.cjs");
+const require_MetricsCard = require("../../../MetricsCard-BEwiS7Pe.cjs");
 let react_jsx_runtime = require("react/jsx-runtime");
 // src/domains/metrics/components/chart-area.tsx
 /** A card's chart or list, filling the card body; an empty range shows a message over it. */

package/dist/domains/metrics/components/chart-area.es.js

@@ -1,4 +1,4 @@
-import { t as MetricsCard } from "../../../MetricsCard-M8awJ2B_.js";
+import { t as MetricsCard } from "../../../MetricsCard-ua6C6b8a.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 // src/domains/metrics/components/chart-area.tsx
 /** A card's chart or list, filling the card body; an empty range shows a message over it. */

package/dist/domains/metrics/components/chart-card-error.cjs.js

@@ -2,7 +2,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_Button = require("../../../Button-DLcMcuUL.cjs");
 const require_domains_auth_components_permission_denied = require("../../auth/components/permission-denied.cjs.js");
 const require_domains_auth_components_session_expired = require("../../auth/components/session-expired.cjs.js");
-const require_MetricsCard = require("../../../MetricsCard-CEB-f2sv.cjs");
+const require_MetricsCard = require("../../../MetricsCard-BEwiS7Pe.cjs");
 let react_jsx_runtime = require("react/jsx-runtime");
 let _mastra_react_hooks_query = require("@mastra/react/hooks/query");
 let lucide_react = require("lucide-react");

package/dist/domains/metrics/components/chart-card-error.es.js

@@ -1,7 +1,7 @@
 import { t as Button } from "../../../Button-CLXTbAY8.js";
 import { PermissionDenied } from "../../auth/components/permission-denied.es.js";
 import { SessionExpired } from "../../auth/components/session-expired.es.js";
-import { t as MetricsCard } from "../../../MetricsCard-M8awJ2B_.js";
+import { t as MetricsCard } from "../../../MetricsCard-ua6C6b8a.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { is401UnauthorizedError, is403ForbiddenError } from "@mastra/react/hooks/query";
 import { RotateCcwIcon } from "lucide-react";

package/dist/domains/metrics/components/chart-card.cjs.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_utils = require("../../../utils-uDc1ofX1.cjs");
-const require_MetricsCard = require("../../../MetricsCard-CEB-f2sv.cjs");
+const require_MetricsCard = require("../../../MetricsCard-BEwiS7Pe.cjs");
 let react_jsx_runtime = require("react/jsx-runtime");
 let lucide_react = require("lucide-react");
 // src/domains/metrics/components/chart-card.tsx

package/dist/domains/metrics/components/chart-card.es.js

@@ -1,5 +1,5 @@
 import { t as cn } from "../../../utils-DQx8TpNT.js";
-import { t as MetricsCard } from "../../../MetricsCard-M8awJ2B_.js";
+import { t as MetricsCard } from "../../../MetricsCard-ua6C6b8a.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Maximize2Icon } from "lucide-react";
 // src/domains/metrics/components/chart-card.tsx

package/dist/domains/metrics/components/date-range-selector.cjs.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_domains_metrics_hooks_use_metrics = require("../hooks/use-metrics.cjs.js");
-const require_date_time_range_picker = require("../../../date-time-range-picker-CTt7Od0P.cjs");
+const require_date_time_range_picker = require("../../../date-time-range-picker-CWGjoR3j.cjs");
 const require_domains_metrics_metrics_date_presets = require("../metrics-date-presets.cjs.js");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");

package/dist/domains/metrics/components/date-range-selector.es.js

@@ -1,5 +1,5 @@
 import { useMetrics } from "../hooks/use-metrics.es.js";
-import { t as DateTimeRangePicker } from "../../../date-time-range-picker-DKh1K9Iy.js";
+import { t as DateTimeRangePicker } from "../../../date-time-range-picker-CdSiXwB4.js";
 import { METRICS_PICKER_PRESETS, fromPickerPreset, toPickerPreset } from "../metrics-date-presets.es.js";
 import { useRef } from "react";
 import { jsx } from "react/jsx-runtime";