@adea-ai/ui 0.140.0 → 0.142.0

package/dist/components/composites/reasoning/reasoning.d.ts

@@ -0,0 +1,62 @@
+import { type JSX } from 'solid-js';
+import { type TraceLineProps } from '../../ui/trace';
+/**
+ * Reasoning.
+ *
+ * The agent's thinking, as a `TraceLine`: a title that says what state it is in,
+ * and a body that is the text the host chose to show. Reach for `ChainOfThought`
+ * when the thinking is a sequence of discrete steps with their own status, and
+ * for a plain `MessageText` when the text is simply part of the answer.
+ *
+ * ## It shows what it is given, and nothing else
+ *
+ * `text` is whatever the host has decided is user-visible — a provider's reasoning
+ * summary, a model's visible scratchpad. This component never implies there is
+ * more behind it: no "show full reasoning" control, no placeholder body, no
+ * ellipsis standing in for hidden content. With no `text` and no `streaming` the
+ * line is a plain, non-expandable line titled "Reasoning", because there is
+ * nothing to open.
+ *
+ * ## The title is the state
+ *
+ * - `streaming` — "Thinking…", with the running mark and shimmer.
+ * - finished with a `duration` (seconds) — "Thought for 4s".
+ * - finished without one — "Reasoning". A duration the host did not measure is
+ *   not invented.
+ *
+ * ## Open while it is arriving, closed once it is done
+ *
+ * While streaming the body is open so the reader can follow along; when the
+ * stream ends it folds away so the settled transcript stays one quiet column. The
+ * reader's own toggle wins in both directions and is remembered until the next
+ * stream begins, so someone who closed it mid-stream is not re-opened and
+ * someone who opened it afterwards is not folded. Pass `open` and `onOpenChange`
+ * to own the state instead.
+ *
+ * ## Bounded, and stable while it grows
+ *
+ * The body is `MessageText`, so the text is untrusted and rendered as text (see
+ * its doc comment), and earlier paragraphs keep their DOM while the last one
+ * grows. The scroller is capped; while streaming it follows the newest text only
+ * if the reader has not scrolled up, so reading the start of a long thought is
+ * not interrupted by the end of it.
+ */
+/** `4` → `4s`, `65` → `1m 5s`. Nothing for a value that is not a finite duration. */
+export declare function formatDuration(seconds: number | undefined): string | undefined;
+/** The line's title for a state. Exported so a host can say the same thing elsewhere. */
+export declare function reasoningTitle(state: {
+    streaming?: boolean;
+    duration?: number;
+}): string;
+export type ReasoningProps = Omit<TraceLineProps, 'title' | 'description' | 'status' | 'statusLabel' | 'defaultOpen' | 'children' | 'href' | 'onSelect' | 'selectHaspopup'> & {
+    /** The reasoning the host marked as user-visible. Untrusted text. */
+    text?: string;
+    /** True while text may still arrive. */
+    streaming?: boolean;
+    /** Seconds the thinking took, if the host measured it. */
+    duration?: number;
+    /** Replaces the state-derived title, e.g. for another language. */
+    title?: JSX.Element;
+};
+export declare function Reasoning(props: ReasoningProps): JSX.Element;
+//# sourceMappingURL=reasoning.d.ts.map

package/dist/components/composites/reasoning/reasoning.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"reasoning.d.ts","sourceRoot":"","sources":["../../../../src/components/composites/reasoning/reasoning.tsx"],"names":[],"mappings":"AACA,OAAO,EAA8C,KAAK,GAAG,EAAE,MAAM,UAAU,CAAA;AAG/E,OAAO,EAA0B,KAAK,cAAc,EAAE,MAAM,gBAAgB,CAAA;AAK5E;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwCG;AAEH,qFAAqF;AACrF,wBAAgB,cAAc,CAAC,OAAO,EAAE,MAAM,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,CAU9E;AAED,yFAAyF;AACzF,wBAAgB,cAAc,CAAC,KAAK,EAAE;IAAE,SAAS,CAAC,EAAE,OAAO,CAAC;IAAC,QAAQ,CAAC,EAAE,MAAM,CAAA;CAAE,GAAG,MAAM,CAIxF;AAKD,MAAM,MAAM,cAAc,GAAG,IAAI,CAC/B,cAAc,EACZ,OAAO,GACP,aAAa,GACb,QAAQ,GACR,aAAa,GACb,aAAa,GACb,UAAU,GACV,MAAM,GACN,UAAU,GACV,gBAAgB,CACnB,GAAG;IACF,qEAAqE;IACrE,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,wCAAwC;IACxC,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,mEAAmE;IACnE,KAAK,CAAC,EAAE,GAAG,CAAC,OAAO,CAAA;CACpB,CAAA;AAkCD,wBAAgB,SAAS,CAAC,KAAK,EAAE,cAAc,eA+C9C"}

package/dist/components/composites/reasoning/reasoning.js

