@adea-ai/ui 0.140.0 → 0.142.0

package/dist/components/composites/file-tree/file-tree.js

@@ -0,0 +1,389 @@
+import { cn } from "../../../lib/utils.js";
+import { Button } from "../../ui/button/button.js";
+import { Badge } from "../../ui/badge/badge.js";
+import { keyedRows } from "../../../lib/keyed-rows.js";
+import { Tree, TreeRow } from "../tree/tree.js";
+import { FILE_CHANGE_LABELS, buildFileTree, clampWindow, countChanges, describeChanges, flattenFileTree, indexFileTree, initialExpanded, revealInWindow, typeaheadIndex } from "./build-file-tree.js";
+import { className, createComponent, delegateEvents, effect, insert, memo, mergeProps, setAttribute, setStyleProperty, spread, template, use } from "solid-js/web";
+import { File, Folder, FolderOpen } from "lucide-solid";
+import { For, Show, createComputed, createMemo, createSignal, onCleanup, splitProps, untrack } from "solid-js";
+//#region src/components/composites/file-tree/file-tree.tsx
+var _tmpl$ = /*#__PURE__*/ template(`<span>`);
+var _tmpl$2 = /*#__PURE__*/ template(`<span class=sr-only>, renamed from `);
+var _tmpl$3 = /*#__PURE__*/ template(`<span class=text-foreground>+`);
+var _tmpl$4 = /*#__PURE__*/ template(`<span class=text-foreground>−`);
+var _tmpl$5 = /*#__PURE__*/ template(`<span class="font-code text-2xs tabular-nums"> `);
+var _tmpl$6 = /*#__PURE__*/ template(`<span class="text-2xs tabular-nums"> `);
+var _tmpl$7 = /*#__PURE__*/ template(`<p data-slot=file-tree-summary class="m-0 text-xs text-muted-foreground">`);
+var _tmpl$8 = /*#__PURE__*/ template(`<p class="m-0 text-xs text-muted-foreground">No changed files`);
+var _tmpl$9 = /*#__PURE__*/ template(`<div>`);
+var _tmpl$0 = /*#__PURE__*/ template(`<div class="scroll-fade overflow-auto rounded-md">`);
+var _tmpl$1 = /*#__PURE__*/ template(`<div data-slot=file-tree>`);
+var FILE_TREE_MAX_ROWS = 500;
+var CHANGE_VARIANT = {
+	added: "success",
+	modified: "warning",
+	deleted: "destructive",
+	renamed: "info"
+};
+function descriptor(row) {
+	return {
+		id: row.node.id,
+		parentId: row.parentId,
+		level: row.level,
+		expandable: row.node.kind === "directory",
+		expanded: row.expanded
+	};
+}
+function RowContent(props) {
+	const node = () => props.row.node;
+	return [(() => {
+		var _el$ = _tmpl$();
+		insert(_el$, () => node().name);
+		effect((_p$) => {
+			var _v$ = cn("truncate", { "text-muted-foreground line-through": node().change === "deleted" }), _v$2 = node().id;
+			_v$ !== _p$.e && className(_el$, _p$.e = _v$);
+			_v$2 !== _p$.t && setAttribute(_el$, "title", _p$.t = _v$2);
+			return _p$;
+		}, {
+			e: void 0,
+			t: void 0
+		});
+		return _el$;
+	})(), createComponent(Show, {
+		get when() {
+			return node().renamedFrom;
+		},
+		get children() {
+			var _el$2 = _tmpl$2();
+			_el$2.firstChild;
+			insert(_el$2, () => node().renamedFrom, null);
+			return _el$2;
+		}
+	})];
+}
+function RowTrailing(props) {
+	const node = () => props.row.node;
+	return [
+		createComponent(Show, {
+			get when() {
+				return memo(() => node().kind === "file")() && (node().additions || node().deletions);
+			},
+			get children() {
+				var _el$4 = _tmpl$5(), _el$7 = _el$4.firstChild;
+				insert(_el$4, createComponent(Show, {
+					get when() {
+						return node().additions !== void 0;
+					},
+					get children() {
+						var _el$5 = _tmpl$3();
+						_el$5.firstChild;
+						insert(_el$5, () => node().additions, null);
+						return _el$5;
+					}
+				}), _el$7);
+				insert(_el$4, createComponent(Show, {
+					get when() {
+						return node().deletions !== void 0;
+					},
+					get children() {
+						var _el$8 = _tmpl$4();
+						_el$8.firstChild;
+						insert(_el$8, () => node().deletions, null);
+						return _el$8;
+					}
+				}), null);
+				return _el$4;
+			}
+		}),
+		createComponent(Show, {
+			get when() {
+				return memo(() => node().kind === "directory")() && !props.row.expanded;
+			},
+			get children() {
+				var _el$0 = _tmpl$6(), _el$1 = _el$0.firstChild;
+				insert(_el$0, () => node().fileCount.toLocaleString(), _el$1);
+				insert(_el$0, () => node().fileCount === 1 ? "file" : "files", null);
+				return _el$0;
+			}
+		}),
+		createComponent(Show, {
+			get when() {
+				return node().change;
+			},
+			children: (change) => createComponent(Badge, {
+				get variant() {
+					return CHANGE_VARIANT[change()];
+				},
+				size: "sm",
+				get children() {
+					return FILE_CHANGE_LABELS[change()];
+				}
+			})
+		})
+	];
+}
+function FileTree(props) {
+	const [local, rest] = splitProps(props, [
+		"files",
+		"label",
+		"defaultExpanded",
+		"compact",
+		"selected",
+		"onSelect",
+		"maxHeight",
+		"maxRows",
+		"showSummary",
+		"class"
+	]);
+	const build = createMemo(() => buildFileTree(local.files, { compact: local.compact }));
+	const nodes = createMemo(() => indexFileTree(build().roots));
+	const counts = createMemo(() => countChanges(build().roots));
+	const [expanded, setExpanded] = createSignal(/* @__PURE__ */ new Set());
+	let seen = /* @__PURE__ */ new Set();
+	createComputed(() => {
+		const { roots, fileCount } = build();
+		const wanted = initialExpanded(roots, local.defaultExpanded, fileCount);
+		const folders = /* @__PURE__ */ new Set();
+		for (const [id, node] of nodes()) if (node.kind === "directory") folders.add(id);
+		untrack(() => {
+			const next = new Set([...expanded()].filter((id) => folders.has(id)));
+			for (const id of wanted) if (!seen.has(id)) next.add(id);
+			seen = folders;
+			setExpanded(next);
+		});
+	});
+	const rows = createMemo(() => flattenFileTree(build().roots, expanded()));
+	const pageSize = () => Math.max(1, Math.floor(local.maxRows ?? 500));
+	const [requested, setRequested] = createSignal({
+		start: 0,
+		end: 0
+	});
+	const mountedWindow = createMemo(() => clampWindow(requested().end === 0 ? {
+		start: 0,
+		end: pageSize()
+	} : requested(), rows().length, pageSize()));
+	const items = createMemo(() => rows().map(descriptor));
+	const mounted = keyedRows(() => rows().slice(mountedWindow().start, mountedWindow().end), (row) => row.node.id);
+	const rowsBefore = () => mountedWindow().start;
+	const rowsAfter = () => Math.max(0, rows().length - mountedWindow().end);
+	const [activeId, setActiveId] = createSignal(null);
+	const selectable = () => local.onSelect !== void 0;
+	const toggle = (id, open) => {
+		setExpanded((current) => {
+			const next = new Set(current);
+			if (open) next.add(id);
+			else next.delete(id);
+			return next;
+		});
+	};
+	/** Mount the rows around one the keyboard is moving to, so focus can land on it. */
+	const reveal = (id) => {
+		const index = rows().findIndex((row) => row.node.id === id);
+		setRequested(revealInWindow(mountedWindow(), index, rows().length, pageSize()));
+	};
+	const select = (id) => {
+		const node = nodes().get(id);
+		if (node) local.onSelect?.(id, node);
+	};
+	const activate = (id) => {
+		const node = nodes().get(id);
+		if (!node) return;
+		if (node.kind === "directory") toggle(id, !expanded().has(id));
+		else select(id);
+	};
+	let container;
+	let typed = "";
+	let typedTimer;
+	onCleanup(() => clearTimeout(typedTimer));
+	const typeahead = (event) => {
+		if (event.defaultPrevented || event.ctrlKey || event.metaKey || event.altKey || event.key.length !== 1 || event.key === " ") return;
+		typed += event.key;
+		clearTimeout(typedTimer);
+		typedTimer = setTimeout(() => typed = "", 700);
+		const all = rows();
+		const active = all.findIndex((row) => row.node.id === activeId());
+		const row = all[typeaheadIndex(all.map((row) => row.node.name), active, typed)];
+		if (!row) return;
+		event.preventDefault();
+		const id = row.node.id;
+		reveal(id);
+		setActiveId(id);
+		queueMicrotask(() => {
+			for (const element of container?.querySelectorAll("[data-tree-id]") ?? []) if (element.dataset.treeId === id) {
+				element.focus();
+				break;
+			}
+		});
+	};
+	const maxHeight = () => typeof local.maxHeight === "number" ? `${local.maxHeight}px` : local.maxHeight ?? "20rem";
+	return (() => {
+		var _el$10 = _tmpl$1();
+		use((element) => container = element, _el$10);
+		spread(_el$10, mergeProps({ get ["class"]() {
+			return cn("flex min-w-0 flex-col gap-1", local.class);
+		} }, rest), false, true);
+		insert(_el$10, createComponent(Show, {
+			get when() {
+				return local.showSummary !== false;
+			},
+			get children() {
+				var _el$11 = _tmpl$7();
+				insert(_el$11, () => describeChanges(counts()), null);
+				insert(_el$11, createComponent(Show, {
+					get when() {
+						return build().rejected.length > 0;
+					},
+					get children() {
+						return [
+							" ",
+							"· ",
+							memo(() => build().rejected.length.toLocaleString()),
+							" ",
+							memo(() => build().rejected.length === 1 ? "path" : "paths"),
+							" ignored as not valid"
+						];
+					}
+				}), null);
+				return _el$11;
+			}
+		}), null);
+		insert(_el$10, createComponent(Show, {
+			get when() {
+				return memo(() => rows().length === 0)() && local.showSummary === false;
+			},
+			get children() {
+				return _tmpl$8();
+			}
+		}), null);
+		insert(_el$10, createComponent(Show, {
+			get when() {
+				return rows().length > 0;
+			},
+			get children() {
+				return [
+					createComponent(Show, {
+						get when() {
+							return rowsBefore() > 0;
+						},
+						get children() {
+							var _el$13 = _tmpl$9();
+							insert(_el$13, createComponent(Button, {
+								variant: "ghost",
+								size: "2xs",
+								onClick: () => setRequested({
+									start: Math.max(0, mountedWindow().start - pageSize()),
+									end: mountedWindow().end
+								}),
+								get children() {
+									return [
+										"Show ",
+										memo(() => Math.min(rowsBefore(), pageSize()).toLocaleString()),
+										" earlier rows (",
+										memo(() => rowsBefore().toLocaleString()),
+										" not shown)"
+									];
+								}
+							}));
+							return _el$13;
+						}
+					}),
+					(() => {
+						var _el$14 = _tmpl$0();
+						_el$14.$$keydown = typeahead;
+						insert(_el$14, createComponent(Tree, {
+							get ["aria-label"]() {
+								return local.label ?? "Changed files";
+							},
+							get visibleItems() {
+								return items();
+							},
+							get activeId() {
+								return activeId();
+							},
+							onActiveIdChange: setActiveId,
+							onExpand: toggle,
+							onActivate: (id) => activate(id),
+							onSelectItem: (id) => select(id),
+							onRequestReveal: reveal,
+							get selectionMode() {
+								return selectable() ? "single" : void 0;
+							},
+							get children() {
+								return createComponent(For, {
+									get each() {
+										return mounted();
+									},
+									children: (entry) => createComponent(TreeRow, {
+										get item() {
+											return descriptor(entry.item());
+										},
+										get selected() {
+											return memo(() => !!selectable())() ? local.selected === entry.item().node.id : void 0;
+										},
+										get leading() {
+											return memo(() => entry.item().node.kind === "directory")() ? memo(() => !!entry.item().expanded)() ? createComponent(FolderOpen, {
+												"aria-hidden": "true",
+												"class": "text-muted-foreground"
+											}) : createComponent(Folder, {
+												"aria-hidden": "true",
+												"class": "text-muted-foreground"
+											}) : createComponent(File, {
+												"aria-hidden": "true",
+												"class": "text-muted-foreground"
+											});
+										},
+										get trailing() {
+											return createComponent(RowTrailing, { get row() {
+												return entry.item();
+											} });
+										},
+										get children() {
+											return createComponent(RowContent, { get row() {
+												return entry.item();
+											} });
+										}
+									})
+								});
+							}
+						}));
+						effect((_$p) => setStyleProperty(_el$14, "max-height", maxHeight()));
+						return _el$14;
+					})(),
+					createComponent(Show, {
+						get when() {
+							return rowsAfter() > 0;
+						},
+						get children() {
+							var _el$15 = _tmpl$9();
+							insert(_el$15, createComponent(Button, {
+								variant: "ghost",
+								size: "2xs",
+								onClick: () => setRequested({
+									start: mountedWindow().start,
+									end: Math.min(rows().length, mountedWindow().end + pageSize())
+								}),
+								get children() {
+									return [
+										"Show ",
+										memo(() => Math.min(rowsAfter(), pageSize()).toLocaleString()),
+										" more rows (",
+										memo(() => rowsAfter().toLocaleString()),
+										" not shown)"
+									];
+								}
+							}));
+							return _el$15;
+						}
+					})
+				];
+			}
+		}), null);
+		return _el$10;
+	})();
+}
+delegateEvents(["keydown"]);
+//#endregion
+export { FILE_TREE_MAX_ROWS, FileTree };
+
+//# sourceMappingURL=file-tree.js.map

