@bysages/svelte 0.2.1 → 0.2.3

package/dist/ai-attachments-Y0Tf6UFL.mjs

@@ -0,0 +1,123 @@
+import { injectComponentStyle } from "@bysages/core";
+import "svelte/internal/disclose-version";
+import * as $ from "svelte/internal/client";
+//#region src/components/ai-attachments/Attachment.svelte
+var rest_excludes$1 = /* @__PURE__ */ new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"name",
+	"size",
+	"status",
+	"onRemove"
+]);
+var root$1 = $.from_svg(`<svg viewBox="0 0 16 16" aria-hidden="true" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="square"><rect x="2.5" y="3.5" width="11" height="9"></rect><path d="M2.5 10.5 6 7l3 3 2-1.5 2.5 2"></path><circle cx="6" cy="6" r="0.75" fill="currentColor" stroke="none"></circle></svg>`);
+var root_1 = $.from_svg(`<svg viewBox="0 0 16 16" aria-hidden="true" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="square"><path d="M4 2.5h5l3 3V13.5H4z"></path><path d="M9 2.5v3h3"></path></svg>`);
+var root_2 = $.from_html(`<span> </span>`);
+var root_3 = $.from_html(`<span><!> <span> </span> <!> <button type="button" data-remove=""><svg viewBox="0 0 16 16" width="12" height="12" aria-hidden="true" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="square"><path d="M4 4l8 8M12 4l-8 8"></path></svg></button></span>`);
+function Attachment$1($$anchor, $$props) {
+	$.push($$props, true);
+	injectComponentStyle("ai");
+	const IMAGE_EXTS = [
+		"png",
+		"jpg",
+		"jpeg",
+		"gif",
+		"webp",
+		"svg",
+		"avif",
+		"bmp",
+		"ico"
+	];
+	const isImage = (name) => IMAGE_EXTS.includes(name.split(".").pop()?.toLowerCase() ?? "");
+	const humanSize = (bytes) => {
+		if (bytes < 1024) return `${bytes} B`;
+		const units = [
+			"KB",
+			"MB",
+			"GB"
+		];
+		let value = bytes;
+		let unit = -1;
+		do {
+			value /= 1024;
+			unit += 1;
+		} while (value >= 1024 && unit < units.length - 1);
+		return `${value.toFixed(1)} ${units[unit]}`;
+	};
+	let status = $.prop($$props, "status", 3, "ready"), rest = $.rest_props($$props, rest_excludes$1);
+	var span = root_3();
+	$.attribute_effect(span, () => ({
+		...rest,
+		"data-scope": "ai",
+		"data-part": "attachment",
+		"data-status": status()
+	}));
+	var node = $.child(span);
+	var consequent = ($$anchor) => {
+		var svg = root$1();
+		$.append($$anchor, svg);
+	};
+	var d = $.derived(() => isImage($$props.name));
+	var alternate = ($$anchor) => {
+		var svg_1 = root_1();
+		$.append($$anchor, svg_1);
+	};
+	$.if(node, ($$render) => {
+		if ($.get(d)) $$render(consequent);
+		else $$render(alternate, -1);
+	});
+	var span_1 = $.sibling(node, 2);
+	var text = $.only_child(span_1, true);
+	var node_1 = $.sibling(span_1, 2);
+	var consequent_1 = ($$anchor) => {
+		var span_2 = root_2();
+		var text_1 = $.only_child(span_2, true);
+		$.template_effect(($0) => $.set_text(text_1, $0), [() => humanSize($$props.size)]);
+		$.append($$anchor, span_2);
+	};
+	$.if(node_1, ($$render) => {
+		if ($$props.size !== void 0) $$render(consequent_1);
+	});
+	var button = $.sibling(node_1, 2);
+	$.reset(span);
+	$.template_effect(() => {
+		$.set_text(text, $$props.name);
+		$.set_attribute(button, "aria-label", `Remove ${$$props.name}`);
+	});
+	$.delegated("click", button, () => $$props.onRemove?.());
+	$.append($$anchor, span);
+	$.pop();
+}
+$.delegate(["click"]);
+//#endregion
+//#region src/components/ai-attachments/Attachments.svelte
+var rest_excludes = /* @__PURE__ */ new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"children"
+]);
+var root = $.from_html(`<span><!></span>`);
+function Attachments$1($$anchor, $$props) {
+	$.push($$props, true);
+	injectComponentStyle("ai");
+	let rest = $.rest_props($$props, rest_excludes);
+	var span = root();
+	$.attribute_effect(span, () => ({
+		...rest,
+		"data-scope": "ai",
+		"data-part": "attachments"
+	}));
+	var node = $.child(span);
+	$.snippet(node, () => $$props.children ?? $.noop);
+	$.reset(span);
+	$.append($$anchor, span);
+	$.pop();
+}
+//#endregion
+//#region src/components/ai-attachments/index.ts
+const Attachment = Attachment$1;
+const Attachments = Attachments$1;
+//#endregion
+export { Attachments as n, Attachment as t };