@@ -0,0 +1,156 @@
+import { MessageText } from "../../ui/message/message.js";
+import { ScrollArea } from "../../ui/scroll-area/scroll-area.js";
+import { TraceDetail, TraceLine } from "../../ui/trace/trace.js";
+import { createComponent, memo, mergeProps } from "solid-js/web";
+import { Brain } from "lucide-solid";
+import { createEffect, createSignal, on, splitProps } from "solid-js";
+//#region src/components/composites/reasoning/reasoning.tsx
+var deferred = (render) => render;
+/**
+* Reasoning.
+*
+* The agent's thinking, as a `TraceLine`: a title that says what state it is in,
+* and a body that is the text the host chose to show. Reach for `ChainOfThought`
+* when the thinking is a sequence of discrete steps with their own status, and
+* for a plain `MessageText` when the text is simply part of the answer.
+*
+* ## It shows what it is given, and nothing else
+*
+* `text` is whatever the host has decided is user-visible — a provider's reasoning
+* summary, a model's visible scratchpad. This component never implies there is
+* more behind it: no "show full reasoning" control, no placeholder body, no
+* ellipsis standing in for hidden content. With no `text` and no `streaming` the
+* line is a plain, non-expandable line titled "Reasoning", because there is
+* nothing to open.
+*
+* ## The title is the state
+*
+* - `streaming` — "Thinking…", with the running mark and shimmer.
+* - finished with a `duration` (seconds) — "Thought for 4s".
+* - finished without one — "Reasoning". A duration the host did not measure is
+*   not invented.
+*
+* ## Open while it is arriving, closed once it is done
+*
+* While streaming the body is open so the reader can follow along; when the
+* stream ends it folds away so the settled transcript stays one quiet column. The
+* reader's own toggle wins in both directions and is remembered until the next
+* stream begins, so someone who closed it mid-stream is not re-opened and
+* someone who opened it afterwards is not folded. Pass `open` and `onOpenChange`
+* to own the state instead.
+*
+* ## Bounded, and stable while it grows
+*
+* The body is `MessageText`, so the text is untrusted and rendered as text (see
+* its doc comment), and earlier paragraphs keep their DOM while the last one
+* grows. The scroller is capped; while streaming it follows the newest text only
+* if the reader has not scrolled up, so reading the start of a long thought is
+* not interrupted by the end of it.
+*/
+/** `4` → `4s`, `65` → `1m 5s`. Nothing for a value that is not a finite duration. */
+function formatDuration(seconds) {
+	if (seconds === void 0 || !Number.isFinite(seconds) || seconds < 0) return void 0;
+	const total = Math.round(seconds);
+	if (total === 0) return "<1s";
+	if (total < 60) return `${total}s`;
+	const hours = Math.floor(total / 3600);
+	const minutes = Math.floor(total % 3600 / 60);
+	const rest = total % 60;
+	if (hours > 0) return minutes > 0 ? `${hours}h ${minutes}m` : `${hours}h`;
+	return rest > 0 ? `${minutes}m ${rest}s` : `${minutes}m`;
+}
+/** The line's title for a state. Exported so a host can say the same thing elsewhere. */
+function reasoningTitle(state) {
+	if (state.streaming) return "Thinking…";
+	const duration = formatDuration(state.duration);
+	return duration ? `Thought for ${duration}` : "Reasoning";
+}
+/** Within this many pixels of the end counts as "following". */
+var FOLLOW_SLOP = 16;
+function ReasoningBody(props) {
+	let scroller;
+	let following = true;
+	createEffect(() => {
+		props.text;
+		if (props.streaming && following && scroller) scroller.scrollTop = scroller.scrollHeight;
+	});
+	return createComponent(TraceDetail, { get children() {
+		return createComponent(ScrollArea, {
+			ref: (element) => scroller = element,
+			role: "region",
+			"aria-label": "Reasoning text",
+			"class": "max-h-72",
+			onScroll: (event) => {
+				const element = event.currentTarget;
+				following = element.scrollHeight - element.scrollTop - element.clientHeight <= FOLLOW_SLOP;
+			},
+			get children() {
+				return createComponent(MessageText, {
+					get text() {
+						return props.text;
+					},
+					get streaming() {
+						return props.streaming;
+					},
+					codeBlockProps: {
+						maxHeight: "16rem",
+						wrap: true
+					}
+				});
+			}
+		});
+	} });
+}
+function Reasoning(props) {
+	const [local, rest] = splitProps(props, [
+		"text",
+		"streaming",
+		"duration",
+		"title",
+		"icon",
+		"open",
+		"onOpenChange"
+	]);
+	const [chosen, setChosen] = createSignal();
+	const open = () => local.open ?? chosen() ?? local.streaming === true;
+	const hasBody = () => (local.text ?? "").trim() !== "" || local.streaming === true;
+	createEffect(on(() => local.streaming, (streaming) => {
+		if (streaming) setChosen(void 0);
+	}, { defer: true }));
+	const body = () => createComponent(ReasoningBody, {
+		get text() {
+			return local.text ?? "";
+		},
+		get streaming() {
+			return local.streaming;
+		}
+	});
+	return createComponent(TraceLine, mergeProps({
+		get icon() {
+			return local.icon ?? createComponent(Brain, {});
+		},
+		get title() {
+			return local.title ?? reasoningTitle({
+				streaming: local.streaming,
+				duration: local.duration
+			});
+		},
+		get status() {
+			return local.streaming ? "running" : void 0;
+		},
+		statusLabel: "In progress",
+		get open() {
+			return open();
+		},
+		onOpenChange: (value) => {
+			setChosen(value);
+			local.onOpenChange?.(value);
+		}
+	}, rest, { get children() {
+		return memo(() => !!hasBody())() ? deferred(body) : void 0;
+	} }));
+}
+//#endregion
+export { Reasoning, formatDuration, reasoningTitle };
+
+//# sourceMappingURL=reasoning.js.map

