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

package/dist/domains/dashboards/lib/chrome.es.js

@@ -15,9 +15,16 @@ var viewValue = (label, index) => {
 var viewLabel = (label, index) => label?.trim() || `View ${index + 1}`;
 /**
 * The card title for the open view: the widget's title for a single view; with several, the open
-* view's label, as a menu of every view (as the metrics cards switch views).
+* view's label, as a menu of every view (as the metrics cards switch views). With somewhere to
+* expand to, the widget's title links there instead.
 */
-function viewTitle(widget, views, index, onChoose) {
+function viewTitle(widget, views, index, onChoose, expand) {
+	const href = expand?.href(widget);
+	if (href) return {
+		title: widget.title?.trim() ? widget.title : viewLabel(views[0]?.label, 0),
+		href,
+		LinkComponent: expand?.LinkComponent
+	};
 	if (views.length < 2) return { title: widget.title ?? "" };
 	const options = views.map((v, i) => ({
 		value: viewValue(v.label, i),

package/dist/domains/dashboards/lib/chrome.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"chrome.es.js","names":[],"sources":["../../../../src/domains/dashboards/lib/chrome.ts"],"sourcesContent":["import type { DashboardWidget, DashboardWidgetView } from '@mastra/client-js';\nimport type { ChartCardProps } from '../../metrics/components/chart-card';\n\n/** What a widget's card shows as its title: `title`, and `titleMenu` with several views. */\nexport type ViewHeading = Pick<ChartCardProps, 'title' | 'titleMenu'>;\n\n/** Filters a gate can't apply, named as the filter bar names them. */\nconst FILTER_NAMES: Record<string, string> = {\n  serviceName: 'service',\n  requestId: 'request ID',\n  experimentId: 'experiment',\n};\n\nexport const unsupportedMessage = (fields: string[], names: Record<string, string> = FILTER_NAMES) =>\n  `Not available with a ${fields.map(f => names[f] ?? f).join(' or ')} filter.`;\n\n/** A view's value in the card's menu: its label in kebab case (`Token usage` → `token-usage`), or its position when unlabelled or blank. */\nexport const viewValue = (label: string | undefined, index: number) => {\n  const trimmed = label?.trim();\n  return trimmed ? trimmed.toLowerCase().replace(/\\s+/g, '-') : String(index);\n};\n\n/** A view's visible name: its label, or `View n` when unlabelled or blank, so every option has an accessible name. */\nexport const viewLabel = (label: string | undefined, index: number) => label?.trim() || `View ${index + 1}`;\n\n/**\n * The card title for the open view: the widget's title for a single view; with several, the open\n * view's label, as a menu of every view (as the metrics cards switch views).\n */\nexport function viewTitle(\n  widget: DashboardWidget,\n  views: readonly DashboardWidgetView[],\n  index: number,\n  onChoose: (index: number) => void,\n): ViewHeading {\n  if (views.length < 2) return { title: widget.title ?? '' };\n  const options = views.map((v, i) => ({ value: viewValue(v.label, i), label: viewLabel(v.label, i) }));\n  return {\n    title: options[index]?.label ?? '',\n    titleMenu: {\n      value: options[index]?.value ?? '',\n      onValueChange: (value: string) => onChoose(options.findIndex(o => o.value === value)),\n      options,\n    },\n  };\n}\n"],"mappings":";;AAOA,IAAM,eAAuC;CAC3C,aAAa;CACb,WAAW;CACX,cAAc;AAChB;AAEA,IAAa,sBAAsB,QAAkB,QAAgC,iBACnF,wBAAwB,OAAO,KAAI,MAAK,MAAM,MAAM,CAAC,CAAC,CAAC,KAAK,MAAM,EAAE;;AAGtE,IAAa,aAAa,OAA2B,UAAkB;CACrE,MAAM,UAAU,OAAO,KAAK;CAC5B,OAAO,UAAU,QAAQ,YAAY,CAAC,CAAC,QAAQ,QAAQ,GAAG,IAAI,OAAO,KAAK;AAC5E;;AAGA,IAAa,aAAa,OAA2B,UAAkB,OAAO,KAAK,KAAK,QAAQ,QAAQ;;;;;AAMxG,SAAgB,UACd,QACA,OACA,OACA,UACa;CACb,IAAI,MAAM,SAAS,GAAG,OAAO,EAAE,OAAO,OAAO,SAAS,GAAG;CACzD,MAAM,UAAU,MAAM,KAAK,GAAG,OAAO;EAAE,OAAO,UAAU,EAAE,OAAO,CAAC;EAAG,OAAO,UAAU,EAAE,OAAO,CAAC;CAAE,EAAE;CACpG,OAAO;EACL,OAAO,QAAQ,MAAM,EAAE,SAAS;EAChC,WAAW;GACT,OAAO,QAAQ,MAAM,EAAE,SAAS;GAChC,gBAAgB,UAAkB,SAAS,QAAQ,WAAU,MAAK,EAAE,UAAU,KAAK,CAAC;GACpF;EACF;CACF;AACF"}
+{"version":3,"file":"chrome.es.js","names":[],"sources":["../../../../src/domains/dashboards/lib/chrome.ts"],"sourcesContent":["import type { DashboardWidget, DashboardWidgetView } from '@mastra/client-js';\nimport type { ChartCardProps } from '../../metrics/components/chart-card';\nimport type { DashboardExpand } from '../widget-kind';\n\n/** What a widget's card shows as its title: `title`, and `titleMenu` with several views or an expand link. */\nexport type ViewHeading = Pick<ChartCardProps, 'title' | 'titleMenu' | 'href' | 'LinkComponent'>;\n\n/** Filters a gate can't apply, named as the filter bar names them. */\nconst FILTER_NAMES: Record<string, string> = {\n  serviceName: 'service',\n  requestId: 'request ID',\n  experimentId: 'experiment',\n};\n\nexport const unsupportedMessage = (fields: string[], names: Record<string, string> = FILTER_NAMES) =>\n  `Not available with a ${fields.map(f => names[f] ?? f).join(' or ')} filter.`;\n\n/** A view's value in the card's menu: its label in kebab case (`Token usage` → `token-usage`), or its position when unlabelled or blank. */\nexport const viewValue = (label: string | undefined, index: number) => {\n  const trimmed = label?.trim();\n  return trimmed ? trimmed.toLowerCase().replace(/\\s+/g, '-') : String(index);\n};\n\n/** A view's visible name: its label, or `View n` when unlabelled or blank, so every option has an accessible name. */\nexport const viewLabel = (label: string | undefined, index: number) => label?.trim() || `View ${index + 1}`;\n\n/**\n * The card title for the open view: the widget's title for a single view; with several, the open\n * view's label, as a menu of every view (as the metrics cards switch views). With somewhere to\n * expand to, the widget's title links there instead.\n */\nexport function viewTitle(\n  widget: DashboardWidget,\n  views: readonly DashboardWidgetView[],\n  index: number,\n  onChoose: (index: number) => void,\n  expand?: DashboardExpand,\n): ViewHeading {\n  const href = expand?.href(widget);\n  if (href) {\n    // A link needs a name: a blank title falls back to the first view's label.\n    const title = widget.title?.trim() ? widget.title : viewLabel(views[0]?.label, 0);\n    return { title, href, LinkComponent: expand?.LinkComponent };\n  }\n  if (views.length < 2) return { title: widget.title ?? '' };\n  const options = views.map((v, i) => ({ value: viewValue(v.label, i), label: viewLabel(v.label, i) }));\n  return {\n    title: options[index]?.label ?? '',\n    titleMenu: {\n      value: options[index]?.value ?? '',\n      onValueChange: (value: string) => onChoose(options.findIndex(o => o.value === value)),\n      options,\n    },\n  };\n}\n"],"mappings":";;AAQA,IAAM,eAAuC;CAC3C,aAAa;CACb,WAAW;CACX,cAAc;AAChB;AAEA,IAAa,sBAAsB,QAAkB,QAAgC,iBACnF,wBAAwB,OAAO,KAAI,MAAK,MAAM,MAAM,CAAC,CAAC,CAAC,KAAK,MAAM,EAAE;;AAGtE,IAAa,aAAa,OAA2B,UAAkB;CACrE,MAAM,UAAU,OAAO,KAAK;CAC5B,OAAO,UAAU,QAAQ,YAAY,CAAC,CAAC,QAAQ,QAAQ,GAAG,IAAI,OAAO,KAAK;AAC5E;;AAGA,IAAa,aAAa,OAA2B,UAAkB,OAAO,KAAK,KAAK,QAAQ,QAAQ;;;;;;AAOxG,SAAgB,UACd,QACA,OACA,OACA,UACA,QACa;CACb,MAAM,OAAO,QAAQ,KAAK,MAAM;CAChC,IAAI,MAGF,OAAO;EAAE,OADK,OAAO,OAAO,KAAK,IAAI,OAAO,QAAQ,UAAU,MAAM,EAAE,EAAE,OAAO,CAAC;EAChE;EAAM,eAAe,QAAQ;CAAc;CAE7D,IAAI,MAAM,SAAS,GAAG,OAAO,EAAE,OAAO,OAAO,SAAS,GAAG;CACzD,MAAM,UAAU,MAAM,KAAK,GAAG,OAAO;EAAE,OAAO,UAAU,EAAE,OAAO,CAAC;EAAG,OAAO,UAAU,EAAE,OAAO,CAAC;CAAE,EAAE;CACpG,OAAO;EACL,OAAO,QAAQ,MAAM,EAAE,SAAS;EAChC,WAAW;GACT,OAAO,QAAQ,MAAM,EAAE,SAAS;GAChC,gBAAgB,UAAkB,SAAS,QAAQ,WAAU,MAAK,EAAE,UAAU,KAAK,CAAC;GACpF;EACF;CACF;AACF"}

package/dist/domains/dashboards/widget-kind.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"widget-kind.cjs.js","names":[],"sources":["../../../src/domains/dashboards/widget-kind.ts"],"sourcesContent":["import type { DashboardWidget, DashboardWidgetView } from '@mastra/client-js';\nimport type { ComponentType } from 'react';\nimport type { z } from 'zod/v4';\nimport type { DashboardScope, OnDashboardDrilldown } from './lib/definition';\n\n/** A view whose options passed its kind's schema. */\nexport type ResolvedView<Options> = DashboardWidgetView & { options: Options };\n\nexport type WidgetKindProps<Options> = {\n  widget: DashboardWidget;\n  /** The views at the page's scope, options parsed. Never empty. */\n  views: [ResolvedView<Options>, ...ResolvedView<Options>[]];\n  scope: DashboardScope;\n  onDrilldown?: OnDashboardDrilldown;\n};\n\n/**\n * One kind of widget, self-contained: the renderer only looks it up by name, checks each view's\n * options against `optionsSchema`, and renders `component`.\n */\nexport type WidgetKind<Options = unknown> = {\n  kind: string;\n  /** Each view's `options`, parsed before the widget renders. */\n  optionsSchema: z.ZodType<Options>;\n  /** Further problems with a view, e.g. options naming a query the view doesn't have. */\n  issues?: (view: ResolvedView<Options>) => string[];\n  component: ComponentType<WidgetKindProps<Options>>;\n};\n\n/** Keeps a kind's options type while it joins a list of kinds of different options. */\nexport const defineWidgetKind = <Options>(kind: WidgetKind<Options>): WidgetKind<Options> => kind;\n\n/** A registry entry, whatever its options. */\nexport type AnyWidgetKind = WidgetKind<any>;\n"],"mappings":";;;AA8BA,IAAa,oBAA6B,SAAmD"}
+{"version":3,"file":"widget-kind.cjs.js","names":[],"sources":["../../../src/domains/dashboards/widget-kind.ts"],"sourcesContent":["import type { DashboardWidget, DashboardWidgetView } from '@mastra/client-js';\nimport type { ComponentType } from 'react';\nimport type { z } from 'zod/v4';\nimport type { ChartCardProps } from '../metrics/components/chart-card';\nimport type { DashboardScope, OnDashboardDrilldown } from './lib/definition';\n\n/** A view whose options passed its kind's schema. */\nexport type ResolvedView<Options> = DashboardWidgetView & { options: Options };\n\nexport type WidgetKindProps<Options> = {\n  widget: DashboardWidget;\n  /** The views at the page's scope, options parsed. Never empty. */\n  views: [ResolvedView<Options>, ...ResolvedView<Options>[]];\n  scope: DashboardScope;\n  onDrilldown?: OnDashboardDrilldown;\n  /** Where a chart card expands to; see `DashboardExpand`. */\n  expand?: DashboardExpand;\n};\n\n/**\n * Where a chart widget expands to (a host's query page), as the Gateway Overview's cards do: the card\n * shows its title with an expand icon linking there, in place of its views menu, on its first view.\n * `href` returns `undefined` for a widget with nowhere to go; that card keeps its menu.\n */\nexport type DashboardExpand = {\n  href: (widget: DashboardWidget) => string | undefined;\n  LinkComponent: NonNullable<ChartCardProps['LinkComponent']>;\n};\n\n/**\n * One kind of widget, self-contained: the renderer only looks it up by name, checks each view's\n * options against `optionsSchema`, and renders `component`.\n */\nexport type WidgetKind<Options = unknown> = {\n  kind: string;\n  /** Each view's `options`, parsed before the widget renders. */\n  optionsSchema: z.ZodType<Options>;\n  /** Further problems with a view, e.g. options naming a query the view doesn't have. */\n  issues?: (view: ResolvedView<Options>) => string[];\n  component: ComponentType<WidgetKindProps<Options>>;\n};\n\n/** Keeps a kind's options type while it joins a list of kinds of different options. */\nexport const defineWidgetKind = <Options>(kind: WidgetKind<Options>): WidgetKind<Options> => kind;\n\n/** A registry entry, whatever its options. */\nexport type AnyWidgetKind = WidgetKind<any>;\n"],"mappings":";;;AA2CA,IAAa,oBAA6B,SAAmD"}

package/dist/domains/dashboards/widget-kind.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"widget-kind.es.js","names":[],"sources":["../../../src/domains/dashboards/widget-kind.ts"],"sourcesContent":["import type { DashboardWidget, DashboardWidgetView } from '@mastra/client-js';\nimport type { ComponentType } from 'react';\nimport type { z } from 'zod/v4';\nimport type { DashboardScope, OnDashboardDrilldown } from './lib/definition';\n\n/** A view whose options passed its kind's schema. */\nexport type ResolvedView<Options> = DashboardWidgetView & { options: Options };\n\nexport type WidgetKindProps<Options> = {\n  widget: DashboardWidget;\n  /** The views at the page's scope, options parsed. Never empty. */\n  views: [ResolvedView<Options>, ...ResolvedView<Options>[]];\n  scope: DashboardScope;\n  onDrilldown?: OnDashboardDrilldown;\n};\n\n/**\n * One kind of widget, self-contained: the renderer only looks it up by name, checks each view's\n * options against `optionsSchema`, and renders `component`.\n */\nexport type WidgetKind<Options = unknown> = {\n  kind: string;\n  /** Each view's `options`, parsed before the widget renders. */\n  optionsSchema: z.ZodType<Options>;\n  /** Further problems with a view, e.g. options naming a query the view doesn't have. */\n  issues?: (view: ResolvedView<Options>) => string[];\n  component: ComponentType<WidgetKindProps<Options>>;\n};\n\n/** Keeps a kind's options type while it joins a list of kinds of different options. */\nexport const defineWidgetKind = <Options>(kind: WidgetKind<Options>): WidgetKind<Options> => kind;\n\n/** A registry entry, whatever its options. */\nexport type AnyWidgetKind = WidgetKind<any>;\n"],"mappings":";;AA8BA,IAAa,oBAA6B,SAAmD"}
+{"version":3,"file":"widget-kind.es.js","names":[],"sources":["../../../src/domains/dashboards/widget-kind.ts"],"sourcesContent":["import type { DashboardWidget, DashboardWidgetView } from '@mastra/client-js';\nimport type { ComponentType } from 'react';\nimport type { z } from 'zod/v4';\nimport type { ChartCardProps } from '../metrics/components/chart-card';\nimport type { DashboardScope, OnDashboardDrilldown } from './lib/definition';\n\n/** A view whose options passed its kind's schema. */\nexport type ResolvedView<Options> = DashboardWidgetView & { options: Options };\n\nexport type WidgetKindProps<Options> = {\n  widget: DashboardWidget;\n  /** The views at the page's scope, options parsed. Never empty. */\n  views: [ResolvedView<Options>, ...ResolvedView<Options>[]];\n  scope: DashboardScope;\n  onDrilldown?: OnDashboardDrilldown;\n  /** Where a chart card expands to; see `DashboardExpand`. */\n  expand?: DashboardExpand;\n};\n\n/**\n * Where a chart widget expands to (a host's query page), as the Gateway Overview's cards do: the card\n * shows its title with an expand icon linking there, in place of its views menu, on its first view.\n * `href` returns `undefined` for a widget with nowhere to go; that card keeps its menu.\n */\nexport type DashboardExpand = {\n  href: (widget: DashboardWidget) => string | undefined;\n  LinkComponent: NonNullable<ChartCardProps['LinkComponent']>;\n};\n\n/**\n * One kind of widget, self-contained: the renderer only looks it up by name, checks each view's\n * options against `optionsSchema`, and renders `component`.\n */\nexport type WidgetKind<Options = unknown> = {\n  kind: string;\n  /** Each view's `options`, parsed before the widget renders. */\n  optionsSchema: z.ZodType<Options>;\n  /** Further problems with a view, e.g. options naming a query the view doesn't have. */\n  issues?: (view: ResolvedView<Options>) => string[];\n  component: ComponentType<WidgetKindProps<Options>>;\n};\n\n/** Keeps a kind's options type while it joins a list of kinds of different options. */\nexport const defineWidgetKind = <Options>(kind: WidgetKind<Options>): WidgetKind<Options> => kind;\n\n/** A registry entry, whatever its options. */\nexport type AnyWidgetKind = WidgetKind<any>;\n"],"mappings":";;AA2CA,IAAa,oBAA6B,SAAmD"}

package/dist/domains/knowledge/components/KnowledgePageCard.cjs.js

@@ -0,0 +1,48 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_Txt = require("../../../Txt-BnoSqxKE.cjs");
+const require_domains_knowledge_lib_linkCountsText = require("../lib/linkCountsText.cjs.js");
+let react_jsx_runtime = require("react/jsx-runtime");
+// src/domains/knowledge/components/KnowledgePageCard.tsx
+/**
+* What the explorer's graph tooltip says about a page: name, kind and ref, children, links. The graph's
+* dots and the hover cards on page links in chat both draw it.
+*/
+function KnowledgePageCard({ name, kind, pageRef, path, childCount, links, notShown }) {
+	const children = childCount && childCount !== "0" ? `${childCount} ${childCount === "1" ? "child" : "children"}` : null;
+	const linkText = links && (links.in > 0 || links.out > 0) ? require_domains_knowledge_lib_linkCountsText.linkCountsText(links, notShown) : null;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+		/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Txt.Txt, {
+			as: "span",
+			variant: "label",
+			tone: "ink",
+			children: name
+		}),
+		/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Txt.Txt, {
+			as: "span",
+			variant: "meta",
+			tone: "muted",
+			children: pageRef ? `${kind} · ${pageRef}` : kind
+		}),
+		path ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Txt.Txt, {
+			as: "span",
+			variant: "meta",
+			tone: "muted",
+			children: path
+		}) : null,
+		children ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Txt.Txt, {
+			as: "span",
+			variant: "meta",
+			tone: "muted",
+			children
+		}) : null,
+		linkText ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Txt.Txt, {
+			as: "span",
+			variant: "meta",
+			tone: "muted",
+			children: linkText
+		}) : null
+	] });
+}
+exports.KnowledgePageCard = KnowledgePageCard;
+
+//# sourceMappingURL=KnowledgePageCard.cjs.js.map

