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

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

@@ -0,0 +1,436 @@
+import { t as Txt } from "../../../Txt-BM6TVV_c.js";
+import { t as Badge } from "../../../Badge-aVu5iGAF.js";
+import { t as MarkdownRenderer } from "../../../MarkdownRenderer-2GOXQJEv.js";
+import { parseRecordSegments } from "../lib/recordText.es.js";
+import { useEffect, useRef } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { ChevronRight, Pin } from "lucide-react";
+// src/domains/knowledge/components/KnowledgePageDetail.tsx
+var ACTIVITY_LABELS = {
+	"scope-created": "Scope created",
+	"page-created": "Page created",
+	"page-updated": "Page edited",
+	"page-moved": "Page moved",
+	"page-merged": "Page merged",
+	"page-deleted": "Page deleted",
+	"note-added": "Note added",
+	"note-restamped": "Note restamped",
+	"note-removed": "Note removed",
+	"note-restored": "Note restored",
+	"pin-added": "Pinned",
+	"pin-removed": "Unpinned"
+};
+function formatWhen(iso) {
+	const date = new Date(iso);
+	return Number.isNaN(date.getTime()) ? iso : date.toLocaleString(void 0, {
+		dateStyle: "medium",
+		timeStyle: "short"
+	});
+}
+var RELATIVE_STEPS = [
+	["second", 60],
+	["minute", 60],
+	["hour", 24],
+	["day", 7],
+	["week", 4.35],
+	["month", 12],
+	["year", Infinity]
+];
+/** "3 minutes ago", with the exact time left to a tooltip. */
+function formatAgo(iso, now = Date.now()) {
+	const time = new Date(iso).getTime();
+	if (Number.isNaN(time)) return iso;
+	let value = (time - now) / 1e3;
+	const format = new Intl.RelativeTimeFormat(void 0, { numeric: "auto" });
+	for (const [unit, size] of RELATIVE_STEPS) {
+		if (Math.abs(value) < size) return format.format(Math.round(value), unit);
+		value /= size;
+	}
+	return formatWhen(iso);
+}
+function When({ iso }) {
+	return /* @__PURE__ */ jsx("time", {
+		dateTime: iso,
+		title: formatWhen(iso),
+		children: formatAgo(iso)
+	});
+}
+/** A small round mark with the author's initial, tinted per author so a page's writers tell apart. */
+function AuthorMark({ author }) {
+	const name = author.includes(":") ? author.slice(author.indexOf(":") + 1) : author;
+	let hash = 0;
+	for (const char of author) hash = hash * 31 + char.charCodeAt(0) | 0;
+	const hues = [
+		"--chart-blue",
+		"--chart-purple",
+		"--chart-green",
+		"--chart-orange",
+		"--chart-pink"
+	];
+	const hue = hues[Math.abs(hash) % hues.length];
+	return /* @__PURE__ */ jsx("span", {
+		"aria-hidden": true,
+		className: "flex size-6 shrink-0 items-center justify-center rounded-full border border-border",
+		style: { background: `color-mix(in oklab, var(${hue}) 28%, var(--card))` },
+		children: /* @__PURE__ */ jsx(Txt, {
+			as: "span",
+			variant: "meta",
+			tone: "ink",
+			children: (name.trim()[0] ?? "?").toUpperCase()
+		})
+	});
+}
+/**
+* The page's address: its home scope, then the keys from that scope down to it
+* (`org:acme#policies/refund`). Null when a page on the way has no key.
+*/
+function knowledgePagePath(page, ancestors) {
+	if (page.isScope) return page.address ?? null;
+	const scope = ancestors.find((candidate) => candidate.id === page.scopeId);
+	if (!scope?.address) return null;
+	const keys = [...ancestors.slice(ancestors.indexOf(scope) + 1).filter((candidate) => !candidate.isScope), page].map((candidate) => candidate.key);
+	if (keys.some((key) => !key)) return null;
+	return `${scope.address}#${keys.join("/")}`;
+}
+function Section({ label, count, children }) {
+	return /* @__PURE__ */ jsxs("section", {
+		"aria-label": label,
+		className: "flex flex-col gap-3",
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: "flex items-center gap-2 border-b border-border pb-2",
+			children: [/* @__PURE__ */ jsx(Txt, {
+				as: "h3",
+				variant: "eyebrow",
+				tone: "muted",
+				className: "uppercase",
+				children: label
+			}), count !== void 0 ? /* @__PURE__ */ jsx(Badge, {
+				variant: "neutral",
+				size: "xs",
+				children: count
+			}) : null]
+		}), children]
+	});
+}
+function PageLink({ page, onPageClick }) {
+	return /* @__PURE__ */ jsx("button", {
+		type: "button",
+		className: "text-left font-medium text-info-indicator hover:underline",
+		onClick: () => onPageClick(page),
+		children: page.name
+	});
+}
+/** One note: who wrote it and when, its text with `[[mentions]]` linked when the page is known, and the scopes it is stamped to. */
+function KnowledgeNoteItem({ note, pagesById, onPageClick, highlighted, itemRef, showPage, compact }) {
+	const mentioned = note.mentions.map((id) => pagesById.get(id)).filter((candidate) => candidate !== void 0);
+	const scopeLabel = (id) => {
+		const scopePage = pagesById.get(id);
+		return scopePage?.address ?? scopePage?.name ?? id;
+	};
+	const onPage = showPage ? pagesById.get(note.pageId) : void 0;
+	return /* @__PURE__ */ jsxs("li", {
+		ref: itemRef,
+		"data-highlighted": highlighted || void 0,
+		className: `flex gap-3 rounded-lg border border-border bg-card ${compact ? "p-2" : "p-3"}`,
+		style: highlighted ? {
+			borderColor: "var(--chart-blue)",
+			boxShadow: "0 0 0 1px var(--chart-blue)"
+		} : void 0,
+		children: [compact ? null : /* @__PURE__ */ jsx(AuthorMark, { author: note.provenance.author }), /* @__PURE__ */ jsxs("div", {
+			className: "flex min-w-0 flex-1 flex-col gap-1.5",
+			children: [
+				/* @__PURE__ */ jsxs("div", {
+					className: "flex flex-wrap items-baseline gap-x-2 gap-y-0.5",
+					children: [
+						/* @__PURE__ */ jsx(Txt, {
+							as: "span",
+							variant: "label",
+							tone: "ink",
+							children: note.provenance.author
+						}),
+						/* @__PURE__ */ jsx(Txt, {
+							as: "span",
+							variant: "caption",
+							tone: "muted",
+							children: /* @__PURE__ */ jsx(When, { iso: note.updatedAt })
+						}),
+						onPage ? /* @__PURE__ */ jsxs(Txt, {
+							as: "span",
+							variant: "caption",
+							tone: "muted",
+							children: ["on ", /* @__PURE__ */ jsx(PageLink, {
+								page: onPage,
+								onPageClick
+							})]
+						}) : null
+					]
+				}),
+				/* @__PURE__ */ jsx("p", {
+					className: "text-ui-md break-words text-foreground",
+					children: parseRecordSegments(note.text).map((segment, index) => {
+						if (segment.type === "text") return /* @__PURE__ */ jsx("span", { children: segment.value }, index);
+						const name = segment.value.trim().toLocaleLowerCase();
+						const target = mentioned.find((candidate) => candidate.name.trim().toLocaleLowerCase() === name);
+						return target ? /* @__PURE__ */ jsx("button", {
+							type: "button",
+							className: "rounded bg-badge-blue-subtle px-1 font-medium text-badge-blue-foreground hover:underline",
+							onClick: () => onPageClick(target),
+							children: segment.value
+						}, index) : /* @__PURE__ */ jsx("span", {
+							className: "font-medium",
+							children: segment.value
+						}, index);
+					})
+				}),
+				note.stampScopeIds.length > 0 ? /* @__PURE__ */ jsx("div", {
+					className: "flex flex-wrap gap-1",
+					"aria-label": "Stamped to",
+					children: note.stampScopeIds.map((id) => /* @__PURE__ */ jsx(Badge, {
+						variant: "neutral",
+						size: "xs",
+						children: scopeLabel(id)
+					}, id))
+				}) : null
+			]
+		})]
+	});
+}
+/**
+* The selected page as a page: where it sits, its body as markdown, its child
+* pages, its notes (each with the scopes it is stamped to and who wrote it),
+* the notes elsewhere that mention it, and its recent activity. Bodies are
+* agent-written, so they render through {@link MarkdownRenderer}, which escapes
+* raw HTML and drops unsafe link schemes.
+*
+* Paged lists take a `…More` slot the host fills with the next page's loader.
+*/
+function KnowledgePageDetail({ page, notes, pin, pagesById, onPageClick, highlightMentionOf, ancestors = [], mentionedBy = [], notesMore, childPages, activity }) {
+	const firstHighlighted = useRef(null);
+	useEffect(() => {
+		firstHighlighted.current?.scrollIntoView?.({ block: "nearest" });
+	}, [highlightMentionOf, notes]);
+	let highlightRefSet = false;
+	const scope = page.isScope ? page : ancestors.find((candidate) => candidate.id === page.scopeId) ?? pagesById.get(page.scopeId);
+	const path = knowledgePagePath(page, ancestors);
+	const kind = page.isScope ? page.displayLabel ?? "Scope" : "Page";
+	return /* @__PURE__ */ jsxs("article", {
+		"aria-label": page.name,
+		className: "flex min-h-0 flex-col overflow-y-auto",
+		children: [/* @__PURE__ */ jsxs("header", {
+			className: "flex flex-col gap-3 border-b border-border bg-fill-subtle px-6 pt-5 pb-4",
+			children: [
+				ancestors.length > 0 ? /* @__PURE__ */ jsx("nav", {
+					"aria-label": "Breadcrumb",
+					children: /* @__PURE__ */ jsx("ol", {
+						className: "flex flex-wrap items-center gap-1",
+						children: ancestors.map((ancestor) => /* @__PURE__ */ jsxs("li", {
+							className: "flex items-center gap-1",
+							children: [/* @__PURE__ */ jsx("button", {
+								type: "button",
+								className: "text-ui-sm rounded px-1 py-0.5 text-muted-foreground hover:bg-fill hover:text-foreground",
+								onClick: () => onPageClick(ancestor),
+								children: ancestor.name
+							}), /* @__PURE__ */ jsx(ChevronRight, {
+								size: 12,
+								className: "text-muted-foreground",
+								"aria-hidden": true
+							})]
+						}, ancestor.id))
+					})
+				}) : null,
+				/* @__PURE__ */ jsxs("div", {
+					className: "flex flex-col gap-1.5",
+					children: [
+						/* @__PURE__ */ jsxs("div", {
+							className: "flex flex-wrap items-center gap-2",
+							children: [
+								/* @__PURE__ */ jsx(Badge, {
+									variant: page.isScope ? "info" : "neutral",
+									size: "sm",
+									children: kind
+								}),
+								page.isScope ? null : /* @__PURE__ */ jsxs(Txt, {
+									as: "span",
+									variant: "caption",
+									tone: "muted",
+									children: ["in ", scope?.address ?? scope?.name ?? page.scopeId]
+								}),
+								pin ? /* @__PURE__ */ jsx(Badge, {
+									variant: "warning",
+									size: "sm",
+									icon: /* @__PURE__ */ jsx(Pin, {
+										size: 10,
+										"aria-hidden": true
+									}),
+									children: pin.audience.length > 0 ? `Pinned for ${pin.audience.join(", ")}` : "Pinned"
+								}) : null
+							]
+						}),
+						/* @__PURE__ */ jsx(Txt, {
+							as: "h2",
+							variant: "title",
+							className: "break-words",
+							children: page.name
+						}),
+						page.description ? /* @__PURE__ */ jsx(Txt, {
+							variant: "body",
+							tone: "muted",
+							children: page.description
+						}) : null
+					]
+				}),
+				/* @__PURE__ */ jsxs("dl", {
+					className: "flex flex-wrap items-center gap-x-4 gap-y-1",
+					children: [
+						page.isScope && page.address ? /* @__PURE__ */ jsxs("div", {
+							className: "flex items-center gap-1.5",
+							children: [/* @__PURE__ */ jsx("dt", {
+								className: "sr-only",
+								children: "Address"
+							}), /* @__PURE__ */ jsx("dd", { children: /* @__PURE__ */ jsx(Txt, {
+								as: "span",
+								variant: "caption",
+								tone: "muted",
+								font: "mono",
+								children: page.address
+							}) })]
+						}) : null,
+						path && !page.isScope ? /* @__PURE__ */ jsxs("div", {
+							className: "flex items-center gap-1.5",
+							children: [/* @__PURE__ */ jsx("dt", {
+								className: "sr-only",
+								children: "Path"
+							}), /* @__PURE__ */ jsx("dd", { children: /* @__PURE__ */ jsx(Txt, {
+								as: "span",
+								variant: "caption",
+								tone: "muted",
+								font: "mono",
+								"data-testid": "knowledge-page-path",
+								children: path
+							}) })]
+						}) : null,
+						/* @__PURE__ */ jsxs("div", {
+							className: "flex items-center gap-1.5",
+							children: [/* @__PURE__ */ jsx("dt", {
+								className: "sr-only",
+								children: "Version"
+							}), /* @__PURE__ */ jsx("dd", { children: /* @__PURE__ */ jsxs(Txt, {
+								as: "span",
+								variant: "caption",
+								tone: "muted",
+								"data-testid": "knowledge-page-version",
+								children: [
+									"Version ",
+									page.version,
+									" · updated ",
+									/* @__PURE__ */ jsx(When, { iso: page.updatedAt }),
+									" by ",
+									page.updatedBy.author
+								]
+							}) })]
+						})
+					]
+				})
+			]
+		}), /* @__PURE__ */ jsxs("div", {
+			className: "grid gap-8 p-6 xl:grid-cols-[minmax(0,1fr)_18rem]",
+			children: [/* @__PURE__ */ jsxs("div", {
+				className: "flex min-w-0 flex-col gap-8",
+				children: [page.body ? /* @__PURE__ */ jsx("div", {
+					"data-testid": "knowledge-page-body",
+					className: "max-w-3xl",
+					children: /* @__PURE__ */ jsx(MarkdownRenderer, { children: page.body })
+				}) : /* @__PURE__ */ jsxs(Txt, {
+					variant: "body",
+					tone: "muted",
+					className: "italic",
+					children: [
+						"This ",
+						page.isScope ? "scope" : "page",
+						" has no body yet."
+					]
+				}), /* @__PURE__ */ jsxs(Section, {
+					label: "Notes",
+					count: notesMore ? void 0 : notes.length,
+					children: [notes.length === 0 ? /* @__PURE__ */ jsx(Txt, {
+						variant: "body",
+						tone: "muted",
+						children: "No notes on this page."
+					}) : /* @__PURE__ */ jsx("ul", {
+						className: "flex flex-col gap-2",
+						children: notes.map((note) => {
+							const highlighted = !!highlightMentionOf && note.mentions.includes(highlightMentionOf);
+							const takeRef = highlighted && !highlightRefSet;
+							if (takeRef) highlightRefSet = true;
+							return /* @__PURE__ */ jsx(KnowledgeNoteItem, {
+								note,
+								pagesById,
+								onPageClick,
+								highlighted,
+								itemRef: takeRef ? (element) => {
+									firstHighlighted.current = element;
+								} : void 0
+							}, note.id);
+						})
+					}), notesMore]
+				})]
+			}), /* @__PURE__ */ jsxs("aside", {
+				className: "flex min-w-0 flex-col gap-8",
+				children: [
+					childPages ? /* @__PURE__ */ jsx(Section, {
+						label: "Pages",
+						children: childPages
+					}) : null,
+					mentionedBy.length > 0 ? /* @__PURE__ */ jsx(Section, {
+						label: "Mentioned in",
+						count: mentionedBy.length,
+						children: /* @__PURE__ */ jsx("ul", {
+							className: "flex flex-col gap-2",
+							children: mentionedBy.map((note) => /* @__PURE__ */ jsx(KnowledgeNoteItem, {
+								note,
+								pagesById,
+								onPageClick,
+								showPage: true,
+								compact: true
+							}, note.id))
+						})
+					}) : null,
+					activity && activity.length > 0 ? /* @__PURE__ */ jsx(Section, {
+						label: "Activity",
+						children: /* @__PURE__ */ jsx("ol", {
+							className: "relative flex flex-col gap-3 border-l border-border pl-4",
+							children: activity.map((event) => /* @__PURE__ */ jsxs("li", {
+								className: "relative flex flex-col",
+								children: [
+									/* @__PURE__ */ jsx("span", {
+										"aria-hidden": true,
+										className: "absolute top-1.5 -left-5 size-2 rounded-full border border-border bg-card"
+									}),
+									/* @__PURE__ */ jsx(Txt, {
+										as: "span",
+										variant: "body-sm",
+										tone: "ink",
+										children: ACTIVITY_LABELS[event.action] ?? event.action
+									}),
+									/* @__PURE__ */ jsxs(Txt, {
+										as: "span",
+										variant: "caption",
+										tone: "muted",
+										children: [
+											event.provenance.author,
+											" · ",
+											/* @__PURE__ */ jsx(When, { iso: event.createdAt })
+										]
+									})
+								]
+							}, event.id))
+						})
+					}) : null
+				]
+			})]
+		})]
+	});
+}
+export { KnowledgeNoteItem, KnowledgePageDetail };
+
+//# sourceMappingURL=KnowledgePageDetail.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"KnowledgePageDetail.es.js","names":[],"sources":["../../../../src/domains/knowledge/components/KnowledgePageDetail.tsx"],"sourcesContent":["import { ChevronRight, Pin } from 'lucide-react';\nimport { useEffect, useRef } from 'react';\nimport type { ReactNode } from 'react';\n\nimport { parseRecordSegments } from '../lib/recordText';\nimport type {\n  KnowledgeActivityAction,\n  KnowledgePageActivityPayload,\n  KnowledgeNotePayload,\n  KnowledgePagePayload,\n  KnowledgePinPayload,\n} from '../pageTypes';\n\nimport { Badge } from '@/ds/components/Badge';\nimport { MarkdownRenderer } from '@/ds/components/MarkdownRenderer';\nimport { Txt } from '@/ds/components/Txt';\n\nconst ACTIVITY_LABELS: Record<KnowledgeActivityAction, string> = {\n  'scope-created': 'Scope created',\n  'page-created': 'Page created',\n  'page-updated': 'Page edited',\n  'page-moved': 'Page moved',\n  'page-merged': 'Page merged',\n  'page-deleted': 'Page deleted',\n  'note-added': 'Note added',\n  'note-restamped': 'Note restamped',\n  'note-removed': 'Note removed',\n  'note-restored': 'Note restored',\n  'pin-added': 'Pinned',\n  'pin-removed': 'Unpinned',\n};\n\nfunction formatWhen(iso: string): string {\n  const date = new Date(iso);\n  return Number.isNaN(date.getTime())\n    ? iso\n    : date.toLocaleString(undefined, { dateStyle: 'medium', timeStyle: 'short' });\n}\n\nconst RELATIVE_STEPS: Array<[Intl.RelativeTimeFormatUnit, number]> = [\n  ['second', 60],\n  ['minute', 60],\n  ['hour', 24],\n  ['day', 7],\n  ['week', 4.35],\n  ['month', 12],\n  ['year', Infinity],\n];\n\n/** \"3 minutes ago\", with the exact time left to a tooltip. */\nfunction formatAgo(iso: string, now = Date.now()): string {\n  const time = new Date(iso).getTime();\n  if (Number.isNaN(time)) return iso;\n  let value = (time - now) / 1000;\n  const format = new Intl.RelativeTimeFormat(undefined, { numeric: 'auto' });\n  for (const [unit, size] of RELATIVE_STEPS) {\n    if (Math.abs(value) < size) return format.format(Math.round(value), unit);\n    value /= size;\n  }\n  return formatWhen(iso);\n}\n\nfunction When({ iso }: { iso: string }) {\n  return (\n    <time dateTime={iso} title={formatWhen(iso)}>\n      {formatAgo(iso)}\n    </time>\n  );\n}\n\n/** A small round mark with the author's initial, tinted per author so a page's writers tell apart. */\nfunction AuthorMark({ author }: { author: string }) {\n  const name = author.includes(':') ? author.slice(author.indexOf(':') + 1) : author;\n  let hash = 0;\n  for (const char of author) hash = (hash * 31 + char.charCodeAt(0)) | 0;\n  const hues = ['--chart-blue', '--chart-purple', '--chart-green', '--chart-orange', '--chart-pink'];\n  const hue = hues[Math.abs(hash) % hues.length];\n  return (\n    <span\n      aria-hidden\n      className=\"flex size-6 shrink-0 items-center justify-center rounded-full border border-border\"\n      style={{ background: `color-mix(in oklab, var(${hue}) 28%, var(--card))` }}\n    >\n      <Txt as=\"span\" variant=\"meta\" tone=\"ink\">\n        {(name.trim()[0] ?? '?').toUpperCase()}\n      </Txt>\n    </span>\n  );\n}\n\n/**\n * The page's address: its home scope, then the keys from that scope down to it\n * (`org:acme#policies/refund`). Null when a page on the way has no key.\n */\nfunction knowledgePagePath(page: KnowledgePagePayload, ancestors: KnowledgePagePayload[]): string | null {\n  if (page.isScope) return page.address ?? null;\n  const scope = ancestors.find(candidate => candidate.id === page.scopeId);\n  if (!scope?.address) return null;\n  const below = ancestors.slice(ancestors.indexOf(scope) + 1).filter(candidate => !candidate.isScope);\n  const keys = [...below, page].map(candidate => candidate.key);\n  if (keys.some(key => !key)) return null;\n  return `${scope.address}#${keys.join('/')}`;\n}\n\nfunction Section({ label, count, children }: { label: string; count?: number; children: ReactNode }) {\n  return (\n    <section aria-label={label} className=\"flex flex-col gap-3\">\n      <div className=\"flex items-center gap-2 border-b border-border pb-2\">\n        <Txt as=\"h3\" variant=\"eyebrow\" tone=\"muted\" className=\"uppercase\">\n          {label}\n        </Txt>\n        {count !== undefined ? (\n          <Badge variant=\"neutral\" size=\"xs\">\n            {count}\n          </Badge>\n        ) : null}\n      </div>\n      {children}\n    </section>\n  );\n}\n\nfunction PageLink({\n  page,\n  onPageClick,\n}: {\n  page: KnowledgePagePayload;\n  onPageClick: (page: KnowledgePagePayload) => void;\n}) {\n  return (\n    <button\n      type=\"button\"\n      className=\"text-left font-medium text-info-indicator hover:underline\"\n      onClick={() => onPageClick(page)}\n    >\n      {page.name}\n    </button>\n  );\n}\n\n/** One note: who wrote it and when, its text with `[[mentions]]` linked when the page is known, and the scopes it is stamped to. */\nexport function KnowledgeNoteItem({\n  note,\n  pagesById,\n  onPageClick,\n  highlighted,\n  itemRef,\n  showPage,\n  compact,\n}: {\n  note: KnowledgeNotePayload;\n  pagesById: ReadonlyMap<string, KnowledgePagePayload>;\n  onPageClick: (page: KnowledgePagePayload) => void;\n  highlighted?: boolean;\n  itemRef?: (element: HTMLLIElement | null) => void;\n  /** Name the page the note sits on, for notes listed away from it. */\n  showPage?: boolean;\n  /** A tighter layout for popups. */\n  compact?: boolean;\n}) {\n  const mentioned = note.mentions.map(id => pagesById.get(id)).filter(candidate => candidate !== undefined);\n  const scopeLabel = (id: string) => {\n    const scopePage = pagesById.get(id);\n    return scopePage?.address ?? scopePage?.name ?? id;\n  };\n  const onPage = showPage ? pagesById.get(note.pageId) : undefined;\n  return (\n    <li\n      ref={itemRef}\n      data-highlighted={highlighted || undefined}\n      className={`flex gap-3 rounded-lg border border-border bg-card ${compact ? 'p-2' : 'p-3'}`}\n      style={highlighted ? { borderColor: 'var(--chart-blue)', boxShadow: '0 0 0 1px var(--chart-blue)' } : undefined}\n    >\n      {compact ? null : <AuthorMark author={note.provenance.author} />}\n      <div className=\"flex min-w-0 flex-1 flex-col gap-1.5\">\n        <div className=\"flex flex-wrap items-baseline gap-x-2 gap-y-0.5\">\n          <Txt as=\"span\" variant=\"label\" tone=\"ink\">\n            {note.provenance.author}\n          </Txt>\n          <Txt as=\"span\" variant=\"caption\" tone=\"muted\">\n            <When iso={note.updatedAt} />\n          </Txt>\n          {onPage ? (\n            <Txt as=\"span\" variant=\"caption\" tone=\"muted\">\n              on <PageLink page={onPage} onPageClick={onPageClick} />\n            </Txt>\n          ) : null}\n        </div>\n        <p className=\"text-ui-md break-words text-foreground\">\n          {parseRecordSegments(note.text).map((segment, index) => {\n            if (segment.type === 'text') return <span key={index}>{segment.value}</span>;\n            const name = segment.value.trim().toLocaleLowerCase();\n            const target = mentioned.find(candidate => candidate.name.trim().toLocaleLowerCase() === name);\n            return target ? (\n              <button\n                key={index}\n                type=\"button\"\n                className=\"rounded bg-badge-blue-subtle px-1 font-medium text-badge-blue-foreground hover:underline\"\n                onClick={() => onPageClick(target)}\n              >\n                {segment.value}\n              </button>\n            ) : (\n              <span key={index} className=\"font-medium\">\n                {segment.value}\n              </span>\n            );\n          })}\n        </p>\n        {note.stampScopeIds.length > 0 ? (\n          <div className=\"flex flex-wrap gap-1\" aria-label=\"Stamped to\">\n            {note.stampScopeIds.map(id => (\n              <Badge key={id} variant=\"neutral\" size=\"xs\">\n                {scopeLabel(id)}\n              </Badge>\n            ))}\n          </div>\n        ) : null}\n      </div>\n    </li>\n  );\n}\n\n/**\n * The selected page as a page: where it sits, its body as markdown, its child\n * pages, its notes (each with the scopes it is stamped to and who wrote it),\n * the notes elsewhere that mention it, and its recent activity. Bodies are\n * agent-written, so they render through {@link MarkdownRenderer}, which escapes\n * raw HTML and drops unsafe link schemes.\n *\n * Paged lists take a `…More` slot the host fills with the next page's loader.\n */\nexport function KnowledgePageDetail({\n  page,\n  notes,\n  pin,\n  pagesById,\n  onPageClick,\n  highlightMentionOf,\n  ancestors = [],\n  mentionedBy = [],\n  notesMore,\n  childPages,\n  activity,\n}: {\n  page: KnowledgePagePayload;\n  notes: KnowledgeNotePayload[];\n  pin?: KnowledgePinPayload;\n  /** Loaded pages, for scope names and mention links. */\n  pagesById: ReadonlyMap<string, KnowledgePagePayload>;\n  onPageClick: (page: KnowledgePagePayload) => void;\n  /** Marks the notes that mention this page, e.g. after a mention line in the graph was clicked. */\n  highlightMentionOf?: string;\n  /** Readable ancestors, root first: a breadcrumb and the page's path. */\n  ancestors?: KnowledgePagePayload[];\n  /** Notes on other pages that mention this one. */\n  mentionedBy?: KnowledgeNotePayload[];\n  /** Rendered after the notes: the host's loader for the next page of notes. */\n  notesMore?: ReactNode;\n  /** The page's children, when the host can list them. */\n  childPages?: ReactNode;\n  activity?: KnowledgePageActivityPayload[];\n}) {\n  const firstHighlighted = useRef<HTMLLIElement | null>(null);\n  useEffect(() => {\n    firstHighlighted.current?.scrollIntoView?.({ block: 'nearest' });\n  }, [highlightMentionOf, notes]);\n  let highlightRefSet = false;\n  const scope = page.isScope\n    ? page\n    : (ancestors.find(candidate => candidate.id === page.scopeId) ?? pagesById.get(page.scopeId));\n  const path = knowledgePagePath(page, ancestors);\n\n  const kind = page.isScope ? (page.displayLabel ?? 'Scope') : 'Page';\n\n  return (\n    <article aria-label={page.name} className=\"flex min-h-0 flex-col overflow-y-auto\">\n      <header className=\"flex flex-col gap-3 border-b border-border bg-fill-subtle px-6 pt-5 pb-4\">\n        {ancestors.length > 0 ? (\n          <nav aria-label=\"Breadcrumb\">\n            <ol className=\"flex flex-wrap items-center gap-1\">\n              {ancestors.map(ancestor => (\n                <li key={ancestor.id} className=\"flex items-center gap-1\">\n                  <button\n                    type=\"button\"\n                    className=\"text-ui-sm rounded px-1 py-0.5 text-muted-foreground hover:bg-fill hover:text-foreground\"\n                    onClick={() => onPageClick(ancestor)}\n                  >\n                    {ancestor.name}\n                  </button>\n                  <ChevronRight size={12} className=\"text-muted-foreground\" aria-hidden />\n                </li>\n              ))}\n            </ol>\n          </nav>\n        ) : null}\n        <div className=\"flex flex-col gap-1.5\">\n          <div className=\"flex flex-wrap items-center gap-2\">\n            <Badge variant={page.isScope ? 'info' : 'neutral'} size=\"sm\">\n              {kind}\n            </Badge>\n            {page.isScope ? null : (\n              <Txt as=\"span\" variant=\"caption\" tone=\"muted\">\n                in {scope?.address ?? scope?.name ?? page.scopeId}\n              </Txt>\n            )}\n            {pin ? (\n              <Badge variant=\"warning\" size=\"sm\" icon={<Pin size={10} aria-hidden />}>\n                {pin.audience.length > 0 ? `Pinned for ${pin.audience.join(', ')}` : 'Pinned'}\n              </Badge>\n            ) : null}\n          </div>\n          <Txt as=\"h2\" variant=\"title\" className=\"break-words\">\n            {page.name}\n          </Txt>\n          {page.description ? (\n            <Txt variant=\"body\" tone=\"muted\">\n              {page.description}\n            </Txt>\n          ) : null}\n        </div>\n        <dl className=\"flex flex-wrap items-center gap-x-4 gap-y-1\">\n          {page.isScope && page.address ? (\n            <div className=\"flex items-center gap-1.5\">\n              <dt className=\"sr-only\">Address</dt>\n              <dd>\n                <Txt as=\"span\" variant=\"caption\" tone=\"muted\" font=\"mono\">\n                  {page.address}\n                </Txt>\n              </dd>\n            </div>\n          ) : null}\n          {path && !page.isScope ? (\n            <div className=\"flex items-center gap-1.5\">\n              <dt className=\"sr-only\">Path</dt>\n              <dd>\n                <Txt as=\"span\" variant=\"caption\" tone=\"muted\" font=\"mono\" data-testid=\"knowledge-page-path\">\n                  {path}\n                </Txt>\n              </dd>\n            </div>\n          ) : null}\n          <div className=\"flex items-center gap-1.5\">\n            <dt className=\"sr-only\">Version</dt>\n            <dd>\n              <Txt as=\"span\" variant=\"caption\" tone=\"muted\" data-testid=\"knowledge-page-version\">\n                Version {page.version} · updated <When iso={page.updatedAt} /> by {page.updatedBy.author}\n              </Txt>\n            </dd>\n          </div>\n        </dl>\n      </header>\n\n      <div className=\"grid gap-8 p-6 xl:grid-cols-[minmax(0,1fr)_18rem]\">\n        <div className=\"flex min-w-0 flex-col gap-8\">\n          {page.body ? (\n            <div data-testid=\"knowledge-page-body\" className=\"max-w-3xl\">\n              <MarkdownRenderer>{page.body}</MarkdownRenderer>\n            </div>\n          ) : (\n            <Txt variant=\"body\" tone=\"muted\" className=\"italic\">\n              This {page.isScope ? 'scope' : 'page'} has no body yet.\n            </Txt>\n          )}\n\n          <Section label=\"Notes\" count={notesMore ? undefined : notes.length}>\n            {notes.length === 0 ? (\n              <Txt variant=\"body\" tone=\"muted\">\n                No notes on this page.\n              </Txt>\n            ) : (\n              <ul className=\"flex flex-col gap-2\">\n                {notes.map(note => {\n                  const highlighted = !!highlightMentionOf && note.mentions.includes(highlightMentionOf);\n                  const takeRef = highlighted && !highlightRefSet;\n                  if (takeRef) highlightRefSet = true;\n                  return (\n                    <KnowledgeNoteItem\n                      key={note.id}\n                      note={note}\n                      pagesById={pagesById}\n                      onPageClick={onPageClick}\n                      highlighted={highlighted}\n                      itemRef={\n                        takeRef\n                          ? element => {\n                              firstHighlighted.current = element;\n                            }\n                          : undefined\n                      }\n                    />\n                  );\n                })}\n              </ul>\n            )}\n            {notesMore}\n          </Section>\n        </div>\n\n        <aside className=\"flex min-w-0 flex-col gap-8\">\n          {childPages ? <Section label=\"Pages\">{childPages}</Section> : null}\n\n          {mentionedBy.length > 0 ? (\n            <Section label=\"Mentioned in\" count={mentionedBy.length}>\n              <ul className=\"flex flex-col gap-2\">\n                {mentionedBy.map(note => (\n                  <KnowledgeNoteItem\n                    key={note.id}\n                    note={note}\n                    pagesById={pagesById}\n                    onPageClick={onPageClick}\n                    showPage\n                    compact\n                  />\n                ))}\n              </ul>\n            </Section>\n          ) : null}\n\n          {activity && activity.length > 0 ? (\n            <Section label=\"Activity\">\n              <ol className=\"relative flex flex-col gap-3 border-l border-border pl-4\">\n                {activity.map(event => (\n                  <li key={event.id} className=\"relative flex flex-col\">\n                    <span\n                      aria-hidden\n                      className=\"absolute top-1.5 -left-5 size-2 rounded-full border border-border bg-card\"\n                    />\n                    <Txt as=\"span\" variant=\"body-sm\" tone=\"ink\">\n                      {ACTIVITY_LABELS[event.action] ?? event.action}\n                    </Txt>\n                    <Txt as=\"span\" variant=\"caption\" tone=\"muted\">\n                      {event.provenance.author} · <When iso={event.createdAt} />\n                    </Txt>\n                  </li>\n                ))}\n              </ol>\n            </Section>\n          ) : null}\n        </aside>\n      </div>\n    </article>\n  );\n}\n"],"mappings":"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"}