@mastra/playground-ui 67.0.0 → 68.0.0-alpha.0

package/dist/domains/knowledge/components/KnowledgePageExplorer.es.js

@@ -0,0 +1,520 @@
+import { t as Txt } from "../../../Txt-BM6TVV_c.js";
+import { n as EmptyState } from "../../../EmptyState-P-Gy898T.js";
+import { useIsMobile } from "../../../hooks/use-is-mobile.es.js";
+import { KnowledgeNoteItem, KnowledgePageDetail } from "./KnowledgePageDetail.es.js";
+import { mentionPopupPlacement } from "../lib/popupPlacement.es.js";
+import { KnowledgePageGraph } from "./KnowledgePageGraph.es.js";
+import { KnowledgePageTree } from "./KnowledgePageTree.es.js";
+import { useCallback, useEffect, useMemo, useState } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { X } from "lucide-react";
+// src/domains/knowledge/components/KnowledgePageExplorer.tsx
+var MIN_SEARCH_LENGTH = 2;
+var noTreeLevels = () => [];
+var noActivity = () => ({
+	isPending: false,
+	isError: false,
+	error: null
+});
+function isNotFound(error) {
+	return !!error && typeof error === "object" && "status" in error && error.status === 404;
+}
+function withPages(base, pages) {
+	if (pages.length === 0) return base;
+	const merged = new Map(base);
+	for (const page of pages) merged.set(page.id, page);
+	return merged;
+}
+/** `pages` narrowed to `scopeId` and everything below it, following parent links among the given pages. */
+function withinScope(pages, scopeId) {
+	if (!scopeId) return pages;
+	const byId = new Map(pages.map((page) => [page.id, page]));
+	const inside = /* @__PURE__ */ new Map([[scopeId, true]]);
+	const isInside = (page) => {
+		const known = inside.get(page.id);
+		if (known !== void 0) return known;
+		const parent = page.parentId ? byId.get(page.parentId) : void 0;
+		inside.set(page.id, false);
+		const result = !!parent && parent.id !== page.id && isInside(parent);
+		inside.set(page.id, result);
+		return result;
+	};
+	return pages.filter(isInside);
+}
+function MoreButton({ onClick, label = "Load more" }) {
+	return /* @__PURE__ */ jsx("button", {
+		type: "button",
+		className: "self-start text-caption text-muted-foreground hover:text-foreground",
+		onClick,
+		children: label
+	});
+}
+/** The next page of a page's notes, then a button for the one after. */
+function MoreNotes({ source, pageId, cursor, pagesById, onPageClick }) {
+	const chunk = source.usePage(pageId, cursor);
+	const [showNext, setShowNext] = useState(false);
+	const known = useMemo(() => withPages(pagesById, chunk.data?.related ?? []), [chunk.data, pagesById]);
+	if (chunk.isPending) return /* @__PURE__ */ jsx("p", {
+		className: "text-caption text-muted-foreground",
+		children: "Loading notes…"
+	});
+	if (!chunk.data) return null;
+	const next = chunk.data.notesNextCursor;
+	return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx("ul", {
+		className: "flex flex-col gap-3",
+		children: chunk.data.notes.map((note) => /* @__PURE__ */ jsx(KnowledgeNoteItem, {
+			note,
+			pagesById: known,
+			onPageClick
+		}, note.id))
+	}), next ? showNext ? /* @__PURE__ */ jsx(MoreNotes, {
+		source,
+		pageId,
+		cursor: next,
+		pagesById,
+		onPageClick
+	}) : /* @__PURE__ */ jsx(MoreButton, {
+		label: "Load more notes",
+		onClick: () => setShowNext(true)
+	}) : null] });
+}
+/** A page's children, a page at a time. */
+function ChildPages({ useTreeLevels, parentId, onPageClick }) {
+	const [cursors, setCursors] = useState([]);
+	const levels = useTreeLevels(useMemo(() => [{ parentId }, ...cursors.map((cursor) => ({
+		parentId,
+		cursor
+	}))], [parentId, cursors]));
+	const pages = levels.flatMap((level) => level.data?.pages ?? []);
+	const last = levels[levels.length - 1];
+	if (levels[0]?.isPending) return /* @__PURE__ */ jsx("p", {
+		className: "text-caption text-muted-foreground",
+		children: "Loading pages…"
+	});
+	if (pages.length === 0) return /* @__PURE__ */ jsx("p", {
+		className: "text-body text-muted-foreground",
+		"data-testid": "knowledge-no-child-pages",
+		children: "No pages under this one."
+	});
+	const next = last?.data?.nextCursor;
+	return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx("ul", {
+		className: "flex flex-col gap-1",
+		children: pages.map((child) => /* @__PURE__ */ jsxs("li", {
+			className: "flex flex-col",
+			children: [/* @__PURE__ */ jsx("button", {
+				type: "button",
+				className: "text-left text-body font-medium text-info-indicator hover:underline",
+				onClick: () => onPageClick(child),
+				children: child.name
+			}), child.description ? /* @__PURE__ */ jsx("span", {
+				className: "truncate text-caption text-muted-foreground",
+				children: child.description
+			}) : null]
+		}, child.id))
+	}), next ? /* @__PURE__ */ jsx(MoreButton, { onClick: () => setCursors((current) => [...current, next]) }) : null] });
+}
+/** What a clicked mention line stands for: the notes on one page that mention the other. */
+function MentionPopup({ source, mention, pagesById, onOpen, onClose }) {
+	const detail = source.usePage(mention.source.id);
+	const notes = (detail.data?.notes ?? []).filter((note) => note.mentions.includes(mention.target.id));
+	useEffect(() => {
+		const onKey = (event) => {
+			if (event.key === "Escape") onClose();
+		};
+		window.addEventListener("keydown", onKey);
+		return () => window.removeEventListener("keydown", onKey);
+	}, [onClose]);
+	return /* @__PURE__ */ jsxs("div", {
+		role: "dialog",
+		"aria-label": `${mention.source.name} mentions ${mention.target.name}`,
+		"data-testid": "knowledge-mention-popup",
+		className: "absolute z-20 flex w-80 max-w-[calc(100%-1rem)] flex-col gap-2 overflow-hidden rounded-lg border border-border bg-card p-3 shadow-overlay",
+		style: mentionPopupPlacement(mention),
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: "flex items-start gap-2",
+			children: [/* @__PURE__ */ jsxs(Txt, {
+				as: "h3",
+				variant: "card-title",
+				className: "min-w-0 flex-1",
+				children: [
+					/* @__PURE__ */ jsx("button", {
+						type: "button",
+						className: "hover:underline",
+						onClick: () => onOpen(mention.source.id),
+						children: mention.source.name
+					}),
+					/* @__PURE__ */ jsxs(Txt, {
+						as: "span",
+						variant: "card-title",
+						tone: "muted",
+						children: [
+							" ",
+							"mentions",
+							" "
+						]
+					}),
+					/* @__PURE__ */ jsx("button", {
+						type: "button",
+						className: "hover:underline",
+						onClick: () => onOpen(mention.target.id),
+						children: mention.target.name
+					})
+				]
+			}), /* @__PURE__ */ jsx("button", {
+				type: "button",
+				"aria-label": "Close",
+				className: "rounded p-0.5 text-muted-foreground hover:bg-fill hover:text-foreground",
+				onClick: onClose,
+				children: /* @__PURE__ */ jsx(X, {
+					size: 14,
+					"aria-hidden": true
+				})
+			})]
+		}), /* @__PURE__ */ jsx("div", {
+			className: "min-h-0 overflow-y-auto",
+			children: detail.isPending ? /* @__PURE__ */ jsx(Txt, {
+				variant: "caption",
+				tone: "muted",
+				children: "Loading notes…"
+			}) : notes.length === 0 ? /* @__PURE__ */ jsxs(Txt, {
+				variant: "caption",
+				tone: "muted",
+				children: [
+					"The notes that make this mention aren't in the first page of notes. Open ",
+					mention.source.name,
+					" to read them all."
+				]
+			}) : /* @__PURE__ */ jsx("ul", {
+				className: "flex flex-col gap-2",
+				children: notes.map((note) => /* @__PURE__ */ jsx(KnowledgeNoteItem, {
+					note,
+					pagesById: withPages(pagesById, detail.data?.related ?? []),
+					onPageClick: (page) => onOpen(page.id),
+					compact: true
+				}, note.id))
+			})
+		})]
+	});
+}
+function SelectedPage({ source, pageId, pagesById, onSelect, highlightMentionOf }) {
+	const detail = source.usePage(pageId);
+	const activity = (source.useActivity ?? noActivity)(pageId);
+	const [moreNotes, setMoreNotes] = useState(null);
+	const known = useMemo(() => detail.data ? withPages(pagesById, [...detail.data.ancestors, ...detail.data.related]) : pagesById, [detail.data, pagesById]);
+	if (detail.isPending) return /* @__PURE__ */ jsx("p", {
+		className: "text-ui-md p-4 text-muted-foreground",
+		children: "Loading page…"
+	});
+	if (detail.isError || !detail.data) {
+		const notFound = isNotFound(detail.error);
+		return /* @__PURE__ */ jsx(EmptyState, {
+			tone: "error",
+			variant: "fill",
+			titleSlot: notFound ? "Page not found" : "Failed to load the page",
+			descriptionSlot: notFound ? "It may have been deleted or merged." : detail.error?.message ?? ""
+		});
+	}
+	const onPageClick = (page) => onSelect(page.id);
+	const next = detail.data.notesNextCursor;
+	return /* @__PURE__ */ jsx(KnowledgePageDetail, {
+		page: detail.data.page,
+		notes: detail.data.notes,
+		pin: detail.data.pin ?? void 0,
+		pagesById: known,
+		onPageClick,
+		highlightMentionOf,
+		ancestors: detail.data.ancestors,
+		mentionedBy: detail.data.mentionedBy,
+		activity: activity.data?.events,
+		childPages: source.useTreeLevels ? /* @__PURE__ */ jsx(ChildPages, {
+			useTreeLevels: source.useTreeLevels,
+			parentId: pageId,
+			onPageClick
+		}, pageId) : void 0,
+		notesMore: next ? moreNotes?.pageId === pageId ? /* @__PURE__ */ jsx(MoreNotes, {
+			source,
+			pageId,
+			cursor: next,
+			pagesById: known,
+			onPageClick
+		}) : /* @__PURE__ */ jsx(MoreButton, {
+			label: "Load more notes",
+			onClick: () => setMoreNotes({ pageId })
+		}) : void 0
+	});
+}
+function SearchBox({ source, onSelect }) {
+	const [query, setQuery] = useState("");
+	const search = source.useSearch(query);
+	const results = query.trim().length >= MIN_SEARCH_LENGTH ? search.data?.results ?? [] : [];
+	const seen = /* @__PURE__ */ new Set();
+	const pages = results.map((hit) => hit.page).filter((page) => seen.has(page.id) ? false : (seen.add(page.id), true)).slice(0, 10);
+	return /* @__PURE__ */ jsxs("div", {
+		className: "relative min-w-60 flex-1",
+		children: [/* @__PURE__ */ jsx("input", {
+			"aria-label": "Search knowledge",
+			placeholder: "Search pages and notes",
+			className: "text-ui-md h-8 w-full rounded border border-border bg-card px-2",
+			value: query,
+			onChange: (event) => setQuery(event.target.value)
+		}), pages.length > 0 ? /* @__PURE__ */ jsx("ul", {
+			role: "listbox",
+			"aria-label": "Search results",
+			className: "absolute z-20 mt-1 max-h-72 w-full overflow-auto rounded border border-border bg-card shadow-raised",
+			children: pages.map((page) => /* @__PURE__ */ jsx("li", {
+				role: "option",
+				"aria-selected": false,
+				children: /* @__PURE__ */ jsx("button", {
+					type: "button",
+					className: "text-ui-md w-full px-2 py-1.5 text-left hover:bg-muted",
+					onClick: () => {
+						onSelect(page.id);
+						setQuery("");
+					},
+					children: page.name
+				})
+			}, page.id))
+		}) : null]
+	});
+}
+/**
+* The tree loaded a level at a time through `useTreeLevels`: the root scopes, then each level as it is
+* opened, plus the path to the selected page. Unloaded pages keep a chevron until opened.
+*/
+function useLazyTree(source, graph, selected) {
+	const [expanded, setExpanded] = useState(() => /* @__PURE__ */ new Set());
+	const [more, setMore] = useState(() => /* @__PURE__ */ new Map());
+	const requests = useMemo(() => {
+		const list = [{ parentId: null }];
+		for (const id of expanded) {
+			list.push({ parentId: id });
+			for (const cursor of more.get(id) ?? []) list.push({
+				parentId: id,
+				cursor
+			});
+		}
+		return list;
+	}, [expanded, more]);
+	const levels = (source.useTreeLevels ?? noTreeLevels)(requests);
+	const { pages, loaded, nextCursor } = useMemo(() => {
+		const byId = /* @__PURE__ */ new Map();
+		const loadedIds = /* @__PURE__ */ new Set();
+		const next = /* @__PURE__ */ new Map();
+		levels.forEach((level, index) => {
+			const request = requests[index];
+			if (!request || !level.data) return;
+			const key = request.parentId ?? "";
+			loadedIds.add(key);
+			for (const page of level.data.pages) byId.set(page.id, page);
+			if (level.data.nextCursor) next.set(key, level.data.nextCursor);
+			else next.delete(key);
+		});
+		for (const page of [...selected?.ancestors ?? [], ...selected ? [selected.page] : []]) if (!byId.has(page.id)) byId.set(page.id, page);
+		return {
+			pages: [...byId.values()],
+			loaded: loadedIds,
+			nextCursor: next
+		};
+	}, [
+		levels,
+		requests,
+		selected
+	]);
+	const graphParents = useMemo(() => graph.truncated ? null : new Set(graph.pages.map((page) => page.parentId).filter((id) => id !== null)), [graph]);
+	return {
+		pages,
+		mayHaveChildren: useCallback((page) => !loaded.has(page.id) && (graphParents ? graphParents.has(page.id) : true), [loaded, graphParents]),
+		loadMore: useMemo(() => {
+			const map = /* @__PURE__ */ new Map();
+			for (const [parentId, cursor] of nextCursor) map.set(parentId, () => setMore((current) => new Map(current).set(parentId, [...current.get(parentId) ?? [], cursor])));
+			return map;
+		}, [nextCursor]),
+		onExpandedChange: useCallback((ids) => setExpanded(new Set(ids)), []),
+		rootsPending: levels[0]?.isPending ?? false
+	};
+}
+/**
+* Search, the page tree, and either the page graph or the selected page, kept in sync on one selection.
+* Wide screens show the tree beside the graph or the page; below `lg` one toggle picks tree, graph or page.
+* A first click on a page in the graph selects it; clicking it again opens it as a page. A search result
+* opens it as a page straight away. Selecting in the tree keeps the current view, so the graph frames the
+* page instead.
+*/
+function KnowledgePageExplorer({ graph, source, selectedPageId, onSelect, view, onViewChange }) {
+	const pagesById = useMemo(() => new Map(graph.pages.map((page) => [page.id, page])), [graph.pages]);
+	const [focusScopeId, setFocusScopeId] = useState(null);
+	const mentionEdges = useMemo(() => graph.edges.filter((edge) => edge.kind === "mention"), [graph.edges]);
+	const [mention, setMention] = useState(null);
+	const [marked, setMarked] = useState(null);
+	const closeMention = useCallback(() => setMention(null), []);
+	const graphShown = !useIsMobile(1024) || view === "graph";
+	const highlightMentionOf = marked && marked.source === selectedPageId ? marked.target : void 0;
+	const selected = source.usePage(selectedPageId);
+	const lazy = useLazyTree(source, graph, selected.data);
+	const showPage = view === "page" && !!selectedPageId;
+	const openPage = (pageId) => {
+		onSelect(pageId);
+		onViewChange("page");
+	};
+	const selectFromTree = (page) => {
+		if (page.isScope) setFocusScopeId(page.id);
+		if (view === "graph") onSelect(page.id);
+		else openPage(page.id);
+	};
+	const openAnywhere = (pageId) => {
+		if (focusScopeId && !withinScope([...lazy.pages, ...graph.pages], focusScopeId).some((page) => page.id === pageId)) setFocusScopeId(null);
+		openPage(pageId);
+	};
+	const focusScope = focusScopeId ? lazy.pages.find((page) => page.id === focusScopeId) ?? pagesById.get(focusScopeId) : void 0;
+	const treePages = withinScope(source.useTreeLevels ? lazy.pages : graph.pages, focusScope ? focusScopeId : null);
+	const graphPages = useMemo(() => withinScope(graph.pages, focusScope ? focusScopeId : null), [
+		graph.pages,
+		focusScope,
+		focusScopeId
+	]);
+	return /* @__PURE__ */ jsxs("div", {
+		className: "flex min-h-0 flex-1 flex-col gap-3",
+		children: [
+			/* @__PURE__ */ jsxs("div", {
+				className: "flex flex-wrap items-center gap-2",
+				children: [/* @__PURE__ */ jsx(SearchBox, {
+					source,
+					onSelect: openAnywhere
+				}), /* @__PURE__ */ jsx("div", {
+					role: "group",
+					"aria-label": "View",
+					className: "flex rounded border border-border",
+					children: [
+						{
+							value: "tree",
+							label: "Tree",
+							narrowOnly: true
+						},
+						{
+							value: "graph",
+							label: "Graph"
+						},
+						{
+							value: "page",
+							label: "Page"
+						}
+					].map((option) => /* @__PURE__ */ jsx("button", {
+						type: "button",
+						"aria-pressed": option.value === "page" ? showPage : option.value === "graph" ? !showPage && view !== "tree" : view === "tree",
+						disabled: option.value === "page" && !selectedPageId,
+						className: `text-ui-md px-3 py-1 disabled:opacity-50 aria-pressed:bg-muted ${option.narrowOnly ? "lg:hidden" : ""}`,
+						onClick: () => onViewChange(option.value),
+						children: option.label
+					}, option.value))
+				})]
+			}),
+			graph.truncated && !showPage ? /* @__PURE__ */ jsxs("p", {
+				className: "text-ui-sm text-muted-foreground",
+				children: [
+					"The graph shows the first ",
+					graph.pages.length,
+					" pages. Open the tree or search to reach the rest."
+				]
+			}) : null,
+			selectedPageId && !showPage && isNotFound(selected.error) ? /* @__PURE__ */ jsx("p", {
+				role: "alert",
+				className: "text-ui-sm text-destructive-foreground",
+				children: "Page not found. The linked page may have been deleted or merged."
+			}) : null,
+			/* @__PURE__ */ jsxs("div", {
+				className: "flex min-h-0 flex-1 flex-col gap-3 lg:flex-row",
+				children: [/* @__PURE__ */ jsxs("aside", {
+					className: `min-h-0 w-full flex-1 flex-col overflow-hidden rounded-lg border border-border bg-card lg:flex lg:w-72 lg:flex-none lg:shrink-0 ${view === "tree" ? "flex" : "hidden"}`,
+					children: [focusScope ? /* @__PURE__ */ jsxs("div", {
+						className: "flex items-center gap-2 border-b border-border bg-fill-subtle px-3 py-2",
+						"data-testid": "knowledge-scope-focus",
+						children: [/* @__PURE__ */ jsxs("div", {
+							className: "flex min-w-0 flex-1 flex-col",
+							children: [/* @__PURE__ */ jsx(Txt, {
+								as: "span",
+								variant: "eyebrow",
+								tone: "muted",
+								className: "uppercase",
+								children: focusScope.displayLabel ?? "Scope"
+							}), /* @__PURE__ */ jsx(Txt, {
+								as: "span",
+								variant: "label",
+								tone: "ink",
+								className: "truncate",
+								children: focusScope.address ?? focusScope.name
+							})]
+						}), /* @__PURE__ */ jsx("button", {
+							type: "button",
+							className: "text-ui-sm shrink-0 rounded px-2 py-1 text-muted-foreground hover:bg-fill hover:text-foreground",
+							onClick: () => setFocusScopeId(null),
+							children: "All scopes"
+						})]
+					}) : null, /* @__PURE__ */ jsx("div", {
+						className: "min-h-0 flex-1 overflow-auto",
+						children: source.useTreeLevels && lazy.rootsPending ? /* @__PURE__ */ jsx("p", {
+							className: "px-3 py-2 text-body text-muted-foreground",
+							children: "Loading pages…"
+						}) : /* @__PURE__ */ jsx(KnowledgePageTree, {
+							pages: treePages,
+							pinnedIds: graph.pinnedIds,
+							selectedPageId,
+							onSelect: selectFromTree,
+							initiallyExpanded: focusScope ? [focusScope.id] : void 0,
+							...source.useTreeLevels ? {
+								mayHaveChildren: lazy.mayHaveChildren,
+								onExpandedChange: lazy.onExpandedChange,
+								loadMore: lazy.loadMore
+							} : {}
+						}, focusScope ? focusScope.id : "all")
+					})]
+				}), showPage ? /* @__PURE__ */ jsx("section", {
+					"aria-label": "Selected page",
+					className: "min-h-0 min-w-0 flex-1 overflow-auto rounded-lg border border-border bg-card",
+					children: /* @__PURE__ */ jsx(SelectedPage, {
+						source,
+						pageId: selectedPageId,
+						pagesById,
+						onSelect: openAnywhere,
+						highlightMentionOf
+					})
+				}) : /* @__PURE__ */ jsxs("div", {
+					className: `relative min-h-0 min-w-0 flex-1 overflow-hidden rounded-lg border border-border bg-background lg:block lg:h-full ${view === "graph" ? "block" : "hidden"}`,
+					"data-testid": "knowledge-graph-container",
+					children: [graphShown ? /* @__PURE__ */ jsx(KnowledgePageGraph, {
+						pages: graphPages,
+						edges: mentionEdges,
+						pinnedIds: graph.pinnedIds,
+						grants: graph.grants,
+						selectedPageId,
+						onSelect: (page) => {
+							onSelect(page.id);
+							if (view !== "graph") onViewChange("graph");
+						},
+						onOpen: (page) => openPage(page.id),
+						onClearSelection: () => {
+							setMention(null);
+							if (selectedPageId) onSelect(null);
+						},
+						onMentionSelect: setMention
+					}) : null, mention && graphShown ? /* @__PURE__ */ jsx(MentionPopup, {
+						source,
+						mention,
+						pagesById,
+						onClose: closeMention,
+						onOpen: (pageId) => {
+							setMarked(pageId === mention.source.id ? {
+								source: mention.source.id,
+								target: mention.target.id
+							} : null);
+							setMention(null);
+							openAnywhere(pageId);
+						}
+					}) : null]
+				})]
+			})
+		]
+	});
+}
+export { KnowledgePageExplorer };
+
+//# sourceMappingURL=KnowledgePageExplorer.es.js.map