package/dist/domains/knowledge/components/KnowledgePageCard.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"KnowledgePageCard.cjs.js","names":["linkCountsText","_Fragment","Txt"],"sources":["../../../../src/domains/knowledge/components/KnowledgePageCard.tsx"],"sourcesContent":["import { linkCountsText } from '../lib/linkCountsText';\nimport { Txt } from '@/ds/components/Txt';\n\nexport interface KnowledgePageCardProps {\n  name: string;\n  /** `Page`, `Scope` or a scope's display label. */\n  kind: string;\n  /** Where the page is addressed, e.g. `org:acme#policies/refunds`. */\n  pageRef?: string;\n  /** Where the page sits, from its root scope down. */\n  path?: string;\n  /** Already formatted (`1000+` when the server capped the count); left out when unknown or zero. */\n  childCount?: string;\n  /** Left out when unknown or both zero. */\n  links?: { in: number; out: number };\n  /** Of `links`, how many go to pages the graph doesn't draw. */\n  notShown?: number;\n}\n\n/**\n * What the explorer's graph tooltip says about a page: name, kind and ref, children, links. The graph's\n * dots and the hover cards on page links in chat both draw it.\n */\nexport function KnowledgePageCard({ name, kind, pageRef, path, childCount, links, notShown }: KnowledgePageCardProps) {\n  const children =\n    childCount && childCount !== '0' ? `${childCount} ${childCount === '1' ? 'child' : 'children'}` : null;\n  const linkText = links && (links.in > 0 || links.out > 0) ? linkCountsText(links, notShown) : null;\n  return (\n    <>\n      <Txt as=\"span\" variant=\"label\" tone=\"ink\">\n        {name}\n      </Txt>\n      <Txt as=\"span\" variant=\"meta\" tone=\"muted\">\n        {pageRef ? `${kind} · ${pageRef}` : kind}\n      </Txt>\n      {path ? (\n        <Txt as=\"span\" variant=\"meta\" tone=\"muted\">\n          {path}\n        </Txt>\n      ) : null}\n      {children ? (\n        <Txt as=\"span\" variant=\"meta\" tone=\"muted\">\n          {children}\n        </Txt>\n      ) : null}\n      {linkText ? (\n        <Txt as=\"span\" variant=\"meta\" tone=\"muted\">\n          {linkText}\n        </Txt>\n      ) : null}\n    </>\n  );\n}\n"],"mappings":";;;;;;;;;AAuBA,SAAgB,kBAAkB,EAAE,MAAM,MAAM,SAAS,MAAM,YAAY,OAAO,YAAoC;CACpH,MAAM,WACJ,cAAc,eAAe,MAAM,GAAG,WAAW,GAAG,eAAe,MAAM,UAAU,eAAe;CACpG,MAAM,WAAW,UAAU,MAAM,KAAK,KAAK,MAAM,MAAM,KAAKA,6CAAAA,eAAe,OAAO,QAAQ,IAAI;CAC9F,OACE,iBAAA,GAAA,kBAAA,KAAA,CAAAC,kBAAAA,UAAA,EAAA,UAAA;EACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,YAAAA,KAAD;GAAK,IAAG;GAAO,SAAQ;GAAQ,MAAK;GACjC,UAAA;EACE,CAAA;EACL,iBAAA,GAAA,kBAAA,IAAA,CAACA,YAAAA,KAAD;GAAK,IAAG;GAAO,SAAQ;GAAO,MAAK;GAChC,UAAA,UAAU,GAAG,KAAK,KAAK,YAAY;EACjC,CAAA;EACJ,OACC,iBAAA,GAAA,kBAAA,IAAA,CAACA,YAAAA,KAAD;GAAK,IAAG;GAAO,SAAQ;GAAO,MAAK;GAChC,UAAA;EACE,CAAA,IACH;EACH,WACC,iBAAA,GAAA,kBAAA,IAAA,CAACA,YAAAA,KAAD;GAAK,IAAG;GAAO,SAAQ;GAAO,MAAK;GAChC;EACE,CAAA,IACH;EACH,WACC,iBAAA,GAAA,kBAAA,IAAA,CAACA,YAAAA,KAAD;GAAK,IAAG;GAAO,SAAQ;GAAO,MAAK;GAChC,UAAA;EACE,CAAA,IACH;CACJ,EAAA,CAAA;AAEN"}