package/dist/components/composites/reasoning/reasoning.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"reasoning.js","names":["Brain","createEffect","createSignal","on","splitProps","JSX","MessageText","ScrollArea","TraceDetail","TraceLine","TraceLineProps","deferred","render","Element","formatDuration","seconds","undefined","Number","isFinite","total","Math","round","hours","floor","minutes","rest","reasoningTitle","state","streaming","duration","FOLLOW_SLOP","ReasoningProps","Omit","text","title","ReasoningBody","props","scroller","HTMLDivElement","following","scrollTop","scrollHeight","_$createComponent","children","ref","element","role","onScroll","event","currentTarget","clientHeight","codeBlockProps","maxHeight","wrap","Reasoning","local","chosen","setChosen","open","hasBody","trim","defer","body","_$mergeProps","icon","status","statusLabel","onOpenChange","value","_$memo","_$createComponent","_$mergeProps","_$memo"],"sources":["../../../../src/components/composites/reasoning/reasoning.tsx"],"sourcesContent":["import { Brain } from 'lucide-solid'\nimport { createEffect, createSignal, on, splitProps, type JSX } from 'solid-js'\nimport { MessageText } from '../../ui/message'\nimport { ScrollArea } from '../../ui/scroll-area'\nimport { TraceDetail, TraceLine, type TraceLineProps } from '../../ui/trace'\n\n// A function child runs once, when the content mounts (see `deferred` in `tool.tsx`).\nconst deferred = (render: () => JSX.Element) => render as unknown as JSX.Element\n\n/**\n * Reasoning.\n *\n * The agent's thinking, as a `TraceLine`: a title that says what state it is in,\n * and a body that is the text the host chose to show. Reach for `ChainOfThought`\n * when the thinking is a sequence of discrete steps with their own status, and\n * for a plain `MessageText` when the text is simply part of the answer.\n *\n * ## It shows what it is given, and nothing else\n *\n * `text` is whatever the host has decided is user-visible — a provider's reasoning\n * summary, a model's visible scratchpad. This component never implies there is\n * more behind it: no \"show full reasoning\" control, no placeholder body, no\n * ellipsis standing in for hidden content. With no `text` and no `streaming` the\n * line is a plain, non-expandable line titled \"Reasoning\", because there is\n * nothing to open.\n *\n * ## The title is the state\n *\n * - `streaming` — \"Thinking…\", with the running mark and shimmer.\n * - finished with a `duration` (seconds) — \"Thought for 4s\".\n * - finished without one — \"Reasoning\". A duration the host did not measure is\n *   not invented.\n *\n * ## Open while it is arriving, closed once it is done\n *\n * While streaming the body is open so the reader can follow along; when the\n * stream ends it folds away so the settled transcript stays one quiet column. The\n * reader's own toggle wins in both directions and is remembered until the next\n * stream begins, so someone who closed it mid-stream is not re-opened and\n * someone who opened it afterwards is not folded. Pass `open` and `onOpenChange`\n * to own the state instead.\n *\n * ## Bounded, and stable while it grows\n *\n * The body is `MessageText`, so the text is untrusted and rendered as text (see\n * its doc comment), and earlier paragraphs keep their DOM while the last one\n * grows. The scroller is capped; while streaming it follows the newest text only\n * if the reader has not scrolled up, so reading the start of a long thought is\n * not interrupted by the end of it.\n */\n\n/** `4` → `4s`, `65` → `1m 5s`. Nothing for a value that is not a finite duration. */\nexport function formatDuration(seconds: number | undefined): string | undefined {\n  if (seconds === undefined || !Number.isFinite(seconds) || seconds < 0) return undefined\n  const total = Math.round(seconds)\n  if (total === 0) return '<1s'\n  if (total < 60) return `${total}s`\n  const hours = Math.floor(total / 3600)\n  const minutes = Math.floor((total % 3600) / 60)\n  const rest = total % 60\n  if (hours > 0) return minutes > 0 ? `${hours}h ${minutes}m` : `${hours}h`\n  return rest > 0 ? `${minutes}m ${rest}s` : `${minutes}m`\n}\n\n/** The line's title for a state. Exported so a host can say the same thing elsewhere. */\nexport function reasoningTitle(state: { streaming?: boolean; duration?: number }): string {\n  if (state.streaming) return 'Thinking…'\n  const duration = formatDuration(state.duration)\n  return duration ? `Thought for ${duration}` : 'Reasoning'\n}\n\n/** Within this many pixels of the end counts as \"following\". */\nconst FOLLOW_SLOP = 16\n\nexport type ReasoningProps = Omit<\n  TraceLineProps,\n  | 'title'\n  | 'description'\n  | 'status'\n  | 'statusLabel'\n  | 'defaultOpen'\n  | 'children'\n  | 'href'\n  | 'onSelect'\n  | 'selectHaspopup'\n> & {\n  /** The reasoning the host marked as user-visible. Untrusted text. */\n  text?: string\n  /** True while text may still arrive. */\n  streaming?: boolean\n  /** Seconds the thinking took, if the host measured it. */\n  duration?: number\n  /** Replaces the state-derived title, e.g. for another language. */\n  title?: JSX.Element\n}\n\nfunction ReasoningBody(props: { text: string; streaming?: boolean }) {\n  let scroller: HTMLDivElement | undefined\n  let following = true\n\n  createEffect(() => {\n    // Read for the dependency: new text is the event that may need following.\n    void props.text\n    if (props.streaming && following && scroller) scroller.scrollTop = scroller.scrollHeight\n  })\n\n  return (\n    <TraceDetail>\n      <ScrollArea\n        ref={(element) => (scroller = element)}\n        role=\"region\"\n        aria-label=\"Reasoning text\"\n        class=\"max-h-72\"\n        onScroll={(event) => {\n          const element = event.currentTarget\n          following = element.scrollHeight - element.scrollTop - element.clientHeight <= FOLLOW_SLOP\n        }}\n      >\n        <MessageText\n          text={props.text}\n          streaming={props.streaming}\n          codeBlockProps={{ maxHeight: '16rem', wrap: true }}\n        />\n      </ScrollArea>\n    </TraceDetail>\n  )\n}\n\nexport function Reasoning(props: ReasoningProps) {\n  const [local, rest] = splitProps(props, [\n    'text',\n    'streaming',\n    'duration',\n    'title',\n    'icon',\n    'open',\n    'onOpenChange',\n  ])\n  // `undefined` means \"the reader has not decided\", which is what lets the stream\n  // open and close the line on its own.\n  const [chosen, setChosen] = createSignal<boolean>()\n  const open = () => local.open ?? chosen() ?? local.streaming === true\n  const hasBody = () => (local.text ?? '').trim() !== '' || local.streaming === true\n\n  createEffect(\n    on(\n      () => local.streaming,\n      (streaming) => {\n        if (streaming) setChosen(undefined)\n      },\n      { defer: true }\n    )\n  )\n\n  // A function child runs only when the content mounts, so a folded line parses nothing.\n  const body = () => <ReasoningBody text={local.text ?? ''} streaming={local.streaming} />\n\n  return (\n    <TraceLine\n      icon={local.icon ?? <Brain />}\n      title={\n        local.title ?? reasoningTitle({ streaming: local.streaming, duration: local.duration })\n      }\n      status={local.streaming ? 'running' : undefined}\n      statusLabel=\"In progress\"\n      open={open()}\n      onOpenChange={(value) => {\n        setChosen(value)\n        local.onOpenChange?.(value)\n      }}\n      {...rest}\n    >\n      {hasBody() ? deferred(body) : undefined}\n    </TraceLine>\n  )\n}\n"],"mappings":"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"}

