@bysages/svelte 0.4.3 → 0.5.0

package/dist/ai-prompt-input-BeovJUY8.mjs

@@ -0,0 +1,580 @@
+import { n as withSelfRoot } from "./family-lE_Nnow1.mjs";
+import { t as useElementId } from "./id-Cu5GNK9U.mjs";
+import { n as iconHtml } from "./icon-CF5OqvV3.mjs";
+import { t as InternalIcon } from "./InternalIcon-34cw8jr_.mjs";
+import { t as Button } from "./button-D-u911qp.mjs";
+import { Field } from "./components/field/index.mjs";
+import { n as useMentions } from "./Mentions-wRPCCvkr.mjs";
+import { MentionsVessel } from "./components/mentions/index.mjs";
+import { n as useComponentMessages } from "./messages-BZoDXYu3.mjs";
+import "svelte/internal/disclose-version";
+import * as $ from "svelte/internal/client";
+import { injectComponentStyle } from "@bysages/core/styling";
+// src/components/ai-prompt-input/editor.ts
+const triggerList = (triggers) => {
+	return (triggers == null ? ["@"] : Array.isArray(triggers) ? triggers : [triggers]).filter((trigger) => trigger.length > 0);
+};
+const tokensFor = (value, entries, triggers) => {
+	const tokens = [];
+	const add = (pattern, entry, trigger) => {
+		if (!pattern || !value.includes(pattern)) return;
+		tokens.push({
+			pattern,
+			entry,
+			trigger
+		});
+	};
+	entries.forEach((entry) => {
+		triggers.forEach((trigger) => {
+			add(trigger + entry.label, entry, trigger);
+			const inserted = entry.insertText?.trim();
+			if (inserted?.startsWith(trigger)) add(inserted, entry, trigger);
+		});
+	});
+	return tokens.sort((left, right) => {
+		return value.indexOf(left.pattern) - value.indexOf(right.pattern) || right.pattern.length - left.pattern.length;
+	});
+};
+const readToken = (node) => ({
+	pattern: `${node.dataset.promptTrigger ?? "@"}${node.dataset.promptLabel ?? ""}`,
+	trigger: node.dataset.promptTrigger ?? "@",
+	entry: {
+		id: node.dataset.promptId,
+		label: node.dataset.promptLabel ?? "",
+		value: node.dataset.promptValue ?? "",
+		icon: node.dataset.promptIcon,
+		kind: node.dataset.promptKind
+	}
+});
+const readNode = (node) => {
+	if (node.nodeType === Node.TEXT_NODE) return node.textContent ?? "";
+	if (!(node instanceof HTMLElement)) return "";
+	if (node.tagName === "BR") return "\n";
+	if (node.dataset.promptToken === "") return readToken(node).pattern;
+	const block = node.tagName === "DIV" || node.tagName === "P";
+	const children = Array.from(node.childNodes).map(readNode).join("");
+	return block && children ? `${children}\n` : children;
+};
+const serializeEditor = (root) => Array.from(root.childNodes).map(readNode).join("").replace(/\n$/, "");
+const readCaret = (root) => {
+	const selection = window.getSelection();
+	if (document.activeElement !== root || !selection || selection.rangeCount === 0) return serializeEditor(root).length;
+	const selected = selection.getRangeAt(selection.rangeCount - 1);
+	const range = document.createRange();
+	range.selectNodeContents(root);
+	range.setEnd(selected.endContainer, selected.endOffset);
+	return range.toString().length;
+};
+const caretPosition = (root, offset) => {
+	const walker = document.createTreeWalker(root, NodeFilter.SHOW_TEXT);
+	let remaining = offset;
+	let node = walker.nextNode();
+	let last = null;
+	while (node) {
+		const text = node;
+		if (remaining <= text.data.length) return {
+			container: text,
+			offset: remaining
+		};
+		remaining -= text.data.length;
+		last = text;
+		node = walker.nextNode();
+	}
+	return last ? {
+		container: last,
+		offset: last.data.length
+	} : {
+		container: root,
+		offset: root.childNodes.length
+	};
+};
+const tokenNode = (model) => {
+	const node = document.createElement("span");
+	node.contentEditable = "false";
+	node.dataset.promptToken = "";
+	node.setAttribute("data-scope", "ai");
+	node.setAttribute("data-part", "prompt-mention");
+	node.dataset.promptTrigger = model.trigger;
+	node.dataset.promptLabel = model.entry.label;
+	node.dataset.promptValue = model.entry.value;
+	if (model.entry.kind != null) node.dataset.promptKind = model.entry.kind;
+	if (model.entry.id) node.dataset.promptId = model.entry.id;
+	if (model.entry.icon) node.dataset.promptIcon = model.entry.icon;
+	node.title = `${model.trigger}${model.entry.label}`;
+	const trigger = document.createElement("span");
+	trigger.textContent = model.trigger;
+	trigger.setAttribute("data-scope", "ai");
+	trigger.setAttribute("data-part", "mention-trigger");
+	node.append(trigger);
+	if (model.entry.icon) {
+		const icon = document.createElement("span");
+		icon.setAttribute("data-scope", "ai");
+		icon.setAttribute("data-part", "mention-icon");
+		icon.innerHTML = iconHtml(model.entry.icon, {
+			"data-scope": "icon",
+			"data-part": "root",
+			"data-size": "inherit"
+		});
+		node.append(icon);
+	}
+	const label = document.createElement("span");
+	label.textContent = model.entry.label;
+	label.setAttribute("data-scope", "ai");
+	label.setAttribute("data-part", "mention-label");
+	node.append(label);
+	return node;
+};
+const renderEditor = (root, value, entries, triggers) => {
+	const fragment = document.createDocumentFragment();
+	let cursor = 0;
+	tokensFor(value, entries, triggerList(triggers)).forEach((model) => {
+		const start = value.indexOf(model.pattern, cursor);
+		if (start === -1) return;
+		if (start > cursor) fragment.append(value.slice(cursor, start));
+		fragment.append(tokenNode(model));
+		cursor = start + model.pattern.length;
+	});
+	if (cursor < value.length) fragment.append(value.slice(cursor));
+	root.replaceChildren(fragment);
+	root.toggleAttribute("data-empty", root.childNodes.length === 0);
+};
+/** Insert a mention as a rich token. The hidden trigger text keeps the
+* browser selection and the serialized plain text in step. */
+const insertEditorToken = (root, entry, trigger, start, end) => {
+	const hasTailSpace = /^\s/.test(serializeEditor(root).slice(end));
+	const range = document.createRange();
+	const from = caretPosition(root, start);
+	const to = caretPosition(root, end);
+	range.setStart(from.container, from.offset);
+	range.setEnd(to.container, to.offset);
+	range.deleteContents();
+	const node = tokenNode({
+		pattern: trigger + entry.label,
+		entry,
+		trigger
+	});
+	range.insertNode(node);
+	let tail = null;
+	if (!hasTailSpace) {
+		tail = document.createTextNode(" ");
+		node.after(tail);
+	}
+	root.focus();
+	const selection = window.getSelection();
+	const followingText = (() => {
+		let current = node.nextSibling;
+		while (current) {
+			if (current.nodeType === Node.TEXT_NODE) return current;
+			const text = document.createTreeWalker(current, NodeFilter.SHOW_TEXT).nextNode();
+			if (text) return text;
+			current = current.nextSibling;
+		}
+		return null;
+	})();
+	const target = tail ?? followingText;
+	if (selection && target) {
+		const caret = document.createRange();
+		if (tail) caret.selectNodeContents(tail);
+		else caret.setStart(target, 0);
+		caret.collapse(true);
+		selection.removeAllRanges();
+		selection.addRange(caret);
+	}
+	return serializeEditor(root);
+};
+const insertLineBreak = (root) => {
+	document.execCommand("insertLineBreak");
+	return serializeEditor(root);
+};
+// src/components/ai-prompt-input/AiPromptInput.svelte
+var rest_excludes = /* @__PURE__ */ new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"value",
+	"onValueChange",
+	"onSubmit",
+	"onStop",
+	"placeholder",
+	"disabled",
+	"busy",
+	"mentions",
+	"onSelect",
+	"header",
+	"leading",
+	"trailing",
+	"footer",
+	"footerEnd"
+]);
+var root = $.from_html(`<div data-scope="ai" data-part="prompt-header"><!></div>`);
+var root_1 = $.from_html(`<div data-scope="ai" data-part="prompt-leading"><!></div>`);
+var root_2 = $.from_html(`<div role="combobox" aria-autocomplete="list" data-scope="ai" data-part="prompt-editor"></div>`);
+var root_3 = $.from_html(`<div data-scope="ai" data-part="prompt-trailing"><!> <!></div>`);
+var root_4 = $.from_html(`<div data-scope="ai" data-part="prompt-footer"><!> <div data-scope="ai" data-part="prompt-end"><!> <!></div></div>`);
+var root_5 = $.from_html(`<form><!> <div data-scope="ai" data-part="prompt-main"><!> <!> <!> <!></div> <!></form>`);
+function AiPromptInput$1($$anchor, $$props) {
+	const generatedId = $.props_id();
+	$.push($$props, true);
+	const seal = ($$anchor) => {
+		var fragment = $.comment();
+		var node = $.first_child(fragment);
+		var consequent = ($$anchor) => {
+			{
+				let $0 = $.derived(() => messages().ai.stop);
+				Button($$anchor, {
+					variant: "solid",
+					size: "sm",
+					square: true,
+					type: "button",
+					get "aria-label"() {
+						return $.get($0);
+					},
+					get disabled() {
+						return disabled();
+					},
+					onclick: () => $$props.onStop?.(),
+					children: ($$anchor, $$slotProps) => {
+						var fragment_2 = $.comment();
+						var node_1 = $.first_child(fragment_2);
+						$.html(node_1, () => iconHtml("square", {
+							width: "14",
+							height: "14"
+						}));
+						$.append($$anchor, fragment_2);
+					},
+					$$slots: { default: true }
+				});
+			}
+		};
+		var alternate = ($$anchor) => {
+			{
+				let $0 = $.derived(() => messages().ai.send);
+				let $1 = $.derived(() => disabled() || !value().trim());
+				Button($$anchor, {
+					variant: "solid",
+					size: "sm",
+					square: true,
+					type: "submit",
+					get "aria-label"() {
+						return $.get($0);
+					},
+					get disabled() {
+						return $.get($1);
+					},
+					children: ($$anchor, $$slotProps) => {
+						InternalIcon($$anchor, {
+							name: "arrow-up",
+							size: "sm"
+						});
+					},
+					$$slots: { default: true }
+				});
+			}
+		};
+		$.if(node, ($$render) => {
+			if (busy()) $$render(consequent);
+			else $$render(alternate, -1);
+		});
+		$.append($$anchor, fragment);
+	};
+	injectComponentStyle("ai");
+	let value = $.prop($$props, "value", 15, ""), disabled = $.prop($$props, "disabled", 3, false), busy = $.prop($$props, "busy", 3, false), rest = $.rest_props($$props, rest_excludes);
+	const hostId = $.derived(() => useElementId("ai-prompt", generatedId, $$props.id));
+	const mentionsId = $.derived(() => `${$.get(hostId)}:mentions`);
+	let textareaEl = $.state(null);
+	let editorEl = $.state(null);
+	const mentionsActive = $.derived(() => $$props.mentions != null);
+	const messages = useComponentMessages();
+	const placeholderText = $.derived(() => $$props.placeholder ?? messages().ai.conversation);
+	const mentionState = useMentions(() => ({
+		items: $$props.mentions?.items ?? [],
+		trigger: $$props.mentions?.trigger,
+		triggers: $$props.mentions?.triggers,
+		commitKeys: $$props.mentions?.commitKeys ?? [
+			"Enter",
+			" ",
+			"Tab"
+		]
+	}), () => $.get(textareaEl), {
+		getCaret: () => $$props.mentions && $.get(editorEl) ? readCaret($.get(editorEl)) : void 0,
+		getText: () => $$props.mentions && $.get(editorEl) ? serializeEditor($.get(editorEl)) : $.get(textareaEl)?.value ?? value(),
+		setText: (next) => {
+			value(next);
+			$$props.onValueChange?.(next);
+		},
+		select: (entry) => {
+			$$props.onSelect?.(entry);
+			return $$props.mentions?.insertOnSelect !== false || $$props.mentions?.clearQueryOnSelect !== false;
+		},
+		commit: insertChoice
+	});
+	$.user_effect(() => {
+		if (!$.get(editorEl)) return;
+		renderEditor($.get(editorEl), value(), $$props.mentions?.items ?? [], $$props.mentions?.triggers);
+		$.get(editorEl).toggleAttribute("data-empty", !value());
+	});
+	function publishEditor() {
+		if (!$.get(editorEl)) return;
+		const next = serializeEditor($.get(editorEl));
+		$.get(editorEl).toggleAttribute("data-empty", !next);
+		value(next);
+		$$props.onValueChange?.(next);
+	}
+	function insertChoice(entry) {
+		const clearQuery = $$props.mentions?.insertOnSelect === false && $$props.mentions?.clearQueryOnSelect !== false;
+		if (!$.get(editorEl) || entry.disabled || $$props.mentions?.insertOnSelect === false && !clearQuery) {
+			mentionState.close();
+			return;
+		}
+		if (clearQuery) {
+			const text = serializeEditor($.get(editorEl));
+			const next = text.slice(0, mentionState.anchorIndex) + text.slice(mentionState.caretIndex);
+			renderEditor($.get(editorEl), next, $$props.mentions?.items ?? [], $$props.mentions?.triggers);
+			$.get(editorEl).toggleAttribute("data-empty", !next);
+			$.get(editorEl).focus();
+			value(next);
+			$$props.onValueChange?.(next);
+			mentionState.close();
+			return;
+		}
+		$$props.onSelect?.(entry);
+		const next = insertEditorToken($.get(editorEl), entry, mentionState.activeTrigger, mentionState.anchorIndex, mentionState.caretIndex);
+		$.get(editorEl).toggleAttribute("data-empty", !next);
+		value(next);
+		$$props.onValueChange?.(next);
+		mentionState.close();
+	}
+	function send() {
+		const text = value().trim();
+		if (!text || disabled() || busy()) return;
+		$$props.onSubmit?.(text);
+		value("");
+		$$props.onValueChange?.("");
+	}
+	function editorKeydown(event) {
+		if (event.isComposing || event.keyCode === 229) return;
+		if (event.key === "Enter" && event.shiftKey) {
+			event.preventDefault();
+			if (!$.get(editorEl)) return;
+			value(insertLineBreak($.get(editorEl)));
+			$$props.onValueChange?.(value());
+			return;
+		}
+		if (mentionState.onKeydown(event)) return;
+		if (event.key === "Enter") {
+			event.preventDefault();
+			send();
+		}
+	}
+	const hasFooter = $.derived(() => $$props.footer != null);
+	var form = root_5();
+	var event_handler = (event) => {
+		event.preventDefault();
+		send();
+	};
+	$.attribute_effect(form, () => ({
+		...rest,
+		id: $.get(hostId),
+		"data-scope": "ai",
+		"data-part": "prompt",
+		onsubmit: event_handler
+	}));
+	var node_2 = $.child(form);
+	var consequent_1 = ($$anchor) => {
+		var div = root();
+		var node_3 = $.child(div);
+		$.snippet(node_3, () => $$props.header);
+		$.reset(div);
+		$.append($$anchor, div);
+	};
+	$.if(node_2, ($$render) => {
+		if ($$props.header) $$render(consequent_1);
+	});
+	var div_1 = $.sibling(node_2, 2);
+	var node_4 = $.child(div_1);
+	var consequent_2 = ($$anchor) => {
+		var div_2 = root_1();
+		var node_5 = $.child(div_2);
+		$.snippet(node_5, () => $$props.leading);
+		$.reset(div_2);
+		$.append($$anchor, div_2);
+	};
+	$.if(node_4, ($$render) => {
+		if ($$props.leading) $$render(consequent_2);
+	});
+	var node_6 = $.sibling(node_4, 2);
+	var consequent_3 = ($$anchor) => {
+		var div_3 = root_2();
+		$.bind_this(div_3, ($$value) => $.set(editorEl, $$value), () => $.get(editorEl));
+		$.template_effect(($0) => {
+			$.set_attribute(div_3, "contenteditable", !disabled());
+			$.set_attribute(div_3, "tabindex", disabled() ? void 0 : 0);
+			$.set_attribute(div_3, "aria-label", $0);
+			$.set_attribute(div_3, "aria-expanded", mentionState.open ? "true" : void 0);
+			$.set_attribute(div_3, "aria-controls", mentionState.open ? `${$.get(mentionsId)}:popup` : void 0);
+			$.set_attribute(div_3, "aria-disabled", disabled() || void 0);
+			$.set_attribute(div_3, "data-empty", value() ? void 0 : "");
+			$.set_attribute(div_3, "data-placeholder", $.get(placeholderText));
+			$.set_attribute(div_3, "data-disabled", disabled() || void 0);
+		}, [() => messages().ai.conversation]);
+		$.delegated("input", div_3, () => {
+			publishEditor();
+			if (!disabled()) mentionState.onInput();
+		});
+		$.delegated("keydown", div_3, editorKeydown);
+		$.append($$anchor, div_3);
+	};
+	var alternate_1 = ($$anchor) => {
+		var fragment_5 = $.comment();
+		var node_7 = $.first_child(fragment_5);
+		$.component(node_7, () => Field.Root, ($$anchor, Field_Root) => {
+			Field_Root($$anchor, {
+				children: ($$anchor, $$slotProps) => {
+					var fragment_6 = $.comment();
+					var node_8 = $.first_child(fragment_6);
+					{
+						let $0 = $.derived(() => messages().ai.conversation);
+						$.component(node_8, () => Field.Textarea, ($$anchor, Field_Textarea) => {
+							Field_Textarea($$anchor, {
+								autoresize: true,
+								rows: 1,
+								get placeholderText() {
+									return $.get(placeholderText);
+								},
+								get "aria-label"() {
+									return $.get($0);
+								},
+								get disabled() {
+									return disabled();
+								},
+								oninput: () => mentionState.onInput(),
+								onkeydown: (event) => {
+									if (event.isComposing || event.keyCode === 229) return;
+									if (mentionState.onKeydown(event)) return;
+									if (event.key === "Enter" && !event.shiftKey) {
+										event.preventDefault();
+										send();
+									}
+								},
+								get ref() {
+									return $.get(textareaEl);
+								},
+								set ref($$value) {
+									$.set(textareaEl, $$value, true);
+								},
+								get value() {
+									return value();
+								},
+								set value($$value) {
+									value($$value);
+								}
+							});
+						});
+					}
+					$.append($$anchor, fragment_6);
+				},
+				$$slots: { default: true }
+			});
+		});
+		$.append($$anchor, fragment_5);
+	};
+	$.if(node_6, ($$render) => {
+		if ($.get(mentionsActive)) $$render(consequent_3);
+		else $$render(alternate_1, -1);
+	});
+	var node_9 = $.sibling(node_6, 2);
+	var consequent_4 = ($$anchor) => {
+		{
+			let $0 = $.derived(() => $$props.mentions?.placement ?? "top-start");
+			MentionsVessel($$anchor, {
+				get id() {
+					return $.get(mentionsId);
+				},
+				get open() {
+					return mentionState.open;
+				},
+				get matches() {
+					return mentionState.matches;
+				},
+				get active() {
+					return mentionState.active;
+				},
+				get anchor() {
+					return $.get(editorEl);
+				},
+				get placement() {
+					return $.get($0);
+				},
+				onInsert: insertChoice,
+				onActiveChange: (index) => mentionState.active = index,
+				onOpenChange: (open) => {
+					if (!open) mentionState.close();
+				}
+			});
+		}
+	};
+	$.if(node_9, ($$render) => {
+		if ($.get(mentionsActive)) $$render(consequent_4);
+	});
+	var node_10 = $.sibling(node_9, 2);
+	var consequent_7 = ($$anchor) => {
+		var div_4 = root_3();
+		var node_11 = $.child(div_4);
+		var consequent_5 = ($$anchor) => {
+			var fragment_8 = $.comment();
+			var node_12 = $.first_child(fragment_8);
+			$.snippet(node_12, () => $$props.trailing);
+			$.append($$anchor, fragment_8);
+		};
+		$.if(node_11, ($$render) => {
+			if ($$props.trailing) $$render(consequent_5);
+		});
+		var node_13 = $.sibling(node_11, 2);
+		var consequent_6 = ($$anchor) => {
+			seal($$anchor);
+		};
+		$.if(node_13, ($$render) => {
+			if (!$.get(hasFooter)) $$render(consequent_6);
+		});
+		$.reset(div_4);
+		$.append($$anchor, div_4);
+	};
+	$.if(node_10, ($$render) => {
+		if (!$.get(hasFooter) || $$props.trailing) $$render(consequent_7);
+	});
+	$.reset(div_1);
+	var node_14 = $.sibling(div_1, 2);
+	var consequent_9 = ($$anchor) => {
+		var div_5 = root_4();
+		var node_15 = $.child(div_5);
+		$.snippet(node_15, () => $$props.footer);
+		var div_6 = $.sibling(node_15, 2);
+		var node_16 = $.child(div_6);
+		var consequent_8 = ($$anchor) => {
+			var fragment_10 = $.comment();
+			var node_17 = $.first_child(fragment_10);
+			$.snippet(node_17, () => $$props.footerEnd);
+			$.append($$anchor, fragment_10);
+		};
+		$.if(node_16, ($$render) => {
+			if ($$props.footerEnd) $$render(consequent_8);
+		});
+		var node_18 = $.sibling(node_16, 2);
+		seal(node_18);
+		$.reset(div_6);
+		$.reset(div_5);
+		$.append($$anchor, div_5);
+	};
+	$.if(node_14, ($$render) => {
+		if ($.get(hasFooter)) $$render(consequent_9);
+	});
+	$.reset(form);
+	$.append($$anchor, form);
+	$.pop();
+}
+$.delegate(["input", "keydown"]);
+// src/components/ai-prompt-input/index.ts
+/** The prompt vessel: the shared field textarea — self-growing on the
+* machine's autoresize — over a footer row carrying the submit seal. */
+const AiPromptInput = withSelfRoot(AiPromptInput$1);
+export { AiPromptInput as t };