package/dist/domains/knowledge/components/KnowledgePageCard.d.ts

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

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

@@ -0,0 +1,47 @@
+import { t as Txt } from "../../../Txt-BM6TVV_c.js";
+import { linkCountsText } from "../lib/linkCountsText.es.js";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+// src/domains/knowledge/components/KnowledgePageCard.tsx
+/**
+* What the explorer's graph tooltip says about a page: name, kind and ref, children, links. The graph's
+* dots and the hover cards on page links in chat both draw it.
+*/
+function KnowledgePageCard({ name, kind, pageRef, path, childCount, links, notShown }) {
+	const children = childCount && childCount !== "0" ? `${childCount} ${childCount === "1" ? "child" : "children"}` : null;
+	const linkText = links && (links.in > 0 || links.out > 0) ? linkCountsText(links, notShown) : null;
+	return /* @__PURE__ */ jsxs(Fragment, { children: [
+		/* @__PURE__ */ jsx(Txt, {
+			as: "span",
+			variant: "label",
+			tone: "ink",
+			children: name
+		}),
+		/* @__PURE__ */ jsx(Txt, {
+			as: "span",
+			variant: "meta",
+			tone: "muted",
+			children: pageRef ? `${kind} · ${pageRef}` : kind
+		}),
+		path ? /* @__PURE__ */ jsx(Txt, {
+			as: "span",
+			variant: "meta",
+			tone: "muted",
+			children: path
+		}) : null,
+		children ? /* @__PURE__ */ jsx(Txt, {
+			as: "span",
+			variant: "meta",
+			tone: "muted",
+			children
+		}) : null,
+		linkText ? /* @__PURE__ */ jsx(Txt, {
+			as: "span",
+			variant: "meta",
+			tone: "muted",
+			children: linkText
+		}) : null
+	] });
+}
+export { KnowledgePageCard };
+
+//# sourceMappingURL=KnowledgePageCard.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"KnowledgePageCard.es.js","names":["_Fragment"],"sources":["../../../../src/domains/knowledge/components/KnowledgePageCard.tsx"],"sourcesContent":["import { linkCountsText } from '../lib/linkCountsText';\nimport { Txt } from '@/ds/components/Txt';\n\nexport interface KnowledgePageCardProps {\n  name: string;\n  /** `Page`, `Scope` or a scope's display label. */\n  kind: string;\n  /** Where the page is addressed, e.g. `org:acme#policies/refunds`. */\n  pageRef?: string;\n  /** Where the page sits, from its root scope down. */\n  path?: string;\n  /** Already formatted (`1000+` when the server capped the count); left out when unknown or zero. */\n  childCount?: string;\n  /** Left out when unknown or both zero. */\n  links?: { in: number; out: number };\n  /** Of `links`, how many go to pages the graph doesn't draw. */\n  notShown?: number;\n}\n\n/**\n * What the explorer's graph tooltip says about a page: name, kind and ref, children, links. The graph's\n * dots and the hover cards on page links in chat both draw it.\n */\nexport function KnowledgePageCard({ name, kind, pageRef, path, childCount, links, notShown }: KnowledgePageCardProps) {\n  const children =\n    childCount && childCount !== '0' ? `${childCount} ${childCount === '1' ? 'child' : 'children'}` : null;\n  const linkText = links && (links.in > 0 || links.out > 0) ? linkCountsText(links, notShown) : null;\n  return (\n    <>\n      <Txt as=\"span\" variant=\"label\" tone=\"ink\">\n        {name}\n      </Txt>\n      <Txt as=\"span\" variant=\"meta\" tone=\"muted\">\n        {pageRef ? `${kind} · ${pageRef}` : kind}\n      </Txt>\n      {path ? (\n        <Txt as=\"span\" variant=\"meta\" tone=\"muted\">\n          {path}\n        </Txt>\n      ) : null}\n      {children ? (\n        <Txt as=\"span\" variant=\"meta\" tone=\"muted\">\n          {children}\n        </Txt>\n      ) : null}\n      {linkText ? (\n        <Txt as=\"span\" variant=\"meta\" tone=\"muted\">\n          {linkText}\n        </Txt>\n      ) : null}\n    </>\n  );\n}\n"],"mappings":";;;;;;;;AAuBA,SAAgB,kBAAkB,EAAE,MAAM,MAAM,SAAS,MAAM,YAAY,OAAO,YAAoC;CACpH,MAAM,WACJ,cAAc,eAAe,MAAM,GAAG,WAAW,GAAG,eAAe,MAAM,UAAU,eAAe;CACpG,MAAM,WAAW,UAAU,MAAM,KAAK,KAAK,MAAM,MAAM,KAAK,eAAe,OAAO,QAAQ,IAAI;CAC9F,OACE,qBAAAA,UAAA,EAAA,UAAA;EACE,oBAAC,KAAD;GAAK,IAAG;GAAO,SAAQ;GAAQ,MAAK;GACjC,UAAA;EACE,CAAA;EACL,oBAAC,KAAD;GAAK,IAAG;GAAO,SAAQ;GAAO,MAAK;GAChC,UAAA,UAAU,GAAG,KAAK,KAAK,YAAY;EACjC,CAAA;EACJ,OACC,oBAAC,KAAD;GAAK,IAAG;GAAO,SAAQ;GAAO,MAAK;GAChC,UAAA;EACE,CAAA,IACH;EACH,WACC,oBAAC,KAAD;GAAK,IAAG;GAAO,SAAQ;GAAO,MAAK;GAChC;EACE,CAAA,IACH;EACH,WACC,oBAAC,KAAD;GAAK,IAAG;GAAO,SAAQ;GAAO,MAAK;GAChC,UAAA;EACE,CAAA,IACH;CACJ,EAAA,CAAA;AAEN"}

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