package/dist/components/composites/sources/index.d.ts

@@ -0,0 +1,3 @@
+export { Sources, type SourcesProps } from './sources';
+export { boundText, safeSourceUrl, sourceHost, sourceTitle, sourcesLabel, SOURCE_SNIPPET_LIMIT, SOURCE_TITLE_LIMIT, type Source, } from './source';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/composites/sources/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/composites/sources/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,WAAW,CAAA;AACtD,OAAO,EACL,SAAS,EACT,aAAa,EACb,UAAU,EACV,WAAW,EACX,YAAY,EACZ,oBAAoB,EACpB,kBAAkB,EAClB,KAAK,MAAM,GACZ,MAAM,UAAU,CAAA"}

package/dist/components/composites/sources/index.js

@@ -0,0 +1,3 @@
+import { SOURCE_SNIPPET_LIMIT, SOURCE_TITLE_LIMIT, boundText, safeSourceUrl, sourceHost, sourceTitle, sourcesLabel } from "./source.js";
+import { Sources } from "./sources.js";
+export { SOURCE_SNIPPET_LIMIT, SOURCE_TITLE_LIMIT, Sources, boundText, safeSourceUrl, sourceHost, sourceTitle, sourcesLabel };

package/dist/components/composites/sources/source.d.ts

@@ -0,0 +1,46 @@
+/**
+ * What a reply drew on.
+ *
+ * Every field except `title` is optional because a source is only as much as the
+ * host knew: a search result has a snippet, a file has no URL, a tool result has
+ * neither. Nothing is inferred from what is missing, and two entries that share a
+ * URL stay two entries — the host may have cited two passages of one page, and a
+ * list that quietly merged them would also renumber every citation after it.
+ */
+export type Source = Readonly<{
+    /** A stable key for streaming updates. Falls back to position. */
+    id?: string;
+    title: string;
+    url?: string;
+    snippet?: string;
+}>;
+/** Titles and snippets come from the open web; these keep one of them from owning the layout. */
+export declare const SOURCE_TITLE_LIMIT = 160;
+export declare const SOURCE_SNIPPET_LIMIT = 480;
+/**
+ * Untrusted text, made safe to lay out: hidden and direction-overriding
+ * characters removed, runs of whitespace (including newlines) collapsed to one
+ * space, and clipped to `limit` with an ellipsis. It is still only ever rendered
+ * as a text node — this is about length and spoofing, not escaping.
+ */
+export declare function boundText(value: string, limit: number): string;
+/**
+ * A URL a link may point at: `http:`, `https:` or `mailto:`, no embedded
+ * credentials. `safeHref` (the message parser's own gate) already refuses other
+ * schemes, whitespace and control characters and over-long values; credentials are
+ * refused here as well because `https://trusted.example@evil.example/` shows a
+ * host that is not the one the link goes to.
+ */
+export declare function safeSourceUrl(value: string | undefined): string | undefined;
+/**
+ * The host to show beside a title, taken from the parsed URL (so an
+ * internationalised name appears in its `xn--` form and a look-alike cannot pass
+ * for the real one). A mailto source shows its address. Undefined when the URL is
+ * absent or unsafe: nothing is guessed.
+ */
+export declare function sourceHost(value: string | undefined): string | undefined;
+/** The line a collapsed list shows. One source is singular; the count is the list's length. */
+export declare function sourcesLabel(count: number): string;
+/** What to call a source: its title, else its host, else an honest placeholder. */
+export declare function sourceTitle(source: Source): string;
+//# sourceMappingURL=source.d.ts.map