package/dist/components/composites/file-tree/file-tree.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"file-tree.js","names":["File","Folder","FolderOpen","createComputed","createMemo","createSignal","For","onCleanup","Show","splitProps","untrack","ComponentProps","keyedRows","cn","Button","Badge","Tree","TreeRow","TreeItemDescriptor","buildFileTree","clampWindow","countChanges","describeChanges","FILE_CHANGE_LABELS","flattenFileTree","indexFileTree","initialExpanded","revealInWindow","typeaheadIndex","RowWindow","FileChangeInput","FileChangeKind","FileTreeExpansion","FileTreeNode","FileTreeRow","FileTreeProps","Omit","files","label","defaultExpanded","compact","selected","onSelect","path","node","maxHeight","maxRows","showSummary","FILE_TREE_MAX_ROWS","CHANGE_VARIANT","Readonly","Record","added","modified","deleted","renamed","descriptor","row","id","parentId","level","expandable","kind","expanded","RowContent","props","_el$","_tmpl$","_$insert","name","_$effect","_p$","_v$","change","_v$2","e","_$className","t","_$setAttribute","undefined","_$createComponent","when","renamedFrom","children","_el$2","_tmpl$2","_el$3","firstChild","RowTrailing","_$memo","additions","deletions","_el$4","_tmpl$5","_el$7","_el$5","_tmpl$3","_el$6","_el$8","_tmpl$4","_el$9","_el$0","_tmpl$6","_el$1","fileCount","toLocaleString","variant","size","FileTree","local","rest","build","nodes","roots","counts","setExpanded","ReadonlySet","Set","seen","wanted","folders","add","next","filter","has","rows","pageSize","Math","max","floor","requested","setRequested","start","end","mountedWindow","length","items","map","mounted","slice","rowsBefore","rowsAfter","activeId","setActiveId","selectable","toggle","open","current","delete","reveal","index","findIndex","select","get","activate","container","HTMLDivElement","typed","typedTimer","ReturnType","setTimeout","clearTimeout","typeahead","event","KeyboardEvent","defaultPrevented","ctrlKey","metaKey","altKey","key","all","active","target","preventDefault","queueMicrotask","element","querySelectorAll","HTMLElement","dataset","treeId","focus","_el$10","_tmpl$1","_$use","_$spread","_$mergeProps","class","_el$11","_tmpl$7","rejected","_tmpl$8","_el$13","_tmpl$9","onClick","min","_el$14","_tmpl$0","$$keydown","aria-label","visibleItems","onActiveIdChange","onExpand","onActivate","onSelectItem","onRequestReveal","selectionMode","each","entry","item","leading","trailing","_$p","_$setStyleProperty","_el$15","_$delegateEvents","_$className","_$setAttribute","_$createComponent","_$memo","_$mergeProps","_$setStyleProperty","_$delegateEvents"],"sources":["../../../../src/components/composites/file-tree/file-tree.tsx"],"sourcesContent":["import { File, Folder, FolderOpen } from 'lucide-solid'\nimport {\n  createComputed,\n  createMemo,\n  createSignal,\n  For,\n  onCleanup,\n  Show,\n  splitProps,\n  untrack,\n  type ComponentProps,\n} from 'solid-js'\nimport { keyedRows } from '#lib/keyed-rows'\nimport { cn } from '#lib/utils'\nimport { Button } from '../../ui/button'\nimport { Badge } from '../../ui/badge'\nimport { Tree, TreeRow, type TreeItemDescriptor } from '../tree'\nimport {\n  buildFileTree,\n  clampWindow,\n  countChanges,\n  describeChanges,\n  FILE_CHANGE_LABELS,\n  flattenFileTree,\n  indexFileTree,\n  initialExpanded,\n  revealInWindow,\n  typeaheadIndex,\n  type RowWindow,\n  type FileChangeInput,\n  type FileChangeKind,\n  type FileTreeExpansion,\n  type FileTreeNode,\n  type FileTreeRow,\n} from './build-file-tree'\n\n/**\n * FileTree.\n *\n * The files an agent changed, as a folder tree. It is for a change set — dozens\n * to thousands of paths with an optional change kind each — and not for browsing\n * a workspace: it has no rename, drag, or filesystem action, and it never opens\n * anything. Reach for `Trace` lines when the agent touched two or three files, and\n * for the shared `Tree` directly when the host owns a real file explorer.\n *\n * ## Built on `Tree`, and why that fits\n *\n * `Tree` supplies the treeitem semantics and the WAI-ARIA keyboard model (arrows,\n * Home/End, roving tab stop) and leaves the projection to the host. A changed-file\n * tree is small enough that the whole projection can live in memory, and the\n * `Tree` contract for a mounted window — a complete `visibleItems` list with only\n * some rows rendered, `onRequestReveal` to mount a row the keyboard moved to — is\n * exactly the seam a bounded render needs, so this adds no navigation code of\n * its own. What it adds is typeahead, which `Tree` does not provide: a typed\n * prefix jumps to the next row whose name starts with it.\n *\n * ## Large trees\n *\n * A collapsed folder's subtree is never visited or rendered, so a 5 000-file tree\n * costs what is visible. A tree of more than 100 files starts with only its top\n * level open (`defaultExpanded` overrides). Past `maxRows` visible rows only a\n * window of them is mounted, with a control above and below to move it a page at\n * a time. The full list is what keyboard navigation walks: an arrow key at the\n * window's edge grows it by a page, and a jump (End, Home, a typed letter) moves\n * it to the page holding the target instead of mounting every row between, so End\n * on a tree of thousands of open rows stays one page of work.\n *\n * ## Changes are claims\n *\n * A change kind is drawn — as a word on the row, so it is also spoken — only for a\n * file the host gave one. A file without one is listed and nothing more is said.\n * The summary counts what was supplied, and is silent about files with no kind.\n * Paths that are not acceptable (`..` segments, control characters) are not drawn;\n * their number is stated, so the list is never quietly shorter than the input.\n *\n * ## Selection is the host's\n *\n * Rows select only when `onSelect` is supplied; without it no row is selectable\n * and `aria-selected` is not set. Enter or a click on a folder expands it; on a\n * file it selects. Space selects either. The tree never opens a file itself — the\n * path is untrusted text, and what it means on this machine is the host's call.\n */\nexport type FileTreeProps = Omit<ComponentProps<'div'>, 'children' | 'onSelect'> & {\n  /** Paths, or paths with a change kind. Both `/` and `\\` separate segments. */\n  files: readonly (string | FileChangeInput)[]\n  /** The tree's accessible name. Default \"Changed files\". */\n  label?: string\n  /**\n   * Which folders start open: `true` all, `false` none, a number to that depth,\n   * or a list of ids. Unset opens a small tree fully and a large one at its top level.\n   */\n  defaultExpanded?: FileTreeExpansion\n  /** Merge a folder with a single folder child into one row. Default true. */\n  compact?: boolean\n  /** The selected node's id. Meaningful only with `onSelect`. */\n  selected?: string\n  /** Make rows selectable. Omit and nothing is selectable. */\n  onSelect?: (path: string, node: FileTreeNode) => void\n  /** Height of the tree box, which scrolls past it. A number is pixels. Default `20rem`. */\n  maxHeight?: number | string\n  /** Visible rows mounted at once; more are added a page at a time. Default 500. */\n  maxRows?: number\n  /** Show the count of changes above the tree. Default true. */\n  showSummary?: boolean\n}\n\nexport const FILE_TREE_MAX_ROWS = 500\n\nconst CHANGE_VARIANT: Readonly<\n  Record<FileChangeKind, 'success' | 'warning' | 'destructive' | 'info'>\n> = {\n  added: 'success',\n  modified: 'warning',\n  deleted: 'destructive',\n  renamed: 'info',\n}\n\nfunction descriptor(row: FileTreeRow): TreeItemDescriptor {\n  return {\n    id: row.node.id,\n    parentId: row.parentId,\n    level: row.level,\n    expandable: row.node.kind === 'directory',\n    expanded: row.expanded,\n  }\n}\n\nfunction RowContent(props: { row: FileTreeRow }) {\n  const node = () => props.row.node\n  return (\n    <>\n      <span\n        class={cn('truncate', {\n          'text-muted-foreground line-through': node().change === 'deleted',\n        })}\n        title={node().id}\n      >\n        {node().name}\n      </span>\n      <Show when={node().renamedFrom}>\n        <span class=\"sr-only\">, renamed from {node().renamedFrom}</span>\n      </Show>\n    </>\n  )\n}\n\nfunction RowTrailing(props: { row: FileTreeRow }) {\n  const node = () => props.row.node\n  return (\n    <>\n      <Show when={node().kind === 'file' && (node().additions || node().deletions)}>\n        <span class=\"font-code text-2xs tabular-nums\">\n          <Show when={node().additions !== undefined}>\n            <span class=\"text-foreground\">+{node().additions}</span>\n          </Show>{' '}\n          <Show when={node().deletions !== undefined}>\n            <span class=\"text-foreground\">−{node().deletions}</span>\n          </Show>\n        </span>\n      </Show>\n      <Show when={node().kind === 'directory' && !props.row.expanded}>\n        <span class=\"text-2xs tabular-nums\">\n          {node().fileCount.toLocaleString()} {node().fileCount === 1 ? 'file' : 'files'}\n        </span>\n      </Show>\n      {/* The word is the signal; the tint only helps a sighted reader find it. */}\n      <Show when={node().change}>\n        {(change) => (\n          <Badge variant={CHANGE_VARIANT[change()]} size=\"sm\">\n            {FILE_CHANGE_LABELS[change()]}\n          </Badge>\n        )}\n      </Show>\n    </>\n  )\n}\n\nexport function FileTree(props: FileTreeProps) {\n  const [local, rest] = splitProps(props, [\n    'files',\n    'label',\n    'defaultExpanded',\n    'compact',\n    'selected',\n    'onSelect',\n    'maxHeight',\n    'maxRows',\n    'showSummary',\n    'class',\n  ])\n\n  const build = createMemo(() => buildFileTree(local.files, { compact: local.compact }))\n  const nodes = createMemo(() => indexFileTree(build().roots))\n  const counts = createMemo(() => countChanges(build().roots))\n\n  // Folders the tree has already decided about. A change set that grows while\n  // the agent works opens its new folders by the same rule as the first render,\n  // and never reopens one the reader closed.\n  const [expanded, setExpanded] = createSignal<ReadonlySet<string>>(new Set())\n  let seen = new Set<string>()\n  createComputed(() => {\n    const { roots, fileCount } = build()\n    const wanted = initialExpanded(roots, local.defaultExpanded, fileCount)\n    const folders = new Set<string>()\n    for (const [id, node] of nodes()) if (node.kind === 'directory') folders.add(id)\n    untrack(() => {\n      const next = new Set([...expanded()].filter((id) => folders.has(id)))\n      for (const id of wanted) if (!seen.has(id)) next.add(id)\n      seen = folders\n      setExpanded(next)\n    })\n  })\n\n  const rows = createMemo(() => flattenFileTree(build().roots, expanded()))\n  const pageSize = () => Math.max(1, Math.floor(local.maxRows ?? FILE_TREE_MAX_ROWS))\n  const [requested, setRequested] = createSignal<RowWindow>({ start: 0, end: 0 })\n  const mountedWindow = createMemo(() =>\n    clampWindow(\n      requested().end === 0 ? { start: 0, end: pageSize() } : requested(),\n      rows().length,\n      pageSize()\n    )\n  )\n  const items = createMemo(() => rows().map(descriptor))\n  const mounted = keyedRows(\n    () => rows().slice(mountedWindow().start, mountedWindow().end),\n    (row) => row.node.id\n  )\n  const rowsBefore = () => mountedWindow().start\n  const rowsAfter = () => Math.max(0, rows().length - mountedWindow().end)\n\n  const [activeId, setActiveId] = createSignal<string | null>(null)\n  const selectable = () => local.onSelect !== undefined\n\n  const toggle = (id: string, open: boolean) => {\n    setExpanded((current) => {\n      const next = new Set(current)\n      if (open) next.add(id)\n      else next.delete(id)\n      return next\n    })\n  }\n\n  /** Mount the rows around one the keyboard is moving to, so focus can land on it. */\n  const reveal = (id: string) => {\n    const index = rows().findIndex((row) => row.node.id === id)\n    setRequested(revealInWindow(mountedWindow(), index, rows().length, pageSize()))\n  }\n\n  const select = (id: string) => {\n    const node = nodes().get(id)\n    if (node) local.onSelect?.(id, node)\n  }\n  const activate = (id: string) => {\n    const node = nodes().get(id)\n    if (!node) return\n    if (node.kind === 'directory') toggle(id, !expanded().has(id))\n    else select(id)\n  }\n\n  let container: HTMLDivElement | undefined\n  let typed = ''\n  let typedTimer: ReturnType<typeof setTimeout> | undefined\n  onCleanup(() => clearTimeout(typedTimer))\n  const typeahead = (event: KeyboardEvent) => {\n    if (\n      event.defaultPrevented ||\n      event.ctrlKey ||\n      event.metaKey ||\n      event.altKey ||\n      event.key.length !== 1 ||\n      event.key === ' '\n    ) {\n      return\n    }\n    typed += event.key\n    clearTimeout(typedTimer)\n    typedTimer = setTimeout(() => (typed = ''), 700)\n    const all = rows()\n    const active = all.findIndex((row) => row.node.id === activeId())\n    const target = typeaheadIndex(\n      all.map((row) => row.node.name),\n      active,\n      typed\n    )\n    const row = all[target]\n    if (!row) return\n    event.preventDefault()\n    const id = row.node.id\n    reveal(id)\n    setActiveId(id)\n    queueMicrotask(() => {\n      for (const element of container?.querySelectorAll<HTMLElement>('[data-tree-id]') ?? []) {\n        if (element.dataset.treeId === id) {\n          element.focus()\n          break\n        }\n      }\n    })\n  }\n\n  const maxHeight = () =>\n    typeof local.maxHeight === 'number' ? `${local.maxHeight}px` : (local.maxHeight ?? '20rem')\n\n  return (\n    <div\n      data-slot=\"file-tree\"\n      class={cn('flex min-w-0 flex-col gap-1', local.class)}\n      ref={(element) => (container = element)}\n      {...rest}\n    >\n      <Show when={local.showSummary !== false}>\n        <p data-slot=\"file-tree-summary\" class=\"m-0 text-xs text-muted-foreground\">\n          {describeChanges(counts())}\n          <Show when={build().rejected.length > 0}>\n            {' '}\n            · {build().rejected.length.toLocaleString()}{' '}\n            {build().rejected.length === 1 ? 'path' : 'paths'} ignored as not valid\n          </Show>\n        </p>\n      </Show>\n      <Show when={rows().length === 0 && local.showSummary === false}>\n        <p class=\"m-0 text-xs text-muted-foreground\">No changed files</p>\n      </Show>\n      <Show when={rows().length > 0}>\n        {/* The listener sits on the wrapper because `Tree` owns its own keydown\n            and ignores printable keys; typeahead picks up where it stops. */}\n        <Show when={rowsBefore() > 0}>\n          <div>\n            <Button\n              variant=\"ghost\"\n              size=\"2xs\"\n              onClick={() =>\n                setRequested({\n                  start: Math.max(0, mountedWindow().start - pageSize()),\n                  end: mountedWindow().end,\n                })\n              }\n            >\n              Show {Math.min(rowsBefore(), pageSize()).toLocaleString()} earlier rows (\n              {rowsBefore().toLocaleString()} not shown)\n            </Button>\n          </div>\n        </Show>\n        <div\n          class=\"scroll-fade overflow-auto rounded-md\"\n          style={{ 'max-height': maxHeight() }}\n          onKeyDown={typeahead}\n        >\n          <Tree\n            aria-label={local.label ?? 'Changed files'}\n            visibleItems={items()}\n            activeId={activeId()}\n            onActiveIdChange={setActiveId}\n            onExpand={toggle}\n            onActivate={(id) => activate(id)}\n            onSelectItem={(id) => select(id)}\n            onRequestReveal={reveal}\n            selectionMode={selectable() ? 'single' : undefined}\n          >\n            <For each={mounted()}>\n              {(entry) => (\n                <TreeRow\n                  item={descriptor(entry.item())}\n                  selected={selectable() ? local.selected === entry.item().node.id : undefined}\n                  leading={\n                    entry.item().node.kind === 'directory' ? (\n                      entry.item().expanded ? (\n                        <FolderOpen aria-hidden=\"true\" class=\"text-muted-foreground\" />\n                      ) : (\n                        <Folder aria-hidden=\"true\" class=\"text-muted-foreground\" />\n                      )\n                    ) : (\n                      <File aria-hidden=\"true\" class=\"text-muted-foreground\" />\n                    )\n                  }\n                  trailing={<RowTrailing row={entry.item()} />}\n                >\n                  <RowContent row={entry.item()} />\n                </TreeRow>\n              )}\n            </For>\n          </Tree>\n        </div>\n        <Show when={rowsAfter() > 0}>\n          <div>\n            <Button\n              variant=\"ghost\"\n              size=\"2xs\"\n              onClick={() =>\n                setRequested({\n                  start: mountedWindow().start,\n                  end: Math.min(rows().length, mountedWindow().end + pageSize()),\n                })\n              }\n            >\n              Show {Math.min(rowsAfter(), pageSize()).toLocaleString()} more rows (\n              {rowsAfter().toLocaleString()} not shown)\n            </Button>\n          </div>\n        </Show>\n      </Show>\n    </div>\n  )\n}\n"],"mappings":"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"}

