@adea-ai/ui 0.140.0 → 0.142.0

package/dist/components/ui/message/message.js

@@ -0,0 +1,443 @@
+import { cn } from "../../../lib/utils.js";
+import { CodeBlock, InlineCode } from "../code-block/code-block.js";
+import { parseMessageText } from "./parse-message-text.js";
+import { createComponent, effect, insert, memo, mergeProps, setAttribute, spread, template } from "solid-js/web";
+import { For, Index, Match, Show, Switch, createMemo, splitProps } from "solid-js";
+//#region src/components/ui/message/message.tsx
+var _tmpl$ = /*#__PURE__*/ template(`<article data-slot=message>`);
+var _tmpl$2 = /*#__PURE__*/ template(`<span class=tabular-nums>`);
+var _tmpl$3 = /*#__PURE__*/ template(`<header data-slot=message-header><span class="font-medium text-foreground">`);
+var _tmpl$4 = /*#__PURE__*/ template(`<div data-slot=message-content>`);
+var _tmpl$5 = /*#__PURE__*/ template(`<div data-slot=message-actions>`);
+var _tmpl$6 = /*#__PURE__*/ template(`<footer data-slot=message-footer>`);
+var _tmpl$7 = /*#__PURE__*/ template(`<span class=streaming-caret aria-hidden=true>`);
+var _tmpl$8 = /*#__PURE__*/ template(`<div data-slot=message-text>`);
+var _tmpl$9 = /*#__PURE__*/ template(`<p role=heading class="font-semibold text-foreground [overflow-wrap:anywhere]">`);
+var _tmpl$0 = /*#__PURE__*/ template(`<ol class="m-0 ms-5 flex list-decimal flex-col gap-1 p-0 marker:text-muted-foreground">`);
+var _tmpl$1 = /*#__PURE__*/ template(`<ul class="m-0 ms-5 flex list-disc flex-col gap-1 p-0 marker:text-muted-foreground">`);
+var _tmpl$10 = /*#__PURE__*/ template(`<li class=[overflow-wrap:anywhere]>`);
+var _tmpl$11 = /*#__PURE__*/ template(`<blockquote class="m-0 border-s-2 border-border ps-3 whitespace-pre-wrap text-muted-foreground [overflow-wrap:anywhere]">`);
+var _tmpl$12 = /*#__PURE__*/ template(`<p class="m-0 whitespace-pre-wrap [overflow-wrap:anywhere]">`);
+var _tmpl$13 = /*#__PURE__*/ template(`<strong class=font-semibold>`);
+var _tmpl$14 = /*#__PURE__*/ template(`<em>`);
+var _tmpl$15 = /*#__PURE__*/ template(`<a target=_blank rel="noreferrer noopener"class="text-primary underline underline-offset-2 hover:no-underline">`);
+function Message(props) {
+	const [local, rest] = splitProps(props, [
+		"class",
+		"role",
+		"label",
+		"streaming",
+		"anchorId",
+		"children"
+	]);
+	return (() => {
+		var _el$ = _tmpl$();
+		spread(_el$, mergeProps({
+			get ["data-role"]() {
+				return local.role;
+			},
+			get ["data-anchor-id"]() {
+				return local.anchorId;
+			},
+			get ["aria-label"]() {
+				return local.label;
+			},
+			get ["aria-busy"]() {
+				return local.streaming || void 0;
+			},
+			get ["class"]() {
+				return cn("group/message mx-auto flex w-full max-w-3xl min-w-0 flex-col gap-2 py-2", "[content-visibility:auto] [contain-intrinsic-size:auto_6rem]", {
+					"items-end ps-[clamp(0rem,12%,4rem)]": local.role === "user",
+					"items-stretch": local.role !== "user"
+				}, local.class);
+			}
+		}, rest), false, true);
+		insert(_el$, () => local.children);
+		return _el$;
+	})();
+}
+/** The speaker's mark and name, for the turns that draw one. */
+function MessageHeader(props) {
+	const [local, rest] = splitProps(props, [
+		"class",
+		"avatar",
+		"time",
+		"children"
+	]);
+	return (() => {
+		var _el$2 = _tmpl$3(), _el$3 = _el$2.firstChild;
+		spread(_el$2, mergeProps({ get ["class"]() {
+			return cn("flex items-center gap-2 text-xs text-muted-foreground", local.class);
+		} }, rest), false, true);
+		insert(_el$2, createComponent(Show, {
+			get when() {
+				return local.avatar;
+			},
+			get children() {
+				return local.avatar;
+			}
+		}), _el$3);
+		insert(_el$3, () => local.children);
+		insert(_el$2, createComponent(Show, {
+			get when() {
+				return local.time;
+			},
+			get children() {
+				var _el$4 = _tmpl$2();
+				insert(_el$4, () => local.time);
+				return _el$4;
+			}
+		}), null);
+		return _el$2;
+	})();
+}
+/** The turn's parts, stacked. Gap is the rhythm between prose, activity and code. */
+function MessageContent(props) {
+	const [local, rest] = splitProps(props, ["class", "children"]);
+	return (() => {
+		var _el$5 = _tmpl$4();
+		spread(_el$5, mergeProps({ get ["class"]() {
+			return cn("flex w-full max-w-3xl min-w-0 flex-col gap-3 font-content text-content", local.class);
+		} }, rest), false, true);
+		insert(_el$5, () => local.children);
+		return _el$5;
+	})();
+}
+/**
+* Actions that belong to the turn (copy, retry). Hidden until the turn is hovered
+* or focused so the column is not a wall of buttons, but never `display: none`:
+* a control that only exists under the pointer cannot be reached by keyboard,
+* and on a touch screen there is no hover, so coarse pointers always see them.
+*/
+function MessageActions(props) {
+	const [local, rest] = splitProps(props, ["class", "children"]);
+	return (() => {
+		var _el$6 = _tmpl$5();
+		spread(_el$6, mergeProps({ get ["class"]() {
+			return cn("flex items-center gap-1 opacity-0 transition-opacity ease-out group-focus-within/message:opacity-100 group-hover/message:opacity-100 [@media(hover:none)]:opacity-100", local.class);
+		} }, rest), false, true);
+		insert(_el$6, () => local.children);
+		return _el$6;
+	})();
+}
+function MessageFooter(props) {
+	const [local, rest] = splitProps(props, ["class", "children"]);
+	return (() => {
+		var _el$7 = _tmpl$6();
+		spread(_el$7, mergeProps({ get ["class"]() {
+			return cn("flex min-w-0 items-center gap-2 text-xs text-muted-foreground", local.class);
+		} }, rest), false, true);
+		insert(_el$7, () => local.children);
+		return _el$7;
+	})();
+}
+function sameBlock(a, b) {
+	return a !== void 0 && a.kind === b.kind && a.raw === b.raw && (a.kind !== "code" || b.kind === "code" && a.complete === b.complete);
+}
+/**
+* Text, read safely.
+*
+* Renders `parseMessageText`'s blocks as elements: nothing is interpreted as
+* HTML and a link only becomes an anchor when its scheme is http, https or
+* mailto. Blocks are kept by *position* and reuse their previous parsed object
+* when unchanged, so a streaming turn updates the block that is growing and
+* leaves every earlier paragraph and code block — and any selection or focus
+* inside them — untouched.
+*/
+function MessageText(props) {
+	const [local, rest] = splitProps(props, [
+		"class",
+		"text",
+		"streaming",
+		"codeBlockProps",
+		"citations"
+	]);
+	let previous = [];
+	let previousCount = 0;
+	const citationCount = () => local.citations?.count ?? 0;
+	const blocks = createMemo(() => {
+		const count = citationCount();
+		if (count !== previousCount) previous = [];
+		previousCount = count;
+		const merged = parseMessageText(local.text, {
+			streaming: local.streaming,
+			citations: count || void 0
+		}).map((block, index) => sameBlock(previous[index], block) ? previous[index] : block);
+		previous = merged;
+		return merged;
+	});
+	const codeIndexes = createMemo(() => {
+		let next = 0;
+		return blocks().map((block) => block.kind === "code" ? next++ : -1);
+	});
+	const lastIsProse = () => {
+		const last = blocks().at(-1);
+		return last !== void 0 && last.kind !== "code";
+	};
+	return (() => {
+		var _el$8 = _tmpl$8();
+		spread(_el$8, mergeProps({ get ["class"]() {
+			return cn("flex min-w-0 flex-col gap-3", local.class);
+		} }, rest), false, true);
+		insert(_el$8, createComponent(Index, {
+			get each() {
+				return blocks();
+			},
+			children: (block, index) => createComponent(BlockView, {
+				get block() {
+					return block();
+				},
+				get codeProps() {
+					return local.codeBlockProps;
+				},
+				codeIndex: () => codeIndexes()[index] ?? 0,
+				get citations() {
+					return local.citations;
+				}
+			})
+		}), null);
+		insert(_el$8, createComponent(Show, {
+			get when() {
+				return memo(() => !!local.streaming)() && lastIsProse();
+			},
+			get children() {
+				return _tmpl$7();
+			}
+		}), null);
+		return _el$8;
+	})();
+}
+function BlockView(props) {
+	return createComponent(Switch, { get children() {
+		return [
+			createComponent(Match, {
+				get when() {
+					return memo(() => props.block.kind === "code")() && props.block;
+				},
+				children: (block) => {
+					const code = () => block();
+					const chosen = () => {
+						const choice = props.codeProps;
+						return typeof choice === "function" ? choice({
+							index: props.codeIndex(),
+							language: code().language,
+							code: code().code,
+							complete: code().complete
+						}) : choice;
+					};
+					return createComponent(CodeBlock, mergeProps({
+						get code() {
+							return code().code;
+						},
+						get language() {
+							return code().language;
+						},
+						get complete() {
+							return code().complete;
+						}
+					}, chosen));
+				}
+			}),
+			createComponent(Match, {
+				get when() {
+					return memo(() => props.block.kind === "heading")() && props.block;
+				},
+				children: (block) => {
+					const heading = () => block();
+					return (() => {
+						var _el$0 = _tmpl$9();
+						insert(_el$0, createComponent(Inline, {
+							get nodes() {
+								return heading().inline;
+							},
+							get citations() {
+								return props.citations;
+							}
+						}));
+						effect(() => setAttribute(_el$0, "aria-level", heading().level + 2));
+						return _el$0;
+					})();
+				}
+			}),
+			createComponent(Match, {
+				get when() {
+					return memo(() => props.block.kind === "list")() && props.block;
+				},
+				children: (block) => {
+					const list = () => block();
+					return createComponent(Show, {
+						get when() {
+							return list().ordered;
+						},
+						get fallback() {
+							return (() => {
+								var _el$10 = _tmpl$1();
+								insert(_el$10, createComponent(For, {
+									get each() {
+										return list().items;
+									},
+									children: (item) => (() => {
+										var _el$11 = _tmpl$10();
+										insert(_el$11, createComponent(Inline, {
+											nodes: item,
+											get citations() {
+												return props.citations;
+											}
+										}));
+										return _el$11;
+									})()
+								}));
+								return _el$10;
+							})();
+						},
+						get children() {
+							var _el$1 = _tmpl$0();
+							insert(_el$1, createComponent(For, {
+								get each() {
+									return list().items;
+								},
+								children: (item) => (() => {
+									var _el$12 = _tmpl$10();
+									insert(_el$12, createComponent(Inline, {
+										nodes: item,
+										get citations() {
+											return props.citations;
+										}
+									}));
+									return _el$12;
+								})()
+							}));
+							effect(() => setAttribute(_el$1, "start", list().start));
+							return _el$1;
+						}
+					});
+				}
+			}),
+			createComponent(Match, {
+				get when() {
+					return memo(() => props.block.kind === "quote")() && props.block;
+				},
+				children: (block) => {
+					const quote = () => block();
+					return (() => {
+						var _el$13 = _tmpl$11();
+						insert(_el$13, createComponent(Inline, {
+							get nodes() {
+								return quote().inline;
+							},
+							get citations() {
+								return props.citations;
+							}
+						}));
+						return _el$13;
+					})();
+				}
+			}),
+			createComponent(Match, {
+				get when() {
+					return memo(() => props.block.kind === "paragraph")() && props.block;
+				},
+				children: (block) => {
+					const paragraph = () => block();
+					return (() => {
+						var _el$14 = _tmpl$12();
+						insert(_el$14, createComponent(Inline, {
+							get nodes() {
+								return paragraph().inline;
+							},
+							get citations() {
+								return props.citations;
+							}
+						}));
+						return _el$14;
+					})();
+				}
+			})
+		];
+	} });
+}
+function Inline(props) {
+	return createComponent(For, {
+		get each() {
+			return props.nodes;
+		},
+		children: (node) => createComponent(Switch, { get children() {
+			return [
+				createComponent(Match, {
+					get when() {
+						return node.kind === "text" && node;
+					},
+					children: (text) => text().text
+				}),
+				createComponent(Match, {
+					get when() {
+						return node.kind === "code" && node;
+					},
+					children: (code) => createComponent(InlineCode, { get children() {
+						return code().text;
+					} })
+				}),
+				createComponent(Match, {
+					get when() {
+						return node.kind === "strong" && node;
+					},
+					children: (strong) => (() => {
+						var _el$15 = _tmpl$13();
+						insert(_el$15, createComponent(Inline, {
+							get nodes() {
+								return strong().children;
+							},
+							get citations() {
+								return props.citations;
+							}
+						}));
+						return _el$15;
+					})()
+				}),
+				createComponent(Match, {
+					get when() {
+						return node.kind === "em" && node;
+					},
+					children: (em) => (() => {
+						var _el$16 = _tmpl$14();
+						insert(_el$16, createComponent(Inline, {
+							get nodes() {
+								return em().children;
+							},
+							get citations() {
+								return props.citations;
+							}
+						}));
+						return _el$16;
+					})()
+				}),
+				createComponent(Match, {
+					get when() {
+						return node.kind === "link" && node;
+					},
+					children: (link) => (() => {
+						var _el$17 = _tmpl$15();
+						insert(_el$17, createComponent(Inline, { get nodes() {
+							return link().children;
+						} }));
+						effect(() => setAttribute(_el$17, "href", link().href));
+						return _el$17;
+					})()
+				}),
+				createComponent(Match, {
+					get when() {
+						return node.kind === "cite" && node;
+					},
+					children: (cite) => {
+						const marker = () => cite();
+						return memo(() => memo(() => !!props.citations)() ? props.citations.render(marker().numbers) : marker().raw);
+					}
+				})
+			];
+		} })
+	});
+}
+//#endregion
+export { Message, MessageActions, MessageContent, MessageFooter, MessageHeader, MessageText };
+
+//# sourceMappingURL=message.js.map