package/dist/components/composites/sources/source.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"source.d.ts","sourceRoot":"","sources":["../../../../src/components/composites/sources/source.ts"],"names":[],"mappings":"AAEA;;;;;;;;GAQG;AACH,MAAM,MAAM,MAAM,GAAG,QAAQ,CAAC;IAC5B,kEAAkE;IAClE,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,KAAK,EAAE,MAAM,CAAA;IACb,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB,CAAC,CAAA;AAEF,iGAAiG;AACjG,eAAO,MAAM,kBAAkB,MAAM,CAAA;AACrC,eAAO,MAAM,oBAAoB,MAAM,CAAA;AA4BvC;;;;;GAKG;AACH,wBAAgB,SAAS,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,MAAM,CAU9D;AAED;;;;;;GAMG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,CAW3E;AAED;;;;;GAKG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,CAYxE;AAED,+FAA+F;AAC/F,wBAAgB,YAAY,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAElD;AAED,mFAAmF;AACnF,wBAAgB,WAAW,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAElD"}

package/dist/components/composites/sources/source.js

@@ -0,0 +1,74 @@
+import { safeHref } from "../../ui/message/parse-message-text.js";
+//#region src/components/composites/sources/source.ts
+/** Titles and snippets come from the open web; these keep one of them from owning the layout. */
+var SOURCE_TITLE_LIMIT = 160;
+var SOURCE_SNIPPET_LIMIT = 480;
+function isHidden(code) {
+	return code <= 8 || code === 11 || code === 12 || code >= 14 && code <= 31 || code === 127 || code === 8206 || code === 8207 || code >= 8234 && code <= 8238 || code >= 8294 && code <= 8297;
+}
+function stripHidden(value) {
+	let out = "";
+	for (let index = 0; index < value.length; index += 1) if (!isHidden(value.charCodeAt(index))) out += value.charAt(index);
+	return out;
+}
+/**
+* Untrusted text, made safe to lay out: hidden and direction-overriding
+* characters removed, runs of whitespace (including newlines) collapsed to one
+* space, and clipped to `limit` with an ellipsis. It is still only ever rendered
+* as a text node — this is about length and spoofing, not escaping.
+*/
+function boundText(value, limit) {
+	const clean = stripHidden(value.length > limit * 4 ? value.slice(0, limit * 4) : value).replace(/\s+/g, " ").trim();
+	if (clean.length <= limit) return clean;
+	const clipped = clean.slice(0, limit);
+	const last = clipped.charCodeAt(clipped.length - 1);
+	return `${(last >= 55296 && last <= 56319 ? clipped.slice(0, -1) : clipped).trimEnd()}…`;
+}
+/**
+* A URL a link may point at: `http:`, `https:` or `mailto:`, no embedded
+* credentials. `safeHref` (the message parser's own gate) already refuses other
+* schemes, whitespace and control characters and over-long values; credentials are
+* refused here as well because `https://trusted.example@evil.example/` shows a
+* host that is not the one the link goes to.
+*/
+function safeSourceUrl(value) {
+	if (value === void 0) return void 0;
+	const href = safeHref(value);
+	if (href === void 0) return void 0;
+	try {
+		const url = new URL(href);
+		if (url.username !== "" || url.password !== "") return void 0;
+	} catch {
+		return;
+	}
+	return href;
+}
+/**
+* The host to show beside a title, taken from the parsed URL (so an
+* internationalised name appears in its `xn--` form and a look-alike cannot pass
+* for the real one). A mailto source shows its address. Undefined when the URL is
+* absent or unsafe: nothing is guessed.
+*/
+function sourceHost(value) {
+	const href = safeSourceUrl(value);
+	if (href === void 0) return void 0;
+	try {
+		const url = new URL(href);
+		if (url.protocol === "mailto:") return boundText(decodeURIComponent(url.pathname), 80) || void 0;
+		return url.hostname || void 0;
+	} catch {
+		return;
+	}
+}
+/** The line a collapsed list shows. One source is singular; the count is the list's length. */
+function sourcesLabel(count) {
+	return `Used ${count} ${count === 1 ? "source" : "sources"}`;
+}
+/** What to call a source: its title, else its host, else an honest placeholder. */
+function sourceTitle(source) {
+	return boundText(source.title, 160) || sourceHost(source.url) || "Untitled source";
+}
+//#endregion
+export { SOURCE_SNIPPET_LIMIT, SOURCE_TITLE_LIMIT, boundText, safeSourceUrl, sourceHost, sourceTitle, sourcesLabel };
+
+//# sourceMappingURL=source.js.map