package/dist/domains/knowledge/components/KnowledgePageExplorer.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"KnowledgePageExplorer.es.js","names":["_Fragment"],"sources":["../../../../src/domains/knowledge/components/KnowledgePageExplorer.tsx"],"sourcesContent":["import { X } from 'lucide-react';\nimport { useCallback, useEffect, useMemo, useState } from 'react';\n\nimport { mentionPopupPlacement } from '../lib/popupPlacement';\n\nimport type {\n  KnowledgePageActivityPayload,\n  KnowledgeNotePayload,\n  KnowledgePageEdge,\n  KnowledgePagePayload,\n  KnowledgePinPayload,\n  KnowledgeScopeGrantPayload,\n} from '../pageTypes';\nimport { KnowledgeNoteItem, KnowledgePageDetail } from './KnowledgePageDetail';\nimport { KnowledgePageGraph } from './KnowledgePageGraph';\nimport { KNOWLEDGE_TREE_ROOT, KnowledgePageTree } from './KnowledgePageTree';\n\nimport { EmptyState } from '@/ds/components/EmptyState';\nimport { Txt } from '@/ds/components/Txt';\nimport { useIsMobile } from '@/hooks/use-is-mobile';\n\n/** `tree` is only a choice below `lg`; wider screens always show the tree beside the graph or the page. */\nexport type KnowledgeExplorerView = 'tree' | 'graph' | 'page';\n\n/** The bounded page graph a host loads. Without `useTreeLevels`, its pages also feed the tree. */\nexport interface KnowledgeExplorerGraph {\n  pages: KnowledgePagePayload[];\n  edges: KnowledgePageEdge[];\n  pinnedIds: string[];\n  /** Access grants between scopes; hosts whose server doesn't send them leave this out. */\n  grants?: KnowledgeScopeGrantPayload[];\n  truncated: boolean;\n}\n\nexport interface KnowledgeExplorerPageDetail {\n  page: KnowledgePagePayload;\n  notes: KnowledgeNotePayload[];\n  /** Cursor for the page's next notes. */\n  notesNextCursor?: string;\n  pin?: KnowledgePinPayload | null;\n  /** Ancestors and referenced pages, which may sit outside the loaded graph. */\n  ancestors: KnowledgePagePayload[];\n  related: KnowledgePagePayload[];\n  /** Notes on other pages that mention this one. */\n  mentionedBy?: KnowledgeNotePayload[];\n}\n\n/** One level of the tree: a parent's child scopes then its child pages, paged. */\nexport interface KnowledgeExplorerTreeLevel {\n  pages: KnowledgePagePayload[];\n  nextCursor?: string;\n}\n\nexport interface KnowledgeExplorerActivity {\n  events: KnowledgePageActivityPayload[];\n}\n\nexport interface KnowledgeExplorerQueryState<T> {\n  data?: T;\n  isPending: boolean;\n  isError: boolean;\n  error: Error | null;\n}\n\n/** One request for a tree level: `parentId: null` for the root scopes. */\nexport interface KnowledgeExplorerTreeRequest {\n  parentId: string | null;\n  cursor?: string;\n}\n\n/**\n * Host data hooks. Each host binds them to its own routes (Studio to the Mastra client, Factory to its\n * project-scoped routes), so the explorer never knows a URL or an id outside the page ids it shows.\n * Pass the same functions every render: they are called as hooks.\n */\nexport interface KnowledgeExplorerSource {\n  /** One page; `noteCursor` fetches a later page of its notes. Disabled when `pageId` is null. */\n  usePage: (pageId: string | null, noteCursor?: string) => KnowledgeExplorerQueryState<KnowledgeExplorerPageDetail>;\n  useSearch: (query: string) => { data?: { results: Array<{ page: KnowledgePagePayload }> } };\n  /** Tree levels, one result per request in order (e.g. `useQueries`). Enables the lazily loaded tree and child pages. */\n  useTreeLevels?: (\n    requests: KnowledgeExplorerTreeRequest[],\n  ) => Array<KnowledgeExplorerQueryState<KnowledgeExplorerTreeLevel>>;\n  /** A page's recent activity, newest first. */\n  useActivity?: (pageId: string) => KnowledgeExplorerQueryState<KnowledgeExplorerActivity>;\n}\n\nexport interface KnowledgePageExplorerProps {\n  graph: KnowledgeExplorerGraph;\n  source: KnowledgeExplorerSource;\n  selectedPageId: string | null;\n  /** `null` clears the selection: a click on empty graph canvas. */\n  onSelect: (pageId: string | null) => void;\n  view: KnowledgeExplorerView;\n  onViewChange: (view: KnowledgeExplorerView) => void;\n}\n\nconst MIN_SEARCH_LENGTH = 2;\nconst noTreeLevels = () => [];\nconst noActivity = (): KnowledgeExplorerQueryState<KnowledgeExplorerActivity> => ({\n  isPending: false,\n  isError: false,\n  error: null,\n});\n\nfunction isNotFound(error: unknown): boolean {\n  return !!error && typeof error === 'object' && 'status' in error && error.status === 404;\n}\n\nfunction withPages(\n  base: ReadonlyMap<string, KnowledgePagePayload>,\n  pages: KnowledgePagePayload[],\n): ReadonlyMap<string, KnowledgePagePayload> {\n  if (pages.length === 0) return base;\n  const merged = new Map(base);\n  for (const page of pages) merged.set(page.id, page);\n  return merged;\n}\n\n/** `pages` narrowed to `scopeId` and everything below it, following parent links among the given pages. */\nfunction withinScope(pages: KnowledgePagePayload[], scopeId: string | null): KnowledgePagePayload[] {\n  if (!scopeId) return pages;\n  const byId = new Map(pages.map(page => [page.id, page]));\n  const inside = new Map<string, boolean>([[scopeId, true]]);\n  const isInside = (page: KnowledgePagePayload): boolean => {\n    const known = inside.get(page.id);\n    if (known !== undefined) return known;\n    const parent = page.parentId ? byId.get(page.parentId) : undefined;\n    inside.set(page.id, false);\n    const result = !!parent && parent.id !== page.id && isInside(parent);\n    inside.set(page.id, result);\n    return result;\n  };\n  return pages.filter(isInside);\n}\n\nfunction MoreButton({ onClick, label = 'Load more' }: { onClick: () => void; label?: string }) {\n  return (\n    <button\n      type=\"button\"\n      className=\"self-start text-caption text-muted-foreground hover:text-foreground\"\n      onClick={onClick}\n    >\n      {label}\n    </button>\n  );\n}\n\n/** The next page of a page's notes, then a button for the one after. */\nfunction MoreNotes({\n  source,\n  pageId,\n  cursor,\n  pagesById,\n  onPageClick,\n}: {\n  source: KnowledgeExplorerSource;\n  pageId: string;\n  cursor: string;\n  pagesById: ReadonlyMap<string, KnowledgePagePayload>;\n  onPageClick: (page: KnowledgePagePayload) => void;\n}) {\n  const chunk = source.usePage(pageId, cursor);\n  const [showNext, setShowNext] = useState(false);\n  const known = useMemo(() => withPages(pagesById, chunk.data?.related ?? []), [chunk.data, pagesById]);\n  if (chunk.isPending) return <p className=\"text-caption text-muted-foreground\">Loading notes…</p>;\n  if (!chunk.data) return null;\n  const next = chunk.data.notesNextCursor;\n  return (\n    <>\n      <ul className=\"flex flex-col gap-3\">\n        {chunk.data.notes.map(note => (\n          <KnowledgeNoteItem key={note.id} note={note} pagesById={known} onPageClick={onPageClick} />\n        ))}\n      </ul>\n      {next ? (\n        showNext ? (\n          <MoreNotes source={source} pageId={pageId} cursor={next} pagesById={pagesById} onPageClick={onPageClick} />\n        ) : (\n          <MoreButton label=\"Load more notes\" onClick={() => setShowNext(true)} />\n        )\n      ) : null}\n    </>\n  );\n}\n\n/** A page's children, a page at a time. */\nfunction ChildPages({\n  useTreeLevels,\n  parentId,\n  onPageClick,\n}: {\n  useTreeLevels: NonNullable<KnowledgeExplorerSource['useTreeLevels']>;\n  parentId: string;\n  onPageClick: (page: KnowledgePagePayload) => void;\n}) {\n  const [cursors, setCursors] = useState<string[]>([]);\n  const requests = useMemo(() => [{ parentId }, ...cursors.map(cursor => ({ parentId, cursor }))], [parentId, cursors]);\n  const levels = useTreeLevels(requests);\n  const pages = levels.flatMap(level => level.data?.pages ?? []);\n  const last = levels[levels.length - 1];\n  if (levels[0]?.isPending) return <p className=\"text-caption text-muted-foreground\">Loading pages…</p>;\n  if (pages.length === 0) {\n    return (\n      <p className=\"text-body text-muted-foreground\" data-testid=\"knowledge-no-child-pages\">\n        No pages under this one.\n      </p>\n    );\n  }\n  const next = last?.data?.nextCursor;\n  return (\n    <>\n      <ul className=\"flex flex-col gap-1\">\n        {pages.map(child => (\n          <li key={child.id} className=\"flex flex-col\">\n            <button\n              type=\"button\"\n              className=\"text-left text-body font-medium text-info-indicator hover:underline\"\n              onClick={() => onPageClick(child)}\n            >\n              {child.name}\n            </button>\n            {child.description ? (\n              <span className=\"truncate text-caption text-muted-foreground\">{child.description}</span>\n            ) : null}\n          </li>\n        ))}\n      </ul>\n      {next ? <MoreButton onClick={() => setCursors(current => [...current, next])} /> : null}\n    </>\n  );\n}\n\ninterface MentionSelection {\n  source: KnowledgePagePayload;\n  target: KnowledgePagePayload;\n  point: { x: number; y: number };\n  pane: { width: number; height: number };\n}\n\n/** What a clicked mention line stands for: the notes on one page that mention the other. */\nfunction MentionPopup({\n  source,\n  mention,\n  pagesById,\n  onOpen,\n  onClose,\n}: {\n  source: KnowledgeExplorerSource;\n  mention: MentionSelection;\n  pagesById: ReadonlyMap<string, KnowledgePagePayload>;\n  onOpen: (pageId: string) => void;\n  onClose: () => void;\n}) {\n  const detail = source.usePage(mention.source.id);\n  const notes = (detail.data?.notes ?? []).filter(note => note.mentions.includes(mention.target.id));\n  useEffect(() => {\n    const onKey = (event: KeyboardEvent) => {\n      if (event.key === 'Escape') onClose();\n    };\n    window.addEventListener('keydown', onKey);\n    return () => window.removeEventListener('keydown', onKey);\n  }, [onClose]);\n  return (\n    <div\n      role=\"dialog\"\n      aria-label={`${mention.source.name} mentions ${mention.target.name}`}\n      data-testid=\"knowledge-mention-popup\"\n      className=\"absolute z-20 flex w-80 max-w-[calc(100%-1rem)] flex-col gap-2 overflow-hidden rounded-lg border border-border bg-card p-3 shadow-overlay\"\n      style={mentionPopupPlacement(mention)}\n    >\n      <div className=\"flex items-start gap-2\">\n        <Txt as=\"h3\" variant=\"card-title\" className=\"min-w-0 flex-1\">\n          <button type=\"button\" className=\"hover:underline\" onClick={() => onOpen(mention.source.id)}>\n            {mention.source.name}\n          </button>\n          <Txt as=\"span\" variant=\"card-title\" tone=\"muted\">\n            {' '}\n            mentions{' '}\n          </Txt>\n          <button type=\"button\" className=\"hover:underline\" onClick={() => onOpen(mention.target.id)}>\n            {mention.target.name}\n          </button>\n        </Txt>\n        <button\n          type=\"button\"\n          aria-label=\"Close\"\n          className=\"rounded p-0.5 text-muted-foreground hover:bg-fill hover:text-foreground\"\n          onClick={onClose}\n        >\n          <X size={14} aria-hidden />\n        </button>\n      </div>\n      <div className=\"min-h-0 overflow-y-auto\">\n        {detail.isPending ? (\n          <Txt variant=\"caption\" tone=\"muted\">\n            Loading notes…\n          </Txt>\n        ) : notes.length === 0 ? (\n          <Txt variant=\"caption\" tone=\"muted\">\n            The notes that make this mention aren't in the first page of notes. Open {mention.source.name} to read them\n            all.\n          </Txt>\n        ) : (\n          <ul className=\"flex flex-col gap-2\">\n            {notes.map(note => (\n              <KnowledgeNoteItem\n                key={note.id}\n                note={note}\n                pagesById={withPages(pagesById, detail.data?.related ?? [])}\n                onPageClick={page => onOpen(page.id)}\n                compact\n              />\n            ))}\n          </ul>\n        )}\n      </div>\n    </div>\n  );\n}\n\nfunction SelectedPage({\n  source,\n  pageId,\n  pagesById,\n  onSelect,\n  highlightMentionOf,\n}: {\n  source: KnowledgeExplorerSource;\n  pageId: string;\n  pagesById: ReadonlyMap<string, KnowledgePagePayload>;\n  onSelect: (pageId: string) => void;\n  highlightMentionOf?: string;\n}) {\n  const detail = source.usePage(pageId);\n  const activity = (source.useActivity ?? noActivity)(pageId);\n  const [moreNotes, setMoreNotes] = useState<{ pageId: string } | null>(null);\n  const known = useMemo(\n    () => (detail.data ? withPages(pagesById, [...detail.data.ancestors, ...detail.data.related]) : pagesById),\n    [detail.data, pagesById],\n  );\n\n  if (detail.isPending) return <p className=\"text-ui-md p-4 text-muted-foreground\">Loading page…</p>;\n  if (detail.isError || !detail.data) {\n    const notFound = isNotFound(detail.error);\n    return (\n      <EmptyState\n        tone=\"error\"\n        variant=\"fill\"\n        titleSlot={notFound ? 'Page not found' : 'Failed to load the page'}\n        descriptionSlot={notFound ? 'It may have been deleted or merged.' : (detail.error?.message ?? '')}\n      />\n    );\n  }\n  const onPageClick = (page: KnowledgePagePayload) => onSelect(page.id);\n  const next = detail.data.notesNextCursor;\n  return (\n    <KnowledgePageDetail\n      page={detail.data.page}\n      notes={detail.data.notes}\n      pin={detail.data.pin ?? undefined}\n      pagesById={known}\n      onPageClick={onPageClick}\n      highlightMentionOf={highlightMentionOf}\n      ancestors={detail.data.ancestors}\n      mentionedBy={detail.data.mentionedBy}\n      activity={activity.data?.events}\n      childPages={\n        source.useTreeLevels ? (\n          <ChildPages key={pageId} useTreeLevels={source.useTreeLevels} parentId={pageId} onPageClick={onPageClick} />\n        ) : undefined\n      }\n      notesMore={\n        next ? (\n          moreNotes?.pageId === pageId ? (\n            <MoreNotes source={source} pageId={pageId} cursor={next} pagesById={known} onPageClick={onPageClick} />\n          ) : (\n            <MoreButton label=\"Load more notes\" onClick={() => setMoreNotes({ pageId })} />\n          )\n        ) : undefined\n      }\n    />\n  );\n}\n\nfunction SearchBox({ source, onSelect }: { source: KnowledgeExplorerSource; onSelect: (pageId: string) => void }) {\n  const [query, setQuery] = useState('');\n  const search = source.useSearch(query);\n  const results = query.trim().length >= MIN_SEARCH_LENGTH ? (search.data?.results ?? []) : [];\n  const seen = new Set<string>();\n  const pages = results\n    .map(hit => hit.page)\n    .filter(page => (seen.has(page.id) ? false : (seen.add(page.id), true)))\n    .slice(0, 10);\n  return (\n    <div className=\"relative min-w-60 flex-1\">\n      <input\n        aria-label=\"Search knowledge\"\n        placeholder=\"Search pages and notes\"\n        className=\"text-ui-md h-8 w-full rounded border border-border bg-card px-2\"\n        value={query}\n        onChange={event => setQuery(event.target.value)}\n      />\n      {pages.length > 0 ? (\n        <ul\n          role=\"listbox\"\n          aria-label=\"Search results\"\n          className=\"absolute z-20 mt-1 max-h-72 w-full overflow-auto rounded border border-border bg-card shadow-raised\"\n        >\n          {pages.map(page => (\n            <li key={page.id} role=\"option\" aria-selected={false}>\n              <button\n                type=\"button\"\n                className=\"text-ui-md w-full px-2 py-1.5 text-left hover:bg-muted\"\n                onClick={() => {\n                  onSelect(page.id);\n                  setQuery('');\n                }}\n              >\n                {page.name}\n              </button>\n            </li>\n          ))}\n        </ul>\n      ) : null}\n    </div>\n  );\n}\n\n/**\n * The tree loaded a level at a time through `useTreeLevels`: the root scopes, then each level as it is\n * opened, plus the path to the selected page. Unloaded pages keep a chevron until opened.\n */\nfunction useLazyTree(\n  source: KnowledgeExplorerSource,\n  graph: KnowledgeExplorerGraph,\n  selected: KnowledgeExplorerPageDetail | undefined,\n) {\n  const [expanded, setExpanded] = useState<ReadonlySet<string>>(() => new Set());\n  const [more, setMore] = useState<ReadonlyMap<string, string[]>>(() => new Map());\n  const requests = useMemo(() => {\n    const list: KnowledgeExplorerTreeRequest[] = [{ parentId: null }];\n    for (const id of expanded) {\n      list.push({ parentId: id });\n      for (const cursor of more.get(id) ?? []) list.push({ parentId: id, cursor });\n    }\n    return list;\n  }, [expanded, more]);\n  const levels = (source.useTreeLevels ?? noTreeLevels)(requests);\n\n  const { pages, loaded, nextCursor } = useMemo(() => {\n    const byId = new Map<string, KnowledgePagePayload>();\n    const loadedIds = new Set<string>();\n    const next = new Map<string, string>();\n    levels.forEach((level, index) => {\n      const request = requests[index];\n      if (!request || !level.data) return;\n      const key = request.parentId ?? KNOWLEDGE_TREE_ROOT;\n      loadedIds.add(key);\n      for (const page of level.data.pages) byId.set(page.id, page);\n      if (level.data.nextCursor) next.set(key, level.data.nextCursor);\n      else next.delete(key);\n    });\n    // The selected page and its path, so the tree can open down to a page outside the loaded levels.\n    for (const page of [...(selected?.ancestors ?? []), ...(selected ? [selected.page] : [])]) {\n      if (!byId.has(page.id)) byId.set(page.id, page);\n    }\n    return { pages: [...byId.values()], loaded: loadedIds, nextCursor: next };\n  }, [levels, requests, selected]);\n\n  // With the whole graph loaded, its structure is complete: only pages with children get a chevron.\n  const graphParents = useMemo(\n    () => (graph.truncated ? null : new Set(graph.pages.map(page => page.parentId).filter(id => id !== null))),\n    [graph],\n  );\n  const mayHaveChildren = useCallback(\n    (page: KnowledgePagePayload) => !loaded.has(page.id) && (graphParents ? graphParents.has(page.id) : true),\n    [loaded, graphParents],\n  );\n  const loadMore = useMemo(() => {\n    const map = new Map<string, () => void>();\n    for (const [parentId, cursor] of nextCursor) {\n      map.set(parentId, () =>\n        setMore(current => new Map(current).set(parentId, [...(current.get(parentId) ?? []), cursor])),\n      );\n    }\n    return map;\n  }, [nextCursor]);\n  const onExpandedChange = useCallback((ids: ReadonlySet<string>) => setExpanded(new Set(ids)), []);\n\n  return { pages, mayHaveChildren, loadMore, onExpandedChange, rootsPending: levels[0]?.isPending ?? false };\n}\n\n/**\n * Search, the page tree, and either the page graph or the selected page, kept in sync on one selection.\n * Wide screens show the tree beside the graph or the page; below `lg` one toggle picks tree, graph or page.\n * A first click on a page in the graph selects it; clicking it again opens it as a page. A search result\n * opens it as a page straight away. Selecting in the tree keeps the current view, so the graph frames the\n * page instead.\n */\nexport function KnowledgePageExplorer({\n  graph,\n  source,\n  selectedPageId,\n  onSelect,\n  view,\n  onViewChange,\n}: KnowledgePageExplorerProps) {\n  const pagesById = useMemo(() => new Map(graph.pages.map(page => [page.id, page])), [graph.pages]);\n  // A scope picked in the tree narrows the tree and the graph to that scope and what sits under it.\n  const [focusScopeId, setFocusScopeId] = useState<string | null>(null);\n  const mentionEdges = useMemo(() => graph.edges.filter(edge => edge.kind === 'mention'), [graph.edges]);\n  // A clicked mention line shows the notes that make the mention; opening the page from there marks them.\n  const [mention, setMention] = useState<MentionSelection | null>(null);\n  const [marked, setMarked] = useState<{ source: string; target: string } | null>(null);\n  const closeMention = useCallback(() => setMention(null), []);\n  // Below lg the graph shares its slot with the tree. Mount it only when it is showing: a graph mounted\n  // into a hidden 0×0 pane has nothing to fit and was left unfitted when the toggle revealed it.\n  const narrow = useIsMobile(1024);\n  const graphShown = !narrow || view === 'graph';\n  const highlightMentionOf = marked && marked.source === selectedPageId ? marked.target : undefined;\n  const selected = source.usePage(selectedPageId);\n  const lazy = useLazyTree(source, graph, selected.data);\n  const showPage = view === 'page' && !!selectedPageId;\n  const openPage = (pageId: string) => {\n    onSelect(pageId);\n    onViewChange('page');\n  };\n  // From the tree: frame the page in the graph when the graph is up, otherwise open it.\n  const selectFromTree = (page: KnowledgePagePayload) => {\n    if (page.isScope) setFocusScopeId(page.id);\n    if (view === 'graph') onSelect(page.id);\n    else openPage(page.id);\n  };\n  // Pages reached from outside the tree (search, links, mentions) clear a focus they fall outside of.\n  const openAnywhere = (pageId: string) => {\n    if (focusScopeId && !withinScope([...lazy.pages, ...graph.pages], focusScopeId).some(page => page.id === pageId)) {\n      setFocusScopeId(null);\n    }\n    openPage(pageId);\n  };\n  const focusScope = focusScopeId\n    ? (lazy.pages.find(page => page.id === focusScopeId) ?? pagesById.get(focusScopeId))\n    : undefined;\n  const treePages = withinScope(source.useTreeLevels ? lazy.pages : graph.pages, focusScope ? focusScopeId : null);\n  const graphPages = useMemo(\n    () => withinScope(graph.pages, focusScope ? focusScopeId : null),\n    [graph.pages, focusScope, focusScopeId],\n  );\n  const views: Array<{ value: KnowledgeExplorerView; label: string; narrowOnly?: boolean }> = [\n    { value: 'tree', label: 'Tree', narrowOnly: true },\n    { value: 'graph', label: 'Graph' },\n    { value: 'page', label: 'Page' },\n  ];\n\n  return (\n    <div className=\"flex min-h-0 flex-1 flex-col gap-3\">\n      <div className=\"flex flex-wrap items-center gap-2\">\n        <SearchBox source={source} onSelect={openAnywhere} />\n        <div role=\"group\" aria-label=\"View\" className=\"flex rounded border border-border\">\n          {views.map(option => (\n            <button\n              key={option.value}\n              type=\"button\"\n              aria-pressed={\n                option.value === 'page'\n                  ? showPage\n                  : option.value === 'graph'\n                    ? !showPage && view !== 'tree'\n                    : view === 'tree'\n              }\n              disabled={option.value === 'page' && !selectedPageId}\n              className={`text-ui-md px-3 py-1 disabled:opacity-50 aria-pressed:bg-muted ${option.narrowOnly ? 'lg:hidden' : ''}`}\n              onClick={() => onViewChange(option.value)}\n            >\n              {option.label}\n            </button>\n          ))}\n        </div>\n      </div>\n      {graph.truncated && !showPage ? (\n        <p className=\"text-ui-sm text-muted-foreground\">\n          The graph shows the first {graph.pages.length} pages. Open the tree or search to reach the rest.\n        </p>\n      ) : null}\n      {selectedPageId && !showPage && isNotFound(selected.error) ? (\n        <p role=\"alert\" className=\"text-ui-sm text-destructive-foreground\">\n          Page not found. The linked page may have been deleted or merged.\n        </p>\n      ) : null}\n      <div className=\"flex min-h-0 flex-1 flex-col gap-3 lg:flex-row\">\n        <aside\n          className={`min-h-0 w-full flex-1 flex-col overflow-hidden rounded-lg border border-border bg-card lg:flex lg:w-72 lg:flex-none lg:shrink-0 ${view === 'tree' ? 'flex' : 'hidden'}`}\n        >\n          {focusScope ? (\n            <div\n              className=\"flex items-center gap-2 border-b border-border bg-fill-subtle px-3 py-2\"\n              data-testid=\"knowledge-scope-focus\"\n            >\n              <div className=\"flex min-w-0 flex-1 flex-col\">\n                <Txt as=\"span\" variant=\"eyebrow\" tone=\"muted\" className=\"uppercase\">\n                  {focusScope.displayLabel ?? 'Scope'}\n                </Txt>\n                <Txt as=\"span\" variant=\"label\" tone=\"ink\" className=\"truncate\">\n                  {focusScope.address ?? focusScope.name}\n                </Txt>\n              </div>\n              <button\n                type=\"button\"\n                className=\"text-ui-sm shrink-0 rounded px-2 py-1 text-muted-foreground hover:bg-fill hover:text-foreground\"\n                onClick={() => setFocusScopeId(null)}\n              >\n                All scopes\n              </button>\n            </div>\n          ) : null}\n          <div className=\"min-h-0 flex-1 overflow-auto\">\n            {source.useTreeLevels && lazy.rootsPending ? (\n              <p className=\"px-3 py-2 text-body text-muted-foreground\">Loading pages…</p>\n            ) : (\n              <KnowledgePageTree\n                key={focusScope ? focusScope.id : 'all'}\n                pages={treePages}\n                pinnedIds={graph.pinnedIds}\n                selectedPageId={selectedPageId}\n                onSelect={selectFromTree}\n                initiallyExpanded={focusScope ? [focusScope.id] : undefined}\n                {...(source.useTreeLevels\n                  ? {\n                      mayHaveChildren: lazy.mayHaveChildren,\n                      onExpandedChange: lazy.onExpandedChange,\n                      loadMore: lazy.loadMore,\n                    }\n                  : {})}\n              />\n            )}\n          </div>\n        </aside>\n        {showPage ? (\n          <section\n            aria-label=\"Selected page\"\n            className=\"min-h-0 min-w-0 flex-1 overflow-auto rounded-lg border border-border bg-card\"\n          >\n            <SelectedPage\n              source={source}\n              pageId={selectedPageId}\n              pagesById={pagesById}\n              onSelect={openAnywhere}\n              highlightMentionOf={highlightMentionOf}\n            />\n          </section>\n        ) : (\n          <div\n            className={`relative min-h-0 min-w-0 flex-1 overflow-hidden rounded-lg border border-border bg-background lg:block lg:h-full ${view === 'graph' ? 'block' : 'hidden'}`}\n            data-testid=\"knowledge-graph-container\"\n          >\n            {graphShown ? (\n              <KnowledgePageGraph\n                pages={graphPages}\n                edges={mentionEdges}\n                pinnedIds={graph.pinnedIds}\n                grants={graph.grants}\n                selectedPageId={selectedPageId}\n                onSelect={page => {\n                  onSelect(page.id);\n                  // Hosts resolve a `?page=` with no view to the page view, so say graph outright.\n                  if (view !== 'graph') onViewChange('graph');\n                }}\n                onOpen={page => openPage(page.id)}\n                onClearSelection={() => {\n                  setMention(null);\n                  if (selectedPageId) onSelect(null);\n                }}\n                onMentionSelect={setMention}\n              />\n            ) : null}\n            {mention && graphShown ? (\n              <MentionPopup\n                source={source}\n                mention={mention}\n                pagesById={pagesById}\n                onClose={closeMention}\n                onOpen={pageId => {\n                  setMarked(\n                    pageId === mention.source.id ? { source: mention.source.id, target: mention.target.id } : null,\n                  );\n                  setMention(null);\n                  openAnywhere(pageId);\n                }}\n              />\n            ) : null}\n          </div>\n        )}\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}