package/dist/components/ui/message/message.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"message.js","names":["createMemo","For","Index","Match","Show","splitProps","Switch","ComponentProps","JSX","cn","CodeBlock","InlineCode","CodeBlockProps","parseMessageText","MessageBlock","MessageInline","MessageRole","MessageProps","Omit","role","label","streaming","anchorId","Message","props","local","rest","_el$","_tmpl$","_$spread","_$mergeProps","data-role","data-anchor-id","aria-label","aria-busy","undefined","class","_$insert","children","MessageHeader","avatar","Element","time","_el$2","_tmpl$3","_el$3","firstChild","_$createComponent","when","_el$4","_tmpl$2","MessageContent","_el$5","_tmpl$4","MessageActions","_el$6","_tmpl$5","MessageFooter","_el$7","_tmpl$6","MessageCodeBlockProps","Pick","MessageCodeBlockInfo","Readonly","index","language","code","complete","MessageCitations","count","render","numbers","MessageTextProps","text","codeBlockProps","block","citations","sameBlock","a","b","kind","raw","MessageText","previous","previousCount","citationCount","blocks","next","merged","map","codeIndexes","lastIsProse","last","at","_el$8","_tmpl$8","each","BlockView","codeProps","codeIndex","_$memo","_tmpl$7","Extract","chosen","choice","heading","_el$0","_tmpl$9","Inline","nodes","inline","_$effect","_$setAttribute","level","list","ordered","fallback","_el$10","_tmpl$1","items","item","_el$11","_tmpl$10","_el$1","_tmpl$0","_el$12","start","quote","_el$13","_tmpl$11","paragraph","_el$14","_tmpl$12","node","strong","_el$15","_tmpl$13","em","_el$16","_tmpl$14","link","_el$17","_tmpl$15","href","cite","marker","_$mergeProps","_$createComponent","_$memo","_$setAttribute"],"sources":["../../../../src/components/ui/message/message.tsx"],"sourcesContent":["import {\n  createMemo,\n  For,\n  Index,\n  Match,\n  Show,\n  splitProps,\n  Switch,\n  type ComponentProps,\n  type JSX,\n} from 'solid-js'\nimport { cn } from '#lib/utils'\nimport { CodeBlock, InlineCode, type CodeBlockProps } from '../code-block'\nimport { parseMessageText, type MessageBlock, type MessageInline } from './parse-message-text'\n\n/**\n * Message.\n *\n * One turn. The two speakers are laid out differently on purpose, and that is\n * the whole design:\n *\n * - **The person's turn is a bubble on the trailing edge** — short, bounded, and\n *   easy to find when scrolling back through a long session.\n * - **The assistant's turn is the page.** It has no surface, spans the reading\n *   column, and holds everything the agent did *for that request* — activity\n *   (a `Trace`), prose, code, a pending decision — in one place, so a turn\n *   reads as an answer with its working underneath it rather than as a chain of\n *   unrelated cards.\n *\n * `label` is the turn's accessible name (\"You\", \"Assistant\"): the avatar and\n * name are not drawn for every turn, because a transcript that repeats a speaker\n * on every line is one nobody reads, but the name must still be announced.\n * `streaming` sets `aria-busy`, which tells assistive technology to wait for the\n * turn to settle before reading it instead of announcing every token.\n *\n * `anchorId` is the stable identity `MessageScroller` uses to keep the reader's\n * place when older turns are inserted above it.\n */\nexport type MessageRole = 'user' | 'assistant' | 'system'\n\nexport type MessageProps = Omit<ComponentProps<'article'>, 'role'> & {\n  role: MessageRole\n  /** The turn's accessible name. */\n  label: string\n  streaming?: boolean\n  anchorId?: string\n}\n\nexport function Message(props: MessageProps) {\n  const [local, rest] = splitProps(props, [\n    'class',\n    'role',\n    'label',\n    'streaming',\n    'anchorId',\n    'children',\n  ])\n  return (\n    <article\n      data-slot=\"message\"\n      data-role={local.role}\n      data-anchor-id={local.anchorId}\n      aria-label={local.label}\n      aria-busy={local.streaming || undefined}\n      class={cn(\n        'group/message mx-auto flex w-full max-w-3xl min-w-0 flex-col gap-2 py-2',\n        // The engine may skip layout for turns far off screen; the intrinsic size\n        // keeps the scrollbar honest while it does.\n        '[content-visibility:auto] [contain-intrinsic-size:auto_6rem]',\n        {\n          'items-end ps-[clamp(0rem,12%,4rem)]': local.role === 'user',\n          'items-stretch': local.role !== 'user',\n        },\n        local.class\n      )}\n      {...rest}\n    >\n      {local.children}\n    </article>\n  )\n}\n\n/** The speaker's mark and name, for the turns that draw one. */\nexport function MessageHeader(\n  props: ComponentProps<'header'> & { avatar?: JSX.Element; time?: JSX.Element }\n) {\n  const [local, rest] = splitProps(props, ['class', 'avatar', 'time', 'children'])\n  return (\n    <header\n      data-slot=\"message-header\"\n      class={cn('flex items-center gap-2 text-xs text-muted-foreground', local.class)}\n      {...rest}\n    >\n      <Show when={local.avatar}>{local.avatar}</Show>\n      <span class=\"font-medium text-foreground\">{local.children}</span>\n      <Show when={local.time}>\n        <span class=\"tabular-nums\">{local.time}</span>\n      </Show>\n    </header>\n  )\n}\n\n/** The turn's parts, stacked. Gap is the rhythm between prose, activity and code. */\nexport function MessageContent(props: ComponentProps<'div'>) {\n  const [local, rest] = splitProps(props, ['class', 'children'])\n  return (\n    <div\n      data-slot=\"message-content\"\n      class={cn(\n        'flex w-full max-w-3xl min-w-0 flex-col gap-3 font-content text-content',\n        local.class\n      )}\n      {...rest}\n    >\n      {local.children}\n    </div>\n  )\n}\n\n/**\n * Actions that belong to the turn (copy, retry). Hidden until the turn is hovered\n * or focused so the column is not a wall of buttons, but never `display: none`:\n * a control that only exists under the pointer cannot be reached by keyboard,\n * and on a touch screen there is no hover, so coarse pointers always see them.\n */\nexport function MessageActions(props: ComponentProps<'div'>) {\n  const [local, rest] = splitProps(props, ['class', 'children'])\n  return (\n    <div\n      data-slot=\"message-actions\"\n      class={cn(\n        'flex items-center gap-1 opacity-0 transition-opacity ease-out group-focus-within/message:opacity-100 group-hover/message:opacity-100 [@media(hover:none)]:opacity-100',\n        local.class\n      )}\n      {...rest}\n    >\n      {local.children}\n    </div>\n  )\n}\n\nexport function MessageFooter(props: ComponentProps<'footer'>) {\n  const [local, rest] = splitProps(props, ['class', 'children'])\n  return (\n    <footer\n      data-slot=\"message-footer\"\n      class={cn('flex min-w-0 items-center gap-2 text-xs text-muted-foreground', local.class)}\n      {...rest}\n    >\n      {local.children}\n    </footer>\n  )\n}\n\n/** The props of a fenced block the host may set. */\nexport type MessageCodeBlockProps = Pick<\n  CodeBlockProps,\n  'loadHighlight' | 'maxHeight' | 'wrap' | 'showLineNumbers' | 'lineMarks' | 'lineLimit'\n>\n\n/** What the host is told about a fenced block when it chooses that block's props. */\nexport type MessageCodeBlockInfo = Readonly<{\n  /** Position among the text's fenced blocks, from 0. */\n  index: number\n  language: string | undefined\n  code: string\n  complete: boolean\n}>\n\n/**\n * How `MessageText` draws citation markers. `count` is how many sources the host\n * has; a `[^n]` marker is a citation only when every `n` is within it. `render`\n * receives the 1-based source numbers and draws the marker, so the host decides\n * what a number means (`messageCitations` in the inline-citation composite does\n * this for a `Source` list).\n */\nexport type MessageCitations = Readonly<{\n  count: number\n  render: (numbers: readonly number[]) => JSX.Element\n}>\n\nexport type MessageTextProps = Omit<ComponentProps<'div'>, 'children'> & {\n  text: string\n  /** True while text may still arrive: a trailing open fence renders as partial code. */\n  streaming?: boolean\n  /**\n   * Forwarded to each fenced block, e.g. to supply a lazy highlighter. A function\n   * chooses per block, which is how line marks reach a block: marks belong to the\n   * host's knowledge of the code (a diff, a failing line), never to the text.\n   */\n  codeBlockProps?: MessageCodeBlockProps | ((block: MessageCodeBlockInfo) => MessageCodeBlockProps)\n  /** Without it, `[^1]` stays the literal text it was written as. */\n  citations?: MessageCitations\n}\n\nfunction sameBlock(a: MessageBlock | undefined, b: MessageBlock): boolean {\n  return (\n    a !== undefined &&\n    a.kind === b.kind &&\n    a.raw === b.raw &&\n    (a.kind !== 'code' || (b.kind === 'code' && a.complete === b.complete))\n  )\n}\n\n/**\n * Text, read safely.\n *\n * Renders `parseMessageText`'s blocks as elements: nothing is interpreted as\n * HTML and a link only becomes an anchor when its scheme is http, https or\n * mailto. Blocks are kept by *position* and reuse their previous parsed object\n * when unchanged, so a streaming turn updates the block that is growing and\n * leaves every earlier paragraph and code block — and any selection or focus\n * inside them — untouched.\n */\nexport function MessageText(props: MessageTextProps) {\n  const [local, rest] = splitProps(props, [\n    'class',\n    'text',\n    'streaming',\n    'codeBlockProps',\n    'citations',\n  ])\n  let previous: readonly MessageBlock[] = []\n  let previousCount = 0\n  // Only the number of sources reaches the parser, so a new `render` function\n  // does not reparse the text, and a changed count does.\n  const citationCount = () => local.citations?.count ?? 0\n  const blocks = createMemo(() => {\n    const count = citationCount()\n    if (count !== previousCount) previous = []\n    previousCount = count\n    const next = parseMessageText(local.text, {\n      streaming: local.streaming,\n      citations: count || undefined,\n    })\n    const merged = next.map((block, index) =>\n      sameBlock(previous[index], block) ? previous[index]! : block\n    )\n    previous = merged\n    return merged\n  })\n  // The nth fenced block, so a host can address it. Blocks keep their positions\n  // while text streams in after them, so an index stays attached to its block.\n  const codeIndexes = createMemo(() => {\n    let next = 0\n    return blocks().map((block) => (block.kind === 'code' ? next++ : -1))\n  })\n  const lastIsProse = () => {\n    const last = blocks().at(-1)\n    return last !== undefined && last.kind !== 'code'\n  }\n  return (\n    <div data-slot=\"message-text\" class={cn('flex min-w-0 flex-col gap-3', local.class)} {...rest}>\n      <Index each={blocks()}>\n        {(block, index) => (\n          <BlockView\n            block={block()}\n            codeProps={local.codeBlockProps}\n            codeIndex={() => codeIndexes()[index] ?? 0}\n            citations={local.citations}\n          />\n        )}\n      </Index>\n      <Show when={local.streaming && lastIsProse()}>\n        <span class=\"streaming-caret\" aria-hidden=\"true\" />\n      </Show>\n    </div>\n  )\n}\n\nfunction BlockView(props: {\n  block: MessageBlock\n  codeProps?: MessageTextProps['codeBlockProps']\n  codeIndex: () => number\n  citations?: MessageCitations\n}) {\n  return (\n    <Switch>\n      <Match when={props.block.kind === 'code' && props.block}>\n        {(block) => {\n          const code = () => block() as Extract<MessageBlock, { kind: 'code' }>\n          const chosen = () => {\n            const choice = props.codeProps\n            return typeof choice === 'function'\n              ? choice({\n                  index: props.codeIndex(),\n                  language: code().language,\n                  code: code().code,\n                  complete: code().complete,\n                })\n              : choice\n          }\n          return (\n            <CodeBlock\n              code={code().code}\n              language={code().language}\n              complete={code().complete}\n              {...chosen()}\n            />\n          )\n        }}\n      </Match>\n      <Match when={props.block.kind === 'heading' && props.block}>\n        {(block) => {\n          const heading = () => block() as Extract<MessageBlock, { kind: 'heading' }>\n          return (\n            <p\n              role=\"heading\"\n              aria-level={heading().level + 2}\n              class=\"font-semibold text-foreground [overflow-wrap:anywhere]\"\n            >\n              <Inline nodes={heading().inline} citations={props.citations} />\n            </p>\n          )\n        }}\n      </Match>\n      <Match when={props.block.kind === 'list' && props.block}>\n        {(block) => {\n          const list = () => block() as Extract<MessageBlock, { kind: 'list' }>\n          return (\n            <Show\n              when={list().ordered}\n              fallback={\n                <ul class=\"m-0 ms-5 flex list-disc flex-col gap-1 p-0 marker:text-muted-foreground\">\n                  <For each={list().items}>\n                    {(item) => (\n                      <li class=\"[overflow-wrap:anywhere]\">\n                        <Inline nodes={item} citations={props.citations} />\n                      </li>\n                    )}\n                  </For>\n                </ul>\n              }\n            >\n              <ol\n                start={list().start}\n                class=\"m-0 ms-5 flex list-decimal flex-col gap-1 p-0 marker:text-muted-foreground\"\n              >\n                <For each={list().items}>\n                  {(item) => (\n                    <li class=\"[overflow-wrap:anywhere]\">\n                      <Inline nodes={item} citations={props.citations} />\n                    </li>\n                  )}\n                </For>\n              </ol>\n            </Show>\n          )\n        }}\n      </Match>\n      <Match when={props.block.kind === 'quote' && props.block}>\n        {(block) => {\n          const quote = () => block() as Extract<MessageBlock, { kind: 'quote' }>\n          return (\n            <blockquote class=\"m-0 border-s-2 border-border ps-3 whitespace-pre-wrap text-muted-foreground [overflow-wrap:anywhere]\">\n              <Inline nodes={quote().inline} citations={props.citations} />\n            </blockquote>\n          )\n        }}\n      </Match>\n      <Match when={props.block.kind === 'paragraph' && props.block}>\n        {(block) => {\n          const paragraph = () => block() as Extract<MessageBlock, { kind: 'paragraph' }>\n          return (\n            <p class=\"m-0 whitespace-pre-wrap [overflow-wrap:anywhere]\">\n              <Inline nodes={paragraph().inline} citations={props.citations} />\n            </p>\n          )\n        }}\n      </Match>\n    </Switch>\n  )\n}\n\nfunction Inline(props: { nodes: readonly MessageInline[]; citations?: MessageCitations }) {\n  return (\n    <For each={props.nodes}>\n      {(node) => (\n        <Switch>\n          <Match when={node.kind === 'text' && node}>\n            {(text) => (text() as { text: string }).text}\n          </Match>\n          <Match when={node.kind === 'code' && node}>\n            {(code) => <InlineCode>{(code() as { text: string }).text}</InlineCode>}\n          </Match>\n          <Match when={node.kind === 'strong' && node}>\n            {(strong) => (\n              <strong class=\"font-semibold\">\n                <Inline\n                  nodes={(strong() as { children: readonly MessageInline[] }).children}\n                  citations={props.citations}\n                />\n              </strong>\n            )}\n          </Match>\n          <Match when={node.kind === 'em' && node}>\n            {(em) => (\n              <em>\n                <Inline\n                  nodes={(em() as { children: readonly MessageInline[] }).children}\n                  citations={props.citations}\n                />\n              </em>\n            )}\n          </Match>\n          <Match when={node.kind === 'link' && node}>\n            {(link) => (\n              <a\n                href={(link() as { href: string }).href}\n                target=\"_blank\"\n                rel=\"noreferrer noopener\"\n                class=\"text-primary underline underline-offset-2 hover:no-underline\"\n              >\n                <Inline nodes={(link() as { children: readonly MessageInline[] }).children} />\n              </a>\n            )}\n          </Match>\n          <Match when={node.kind === 'cite' && node}>\n            {(cite) => {\n              const marker = () => cite() as { numbers: readonly number[]; raw: string }\n              // The parser read this as a citation only while the host had sources;\n              // if they have gone since, the marker is the text it was written as.\n              // Match invokes this callback untracked; JSX keeps renderer and\n              // same-count source replacements reactive without replacing the block.\n              return (\n                <>{props.citations ? props.citations.render(marker().numbers) : marker().raw}</>\n              )\n            }}\n          </Match>\n        </Switch>\n      )}\n    </For>\n  )\n}\n"],"mappings":"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"}