package/dist/components/composites/file-tree/index.d.ts

@@ -0,0 +1,3 @@
+export { FileTree, FILE_TREE_MAX_ROWS, type FileTreeProps } from './file-tree';
+export { buildFileTree, clampWindow, countChanges, describeChanges, FILE_CHANGE_LABELS, FILE_TREE_AUTO_EXPAND_LIMIT, FILE_TREE_MAX_DEPTH, flattenFileTree, indexFileTree, initialExpanded, normalizePath, revealInWindow, typeaheadIndex, type BuildFileTreeOptions, type ChangeCounts, type FileChangeInput, type FileChangeKind, type FileTreeBuild, type FileTreeExpansion, type FileTreeNode, type FileTreeRow, type RowWindow, } from './build-file-tree';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/composites/file-tree/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/composites/file-tree/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,kBAAkB,EAAE,KAAK,aAAa,EAAE,MAAM,aAAa,CAAA;AAC9E,OAAO,EACL,aAAa,EACb,WAAW,EACX,YAAY,EACZ,eAAe,EACf,kBAAkB,EAClB,2BAA2B,EAC3B,mBAAmB,EACnB,eAAe,EACf,aAAa,EACb,eAAe,EACf,aAAa,EACb,cAAc,EACd,cAAc,EACd,KAAK,oBAAoB,EACzB,KAAK,YAAY,EACjB,KAAK,eAAe,EACpB,KAAK,cAAc,EACnB,KAAK,aAAa,EAClB,KAAK,iBAAiB,EACtB,KAAK,YAAY,EACjB,KAAK,WAAW,EAChB,KAAK,SAAS,GACf,MAAM,mBAAmB,CAAA"}