package/dist/ai-message-DBs1fdFm.mjs

@@ -0,0 +1,36 @@
+import { injectComponentStyle } from "@bysages/core";
+import "svelte/internal/disclose-version";
+import * as $ from "svelte/internal/client";
+//#region src/components/ai-message/AiMessage.svelte
+var rest_excludes = /* @__PURE__ */ new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"role",
+	"children"
+]);
+var root = $.from_html(`<article><!></article>`);
+function AiMessage$1($$anchor, $$props) {
+	$.push($$props, true);
+	injectComponentStyle("ai");
+	let role = $.prop($$props, "role", 3, "assistant"), rest = $.rest_props($$props, rest_excludes);
+	var article = root();
+	$.attribute_effect(article, () => ({
+		...rest,
+		"data-scope": "ai",
+		"data-part": "message",
+		"data-role": role()
+	}));
+	var node = $.child(article);
+	$.snippet(node, () => $$props.children ?? $.noop);
+	$.reset(article);
+	$.append($$anchor, article);
+	$.pop();
+}
+//#endregion
+//#region src/components/ai-message/index.ts
+/** Whose stroke this is — the user's words sit in a recessed bubble,
+* the assistant speaks flat on the paper. */
+const AiMessage = AiMessage$1;
+//#endregion
+export { AiMessage as t };

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

