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

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

@@ -1 +1 @@
-{"version":3,"file":"KnowledgePageDetail.es.js","names":[],"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":";;;;;;;;;;AAqBA,IAAM,kBAA2D;CAC/D,iBAAiB;CACjB,gBAAgB;CAChB,gBAAgB;CAChB,cAAc;CACd,eAAe;CACf,gBAAgB;CAChB,cAAc;CACd,kBAAkB;CAClB,gBAAgB;CAChB,iBAAiB;CACjB,aAAa;CACb,eAAe;AACjB;AAEA,SAAS,WAAW,KAAqB;CACvC,MAAM,OAAO,IAAI,KAAK,GAAG;CACzB,OAAO,OAAO,MAAM,KAAK,QAAQ,CAAC,IAC9B,MACA,KAAK,eAAe,KAAA,GAAW;EAAE,WAAW;EAAU,WAAW;CAAQ,CAAC;AAChF;AAEA,IAAM,iBAA+D;CACnE,CAAC,UAAU,EAAE;CACb,CAAC,UAAU,EAAE;CACb,CAAC,QAAQ,EAAE;CACX,CAAC,OAAO,CAAC;CACT,CAAC,QAAQ,IAAI;CACb,CAAC,SAAS,EAAE;CACZ,CAAC,QAAQ,QAAQ;AACnB;;AAGA,SAAS,UAAU,KAAa,MAAM,KAAK,IAAI,GAAW;CACxD,MAAM,OAAO,IAAI,KAAK,GAAG,CAAC,CAAC,QAAQ;CACnC,IAAI,OAAO,MAAM,IAAI,GAAG,OAAO;CAC/B,IAAI,SAAS,OAAO,OAAO;CAC3B,MAAM,SAAS,IAAI,KAAK,mBAAmB,KAAA,GAAW,EAAE,SAAS,OAAO,CAAC;CACzE,KAAK,MAAM,CAAC,MAAM,SAAS,gBAAgB;EACzC,IAAI,KAAK,IAAI,KAAK,IAAI,MAAM,OAAO,OAAO,OAAO,KAAK,MAAM,KAAK,GAAG,IAAI;EACxE,SAAS;CACX;CACA,OAAO,WAAW,GAAG;AACvB;AAEA,SAAS,KAAK,EAAE,OAAwB;CACtC,OACE,oBAAC,QAAD;EAAM,UAAU;EAAK,OAAO,WAAW,GAAG;EACvC,UAAA,UAAU,GAAG;CACV,CAAA;AAEV;;AAGA,SAAS,WAAW,EAAE,UAA8B;CAClD,MAAM,OAAO,OAAO,SAAS,GAAG,IAAI,OAAO,MAAM,OAAO,QAAQ,GAAG,IAAI,CAAC,IAAI;CAC5E,IAAI,OAAO;CACX,KAAK,MAAM,QAAQ,QAAQ,OAAQ,OAAO,KAAK,KAAK,WAAW,CAAC,IAAK;CACrE,MAAM,OAAO;EAAC;EAAgB;EAAkB;EAAiB;EAAkB;CAAc;CACjG,MAAM,MAAM,KAAK,KAAK,IAAI,IAAI,IAAI,KAAK;CACvC,OACE,oBAAC,QAAD;EACE,eAAA;EACA,WAAU;EACV,OAAO,EAAE,YAAY,2BAA2B,IAAI,qBAAqB;EAEzE,UAAA,oBAAC,KAAD;GAAK,IAAG;GAAO,SAAQ;GAAO,MAAK;GAC/B,WAAA,KAAK,KAAK,CAAC,CAAC,MAAM,IAAA,CAAK,YAAY;EAClC,CAAA;CACD,CAAA;AAEV;;;;;AAMA,SAAS,kBAAkB,MAA4B,WAAkD;CACvG,IAAI,KAAK,SAAS,OAAO,KAAK,WAAW;CACzC,MAAM,QAAQ,UAAU,MAAK,cAAa,UAAU,OAAO,KAAK,OAAO;CACvE,IAAI,CAAC,OAAO,SAAS,OAAO;CAE5B,MAAM,OAAO,CAAC,GADA,UAAU,MAAM,UAAU,QAAQ,KAAK,IAAI,CAAC,CAAC,CAAC,QAAO,cAAa,CAAC,UAAU,OAC1E,GAAO,IAAI,CAAC,CAAC,KAAI,cAAa,UAAU,GAAG;CAC5D,IAAI,KAAK,MAAK,QAAO,CAAC,GAAG,GAAG,OAAO;CACnC,OAAO,GAAG,MAAM,QAAQ,GAAG,KAAK,KAAK,GAAG;AAC1C;AAEA,IAAM,YAAY,cAGR,IAAI;;;;;AAMd,SAAS,SAAS,EAAE,MAAM,GAAG,SAA8C;CACzE,MAAM,QAAQ,WAAW,SAAS;CAClC,MAAM,MAAM,MAAM,WAAW;CAC7B,IAAI,OAAO,QAAQ,YAAY,CAAC,OAAO,OAAO,oBAAC,QAAD,EAAM,GAAI,MAAQ,CAAA;CAChE,MAAM,SAAS,MAAM,MAAM,QAAQ,GAAG;CACtC,OAAO,SACL,oBAAC,UAAD;EACE,MAAK;EACL,eAAY;EACZ,OAAO;EACP,WAAU;EACV,eAAe,MAAM,YAAY,MAAM;EAEtC,UAAA,OAAO;CACF,CAAA,IAER,oBAAC,QAAD;EACE,eAAY;EACZ,OAAM;EACN,WAAU;EAET,UAAA;CACG,CAAA;AAEV;AAEA,IAAM,sBAAsB,CAAC,oBAAoB;AACjD,IAAM,kBAA8B,EAAE,MAAM,SAAS;AAErD,SAAS,QAAQ,EAAE,OAAO,OAAO,YAAoE;CACnG,OACE,qBAAC,WAAD;EAAS,cAAY;EAAO,WAAU;EAAtC,UAAA,CACE,qBAAC,OAAD;GAAK,WAAU;GAAf,UAAA,CACE,oBAAC,KAAD;IAAK,IAAG;IAAK,SAAQ;IAAU,MAAK;IAAQ,WAAU;IACnD,UAAA;GACE,CAAA,GACJ,UAAU,KAAA,IACT,oBAAC,OAAD;IAAO,SAAQ;IAAU,MAAK;IAC3B,UAAA;GACI,CAAA,IACL,IACD;EACJ,CAAA,GAAA,QACM;;AAEb;AAEA,SAAS,SAAS,EAChB,MACA,eAIC;CACD,OACE,oBAAC,UAAD;EACE,MAAK;EACL,WAAU;EACV,eAAe,YAAY,IAAI;EAE9B,UAAA,KAAK;CACA,CAAA;AAEZ;AAEA,IAAM,6BAAa,IAAI,QAA0E;;AAGjG,SAAS,eAAe,WAA6E;CACnG,IAAI,QAAQ,WAAW,IAAI,SAAS;CACpC,IAAI,CAAC,OAAO,WAAW,IAAI,WAAY,QAAQ,sBAAsB,UAAU,OAAO,CAAC,CAAE;CACzF,OAAO;AACT;;AAGA,SAAgB,kBAAkB,EAChC,MACA,WACA,aACA,aACA,SACA,UACA,WAWC;CACD,MAAM,WAAW,eAAe,SAAS;CAEzC,MAAM,iBAAiB,QAAgB;EACrC,MAAM,SAAS,SAAS,QAAQ,GAAG;EACnC,OAAO,UAAU,KAAK,SAAS,SAAS,OAAO,EAAE,IAAI,SAAS,KAAA;CAChE;CACA,MAAM,cAAc,OAAe;EACjC,MAAM,YAAY,UAAU,IAAI,EAAE;EAClC,OAAO,WAAW,WAAW,WAAW,QAAQ;CAClD;CACA,MAAM,SAAS,WAAW,UAAU,IAAI,KAAK,MAAM,IAAI,KAAA;CACvD,OACE,qBAAC,MAAD;EACE,KAAK;EACL,oBAAkB,eAAe,KAAA;EACjC,WAAW,sDAAsD,UAAU,QAAQ;EACnF,OAAO,cAAc;GAAE,aAAa;GAAqB,WAAW;EAA8B,IAAI,KAAA;EAJxG,UAAA,CAMG,UAAU,OAAO,oBAAC,YAAD,EAAY,QAAQ,KAAK,WAAW,OAAS,CAAA,GAC/D,qBAAC,OAAD;GAAK,WAAU;GAAf,UAAA;IACE,qBAAC,OAAD;KAAK,WAAU;KAAf,UAAA;MACE,oBAAC,KAAD;OAAK,IAAG;OAAO,SAAQ;OAAQ,MAAK;OACjC,UAAA,KAAK,WAAW;MACd,CAAA;MACL,oBAAC,KAAD;OAAK,IAAG;OAAO,SAAQ;OAAU,MAAK;OACpC,UAAA,oBAAC,MAAD,EAAM,KAAK,KAAK,UAAY,CAAA;MACzB,CAAA;MACJ,SACC,qBAAC,KAAD;OAAK,IAAG;OAAO,SAAQ;OAAU,MAAK;OAAtC,UAAA,CAA8C,OACzC,oBAAC,UAAD;QAAU,MAAM;QAAqB;OAAc,CAAA,CACnD;MACH,CAAA,IAAA;KACD;;IACL,oBAAC,KAAD;KAAG,WAAU;KACV,UAAA,oBAAoB,KAAK,IAAI,CAAC,CAAC,KAAK,SAAS,UAAU;MACtD,IAAI,QAAQ,SAAS,QAAQ,OAAO,oBAAC,QAAD,EAAA,UAAmB,QAAQ,MAAY,GAA5B,KAA4B;MAC3E,MAAM,SAAS,cAAc,QAAQ,KAAK;MAC1C,OAAO,SACL,oBAAC,UAAD;OAEE,MAAK;OACL,WAAU;OACV,eAAe,YAAY,MAAM;OAEhC,UAAA,QAAQ;MACH,GAND,KAMC,IAER,oBAAC,QAAD;OAAkB,WAAU;OACzB,UAAA,QAAQ;MACL,GAFK,KAEL;KAEV,CAAC;IACA,CAAA;IACF,KAAK,cAAc,SAAS,IAC3B,oBAAC,OAAD;KAAK,WAAU;KAAuB,cAAW;KAC9C,UAAA,KAAK,cAAc,KAAI,OACtB,oBAAC,OAAD;MAAgB,SAAQ;MAAU,MAAK;MACpC,UAAA,WAAW,EAAE;KACT,GAFK,EAEL,CACR;IACE,CAAA,IACH;GACD;EACH,CAAA,CAAA;;AAER;;;;;;;;;;AAWA,SAAgB,oBAAoB,EAClC,MACA,OACA,KACA,WACA,aACA,oBACA,YAAY,CAAC,GACb,cAAc,CAAC,GACf,WACA,YACA,YAmBC;CACD,MAAM,mBAAmB,OAA6B,IAAI;CAC1D,gBAAgB;EACd,iBAAiB,SAAS,iBAAiB,EAAE,OAAO,UAAU,CAAC;CACjE,GAAG,CAAC,oBAAoB,KAAK,CAAC;CAC9B,IAAI,kBAAkB;CACtB,MAAM,QAAQ,KAAK,UACf,OACC,UAAU,MAAK,cAAa,UAAU,OAAO,KAAK,OAAO,KAAK,UAAU,IAAI,KAAK,OAAO;CAC7F,MAAM,OAAO,kBAAkB,MAAM,SAAS;CAE9C,MAAM,OAAO,KAAK,UAAW,KAAK,gBAAgB,UAAW;CAC7D,MAAM,WAAW,cACT,sBAAsB;EAAC,GAAG,UAAU,OAAO;EAAG,GAAG;EAAW;CAAI,CAAC,GACvE;EAAC;EAAW;EAAW;CAAI,CAC7B;CACA,MAAM,YAAY,eAAe;EAAE,OAAO;EAAU;CAAY,IAAI,CAAC,UAAU,WAAW,CAAC;CAE3F,OACE,qBAAC,WAAD;EAAS,cAAY,KAAK;EAAM,WAAU;EAA1C,UAAA,CACE,qBAAC,UAAD;GAAQ,WAAU;GAAlB,UAAA;IACG,UAAU,SAAS,IAClB,oBAAC,OAAD;KAAK,cAAW;KACd,UAAA,oBAAC,MAAD;MAAI,WAAU;MACX,UAAA,UAAU,KAAI,aACb,qBAAC,MAAD;OAAsB,WAAU;OAAhC,UAAA,CACE,oBAAC,UAAD;QACE,MAAK;QACL,WAAU;QACV,eAAe,YAAY,QAAQ;QAElC,UAAA,SAAS;OACJ,CAAA,GACR,oBAAC,cAAD;QAAc,MAAM;QAAI,WAAU;QAAwB,eAAA;OAAa,CAAA,CACrE;MATK,GAAA,SAAS,EASd,CACL;KACC,CAAA;IACD,CAAA,IACH;IACJ,qBAAC,OAAD;KAAK,WAAU;KAAf,UAAA;MACE,qBAAC,OAAD;OAAK,WAAU;OAAf,UAAA;QACE,oBAAC,OAAD;SAAO,SAAS,KAAK,UAAU,SAAS;SAAW,MAAK;SACrD,UAAA;QACI,CAAA;QACN,KAAK,UAAU,OACd,qBAAC,KAAD;SAAK,IAAG;SAAO,SAAQ;SAAU,MAAK;SAAtC,UAAA,CAA8C,OACxC,OAAO,WAAW,OAAO,QAAQ,KAAK,OACvC;;QAEN,MACC,oBAAC,OAAD;SAAO,SAAQ;SAAU,MAAK;SAAK,MAAM,oBAAC,KAAD;UAAK,MAAM;UAAI,eAAA;SAAa,CAAA;SAClE,UAAA,IAAI,SAAS,SAAS,IAAI,cAAc,IAAI,SAAS,KAAK,IAAI,MAAM;QAChE,CAAA,IACL;OACD;;MACL,oBAAC,KAAD;OAAK,IAAG;OAAK,SAAQ;OAAQ,WAAU;OACpC,UAAA,KAAK;MACH,CAAA;MACJ,KAAK,cACJ,oBAAC,KAAD;OAAK,SAAQ;OAAO,MAAK;OACtB,UAAA,KAAK;MACH,CAAA,IACH;KACD;;IACL,qBAAC,MAAD;KAAI,WAAU;KAAd,UAAA;MACG,KAAK,WAAW,KAAK,UACpB,qBAAC,OAAD;OAAK,WAAU;OAAf,UAAA,CACE,oBAAC,MAAD;QAAI,WAAU;QAAU,UAAA;OAAW,CAAA,GACnC,oBAAC,MAAD,EAAA,UACE,oBAAC,KAAD;QAAK,IAAG;QAAO,SAAQ;QAAU,MAAK;QAAQ,MAAK;QAChD,UAAA,KAAK;OACH,CAAA,EACH,CAAA,CACD;MACH,CAAA,IAAA;MACH,QAAQ,CAAC,KAAK,UACb,qBAAC,OAAD;OAAK,WAAU;OAAf,UAAA,CACE,oBAAC,MAAD;QAAI,WAAU;QAAU,UAAA;OAAQ,CAAA,GAChC,oBAAC,MAAD,EAAA,UACE,oBAAC,KAAD;QAAK,IAAG;QAAO,SAAQ;QAAU,MAAK;QAAQ,MAAK;QAAO,eAAY;QACnE,UAAA;OACE,CAAA,EACH,CAAA,CACD;MACH,CAAA,IAAA;MACJ,qBAAC,OAAD;OAAK,WAAU;OAAf,UAAA,CACE,oBAAC,MAAD;QAAI,WAAU;QAAU,UAAA;OAAW,CAAA,GACnC,oBAAC,MAAD,EAAA,UACE,qBAAC,KAAD;QAAK,IAAG;QAAO,SAAQ;QAAU,MAAK;QAAQ,eAAY;QAA1D,UAAA;SAAmF;SACxE,KAAK;SAAQ;SAAW,oBAAC,MAAD,EAAM,KAAK,KAAK,UAAY,CAAA;SAAC;SAAK,KAAK,UAAU;QAC/E;OACH,CAAA,EAAA,CAAA,CACD;;KACH;;GACE;EAER,CAAA,GAAA,qBAAC,OAAD;GAAK,WAAU;GAAf,UAAA,CACE,qBAAC,OAAD;IAAK,WAAU;IAAf,UAAA,CACG,KAAK,OACJ,oBAAC,OAAD;KAAK,eAAY;KAAsB,WAAU;KAC/C,UAAA,oBAAC,UAAU,UAAX;MAAoB,OAAO;MACzB,UAAA,oBAAC,kBAAD;OAAkB,eAAe;OAAqB,YAAY;OAC/D,UAAA,KAAK;MACU,CAAA;KACA,CAAA;IACjB,CAAA,IAEL,qBAAC,KAAD;KAAK,SAAQ;KAAO,MAAK;KAAQ,WAAU;KAA3C,UAAA;MAAoD;MAC5C,KAAK,UAAU,UAAU;MAAO;KACnC;IAGP,CAAA,GAAA,qBAAC,SAAD;KAAS,OAAM;KAAQ,OAAO,YAAY,KAAA,IAAY,MAAM;KAA5D,UAAA,CACG,MAAM,WAAW,IAChB,oBAAC,KAAD;MAAK,SAAQ;MAAO,MAAK;MAAQ,UAAA;KAE5B,CAAA,IAEL,oBAAC,MAAD;MAAI,WAAU;MACX,UAAA,MAAM,KAAI,SAAQ;OACjB,MAAM,cAAc,CAAC,CAAC,sBAAsB,KAAK,SAAS,SAAS,kBAAkB;OACrF,MAAM,UAAU,eAAe,CAAC;OAChC,IAAI,SAAS,kBAAkB;OAC/B,OACE,oBAAC,mBAAD;QAEQ;QACK;QACE;QACA;QACb,SACE,WACI,YAAW;SACT,iBAAiB,UAAU;QAC7B,IACA,KAAA;OAEP,GAZM,KAAK,EAYX;MAEL,CAAC;KACC,CAAA,GAEL,SACM;IACN,CAAA,CAAA;GAEL,CAAA,GAAA,qBAAC,SAAD;IAAO,WAAU;IAAjB,UAAA;KACG,aAAa,oBAAC,SAAD;MAAS,OAAM;MAAS,UAAA;KAAoB,CAAA,IAAI;KAE7D,YAAY,SAAS,IACpB,oBAAC,SAAD;MAAS,OAAM;MAAe,OAAO,YAAY;MAC/C,UAAA,oBAAC,MAAD;OAAI,WAAU;OACX,UAAA,YAAY,KAAI,SACf,oBAAC,mBAAD;QAEQ;QACK;QACE;QACb,UAAA;QACA,SAAA;OACD,GANM,KAAK,EAMX,CACF;MACC,CAAA;KACG,CAAA,IACP;KAEH,YAAY,SAAS,SAAS,IAC7B,oBAAC,SAAD;MAAS,OAAM;MACb,UAAA,oBAAC,MAAD;OAAI,WAAU;OACX,UAAA,SAAS,KAAI,UACZ,qBAAC,MAAD;QAAmB,WAAU;QAA7B,UAAA;SACE,oBAAC,QAAD;UACE,eAAA;UACA,WAAU;SACX,CAAA;SACD,oBAAC,KAAD;UAAK,IAAG;UAAO,SAAQ;UAAU,MAAK;UACnC,UAAA,gBAAgB,MAAM,WAAW,MAAM;SACrC,CAAA;SACL,qBAAC,KAAD;UAAK,IAAG;UAAO,SAAQ;UAAU,MAAK;UAAtC,UAAA;WACG,MAAM,WAAW;WAAO;WAAG,oBAAC,MAAD,EAAM,KAAK,MAAM,UAAY,CAAA;UACtD;;QACH;OAXK,GAAA,MAAM,EAWX,CACL;MACC,CAAA;KACG,CAAA,IACP;IACC;GACJ,CAAA,CAAA;EACE,CAAA,CAAA;;AAEb"}
+{"version":3,"file":"KnowledgePageDetail.es.js","names":[],"sources":["../../../../src/domains/knowledge/components/KnowledgePageDetail.tsx"],"sourcesContent":["import { 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 { scopeTitle } from '../lib/pageAddress';\nimport { knowledgePageRefIndex, noteMentionTarget } from '../lib/pageRefs';\nimport type { KnowledgePageRefIndex } from '../lib/pageRefs';\nimport { KnowledgePagesByRef } from '../lib/pagesByRefContext';\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';\nimport { KnowledgeSourceIcon } from './KnowledgeSourceIcon';\nimport { KnowledgeTooltip } from './KnowledgeTooltip';\n\nimport { Badge } from '@/ds/components/Badge';\nimport { Breadcrumb, Crumb } from '@/ds/components/Breadcrumb';\nimport { MarkdownRenderer } from '@/ds/components/MarkdownRenderer';\nimport { Metadata } from '@/ds/components/Metadata';\nimport { RelativeTimestamp } from '@/ds/components/RelativeTimestamp';\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\n/** Who wrote something, readably: an importer's run id reads as \"Importer\". */\nfunction authorName(author: string): string {\n  return author.startsWith('importer:') ? 'Importer' : author;\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    <KnowledgeTooltip label={ref}>\n      <button\n        type=\"button\"\n        data-testid=\"knowledge-body-link\"\n        className=\"rounded bg-badge-blue-subtle px-1 text-left font-medium wrap-anywhere text-badge-blue-foreground hover:underline\"\n        onClick={() => links.onPageClick(target)}\n      >\n        {target.name}\n      </button>\n    </KnowledgeTooltip>\n  ) : (\n    <KnowledgeTooltip label=\"No loaded page has this address\">\n      <span\n        data-testid=\"knowledge-body-link-unresolved\"\n        className=\"rounded border border-dashed border-border px-1 wrap-anywhere text-muted-foreground\"\n      >\n        {ref}\n      </span>\n    </KnowledgeTooltip>\n  );\n}\n\nconst BODY_REMARK_PLUGINS = [remarkKnowledgeLinks];\nconst BODY_COMPONENTS: Components = { span: BodySpan };\n\nexport function KnowledgeDetailSection({\n  label,\n  count,\n  children,\n}: {\n  label: string;\n  count?: number;\n  children: ReactNode;\n}) {\n  return (\n    <section aria-label={label} className=\"flex flex-col gap-2\">\n      <Txt as=\"h3\" variant=\"label\" tone=\"ink\" className=\"flex items-center gap-1.5\">\n        {label}\n        {count ? (\n          <Txt as=\"span\" variant=\"label\" tone=\"muted\" className=\"tabular-nums\">\n            {count}\n          </Txt>\n        ) : null}\n      </Txt>\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\ntype PageMap = ReadonlyMap<string, KnowledgePagePayload>;\nconst refIndexes = new WeakMap<PageMap, WeakMap<PageMap, KnowledgePageRefIndex>>();\n\n/** One ref index per loaded-pages map (and pages fetched by ref), shared by every note drawn from it. */\nfunction loadedRefIndex(pagesById: PageMap, byRef: PageMap): KnowledgePageRefIndex {\n  let forPages = refIndexes.get(pagesById);\n  if (!forPages) refIndexes.set(pagesById, (forPages = new WeakMap()));\n  let index = forPages.get(byRef);\n  if (!index) forPages.set(byRef, (index = knowledgePageRefIndex(pagesById.values(), byRef)));\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, useContext(KnowledgePagesByRef));\n  // Only a page the server resolved the mention to is linked, however the ref is written.\n  const mentionTarget = (ref: string) => noteMentionTarget(refIndex, pagesById, note.mentions, ref);\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            {authorName(note.provenance.author)}\n          </Txt>\n          <Txt as=\"span\" variant=\"caption\" tone=\"muted\">\n            <RelativeTimestamp value={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 wrap-anywhere 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              <KnowledgeTooltip key={index} label={segment.value}>\n                <button\n                  type=\"button\"\n                  data-testid=\"knowledge-note-link\"\n                  className=\"rounded bg-badge-blue-subtle px-1 text-left font-medium wrap-anywhere text-badge-blue-foreground hover:underline\"\n                  onClick={() => onPageClick(target)}\n                >\n                  {target.name}\n                </button>\n              </KnowledgeTooltip>\n            ) : (\n              <span key={index} className=\"font-medium wrap-anywhere\">\n                {segment.value}\n              </span>\n            );\n          })}\n        </p>\n        {note.stampScopeIds.length > 0 ? (\n          <div className=\"flex min-w-0 flex-wrap gap-1\" aria-label=\"Stamped to\">\n            {note.stampScopeIds.map(id => (\n              <Badge key={id} variant=\"neutral\" size=\"xs\" title={scopeLabel(id)}>\n                <span className=\"truncate\">{scopeLabel(id)}</span>\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  compact = false,\n}: {\n  compact?: boolean;\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  // Core's `related` leaves out the page and its ancestors, so notes mentioning them resolve against these too.\n  const notePages = useMemo(\n    () => new Map([...pagesById, ...[...ancestors, page].map(entry => [entry.id, entry] as const)]),\n    [pagesById, ancestors, page],\n  );\n  const pagesByRef = useContext(KnowledgePagesByRef);\n  const refIndex = useMemo(\n    () => knowledgePageRefIndex([...pagesById.values(), ...ancestors, page], pagesByRef),\n    [pagesById, ancestors, page, pagesByRef],\n  );\n  const bodyLinks = useMemo(() => ({ index: refIndex, onPageClick }), [refIndex, onPageClick]);\n\n  return (\n    <article\n      key={page.id}\n      aria-label={page.name}\n      className=\"@container flex min-h-0 flex-1 flex-col overflow-y-auto overscroll-contain\"\n    >\n      <header\n        className={\n          compact\n            ? 'flex flex-col gap-3 border-b border-surface-rim px-4 pt-3 pb-4'\n            : 'flex flex-col gap-3 border-b border-border bg-fill-subtle px-6 pt-5 pb-4'\n        }\n      >\n        <Breadcrumb label=\"Breadcrumb\" className=\"ml-[-.9em] min-w-0\" listClassName=\"overflow-hidden\">\n          {ancestors.map(ancestor => (\n            <Crumb key={ancestor.id} as=\"button\" onClick={() => onPageClick(ancestor)}>\n              {scopeTitle(ancestor)}\n            </Crumb>\n          ))}\n          <Crumb as=\"span\" isCurrent>\n            {scopeTitle(page)}\n          </Crumb>\n        </Breadcrumb>\n        <div className=\"flex flex-col gap-2\">\n          {compact ? null : (\n            <div className=\"flex min-w-0 items-center gap-2\">\n              <KnowledgeSourceIcon page={page} className=\"size-icon-lg\" />\n              <KnowledgeTooltip label={(page.isScope ? page.address : path) ?? page.name}>\n                <Txt as=\"h2\" variant=\"title\" className=\"min-w-0 break-words\" data-testid=\"knowledge-page-title\">\n                  {scopeTitle(page)}\n                </Txt>\n              </KnowledgeTooltip>\n              <Badge variant=\"neutral\" size=\"sm\" className=\"shrink-0 tabular-nums\">\n                v{page.version}\n              </Badge>\n            </div>\n          )}\n          {page.description ? (\n            <Txt variant=\"body\" tone=\"muted\">\n              {page.description}\n            </Txt>\n          ) : null}\n          <div className=\"flex flex-wrap items-center gap-x-2 gap-y-1\">\n            <Badge variant={page.isScope ? 'info' : 'neutral'} size=\"sm\">\n              {kind}\n            </Badge>\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            <Txt as=\"span\" variant=\"caption\" tone=\"muted\" data-testid=\"knowledge-page-version\">\n              <Metadata>\n                {page.isScope ? null : <Metadata.Item>In {scope ? scopeTitle(scope) : page.scopeId}</Metadata.Item>}\n                {compact ? <Metadata.Item>v{page.version}</Metadata.Item> : null}\n                <Metadata.Item>\n                  Updated{' '}\n                  <RelativeTimestamp value={page.updatedAt} label={`Updated by ${authorName(page.updatedBy.author)}`} />\n                </Metadata.Item>\n              </Metadata>\n            </Txt>\n          </div>\n        </div>\n      </header>\n\n      <div className={`flex flex-col gap-8 ${compact ? 'p-4' : 'p-6'} @4xl:flex-row`}>\n        <div className=\"flex min-w-0 flex-col gap-8 @4xl:flex-1\">\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\">\n              This {page.isScope ? 'scope' : 'page'} has no body yet.\n            </Txt>\n          )}\n\n          {notes.length > 0 || notesMore ? (\n            <KnowledgeDetailSection label=\"Notes\" count={notesMore ? undefined : notes.length}>\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={notePages}\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              {notesMore}\n            </KnowledgeDetailSection>\n          ) : null}\n        </div>\n\n        <aside className=\"flex min-w-0 flex-col divide-y divide-border border-t border-border *:py-6 *:last:pb-0 @4xl:w-72 @4xl:shrink-0 @4xl:border-t-0 @4xl:border-l @4xl:pl-8 @4xl:*:first:pt-0\">\n          {childPages}\n\n          {mentionedBy.length > 0 ? (\n            <KnowledgeDetailSection 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={notePages}\n                    onPageClick={onPageClick}\n                    showPage\n                    compact\n                  />\n                ))}\n              </ul>\n            </KnowledgeDetailSection>\n          ) : null}\n\n          {activity && activity.length > 0 ? (\n            <KnowledgeDetailSection 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\" className=\"min-w-0\">\n                      <Metadata singleLine>\n                        <Metadata.Item className=\"min-w-0\">\n                          <KnowledgeTooltip label={event.provenance.author}>\n                            <span className=\"truncate\">{authorName(event.provenance.author)}</span>\n                          </KnowledgeTooltip>\n                        </Metadata.Item>\n                        <Metadata.Item className=\"shrink-0\">\n                          <RelativeTimestamp value={event.createdAt} />\n                        </Metadata.Item>\n                      </Metadata>\n                    </Txt>\n                  </li>\n                ))}\n              </ol>\n            </KnowledgeDetailSection>\n          ) : null}\n        </aside>\n      </div>\n    </article>\n  );\n}\n"],"mappings":"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"}