package/dist/components/composites/file-tree/index.js

@@ -0,0 +1,3 @@
+import { FILE_CHANGE_LABELS, FILE_TREE_AUTO_EXPAND_LIMIT, FILE_TREE_MAX_DEPTH, buildFileTree, clampWindow, countChanges, describeChanges, flattenFileTree, indexFileTree, initialExpanded, normalizePath, revealInWindow, typeaheadIndex } from "./build-file-tree.js";
+import { FILE_TREE_MAX_ROWS, FileTree } from "./file-tree.js";
+export { FILE_CHANGE_LABELS, FILE_TREE_AUTO_EXPAND_LIMIT, FILE_TREE_MAX_DEPTH, FILE_TREE_MAX_ROWS, FileTree, buildFileTree, clampWindow, countChanges, describeChanges, flattenFileTree, indexFileTree, initialExpanded, normalizePath, revealInWindow, typeaheadIndex };

package/dist/components/composites/inline-citation/citation.d.ts

@@ -0,0 +1,37 @@
+import { type Source } from '../sources/source';
+/**
+ * The text on a citation badge.
+ *
+ * A 1-based `index` wins, because a number is what the sentence's own markers
+ * and the Sources list use. Without one the badge shows the source's host (read
+ * from the parsed URL, so it cannot be spoofed by a title), then a clipped title,
+ * and only then a neutral word — never an invented number.
+ */
+export declare function citationLabel(index: number | undefined, source: Source | undefined): string;
+/**
+ * The badge's accessible name. The visible label is a number or a host, which
+ * says nothing on its own, so the name carries the title and host: a screen-reader
+ * or voice-control user learns what is cited without opening the popover.
+ */
+export declare function citationName(sources: readonly Source[], index: number | undefined): string;
+/** Wrap a position into 0..count-1, so Previous on the first source goes to the last. */
+export declare function wrapIndex(position: number, count: number): number;
+/**
+ * How a citation's popover is open.
+ *
+ * - `peek` is a hover or keyboard-focus preview: it does not take focus, and it
+ *   goes away when the pointer or focus does.
+ * - `pinned` is a deliberate open (click, tap, Enter, Space): focus moves into
+ *   the popover so its link and Previous/Next are reachable, and it stays until
+ *   Escape, an outside press, or the badge is pressed again.
+ *
+ * A popover that only opened on hover would exclude keyboard and touch readers;
+ * one that only opened on press would make pointer users click to glance at a
+ * source. This is the smallest model that serves both, and it is a pure function
+ * so the awkward transitions (hover then click must pin, not toggle shut) are
+ * tested rather than argued about.
+ */
+export type CitationMode = 'closed' | 'peek' | 'pinned';
+export type CitationEvent = 'enter' | 'leave' | 'focus' | 'blur' | 'press' | 'dismiss';
+export declare function nextCitationMode(mode: CitationMode, event: CitationEvent): CitationMode;
+//# sourceMappingURL=citation.d.ts.map