package/dist/components/composites/sources/source.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"source.js","names":[],"sources":["../../../../src/components/composites/sources/source.ts"],"sourcesContent":["import { safeHref } from '../../ui/message/parse-message-text'\n\n/**\n * What a reply drew on.\n *\n * Every field except `title` is optional because a source is only as much as the\n * host knew: a search result has a snippet, a file has no URL, a tool result has\n * neither. Nothing is inferred from what is missing, and two entries that share a\n * URL stay two entries — the host may have cited two passages of one page, and a\n * list that quietly merged them would also renumber every citation after it.\n */\nexport type Source = Readonly<{\n  /** A stable key for streaming updates. Falls back to position. */\n  id?: string\n  title: string\n  url?: string\n  snippet?: string\n}>\n\n/** Titles and snippets come from the open web; these keep one of them from owning the layout. */\nexport const SOURCE_TITLE_LIMIT = 160\nexport const SOURCE_SNIPPET_LIMIT = 480\n\n// C0 controls other than tab and newline, DEL, and the bidirectional marks,\n// overrides and isolates: the last group is how a title can be made to read as a\n// different string than the one that is stored. Tested by code point rather than\n// by a regular expression so no control or invisible character appears in this file.\nfunction isHidden(code: number): boolean {\n  return (\n    code <= 0x08 ||\n    code === 0x0b ||\n    code === 0x0c ||\n    (code >= 0x0e && code <= 0x1f) ||\n    code === 0x7f ||\n    code === 0x200e ||\n    code === 0x200f ||\n    (code >= 0x202a && code <= 0x202e) ||\n    (code >= 0x2066 && code <= 0x2069)\n  )\n}\n\nfunction stripHidden(value: string): string {\n  let out = ''\n  for (let index = 0; index < value.length; index += 1) {\n    if (!isHidden(value.charCodeAt(index))) out += value.charAt(index)\n  }\n  return out\n}\n\n/**\n * Untrusted text, made safe to lay out: hidden and direction-overriding\n * characters removed, runs of whitespace (including newlines) collapsed to one\n * space, and clipped to `limit` with an ellipsis. It is still only ever rendered\n * as a text node — this is about length and spoofing, not escaping.\n */\nexport function boundText(value: string, limit: number): string {\n  // Clip before the regex passes so a multi-megabyte value costs a slice, not a scan.\n  const head = value.length > limit * 4 ? value.slice(0, limit * 4) : value\n  const clean = stripHidden(head).replace(/\\s+/g, ' ').trim()\n  if (clean.length <= limit) return clean\n  const clipped = clean.slice(0, limit)\n  // Never end on half of a surrogate pair: it renders as a replacement glyph.\n  const last = clipped.charCodeAt(clipped.length - 1)\n  const whole = last >= 0xd800 && last <= 0xdbff ? clipped.slice(0, -1) : clipped\n  return `${whole.trimEnd()}…`\n}\n\n/**\n * A URL a link may point at: `http:`, `https:` or `mailto:`, no embedded\n * credentials. `safeHref` (the message parser's own gate) already refuses other\n * schemes, whitespace and control characters and over-long values; credentials are\n * refused here as well because `https://trusted.example@evil.example/` shows a\n * host that is not the one the link goes to.\n */\nexport function safeSourceUrl(value: string | undefined): string | undefined {\n  if (value === undefined) return undefined\n  const href = safeHref(value)\n  if (href === undefined) return undefined\n  try {\n    const url = new URL(href)\n    if (url.username !== '' || url.password !== '') return undefined\n  } catch {\n    return undefined\n  }\n  return href\n}\n\n/**\n * The host to show beside a title, taken from the parsed URL (so an\n * internationalised name appears in its `xn--` form and a look-alike cannot pass\n * for the real one). A mailto source shows its address. Undefined when the URL is\n * absent or unsafe: nothing is guessed.\n */\nexport function sourceHost(value: string | undefined): string | undefined {\n  const href = safeSourceUrl(value)\n  if (href === undefined) return undefined\n  try {\n    const url = new URL(href)\n    if (url.protocol === 'mailto:') {\n      return boundText(decodeURIComponent(url.pathname), 80) || undefined\n    }\n    return url.hostname || undefined\n  } catch {\n    return undefined\n  }\n}\n\n/** The line a collapsed list shows. One source is singular; the count is the list's length. */\nexport function sourcesLabel(count: number): string {\n  return `Used ${count} ${count === 1 ? 'source' : 'sources'}`\n}\n\n/** What to call a source: its title, else its host, else an honest placeholder. */\nexport function sourceTitle(source: Source): string {\n  return boundText(source.title, SOURCE_TITLE_LIMIT) || sourceHost(source.url) || 'Untitled source'\n}\n"],"mappings":";;;AAoBA,IAAa,qBAAqB;AAClC,IAAa,uBAAuB;AAMpC,SAAS,SAAS,MAAuB;CACvC,OACE,QAAQ,KACR,SAAS,MACT,SAAS,MACR,QAAQ,MAAQ,QAAQ,MACzB,SAAS,OACT,SAAS,QACT,SAAS,QACR,QAAQ,QAAU,QAAQ,QAC1B,QAAQ,QAAU,QAAQ;AAE/B;AAEA,SAAS,YAAY,OAAuB;CAC1C,IAAI,MAAM;CACV,KAAK,IAAI,QAAQ,GAAG,QAAQ,MAAM,QAAQ,SAAS,GACjD,IAAI,CAAC,SAAS,MAAM,WAAW,KAAK,CAAC,GAAG,OAAO,MAAM,OAAO,KAAK;CAEnE,OAAO;AACT;;;;;;;AAQA,SAAgB,UAAU,OAAe,OAAuB;CAG9D,MAAM,QAAQ,YADD,MAAM,SAAS,QAAQ,IAAI,MAAM,MAAM,GAAG,QAAQ,CAAC,IAAI,KACtC,CAAC,CAAC,QAAQ,QAAQ,GAAG,CAAC,CAAC,KAAK;CAC1D,IAAI,MAAM,UAAU,OAAO,OAAO;CAClC,MAAM,UAAU,MAAM,MAAM,GAAG,KAAK;CAEpC,MAAM,OAAO,QAAQ,WAAW,QAAQ,SAAS,CAAC;CAElD,OAAO,IADO,QAAQ,SAAU,QAAQ,QAAS,QAAQ,MAAM,GAAG,EAAE,IAAI,QAAA,CACxD,QAAQ,EAAE;AAC5B;;;;;;;;AASA,SAAgB,cAAc,OAA+C;CAC3E,IAAI,UAAU,KAAA,GAAW,OAAO,KAAA;CAChC,MAAM,OAAO,SAAS,KAAK;CAC3B,IAAI,SAAS,KAAA,GAAW,OAAO,KAAA;CAC/B,IAAI;EACF,MAAM,MAAM,IAAI,IAAI,IAAI;EACxB,IAAI,IAAI,aAAa,MAAM,IAAI,aAAa,IAAI,OAAO,KAAA;CACzD,QAAQ;EACN;CACF;CACA,OAAO;AACT;;;;;;;AAQA,SAAgB,WAAW,OAA+C;CACxE,MAAM,OAAO,cAAc,KAAK;CAChC,IAAI,SAAS,KAAA,GAAW,OAAO,KAAA;CAC/B,IAAI;EACF,MAAM,MAAM,IAAI,IAAI,IAAI;EACxB,IAAI,IAAI,aAAa,WACnB,OAAO,UAAU,mBAAmB,IAAI,QAAQ,GAAG,EAAE,KAAK,KAAA;EAE5D,OAAO,IAAI,YAAY,KAAA;CACzB,QAAQ;EACN;CACF;AACF;;AAGA,SAAgB,aAAa,OAAuB;CAClD,OAAO,QAAQ,MAAM,GAAG,UAAU,IAAI,WAAW;AACnD;;AAGA,SAAgB,YAAY,QAAwB;CAClD,OAAO,UAAU,OAAO,OAAA,GAAyB,KAAK,WAAW,OAAO,GAAG,KAAK;AAClF"}