package/dist/{ai-reasoning-DA6bWwlo.mjs → ai-reasoning-bh5sTx49.mjs}

@@ -1,10 +1,10 @@
-import { n as withSelfRoot } from "./family-CzLaku1F.mjs";
+import { n as withSelfRoot } from "./family-lE_Nnow1.mjs";
 import { Collapsible } from "./components/collapsible/index.mjs";
-import { t as ChevronIcon } from "./ChevronIcon-hvMd0d_i.mjs";
+import { t as ChevronIcon } from "./ChevronIcon-O4SEvOw3.mjs";
 import "svelte/internal/disclose-version";
 import * as $ from "svelte/internal/client";
 import { injectComponentStyle } from "@bysages/core/styling";
-//#region src/components/ai-reasoning/AiReasoning.svelte
+// src/components/ai-reasoning/AiReasoning.svelte
 var rest_excludes = /* @__PURE__ */ new Set([
 	"$$slots",
 	"$$events",
@@ -69,10 +69,8 @@ function AiReasoning$1($$anchor, $$props) {
 	$.append($$anchor, fragment);
 	$.pop();
 }
-//#endregion
-//#region src/components/ai-reasoning/index.ts
+// src/components/ai-reasoning/index.ts
 /** The model's thought, folded by the shared collapsible in its quiet
 * register. */
 const AiReasoning = withSelfRoot(AiReasoning$1);
-//#endregion
 export { AiReasoning as t };

package/dist/{ai-response-DrsGpVej.mjs → ai-response-pB9Xjn9l.mjs}

@@ -1,11 +1,11 @@
-import { n as withSelfRoot } from "./family-CzLaku1F.mjs";
-import { n as iconHtml } from "./icon-CKL_BxrZ.mjs";
-import { n as useComponentMessages } from "./messages-DNzA55pH.mjs";
+import { n as withSelfRoot } from "./family-lE_Nnow1.mjs";
+import { n as iconHtml } from "./icon-CF5OqvV3.mjs";
+import { n as useComponentMessages } from "./messages-BZoDXYu3.mjs";
 import "svelte/internal/disclose-version";
 import * as $ from "svelte/internal/client";
 import { injectComponentStyle } from "@bysages/core/styling";
-import { renderHtml } from "@tanstack/markdown/html";
-//#region src/components/ai-response/code-copy.ts
+import { renderMarkdown } from "@bysages/core/markdown";
+// src/components/ai-response/code-copy.ts
 /** The two icons a copy affordance needs: the stamp and its confirmation,
 * drawn from the house icon set. Inline SVG keeps the enhancement
 * framework-agnostic — it lives beside the renderer's generated code HTML. */
@@ -67,8 +67,7 @@ async function clickCodeCopy(event, copyLabel, copiedLabel) {
 		button.setAttribute("aria-label", copyLabel);
 	}, REVERT_MS);
 }