package/dist/components/composites/inline-citation/citation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"citation.d.ts","sourceRoot":"","sources":["../../../../src/components/composites/inline-citation/citation.ts"],"names":[],"mappings":"AAAA,OAAO,EAAsC,KAAK,MAAM,EAAE,MAAM,mBAAmB,CAAA;AAKnF;;;;;;;GAOG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,EAAE,MAAM,EAAE,MAAM,GAAG,SAAS,GAAG,MAAM,CAQ3F;AAED;;;;GAIG;AACH,wBAAgB,YAAY,CAAC,OAAO,EAAE,SAAS,MAAM,EAAE,EAAE,KAAK,EAAE,MAAM,GAAG,SAAS,GAAG,MAAM,CAU1F;AAED,yFAAyF;AACzF,wBAAgB,SAAS,CAAC,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,MAAM,CAGjE;AAED;;;;;;;;;;;;;;GAcG;AACH,MAAM,MAAM,YAAY,GAAG,QAAQ,GAAG,MAAM,GAAG,QAAQ,CAAA;AACvD,MAAM,MAAM,aAAa,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,GAAG,MAAM,GAAG,OAAO,GAAG,SAAS,CAAA;AAEtF,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,YAAY,EAAE,KAAK,EAAE,aAAa,GAAG,YAAY,CAavF"}