package/dist/components/composites/sources/sources.d.ts

@@ -0,0 +1,45 @@
+import { type TraceProps } from '../../ui/trace';
+import { type Source } from './source';
+/**
+ * Sources.
+ *
+ * The links a reply used, as one `Trace` line — "Used 4 sources" — that expands
+ * into the list. It lives under the answer with the rest of the agent's activity
+ * rather than as a card of its own, because a reader who wants to check a claim
+ * will open it and one who does not should not have to scroll past it. For a
+ * marker inside a sentence use `InlineCitation`, which points at the same
+ * `Source` shape; the two are numbered the same way (position in this list).
+ *
+ * ## What it will and will not say
+ *
+ * - **No sources, no line.** An empty list renders nothing: "Used 0 sources" is a
+ *   claim about an answer that may simply not have been grounded.
+ * - **A row is a link only with a safe address.** `http:`, `https:` and `mailto:`
+ *   without embedded credentials (`safeSourceUrl`). Any other address is not
+ *   linked and not printed — the row says the address was not linked, so the
+ *   reader knows something was withheld instead of finding a dead title.
+ * - **The host is read from the parsed URL**, never from the title, so a title
+ *   that reads "docs.example.com" cannot make a link to somewhere else look like it.
+ * - **Nothing is merged.** Two entries that share a URL are two rows, with their
+ *   own numbers; the host may have cited two passages and the citations point at
+ *   positions.
+ * - **Hostile and long values are bounded.** Titles, hosts and snippets are
+ *   clipped and stripped of direction overrides (`boundText`), and are only ever
+ *   text nodes.
+ * - **A long list is shown in pages.** Past `initialVisible` the rest is behind a
+ *   button that names how many there are, so a 200-source answer is not 200 rows
+ *   the moment it opens. The button stays in place and toggles, so focus is never
+ *   left on a control that has just disappeared.
+ */
+export type SourcesProps = Omit<TraceProps, 'children'> & {
+    sources: readonly Source[];
+    /** Replaces the default "Used N sources" for another language or a different verb. */
+    label?: string;
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    /** Rows shown before the "Show all" button. Default 25. */
+    initialVisible?: number;
+};
+export declare function Sources(props: SourcesProps): import("solid-js").JSX.Element;
+//# sourceMappingURL=sources.d.ts.map

package/dist/components/composites/sources/sources.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sources.d.ts","sourceRoot":"","sources":["../../../../src/components/composites/sources/sources.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAiC,KAAK,UAAU,EAAE,MAAM,gBAAgB,CAAA;AAC/E,OAAO,EAOL,KAAK,MAAM,EACZ,MAAM,UAAU,CAAA;AAEjB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,MAAM,MAAM,YAAY,GAAG,IAAI,CAAC,UAAU,EAAE,UAAU,CAAC,GAAG;IACxD,OAAO,EAAE,SAAS,MAAM,EAAE,CAAA;IAC1B,sFAAsF;IACtF,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACtC,2DAA2D;IAC3D,cAAc,CAAC,EAAE,MAAM,CAAA;CACxB,CAAA;AAID,wBAAgB,OAAO,CAAC,KAAK,EAAE,YAAY,kCA+C1C"}

package/dist/components/composites/sources/sources.js