-//#endregion
-//#region src/components/ai-response/tables.ts
+// src/components/ai-response/tables.ts
 /** Wide tables ride a scrolling lane instead of bursting the column.
 * The lane is a plain div: the table-as-scroll-container form is what
 * ate the mouse wheel over plain tables. Idempotent, so it can run
@@ -106,8 +105,7 @@ function wrapResponseTables(root) {
 		watchLane(lane);
 	}
 }
-//#endregion
-//#region src/components/ai-response/AiResponse.svelte
+// src/components/ai-response/AiResponse.svelte
 var rest_excludes = /* @__PURE__ */ new Set([
 	"$$slots",
 	"$$events",
@@ -122,9 +120,10 @@ var root_1 = $.from_html(`<div></div>`);
 function AiResponse$1($$anchor, $$props) {
 	$.push($$props, true);
 	injectComponentStyle("ai");
+	injectComponentStyle("markdown");
 	let rest = $.rest_props($$props, rest_excludes);
 	const messages = useComponentMessages();
-	const html = $.derived(() => renderHtml($$props.content, $$props.highlighter ? { highlighter: $$props.highlighter } : void 0));
+	const html = $.derived(() => renderMarkdown($$props.content, $$props.highlighter ? { highlighter: $$props.highlighter } : void 0));
 	const copyText = $.derived(() => $$props.copyLabel ?? messages().ai.copyCode);
 	const copiedText = $.derived(() => $$props.copiedLabel ?? messages().ai.copied);
 	let root;
@@ -150,9 +149,7 @@ function AiResponse$1($$anchor, $$props) {
 	$.append($$anchor, div);
 	$.pop();
 }
-//#endregion
-//#region src/components/ai-response/index.ts
+// src/components/ai-response/index.ts
 /** Markdown set on the paper — streaming-safe by construction. */
 const AiResponse = withSelfRoot(AiResponse$1);
-//#endregion
 export { AiResponse as t };

package/dist/{ai-source-2eYEEt6r.mjs → ai-source-Dl1J6ml2.mjs}

@@ -1,8 +1,8 @@
-import { n as withSelfRoot } from "./family-CzLaku1F.mjs";
+import { n as withSelfRoot } from "./family-lE_Nnow1.mjs";
 import "svelte/internal/disclose-version";
 import * as $ from "svelte/internal/client";
 import { injectComponentStyle } from "@bysages/core/styling";
-//#region src/components/ai-source/AiSource.svelte
+// src/components/ai-source/AiSource.svelte
 var rest_excludes$1 = /* @__PURE__ */ new Set([
 	"$$slots",
 	"$$events",
@@ -44,8 +44,7 @@ function AiSource$1($$anchor, $$props) {
 	$.append($$anchor, li);
 	$.pop();
 }
-//#endregion
-//#region src/components/ai-source/AiSources.svelte
+// src/components/ai-source/AiSources.svelte
 var rest_excludes = /* @__PURE__ */ new Set([
 	"$$slots",
 	"$$events",
@@ -69,11 +68,9 @@ function AiSources$1($$anchor, $$props) {
 	$.append($$anchor, ol);
 	$.pop();
 }
-//#endregion
-//#region src/components/ai-source/index.ts
+// src/components/ai-source/index.ts
 /** One place the ink came from, and the reading list that gathers
 * them under a response. */
 const AiSource = withSelfRoot(AiSource$1);
 const AiSources = withSelfRoot(AiSources$1);
-//#endregion
 export { AiSources as n, AiSource as t };