@@ -0,0 +1,271 @@
+import { t as Button } from "./button-BCcX7lHq.mjs";
+import { Field } from "./components/field/index.mjs";
+import { n as MentionsVessel } from "./mentions-DjhgNRmY.mjs";
+import { t as useMentions } from "./use-mentions-DeF_38di.mjs";
+import { injectComponentStyle } from "@bysages/core";
+import "svelte/internal/disclose-version";
+import * as $ from "svelte/internal/client";
+//#region src/components/ai-prompt-input/AiPromptInput.svelte
+var rest_excludes = /* @__PURE__ */ new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"value",
+	"onValueChange",
+	"onSubmit",
+	"onStop",
+	"placeholder",
+	"disabled",
+	"busy",
+	"mentions",
+	"header",
+	"leading",
+	"trailing",
+	"footer",
+	"footerEnd"
+]);
+var root = $.from_svg(`<svg viewBox="0 0 16 16" width="14" height="14" aria-hidden="true"><rect x="4.5" y="4.5" width="7" height="7" fill="currentColor"></rect></svg>`);
+var root_1 = $.from_svg(`<svg viewBox="0 0 16 16" width="14" height="14" aria-hidden="true" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="square"><path d="M8 13V3M3.5 7.5 8 3l4.5 4.5"></path></svg>`);
+var root_2 = $.from_html(`<div data-scope="ai" data-part="prompt-header"><!></div>`);
+var root_3 = $.from_html(`<div data-scope="ai" data-part="prompt-leading"><!></div>`);
+var root_4 = $.from_html(`<div data-scope="ai" data-part="prompt-trailing"><!> <!></div>`);
+var root_5 = $.from_html(`<div data-scope="ai" data-part="prompt-footer"><!> <div data-scope="ai" data-part="prompt-end"><!> <!></div></div>`);
+var root_6 = $.from_html(`<form><!> <div data-scope="ai" data-part="prompt-main"><!> <!> <!> <!></div> <!></form>`);
+function AiPromptInput$1($$anchor, $$props) {
+	$.push($$props, true);
+	const seal = ($$anchor) => {
+		var fragment = $.comment();
+		var node = $.first_child(fragment);
+		var consequent = ($$anchor) => {
+			Button($$anchor, {
+				variant: "solid",
+				size: "sm",
+				square: true,
+				type: "button",
+				"aria-label": "Stop",
+				get disabled() {
+					return disabled();
+				},
+				onclick: () => $$props.onStop?.(),
+				children: ($$anchor, $$slotProps) => {
+					var svg = root();
+					$.append($$anchor, svg);
+				},
+				$$slots: { default: true }
+			});
+		};
+		var alternate = ($$anchor) => {
+			{
+				let $0 = $.derived(() => disabled() || !value().trim());
+				Button($$anchor, {
+					variant: "solid",
+					size: "sm",
+					square: true,
+					type: "submit",
+					"aria-label": "Send",
+					get disabled() {
+						return $.get($0);
+					},
+					children: ($$anchor, $$slotProps) => {
+						var svg_1 = root_1();
+						$.append($$anchor, svg_1);
+					},
+					$$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, ""), placeholder = $.prop($$props, "placeholder", 3, "Send a message"), disabled = $.prop($$props, "disabled", 3, false), busy = $.prop($$props, "busy", 3, false), rest = $.rest_props($$props, rest_excludes);
+	let textareaEl = $.state(null);
+	const mentionState = useMentions(() => ({
+		items: $$props.mentions?.items ?? [],
+		trigger: $$props.mentions?.trigger
+	}), () => $.get(textareaEl), {
+		getText: () => $.get(textareaEl)?.value ?? value(),
+		setText: (next) => {
+			value(next);
+			$$props.onValueChange?.(next);
+		}
+	});
+	const mentionsActive = $.derived(() => $$props.mentions != null);
+	function send() {
+		const text = value().trim();
+		if (!text || disabled() || busy()) return;
+		$$props.onSubmit?.(text);
+		value("");
+		$$props.onValueChange?.("");
+	}
+	const hasFooter = $.derived(() => $$props.footer != null);
+	var form = root_6();
+	var event_handler = (event) => {
+		event.preventDefault();
+		send();
+	};
+	$.attribute_effect(form, () => ({
+		...rest,
+		"data-scope": "ai",
+		"data-part": "prompt",
+		onsubmit: event_handler
+	}));
+	var node_1 = $.child(form);
+	var consequent_1 = ($$anchor) => {
+		var div = root_2();
+		var node_2 = $.child(div);
+		$.snippet(node_2, () => $$props.header);
+		$.reset(div);
+		$.append($$anchor, div);
+	};
+	$.if(node_1, ($$render) => {
+		if ($$props.header) $$render(consequent_1);
+	});
+	var div_1 = $.sibling(node_1, 2);
+	var node_3 = $.child(div_1);
+	var consequent_2 = ($$anchor) => {
+		var div_2 = root_3();
+		var node_4 = $.child(div_2);
+		$.snippet(node_4, () => $$props.leading);
+		$.reset(div_2);
+		$.append($$anchor, div_2);
+	};
+	$.if(node_3, ($$render) => {
+		if ($$props.leading) $$render(consequent_2);
+	});
+	var node_5 = $.sibling(node_3, 2);
+	$.component(node_5, () => Field.Root, ($$anchor, Field_Root) => {
+		Field_Root($$anchor, {
+			children: ($$anchor, $$slotProps) => {
+				var fragment_3 = $.comment();
+				var node_6 = $.first_child(fragment_3);
+				$.component(node_6, () => Field.Textarea, ($$anchor, Field_Textarea) => {
+					Field_Textarea($$anchor, {
+						autoresize: true,
+						rows: 1,
+						get placeholder() {
+							return placeholder();
+						},
+						get disabled() {
+							return disabled();
+						},
+						oninput: () => mentionState.onInput(),
+						onkeydown: (event) => {
+							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_3);
+			},
+			$$slots: { default: true }
+		});
+	});
+	var node_7 = $.sibling(node_5, 2);
+	var consequent_3 = ($$anchor) => {
+		MentionsVessel($$anchor, {
+			get open() {
+				return mentionState.open;
+			},
+			get matches() {
+				return mentionState.matches;
+			},
+			get active() {
+				return mentionState.active;
+			},
+			get anchor() {
+				return $.get(textareaEl);
+			},
+			get onInsert() {
+				return mentionState.insert;
+			},
+			onActiveChange: (index) => mentionState.active = index,
+			onOpenChange: (open) => {
+				if (!open) mentionState.close();
+			}
+		});
+	};
+	$.if(node_7, ($$render) => {
+		if ($.get(mentionsActive)) $$render(consequent_3);
+	});
+	var node_8 = $.sibling(node_7, 2);
+	var consequent_6 = ($$anchor) => {
+		var div_3 = root_4();
+		var node_9 = $.child(div_3);
+		var consequent_4 = ($$anchor) => {
+			var fragment_5 = $.comment();
+			var node_10 = $.first_child(fragment_5);
+			$.snippet(node_10, () => $$props.trailing);
+			$.append($$anchor, fragment_5);
+		};
+		$.if(node_9, ($$render) => {
+			if ($$props.trailing) $$render(consequent_4);
+		});
+		var node_11 = $.sibling(node_9, 2);
+		var consequent_5 = ($$anchor) => {
+			seal($$anchor);
+		};
+		$.if(node_11, ($$render) => {
+			if (!$.get(hasFooter)) $$render(consequent_5);
+		});
+		$.reset(div_3);
+		$.append($$anchor, div_3);
+	};
+	$.if(node_8, ($$render) => {
+		if (!$.get(hasFooter) || $$props.trailing) $$render(consequent_6);
+	});
+	$.reset(div_1);
+	var node_12 = $.sibling(div_1, 2);
+	var consequent_8 = ($$anchor) => {
+		var div_4 = root_5();
+		var node_13 = $.child(div_4);
+		$.snippet(node_13, () => $$props.footer);
+		var div_5 = $.sibling(node_13, 2);
+		var node_14 = $.child(div_5);
+		var consequent_7 = ($$anchor) => {
+			var fragment_7 = $.comment();
+			var node_15 = $.first_child(fragment_7);
+			$.snippet(node_15, () => $$props.footerEnd);
+			$.append($$anchor, fragment_7);
+		};
+		$.if(node_14, ($$render) => {
+			if ($$props.footerEnd) $$render(consequent_7);
+		});
+		var node_16 = $.sibling(node_14, 2);
+		seal(node_16);
+		$.reset(div_5);
+		$.reset(div_4);
+		$.append($$anchor, div_4);
+	};
+	$.if(node_12, ($$render) => {
+		if ($.get(hasFooter)) $$render(consequent_8);
+	});
+	$.reset(form);
+	$.append($$anchor, form);
+	$.pop();
+}
+//#endregion
+//#region 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 = AiPromptInput$1;
+//#endregion
+export { AiPromptInput as t };

package/dist/ai-reasoning-C4YsB2hQ.mjs

@@ -0,0 +1,77 @@
+import { Collapsible } from "./components/collapsible/index.mjs";
+import { t as ChevronIcon } from "./ChevronIcon-CVJJYda-.mjs";
+import { injectComponentStyle } from "@bysages/core";
+import "svelte/internal/disclose-version";
+import * as $ from "svelte/internal/client";
+//#region src/components/ai-reasoning/AiReasoning.svelte
+var rest_excludes = /* @__PURE__ */ new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"label",
+	"children"
+]);
+var root = $.from_html(`<span> </span> <!>`, 1);
+var root_1 = $.from_html(`<div data-scope="ai" data-part="reasoning-content"><!></div>`);
+var root_2 = $.from_html(`<!> <!>`, 1);
+function AiReasoning$1($$anchor, $$props) {
+	$.push($$props, true);
+	injectComponentStyle("ai");
+	let label = $.prop($$props, "label", 3, "Thinking"), rest = $.rest_props($$props, rest_excludes);
+	var fragment = $.comment();
+	var node = $.first_child(fragment);
+	$.component(node, () => Collapsible.Root, ($$anchor, Collapsible_Root) => {
+		Collapsible_Root($$anchor, $.spread_props(() => rest, {
+			"data-ai": "reasoning",
+			children: ($$anchor, $$slotProps) => {
+				var fragment_1 = root_2();
+				var node_1 = $.first_child(fragment_1);
+				$.component(node_1, () => Collapsible.Trigger, ($$anchor, Collapsible_Trigger) => {
+					Collapsible_Trigger($$anchor, {
+						children: ($$anchor, $$slotProps) => {
+							var fragment_2 = root();
+							var span = $.first_child(fragment_2);
+							var text = $.only_child(span, true);
+							var node_2 = $.sibling(span, 2);
+							$.component(node_2, () => Collapsible.Indicator, ($$anchor, Collapsible_Indicator) => {
+								Collapsible_Indicator($$anchor, {
+									children: ($$anchor, $$slotProps) => {
+										ChevronIcon($$anchor, {});
+									},
+									$$slots: { default: true }
+								});
+							});
+							$.template_effect(() => $.set_text(text, label()));
+							$.append($$anchor, fragment_2);
+						},
+						$$slots: { default: true }
+					});
+				});
+				var node_3 = $.sibling(node_1, 2);
+				$.component(node_3, () => Collapsible.Content, ($$anchor, Collapsible_Content) => {
+					Collapsible_Content($$anchor, {
+						children: ($$anchor, $$slotProps) => {
+							var div = root_1();
+							var node_4 = $.child(div);
+							$.snippet(node_4, () => $$props.children ?? $.noop);
+							$.reset(div);
+							$.append($$anchor, div);
+						},
+						$$slots: { default: true }
+					});
+				});
+				$.append($$anchor, fragment_1);
+			},
+			$$slots: { default: true }
+		}));
+	});
+	$.append($$anchor, fragment);
+	$.pop();
+}
+//#endregion
+//#region src/components/ai-reasoning/index.ts
+/** The model's thought, folded by the shared collapsible in its quiet
+* register. */
+const AiReasoning = AiReasoning$1;
+//#endregion
+export { AiReasoning as t };

package/dist/ai-response-D5IkRFMN.mjs

@@ -0,0 +1,146 @@
+import { injectComponentStyle } from "@bysages/core";
+import "svelte/internal/disclose-version";
+import * as $ from "svelte/internal/client";
+import { renderHtml } from "@tanstack/markdown/html";
+//#region src/components/ai-response/code-copy.ts
+/** The two glyphs a copy affordance needs: the stamp and its
+* confirmation. Inline SVG keeps the enhancement framework-agnostic —
+* it lives beside the renderer's generated code HTML. */
+const COPY_CODE_ICON = `<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect width="14" height="14" x="8" y="8" rx="2" ry="2"/><path d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"/></svg>`;
+const COPIED_CODE_ICON = `<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M20 6 9 17l-5-5"/></svg>`;
+/** How long the confirmation stays before the stamp returns. */
+const REVERT_MS = 1500;
+/** Make sure every fenced block under `host` carries its copy stamp.
+* The stamp anchors to a wrapper outside the scrolling `pre` — inside,
+* it would fix to the overflow area and travel out of view with the
+* code. The renderer rebuilds the markdown as one HTML string on every
+* stream tick, so this stays idempotent and cheap enough to re-run
+* after each patch. */
+function decorateCodeCopy(host, copyLabel) {
+	for (const pre of host.querySelectorAll("pre")) {
+		let body = pre.parentElement;
+		if (!body || body.getAttribute("data-part") !== "code-body") {
+			body = document.createElement("div");
+			body.setAttribute("data-scope", "ai");
+			body.setAttribute("data-part", "code-body");
+			pre.replaceWith(body);
+			body.appendChild(pre);
+		}
+		let button = body.querySelector("[data-part=\"code-copy\"]");
+		if (!button) {
+			button = document.createElement("button");
+			button.type = "button";
+			button.setAttribute("data-scope", "ai");
+			button.setAttribute("data-part", "code-copy");
+			button.innerHTML = COPY_CODE_ICON;
+			body.appendChild(button);
+		}
+		button.title = copyLabel;
+		button.setAttribute("aria-label", copyLabel);
+	}
+}
+/** The one delegated click for the whole response: copy the block's
+* text and confirm in place, then return the stamp after a beat. */
+async function clickCodeCopy(event, copyLabel, copiedLabel) {
+	const button = event.target?.closest("[data-part=\"code-copy\"]");
+	const pre = button?.closest("[data-part=\"code-body\"]")?.querySelector("pre");
+	if (!button || !pre) return;
+	await navigator.clipboard.writeText(pre.textContent ?? "");
+	button.innerHTML = COPIED_CODE_ICON;
+	button.setAttribute("data-state", "copied");
+	button.title = copiedLabel;
+	button.setAttribute("aria-label", copiedLabel);
+	setTimeout(() => {
+		if (!button.isConnected) return;
+		button.innerHTML = COPY_CODE_ICON;
+		button.removeAttribute("data-state");
+		button.title = copyLabel;
+		button.setAttribute("aria-label", copyLabel);
+	}, REVERT_MS);
+}
+//#endregion
+//#region 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
+* after every stream patch. */
+const lanes = /* @__PURE__ */ new Set();
+let laneObserver;
+/** A lane's verdict must follow its box — the panel around it can
+* resize at any moment, so each lane stays observed and re-decided
+* whenever its width changes. */
+function watchLane(lane) {
+	if (lanes.has(lane)) return;
+	lanes.add(lane);
+	laneObserver ??= new ResizeObserver(() => {
+		for (const lane of lanes) {
+			if (!lane.isConnected) {
+				laneObserver.unobserve(lane);
+				lanes.delete(lane);
+				continue;
+			}
+			lane.toggleAttribute("data-scrollable", lane.scrollWidth > lane.clientWidth);
+		}
+	});
+	laneObserver.observe(lane);
+}
+function wrapResponseTables(root) {
+	for (const table of root.querySelectorAll("table")) {
+		if (table.parentElement?.hasAttribute("data-table-scroll")) continue;
+		const lane = document.createElement("div");
+		lane.setAttribute("data-table-scroll", "");
+		table.replaceWith(lane);
+		lane.append(table);
+	}
+	for (const lane of root.querySelectorAll("[data-table-scroll]")) {
+		lane.toggleAttribute("data-scrollable", lane.scrollWidth > lane.clientWidth);
+		watchLane(lane);
+	}
+}
+//#endregion
+//#region src/components/ai-response/AiResponse.svelte
+var rest_excludes = /* @__PURE__ */ new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"content",
+	"highlighter",
+	"copyLabel",
+	"copiedLabel",
+	"onclick"
+]);
+var root_1 = $.from_html(`<div></div>`);
+function AiResponse$1($$anchor, $$props) {
+	$.push($$props, true);
+	injectComponentStyle("ai");
+	let copyLabel = $.prop($$props, "copyLabel", 3, "Copy code"), copiedLabel = $.prop($$props, "copiedLabel", 3, "Copied"), rest = $.rest_props($$props, rest_excludes);
+	const html = $.derived(() => renderHtml($$props.content, $$props.highlighter ? { highlighter: $$props.highlighter } : void 0));
+	let root;
+	$.user_effect(() => {
+		$.get(html);
+		if (root) decorateCodeCopy(root, copyLabel());
+		if (root) wrapResponseTables(root);
+	});
+	const handleClick = (event) => {
+		clickCodeCopy(event, copyLabel(), copiedLabel());
+		$$props.onclick?.(event);
+	};
+	var div = root_1();
+	$.attribute_effect(div, () => ({
+		...rest,
+		"data-scope": "ai",
+		"data-part": "response",
+		onclick: handleClick
+	}));
+	$.html(div, () => $.get(html), true);
+	$.reset(div);
+	$.bind_this(div, ($$value) => root = $$value, () => root);
+	$.append($$anchor, div);
+	$.pop();
+}
+//#endregion
+//#region src/components/ai-response/index.ts
+/** Markdown set on the paper — streaming-safe by construction. */
+const AiResponse = AiResponse$1;
+//#endregion
+export { AiResponse as t };