package/dist/components/ui/message/parse-message-text.d.ts

@@ -0,0 +1,93 @@
+/**
+ * A small, safe reading of model and user text.
+ *
+ * Assistant output is untrusted: it can contain anything a model, a tool result
+ * or a pasted web page put there. This parser therefore produces *data* —
+ * blocks and inline spans — and the renderer turns that data into text nodes and
+ * a fixed set of elements. There is no HTML pass, no `innerHTML`, and no
+ * attribute built from the text other than a link `href` that has passed
+ * `safeHref`.
+ *
+ * It reads a deliberately small subset of Markdown: fenced code, headings,
+ * flat lists, block quotes, paragraphs, and inline code, bold, italic and links.
+ * Anything it does not recognise stays as paragraph text with its line breaks
+ * (the paragraph renders `white-space: pre-wrap`), so unsupported syntax
+ * degrades to readable source instead of vanishing.
+ *
+ * A citation marker, `[^1]` or `[^1,2]`, is read only when the caller says how
+ * many sources it has (`citations`) and every number names one of them. A marker
+ * the host cannot resolve stays literal text: it is never a citation by shape
+ * alone, and `arr[1]` or a footnote the model invented is not one either.
+ *
+ * Streaming is a first-class input. `streaming: true` means the text may end
+ * mid-construct, so an unterminated fence is a *partial* code block — shown as
+ * code from its first line, flagged incomplete — and an unterminated inline
+ * span stays literal until its closing delimiter arrives. Once streaming stops,
+ * an unterminated fence is just a code block that ends at the end of the text.
+ */
+export type MessageInline = Readonly<{
+    kind: 'text';
+    text: string;
+}> | Readonly<{
+    kind: 'code';
+    text: string;
+}> | Readonly<{
+    kind: 'strong';
+    children: readonly MessageInline[];
+}> | Readonly<{
+    kind: 'em';
+    children: readonly MessageInline[];
+}> | Readonly<{
+    kind: 'link';
+    href: string;
+    children: readonly MessageInline[];
+}>
+/** A resolved citation marker: 1-based source numbers, each within `citations`. */
+ | Readonly<{
+    kind: 'cite';
+    numbers: readonly number[];
+    raw: string;
+}>;
+export type MessageBlock = Readonly<{
+    kind: 'paragraph';
+    inline: readonly MessageInline[];
+    raw: string;
+}> | Readonly<{
+    kind: 'heading';
+    level: 1 | 2 | 3 | 4;
+    inline: readonly MessageInline[];
+    raw: string;
+}> | Readonly<{
+    kind: 'list';
+    ordered: boolean;
+    start: number;
+    items: readonly (readonly MessageInline[])[];
+    raw: string;
+}> | Readonly<{
+    kind: 'quote';
+    inline: readonly MessageInline[];
+    raw: string;
+}> | Readonly<{
+    kind: 'code';
+    language: string | undefined;
+    code: string;
+    /** False while the fence is still open and the text may still grow. */
+    complete: boolean;
+    raw: string;
+}>;
+/** Only these schemes become links; everything else is shown as its text. */
+export declare function safeHref(value: string): string | undefined;
+export type ParseInlineOptions = {
+    /** How many sources the host has. Without it no marker is a citation. */
+    citations?: number;
+    /** Inside a link label, where a citation (itself a button) must not nest. */
+    inLink?: boolean;
+};
+/** Inline spans. Delimiters must close on the same block, or they stay literal. */
+export declare function parseInline(text: string, depth?: number, options?: ParseInlineOptions): readonly MessageInline[];
+/** Parse text into blocks. Pure, total, and linear in the length of `text`. */
+export declare function parseMessageText(text: string, options?: {
+    streaming?: boolean;
+    citations?: number;
+}): readonly MessageBlock[];
+//# sourceMappingURL=parse-message-text.d.ts.map