@@ -1,7 +1,9 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_Txt = require("../../../Txt-BnoSqxKE.cjs");
 const require_Badge = require("../../../Badge-DZ6r6bcw.cjs");
-const require_MarkdownRenderer = require("../../../MarkdownRenderer-CB8Z_CHc.cjs");
+const require_MarkdownRenderer = require("../../../MarkdownRenderer-y65WGBhC.cjs");
+const require_domains_knowledge_lib_remarkKnowledgeLinks = require("../lib/remarkKnowledgeLinks.cjs.js");
+const require_domains_knowledge_lib_pageRefs = require("../lib/pageRefs.cjs.js");
 const require_domains_knowledge_lib_recordText = require("../lib/recordText.cjs.js");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
@@ -93,6 +95,32 @@ function knowledgePagePath(page, ancestors) {
 	if (keys.some((key) => !key)) return null;
 	return `${scope.address}#${keys.join("/")}`;
 }
+var BodyLinks = (0, react.createContext)(null);
+/**
+* A `[[ref]]` from a page body: the page's name as a link when a loaded page answers to the ref, the ref
+* itself in a quiet style when none does. Every other `<span>` the markdown makes passes through.
+*/
+function BodySpan({ node, ...props }) {
+	const links = (0, react.useContext)(BodyLinks);
+	const ref = node?.properties[require_domains_knowledge_lib_remarkKnowledgeLinks.KNOWLEDGE_REF_PROPERTY];
+	if (typeof ref !== "string" || !links) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { ...props });
+	const target = links.index.resolve(ref);
+	return target ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+		type: "button",
+		"data-testid": "knowledge-body-link",
+		title: ref,
+		className: "rounded bg-badge-blue-subtle px-1 font-medium text-badge-blue-foreground hover:underline",
+		onClick: () => links.onPageClick(target),
+		children: target.name
+	}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+		"data-testid": "knowledge-body-link-unresolved",
+		title: "No loaded page has this address",
+		className: "rounded border border-dashed border-border px-1 text-muted-foreground",
+		children: ref
+	});
+}
+var BODY_REMARK_PLUGINS = [require_domains_knowledge_lib_remarkKnowledgeLinks.remarkKnowledgeLinks];
+var BODY_COMPONENTS = { span: BodySpan };
 function Section({ label, count, children }) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
 		"aria-label": label,