package/dist/components/composites/inline-citation/citation.js

@@ -0,0 +1,52 @@
+import { boundText, sourceHost, sourceTitle } from "../sources/source.js";
+//#region src/components/composites/inline-citation/citation.ts
+/** Characters of a host or title that fit in a badge before it is clipped. */
+var LABEL_LIMIT = 24;
+/**
+* The text on a citation badge.
+*
+* A 1-based `index` wins, because a number is what the sentence's own markers
+* and the Sources list use. Without one the badge shows the source's host (read
+* from the parsed URL, so it cannot be spoofed by a title), then a clipped title,
+* and only then a neutral word — never an invented number.
+*/
+function citationLabel(index, source) {
+	if (index !== void 0 && Number.isInteger(index) && index >= 1 && index <= 9999) return String(index);
+	if (source === void 0) return "source";
+	const host = sourceHost(source.url);
+	if (host !== void 0) return boundText(host, LABEL_LIMIT);
+	return boundText(source.title, LABEL_LIMIT) || "source";
+}
+/**
+* The badge's accessible name. The visible label is a number or a host, which
+* says nothing on its own, so the name carries the title and host: a screen-reader
+* or voice-control user learns what is cited without opening the popover.
+*/
+function citationName(sources, index) {
+	const first = sources[0];
+	if (first === void 0) return "Citation";
+	const label = citationLabel(index, first);
+	if (sources.length > 1) return `Sources ${label} and ${sources.length - 1} more`;
+	const host = sourceHost(first.url);
+	const title = sourceTitle(first);
+	return host !== void 0 && host !== title ? `Source ${label}: ${title}, ${host}` : `Source ${label}: ${title}`;
+}
+/** Wrap a position into 0..count-1, so Previous on the first source goes to the last. */
+function wrapIndex(position, count) {
+	if (count <= 0) return 0;
+	return (position % count + count) % count;
+}
+function nextCitationMode(mode, event) {
+	switch (event) {
+		case "press": return mode === "pinned" ? "closed" : "pinned";
+		case "dismiss": return "closed";
+		case "enter":
+		case "focus": return mode === "closed" ? "peek" : mode;
+		case "leave":
+		case "blur": return mode === "peek" ? "closed" : mode;
+	}
+}
+//#endregion
+export { citationLabel, citationName, nextCitationMode, wrapIndex };
+
+//# sourceMappingURL=citation.js.map