@@ -0,0 +1,175 @@
+import { Button } from "../../ui/button/button.js";
+import { TextLink } from "../../ui/text-link/text-link.js";
+import { Trace, TraceDetail, TraceLine } from "../../ui/trace/trace.js";
+import { boundText, safeSourceUrl, sourceHost, sourceTitle, sourcesLabel } from "./source.js";
+import { createComponent, insert, memo, mergeProps, template } from "solid-js/web";
+import { BookOpen } from "lucide-solid";
+import { For, Show, createSignal, splitProps } from "solid-js";
+//#region src/components/composites/sources/sources.tsx
+var _tmpl$ = /*#__PURE__*/ template(`<ol class="m-0 flex list-none flex-col gap-2 p-0"aria-label="Sources used">`);
+var _tmpl$2 = /*#__PURE__*/ template(`<span class="text-xs text-muted-foreground [overflow-wrap:anywhere]">`);
+var _tmpl$3 = /*#__PURE__*/ template(`<p class="m-0 line-clamp-3 text-xs text-muted-foreground [overflow-wrap:anywhere]">`);
+var _tmpl$4 = /*#__PURE__*/ template(`<li data-slot=source class="flex min-w-0 items-baseline gap-2"><span aria-hidden=true class="w-5 shrink-0 text-end text-xs text-muted-foreground tabular-nums"></span><div class="flex min-w-0 flex-1 flex-col gap-0.5">`);
+var _tmpl$5 = /*#__PURE__*/ template(`<span class="text-sm text-foreground [overflow-wrap:anywhere]"><span class=visually-hidden>Source <!>: `);
+var _tmpl$6 = /*#__PURE__*/ template(`<span class=visually-hidden>Source <!>: `);
+var _tmpl$7 = /*#__PURE__*/ template(`<span class=visually-hidden> (opens in a new tab)`);
+var DEFAULT_VISIBLE = 25;
+function Sources(props) {
+	const [local, rest] = splitProps(props, [
+		"sources",
+		"label",
+		"open",
+		"defaultOpen",
+		"onOpenChange",
+		"initialVisible"
+	]);
+	const [expanded, setExpanded] = createSignal(false);
+	const limit = () => Math.max(1, Math.floor(local.initialVisible ?? DEFAULT_VISIBLE));
+	const hidden = () => Math.max(0, local.sources.length - limit());
+	const visible = () => expanded() ? local.sources : local.sources.slice(0, limit());
+	return createComponent(Show, {
+		get when() {
+			return local.sources.length > 0;
+		},
+		get children() {
+			return createComponent(Trace, mergeProps({
+				"aria-label": "Sources",
+				"data-slot": "sources"
+			}, rest, { get children() {
+				return createComponent(TraceLine, {
+					get icon() {
+						return createComponent(BookOpen, {});
+					},
+					get title() {
+						return local.label ?? sourcesLabel(local.sources.length);
+					},
+					get open() {
+						return local.open;
+					},
+					get defaultOpen() {
+						return local.defaultOpen;
+					},
+					get onOpenChange() {
+						return local.onOpenChange;
+					},
+					get children() {
+						return createComponent(TraceDetail, { get children() {
+							return [(() => {
+								var _el$ = _tmpl$();
+								insert(_el$, createComponent(For, {
+									get each() {
+										return visible();
+									},
+									children: (source, index) => createComponent(SourceRow, {
+										source,
+										get position() {
+											return index() + 1;
+										}
+									})
+								}));
+								return _el$;
+							})(), createComponent(Show, {
+								get when() {
+									return hidden() > 0;
+								},
+								get children() {
+									return createComponent(Button, {
+										type: "button",
+										variant: "ghost",
+										size: "xs",
+										"class": "mt-1",
+										get ["aria-expanded"]() {
+											return expanded();
+										},
+										onClick: () => setExpanded((value) => !value),
+										get children() {
+											return memo(() => !!expanded())() ? "Show fewer sources" : `Show all ${local.sources.length} sources`;
+										}
+									});
+								}
+							})];
+						} });
+					}
+				});
+			} }));
+		}
+	});
+}
+function SourceRow(props) {
+	const href = () => safeSourceUrl(props.source.url);
+	const host = () => sourceHost(props.source.url);
+	const title = () => sourceTitle(props.source);
+	const snippet = () => props.source.snippet ? boundText(props.source.snippet, 480) : "";
+	const withheld = () => props.source.url !== void 0 && props.source.url !== "" && !href();
+	return (() => {
+		var _el$2 = _tmpl$4(), _el$3 = _el$2.firstChild, _el$4 = _el$3.nextSibling;
+		insert(_el$3, () => props.position);
+		insert(_el$4, createComponent(Show, {
+			get when() {
+				return href();
+			},
+			get fallback() {
+				return (() => {
+					var _el$7 = _tmpl$5(), _el$8 = _el$7.firstChild, _el$1 = _el$8.firstChild.nextSibling;
+					_el$1.nextSibling;
+					insert(_el$8, () => props.position, _el$1);
+					insert(_el$7, title, null);
+					return _el$7;
+				})();
+			},
+			children: (url) => createComponent(TextLink, {
+				get href() {
+					return url();
+				},
+				target: "_blank",
+				rel: "noreferrer noopener",
+				"class": "w-fit max-w-full text-sm [overflow-wrap:anywhere]",
+				get children() {
+					return [
+						(() => {
+							var _el$10 = _tmpl$6(), _el$13 = _el$10.firstChild.nextSibling;
+							_el$13.nextSibling;
+							insert(_el$10, () => props.position, _el$13);
+							return _el$10;
+						})(),
+						memo(() => title()),
+						_tmpl$7()
+					];
+				}
+			})
+		}), null);
+		insert(_el$4, createComponent(Show, {
+			get when() {
+				return host() || withheld();
+			},
+			get children() {
+				var _el$5 = _tmpl$2();
+				insert(_el$5, host, null);
+				insert(_el$5, createComponent(Show, {
+					get when() {
+						return withheld();
+					},
+					get children() {
+						return [memo(() => host() ? " · " : ""), "Address not linked"];
+					}
+				}), null);
+				return _el$5;
+			}
+		}), null);
+		insert(_el$4, createComponent(Show, {
+			get when() {
+				return snippet();
+			},
+			get children() {
+				var _el$6 = _tmpl$3();
+				insert(_el$6, snippet);
+				return _el$6;
+			}
+		}), null);
+		return _el$2;
+	})();
+}
+//#endregion
+export { Sources };
+
+//# sourceMappingURL=sources.js.map