@@ -121,9 +149,20 @@ function PageLink({ page, onPageClick }) {
 		children: page.name
 	});
 }
+var refIndexes = /* @__PURE__ */ new WeakMap();
+/** One ref index per loaded-pages map, shared by every note drawn from it. */
+function loadedRefIndex(pagesById) {
+	let index = refIndexes.get(pagesById);
+	if (!index) refIndexes.set(pagesById, index = require_domains_knowledge_lib_pageRefs.knowledgePageRefIndex(pagesById.values()));
+	return index;
+}
 /** 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 refIndex = loadedRefIndex(pagesById);
+	const mentionTarget = (ref) => {
+		const target = refIndex.resolve(ref);
+		return target && note.mentions.includes(target.id) ? target : void 0;
+	};
 	const scopeLabel = (id) => {
 		const scopePage = pagesById.get(id);
 		return scopePage?.address ?? scopePage?.name ?? id;
@@ -170,8 +209,7 @@ function KnowledgeNoteItem({ note, pagesById, onPageClick, highlighted, itemRef,
 					className: "text-ui-md break-words text-foreground",
 					children: require_domains_knowledge_lib_recordText.parseRecordSegments(note.text).map((segment, index) => {
 						if (segment.type === "text") return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: segment.value }, index);
-						const name = segment.value.trim().toLocaleLowerCase();
-						const target = mentioned.find((candidate) => candidate.name.trim().toLocaleLowerCase() === name);
+						const target = mentionTarget(segment.value);
 						return target ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 							type: "button",
 							className: "rounded bg-badge-blue-subtle px-1 font-medium text-badge-blue-foreground hover:underline",
@@ -214,6 +252,19 @@ function KnowledgePageDetail({ page, notes, pin, pagesById, onPageClick, highlig
 	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";
+	const refIndex = (0, react.useMemo)(() => require_domains_knowledge_lib_pageRefs.knowledgePageRefIndex([
+		...pagesById.values(),
+		...ancestors,
+		page
+	]), [
+		pagesById,
+		ancestors,
+		page
+	]);
+	const bodyLinks = (0, react.useMemo)(() => ({
+		index: refIndex,
+		onPageClick
+	}), [refIndex, onPageClick]);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("article", {
 		"aria-label": page.name,
 		className: "flex min-h-0 flex-col overflow-y-auto",
@@ -340,7 +391,14 @@ function KnowledgePageDetail({ page, notes, pin, pagesById, onPageClick, highlig
 				children: [page.body ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 					"data-testid": "knowledge-page-body",
 					className: "max-w-3xl",
-					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_MarkdownRenderer.MarkdownRenderer, { children: page.body })
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(BodyLinks.Provider, {
+						value: bodyLinks,
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_MarkdownRenderer.MarkdownRenderer, {
+							remarkPlugins: BODY_REMARK_PLUGINS,
+							components: BODY_COMPONENTS,
+							children: page.body
+						})
+					})
 				}) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_Txt.Txt, {
 					variant: "body",
 					tone: "muted",

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

@@ -1 +1 @@
-{"version":3,"file":"KnowledgePageDetail.cjs.js","names":["Txt","Badge","parseRecordSegments","useRef","ChevronRight","Pin","MarkdownRenderer"],"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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"}
+{"version":3,"file":"KnowledgePageDetail.cjs.js","names":["Txt","createContext","useContext","KNOWLEDGE_REF_PROPERTY","remarkKnowledgeLinks","Badge","knowledgePageRefIndex","parseRecordSegments","useRef","useMemo","ChevronRight","Pin","MarkdownRenderer"],"sources":["../../../../src/domains/knowledge/components/KnowledgePageDetail.tsx"],"sourcesContent":["import { ChevronRight, Pin } from 'lucide-react';\nimport { createContext, useContext, useEffect, useMemo, useRef } from 'react';\nimport type { ComponentProps, ReactNode } from 'react';\nimport type { Components, ExtraProps } from 'react-markdown';\n\nimport { knowledgePageRefIndex } from '../lib/pageRefs';\nimport type { KnowledgePageRefIndex } from '../lib/pageRefs';\nimport { parseRecordSegments } from '../lib/recordText';\nimport { KNOWLEDGE_REF_PROPERTY, remarkKnowledgeLinks } from '../lib/remarkKnowledgeLinks';\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\nconst BodyLinks = createContext<{\n  index: KnowledgePageRefIndex;\n  onPageClick: (page: KnowledgePagePayload) => void;\n} | null>(null);\n\n/**\n * A `[[ref]]` from a page body: the page's name as a link when a loaded page answers to the ref, the ref\n * itself in a quiet style when none does. Every other `<span>` the markdown makes passes through.\n */\nfunction BodySpan({ node, ...props }: ComponentProps<'span'> & ExtraProps) {\n  const links = useContext(BodyLinks);\n  const ref = node?.properties[KNOWLEDGE_REF_PROPERTY];\n  if (typeof ref !== 'string' || !links) return <span {...props} />;\n  const target = links.index.resolve(ref);\n  return target ? (\n    <button\n      type=\"button\"\n      data-testid=\"knowledge-body-link\"\n      title={ref}\n      className=\"rounded bg-badge-blue-subtle px-1 font-medium text-badge-blue-foreground hover:underline\"\n      onClick={() => links.onPageClick(target)}\n    >\n      {target.name}\n    </button>\n  ) : (\n    <span\n      data-testid=\"knowledge-body-link-unresolved\"\n      title=\"No loaded page has this address\"\n      className=\"rounded border border-dashed border-border px-1 text-muted-foreground\"\n    >\n      {ref}\n    </span>\n  );\n}\n\nconst BODY_REMARK_PLUGINS = [remarkKnowledgeLinks];\nconst BODY_COMPONENTS: Components = { span: BodySpan };\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\nconst refIndexes = new WeakMap<ReadonlyMap<string, KnowledgePagePayload>, KnowledgePageRefIndex>();\n\n/** One ref index per loaded-pages map, shared by every note drawn from it. */\nfunction loadedRefIndex(pagesById: ReadonlyMap<string, KnowledgePagePayload>): KnowledgePageRefIndex {\n  let index = refIndexes.get(pagesById);\n  if (!index) refIndexes.set(pagesById, (index = knowledgePageRefIndex(pagesById.values())));\n  return index;\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 refIndex = loadedRefIndex(pagesById);\n  // Only a page the server resolved the mention to is linked, however the ref is written.\n  const mentionTarget = (ref: string) => {\n    const target = refIndex.resolve(ref);\n    return target && note.mentions.includes(target.id) ? target : undefined;\n  };\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 target = mentionTarget(segment.value);\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  const refIndex = useMemo(\n    () => knowledgePageRefIndex([...pagesById.values(), ...ancestors, page]),\n    [pagesById, ancestors, page],\n  );\n  const bodyLinks = useMemo(() => ({ index: refIndex, onPageClick }), [refIndex, onPageClick]);\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              <BodyLinks.Provider value={bodyLinks}>\n                <MarkdownRenderer remarkPlugins={BODY_REMARK_PLUGINS} components={BODY_COMPONENTS}>\n                  {page.body}\n                </MarkdownRenderer>\n              </BodyLinks.Provider>\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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"}

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

@@ -1,8 +1,10 @@
 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 { t as MarkdownRenderer } from "../../../MarkdownRenderer-CI30RqdB.js";
+import { KNOWLEDGE_REF_PROPERTY, remarkKnowledgeLinks } from "../lib/remarkKnowledgeLinks.es.js";
+import { knowledgePageRefIndex } from "../lib/pageRefs.es.js";
 import { parseRecordSegments } from "../lib/recordText.es.js";
-import { useEffect, useRef } from "react";
+import { createContext, useContext, useEffect, useMemo, useRef } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { ChevronRight, Pin } from "lucide-react";
 // src/domains/knowledge/components/KnowledgePageDetail.tsx
@@ -92,6 +94,32 @@ function knowledgePagePath(page, ancestors) {
 	if (keys.some((key) => !key)) return null;
 	return `${scope.address}#${keys.join("/")}`;
 }
+var BodyLinks = createContext(null);
+/**
+* A `[[ref]]` from a page body: the page's name as a link when a loaded page answers to the ref, the ref
+* itself in a quiet style when none does. Every other `<span>` the markdown makes passes through.
+*/
+function BodySpan({ node, ...props }) {
+	const links = useContext(BodyLinks);
+	const ref = node?.properties[KNOWLEDGE_REF_PROPERTY];
+	if (typeof ref !== "string" || !links) return /* @__PURE__ */ jsx("span", { ...props });
+	const target = links.index.resolve(ref);
+	return target ? /* @__PURE__ */ jsx("button", {
+		type: "button",
+		"data-testid": "knowledge-body-link",
+		title: ref,
+		className: "rounded bg-badge-blue-subtle px-1 font-medium text-badge-blue-foreground hover:underline",
+		onClick: () => links.onPageClick(target),
+		children: target.name
+	}) : /* @__PURE__ */ jsx("span", {
+		"data-testid": "knowledge-body-link-unresolved",
+		title: "No loaded page has this address",
+		className: "rounded border border-dashed border-border px-1 text-muted-foreground",
+		children: ref
+	});
+}
+var BODY_REMARK_PLUGINS = [remarkKnowledgeLinks];
+var BODY_COMPONENTS = { span: BodySpan };
 function Section({ label, count, children }) {
 	return /* @__PURE__ */ jsxs("section", {
 		"aria-label": label,
@@ -120,9 +148,20 @@ function PageLink({ page, onPageClick }) {
 		children: page.name
 	});
 }
+var refIndexes = /* @__PURE__ */ new WeakMap();
+/** One ref index per loaded-pages map, shared by every note drawn from it. */
+function loadedRefIndex(pagesById) {
+	let index = refIndexes.get(pagesById);
+	if (!index) refIndexes.set(pagesById, index = knowledgePageRefIndex(pagesById.values()));
+	return index;
+}
 /** 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 refIndex = loadedRefIndex(pagesById);
+	const mentionTarget = (ref) => {
+		const target = refIndex.resolve(ref);
+		return target && note.mentions.includes(target.id) ? target : void 0;
+	};
 	const scopeLabel = (id) => {
 		const scopePage = pagesById.get(id);
 		return scopePage?.address ?? scopePage?.name ?? id;
@@ -169,8 +208,7 @@ function KnowledgeNoteItem({ note, pagesById, onPageClick, highlighted, itemRef,
 					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);
+						const target = mentionTarget(segment.value);
 						return target ? /* @__PURE__ */ jsx("button", {
 							type: "button",
 							className: "rounded bg-badge-blue-subtle px-1 font-medium text-badge-blue-foreground hover:underline",
@@ -213,6 +251,19 @@ function KnowledgePageDetail({ page, notes, pin, pagesById, onPageClick, highlig
 	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";
+	const refIndex = useMemo(() => knowledgePageRefIndex([
+		...pagesById.values(),
+		...ancestors,
+		page
+	]), [
+		pagesById,
+		ancestors,
+		page
+	]);
+	const bodyLinks = useMemo(() => ({
+		index: refIndex,
+		onPageClick
+	}), [refIndex, onPageClick]);
 	return /* @__PURE__ */ jsxs("article", {
 		"aria-label": page.name,
 		className: "flex min-h-0 flex-col overflow-y-auto",
@@ -339,7 +390,14 @@ function KnowledgePageDetail({ page, notes, pin, pagesById, onPageClick, highlig
 				children: [page.body ? /* @__PURE__ */ jsx("div", {
 					"data-testid": "knowledge-page-body",
 					className: "max-w-3xl",
-					children: /* @__PURE__ */ jsx(MarkdownRenderer, { children: page.body })
+					children: /* @__PURE__ */ jsx(BodyLinks.Provider, {
+						value: bodyLinks,
+						children: /* @__PURE__ */ jsx(MarkdownRenderer, {
+							remarkPlugins: BODY_REMARK_PLUGINS,
+							components: BODY_COMPONENTS,
+							children: page.body
+						})
+					})
 				}) : /* @__PURE__ */ jsxs(Txt, {
 					variant: "body",
 					tone: "muted",