package/dist/components/composites/inline-citation/citation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"citation.js","names":[],"sources":["../../../../src/components/composites/inline-citation/citation.ts"],"sourcesContent":["import { boundText, sourceHost, sourceTitle, type Source } from '../sources/source'\n\n/** Characters of a host or title that fit in a badge before it is clipped. */\nconst LABEL_LIMIT = 24\n\n/**\n * The text on a citation badge.\n *\n * A 1-based `index` wins, because a number is what the sentence's own markers\n * and the Sources list use. Without one the badge shows the source's host (read\n * from the parsed URL, so it cannot be spoofed by a title), then a clipped title,\n * and only then a neutral word — never an invented number.\n */\nexport function citationLabel(index: number | undefined, source: Source | undefined): string {\n  if (index !== undefined && Number.isInteger(index) && index >= 1 && index <= 9999) {\n    return String(index)\n  }\n  if (source === undefined) return 'source'\n  const host = sourceHost(source.url)\n  if (host !== undefined) return boundText(host, LABEL_LIMIT)\n  return boundText(source.title, LABEL_LIMIT) || 'source'\n}\n\n/**\n * The badge's accessible name. The visible label is a number or a host, which\n * says nothing on its own, so the name carries the title and host: a screen-reader\n * or voice-control user learns what is cited without opening the popover.\n */\nexport function citationName(sources: readonly Source[], index: number | undefined): string {\n  const first = sources[0]\n  if (first === undefined) return 'Citation'\n  const label = citationLabel(index, first)\n  if (sources.length > 1) return `Sources ${label} and ${sources.length - 1} more`\n  const host = sourceHost(first.url)\n  const title = sourceTitle(first)\n  return host !== undefined && host !== title\n    ? `Source ${label}: ${title}, ${host}`\n    : `Source ${label}: ${title}`\n}\n\n/** Wrap a position into 0..count-1, so Previous on the first source goes to the last. */\nexport function wrapIndex(position: number, count: number): number {\n  if (count <= 0) return 0\n  return ((position % count) + count) % count\n}\n\n/**\n * How a citation's popover is open.\n *\n * - `peek` is a hover or keyboard-focus preview: it does not take focus, and it\n *   goes away when the pointer or focus does.\n * - `pinned` is a deliberate open (click, tap, Enter, Space): focus moves into\n *   the popover so its link and Previous/Next are reachable, and it stays until\n *   Escape, an outside press, or the badge is pressed again.\n *\n * A popover that only opened on hover would exclude keyboard and touch readers;\n * one that only opened on press would make pointer users click to glance at a\n * source. This is the smallest model that serves both, and it is a pure function\n * so the awkward transitions (hover then click must pin, not toggle shut) are\n * tested rather than argued about.\n */\nexport type CitationMode = 'closed' | 'peek' | 'pinned'\nexport type CitationEvent = 'enter' | 'leave' | 'focus' | 'blur' | 'press' | 'dismiss'\n\nexport function nextCitationMode(mode: CitationMode, event: CitationEvent): CitationMode {\n  switch (event) {\n    case 'press':\n      return mode === 'pinned' ? 'closed' : 'pinned'\n    case 'dismiss':\n      return 'closed'\n    case 'enter':\n    case 'focus':\n      return mode === 'closed' ? 'peek' : mode\n    case 'leave':\n    case 'blur':\n      return mode === 'peek' ? 'closed' : mode\n  }\n}\n"],"mappings":";;;AAGA,IAAM,cAAc;;;;;;;;;AAUpB,SAAgB,cAAc,OAA2B,QAAoC;CAC3F,IAAI,UAAU,KAAA,KAAa,OAAO,UAAU,KAAK,KAAK,SAAS,KAAK,SAAS,MAC3E,OAAO,OAAO,KAAK;CAErB,IAAI,WAAW,KAAA,GAAW,OAAO;CACjC,MAAM,OAAO,WAAW,OAAO,GAAG;CAClC,IAAI,SAAS,KAAA,GAAW,OAAO,UAAU,MAAM,WAAW;CAC1D,OAAO,UAAU,OAAO,OAAO,WAAW,KAAK;AACjD;;;;;;AAOA,SAAgB,aAAa,SAA4B,OAAmC;CAC1F,MAAM,QAAQ,QAAQ;CACtB,IAAI,UAAU,KAAA,GAAW,OAAO;CAChC,MAAM,QAAQ,cAAc,OAAO,KAAK;CACxC,IAAI,QAAQ,SAAS,GAAG,OAAO,WAAW,MAAM,OAAO,QAAQ,SAAS,EAAE;CAC1E,MAAM,OAAO,WAAW,MAAM,GAAG;CACjC,MAAM,QAAQ,YAAY,KAAK;CAC/B,OAAO,SAAS,KAAA,KAAa,SAAS,QAClC,UAAU,MAAM,IAAI,MAAM,IAAI,SAC9B,UAAU,MAAM,IAAI;AAC1B;;AAGA,SAAgB,UAAU,UAAkB,OAAuB;CACjE,IAAI,SAAS,GAAG,OAAO;CACvB,QAAS,WAAW,QAAS,SAAS;AACxC;AAoBA,SAAgB,iBAAiB,MAAoB,OAAoC;CACvF,QAAQ,OAAR;EACE,KAAK,SACH,OAAO,SAAS,WAAW,WAAW;EACxC,KAAK,WACH,OAAO;EACT,KAAK;EACL,KAAK,SACH,OAAO,SAAS,WAAW,SAAS;EACtC,KAAK;EACL,KAAK,QACH,OAAO,SAAS,SAAS,WAAW;CACxC;AACF"}