package/dist/components/ui/message/parse-message-text.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"parse-message-text.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/message/parse-message-text.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AAEH,MAAM,MAAM,aAAa,GACrB,QAAQ,CAAC;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,CAAC,GACxC,QAAQ,CAAC;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,CAAC,GACxC,QAAQ,CAAC;IAAE,IAAI,EAAE,QAAQ,CAAC;IAAC,QAAQ,EAAE,SAAS,aAAa,EAAE,CAAA;CAAE,CAAC,GAChE,QAAQ,CAAC;IAAE,IAAI,EAAE,IAAI,CAAC;IAAC,QAAQ,EAAE,SAAS,aAAa,EAAE,CAAA;CAAE,CAAC,GAC5D,QAAQ,CAAC;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,SAAS,aAAa,EAAE,CAAA;CAAE,CAAC;AAC9E,mFAAmF;GACjF,QAAQ,CAAC;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,SAAS,MAAM,EAAE,CAAC;IAAC,GAAG,EAAE,MAAM,CAAA;CAAE,CAAC,CAAA;AAEvE,MAAM,MAAM,YAAY,GACpB,QAAQ,CAAC;IAAE,IAAI,EAAE,WAAW,CAAC;IAAC,MAAM,EAAE,SAAS,aAAa,EAAE,CAAC;IAAC,GAAG,EAAE,MAAM,CAAA;CAAE,CAAC,GAC9E,QAAQ,CAAC;IACP,IAAI,EAAE,SAAS,CAAA;IACf,KAAK,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAA;IACpB,MAAM,EAAE,SAAS,aAAa,EAAE,CAAA;IAChC,GAAG,EAAE,MAAM,CAAA;CACZ,CAAC,GACF,QAAQ,CAAC;IACP,IAAI,EAAE,MAAM,CAAA;IACZ,OAAO,EAAE,OAAO,CAAA;IAChB,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,SAAS,CAAC,SAAS,aAAa,EAAE,CAAC,EAAE,CAAA;IAC5C,GAAG,EAAE,MAAM,CAAA;CACZ,CAAC,GACF,QAAQ,CAAC;IAAE,IAAI,EAAE,OAAO,CAAC;IAAC,MAAM,EAAE,SAAS,aAAa,EAAE,CAAC;IAAC,GAAG,EAAE,MAAM,CAAA;CAAE,CAAC,GAC1E,QAAQ,CAAC;IACP,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,EAAE,MAAM,GAAG,SAAS,CAAA;IAC5B,IAAI,EAAE,MAAM,CAAA;IACZ,uEAAuE;IACvE,QAAQ,EAAE,OAAO,CAAA;IACjB,GAAG,EAAE,MAAM,CAAA;CACZ,CAAC,CAAA;AAsEN,6EAA6E;AAC7E,wBAAgB,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAc1D;AAQD,MAAM,MAAM,kBAAkB,GAAG;IAC/B,yEAAyE;IACzE,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,6EAA6E;IAC7E,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB,CAAA;AAYD,mFAAmF;AACnF,wBAAgB,WAAW,CACzB,IAAI,EAAE,MAAM,EACZ,KAAK,SAAI,EACT,OAAO,GAAE,kBAAuB,GAC/B,SAAS,aAAa,EAAE,CAqG1B;AAsDD,+EAA+E;AAC/E,wBAAgB,gBAAgB,CAC9B,IAAI,EAAE,MAAM,EACZ,OAAO,GAAE;IAAE,SAAS,CAAC,EAAE,OAAO,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAO,GACxD,SAAS,YAAY,EAAE,CAmHzB"}