package/dist/components/composites/inline-citation/index.d.ts

@@ -0,0 +1,3 @@
+export { InlineCitation, messageCitations, type InlineCitationProps } from './inline-citation';
+export { citationLabel, citationName, nextCitationMode, wrapIndex, type CitationEvent, type CitationMode, } from './citation';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/composites/inline-citation/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/composites/inline-citation/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,gBAAgB,EAAE,KAAK,mBAAmB,EAAE,MAAM,mBAAmB,CAAA;AAC9F,OAAO,EACL,aAAa,EACb,YAAY,EACZ,gBAAgB,EAChB,SAAS,EACT,KAAK,aAAa,EAClB,KAAK,YAAY,GAClB,MAAM,YAAY,CAAA"}

package/dist/components/composites/inline-citation/index.js

@@ -0,0 +1,3 @@
+import { citationLabel, citationName, nextCitationMode, wrapIndex } from "./citation.js";
+import { InlineCitation, messageCitations } from "./inline-citation.js";
+export { InlineCitation, citationLabel, citationName, messageCitations, nextCitationMode, wrapIndex };

package/dist/components/composites/inline-citation/inline-citation.d.ts

@@ -0,0 +1,64 @@
+import type { MessageCitations } from '../../ui/message';
+import { type Source } from '../sources/source';
+/**
+ * InlineCitation.
+ *
+ * A small badge inside a sentence — "1", or a host — that opens the source(s)
+ * behind the claim: title, host, address, snippet, and Previous/Next when several
+ * sources share one marker. It is an inline element for prose such as
+ * `MessageText`: it never breaks across lines, stays on the text baseline, and
+ * adds no block of its own. For the list of everything a reply used, reach for
+ * `Sources`; the two number sources the same way.
+ *
+ * ## One popover, two ways to open it
+ *
+ * A hover card would exclude everyone who is not holding a mouse, so this is a
+ * `Popover` that a pointer can also *peek* at:
+ *
+ * - **Hover or keyboard focus peeks.** The popover opens without taking focus
+ *   and closes when the pointer or focus leaves. Touch has no hover, so a touch
+ *   never peeks.
+ * - **Click, tap, Enter or Space pins.** Focus moves into the popover so its
+ *   link and Previous/Next are reachable; it stays until Escape, an outside press,
+ *   or the badge is pressed again, and focus returns to the badge. Pressing a badge
+ *   that is only peeking pins it rather than toggling it shut — the transitions
+ *   are the pure `nextCitationMode`.
+ *
+ * Kobalte's trigger toggles on every press, so `open` is controlled and its own
+ * close request is ignored for the press that we already decided (`pressing`).
+ * Without that, hover-then-click, the commonest pointer path, would close the card.
+ *
+ * ## It makes no claim without sources
+ *
+ * No sources renders nothing: a marker that points nowhere is not a citation.
+ * The address is a link only when `safeSourceUrl` allows it; the host comes from
+ * the parsed URL; titles and snippets are clipped, cleaned of direction
+ * overrides and rendered as text. The badge's accessible name carries the title
+ * and host (the visible label is only a number or a host), so a reader hears
+ * what is cited without opening anything.
+ */
+export type InlineCitationProps = {
+    /** One source, or several that support the same claim. */
+    sources: readonly Source[];
+    /**
+     * The 1-based number to show, matching the source's position in `Sources`.
+     * Omit it to show the host instead; a number is never guessed.
+     */
+    index?: number;
+    /** Milliseconds a pointer rests before the peek opens. */
+    hoverDelay?: number;
+    class?: string;
+};
+export declare function InlineCitation(props: InlineCitationProps): import("solid-js").JSX.Element;
+/**
+ * Citation markers for `MessageText`, from the sources a reply really used.
+ *
+ * `[^2]` in the text becomes the second source's badge; `[^1,3]` one badge for
+ * sources 1 and 3. A number beyond the list leaves the marker as written, and an
+ * empty list makes every marker literal, so text can never cite a source the host
+ * did not supply.
+ *
+ *     <MessageText text={reply} citations={messageCitations(sources)} />
+ */
+export declare function messageCitations(sources: readonly Source[]): MessageCitations;
+//# sourceMappingURL=inline-citation.d.ts.map

package/dist/components/composites/inline-citation/inline-citation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"inline-citation.d.ts","sourceRoot":"","sources":["../../../../src/components/composites/inline-citation/inline-citation.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAA;AAGxD,OAAO,EAML,KAAK,MAAM,EACZ,MAAM,mBAAmB,CAAA;AAU1B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoCG;AACH,MAAM,MAAM,mBAAmB,GAAG;IAChC,0DAA0D;IAC1D,OAAO,EAAE,SAAS,MAAM,EAAE,CAAA;IAC1B;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,0DAA0D;IAC1D,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AAID,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,kCAiJxD;AAED;;;;;;;;;GASG;AACH,wBAAgB,gBAAgB,CAAC,OAAO,EAAE,SAAS,MAAM,EAAE,GAAG,gBAAgB,CAa7E"}