@juspay/svelte-ui-components 2.134.1 → 2.135.0

package/dist-wc/index.js

@@ -6752,7 +6752,7 @@ var root$65 = /* @__PURE__ */ from_html("<textarea></textarea>"), root_1$54 = /*
 function Input(e, t) {
 	let n = props_id();
 	push(t, !0), append_styles$1(e, $$css$63);
-	let i = prop(t, "value", 15, ""), a = prop(t, "placeholder", 7, ""), o = prop(t, "dataType", 7, "text"), s = prop(t, "label", 7, ""), c = prop(t, "onErrorMessage", 7, ""), l = prop(t, "infoMessage", 7, ""), u = prop(t, "validators", 23, () => []), d = prop(t, "disable", 7, !1), f = prop(t, "readonly", 7, !1), p = prop(t, "spellcheck", 7, null), m = prop(t, "validationPattern", 7, null), h = prop(t, "inProgressPattern", 7, null), g = prop(t, "addFocusColor", 7, !1), _ = prop(t, "maxLength", 7, 1e3), v = prop(t, "minLength", 7, 0), y = prop(t, "min", 7), b = prop(t, "max", 7), x = prop(t, "actionInput", 7, !1), S = prop(t, "useTextArea", 7, !1), C = prop(t, "autoComplete", 7, "on"), w = prop(t, "inputMode", 7), T = prop(t, "name", 7, ""), E = prop(t, "id", 7), D = prop(t, "testId", 7, ""), O = prop(t, "textTransformers", 23, () => []), k = prop(t, "textViewPresentation", 23, () => []), A = prop(t, "onFocus", 7, () => {}), j = prop(t, "onFocusout", 7, () => {}), M = prop(t, "onBlur", 7, () => {}), N = prop(t, "onInput", 7, () => {}), P = prop(t, "onPaste", 7, () => {}), F = prop(t, "onStateChange", 7, () => {}), I = prop(t, "onClick", 7, () => {}), L = prop(t, "onKeyDown", 7, () => {}), R = prop(t, "classes", 7), z = prop(t, "role", 7), B = prop(t, "ariaLabel", 7), V = prop(t, "ariaExpanded", 7), H = prop(t, "ariaAutocomplete", 7), U = prop(t, "ariaControls", 7), W = prop(t, "ariaActivedescendant", 7), G = prop(t, "leftIcon", 7), K = prop(t, "rightIcon", 7), q = prop(t, "onLeftIconClick", 7), J = prop(t, "onRightIconClick", 7), Y = prop(t, "leftIconLabel", 7, "Leading action"), X = prop(t, "rightIconLabel", 7, "Trailing action"), Z = prop(t, "mandatory", 7, !1), Q = prop(t, "forceError", 7, !1), ee = prop(t, "rows", 7), $ = prop(t, "autoResize", 7, !1), te = prop(t, "minRows", 7), ne = prop(t, "maxRows", 7), re = prop(t, "resize", 7, "none"), ie = prop(t, "showCount", 7, !1), ae = /* @__PURE__ */ user_derived(() => E() || (T() === "" ? n : `${T()}-${n}`)), oe = /* @__PURE__ */ user_derived(() => typeof s() == "string" && s() !== "" && !x());
+	let i = prop(t, "value", 15, ""), a = prop(t, "placeholder", 7, ""), o = prop(t, "dataType", 7, "text"), s = prop(t, "label", 7, ""), c = prop(t, "onErrorMessage", 7, ""), l = prop(t, "infoMessage", 7, ""), u = prop(t, "validators", 23, () => []), d = prop(t, "disable", 7, !1), f = prop(t, "readonly", 7, !1), p = prop(t, "spellcheck", 7, null), m = prop(t, "validationPattern", 7, null), h = prop(t, "inProgressPattern", 7, null), g = prop(t, "addFocusColor", 7, !1), _ = prop(t, "maxLength", 7, 1e3), v = prop(t, "minLength", 7, 0), y = prop(t, "min", 7), b = prop(t, "max", 7), x = prop(t, "actionInput", 7, !1), S = prop(t, "useTextArea", 7, !1), C = prop(t, "autoComplete", 7, "on"), w = prop(t, "inputMode", 7), T = prop(t, "name", 7, ""), E = prop(t, "id", 7), D = prop(t, "testId", 7, ""), O = prop(t, "textTransformers", 23, () => []), k = prop(t, "textViewPresentation", 23, () => []), A = prop(t, "onFocus", 7, () => {}), j = prop(t, "onFocusout", 7, () => {}), M = prop(t, "onBlur", 7, () => {}), N = prop(t, "onInput", 7, () => {}), P = prop(t, "onPaste", 7, () => {}), F = prop(t, "onStateChange", 7, () => {}), I = prop(t, "onClick", 7, () => {}), L = prop(t, "onKeyDown", 7, () => {}), R = prop(t, "classes", 7), z = prop(t, "role", 7), B = prop(t, "ariaLabel", 7), V = prop(t, "ariaExpanded", 7), H = prop(t, "ariaAutocomplete", 7), U = prop(t, "ariaControls", 7), W = prop(t, "ariaActivedescendant", 7), G = prop(t, "leftIcon", 7), K = prop(t, "rightIcon", 7), q = prop(t, "onLeftIconClick", 7), J = prop(t, "onRightIconClick", 7), Y = prop(t, "leftIconLabel", 7, "Leading action"), X = prop(t, "rightIconLabel", 7, "Trailing action"), Z = prop(t, "mandatory", 7, !1), Q = prop(t, "forceError", 7, !1), $ = prop(t, "rows", 7), ee = prop(t, "autoResize", 7, !1), te = prop(t, "minRows", 7), ne = prop(t, "maxRows", 7), re = prop(t, "resize", 7, "none"), ie = prop(t, "showCount", 7, !1), ae = /* @__PURE__ */ user_derived(() => E() || (T() === "" ? n : `${T()}-${n}`)), oe = /* @__PURE__ */ user_derived(() => typeof s() == "string" && s() !== "" && !x());
 	function se() {
 		try {
 			get(ue)?.focus(), get(ue)?.scrollIntoView({
@@ -6780,16 +6780,16 @@ function Input(e, t) {
 	user_effect(() => {
 		F()(get(de));
 	});
-	let fe = /* @__PURE__ */ user_derived(() => get(de) === "Invalid"), pe = /* @__PURE__ */ user_derived(() => get(fe) || Q()), me = /* @__PURE__ */ user_derived(() => `${get(ae)}-error`), he = /* @__PURE__ */ user_derived(() => c() != null && c() !== "" && get(pe) && !x()), ge = /* @__PURE__ */ user_derived(() => `${get(ae)}-info`), _e = /* @__PURE__ */ user_derived(() => l() !== "" && !x()), ve = /* @__PURE__ */ user_derived(() => [get(he) ? get(me) : null, get(_e) ? get(ge) : null].filter(Boolean).join(" ")), ye = /* @__PURE__ */ user_derived(() => typeof G() == "function"), be = /* @__PURE__ */ user_derived(() => typeof K() == "function"), xe = /* @__PURE__ */ user_derived(() => i()?.length ?? 0), Se = /* @__PURE__ */ user_derived(() => _() ?? 1e3), Ce = /* @__PURE__ */ user_derived(() => $() ? "none" : re());
+	let fe = /* @__PURE__ */ user_derived(() => get(de) === "Invalid"), pe = /* @__PURE__ */ user_derived(() => get(fe) || Q()), me = /* @__PURE__ */ user_derived(() => `${get(ae)}-error`), he = /* @__PURE__ */ user_derived(() => c() != null && c() !== "" && get(pe) && !x()), ge = /* @__PURE__ */ user_derived(() => `${get(ae)}-info`), _e = /* @__PURE__ */ user_derived(() => l() !== "" && !x()), ve = /* @__PURE__ */ user_derived(() => [get(he) ? get(me) : null, get(_e) ? get(ge) : null].filter(Boolean).join(" ")), ye = /* @__PURE__ */ user_derived(() => typeof G() == "function"), be = /* @__PURE__ */ user_derived(() => typeof K() == "function"), xe = /* @__PURE__ */ user_derived(() => i()?.length ?? 0), Se = /* @__PURE__ */ user_derived(() => _() ?? 1e3), Ce = /* @__PURE__ */ user_derived(() => ee() ? "none" : re());
 	function we() {
 		let e = get(ue);
-		if (!e || !S() || !$()) return;
+		if (!e || !S() || !ee()) return;
 		e.style.height = "auto";
-		let t = window.getComputedStyle(e), n = parseFloat(t.lineHeight) || 20, i = parseFloat(t.paddingTop) + parseFloat(t.paddingBottom), a = parseFloat(t.borderTopWidth) + parseFloat(t.borderBottomWidth), o = (te() ?? ee() ?? 2) * n + i + a, s = ne() == null ? Infinity : ne() * n + i + a, c = parseFloat(t.maxHeight), l = Math.min(s, Number.isFinite(c) ? c : Infinity), u = Math.min(Math.max(e.scrollHeight, o), l);
+		let t = window.getComputedStyle(e), n = parseFloat(t.lineHeight) || 20, i = parseFloat(t.paddingTop) + parseFloat(t.paddingBottom), a = parseFloat(t.borderTopWidth) + parseFloat(t.borderBottomWidth), o = (te() ?? $() ?? 2) * n + i + a, s = ne() == null ? Infinity : ne() * n + i + a, c = parseFloat(t.maxHeight), l = Math.min(s, Number.isFinite(c) ? c : Infinity), u = Math.min(Math.max(e.scrollHeight, o), l);
 		e.style.height = `${u}px`, e.style.overflowY = e.scrollHeight > l ? "auto" : "hidden";
 	}
 	user_effect(() => {
-		i(), S() && $() && we();
+		i(), S() && ee() && we();
 	});
 	function Te(e) {
 		if (get(ue) === null) return;
@@ -7131,16 +7131,16 @@ function Input(e, t) {
 			Q(e), flushSync();
 		},
 		get rows() {
-			return ee();
+			return $();
 		},
 		set rows(e) {
-			ee(e), flushSync();
+			$(e), flushSync();
 		},
 		get autoResize() {
-			return $();
+			return ee();
 		},
 		set autoResize(e = !1) {
-			$(e), flushSync();
+			ee(e), flushSync();
 		},
 		get minRows() {
 			return te();
@@ -7175,7 +7175,7 @@ function Input(e, t) {
 				remove_textarea_child(t);
 				let n, s;
 				bind_this(t, (e) => set(ue, e), () => get(ue)), template_effect(() => {
-					set_attribute(t, "id", get(ae)), set_value(t, i()), set_attribute(t, "placeholder", a()), set_attribute(t, "aria-label", get(oe) ? null : B() ?? null), set_attribute(t, "autocomplete", C()), set_attribute(t, "inputmode", w()), set_attribute(t, "name", T()), set_attribute(t, "role", z()), set_attribute(t, "aria-expanded", V()), set_attribute(t, "aria-autocomplete", H()), set_attribute(t, "aria-controls", U()), set_attribute(t, "aria-activedescendant", W()), set_attribute(t, "aria-required", Z() || null), set_attribute(t, "aria-invalid", get(pe) ? "true" : null), set_attribute(t, "aria-describedby", get(ve) || null), t.required = Z() || null, set_attribute(t, "data-pw", D()), set_attribute(t, "testid", D()), n = set_style(t, `--focus-border: ${+!!g()}px;`, n, { resize: get(Ce) }), set_attribute(t, "rows", ee() ?? null), t.disabled = d(), t.readOnly = f() || null, set_attribute(t, "spellcheck", p()), set_attribute(t, "maxlength", o() === "tel" ? null : _()), set_attribute(t, "minlength", v()), s = set_class(t, 1, "svelte-1h0c2oe", null, s, { "action-input": x() });
+					set_attribute(t, "id", get(ae)), set_value(t, i()), set_attribute(t, "placeholder", a()), set_attribute(t, "aria-label", get(oe) ? null : B() ?? null), set_attribute(t, "autocomplete", C()), set_attribute(t, "inputmode", w()), set_attribute(t, "name", T()), set_attribute(t, "role", z()), set_attribute(t, "aria-expanded", V()), set_attribute(t, "aria-autocomplete", H()), set_attribute(t, "aria-controls", U()), set_attribute(t, "aria-activedescendant", W()), set_attribute(t, "aria-required", Z() || null), set_attribute(t, "aria-invalid", get(pe) ? "true" : null), set_attribute(t, "aria-describedby", get(ve) || null), t.required = Z() || null, set_attribute(t, "data-pw", D()), set_attribute(t, "testid", D()), n = set_style(t, `--focus-border: ${+!!g()}px;`, n, { resize: get(Ce) }), set_attribute(t, "rows", $() ?? null), t.disabled = d(), t.readOnly = f() || null, set_attribute(t, "spellcheck", p()), set_attribute(t, "maxlength", o() === "tel" ? null : _()), set_attribute(t, "minlength", v()), s = set_class(t, 1, "svelte-1h0c2oe", null, s, { "action-input": x() });
 				}), event("focus", t, function(...e) {
 					A()?.apply(this, e);
 				}), delegated("focusout", t, Oe), delegated("input", t, Te), event("paste", t, Ee), delegated("click", t, function(...e) {
@@ -12253,14 +12253,14 @@ function ListItem(e, t) {
 		if_block(Z, (e) => {
 			typeof a() == "string" && a().length > 0 && e(Q);
 		});
-		var ee = sibling(Z, 2), $ = (e) => {
+		var $ = sibling(Z, 2), ee = (e) => {
 			var t = root_4$21();
 			Loader(child(t), {}), reset(t), append(e, t);
 		};
-		if_block(ee, (e) => {
-			h() && e($);
+		if_block($, (e) => {
+			h() && e(ee);
 		});
-		var te = sibling(ee, 2), ne = (e) => {
+		var te = sibling($, 2), ne = (e) => {
 			var t = root_5$17(), n = child(t, !0);
 			reset(t), template_effect(() => set_text(n, c())), append(e, t);
 		};
@@ -12693,7 +12693,7 @@ function Menu(e, t) {
 		set usePortal(e = !1) {
 			v(e), flushSync();
 		}
-	}, Z = root_6$15(), Q = child(Z), ee = (e) => {
+	}, Z = root_6$15(), Q = child(Z), $ = (e) => {
 		var t = root$36(), n = child(t), a = (e) => {
 			var t = comment();
 			snippet(first_child(t), o, () => ({
@@ -12706,7 +12706,7 @@ function Menu(e, t) {
 		if_block(n, (e) => {
 			typeof o() == "function" && e(a);
 		}), reset(t), bind_this(t, (e) => set(S, e), () => get(S)), append(e, t);
-	}, $ = (e) => {
+	}, ee = (e) => {
 		var t = root_1$32(), n = child(t), a = (e) => {
 			var t = comment();
 			snippet(first_child(t), o, () => ({
@@ -12723,7 +12723,7 @@ function Menu(e, t) {
 		}), delegated("click", t, R), delegated("keydown", t, G), append(e, t);
 	};
 	if_block(Q, (e) => {
-		s() ? e(ee) : e($, -1);
+		s() ? e($) : e(ee, -1);
 	});
 	var te = sibling(Q, 2), ne = (e) => {
 		var t = root_5$16();
@@ -14005,11 +14005,11 @@ function Select(e, t) {
 	async function Q() {
 		c() || x() || (x(!0), v()?.(), set(A, -1), set(k, ""), o() && (await tick(), get(M) !== null && get(M).focus()));
 	}
-	function ee() {
+	function $() {
 		x(!1), y()?.(), set(k, ""), set(A, -1);
 	}
-	function $(e) {
-		c() || (a() ? i(i().includes(e) ? i().filter((t) => t !== e) : [...i(), e]) : (i([e]), ee()), _()?.(i()));
+	function ee(e) {
+		c() || (a() ? i(i().includes(e) ? i().filter((t) => t !== e) : [...i(), e]) : (i([e]), $()), _()?.(i()));
 	}
 	function te(e) {
 		c() || (i(i().filter((t) => t !== e)), _()?.(i()));
@@ -14020,7 +14020,7 @@ function Select(e, t) {
 	function re() {
 		if (get(A) < 0 || get(A) >= get(K).length) return;
 		let e = get(K).at(get(A));
-		typeof e != "object" || !e || (e.kind === "select-all" ? ne() : $(e.item.id));
+		typeof e != "object" || !e || (e.kind === "select-all" ? ne() : ee(e.item.id));
 	}
 	async function ie(e) {
 		let t = get(A) + e;
@@ -14034,7 +14034,7 @@ function Select(e, t) {
 			x() || Q();
 			return;
 		}
-		x() ? ee() : Q();
+		x() ? $() : Q();
 	}
 	function oe(e) {
 		if (!c()) switch (e.key) {
@@ -14051,7 +14051,7 @@ function Select(e, t) {
 				e.preventDefault(), ie(-1);
 				break;
 			case "Escape":
-				x() && (ee(), !o() && get(N) !== null && get(N).focus());
+				x() && ($(), !o() && get(N) !== null && get(N).focus());
 				break;
 			case "Backspace":
 				if (a() && get(k) === "" && i().length > 0) {
@@ -14060,7 +14060,7 @@ function Select(e, t) {
 				}
 				break;
 			case "Tab":
-				x() && ee();
+				x() && $();
 				break;
 		}
 	}
@@ -14071,7 +14071,7 @@ function Select(e, t) {
 		x() || Q();
 	}
 	function le(e) {
-		e.target instanceof Node && get(j) !== null && !get(j).contains(e.target) && !(get(P) !== null && get(P).contains(e.target)) && ee();
+		e.target instanceof Node && get(j) !== null && !get(j).contains(e.target) && !(get(P) !== null && get(P).contains(e.target)) && $();
 	}
 	onMount(() => (document.addEventListener("click", le), () => {
 		document.removeEventListener("click", le), x() && y()?.();
@@ -14387,7 +14387,7 @@ function Select(e, t) {
 					var l = sibling(o);
 					reset(t), template_effect(() => set_text(l, ` ${f() ?? ""}`)), append(e, t);
 				}, l = (e) => {
-					var o = root_10$8(), s = () => $(get(t).item.id), c = () => set(A, get(n), !0);
+					var o = root_10$8(), s = () => ee(get(t).item.id), c = () => set(A, get(n), !0);
 					attribute_effect(o, (e, i) => ({
 						class: "select-option",
 						role: "option",
@@ -15275,7 +15275,7 @@ var normalizeColumns = (e, t) => ({
 		})),
 		rest: n.length - i.length
 	};
-}, trend_up_default = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\" fill=\"none\">\n  <path d=\"M2 11.5L6.5 7L9 9.5L14 4.5\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n  <path d=\"M9.5 4.5H14V9\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</svg>\n", trend_down_default = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\" fill=\"none\">\n  <path d=\"M2 4.5L6.5 9L9 6.5L14 11.5\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n  <path d=\"M9.5 11.5H14V7\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</svg>\n", dots_vertical_default = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\" fill=\"none\">\n  <circle cx=\"8\" cy=\"3\" r=\"1.5\" fill=\"currentColor\"/>\n  <circle cx=\"8\" cy=\"8\" r=\"1.5\" fill=\"currentColor\"/>\n  <circle cx=\"8\" cy=\"13\" r=\"1.5\" fill=\"currentColor\"/>\n</svg>\n", root$26 = /* @__PURE__ */ from_html("<div><span class=\"builtin-primary-text svelte-4boxsj\"> </span> <!></div>"), root_1$24 = /* @__PURE__ */ from_html("<div><span class=\"builtin-primary-text svelte-4boxsj\"> </span> <span class=\"builtin-secondary-text svelte-4boxsj\"> </span></div>"), root_2$19 = /* @__PURE__ */ from_html("<span class=\"builtin-icon-label-icon svelte-4boxsj\"><!></span>"), root_3$17 = /* @__PURE__ */ from_html("<div><!> <span> </span></div>"), root_4$14 = /* @__PURE__ */ from_html("<span class=\"builtin-thumb svelte-4boxsj\"><!></span>"), root_5$12 = /* @__PURE__ */ from_html("<span class=\"builtin-thumb builtin-thumb-placeholder svelte-4boxsj\"> </span>"), root_6$12 = /* @__PURE__ */ from_html("<div><!> <div><span class=\"builtin-primary-text svelte-4boxsj\"> </span> <span class=\"builtin-secondary-text svelte-4boxsj\"> </span></div></div>"), root_7$11 = /* @__PURE__ */ from_html("<div></div>"), root_8$10 = /* @__PURE__ */ from_html("<span class=\"builtin-avatar-rest svelte-4boxsj\"> </span>"), root_9$8 = /* @__PURE__ */ from_html("<div><!> <!></div>"), root_10$7 = /* @__PURE__ */ from_html("<span class=\"builtin-primary-text svelte-4boxsj\"> </span>"), root_11$6 = /* @__PURE__ */ from_html("<span class=\"builtin-secondary-text svelte-4boxsj\"> </span>"), root_12$6 = /* @__PURE__ */ from_html("<span class=\"builtin-trend builtin-trend-up svelte-4boxsj\"><span class=\"builtin-trend-icon svelte-4boxsj\"></span> </span>"), root_13$6 = /* @__PURE__ */ from_html("<span class=\"builtin-trend builtin-trend-down svelte-4boxsj\"><span class=\"builtin-trend-icon svelte-4boxsj\"></span> </span>"), root_14$6 = /* @__PURE__ */ from_html("<span class=\"builtin-trend builtin-trend-flat svelte-4boxsj\">↔ 0%</span>"), root_15$6 = /* @__PURE__ */ from_html("<span class=\"builtin-trend builtin-trend-flat svelte-4boxsj\"> </span>"), root_16$5 = /* @__PURE__ */ from_html("<div><!> <!> <!></div>"), root_17$4 = /* @__PURE__ */ from_html("<span class=\"builtin-toggle svelte-4boxsj\" role=\"switch\"><!></span>"), root_18$4 = /* @__PURE__ */ from_html("<span class=\"builtin-interactive svelte-4boxsj\"><!></span>"), root_19$4 = /* @__PURE__ */ from_html("<img class=\"builtin-input-icon svelte-4boxsj\" alt=\"\"/>"), root_20$3 = /* @__PURE__ */ from_html("<img class=\"builtin-button-icon svelte-4boxsj\" alt=\"\"/>"), root_21$3 = /* @__PURE__ */ from_html("<span><!></span>"), root_22$3 = /* @__PURE__ */ from_html("<span class=\"builtin-menu-dots svelte-4boxsj\"></span>"), root_23$3 = /* @__PURE__ */ from_html("<span class=\"builtin-icon-button svelte-4boxsj\"><!></span>"), root_24$3 = /* @__PURE__ */ from_html("<span class=\"builtin-interactive builtin-action-group svelte-4boxsj\"><!> <!></span>"), root_25$2 = /* @__PURE__ */ from_html("<span class=\"builtin-copy-icon svelte-4boxsj\"></span>"), root_26$1 = /* @__PURE__ */ from_html("<span class=\"builtin-link-copied svelte-4boxsj\">Copied</span>"), root_27$1 = /* @__PURE__ */ from_html("<span class=\"builtin-link-copy svelte-4boxsj\"><!></span> <!>", 1), root_28$1 = /* @__PURE__ */ from_html("<div class=\"builtin-link svelte-4boxsj\"><a target=\"_blank\" rel=\"noopener noreferrer\" class=\"builtin-link-anchor svelte-4boxsj\"> </a> <!></div>"), $$css$27 = {
+}, trend_up_default = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\" fill=\"none\">\n  <path d=\"M2 11.5L6.5 7L9 9.5L14 4.5\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n  <path d=\"M9.5 4.5H14V9\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</svg>\n", trend_down_default = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\" fill=\"none\">\n  <path d=\"M2 4.5L6.5 9L9 6.5L14 11.5\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n  <path d=\"M9.5 11.5H14V7\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</svg>\n", dots_vertical_default = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\" fill=\"none\">\n  <circle cx=\"8\" cy=\"3\" r=\"1.5\" fill=\"currentColor\"/>\n  <circle cx=\"8\" cy=\"8\" r=\"1.5\" fill=\"currentColor\"/>\n  <circle cx=\"8\" cy=\"13\" r=\"1.5\" fill=\"currentColor\"/>\n</svg>\n", root$26 = /* @__PURE__ */ from_html("<div><span class=\"builtin-primary-text svelte-4boxsj\"> </span> <!></div>"), root_1$24 = /* @__PURE__ */ from_html("<div><span class=\"builtin-primary-text svelte-4boxsj\"> </span> <span class=\"builtin-secondary-text svelte-4boxsj\"> </span></div>"), root_2$19 = /* @__PURE__ */ from_html("<span class=\"builtin-icon-label-icon svelte-4boxsj\"><!></span>"), root_3$17 = /* @__PURE__ */ from_html("<div><!> <span> </span></div>"), root_4$14 = /* @__PURE__ */ from_html("<span class=\"builtin-thumb svelte-4boxsj\"><!></span>"), root_5$12 = /* @__PURE__ */ from_html("<span class=\"builtin-thumb builtin-thumb-placeholder svelte-4boxsj\"> </span>"), root_6$12 = /* @__PURE__ */ from_html("<div><!> <div><span class=\"builtin-primary-text svelte-4boxsj\"> </span> <span class=\"builtin-secondary-text svelte-4boxsj\"> </span></div></div>"), root_7$11 = /* @__PURE__ */ from_html("<div></div>"), root_8$10 = /* @__PURE__ */ from_html("<span class=\"builtin-avatar-rest svelte-4boxsj\"> </span>"), root_9$8 = /* @__PURE__ */ from_html("<div><!> <!></div>"), root_10$7 = /* @__PURE__ */ from_html("<span class=\"builtin-primary-text svelte-4boxsj\"> </span>"), root_11$6 = /* @__PURE__ */ from_html("<span class=\"builtin-secondary-text svelte-4boxsj\"> </span>"), root_12$6 = /* @__PURE__ */ from_html("<span class=\"builtin-trend builtin-trend-up svelte-4boxsj\"><span class=\"builtin-trend-icon svelte-4boxsj\"></span> </span>"), root_13$6 = /* @__PURE__ */ from_html("<span class=\"builtin-trend builtin-trend-down svelte-4boxsj\"><span class=\"builtin-trend-icon svelte-4boxsj\"></span> </span>"), root_14$6 = /* @__PURE__ */ from_html("<span class=\"builtin-trend builtin-trend-flat svelte-4boxsj\">↔ 0%</span>"), root_15$6 = /* @__PURE__ */ from_html("<span class=\"builtin-trend builtin-trend-flat svelte-4boxsj\"> </span>"), root_16$5 = /* @__PURE__ */ from_html("<div><!> <!> <!></div>"), root_17$4 = /* @__PURE__ */ from_html("<span class=\"builtin-toggle svelte-4boxsj\" role=\"switch\"><!></span>"), root_18$4 = /* @__PURE__ */ from_html("<span class=\"builtin-interactive svelte-4boxsj\"><!></span>"), root_19$4 = /* @__PURE__ */ from_html("<img class=\"builtin-input-icon svelte-4boxsj\" alt=\"\"/>"), root_20$3 = /* @__PURE__ */ from_html("<img class=\"builtin-button-icon svelte-4boxsj\" alt=\"\"/>"), root_21$3 = /* @__PURE__ */ from_html("<span><!></span>"), root_22$3 = /* @__PURE__ */ from_html("<span class=\"builtin-menu-dots svelte-4boxsj\"></span>"), root_23$3 = /* @__PURE__ */ from_html("<span class=\"builtin-icon-button svelte-4boxsj\"><!></span>"), root_24$3 = /* @__PURE__ */ from_html("<span class=\"builtin-interactive builtin-action-group svelte-4boxsj\"><!> <!></span>"), root_25$2 = /* @__PURE__ */ from_html("<span class=\"builtin-copy-icon svelte-4boxsj\"></span>"), root_26$2 = /* @__PURE__ */ from_html("<span class=\"builtin-link-copied svelte-4boxsj\">Copied</span>"), root_27$1 = /* @__PURE__ */ from_html("<span class=\"builtin-link-copy svelte-4boxsj\"><!></span> <!>", 1), root_28$1 = /* @__PURE__ */ from_html("<div class=\"builtin-link svelte-4boxsj\"><a target=\"_blank\" rel=\"noopener noreferrer\" class=\"builtin-link-anchor svelte-4boxsj\"> </a> <!></div>"), $$css$27 = {
 	hash: "svelte-4boxsj",
 	code: ".builtin-primary-text.svelte-4boxsj {display:block;font-size:var(--table-cell-primary-font-size, var(--table-content-font-size, 14px));color:var(--table-cell-primary-color, var(--table-content-color, #111827));}.builtin-secondary-text.svelte-4boxsj {display:block;font-size:var(--table-cell-secondary-font-size, 12px);color:var(--table-cell-secondary-color, #6b7280);}.builtin-two-line.svelte-4boxsj,\n  .builtin-compare.svelte-4boxsj {display:flex;flex-direction:column;gap:var(--table-cell-line-gap, 2px);}\n\n  /* column.align lands on the td as text-align, which flex layouts ignore.\n     Column-flex builtins follow it via align-items… */.builtin-two-line.builtin-align-end.svelte-4boxsj,\n  .builtin-compare.builtin-align-end.svelte-4boxsj {align-items:flex-end;}.builtin-two-line.builtin-align-center.svelte-4boxsj,\n  .builtin-compare.builtin-align-center.svelte-4boxsj {align-items:center;}\n\n  /* …and row-flex builtins follow it via justify-content. */.builtin-text-tag.builtin-align-end.svelte-4boxsj,\n  .builtin-icon-label.builtin-align-end.svelte-4boxsj,\n  .builtin-image-two-line.builtin-align-end.svelte-4boxsj,\n  .builtin-tag-array.builtin-align-end.svelte-4boxsj,\n  .builtin-avatar-stack.builtin-align-end.svelte-4boxsj {justify-content:flex-end;}.builtin-text-tag.builtin-align-center.svelte-4boxsj,\n  .builtin-icon-label.builtin-align-center.svelte-4boxsj,\n  .builtin-image-two-line.builtin-align-center.svelte-4boxsj,\n  .builtin-tag-array.builtin-align-center.svelte-4boxsj,\n  .builtin-avatar-stack.builtin-align-center.svelte-4boxsj {justify-content:center;}.builtin-text-tag.svelte-4boxsj {display:flex;align-items:center;gap:var(--table-cell-inline-gap, 8px);}.builtin-icon-label.svelte-4boxsj {display:flex;align-items:center;gap:var(--table-cell-inline-gap, 8px);}.builtin-icon-label-icon.svelte-4boxsj img,\n  .builtin-icon-label-icon.svelte-4boxsj svg {width:var(--table-cell-icon-size, 16px);height:var(--table-cell-icon-size, 16px);color:var(--table-cell-icon-color, inherit);display:block;}.builtin-image-two-line.svelte-4boxsj {display:flex;align-items:center;gap:var(--table-cell-inline-gap, 8px);}.builtin-thumb.svelte-4boxsj {display:inline-flex;width:var(--table-cell-thumb-size, 32px);height:var(--table-cell-thumb-size, 32px);border-radius:var(--table-cell-thumb-radius, var(--radius, 4px));overflow:hidden;flex-shrink:0;}.builtin-thumb.svelte-4boxsj img {width:100%;height:100%;object-fit:cover;}.builtin-thumb-placeholder.svelte-4boxsj {display:flex;align-items:center;justify-content:center;background-color:var(--table-cell-thumb-placeholder-background, #f3f4f6);color:var(--table-cell-thumb-placeholder-color, #6b7280);font-size:var(--table-cell-thumb-placeholder-font-size, 14px);font-weight:600;line-height:1;text-transform:uppercase;}.builtin-tag-array.svelte-4boxsj {display:flex;flex-wrap:wrap;gap:var(--table-tag-array-gap, 4px);}.builtin-avatar-stack.svelte-4boxsj {display:flex;align-items:center;gap:var(--table-cell-inline-gap, 8px);}.builtin-avatar-rest.svelte-4boxsj {font-size:var(--table-cell-secondary-font-size, 12px);color:var(--table-cell-secondary-color, #6b7280);}.builtin-trend.svelte-4boxsj {display:inline-flex;align-items:center;gap:var(--table-trend-gap, 4px);font-size:var(--table-cell-secondary-font-size, 12px);}.builtin-trend-up.svelte-4boxsj {color:var(--table-trend-up-color, #16a34a);}.builtin-trend-down.svelte-4boxsj {color:var(--table-trend-down-color, #dc2626);}.builtin-trend-flat.svelte-4boxsj {color:var(--table-trend-flat-color, #6b7280);}.builtin-trend-icon.svelte-4boxsj svg {width:var(--table-trend-icon-size, 12px);height:var(--table-trend-icon-size, 12px);display:block;}.builtin-toggle.svelte-4boxsj {display:inline-flex;align-items:center;}.builtin-interactive.svelte-4boxsj {display:inline-flex;align-items:center;min-width:0;width:var(--table-interactive-width, auto);}.builtin-input-icon.svelte-4boxsj {display:block;width:var(--table-cell-input-icon-size, 16px);height:var(--table-cell-input-icon-size, 16px);}.builtin-button-icon.svelte-4boxsj {display:block;width:var(--table-cell-icon-size, 16px);height:var(--table-cell-icon-size, 16px);}.builtin-action-group.svelte-4boxsj {gap:var(--table-cell-inline-gap, 8px);}.builtin-icon-button.svelte-4boxsj {--button-color: transparent;--button-border: none;--button-padding: 2px;--button-margin: 0;--button-width: fit-content;--button-height: fit-content;--button-text-color: var(--table-cell-icon-button-color, #6b7280);--button-hover-color: var(--table-cell-icon-button-hover-background, rgba(0, 0, 0, 0.05));display:inline-flex;}.builtin-menu-dots.svelte-4boxsj svg {width:var(--table-cell-icon-size, 16px);height:var(--table-cell-icon-size, 16px);display:block;}.builtin-link.svelte-4boxsj {display:flex;align-items:center;gap:var(--table-cell-inline-gap, 8px);min-width:0;}.builtin-link-anchor.svelte-4boxsj {color:var(--table-link-color, #2563eb);text-decoration:var(--table-link-decoration, underline);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;}.builtin-link-copy.svelte-4boxsj {--button-color: transparent;--button-border: none;--button-padding: 2px;--button-margin: 0;--button-width: fit-content;--button-height: fit-content;--button-text-color: var(--table-link-copy-color, #6b7280);--button-hover-color: var(--table-link-copy-hover-background, rgba(0, 0, 0, 0.05));display:inline-flex;flex-shrink:0;}.builtin-copy-icon.svelte-4boxsj svg {width:var(--table-cell-icon-size, 16px);height:var(--table-cell-icon-size, 16px);display:block;}.builtin-link-copied.svelte-4boxsj {font-size:var(--table-cell-secondary-font-size, 12px);color:var(--table-cell-secondary-color, #6b7280);flex-shrink:0;}"
 };
@@ -15925,7 +15925,7 @@ function BuiltinCell(e, t) {
 				}
 				reset(o);
 				var c = sibling(o, 2), u = (e) => {
-					var t = root_26$1();
+					var t = root_26$2();
 					template_effect(() => {
 						set_attribute(t, "data-pw", n().testId ? `${n().testId}-link-copied` : null), set_attribute(t, "testid", n().testId ? `${n().testId}-link-copied` : null);
 					}), append(e, t);
@@ -15963,7 +15963,7 @@ delegate(["click", "keydown"]), create_custom_element(BuiltinCell, {
 }, [], [], { mode: "open" });
 //#endregion
 //#region src/lib/assets/sort-default.svg?raw
-var sort_default_default = "<svg width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n  <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M5.64645 1.64645C5.84171 1.45118 6.15829 1.45118 6.35355 1.64645L8.85355 4.14645C9.04882 4.34171 9.04882 4.65829 8.85355 4.85355C8.65829 5.04882 8.34171 5.04882 8.14645 4.85355L6 2.70711L3.85355 4.85355C3.65829 5.04882 3.34171 5.04882 3.14645 4.85355C2.95118 4.65829 2.95118 4.34171 3.14645 4.14645L5.64645 1.64645Z\" fill=\"currentColor\"/>\n  <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M3.14645 7.14645C3.34171 6.95118 3.65829 6.95118 3.85355 7.14645L6 9.29289L8.14645 7.14645C8.34171 6.95118 8.65829 6.95118 8.85355 7.14645C9.04882 7.34171 9.04882 7.65829 8.85355 7.85355L6.35355 10.3536C6.15829 10.5488 5.84171 10.5488 5.64645 10.3536L3.14645 7.85355C2.95118 7.65829 2.95118 7.34171 3.14645 7.14645Z\" fill=\"currentColor\"/>\n</svg>\n", root$25 = /* @__PURE__ */ from_html("<div class=\"table-title svelte-171ci2i\"> </div>"), root_1$23 = /* @__PURE__ */ from_html("<button class=\"table-search-clear svelte-171ci2i\" type=\"button\" aria-label=\"Clear search\"></button>"), root_2$18 = /* @__PURE__ */ from_html("<div class=\"table-search svelte-171ci2i\"><span class=\"table-search-icon svelte-171ci2i\"></span> <input class=\"table-search-input svelte-171ci2i\" type=\"search\" autocomplete=\"off\"/> <!></div>"), root_3$16 = /* @__PURE__ */ from_html("<div class=\"table-toolbar svelte-171ci2i\"><!></div>"), root_4$13 = /* @__PURE__ */ from_html("<caption class=\"sr-only svelte-171ci2i\"> </caption>"), root_5$11 = /* @__PURE__ */ from_html("<span class=\"table-checkbox-icon svelte-171ci2i\"></span>"), root_6$11 = /* @__PURE__ */ from_html("<th><span><!></span></th>"), root_7$10 = /* @__PURE__ */ from_html("<th></th>"), root_8$9 = /* @__PURE__ */ from_html("<th> </th>"), root_9$7 = /* @__PURE__ */ from_html("<span> </span>"), root_10$6 = /* @__PURE__ */ from_html("<span class=\"table-header-filter-icon svelte-171ci2i\"></span>"), root_11$5 = /* @__PURE__ */ from_html("<span><!></span>"), root_12$5 = /* @__PURE__ */ from_html("<span class=\"table-header-filter svelte-171ci2i\"><!></span>"), root_13$5 = /* @__PURE__ */ from_html("<span class=\"sort-icon sort-icon-asc\"></span>"), root_14$5 = /* @__PURE__ */ from_html("<span class=\"sort-icon sort-icon-desc\"></span>"), root_15$5 = /* @__PURE__ */ from_html("<span class=\"sort-icon sort-icon-idle\"></span>"), root_16$4 = /* @__PURE__ */ from_html("<div class=\"sort-button svelte-171ci2i\"><!></div>"), root_17$3 = /* @__PURE__ */ from_html("<!> <span class=\"table-inline-search-clear svelte-171ci2i\"><!></span>", 1), root_18$3 = /* @__PURE__ */ from_html("<span class=\"table-inline-search-trigger svelte-171ci2i\"><!></span>"), root_19$3 = /* @__PURE__ */ from_html("<span class=\"table-header-inline-search svelte-171ci2i\"><!></span>"), root_20$2 = /* @__PURE__ */ from_html("<th><span class=\"table-header-content svelte-171ci2i\"><!> <!> <!> <!></span></th>"), root_21$2 = /* @__PURE__ */ from_html("<tr><td class=\"table-empty svelte-171ci2i\"><!></td></tr>"), root_22$2 = /* @__PURE__ */ from_html("<td class=\"table-content table-checkbox-col svelte-171ci2i\"><span><!></span></td>"), root_23$2 = /* @__PURE__ */ from_html("<td class=\"table-content table-row-number-col svelte-171ci2i\"> </td>"), root_24$2 = /* @__PURE__ */ from_html("<td><div><!></div></td>"), root_25$1 = /* @__PURE__ */ from_html("<tr><!><!><!></tr>"), root_26 = /* @__PURE__ */ from_html("<div class=\"table-footer svelte-171ci2i\"><!></div>"), root_27 = /* @__PURE__ */ from_html("<span class=\"table-paginator-size svelte-171ci2i\"><!></span>"), root_28 = /* @__PURE__ */ from_html("<div class=\"table-footer table-paginator svelte-171ci2i\"><span class=\"table-paginator-range svelte-171ci2i\"> </span> <span class=\"table-paginator-controls svelte-171ci2i\"><!> <!></span></div>"), root_29 = /* @__PURE__ */ from_html("<div><div><div class=\"table-scroll svelte-171ci2i\"><table class=\"svelte-171ci2i\"><!><thead><tr><!><!><!></tr></thead><tbody><!></tbody></table></div></div> <!></div>"), root_30 = /* @__PURE__ */ from_html("<!> <!> <!> <!>", 1), $$css$26 = {
+var sort_default_default = "<svg width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n  <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M5.64645 1.64645C5.84171 1.45118 6.15829 1.45118 6.35355 1.64645L8.85355 4.14645C9.04882 4.34171 9.04882 4.65829 8.85355 4.85355C8.65829 5.04882 8.34171 5.04882 8.14645 4.85355L6 2.70711L3.85355 4.85355C3.65829 5.04882 3.34171 5.04882 3.14645 4.85355C2.95118 4.65829 2.95118 4.34171 3.14645 4.14645L5.64645 1.64645Z\" fill=\"currentColor\"/>\n  <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M3.14645 7.14645C3.34171 6.95118 3.65829 6.95118 3.85355 7.14645L6 9.29289L8.14645 7.14645C8.34171 6.95118 8.65829 6.95118 8.85355 7.14645C9.04882 7.34171 9.04882 7.65829 8.85355 7.85355L6.35355 10.3536C6.15829 10.5488 5.84171 10.5488 5.64645 10.3536L3.14645 7.85355C2.95118 7.65829 2.95118 7.34171 3.14645 7.14645Z\" fill=\"currentColor\"/>\n</svg>\n", root$25 = /* @__PURE__ */ from_html("<div class=\"table-title svelte-171ci2i\"> </div>"), root_1$23 = /* @__PURE__ */ from_html("<button class=\"table-search-clear svelte-171ci2i\" type=\"button\" aria-label=\"Clear search\"></button>"), root_2$18 = /* @__PURE__ */ from_html("<div class=\"table-search svelte-171ci2i\"><span class=\"table-search-icon svelte-171ci2i\"></span> <input class=\"table-search-input svelte-171ci2i\" type=\"search\" autocomplete=\"off\"/> <!></div>"), root_3$16 = /* @__PURE__ */ from_html("<div class=\"table-toolbar svelte-171ci2i\"><!></div>"), root_4$13 = /* @__PURE__ */ from_html("<caption class=\"sr-only svelte-171ci2i\"> </caption>"), root_5$11 = /* @__PURE__ */ from_html("<span class=\"table-checkbox-icon svelte-171ci2i\"></span>"), root_6$11 = /* @__PURE__ */ from_html("<th><span><!></span></th>"), root_7$10 = /* @__PURE__ */ from_html("<th></th>"), root_8$9 = /* @__PURE__ */ from_html("<th> </th>"), root_9$7 = /* @__PURE__ */ from_html("<span> </span>"), root_10$6 = /* @__PURE__ */ from_html("<span class=\"table-header-filter-icon svelte-171ci2i\"></span>"), root_11$5 = /* @__PURE__ */ from_html("<span><!></span>"), root_12$5 = /* @__PURE__ */ from_html("<span class=\"table-header-filter svelte-171ci2i\"><!></span>"), root_13$5 = /* @__PURE__ */ from_html("<span class=\"sort-icon sort-icon-asc\"></span>"), root_14$5 = /* @__PURE__ */ from_html("<span class=\"sort-icon sort-icon-desc\"></span>"), root_15$5 = /* @__PURE__ */ from_html("<span class=\"sort-icon sort-icon-idle\"></span>"), root_16$4 = /* @__PURE__ */ from_html("<div class=\"sort-button svelte-171ci2i\"><!></div>"), root_17$3 = /* @__PURE__ */ from_html("<!> <span class=\"table-inline-search-clear svelte-171ci2i\"><!></span>", 1), root_18$3 = /* @__PURE__ */ from_html("<span class=\"table-inline-search-trigger svelte-171ci2i\"><!></span>"), root_19$3 = /* @__PURE__ */ from_html("<span class=\"table-header-inline-search svelte-171ci2i\"><!></span>"), root_20$2 = /* @__PURE__ */ from_html("<th><span class=\"table-header-content svelte-171ci2i\"><!> <!> <!> <!></span></th>"), root_21$2 = /* @__PURE__ */ from_html("<tr><td class=\"table-empty svelte-171ci2i\"><!></td></tr>"), root_22$2 = /* @__PURE__ */ from_html("<td class=\"table-content table-checkbox-col svelte-171ci2i\"><span><!></span></td>"), root_23$2 = /* @__PURE__ */ from_html("<td class=\"table-content table-row-number-col svelte-171ci2i\"> </td>"), root_24$2 = /* @__PURE__ */ from_html("<td><div><!></div></td>"), root_25$1 = /* @__PURE__ */ from_html("<tr><!><!><!></tr>"), root_26$1 = /* @__PURE__ */ from_html("<div class=\"table-footer svelte-171ci2i\"><!></div>"), root_27 = /* @__PURE__ */ from_html("<span class=\"table-paginator-size svelte-171ci2i\"><!></span>"), root_28 = /* @__PURE__ */ from_html("<div class=\"table-footer table-paginator svelte-171ci2i\"><span class=\"table-paginator-range svelte-171ci2i\"> </span> <span class=\"table-paginator-controls svelte-171ci2i\"><!> <!></span></div>"), root_29 = /* @__PURE__ */ from_html("<div><div><div class=\"table-scroll svelte-171ci2i\"><table class=\"svelte-171ci2i\"><!><thead><tr><!><!><!></tr></thead><tbody><!></tbody></table></div></div> <!></div>"), root_30 = /* @__PURE__ */ from_html("<!> <!> <!> <!>", 1), $$css$26 = {
 	hash: "svelte-171ci2i",
 	code: "\n  /* ── Title ─────────────────────────────────────────────────────────────── */.table-title.svelte-171ci2i {margin:var(--table-title-margin, 0px 0px 12px 0px);font-size:var(--table-title-font-size, var(--table-tile-font-size, 18px));font-weight:var(--table-title-font-weight, 600);color:var(--table-title-color, #111827);font-family:var(--table-title-font-family);padding:var(--table-title-padding);}\n\n  /* ── C2-3 Search bar ────────────────────────────────────────────────────── */.table-search.svelte-171ci2i {display:flex;align-items:center;gap:var(--table-search-gap, 8px);padding:var(--table-search-padding, 8px 12px);border:var(--table-search-border, 1px solid #e5e7eb);border-radius:var(--table-search-border-radius, var(--radius, 4px));background-color:var(--table-search-background, #ffffff);margin-bottom:var(--table-search-margin-bottom, 8px);}.table-search-icon.svelte-171ci2i {display:inline-flex;align-items:center;color:var(--table-search-icon-color, #9ca3af);flex-shrink:0;}.table-search-icon.svelte-171ci2i svg {width:var(--table-search-icon-size, 16px);height:var(--table-search-icon-size, 16px);}.table-search-input.svelte-171ci2i {flex:1;border:none;outline:none;background:transparent;font-size:var(--table-search-font-size, 14px);color:var(--table-search-color, #111827);min-width:0;}.table-search-input.svelte-171ci2i:focus-visible {outline:2px solid var(--table-focus-outline-color, #3b82f6);outline-offset:2px;border-radius:var(--table-search-focus-border-radius, var(--radius, 4px));}.table-search-input.svelte-171ci2i::placeholder {color:var(--table-search-placeholder-color, #9ca3af);}\n\n  /* Hide browser-default clear button on search inputs */.table-search-input.svelte-171ci2i::-webkit-search-cancel-button {display:none;}.table-search-clear.svelte-171ci2i {display:inline-flex;align-items:center;padding:2px;border:none;background:transparent;color:var(--table-search-clear-color, #6b7280);cursor:pointer;border-radius:4px;flex-shrink:0;}.table-search-clear.svelte-171ci2i:hover {color:var(--table-search-clear-hover-color, #111827);background-color:var(--table-search-clear-hover-background, rgba(0, 0, 0, 0.05));}.table-search-clear.svelte-171ci2i svg {width:var(--table-search-clear-icon-size, 14px);height:var(--table-search-clear-icon-size, 14px);}.table-header-inline-search.svelte-171ci2i {display:inline-flex;align-items:center;gap:var(--table-inline-search-gap, 6px);margin-left:auto;}.table-inline-search-trigger.svelte-171ci2i {--button-color: transparent;--button-border: none;--button-padding: var(--table-inline-search-trigger-padding, 4px);--button-text-color: var(--table-inline-search-icon-color, #9ca3af);}.table-inline-search-trigger.svelte-171ci2i svg {width:var(--table-inline-search-icon-size, 16px);height:var(--table-inline-search-icon-size, 16px);display:block;}.table-inline-search-input.svelte-171ci2i {--input-margin: 0;width:var(--table-inline-search-input-width, 160px);}.table-inline-search-clear.svelte-171ci2i {--button-color: transparent;--button-border: none;--button-padding: var(--table-inline-search-clear-padding, 2px);--button-text-color: var(--table-inline-search-clear-color, #6b7280);}.table-inline-search-clear.svelte-171ci2i svg {width:var(--table-inline-search-clear-icon-size, 14px);height:var(--table-inline-search-clear-icon-size, 14px);}\n\n  /* ── Container ──────────────────────────────────────────────────────────── */.table-container.svelte-171ci2i {border:var(--table-border, 1px solid #e5e7eb);border-radius:var(--table-border-radius, var(--radius, 4px));width:var(--table-container-width, 100%);overflow:hidden;}.scrollable-table.svelte-171ci2i {height:var(--table-container-height, 143px);overflow-y:auto;}.table-scroll-shell.svelte-171ci2i {position:relative;min-width:0;}\n\n  /* Edge scrims: fade the clipped side of the table into its background so\n     hidden columns read as \"more content this way\". Class-driven from live\n     scroll state — never shown when the table fits. pointer-events: none\n     keeps cells under the fade clickable; z-index 2 paints above sticky\n     headers (z-index 1). */.table-scroll-shell.svelte-171ci2i::before,\n  .table-scroll-shell.svelte-171ci2i::after {content:'';position:absolute;top:0;bottom:0;width:var(--table-scroll-scrim-width, 32px);opacity:0;pointer-events:none;transition:opacity 0.2s ease;z-index:2;}.table-scroll-shell.svelte-171ci2i::before {left:0;border-radius:var(--table-border-radius, var(--radius, 4px)) 0 0\n      var(--table-border-radius, var(--radius, 4px));background:linear-gradient(to right, var(--table-scroll-scrim-color, #ffffff), transparent);}.table-scroll-shell.svelte-171ci2i::after {right:0;border-radius:0 var(--table-border-radius, var(--radius, 4px))\n      var(--table-border-radius, var(--radius, 4px)) 0;background:linear-gradient(to left, var(--table-scroll-scrim-color, #ffffff), transparent);}.table-scroll-shell.scrollable-left.svelte-171ci2i::before {opacity:1;}.table-scroll-shell.scrollable-right.svelte-171ci2i::after {opacity:1;}.table-scroll.svelte-171ci2i {overflow-x:auto;min-width:0;scrollbar-width:thin;}table.svelte-171ci2i {width:var(--table-width, 100%);border-collapse:var(--table-border-collapse, collapse);}.table-header.svelte-171ci2i,\n  .table-content.svelte-171ci2i {border:var(--table-inner-border, none);padding:var(--table-padding, 12px 16px);text-align:var(--table-text-align, left);width:var(--table-column-width);\n    /* Wrap at word boundaries; only a single word wider than the column may\n       split as a last resort. break-word (not anywhere) keeps each column's\n       min-content width at its longest word, so ordinary labels never split\n       mid-word — the old break-all default did. Opt back in per consumer via\n       --table-word-break / --table-overflow-wrap. */word-break:var(--table-word-break, normal);overflow-wrap:var(--table-overflow-wrap, break-word);}.scrollable-content.svelte-171ci2i {overflow-y:auto;height:var(--scrollable-column-height, 20px);}.table-header.svelte-171ci2i {background-color:var(--table-header-background, var(--table-header-border-bgcolor, #f9fafb));font-size:var(--table-header-font-size, 13px);font-family:var(--table-header-font-family);font-weight:var(--table-header-font-weight, 600);letter-spacing:var(--table-header-letter-spacing, 0.02em);text-transform:var(--table-header-text-transform);color:var(--table-header-color, var(--table-header-font-color, #6b7280));border-bottom:var(--table-header-border, var(--table-inner-border, none));}.table-header-content.svelte-171ci2i {display:flex;align-items:center;gap:4px;justify-content:var(--table-header-justify, flex-start);}.table-header-label.svelte-171ci2i {text-decoration:var(--table-header-tooltip-underline, underline dotted);text-underline-offset:2px;cursor:help;}.table-header-label-plain.svelte-171ci2i {text-decoration:none;}.table-header-filter.svelte-171ci2i {display:inline-flex;align-items:center;}.table-header-filter-trigger.svelte-171ci2i {--button-color: transparent;--button-border: none;--button-padding: 2px;--button-margin: 0;--button-width: fit-content;--button-height: fit-content;--button-text-color: var(--table-sort-button-color, inherit);--button-border-radius: 4px;--button-hover-color: var(--table-sort-button-hover-background, rgba(0, 0, 0, 0.05));display:inline-flex;align-items:center;opacity:var(--table-sort-idle-opacity, 0.5);}.table-header-filter-trigger.svelte-171ci2i:hover {opacity:var(--table-sort-idle-hover-opacity, 0.85);}.table-header-filter-active.svelte-171ci2i {opacity:1;color:var(--table-filter-active-color, #2563eb);}.table-header-filter-icon.svelte-171ci2i svg {width:var(--table-sort-icon-size, 14px);height:var(--table-sort-icon-size, 14px);display:block;}.table-cell-clamp.svelte-171ci2i {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.table-header-sticky.svelte-171ci2i {position:sticky;top:var(--table-header-sticky-top, 0);z-index:1;}.table-content.svelte-171ci2i {background-color:var(--table-content-background, var(--table-content-border-bgcolor));font-size:var(--table-content-font-size, 14px);font-family:var(--table-content-font-family);color:var(--table-content-color, var(--table-content-font-color, #111827));}\n\n  /* Column highlight (TableColumn.highlighted). Row hover keeps higher\n     specificity and row selection is declared later at equal specificity, so\n     both row states paint over the column wash. */.table-header.table-col-highlighted.svelte-171ci2i {background-color:var(\n      --table-col-highlight-header-background,\n      var(--table-col-highlight-background, #f3f9ff)\n    );}.table-content.table-col-highlighted.svelte-171ci2i {background-color:var(--table-col-highlight-background, #f3f9ff);}.table-row.svelte-171ci2i {border-bottom:var(--table-row-border, 1px solid #f3f4f6);background-color:var(--table-row-background);}.table-row.svelte-171ci2i:last-child {border-bottom:var(--table-row-last-border, none);}.table-row.svelte-171ci2i:nth-child(even) {background-color:var(--table-row-alt-background, var(--table-row-background));}.table-row.svelte-171ci2i:hover {background-color:var(--table-row-hover-background);}.table-row.svelte-171ci2i:hover > .table-content:where(.svelte-171ci2i) {background-color:var(\n      --table-row-hover-background,\n      var(--table-content-background, var(--table-content-border-bgcolor))\n    );}.table-row-clickable.svelte-171ci2i {cursor:pointer;}.table-row-clickable.svelte-171ci2i:focus-visible {outline:2px solid var(--table-focus-outline-color, #3b82f6);outline-offset:-2px;}\n\n  /* C2-1: Selected row highlight */.table-row-selected.svelte-171ci2i {background-color:var(--table-row-selected-background, #eff6ff);}.table-row-selected.svelte-171ci2i > .table-content:where(.svelte-171ci2i) {background-color:var(--table-row-selected-background, #eff6ff);}\n\n  /* Summary/period-total row (summaryRowIndex): both the row and its cells,\n     since a themed --table-content-background would otherwise paint over a\n     row-level background. Falls back to the regular cell background. */.table-summary-row.svelte-171ci2i {background-color:var(--table-summary-row-background, var(--table-content-background));}.table-summary-row.svelte-171ci2i > .table-content:where(.svelte-171ci2i) {background-color:var(--table-summary-row-background, var(--table-content-background));}\n\n  /* ── C2-1 Checkbox column ───────────────────────────────────────────────── */.table-checkbox-col.svelte-171ci2i {width:var(--table-checkbox-col-width, 44px);padding:var(--table-checkbox-col-padding, 12px 12px);}.table-checkbox-box.svelte-171ci2i {display:inline-flex;align-items:center;justify-content:center;width:var(--table-checkbox-size, 18px);height:var(--table-checkbox-size, 18px);border:var(--table-checkbox-border, 2px solid #9ca3af);border-radius:var(--table-checkbox-border-radius, var(--radius, 4px));background-color:var(--table-checkbox-background, transparent);cursor:pointer;flex-shrink:0;transition:background-color 0.15s,\n      border-color 0.15s;user-select:none;}.table-checkbox-box.svelte-171ci2i:focus-visible {outline:none;box-shadow:var(--table-checkbox-focus-ring, 0 0 0 3px rgba(59, 130, 246, 0.3));}.table-checkbox-box.svelte-171ci2i:not(.disabled):hover {border-color:var(--table-checkbox-hover-border-color, #6b7280);}.table-checkbox-box.checked.svelte-171ci2i {background-color:var(--table-checkbox-checked-background, #2563eb);border-color:var(--table-checkbox-checked-border-color, #2563eb);}.table-checkbox-box.indeterminate.svelte-171ci2i {background-color:var(--table-checkbox-indeterminate-background, #2563eb);border-color:var(--table-checkbox-indeterminate-border-color, #2563eb);}.table-checkbox-box.disabled.svelte-171ci2i {opacity:var(--table-checkbox-disabled-opacity, 0.4);cursor:not-allowed;}.table-checkbox-icon.svelte-171ci2i {display:inline-flex;align-items:center;justify-content:center;width:var(--table-checkbox-icon-size, 12px);height:var(--table-checkbox-icon-size, 12px);color:var(--table-checkbox-icon-color, #ffffff);}.table-checkbox-icon.svelte-171ci2i svg {width:100%;height:100%;}\n\n  /* ── Sort button ────────────────────────────────────────────────────────── */.sort-button.svelte-171ci2i {--button-color: transparent;--button-border: none;--button-padding: 2px;--button-margin: 0;--button-text-color: var(--table-sort-button-color, inherit);--button-border-radius: 4px;--button-width: fit-content;--button-height: fit-content;--button-hover-color: var(--table-sort-button-hover-background, rgba(0, 0, 0, 0.05));--button-hover-text-color: var(\n      --table-sort-button-hover-color,\n      var(--table-sort-button-color, inherit)\n    );display:inline-flex;align-items:center;line-height:1;}.sort-button.svelte-171ci2i .sort-icon {display:inline-flex;align-items:center;}\n\n  /* The sorted-direction half paints via currentColor; without an explicit\n     color it inherits the Button's text color (white on the default button\n     theme), which disappears on light headers. Default to the design\n     system's active blue. */.sort-button.svelte-171ci2i .sort-icon:not(.sort-icon-idle) {color:var(--table-sort-active-color, #1b85ff);}.sort-button.svelte-171ci2i .sort-icon svg {width:var(--table-sort-icon-size, 14px);height:var(--table-sort-icon-size, 14px);display:block;}\n\n  /* Two-tone state painting. The shared sort-default.svg asset stays\n     color-agnostic (fill=\"currentColor\", like every other icon asset); the\n     state colors live here. All halves default to the inactive fill, then\n     the sorted direction's half is released back to currentColor (the\n     active color above). Path order in the asset is up-chevron first,\n     down-chevron second. */.sort-button.svelte-171ci2i .sort-icon svg path {fill:var(--table-sort-inactive-color, #c7c7c7);}.sort-button.svelte-171ci2i .sort-icon-asc svg path:first-child,\n  .sort-button.svelte-171ci2i .sort-icon-desc svg path:last-child {fill:currentColor;}\n\n  /* The design system draws every sort state fully opaque — faintness comes\n     from the glyph fills (inactive halves #C7C7C7, active direction\n     currentColor), never from transparency. The opacity vars remain for\n     consumers that prefer a fade but now default to solid; hover steps the\n     inactive halves to the design system's hover gray. */.sort-button.svelte-171ci2i .sort-icon-idle {opacity:var(--table-sort-idle-opacity, 1);}.sort-button.svelte-171ci2i:hover .sort-icon-idle {opacity:var(--table-sort-idle-hover-opacity, 1);--table-sort-inactive-color: var(--table-sort-hover-color, #797979);}\n\n  /* ── Empty ──────────────────────────────────────────────────────────────── */.table-empty.svelte-171ci2i {padding:var(--table-empty-padding, 32px 24px);text-align:center;color:var(--table-empty-color, #9ca3af);}\n\n  /* ── Footer ─────────────────────────────────────────────────────────────── */.table-footer.svelte-171ci2i {border-top:var(--table-footer-border, 1px solid #e5e7eb);padding:var(--table-footer-padding, 8px 16px);background-color:var(--table-footer-background, transparent);}.table-paginator.svelte-171ci2i {display:flex;align-items:center;justify-content:space-between;gap:var(--table-paginator-gap, 12px);flex-wrap:wrap;}.table-paginator-range.svelte-171ci2i {font-size:var(--table-paginator-range-font-size, 13px);color:var(--table-paginator-range-color, #6b7280);font-variant-numeric:tabular-nums;}.table-paginator-controls.svelte-171ci2i {display:flex;align-items:center;gap:var(--table-paginator-gap, 12px);}.table-paginator-size.svelte-171ci2i {display:inline-flex;min-width:var(--table-paginator-size-width, 72px);}\n\n  /* ── Toolbar (bulk actions) ─────────────────────────────────────────────── */.table-toolbar.svelte-171ci2i {display:flex;align-items:center;gap:var(--table-toolbar-gap, 12px);padding:var(--table-toolbar-padding, 8px 12px);border:var(--table-toolbar-border, 1px solid #e5e7eb);border-radius:var(--table-toolbar-border-radius, var(--radius, 4px));background-color:var(--table-toolbar-background, #f9fafb);margin-bottom:var(--table-toolbar-margin-bottom, 8px);}\n\n  /* ── Row-number column ──────────────────────────────────────────────────── */.table-row-number-col.svelte-171ci2i {width:var(--table-row-number-col-width, 48px);color:var(--table-row-number-color, #6b7280);font-variant-numeric:tabular-nums;text-align:var(--table-row-number-align, var(--table-text-align, left));}\n\n  /* ── Accessibility ──────────────────────────────────────────────────────── */.sr-only.svelte-171ci2i {position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);clip-path:inset(50%);white-space:nowrap;border-width:0;}"
 };
@@ -15975,9 +15975,9 @@ function Table(e, t) {
 		x()?.(e, t, n);
 	}, X = (e, t, n, i) => {
 		(e.key === "Enter" || e.key === " ") && (e.preventDefault(), x()?.(t, n, i));
-	}, Z = /* @__PURE__ */ user_derived(() => typeof x() == "function"), Q = /* @__PURE__ */ user_derived(() => d() || f()), ee = /* @__PURE__ */ state(!1), $ = /* @__PURE__ */ state(!1), te = (e) => {
+	}, Z = /* @__PURE__ */ user_derived(() => typeof x() == "function"), Q = /* @__PURE__ */ user_derived(() => d() || f()), $ = /* @__PURE__ */ state(!1), ee = /* @__PURE__ */ state(!1), te = (e) => {
 		let t = () => {
-			set(ee, e.scrollLeft > 2), set($, e.scrollLeft + e.clientWidth < e.scrollWidth - 2);
+			set($, e.scrollLeft > 2), set(ee, e.scrollLeft + e.clientWidth < e.scrollWidth - 2);
 		};
 		t(), e.addEventListener("scroll", t, { passive: !0 });
 		let n = new ResizeObserver(t);
@@ -16716,7 +16716,7 @@ function Table(e, t) {
 			get(ve).length === 0 && typeof b() == "function" ? e(U) : e(ie, -1);
 		}), reset(z), reset(s), reset(a), action(a, (e) => te?.(e)), reset(n);
 		var ae = sibling(n, 2), de = (e) => {
-			var t = root_26();
+			var t = root_26$1();
 			snippet(child(t), T), reset(t), append(e, t);
 		}, me = (e) => {
 			var t = root_28(), n = child(t), i = child(n, !0);
@@ -16785,8 +16785,8 @@ function Table(e, t) {
 			typeof T() == "function" ? e(de) : j() && (get(Te) > 1 || j().hasMore) && e(me, 1);
 		}), reset(t), template_effect(() => {
 			set_class(t, 1, `table-container ${f() ? "scrollable-table" : ""} ${w() ?? "" ?? ""}`, "svelte-171ci2i"), set_attribute(t, "data-pw", m()), set_attribute(t, "testid", m()), i = set_class(n, 1, "table-scroll-shell svelte-171ci2i", null, i, {
-				"scrollable-left": get(ee),
-				"scrollable-right": get($)
+				"scrollable-left": get($),
+				"scrollable-right": get(ee)
 			});
 		}), append(e, t);
 	};
@@ -17601,7 +17601,7 @@ var TIME_DISPLAY_PATTERN = /^(1[0-2]|0?[1-9]):([0-5][0-9])\s?(AM|PM)$/i, pad = (
 };
 function DateRangePicker(e, t) {
 	push(t, !0), append_styles$1(e, $$css$23);
-	let n = "<svg viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><circle cx=\"8\" cy=\"8\" r=\"6.25\" stroke=\"currentColor\" stroke-width=\"1.5\"/><path d=\"M8 4.5V8l2.25 1.5\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/></svg>", i = prop(t, "rangeStart", 15, null), a = prop(t, "rangeEnd", 15, null), o = prop(t, "value", 15, null), s = prop(t, "mode", 7, "range"), c = prop(t, "minDate", 7, null), l = prop(t, "maxDate", 7, null), u = prop(t, "disabledDates", 23, () => []), d = prop(t, "maxRangeDays", 7, null), f = prop(t, "presets", 7, null), p = prop(t, "presetCheckmark", 7, !1), m = prop(t, "showDateInputs", 7, !1), h = prop(t, "showTimeSelection", 7, !1), g = prop(t, "timeSelectionLayout", 7, "toggle"), _ = prop(t, "presetToggle", 7, !1), v = prop(t, "placeholder", 7, "Select date"), y = prop(t, "dualMonth", 7), b = prop(t, "timePicker", 7), x = prop(t, "align", 7, "left"), S = prop(t, "compareStart", 15, null), C = prop(t, "compareEnd", 15, null), w = prop(t, "compareCalendar", 7), T = prop(t, "weekStartsOn", 7, 0), E = prop(t, "locale", 7), D = prop(t, "testId", 7), O = prop(t, "classes", 7), k = prop(t, "triggerSnippet", 7), A = prop(t, "triggerIcon", 7), j = prop(t, "clearable", 7, !1), M = prop(t, "initialPresetLabel", 7), N = prop(t, "compareTrigger", 7), P = prop(t, "openCompare", 15, !1), F = prop(t, "onapply", 7), I = prop(t, "onapplysingle", 7), L = prop(t, "onapplycompare", 7), R = prop(t, "oncancel", 7), z = prop(t, "onopentoggle", 7), B = prop(t, "onclear", 7), V = /* @__PURE__ */ user_derived(() => typeof y() == "boolean" ? y() : s() === "range"), H = /* @__PURE__ */ state(null), U = /* @__PURE__ */ state(null), W = /* @__PURE__ */ state(null), G = /* @__PURE__ */ state(null), K = /* @__PURE__ */ state(null), q = /* @__PURE__ */ state(null), J = /* @__PURE__ */ state("12:00 AM"), Y = /* @__PURE__ */ state("11:59 PM"), X = /* @__PURE__ */ state(!1), Z = /* @__PURE__ */ state(null), Q = /* @__PURE__ */ state(null), ee = /* @__PURE__ */ user_derived(() => get(Z) ?? (get(H) === null ? "" : Ce(get(H)))), $ = /* @__PURE__ */ user_derived(() => get(Q) ?? (get(U) === null ? "" : Ce(get(U)))), te = /* @__PURE__ */ user_derived(() => h() && g() === "inline" && s() === "range"), ne = 1440 * 60 * 1e3;
+	let n = "<svg viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><circle cx=\"8\" cy=\"8\" r=\"6.25\" stroke=\"currentColor\" stroke-width=\"1.5\"/><path d=\"M8 4.5V8l2.25 1.5\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/></svg>", i = prop(t, "rangeStart", 15, null), a = prop(t, "rangeEnd", 15, null), o = prop(t, "value", 15, null), s = prop(t, "mode", 7, "range"), c = prop(t, "minDate", 7, null), l = prop(t, "maxDate", 7, null), u = prop(t, "disabledDates", 23, () => []), d = prop(t, "maxRangeDays", 7, null), f = prop(t, "presets", 7, null), p = prop(t, "presetCheckmark", 7, !1), m = prop(t, "showDateInputs", 7, !1), h = prop(t, "showTimeSelection", 7, !1), g = prop(t, "timeSelectionLayout", 7, "toggle"), _ = prop(t, "presetToggle", 7, !1), v = prop(t, "placeholder", 7, "Select date"), y = prop(t, "dualMonth", 7), b = prop(t, "timePicker", 7), x = prop(t, "align", 7, "left"), S = prop(t, "compareStart", 15, null), C = prop(t, "compareEnd", 15, null), w = prop(t, "compareCalendar", 7), T = prop(t, "weekStartsOn", 7, 0), E = prop(t, "locale", 7), D = prop(t, "testId", 7), O = prop(t, "classes", 7), k = prop(t, "triggerSnippet", 7), A = prop(t, "triggerIcon", 7), j = prop(t, "clearable", 7, !1), M = prop(t, "initialPresetLabel", 7), N = prop(t, "compareTrigger", 7), P = prop(t, "openCompare", 15, !1), F = prop(t, "onapply", 7), I = prop(t, "onapplysingle", 7), L = prop(t, "onapplycompare", 7), R = prop(t, "oncancel", 7), z = prop(t, "onopentoggle", 7), B = prop(t, "onclear", 7), V = /* @__PURE__ */ user_derived(() => typeof y() == "boolean" ? y() : s() === "range"), H = /* @__PURE__ */ state(null), U = /* @__PURE__ */ state(null), W = /* @__PURE__ */ state(null), G = /* @__PURE__ */ state(null), K = /* @__PURE__ */ state(null), q = /* @__PURE__ */ state(null), J = /* @__PURE__ */ state("12:00 AM"), Y = /* @__PURE__ */ state("11:59 PM"), X = /* @__PURE__ */ state(!1), Z = /* @__PURE__ */ state(null), Q = /* @__PURE__ */ state(null), $ = /* @__PURE__ */ user_derived(() => get(Z) ?? (get(H) === null ? "" : Ce(get(H)))), ee = /* @__PURE__ */ user_derived(() => get(Q) ?? (get(U) === null ? "" : Ce(get(U)))), te = /* @__PURE__ */ user_derived(() => h() && g() === "inline" && s() === "range"), ne = 1440 * 60 * 1e3;
 	function re(e) {
 		return typeof u() == "function" ? u()(e) : u().some((t) => at(t, e));
 	}
@@ -17756,12 +17756,12 @@ function DateRangePicker(e, t) {
 		return n === null ? !0 : !((e === "start" ? t.getTime() > n.getTime() : t.getTime() < n.getTime()) || d() !== null && Math.abs(Math.round((t.getTime() - n.getTime()) / ne)) + 1 > d());
 	}
 	let qe = /* @__PURE__ */ user_derived(() => {
-		if (get(ee).trim() === "") return !0;
-		let e = parseDateDisplay(get(ee));
-		return e !== null && Ke("start", e);
-	}), Je = /* @__PURE__ */ user_derived(() => {
 		if (get($).trim() === "") return !0;
 		let e = parseDateDisplay(get($));
+		return e !== null && Ke("start", e);
+	}), Je = /* @__PURE__ */ user_derived(() => {
+		if (get(ee).trim() === "") return !0;
+		let e = parseDateDisplay(get(ee));
 		return e !== null && Ke("end", e);
 	});
 	function Ye(e) {
@@ -18214,7 +18214,7 @@ function DateRangePicker(e, t) {
 				html(y, () => n, !0), reset(y);
 				var b = sibling(y, 2);
 				remove_input_defaults(b), reset(_), reset(p), template_effect(() => {
-					o = set_class(a, 1, "drp-date-input svelte-gpybdi", null, o, { "drp-date-input-invalid": !get(qe) }), set_value(s, get(ee)), set_attribute(s, "aria-invalid", !get(qe)), set_attribute(s, "data-pw", D() ? `${D()}-start-date` : null), set_attribute(s, "testid", D() ? `${D()}-start-date` : null), l = set_class(c, 1, "drp-time-input drp-time-input-inline svelte-gpybdi", null, l, { "drp-time-input-invalid": !get(we) }), set_attribute(d, "aria-invalid", !get(we)), set_attribute(d, "data-pw", D() ? `${D()}-start-time` : null), set_attribute(d, "testid", D() ? `${D()}-start-time` : null), h = set_class(m, 1, "drp-date-input svelte-gpybdi", null, h, { "drp-date-input-invalid": !get(Je) }), set_value(g, get($)), set_attribute(g, "aria-invalid", !get(Je)), set_attribute(g, "data-pw", D() ? `${D()}-end-date` : null), set_attribute(g, "testid", D() ? `${D()}-end-date` : null), v = set_class(_, 1, "drp-time-input drp-time-input-inline svelte-gpybdi", null, v, { "drp-time-input-invalid": !get(Te) }), set_attribute(b, "aria-invalid", !get(Te)), set_attribute(b, "data-pw", D() ? `${D()}-end-time` : null), set_attribute(b, "testid", D() ? `${D()}-end-time` : null);
+					o = set_class(a, 1, "drp-date-input svelte-gpybdi", null, o, { "drp-date-input-invalid": !get(qe) }), set_value(s, get($)), set_attribute(s, "aria-invalid", !get(qe)), set_attribute(s, "data-pw", D() ? `${D()}-start-date` : null), set_attribute(s, "testid", D() ? `${D()}-start-date` : null), l = set_class(c, 1, "drp-time-input drp-time-input-inline svelte-gpybdi", null, l, { "drp-time-input-invalid": !get(we) }), set_attribute(d, "aria-invalid", !get(we)), set_attribute(d, "data-pw", D() ? `${D()}-start-time` : null), set_attribute(d, "testid", D() ? `${D()}-start-time` : null), h = set_class(m, 1, "drp-date-input svelte-gpybdi", null, h, { "drp-date-input-invalid": !get(Je) }), set_value(g, get(ee)), set_attribute(g, "aria-invalid", !get(Je)), set_attribute(g, "data-pw", D() ? `${D()}-end-date` : null), set_attribute(g, "testid", D() ? `${D()}-end-date` : null), v = set_class(_, 1, "drp-time-input drp-time-input-inline svelte-gpybdi", null, v, { "drp-time-input-invalid": !get(Te) }), set_attribute(b, "aria-invalid", !get(Te)), set_attribute(b, "data-pw", D() ? `${D()}-end-time` : null), set_attribute(b, "testid", D() ? `${D()}-end-time` : null);
 				}), delegated("input", s, (e) => Qe(e, "start")), event("blur", s, () => $e("start")), delegated("keydown", s, (e) => et(e, "start")), bind_value(d, () => get(J), (e) => set(J, e)), delegated("input", g, (e) => Qe(e, "end")), event("blur", g, () => $e("end")), delegated("keydown", g, (e) => et(e, "end")), bind_value(b, () => get(Y), (e) => set(Y, e)), append(e, t);
 			}, c = (e) => {
 				var t = root_11$4(), i = first_child(t);
@@ -18238,7 +18238,7 @@ function DateRangePicker(e, t) {
 				if_block(d, (e) => {
 					h() && e(f);
 				}), template_effect(() => {
-					a = set_class(i, 1, "drp-date-input svelte-gpybdi", null, a, { "drp-date-input-invalid": !get(qe) }), set_value(o, get(ee)), set_attribute(o, "aria-invalid", !get(qe)), set_attribute(o, "data-pw", D() ? `${D()}-start-date` : null), set_attribute(o, "testid", D() ? `${D()}-start-date` : null), l = set_class(c, 1, "drp-date-input svelte-gpybdi", null, l, { "drp-date-input-invalid": !get(Je) }), set_value(u, get($)), set_attribute(u, "aria-invalid", !get(Je)), set_attribute(u, "data-pw", D() ? `${D()}-end-date` : null), set_attribute(u, "testid", D() ? `${D()}-end-date` : null);
+					a = set_class(i, 1, "drp-date-input svelte-gpybdi", null, a, { "drp-date-input-invalid": !get(qe) }), set_value(o, get($)), set_attribute(o, "aria-invalid", !get(qe)), set_attribute(o, "data-pw", D() ? `${D()}-start-date` : null), set_attribute(o, "testid", D() ? `${D()}-start-date` : null), l = set_class(c, 1, "drp-date-input svelte-gpybdi", null, l, { "drp-date-input-invalid": !get(Je) }), set_value(u, get(ee)), set_attribute(u, "aria-invalid", !get(Je)), set_attribute(u, "data-pw", D() ? `${D()}-end-date` : null), set_attribute(u, "testid", D() ? `${D()}-end-date` : null);
 				}), delegated("input", o, (e) => Qe(e, "start")), event("blur", o, () => $e("start")), delegated("keydown", o, (e) => et(e, "start")), delegated("input", u, (e) => Qe(e, "end")), event("blur", u, () => $e("end")), delegated("keydown", u, (e) => et(e, "end")), append(e, t);
 			};
 			if_block(o, (e) => {
@@ -22633,7 +22633,7 @@ var require_lottie = /* @__PURE__ */ __commonJSMin(((exports, module) => {
 					S = C[b].points, x = S[y - 1], g = S[y], w = g.partialLength;
 				}
 				f = p.length, l = 0, u = 0;
-				var j = e.finalSize * 1.2 * .714, M = !0, N, P, F, I = i.length, L, R, z = -1, B, V, H, U = h, W = b, G = y, K = -1, q, J, Y, X, Z, Q, ee, $, te = "", ne = this.defaultPropsArray, re;
+				var j = e.finalSize * 1.2 * .714, M = !0, N, P, F, I = i.length, L, R, z = -1, B, V, H, U = h, W = b, G = y, K = -1, q, J, Y, X, Z, Q, $, ee, te = "", ne = this.defaultPropsArray, re;
 				if (e.j === 2 || e.j === 1) {
 					var ie = 0, ae = 0, oe = e.j === 2 ? -.5 : -1, se = 0, ce = !0;
 					for (d = 0; d < f; d += 1) if (p[d].n) {
@@ -22646,7 +22646,7 @@ var require_lottie = /* @__PURE__ */ __commonJSMin(((exports, module) => {
 					for (ie && (ie += ae); se < d;) p[se].animatorJustifyOffset = ie, se += 1;
 				}
 				for (d = 0; d < f; d += 1) {
-					if (o.reset(), q = 1, p[d].n) l = 0, u += e.yOffset, u += +!!M, h = U, M = !1, this._hasMaskedPath && (b = W, y = G, S = C[b].points, x = S[y - 1], g = S[y], w = g.partialLength, _ = 0), te = "", $ = "", Q = "", re = "", ne = this.defaultPropsArray;
+					if (o.reset(), q = 1, p[d].n) l = 0, u += e.yOffset, u += +!!M, h = U, M = !1, this._hasMaskedPath && (b = W, y = G, S = C[b].points, x = S[y - 1], g = S[y], w = g.partialLength, _ = 0), te = "", ee = "", Q = "", re = "", ne = this.defaultPropsArray;
 					else {
 						if (this._hasMaskedPath) {
 							if (K !== p[d].line) {
@@ -22690,7 +22690,7 @@ var require_lottie = /* @__PURE__ */ __commonJSMin(((exports, module) => {
 							}
 						}
 						for (F = 0; F < I; F += 1) N = i[F].a, N.p.propType && (P = i[F].s, R = P.getMult(p[d].anIndexes[F], a.a[F].s.totalChars), this._hasMaskedPath ? R.length ? o.translate(0, N.p.v[1] * R[0], -N.p.v[2] * R[1]) : o.translate(0, N.p.v[1] * R, -N.p.v[2] * R) : R.length ? o.translate(N.p.v[0] * R[0], N.p.v[1] * R[1], -N.p.v[2] * R[2]) : o.translate(N.p.v[0] * R, N.p.v[1] * R, -N.p.v[2] * R));
-						if (e.strokeWidthAnim && (Q = Y < 0 ? 0 : Y), e.strokeColorAnim && (ee = "rgb(" + Math.round(J[0] * 255) + "," + Math.round(J[1] * 255) + "," + Math.round(J[2] * 255) + ")"), e.fillColorAnim && e.fc && ($ = "rgb(" + Math.round(X[0] * 255) + "," + Math.round(X[1] * 255) + "," + Math.round(X[2] * 255) + ")"), this._hasMaskedPath) {
+						if (e.strokeWidthAnim && (Q = Y < 0 ? 0 : Y), e.strokeColorAnim && ($ = "rgb(" + Math.round(J[0] * 255) + "," + Math.round(J[1] * 255) + "," + Math.round(J[2] * 255) + ")"), e.fillColorAnim && e.fc && (ee = "rgb(" + Math.round(X[0] * 255) + "," + Math.round(X[1] * 255) + "," + Math.round(X[2] * 255) + ")"), this._hasMaskedPath) {
 							if (o.translate(0, -e.ls), o.translate(0, n[1] * j * .01 + u, 0), this._pathData.p.v) {
 								D = (g.point[1] - x.point[1]) / (g.point[0] - x.point[0]);
 								var ue = Math.atan(D) * 180 / Math.PI;
@@ -22728,7 +22728,7 @@ var require_lottie = /* @__PURE__ */ __commonJSMin(((exports, module) => {
 							o.props[15]
 						], re = q;
 					}
-					c <= d ? (L = new LetterProps(re, Q, ee, $, te, ne), this.renderedLetters.push(L), c += 1, this.lettersChangedFlag = !0) : (L = this.renderedLetters[d], this.lettersChangedFlag = L.update(re, Q, ee, $, te, ne) || this.lettersChangedFlag);
+					c <= d ? (L = new LetterProps(re, Q, $, ee, te, ne), this.renderedLetters.push(L), c += 1, this.lettersChangedFlag = !0) : (L = this.renderedLetters[d], this.lettersChangedFlag = L.update(re, Q, $, ee, te, ne) || this.lettersChangedFlag);
 				}
 			}
 		}, TextAnimatorProperty.prototype.getValue = function() {
@@ -27790,7 +27790,7 @@ function MediaUpload(e, t) {
 			p() || e(f);
 		}), reset(i), template_effect(() => a = set_class(i, 1, "card svelte-nabf7u", null, a, { "is-file": !get(t).isImage })), append(e, i);
 	});
-	var Q = sibling(Z, 2), ee = (e) => {
+	var Q = sibling(Z, 2), $ = (e) => {
 		var t = root_14$2();
 		let i;
 		var a = child(t), c = child(a), u = (e) => {
@@ -27823,13 +27823,13 @@ function MediaUpload(e, t) {
 		}), event("dragover", t, B), event("dragleave", t, V), event("drop", t, z), delegated("change", y, R), append(e, t);
 	};
 	if_block(Q, (e) => {
-		get(j) && e(ee);
+		get(j) && e($);
 	}), reset(X);
-	var $ = sibling(X, 2), te = (e) => {
+	var ee = sibling(X, 2), te = (e) => {
 		var t = root_15$2(), n = child(t, !0);
 		reset(t), template_effect(() => set_text(n, get(O))), append(e, t);
 	};
-	return if_block($, (e) => {
+	return if_block(ee, (e) => {
 		get(O).length > 0 && e(te);
 	}), reset(W), template_effect(() => {
 		G = set_class(W, 1, `media-upload ${E() ?? "" ?? ""}`, "svelte-nabf7u", G, { disabled: p() }), set_attribute(W, "data-pw", typeof T() == "string" ? T() : null);
@@ -28473,8 +28473,8 @@ function Gallery(e, t) {
 		set classes(e) {
 			E(e), flushSync();
 		}
-	}, ee = root_15$1(), $ = first_child(ee);
-	each($, 21, i, index, (e, t, a) => {
+	}, $ = root_15$1(), ee = first_child($);
+	each(ee, 21, i, index, (e, t, a) => {
 		var o = root_8$5(), s = child(o), l = (e) => {
 			var o = root_4$7();
 			n(child(o), () => get(t), () => a), reset(o), template_effect(() => set_attribute(o, "aria-label", c() ? `View image ${a + 1} of ${i().length}: ${get(t).alt}` : get(t).alt)), delegated("click", o, (e) => K(a, e)), append(e, o);
@@ -28530,8 +28530,8 @@ function Gallery(e, t) {
 		if_block(d, (e) => {
 			get(z) && e(f);
 		}), reset(o), append(e, o);
-	}), reset($);
-	var te = sibling($, 2), ne = (e) => {
+	}), reset(ee);
+	var te = sibling(ee, 2), ne = (e) => {
 		var t = root_14$1(), n = child(t);
 		Button(child(n), {
 			ariaLabel: "Close gallery",
@@ -28606,8 +28606,8 @@ function Gallery(e, t) {
 	return if_block(te, (e) => {
 		o() && e(ne);
 	}), template_effect(() => {
-		set_class($, 1, `gallery ${a() ?? ""} ${get(I) ? "has-item-footer" : ""} ${E() ?? "" ?? ""}`, "svelte-14wkit2"), set_attribute($, "data-pw", typeof v() == "string" ? v() : null);
-	}), append(e, ee), pop(Q);
+		set_class(ee, 1, `gallery ${a() ?? ""} ${get(I) ? "has-item-footer" : ""} ${E() ?? "" ?? ""}`, "svelte-14wkit2"), set_attribute(ee, "data-pw", typeof v() == "string" ? v() : null);
+	}), append(e, $), pop(Q);
 }
 delegate(["click", "keydown"]), create_custom_element(Gallery, {
 	images: {},
@@ -29066,7 +29066,7 @@ function ChatMessage(e, t) {
 	if_block(Z, (e) => {
 		typeof d() == "function" && e(Q);
 	});
-	var ee = sibling(Z, 2), $ = (e) => {
+	var $ = sibling(Z, 2), ee = (e) => {
 		var t = root_9$2(), n = child(t), i = (e) => {
 			var t = root_7$4();
 			Button(child(t), {
@@ -29146,8 +29146,8 @@ function ChatMessage(e, t) {
 			typeof p() == "function" && e(u);
 		}), reset(t), append(e, t);
 	};
-	return if_block(ee, (e) => {
-		get(M) && e($);
+	return if_block($, (e) => {
+		get(M) && e(ee);
 	}), reset(V), reset(R), reset(I), template_effect(() => {
 		L = set_class(I, 1, `chat-message party-${get(C) ?? ""} role-${n() ?? ""} ${S() ?? "" ?? ""}`, "svelte-ivh8u", L, {
 			streaming: s(),
@@ -29868,7 +29868,7 @@ var send_default = "<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentCol
 };
 function ChatComposer(e, t) {
 	push(t, !0), append_styles$1(e, $$css$7);
-	let n = prop(t, "value", 15, ""), i = prop(t, "placeholder", 7, ""), a = prop(t, "disabled", 7, !1), o = prop(t, "submitOnEnter", 7, !0), s = prop(t, "maxLength", 7, 0), c = prop(t, "streaming", 7, !1), l = prop(t, "recording", 7, !1), u = prop(t, "attachments", 31, () => proxy([])), d = prop(t, "attachmentsPreview", 7), f = prop(t, "richImages", 23, () => []), p = prop(t, "richFiles", 23, () => []), m = prop(t, "richVideos", 23, () => []), h = prop(t, "richImageTooltip", 7), g = prop(t, "richVideoTooltip", 7), _ = prop(t, "richRemoveIcon", 7), v = prop(t, "richFileIcon", 7), y = prop(t, "onremoverichimage", 7), b = prop(t, "onremoverichfile", 7), x = prop(t, "onremoverichvideo", 7), S = prop(t, "onopenrichimage", 7), C = prop(t, "onopenrichvideo", 7), w = prop(t, "onopenrichfile", 7), T = prop(t, "sendable", 7, null), E = prop(t, "accept", 7, ""), D = prop(t, "multiple", 7, !1), O = prop(t, "sendLabel", 7, "Send message"), k = prop(t, "stopLabel", 7, "Stop generating"), A = prop(t, "voiceLabel", 7, "Voice input"), j = prop(t, "attachLabel", 7, "Attach files"), M = prop(t, "sendIcon", 7), N = prop(t, "stopIcon", 7), P = prop(t, "voiceIcon", 7), F = prop(t, "attachIcon", 7), I = prop(t, "actionIcon", 7), L = prop(t, "actionLabel", 7, "Voice conversation"), R = prop(t, "leading", 7), z = prop(t, "onsubmit", 7), B = prop(t, "oninput", 7), V = prop(t, "onkeydown", 7), H = prop(t, "onpaste", 7), U = prop(t, "onstop", 7), W = prop(t, "onvoice", 7), G = prop(t, "onattach", 7), K = prop(t, "onattachclick", 7), q = prop(t, "onaction", 7), J = prop(t, "testId", 7), Y = prop(t, "inputTestId", 7), X = prop(t, "inputAriaLabel", 7), Z = prop(t, "sendTestId", 7), Q = prop(t, "sendSlotTestId", 7), ee = prop(t, "stopTestId", 7), $ = prop(t, "voiceTestId", 7), te = prop(t, "attachTestId", 7), ne = prop(t, "actionTestId", 7), re = prop(t, "classes", 7), ie = /* @__PURE__ */ state(null), ae = /* @__PURE__ */ user_derived(() => typeof W() == "function"), oe = /* @__PURE__ */ user_derived(() => typeof G() == "function" || typeof K() == "function"), se = /* @__PURE__ */ user_derived(() => f().length > 0 || m().length > 0 || p().length > 0), ce = /* @__PURE__ */ user_derived(() => !a() && (T() ?? (n().trim().length > 0 || u().length > 0 || get(se))));
+	let n = prop(t, "value", 15, ""), i = prop(t, "placeholder", 7, ""), a = prop(t, "disabled", 7, !1), o = prop(t, "submitOnEnter", 7, !0), s = prop(t, "maxLength", 7, 0), c = prop(t, "streaming", 7, !1), l = prop(t, "recording", 7, !1), u = prop(t, "attachments", 31, () => proxy([])), d = prop(t, "attachmentsPreview", 7), f = prop(t, "richImages", 23, () => []), p = prop(t, "richFiles", 23, () => []), m = prop(t, "richVideos", 23, () => []), h = prop(t, "richImageTooltip", 7), g = prop(t, "richVideoTooltip", 7), _ = prop(t, "richRemoveIcon", 7), v = prop(t, "richFileIcon", 7), y = prop(t, "onremoverichimage", 7), b = prop(t, "onremoverichfile", 7), x = prop(t, "onremoverichvideo", 7), S = prop(t, "onopenrichimage", 7), C = prop(t, "onopenrichvideo", 7), w = prop(t, "onopenrichfile", 7), T = prop(t, "sendable", 7, null), E = prop(t, "accept", 7, ""), D = prop(t, "multiple", 7, !1), O = prop(t, "sendLabel", 7, "Send message"), k = prop(t, "stopLabel", 7, "Stop generating"), A = prop(t, "voiceLabel", 7, "Voice input"), j = prop(t, "attachLabel", 7, "Attach files"), M = prop(t, "sendIcon", 7), N = prop(t, "stopIcon", 7), P = prop(t, "voiceIcon", 7), F = prop(t, "attachIcon", 7), I = prop(t, "actionIcon", 7), L = prop(t, "actionLabel", 7, "Voice conversation"), R = prop(t, "leading", 7), z = prop(t, "onsubmit", 7), B = prop(t, "oninput", 7), V = prop(t, "onkeydown", 7), H = prop(t, "onpaste", 7), U = prop(t, "onstop", 7), W = prop(t, "onvoice", 7), G = prop(t, "onattach", 7), K = prop(t, "onattachclick", 7), q = prop(t, "onaction", 7), J = prop(t, "testId", 7), Y = prop(t, "inputTestId", 7), X = prop(t, "inputAriaLabel", 7), Z = prop(t, "sendTestId", 7), Q = prop(t, "sendSlotTestId", 7), $ = prop(t, "stopTestId", 7), ee = prop(t, "voiceTestId", 7), te = prop(t, "attachTestId", 7), ne = prop(t, "actionTestId", 7), re = prop(t, "classes", 7), ie = /* @__PURE__ */ state(null), ae = /* @__PURE__ */ user_derived(() => typeof W() == "function"), oe = /* @__PURE__ */ user_derived(() => typeof G() == "function" || typeof K() == "function"), se = /* @__PURE__ */ user_derived(() => f().length > 0 || m().length > 0 || p().length > 0), ce = /* @__PURE__ */ user_derived(() => !a() && (T() ?? (n().trim().length > 0 || u().length > 0 || get(se))));
 	function le() {
 		get(ce) && (z()?.(n(), u()), n(""), u([]));
 	}
@@ -30193,16 +30193,16 @@ function ChatComposer(e, t) {
 			Q(e), flushSync();
 		},
 		get stopTestId() {
-			return ee();
+			return $();
 		},
 		set stopTestId(e) {
-			ee(e), flushSync();
+			$(e), flushSync();
 		},
 		get voiceTestId() {
-			return $();
+			return ee();
 		},
 		set voiceTestId(e) {
-			$(e), flushSync();
+			ee(e), flushSync();
 		},
 		get attachTestId() {
 			return te();
@@ -30354,7 +30354,7 @@ function ChatComposer(e, t) {
 				return A();
 			},
 			get testId() {
-				return $();
+				return ee();
 			},
 			children: (e, t) => {
 				var n = comment(), i = first_child(n), a = (e) => {
@@ -30382,7 +30382,7 @@ function ChatComposer(e, t) {
 				return k();
 			},
 			get testId() {
-				return ee();
+				return $();
 			},
 			children: (e, t) => {
 				var n = comment(), i = first_child(n), a = (e) => {
@@ -30687,1683 +30687,1421 @@ delegate(["click"]), create_custom_element(ChatSuggestions, {
 	classes: {}
 }, [], [], { mode: "open" });
 //#endregion
-//#region src/lib/ChatToolStatus/ChatToolStatus.svelte
-var root$4 = /* @__PURE__ */ from_html("<div aria-live=\"polite\"><span class=\"indicator svelte-1s6lfrc\"><!></span> <span class=\"label svelte-1s6lfrc\"> </span></div>"), $$css$5 = {
-	hash: "svelte-1s6lfrc",
-	code: ".chat-tool-status.svelte-1s6lfrc {box-sizing:border-box;display:inline-flex;align-items:center;gap:var(--chat-tool-status-gap, 8px);width:fit-content;padding:var(--chat-tool-status-padding, 8px 14px);background:var(--chat-tool-status-background, #ffffff);border:var(--chat-tool-status-border, 1px solid #e4e4e7);border-radius:var(--chat-tool-status-border-radius, 999px);box-shadow:var(--chat-tool-status-box-shadow, 0 6px 20px rgba(0, 0, 0, 0.08));color:var(--chat-tool-status-color, #52525b);font-size:var(--chat-tool-status-font-size, 0.85rem);font-weight:var(--chat-tool-status-font-weight, 500);max-width:var(--chat-tool-status-max-width, 100%);}.indicator.svelte-1s6lfrc {display:inline-flex;align-items:center;flex-shrink:0;color:var(--chat-tool-status-indicator-color, currentColor);--loader-foreground: var(--chat-tool-status-spinner-color, currentColor);--loader-foreground-end: var(--chat-tool-status-spinner-color-end, transparent);--loader-width: var(--chat-tool-status-spinner-size, 14px);--loader-height: var(--chat-tool-status-spinner-size, 14px);--loader-before-width: 7px;--loader-before-height: 7px;--loader-after-width: 11px;--loader-after-height: 11px;--loader-background: var(--chat-tool-status-background, #ffffff);}.label.svelte-1s6lfrc {white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}"
+//#region src/lib/ThinkingIndicator/ThinkingIndicator.svelte
+var root$4 = /* @__PURE__ */ from_html("<span class=\"avatar svelte-uzfrw6\"><!></span>"), root_1$4 = /* @__PURE__ */ from_svg("<svg viewBox=\"0 0 16 16\" fill=\"none\" class=\"svelte-uzfrw6\"><path d=\"M4 6l4 4 4-4\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"svelte-uzfrw6\"></path></svg>"), root_2$3 = /* @__PURE__ */ from_html("<span class=\"elapsed svelte-uzfrw6\"> </span>"), root_3$3 = /* @__PURE__ */ from_html("<span class=\"status-row svelte-uzfrw6\"><!> <span class=\"label-cluster svelte-uzfrw6\"><span> </span> <span aria-hidden=\"true\"><!></span></span></span> <!>", 1), root_4$2 = /* @__PURE__ */ from_svg("<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\" class=\"svelte-uzfrw6\"><circle cx=\"11\" cy=\"11\" r=\"7\" class=\"svelte-uzfrw6\"></circle><path d=\"m21 21-4.3-4.3\" stroke-linecap=\"round\" class=\"svelte-uzfrw6\"></path></svg>"), root_5$2 = /* @__PURE__ */ from_html("<span class=\"trace-query-wrap svelte-uzfrw6\"><!></span>"), root_6$2 = /* @__PURE__ */ from_html("<span> </span>"), root_7$2 = /* @__PURE__ */ from_html("<span class=\"added svelte-uzfrw6\"> </span>"), root_8$2 = /* @__PURE__ */ from_html("<span class=\"removed svelte-uzfrw6\"> </span>"), root_9$1 = /* @__PURE__ */ from_html("<span class=\"row-diffstat svelte-uzfrw6\"><!> <!></span>"), root_10 = /* @__PURE__ */ from_html("<button type=\"button\"><b class=\"row-primary svelte-uzfrw6\"> </b> <!> <!></button>"), root_11 = /* @__PURE__ */ from_html("<span class=\"row-secondary svelte-uzfrw6\"> </span>"), root_12 = /* @__PURE__ */ from_html("<a class=\"trace-row linked svelte-uzfrw6\" target=\"_blank\" rel=\"noopener noreferrer\"><span class=\"row-badge svelte-uzfrw6\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"svelte-uzfrw6\"><path d=\"M20 6 9 17l-5-5\" class=\"svelte-uzfrw6\"></path></svg></span> <b class=\"row-primary svelte-uzfrw6\"> </b> <!></a>"), root_13 = /* @__PURE__ */ from_svg("<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"svelte-uzfrw6\"><path d=\"M20 6 9 17l-5-5\" class=\"svelte-uzfrw6\"></path></svg>"), root_14 = /* @__PURE__ */ from_html("<span class=\"row-icon svelte-uzfrw6\" aria-hidden=\"true\"><!></span>"), root_15 = /* @__PURE__ */ from_html("<span class=\"row-badge svelte-uzfrw6\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"svelte-uzfrw6\"><path d=\"M20 6 9 17l-5-5\" class=\"svelte-uzfrw6\"></path></svg></span>"), root_16 = /* @__PURE__ */ from_html("<b class=\"row-primary svelte-uzfrw6\"> </b>"), root_17 = /* @__PURE__ */ from_html("<div><!> <!> <!> <!></div>"), root_18 = /* @__PURE__ */ from_html("<div class=\"trace-more svelte-uzfrw6\"> </div>"), root_19 = /* @__PURE__ */ from_html("<!> <div class=\"trace-body svelte-uzfrw6\"><span class=\"trace-connector svelte-uzfrw6\" aria-hidden=\"true\"></span> <div class=\"trace-rows svelte-uzfrw6\"></div></div> <!>", 1), root_20 = /* @__PURE__ */ from_html("<p class=\"detail svelte-uzfrw6\"> </p>"), root_21 = /* @__PURE__ */ from_html("<div class=\"thinking-indicator-body svelte-uzfrw6\"><!></div>"), root_22 = /* @__PURE__ */ from_html("<div><div class=\"toggle svelte-uzfrw6\"><!></div> <!></div>"), root_23 = /* @__PURE__ */ from_html("<span class=\"svelte-uzfrw6\"> </span>"), root_24 = /* @__PURE__ */ from_html("<span><!></span>"), root_25 = /* @__PURE__ */ from_html("<div aria-live=\"polite\" aria-atomic=\"true\"><span class=\"chip-icon svelte-uzfrw6\"><!></span> <span> </span></div>"), root_26 = /* @__PURE__ */ from_html("<div><span class=\"status-row svelte-uzfrw6\"><span class=\"avatar svelte-uzfrw6\"><!></span> <span> </span></span> <!></div>"), $$css$5 = {
+	hash: "svelte-uzfrw6",
+	code: "\n  @keyframes svelte-uzfrw6-thinking-indicator-shimmer {\n    0% {\n      background-position: 200% 0;\n    }\n\n    100% {\n      background-position: -200% 0;\n    }\n  }\n\n  @keyframes svelte-uzfrw6-thinking-indicator-fade-up {\n    from {\n      opacity: 0;\n      transform: translateY(9px);\n    }\n    to {\n      opacity: 1;\n      transform: none;\n    }\n  }\n\n  @keyframes svelte-uzfrw6-thinking-indicator-fade-in {\n    from {\n      opacity: 0;\n    }\n    to {\n      opacity: 1;\n    }\n  }.thinking-indicator.svelte-uzfrw6 {box-sizing:border-box;width:100%;}.expandable.svelte-uzfrw6 {border-bottom:var(--thinking-indicator-border-bottom, 1px solid #e4e4e7);padding-block:var(--thinking-indicator-padding-block, 0.5rem);margin-bottom:var(--thinking-indicator-margin-bottom, 1rem);min-height:0;transition:min-height 400ms\n      var(--thinking-indicator-trace-ease, cubic-bezier(0.23, 1, 0.32, 1));}.expandable.busy.svelte-uzfrw6 {min-height:var(--thinking-indicator-trace-busy-min-height, 0px);}.toggle.svelte-uzfrw6 {width:100%;--button-color: transparent;--button-border: none;--button-box-shadow: none;--button-hover-box-shadow: none;--button-active-box-shadow: none;--button-width: 100%;--button-padding: 0;--button-justify-content: flex-start;--button-text-color: inherit;--button-content-gap: var(--thinking-indicator-header-gap, 0.375rem);}\n\n  /* A flex ROW host makes the inner status-row hug its content, so the shimmer\n     gradient maps to the text's own width rather than the full container. Neither\n     form stretches to fill the width — a trailing gap after a short label is real\n     empty space, not a reserved box, so nothing pushes the elapsed counter away. */.status-host.svelte-uzfrw6 {display:flex;align-items:center;gap:var(--thinking-indicator-header-gap, 0.375rem);}.status-row.svelte-uzfrw6 {display:flex;align-items:center;gap:var(--thinking-indicator-gap, 0.25rem);min-width:0;}.avatar.svelte-uzfrw6 {display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--thinking-indicator-avatar-size, 1.5rem);height:var(--thinking-indicator-avatar-size, 1.5rem);--loader-width: var(--thinking-indicator-avatar-loader-size, 1rem);--loader-height: var(--thinking-indicator-avatar-loader-size, 1rem);}\n\n  /* The chevron lives in the same flex cluster as the label so it hugs the text\n     immediately, instead of drifting to the far edge of the toggle button. */.label-cluster.svelte-uzfrw6 {display:flex;align-items:center;gap:var(--thinking-indicator-arrow-gap, 0.125rem);min-width:0;}.status-label.svelte-uzfrw6 {flex:0 1 auto;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:left;font-size:var(--thinking-indicator-font-size, 0.75rem);line-height:var(--thinking-indicator-line-height, 1.25rem);color:var(--thinking-indicator-label-color, #858585);background:var(\n      --thinking-indicator-shimmer-gradient,\n      linear-gradient(90deg, #858585 0%, #bebebe 50%, #858585 100%)\n    );background-size:200% 100%;background-clip:text;-webkit-text-fill-color:transparent;\n    animation: svelte-uzfrw6-thinking-indicator-shimmer var(--thinking-indicator-shimmer-duration, 2s) linear\n      infinite;}\n\n  /* A settled label (no live busy phase) holds still instead of shimmering. */.static-label.svelte-uzfrw6 {\n    animation: none;-webkit-text-fill-color:var(--thinking-indicator-label-color, #858585);}\n\n  /* ---- chip variant: a self-contained floating pill (no ancestor supplies\n     background/layout, unlike bare) — deliberately not `width: 100%`/box-sizing\n     from `.thinking-indicator`, since a pill hugs its content. */.thinking-indicator-chip.svelte-uzfrw6 {box-sizing:border-box;display:inline-flex;align-items:center;gap:var(--thinking-indicator-chip-gap, 8px);width:fit-content;padding:var(--thinking-indicator-chip-padding, 8px 14px);background:var(--thinking-indicator-chip-background, #ffffff);border:var(--thinking-indicator-chip-border, 1px solid #e4e4e7);border-radius:var(--thinking-indicator-chip-border-radius, 999px);box-shadow:var(--thinking-indicator-chip-box-shadow, 0 6px 20px rgba(0, 0, 0, 0.08));max-width:var(--thinking-indicator-chip-max-width, 100%);}.chip-icon.svelte-uzfrw6 {display:inline-flex;align-items:center;flex-shrink:0;color:var(--thinking-indicator-chip-icon-color, currentColor);--loader-foreground: var(--thinking-indicator-chip-spinner-color, currentColor);--loader-foreground-end: var(--thinking-indicator-chip-spinner-color-end, transparent);--loader-width: var(--thinking-indicator-chip-spinner-size, 14px);--loader-height: var(--thinking-indicator-chip-spinner-size, 14px);--loader-before-width: 7px;--loader-before-height: 7px;--loader-after-width: 11px;--loader-after-height: 11px;--loader-background: var(--thinking-indicator-chip-background, #ffffff);}.chip-label.svelte-uzfrw6 {flex:0 1 auto;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:var(--thinking-indicator-chip-font-size, 0.85rem);font-weight:var(--thinking-indicator-chip-font-weight, 500);color:var(--thinking-indicator-chip-color, #52525b);background:var(\n      --thinking-indicator-chip-shimmer-gradient,\n      linear-gradient(90deg, #52525b 0%, #a0a0a0 50%, #52525b 100%)\n    );background-size:200% 100%;background-clip:text;-webkit-text-fill-color:transparent;\n    animation: svelte-uzfrw6-thinking-indicator-shimmer var(--thinking-indicator-chip-shimmer-duration, 2s) linear\n      infinite;}\n\n  /* Chip defaults to a static label (unlike the default/bare variants) since it\n     mirrors ChatToolStatus, which never shimmered — pass `busy` explicitly to\n     opt in. Higher specificity than the generic `.static-label` rule above, so\n     it correctly overrides with the chip's own color token, not the default\n     variant's. */.chip-label.static-label.svelte-uzfrw6 {\n    animation: none;-webkit-text-fill-color:var(--thinking-indicator-chip-color, #52525b);}.arrow.svelte-uzfrw6 {display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--thinking-indicator-arrow-size, 1rem);height:var(--thinking-indicator-arrow-size, 1rem);color:var(--thinking-indicator-arrow-color, #7a7a7a);transform:rotate(-90deg);transition:var(--thinking-indicator-arrow-transition, transform 0.2s ease-in-out);}.arrow.svelte-uzfrw6 svg:where(.svelte-uzfrw6) {width:100%;height:100%;}.arrow.expanded.svelte-uzfrw6 {transform:rotate(0deg);}.detail.svelte-uzfrw6 {margin:0;padding-top:var(--thinking-indicator-detail-padding-top, 0.5rem);font-size:var(--thinking-indicator-detail-font-size, 0.875rem);line-height:var(--thinking-indicator-detail-line-height, 1.5);color:var(--thinking-indicator-detail-color, #bebebe);text-align:left;}.elapsed.svelte-uzfrw6 {flex-shrink:0;font-variant-numeric:tabular-nums;color:var(--thinking-indicator-elapsed-color, #9a9a9a);font-size:var(--thinking-indicator-elapsed-font-size, 0.75rem);}\n\n  /* ---- Trace body (rows?: ThinkingIndicatorTraceRow[]) ---- */\n\n  /* Wrapper exists only to carry `inert` while the Accordion has it collapsed —\n     no box of its own, so it can't disturb the detail/trace layout it wraps. */.thinking-indicator-body.svelte-uzfrw6 {display:contents;}.trace-query-wrap.svelte-uzfrw6 {display:inline-flex;margin:var(--thinking-indicator-trace-query-margin, 10px 0 0);--pill-width: auto;--pill-justify-content: flex-start;--pill-cursor: default;--pill-gap: 6px;--pill-background: var(--thinking-indicator-trace-query-background, #f1f1f1);--pill-color: var(--thinking-indicator-trace-query-color, #6b6b6b);--pill-border-radius: var(--thinking-indicator-trace-query-radius, 999px);--pill-padding: var(--thinking-indicator-trace-query-padding, 3px 11px);--pill-font-size: var(--thinking-indicator-trace-query-font-size, 0.8125rem);--pill-font-weight: 400;}.trace-query-wrap.svelte-uzfrw6 svg {width:11px;height:11px;}.trace-body.svelte-uzfrw6 {display:flex;gap:var(--thinking-indicator-trace-body-gap, 12px);padding-top:var(--thinking-indicator-trace-body-padding-top, 10px);}.trace-connector.svelte-uzfrw6 {width:2px;border-radius:999px;background:var(--thinking-indicator-trace-connector-color, #dcdcdc);margin-left:6px;flex-shrink:0;transition:height 500ms var(--thinking-indicator-trace-ease, cubic-bezier(0.23, 1, 0.32, 1));}.trace-rows.svelte-uzfrw6 {flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--thinking-indicator-trace-row-gap, 7px);align-self:flex-start;}.trace-row.svelte-uzfrw6 {display:flex;align-items:baseline;gap:8px;font-size:var(--thinking-indicator-trace-row-font-size, 0.8125rem);color:var(--thinking-indicator-trace-row-color, #2b2b2b);\n    animation: svelte-uzfrw6-thinking-indicator-fade-up 320ms\n      var(--thinking-indicator-trace-ease, cubic-bezier(0.23, 1, 0.32, 1)) both;text-decoration:none;}.trace-row.prose.svelte-uzfrw6 {color:var(--thinking-indicator-trace-prose-color, #6b6b6b);}.trace-row.selectable.svelte-uzfrw6 {border:none;background:none;font:inherit;text-align:left;padding:3px 6px;margin:-3px -6px;border-radius:var(--thinking-indicator-trace-row-radius, 6px);cursor:pointer;transition:background 150ms ease;width:calc(100% + 12px);}.trace-row.selectable.svelte-uzfrw6:hover {background:var(--thinking-indicator-trace-row-hover-background, #f4f4f4);}.trace-row.selectable.selected.svelte-uzfrw6 {background:var(--thinking-indicator-trace-row-selected-background, #ececec);}.trace-row.linked.svelte-uzfrw6:hover .row-primary:where(.svelte-uzfrw6) {text-decoration:underline;}.row-primary.svelte-uzfrw6 {font-weight:var(--thinking-indicator-trace-row-weight, 500);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.row-secondary.svelte-uzfrw6 {color:var(--thinking-indicator-trace-secondary-color, #9a9a9a);font-size:var(--thinking-indicator-trace-secondary-font-size, 0.75rem);white-space:nowrap;}.row-secondary.mono.svelte-uzfrw6 {font-family:var(--thinking-indicator-trace-mono-font, ui-monospace, Menlo, monospace);}\n\n  /* Steps kind: a static check icon, or — on the frontier row while busy — the\n     library Loader, recoloured/resized to match the row's small icon footprint. */.row-icon.svelte-uzfrw6 {display:inline-flex;align-self:center;width:14px;flex-shrink:0;color:var(--thinking-indicator-trace-icon-color, #9a9a9a);--loader-width: var(--thinking-indicator-trace-spinner-size, 11px);--loader-height: var(--thinking-indicator-trace-spinner-size, 11px);--loader-before-width: 5px;--loader-before-height: 5px;--loader-after-width: 8px;--loader-after-height: 8px;--loader-foreground: var(--thinking-indicator-trace-spinner-color, #6b6b6b);--loader-foreground-end: var(--thinking-indicator-trace-spinner-color-end, transparent);--loader-background: var(--thinking-indicator-trace-spinner-track-color, #dcdcdc);}.row-icon.svelte-uzfrw6 svg:where(.svelte-uzfrw6) {width:12px;height:12px;}.row-badge.svelte-uzfrw6 {width:15px;height:15px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;color:var(--thinking-indicator-trace-badge-check-color, #fff);flex-shrink:0;align-self:center;}.row-badge[data-tone='1'].svelte-uzfrw6 {background:var(--thinking-indicator-trace-tone-1, #2f6fec);}.row-badge[data-tone='2'].svelte-uzfrw6 {background:var(--thinking-indicator-trace-tone-2, #e56d24);}.row-badge[data-tone='3'].svelte-uzfrw6 {background:var(--thinking-indicator-trace-tone-3, #1f7a5f);}.row-badge.svelte-uzfrw6 svg:where(.svelte-uzfrw6) {width:9px;height:9px;}.row-diffstat.svelte-uzfrw6 {margin-left:auto;font-family:var(--thinking-indicator-trace-mono-font, ui-monospace, Menlo, monospace);font-size:0.75rem;font-variant-numeric:tabular-nums;white-space:nowrap;display:inline-flex;gap:5px;}.row-diffstat.svelte-uzfrw6 .added:where(.svelte-uzfrw6) {color:var(--thinking-indicator-trace-added-color, #1f7a5f);}.row-diffstat.svelte-uzfrw6 .removed:where(.svelte-uzfrw6) {color:var(--thinking-indicator-trace-removed-color, #c93f38);}.trace-more.svelte-uzfrw6 {font-size:var(--thinking-indicator-trace-more-font-size, 0.75rem);color:var(--thinking-indicator-trace-more-color, #9a9a9a);padding:6px 0 0 22px;\n    animation: svelte-uzfrw6-thinking-indicator-fade-in 300ms ease both;}\n\n  @media (prefers-reduced-motion: reduce) {.status-label.svelte-uzfrw6,\n    .chip-label.svelte-uzfrw6,\n    .trace-row.svelte-uzfrw6,\n    .trace-more.svelte-uzfrw6 {animation-duration:0.001s;}.expandable.svelte-uzfrw6,\n    .trace-connector.svelte-uzfrw6,\n    .arrow.svelte-uzfrw6 {transition-duration:0.001s;}.status-label.svelte-uzfrw6 {\n      animation: none;-webkit-text-fill-color:var(--thinking-indicator-label-color, #858585);}.chip-label.svelte-uzfrw6 {\n      animation: none;-webkit-text-fill-color:var(--thinking-indicator-chip-color, #52525b);}\n  }"
 };
-function ChatToolStatus(e, t) {
+function ThinkingIndicator(e, t) {
 	push(t, !0), append_styles$1(e, $$css$5);
-	let n = prop(t, "label", 7), i = prop(t, "icon", 7), a = prop(t, "testId", 7), o = prop(t, "classes", 7);
-	var s = {
-		get label() {
-			return n();
-		},
-		set label(e) {
-			n(e), flushSync();
-		},
-		get icon() {
-			return i();
-		},
-		set icon(e) {
-			i(e), flushSync();
-		},
-		get testId() {
-			return a();
-		},
-		set testId(e) {
-			a(e), flushSync();
-		},
-		get classes() {
-			return o();
-		},
-		set classes(e) {
-			o(e), flushSync();
-		}
-	}, c = root$4(), l = child(c), u = child(l), d = (e) => {
-		var t = comment();
-		snippet(first_child(t), i), append(e, t);
-	}, f = (e) => {
-		Loader(e, {});
-	};
-	if_block(u, (e) => {
-		typeof i() == "function" ? e(d) : e(f, -1);
-	}), reset(l);
-	var p = sibling(l, 2), m = child(p, !0);
-	return reset(p), reset(c), template_effect(() => {
-		set_class(c, 1, `chat-tool-status ${o() ?? "" ?? ""}`, "svelte-1s6lfrc"), set_attribute(c, "data-pw", typeof a() == "string" ? a() : null), set_attribute(c, "testid", typeof a() == "string" ? a() : null), set_text(m, n());
-	}), append(e, c), pop(s);
-}
-create_custom_element(ChatToolStatus, {
-	label: {},
-	icon: {},
-	testId: {},
-	classes: {}
-}, [], [], { mode: "open" });
-//#endregion
-//#region src/lib/Chat/Chat.svelte
-var root$3 = /* @__PURE__ */ from_html("<div class=\"tool-status svelte-2jkbfk\"><!></div>"), root_1$4 = /* @__PURE__ */ from_html("<section><!> <!> <div class=\"footer svelte-2jkbfk\"><!> <!> <!></div></section>"), $$css$4 = {
-	hash: "svelte-2jkbfk",
-	code: ".chat.svelte-2jkbfk {box-sizing:border-box;display:flex;flex-direction:column;height:var(--chat-height, 100%);width:var(--chat-width, 100%);background:var(--chat-background, #ffffff);border:var(--chat-border, none);border-radius:var(--chat-border-radius, 0);overflow:hidden;}.footer.svelte-2jkbfk {box-sizing:border-box;display:flex;flex-direction:column;gap:var(--chat-footer-gap, 10px);padding:var(--chat-footer-padding, 12px 1.5rem);background:var(--chat-footer-background, transparent);border-top:var(--chat-footer-border-top, none);}.tool-status.svelte-2jkbfk {display:flex;justify-content:var(--chat-tool-status-justify, center);}"
-};
-function Chat(e, t) {
-	push(t, !0), append_styles$1(e, $$css$4);
-	let n = prop(t, "messages", 7), i = prop(t, "value", 15, ""), a = prop(t, "title", 7, ""), o = prop(t, "subtitle", 7, ""), s = prop(t, "image", 7), c = prop(t, "imageAlt", 7, ""), l = prop(t, "placeholder", 7, ""), u = prop(t, "disabled", 7, !1), d = prop(t, "streaming", 7, !1), f = prop(t, "recording", 7, !1), p = prop(t, "autoscroll", 7, !0), m = prop(t, "toolStatus", 7, null), h = prop(t, "suggestions", 23, () => []), g = prop(t, "attachments", 31, () => proxy([])), _ = prop(t, "accept", 7, ""), v = prop(t, "multiple", 7, !1), y = prop(t, "allowCopy", 7, !1), b = prop(t, "closeLabel", 7, "Close"), x = prop(t, "showClose", 7), S = prop(t, "headerAvatar", 7), C = prop(t, "headerActions", 7), w = prop(t, "headerContent", 7), T = prop(t, "message", 7), E = prop(t, "messageBody", 7), D = prop(t, "messageAttachments", 7), O = prop(t, "empty", 7), k = prop(t, "composerLeading", 7), A = prop(t, "sendIcon", 7), j = prop(t, "stopIcon", 7), M = prop(t, "voiceIcon", 7), N = prop(t, "attachIcon", 7), P = prop(t, "onsend", 7), F = prop(t, "onsuggestion", 7), I = prop(t, "onclose", 7), L = prop(t, "onstop", 7), R = prop(t, "onvoice", 7), z = prop(t, "onattach", 7), B = prop(t, "onretry", 7), V = prop(t, "onfeedback", 7), H = prop(t, "testId", 7), U = prop(t, "classes", 7), W = /* @__PURE__ */ user_derived(() => a().length > 0 || o().length > 0 || typeof s() == "string" && s().length > 0 || typeof I() == "function" || typeof S() == "function" || typeof C() == "function"), G = /* @__PURE__ */ user_derived(() => h().length > 0 && n().length === 0);
-	function K(e, t) {
-		if (typeof F() == "function") {
-			F()(e, t);
+	let n = prop(t, "label", 7), i = prop(t, "detail", 7), a = prop(t, "expanded", 15, !1), o = prop(t, "variant", 7, "default"), s = prop(t, "showElapsed", 7, !1), c = prop(t, "onToggle", 7), l = prop(t, "avatar", 7), u = prop(t, "toggleIcon", 7), d = prop(t, "testId", 7), f = prop(t, "toggleTestId", 7), p = prop(t, "detailTestId", 7), m = prop(t, "labelTestId", 7), h = prop(t, "classes", 7), g = prop(t, "rows", 7), _ = prop(t, "kind", 7, "steps"), v = prop(t, "busy", 7), y = prop(t, "query", 7), b = prop(t, "moreLabel", 7), x = prop(t, "selectable", 7, !1), S = prop(t, "selected", 15, null), C = prop(t, "onrowselect", 7), w = prop(t, "onsettled", 7), T = prop(t, "collapseDelayMs", 7, 2600), E = /* @__PURE__ */ user_derived(() => Array.isArray(g())), D = /* @__PURE__ */ user_derived(() => g() ?? []), O = /* @__PURE__ */ user_derived(() => o() === "default" && (get(E) || typeof i() == "string" && i().length > 0)), k = /* @__PURE__ */ user_derived(() => v() ?? (o() === "chip" ? !1 : !get(O))), A = !1, j = () => {
+		A = !0, a(!a()), c()?.();
+	}, M = /* @__PURE__ */ state(0), N = /* @__PURE__ */ state(!1), P = null, F = () => {
+		set(M, 0), set(N, !0), P && clearInterval(P), P = setInterval(() => {
+			set(M, get(M) + 1);
+		}, 1e3);
+	}, I = () => {
+		P &&= (clearInterval(P), null);
+	}, L = (e, t) => {
+		let n = t;
+		return t && F(), {
+			update(e) {
+				e !== n && (n = e, e ? F() : I());
+			},
+			destroy() {
+				I();
+			}
+		};
+	}, R = !1, z = null, B = (e) => {
+		if (e) {
+			R = !1, z &&= (clearTimeout(z), null), A || a(!0);
 			return;
 		}
-		P()?.(e, []);
-	}
+		R || (R = !0, w()?.(), T() !== null && !A && (z = setTimeout(() => {
+			A || a(!1);
+		}, T())));
+	}, V = (e, t) => {
+		let n = t;
+		return t === !0 ? a(!0) : t === !1 && (R = !0), {
+			update(e) {
+				e !== n && (n = e, typeof e == "boolean" && B(e));
+			},
+			destroy() {
+				z && clearTimeout(z);
+			}
+		};
+	}, H = /* @__PURE__ */ state(0), U = (e, t) => {
+		let n = t;
+		return { update(e) {
+			e > n && set(H, n, !0), n = e;
+		} };
+	}, W = (e) => `${Math.max(0, e - get(H)) * 120}ms`, G = (e) => {
+		S(S() === e ? null : e), C()?.(S());
+	}, K = /* @__PURE__ */ state(0);
 	var q = {
-		get messages() {
+		get label() {
 			return n();
 		},
-		set messages(e) {
+		set label(e) {
 			n(e), flushSync();
 		},
-		get value() {
+		get detail() {
 			return i();
 		},
-		set value(e = "") {
+		set detail(e) {
 			i(e), flushSync();
 		},
-		get title() {
+		get expanded() {
 			return a();
 		},
-		set title(e = "") {
+		set expanded(e = !1) {
 			a(e), flushSync();
 		},
-		get subtitle() {
+		get variant() {
 			return o();
 		},
-		set subtitle(e = "") {
+		set variant(e = "default") {
 			o(e), flushSync();
 		},
-		get image() {
+		get showElapsed() {
 			return s();
 		},
-		set image(e) {
+		set showElapsed(e = !1) {
 			s(e), flushSync();
 		},
-		get imageAlt() {
+		get onToggle() {
 			return c();
 		},
-		set imageAlt(e = "") {
+		set onToggle(e) {
 			c(e), flushSync();
 		},
-		get placeholder() {
+		get avatar() {
 			return l();
 		},
-		set placeholder(e = "") {
+		set avatar(e) {
 			l(e), flushSync();
 		},
-		get disabled() {
+		get toggleIcon() {
 			return u();
 		},
-		set disabled(e = !1) {
+		set toggleIcon(e) {
 			u(e), flushSync();
 		},
-		get streaming() {
+		get testId() {
 			return d();
 		},
-		set streaming(e = !1) {
+		set testId(e) {
 			d(e), flushSync();
 		},
-		get recording() {
+		get toggleTestId() {
 			return f();
 		},
-		set recording(e = !1) {
+		set toggleTestId(e) {
 			f(e), flushSync();
 		},
-		get autoscroll() {
+		get detailTestId() {
 			return p();
 		},
-		set autoscroll(e = !0) {
+		set detailTestId(e) {
 			p(e), flushSync();
 		},
-		get toolStatus() {
+		get labelTestId() {
 			return m();
 		},
-		set toolStatus(e = null) {
+		set labelTestId(e) {
 			m(e), flushSync();
 		},
-		get suggestions() {
+		get classes() {
 			return h();
 		},
-		set suggestions(e = []) {
+		set classes(e) {
 			h(e), flushSync();
 		},
-		get attachments() {
+		get rows() {
 			return g();
 		},
-		set attachments(e = []) {
+		set rows(e) {
 			g(e), flushSync();
 		},
-		get accept() {
+		get kind() {
 			return _();
 		},
-		set accept(e = "") {
+		set kind(e = "steps") {
 			_(e), flushSync();
 		},
-		get multiple() {
+		get busy() {
 			return v();
 		},
-		set multiple(e = !1) {
+		set busy(e) {
 			v(e), flushSync();
 		},
-		get allowCopy() {
+		get query() {
 			return y();
 		},
-		set allowCopy(e = !1) {
+		set query(e) {
 			y(e), flushSync();
 		},
-		get closeLabel() {
+		get moreLabel() {
 			return b();
 		},
-		set closeLabel(e = "Close") {
+		set moreLabel(e) {
 			b(e), flushSync();
 		},
-		get showClose() {
+		get selectable() {
 			return x();
 		},
-		set showClose(e) {
+		set selectable(e = !1) {
 			x(e), flushSync();
 		},
-		get headerAvatar() {
+		get selected() {
 			return S();
 		},
-		set headerAvatar(e) {
+		set selected(e = null) {
 			S(e), flushSync();
 		},
-		get headerActions() {
+		get onrowselect() {
 			return C();
 		},
-		set headerActions(e) {
+		set onrowselect(e) {
 			C(e), flushSync();
 		},
-		get headerContent() {
+		get onsettled() {
 			return w();
 		},
-		set headerContent(e) {
+		set onsettled(e) {
 			w(e), flushSync();
 		},
-		get message() {
+		get collapseDelayMs() {
 			return T();
 		},
-		set message(e) {
+		set collapseDelayMs(e = 2600) {
 			T(e), flushSync();
-		},
-		get messageBody() {
-			return E();
-		},
-		set messageBody(e) {
-			E(e), flushSync();
-		},
-		get messageAttachments() {
-			return D();
-		},
-		set messageAttachments(e) {
-			D(e), flushSync();
-		},
-		get empty() {
-			return O();
-		},
-		set empty(e) {
-			O(e), flushSync();
-		},
-		get composerLeading() {
-			return k();
-		},
-		set composerLeading(e) {
-			k(e), flushSync();
-		},
-		get sendIcon() {
-			return A();
-		},
-		set sendIcon(e) {
-			A(e), flushSync();
-		},
-		get stopIcon() {
-			return j();
-		},
-		set stopIcon(e) {
-			j(e), flushSync();
-		},
-		get voiceIcon() {
-			return M();
-		},
-		set voiceIcon(e) {
-			M(e), flushSync();
-		},
-		get attachIcon() {
-			return N();
-		},
-		set attachIcon(e) {
-			N(e), flushSync();
-		},
-		get onsend() {
-			return P();
-		},
-		set onsend(e) {
-			P(e), flushSync();
-		},
-		get onsuggestion() {
-			return F();
-		},
-		set onsuggestion(e) {
-			F(e), flushSync();
-		},
-		get onclose() {
-			return I();
-		},
-		set onclose(e) {
-			I(e), flushSync();
-		},
-		get onstop() {
-			return L();
-		},
-		set onstop(e) {
-			L(e), flushSync();
-		},
-		get onvoice() {
-			return R();
-		},
-		set onvoice(e) {
-			R(e), flushSync();
-		},
-		get onattach() {
-			return z();
-		},
-		set onattach(e) {
-			z(e), flushSync();
-		},
-		get onretry() {
-			return B();
-		},
-		set onretry(e) {
-			B(e), flushSync();
-		},
-		get onfeedback() {
-			return V();
-		},
-		set onfeedback(e) {
-			V(e), flushSync();
-		},
-		get testId() {
-			return H();
-		},
-		set testId(e) {
-			H(e), flushSync();
-		},
-		get classes() {
-			return U();
-		},
-		set classes(e) {
-			U(e), flushSync();
 		}
-	}, J = root_1$4(), Y = child(J), X = (e) => {
-		ChatHeader(e, {
-			get title() {
-				return a();
-			},
-			get subtitle() {
-				return o();
-			},
-			get image() {
-				return s();
-			},
-			get imageAlt() {
-				return c();
-			},
-			get closeLabel() {
-				return b();
-			},
-			get showClose() {
-				return x();
-			},
-			get onclose() {
-				return I();
-			},
-			get avatar() {
-				return S();
-			},
-			get actions() {
-				return C();
-			},
-			get children() {
-				return w();
-			}
-		});
-	};
-	if_block(Y, (e) => {
-		get(W) && e(X);
-	});
-	var Z = sibling(Y, 2);
-	ChatMessageList(Z, {
-		get messages() {
-			return n();
-		},
-		get autoscroll() {
-			return p();
-		},
-		get message() {
-			return T();
-		},
-		get messageBody() {
-			return E();
-		},
-		get messageAttachments() {
-			return D();
-		},
-		get empty() {
-			return O();
-		},
-		get allowCopy() {
-			return y();
-		},
-		get onretry() {
-			return B();
-		},
-		get onfeedback() {
-			return V();
+	}, J = comment(), Y = first_child(J), X = (e) => {
+		var t = root_22();
+		let o;
+		var c = child(t), g = child(c);
+		{
+			let e = /* @__PURE__ */ user_derived(() => f() ?? (d() && `${d()}-toggle`));
+			Button(g, {
+				onclick: j,
+				get ariaExpanded() {
+					return a();
+				},
+				get testId() {
+					return get(e);
+				},
+				children: (e, t) => {
+					var i = root_3$3(), o = first_child(i), c = child(o), f = (e) => {
+						var t = root$4(), n = child(t), i = (e) => {
+							var t = comment();
+							snippet(first_child(t), l), append(e, t);
+						}, a = (e) => {
+							Loader(e, {});
+						};
+						if_block(n, (e) => {
+							l() ? e(i) : e(a, -1);
+						}), reset(t), append(e, t);
+					};
+					if_block(c, (e) => {
+						(l() || get(k)) && e(f);
+					});
+					var p = sibling(c, 2), h = child(p);
+					let g;
+					var _ = child(h, !0);
+					reset(h);
+					var v = sibling(h, 2);
+					let y;
+					var b = child(v), x = (e) => {
+						var t = comment();
+						snippet(first_child(t), u), append(e, t);
+					}, S = (e) => {
+						append(e, root_1$4());
+					};
+					if_block(b, (e) => {
+						u() ? e(x) : e(S, -1);
+					}), reset(v), reset(p), reset(o);
+					var C = sibling(o, 2), w = (e) => {
+						var t = root_2$3(), n = child(t);
+						reset(t), template_effect(() => {
+							set_attribute(t, "data-pw", typeof d() == "string" ? `${d()}-elapsed` : null), set_attribute(t, "testid", typeof d() == "string" ? `${d()}-elapsed` : null), set_text(n, `${get(M) ?? ""}s`);
+						}), append(e, t);
+					};
+					if_block(C, (e) => {
+						s() && get(N) && e(w);
+					}), template_effect(() => {
+						g = set_class(h, 1, "status-label svelte-uzfrw6", null, g, { "static-label": !get(k) }), set_attribute(h, "data-pw", m() ?? null), set_text(_, n()), y = set_class(v, 1, "arrow svelte-uzfrw6", null, y, { expanded: a() });
+					}), append(e, i);
+				},
+				$$slots: { default: !0 }
+			});
 		}
-	});
-	var Q = sibling(Z, 2), ee = child(Q), $ = (e) => {
-		ChatSuggestions(e, {
-			get items() {
-				return h();
-			},
-			get disabled() {
-				return u();
+		reset(c), Accordion(sibling(c, 2), {
+			get expand() {
+				return a();
 			},
-			onselect: K
-		});
-	};
-	if_block(ee, (e) => {
-		get(G) && e($);
-	});
-	var te = sibling(ee, 2), ne = (e) => {
-		var t = root$3();
-		ChatToolStatus(child(t), { get label() {
-			return m().label;
-		} }), reset(t), append(e, t);
-	};
-	return if_block(te, (e) => {
-		m() !== null && e(ne);
-	}), ChatComposer(sibling(te, 2), {
-		get placeholder() {
-			return l();
-		},
-		get disabled() {
-			return u();
-		},
-		get streaming() {
-			return d();
-		},
-		get recording() {
-			return f();
-		},
-		get accept() {
-			return _();
-		},
-		get multiple() {
-			return v();
-		},
-		get onsubmit() {
-			return P();
-		},
-		get onstop() {
-			return L();
-		},
-		get onvoice() {
-			return R();
-		},
-		get onattach() {
-			return z();
-		},
-		get leading() {
-			return k();
-		},
-		get sendIcon() {
-			return A();
-		},
-		get stopIcon() {
-			return j();
-		},
-		get voiceIcon() {
-			return M();
-		},
-		get attachIcon() {
-			return N();
-		},
-		get value() {
-			return i();
-		},
-		set value(e) {
-			i(e);
-		},
-		get attachments() {
-			return g();
-		},
-		set attachments(e) {
-			g(e);
-		}
-	}), reset(Q), reset(J), template_effect(() => {
-		set_class(J, 1, `chat ${U() ?? "" ?? ""}`, "svelte-2jkbfk"), set_attribute(J, "data-pw", typeof H() == "string" ? H() : null), set_attribute(J, "testid", typeof H() == "string" ? H() : null);
-	}), append(e, J), pop(q);
-}
-create_custom_element(Chat, {
-	messages: {},
-	value: {},
-	title: {},
-	subtitle: {},
-	image: {},
-	imageAlt: {},
-	placeholder: {},
-	disabled: {},
-	streaming: {},
-	recording: {},
-	autoscroll: {},
-	toolStatus: {},
-	suggestions: {},
-	attachments: {},
-	accept: {},
-	multiple: {},
-	allowCopy: {},
-	closeLabel: {},
-	showClose: {},
-	headerAvatar: {},
-	headerActions: {},
-	headerContent: {},
-	message: {},
-	messageBody: {},
-	messageAttachments: {},
-	empty: {},
-	composerLeading: {},
-	sendIcon: {},
-	stopIcon: {},
-	voiceIcon: {},
-	attachIcon: {},
-	onsend: {},
-	onsuggestion: {},
-	onclose: {},
-	onstop: {},
-	onvoice: {},
-	onattach: {},
-	onretry: {},
-	onfeedback: {},
-	testId: {},
-	classes: {}
-}, [], [], { mode: "open" });
-//#endregion
-//#region src/wc/components/Chat.wc.svelte
-var rest_excludes$10 = new Set([
-	"$$slots",
-	"$$events",
-	"$$legacy",
-	"$$host"
-]);
-function Chat_wc(e, t) {
-	let n = /* @__PURE__ */ rest_props(t, rest_excludes$10);
-	Chat(e, spread_props(() => n));
-}
-customElements.define("sui-chat", create_custom_element(Chat_wc, {
-	messages: { type: "Object" },
-	value: { type: "String" },
-	title: {
-		reflect: !0,
-		type: "String"
-	},
-	subtitle: {
-		reflect: !0,
-		type: "String"
-	},
-	image: {
-		reflect: !0,
-		type: "String"
-	},
-	imageAlt: {
-		attribute: "image-alt",
-		type: "String"
-	},
-	placeholder: {
-		reflect: !0,
-		type: "String"
-	},
-	disabled: {
-		reflect: !0,
-		type: "Boolean"
-	},
-	streaming: {
-		reflect: !0,
-		type: "Boolean"
-	},
-	recording: {
-		reflect: !0,
-		type: "Boolean"
-	},
-	autoscroll: {
-		reflect: !0,
-		type: "Boolean"
-	},
-	toolStatus: {
-		attribute: "tool-status",
-		type: "Object"
-	},
-	suggestions: { type: "Object" },
-	attachments: { type: "Object" },
-	accept: {
-		reflect: !0,
-		type: "String"
-	},
-	multiple: {
-		reflect: !0,
-		type: "Boolean"
-	},
-	allowCopy: {
-		attribute: "allow-copy",
-		type: "Boolean"
-	},
-	closeLabel: {
-		attribute: "close-label",
-		type: "String"
-	},
-	showClose: {
-		attribute: "show-close",
-		type: "Boolean"
-	},
-	headerAvatar: { type: "Object" },
-	headerActions: { type: "Object" },
-	message: { type: "Object" },
-	messageBody: { type: "Object" },
-	messageAttachments: { type: "Object" },
-	empty: { type: "Object" },
-	composerLeading: { type: "Object" },
-	sendIcon: { type: "Object" },
-	stopIcon: { type: "Object" },
-	voiceIcon: { type: "Object" },
-	attachIcon: { type: "Object" },
-	testId: {
-		attribute: "test-id",
-		type: "String"
-	},
-	classes: { type: "String" },
-	onsend: { type: "Object" },
-	onsuggestion: { type: "Object" },
-	onclose: { type: "Object" },
-	onstop: { type: "Object" },
-	onvoice: { type: "Object" },
-	onattach: { type: "Object" },
-	onretry: { type: "Object" },
-	onfeedback: { type: "Object" }
-}, [], [], { mode: "open" }));
-//#endregion
-//#region src/wc/components/ChatHeader.wc.svelte
-var rest_excludes$9 = new Set([
-	"$$slots",
-	"$$events",
-	"$$legacy",
-	"$$host"
-]);
-function ChatHeader_wc(e, t) {
-	let n = /* @__PURE__ */ rest_props(t, rest_excludes$9);
-	ChatHeader(e, spread_props(() => n));
-}
-customElements.define("sui-chat-header", create_custom_element(ChatHeader_wc, {
-	title: {
-		reflect: !0,
-		type: "String"
-	},
-	subtitle: {
-		reflect: !0,
-		type: "String"
-	},
-	image: {
-		reflect: !0,
-		type: "String"
-	},
-	imageAlt: {
-		attribute: "image-alt",
-		type: "String"
-	},
-	avatar: { type: "Object" },
-	actions: { type: "Object" },
-	closeIcon: { type: "Object" },
-	closeLabel: {
-		attribute: "close-label",
-		type: "String"
-	},
-	showClose: {
-		attribute: "show-close",
-		type: "Boolean"
-	},
-	testId: {
-		attribute: "test-id",
-		type: "String"
-	},
-	classes: { type: "String" },
-	onclose: { type: "Object" }
-}, [], [], { mode: "open" }));
-//#endregion
-//#region src/wc/components/ChatMessage.wc.svelte
-var rest_excludes$8 = new Set([
-	"$$slots",
-	"$$events",
-	"$$legacy",
-	"$$host"
-]);
-function ChatMessage_wc(e, t) {
-	let n = /* @__PURE__ */ rest_props(t, rest_excludes$8);
-	ChatMessage(e, spread_props(() => n));
-}
-customElements.define("sui-chat-message", create_custom_element(ChatMessage_wc, {
-	role: {
-		reflect: !0,
-		type: "String"
-	},
-	content: { type: "String" },
-	html: { type: "String" },
-	body: { type: "Object" },
-	streaming: {
-		reflect: !0,
-		type: "Boolean"
-	},
-	status: {
-		reflect: !0,
-		type: "String"
-	},
-	avatar: { type: "Object" },
-	header: { type: "Object" },
-	attachments: { type: "Object" },
-	allowCopy: {
-		attribute: "allow-copy",
-		type: "Boolean"
-	},
-	actions: { type: "Object" },
-	copyLabel: {
-		attribute: "copy-label",
-		type: "String"
-	},
-	retryLabel: {
-		attribute: "retry-label",
-		type: "String"
-	},
-	feedbackUpLabel: {
-		attribute: "feedback-up-label",
-		type: "String"
-	},
-	feedbackDownLabel: {
-		attribute: "feedback-down-label",
-		type: "String"
-	},
-	testId: {
-		attribute: "test-id",
-		type: "String"
-	},
-	classes: { type: "String" },
-	onretry: { type: "Object" },
-	onfeedback: { type: "Object" },
-	oncopy: { type: "Object" }
-}, [], [], { mode: "open" }));
-//#endregion
-//#region src/wc/components/ChatMessageList.wc.svelte
-var rest_excludes$7 = new Set([
-	"$$slots",
-	"$$events",
-	"$$legacy",
-	"$$host"
-]);
-function ChatMessageList_wc(e, t) {
-	let n = /* @__PURE__ */ rest_props(t, rest_excludes$7);
-	ChatMessageList(e, spread_props(() => n));
-}
-customElements.define("sui-chat-message-list", create_custom_element(ChatMessageList_wc, {
-	messages: { type: "Object" },
-	autoscroll: {
-		reflect: !0,
-		type: "Boolean"
-	},
-	message: { type: "Object" },
-	messageBody: { type: "Object" },
-	scrollPolicy: {
-		attribute: "scroll-policy",
-		type: "String"
-	},
-	pinHold: {
-		attribute: "pin-hold",
-		type: "Boolean"
-	},
-	jump: { type: "Boolean" },
-	onscrollstate: { type: "Object" },
-	messageAttachments: { type: "Object" },
-	empty: { type: "Object" },
-	jumpLabel: {
-		attribute: "jump-label",
-		type: "String"
-	},
-	jumpIcon: { type: "Object" },
-	allowCopy: {
-		attribute: "allow-copy",
-		type: "Boolean"
-	},
-	testId: {
-		attribute: "test-id",
-		type: "String"
-	},
-	classes: { type: "String" },
-	onretry: { type: "Object" },
-	onfeedback: { type: "Object" }
-}, [], [], { mode: "open" }));
-//#endregion
-//#region src/wc/components/ChatComposer.wc.svelte
-var rest_excludes$6 = new Set([
-	"$$slots",
-	"$$events",
-	"$$legacy",
-	"$$host"
-]);
-function ChatComposer_wc(e, t) {
-	let n = /* @__PURE__ */ rest_props(t, rest_excludes$6);
-	ChatComposer(e, spread_props(() => n));
-}
-customElements.define("sui-chat-composer", create_custom_element(ChatComposer_wc, {
-	value: { type: "String" },
-	placeholder: {
-		reflect: !0,
-		type: "String"
-	},
-	disabled: {
-		reflect: !0,
-		type: "Boolean"
-	},
-	submitOnEnter: {
-		attribute: "submit-on-enter",
-		type: "Boolean"
-	},
-	maxLength: {
-		attribute: "max-length",
-		type: "Number"
-	},
-	streaming: {
-		reflect: !0,
-		type: "Boolean"
-	},
-	recording: {
-		reflect: !0,
-		type: "Boolean"
-	},
-	attachments: { type: "Object" },
-	attachmentsPreview: { type: "Object" },
-	richImages: { type: "Object" },
-	richFiles: { type: "Object" },
-	richVideos: { type: "Object" },
-	richImageTooltip: { type: "Object" },
-	richVideoTooltip: { type: "Object" },
-	richRemoveIcon: { type: "Object" },
-	richFileIcon: { type: "Object" },
-	onremoverichimage: { type: "Object" },
-	onremoverichfile: { type: "Object" },
-	onremoverichvideo: { type: "Object" },
-	onopenrichimage: { type: "Object" },
-	onopenrichvideo: { type: "Object" },
-	onopenrichfile: { type: "Object" },
-	sendable: { type: "Boolean" },
-	accept: {
-		reflect: !0,
-		type: "String"
-	},
-	multiple: {
-		reflect: !0,
-		type: "Boolean"
-	},
-	sendLabel: {
-		attribute: "send-label",
-		type: "String"
-	},
-	stopLabel: {
-		attribute: "stop-label",
-		type: "String"
-	},
-	voiceLabel: {
-		attribute: "voice-label",
-		type: "String"
-	},
-	attachLabel: {
-		attribute: "attach-label",
-		type: "String"
-	},
-	sendIcon: { type: "Object" },
-	stopIcon: { type: "Object" },
-	voiceIcon: { type: "Object" },
-	attachIcon: { type: "Object" },
-	leading: { type: "Object" },
-	testId: {
-		attribute: "test-id",
-		type: "String"
-	},
-	inputTestId: {
-		attribute: "input-test-id",
-		type: "String"
-	},
-	inputAriaLabel: {
-		attribute: "input-aria-label",
-		type: "String"
-	},
-	sendTestId: {
-		attribute: "send-test-id",
-		type: "String"
-	},
-	sendSlotTestId: {
-		attribute: "send-slot-test-id",
-		type: "String"
-	},
-	stopTestId: {
-		attribute: "stop-test-id",
-		type: "String"
-	},
-	voiceTestId: {
-		attribute: "voice-test-id",
-		type: "String"
-	},
-	attachTestId: {
-		attribute: "attach-test-id",
-		type: "String"
-	},
-	actionTestId: {
-		attribute: "action-test-id",
-		type: "String"
-	},
-	classes: { type: "String" },
-	onsubmit: { type: "Object" },
-	oninput: { type: "Object" },
-	onkeydown: { type: "Object" },
-	onstop: { type: "Object" },
-	onvoice: { type: "Object" },
-	onattach: { type: "Object" },
-	onpaste: { type: "Object" },
-	onattachclick: { type: "Object" },
-	onaction: { type: "Object" },
-	actionIcon: { type: "Object" },
-	actionLabel: {
-		attribute: "action-label",
-		type: "String"
-	}
-}, [], [], { mode: "open" }));
-//#endregion
-//#region src/wc/components/ChatSuggestions.wc.svelte
-var rest_excludes$5 = new Set([
-	"$$slots",
-	"$$events",
-	"$$legacy",
-	"$$host"
-]);
-function ChatSuggestions_wc(e, t) {
-	let n = /* @__PURE__ */ rest_props(t, rest_excludes$5);
-	ChatSuggestions(e, spread_props(() => n));
-}
-customElements.define("sui-chat-suggestions", create_custom_element(ChatSuggestions_wc, {
-	items: { type: "Object" },
-	disabled: {
-		reflect: !0,
-		type: "Boolean"
-	},
-	layout: { type: "String" },
-	direction: { type: "String" },
-	maxVisible: {
-		attribute: "max-visible",
-		type: "Number"
-	},
-	loading: {
-		reflect: !0,
-		type: "Boolean"
-	},
-	testId: {
-		attribute: "test-id",
-		type: "String"
-	},
-	classes: { type: "String" },
-	chipClasses: {
-		attribute: "chip-classes",
-		type: "String"
-	},
-	onselect: { type: "Object" }
-}, [], [], { mode: "open" }));
-//#endregion
-//#region src/wc/components/ChatToolStatus.wc.svelte
-var rest_excludes$4 = new Set([
-	"$$slots",
-	"$$events",
-	"$$legacy",
-	"$$host"
-]);
-function ChatToolStatus_wc(e, t) {
-	let n = /* @__PURE__ */ rest_props(t, rest_excludes$4);
-	ChatToolStatus(e, spread_props(() => n));
+			children: (e, t) => {
+				var n = root_21(), o = child(n), s = (e) => {
+					var t = root_19(), n = first_child(t), i = (e) => {
+						var t = root_5$2();
+						Pill(child(t), {
+							get text() {
+								return y();
+							},
+							leadingIcon: (e) => {
+								append(e, root_4$2());
+							},
+							$$slots: { leadingIcon: !0 }
+						}), reset(t), append(e, t);
+					};
+					if_block(n, (e) => {
+						_() === "search" && typeof y() == "string" && y().length > 0 && e(i);
+					});
+					var a = sibling(n, 2), o = child(a);
+					let s;
+					var c = sibling(o, 2);
+					each(c, 21, () => get(D), index, (e, t, n) => {
+						var i = comment(), a = first_child(i), o = (e) => {
+							var i = root_10();
+							let a, o;
+							var s = child(i), c = child(s, !0);
+							reset(s);
+							var l = sibling(s, 2), u = (e) => {
+								var n = root_6$2();
+								let i;
+								var a = child(n, !0);
+								reset(n), template_effect(() => {
+									i = set_class(n, 1, "row-secondary svelte-uzfrw6", null, i, { mono: get(t).mono }), set_text(a, get(t).secondary);
+								}), append(e, n);
+							};
+							if_block(l, (e) => {
+								get(t).secondary && e(u);
+							});
+							var d = sibling(l, 2), f = (e) => {
+								var n = root_9$1(), i = child(n), a = (e) => {
+									var n = root_7$2(), i = child(n);
+									reset(n), template_effect(() => set_text(i, `+${get(t).added ?? ""}`)), append(e, n);
+								};
+								if_block(i, (e) => {
+									typeof get(t).added == "number" && e(a);
+								});
+								var o = sibling(i, 2), s = (e) => {
+									var n = root_8$2(), i = child(n);
+									reset(n), template_effect(() => set_text(i, `−${get(t).removed ?? ""}`)), append(e, n);
+								};
+								if_block(o, (e) => {
+									typeof get(t).removed == "number" && e(s);
+								}), reset(n), append(e, n);
+							};
+							if_block(d, (e) => {
+								(typeof get(t).added == "number" || typeof get(t).removed == "number") && e(f);
+							}), reset(i), template_effect((e) => {
+								a = set_class(i, 1, "trace-row selectable svelte-uzfrw6", null, a, { selected: S() === n }), set_attribute(i, "aria-pressed", S() === n), o = set_style(i, "", o, e), set_text(c, get(t).primary);
+							}, [() => ({ "animation-delay": W(n) })]), delegated("click", i, () => G(n)), append(e, i);
+						}, s = (e) => {
+							var i = root_12();
+							let a;
+							var o = child(i);
+							set_attribute(o, "data-tone", n % 3 + 1);
+							var s = sibling(o, 2), c = child(s, !0);
+							reset(s);
+							var l = sibling(s, 2), u = (e) => {
+								var n = root_11(), i = child(n, !0);
+								reset(n), template_effect(() => set_text(i, get(t).secondary)), append(e, n);
+							};
+							if_block(l, (e) => {
+								get(t).secondary && e(u);
+							}), reset(i), template_effect((e) => {
+								set_attribute(i, "href", get(t).href), a = set_style(i, "", a, e), set_text(c, get(t).primary);
+							}, [() => ({ "animation-delay": W(n) })]), append(e, i);
+						}, c = (e) => {
+							var i = root_17();
+							let a, o;
+							var s = child(i), c = (e) => {
+								var t = root_14(), i = child(t), a = (e) => {
+									Loader(e, {});
+								}, o = (e) => {
+									append(e, root_13());
+								};
+								if_block(i, (e) => {
+									v() && n === get(D).length - 1 ? e(a) : e(o, -1);
+								}), reset(t), append(e, t);
+							}, l = (e) => {
+								var t = root_15();
+								set_attribute(t, "data-tone", n % 3 + 1), append(e, t);
+							};
+							if_block(s, (e) => {
+								_() === "steps" ? e(c) : _() === "search" && e(l, 1);
+							});
+							var u = sibling(s, 2), d = (e) => {
+								var n = text();
+								template_effect(() => set_text(n, get(t).primary)), append(e, n);
+							}, f = (e) => {
+								var n = root_16(), i = child(n, !0);
+								reset(n), template_effect(() => set_text(i, get(t).primary)), append(e, n);
+							};
+							if_block(u, (e) => {
+								_() === "reasoning" ? e(d) : e(f, -1);
+							});
+							var p = sibling(u, 2), m = (e) => {
+								var n = root_6$2();
+								let i;
+								var a = child(n, !0);
+								reset(n), template_effect(() => {
+									i = set_class(n, 1, "row-secondary svelte-uzfrw6", null, i, { mono: get(t).mono }), set_text(a, get(t).secondary);
+								}), append(e, n);
+							};
+							if_block(p, (e) => {
+								get(t).secondary && e(m);
+							});
+							var h = sibling(p, 2), g = (e) => {
+								var n = root_9$1(), i = child(n), a = (e) => {
+									var n = root_7$2(), i = child(n);
+									reset(n), template_effect(() => set_text(i, `+${get(t).added ?? ""}`)), append(e, n);
+								};
+								if_block(i, (e) => {
+									typeof get(t).added == "number" && e(a);
+								});
+								var o = sibling(i, 2), s = (e) => {
+									var n = root_8$2(), i = child(n);
+									reset(n), template_effect(() => set_text(i, `−${get(t).removed ?? ""}`)), append(e, n);
+								};
+								if_block(o, (e) => {
+									typeof get(t).removed == "number" && e(s);
+								}), reset(n), append(e, n);
+							};
+							if_block(h, (e) => {
+								(typeof get(t).added == "number" || typeof get(t).removed == "number") && e(g);
+							}), reset(i), template_effect((e) => {
+								a = set_class(i, 1, "trace-row svelte-uzfrw6", null, a, { prose: _() === "reasoning" }), o = set_style(i, "", o, e);
+							}, [() => ({ "animation-delay": W(n) })]), append(e, i);
+						};
+						if_block(a, (e) => {
+							_() === "coding" && x() ? e(o) : _() === "search" && typeof get(t).href == "string" ? e(s, 1) : e(c, -1);
+						}), append(e, i);
+					}), reset(c), action(c, (e, t) => U?.(e, t), () => get(D).length), effect(() => bind_element_size(c, "clientHeight", (e) => set(K, e))), reset(a);
+					var l = sibling(a, 2), u = (e) => {
+						var t = root_18(), n = child(t, !0);
+						reset(t), template_effect(() => set_text(n, b())), append(e, t);
+					};
+					if_block(l, (e) => {
+						!v() && typeof b() == "string" && b().length > 0 && e(u);
+					}), template_effect(() => s = set_style(o, "", s, { height: `${get(K) ?? ""}px` })), append(e, t);
+				}, c = (e) => {
+					var t = root_20(), n = child(t, !0);
+					reset(t), template_effect(() => {
+						set_attribute(t, "data-pw", p() ?? (d() && `${d()}-detail`) ?? null), set_text(n, i());
+					}), append(e, t);
+				};
+				if_block(o, (e) => {
+					get(E) ? e(s) : e(c, -1);
+				}), reset(n), template_effect(() => n.inert = !a()), append(e, n);
+			},
+			$$slots: { default: !0 }
+		}), reset(t), action(t, (e, t) => V?.(e, t), () => v() ?? null), action(t, (e, t) => L?.(e, t), () => s() && get(k)), template_effect(() => {
+			o = set_class(t, 1, `thinking-indicator expandable ${h() ?? "" ?? ""}`, "svelte-uzfrw6", o, { busy: v() === !0 }), set_attribute(t, "data-pw", typeof d() == "string" ? d() : null), set_attribute(t, "testid", typeof d() == "string" ? d() : null);
+		}), append(e, t);
+	}, Z = (e) => {
+		var t = root_24();
+		let i;
+		var a = child(t), o = (e) => {
+			var t = root_23(), i = child(t, !0);
+			reset(t), template_effect(() => {
+				set_attribute(t, "data-pw", m()), set_attribute(t, "testid", m()), set_text(i, n());
+			}), append(e, t);
+		}, s = (e) => {
+			var t = text();
+			template_effect(() => set_text(t, n())), append(e, t);
+		};
+		if_block(a, (e) => {
+			typeof m() == "string" ? e(o) : e(s, -1);
+		}), reset(t), template_effect(() => {
+			i = set_class(t, 1, `status-label ${h() ?? "" ?? ""}`, "svelte-uzfrw6", i, { "static-label": !get(k) }), set_attribute(t, "data-pw", typeof d() == "string" ? d() : null), set_attribute(t, "testid", typeof d() == "string" ? d() : null);
+		}), append(e, t);
+	}, Q = (e) => {
+		var t = root_25(), i = child(t), a = child(i), o = (e) => {
+			var t = comment();
+			snippet(first_child(t), l), append(e, t);
+		}, s = (e) => {
+			Loader(e, {});
+		};
+		if_block(a, (e) => {
+			l() ? e(o) : e(s, -1);
+		}), reset(i);
+		var c = sibling(i, 2);
+		let u;
+		var f = child(c, !0);
+		reset(c), reset(t), template_effect(() => {
+			set_class(t, 1, `thinking-indicator-chip ${h() ?? "" ?? ""}`, "svelte-uzfrw6"), set_attribute(t, "data-pw", typeof d() == "string" ? d() : null), set_attribute(t, "testid", typeof d() == "string" ? d() : null), u = set_class(c, 1, "chip-label svelte-uzfrw6", null, u, { "static-label": !get(k) }), set_attribute(c, "data-pw", m() ?? null), set_text(f, n());
+		}), append(e, t);
+	}, $ = (e) => {
+		var t = root_26(), i = child(t), a = child(i), o = child(a), c = (e) => {
+			var t = comment();
+			snippet(first_child(t), l), append(e, t);
+		}, u = (e) => {
+			Loader(e, {});
+		};
+		if_block(o, (e) => {
+			l() ? e(c) : e(u, -1);
+		}), reset(a);
+		var f = sibling(a, 2);
+		let p;
+		var g = child(f, !0);
+		reset(f), reset(i);
+		var _ = sibling(i, 2), v = (e) => {
+			var t = root_2$3(), n = child(t);
+			reset(t), template_effect(() => {
+				set_attribute(t, "data-pw", typeof d() == "string" ? `${d()}-elapsed` : null), set_attribute(t, "testid", typeof d() == "string" ? `${d()}-elapsed` : null), set_text(n, `${get(M) ?? ""}s`);
+			}), append(e, t);
+		};
+		if_block(_, (e) => {
+			s() && e(v);
+		}), reset(t), action(t, (e, t) => L?.(e, t), () => s() && get(k)), template_effect(() => {
+			set_class(t, 1, `thinking-indicator status-host ${h() ?? "" ?? ""}`, "svelte-uzfrw6"), set_attribute(t, "data-pw", typeof d() == "string" ? d() : null), set_attribute(t, "testid", typeof d() == "string" ? d() : null), p = set_class(f, 1, "status-label svelte-uzfrw6", null, p, { "static-label": !get(k) }), set_attribute(f, "data-pw", m() ?? null), set_text(g, n());
+		}), append(e, t);
+	};
+	return if_block(Y, (e) => {
+		get(O) ? e(X) : o() === "bare" ? e(Z, 1) : o() === "chip" ? e(Q, 2) : e($, -1);
+	}), append(e, J), pop(q);
 }
-customElements.define("sui-chat-tool-status", create_custom_element(ChatToolStatus_wc, {
-	label: {
-		reflect: !0,
-		type: "String"
-	},
-	icon: { type: "Object" },
-	testId: {
-		attribute: "test-id",
-		type: "String"
-	},
-	classes: { type: "String" }
-}, [], [], { mode: "open" }));
+delegate(["click"]), create_custom_element(ThinkingIndicator, {
+	label: {},
+	detail: {},
+	expanded: {},
+	variant: {},
+	showElapsed: {},
+	onToggle: {},
+	avatar: {},
+	toggleIcon: {},
+	testId: {},
+	toggleTestId: {},
+	detailTestId: {},
+	labelTestId: {},
+	classes: {},
+	rows: {},
+	kind: {},
+	busy: {},
+	query: {},
+	moreLabel: {},
+	selectable: {},
+	selected: {},
+	onrowselect: {},
+	onsettled: {},
+	collapseDelayMs: {}
+}, [], [], { mode: "open" });
 //#endregion
-//#region src/lib/assets/chat.svg?raw
-var chat_default = "<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" xmlns=\"http://www.w3.org/2000/svg\">\n  <path d=\"M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z\" />\n</svg>\n", root_1$3 = /* @__PURE__ */ from_html("<div class=\"panel svelte-15b7gm8\" role=\"dialog\" tabindex=\"-1\"><!></div>"), root_2$3 = /* @__PURE__ */ from_html("<div class=\"panel-anchor svelte-15b7gm8\"><!></div>"), root_3$3 = /* @__PURE__ */ from_html("<div><!> <div class=\"launcher svelte-15b7gm8\"><!></div></div>"), $$css$3 = {
-	hash: "svelte-15b7gm8",
-	code: ".chat-bubble.svelte-15b7gm8 {position:fixed;z-index:var(--chat-bubble-z-index, 1000);transition:var(--chat-bubble-snap-transition, transform 0.28s cubic-bezier(0.22, 1, 0.36, 1));}.chat-bubble.dragging.svelte-15b7gm8 {transition:none;}.chat-bubble[data-position='bottom-right'].svelte-15b7gm8 {right:var(--chat-bubble-offset-x, 24px);bottom:var(--chat-bubble-offset-y, 24px);}.chat-bubble[data-position='bottom-left'].svelte-15b7gm8 {left:var(--chat-bubble-offset-x, 24px);bottom:var(--chat-bubble-offset-y, 24px);}.chat-bubble[data-position='top-right'].svelte-15b7gm8 {right:var(--chat-bubble-offset-x, 24px);top:var(--chat-bubble-offset-y, 24px);}.chat-bubble[data-position='top-left'].svelte-15b7gm8 {left:var(--chat-bubble-offset-x, 24px);top:var(--chat-bubble-offset-y, 24px);}.panel-anchor.svelte-15b7gm8 {position:absolute;--resizable-handle-color: var(--chat-bubble-resize-handle-color, transparent);--resizable-transition: var(\n      --chat-bubble-expand-transition,\n      width 0.32s cubic-bezier(0.22, 1, 0.36, 1),\n      height 0.32s cubic-bezier(0.22, 1, 0.36, 1)\n    );}.chat-bubble[data-effective-vertical='bottom'].svelte-15b7gm8 .panel-anchor:where(.svelte-15b7gm8) {bottom:calc(100% + var(--chat-bubble-panel-gap, 16px));}.chat-bubble[data-effective-vertical='top'].svelte-15b7gm8 .panel-anchor:where(.svelte-15b7gm8) {top:calc(100% + var(--chat-bubble-panel-gap, 16px));}.chat-bubble[data-effective-side='right'].svelte-15b7gm8 .panel-anchor:where(.svelte-15b7gm8) {right:0;}.chat-bubble[data-effective-side='left'].svelte-15b7gm8 .panel-anchor:where(.svelte-15b7gm8) {left:0;}.panel.svelte-15b7gm8 {box-sizing:border-box;width:100%;height:100%;max-width:var(--chat-bubble-panel-max-width, calc(100vw - 32px));max-height:var(--chat-bubble-panel-max-height, calc(100dvh - 120px));border-radius:var(--chat-bubble-panel-border-radius, 16px);overflow:hidden;background:var(--chat-bubble-panel-background, #ffffff);box-shadow:var(--chat-bubble-panel-box-shadow, 0 16px 48px rgba(0, 0, 0, 0.22));outline:none;}.launcher.svelte-15b7gm8 {--button-width: var(--chat-bubble-width, var(--chat-bubble-size, 56px));--button-height: var(--chat-bubble-height, var(--chat-bubble-size, 56px));--button-padding: var(--chat-bubble-padding, 16px);--button-border-radius: var(--chat-bubble-border-radius, 50%);--button-color: var(--chat-bubble-background-color, #18181b);--button-text-color: var(--chat-bubble-color, #ffffff);--button-content-gap: 0px;--button-box-shadow: var(--chat-bubble-box-shadow, 0 8px 24px rgba(0, 0, 0, 0.25));--button-hover-color: var(--chat-bubble-hover-background-color, #27272a);}.chat-bubble.is-draggable.svelte-15b7gm8 .launcher:where(.svelte-15b7gm8) {--cursor: grab;touch-action:none;}.chat-bubble.is-draggable.dragging.svelte-15b7gm8 .launcher:where(.svelte-15b7gm8) {--cursor: grabbing;}.launcher.svelte-15b7gm8 svg {height:100%;width:100%;}\n\n  @media (prefers-reduced-motion: reduce) {.chat-bubble.svelte-15b7gm8 {transition:none;}\n  }"
+//#region src/lib/Chat/Chat.svelte
+var root$3 = /* @__PURE__ */ from_html("<div class=\"tool-status svelte-2jkbfk\"><!></div>"), root_1$3 = /* @__PURE__ */ from_html("<section><!> <!> <div class=\"footer svelte-2jkbfk\"><!> <!> <!></div></section>"), $$css$4 = {
+	hash: "svelte-2jkbfk",
+	code: ".chat.svelte-2jkbfk {box-sizing:border-box;display:flex;flex-direction:column;height:var(--chat-height, 100%);width:var(--chat-width, 100%);background:var(--chat-background, #ffffff);border:var(--chat-border, none);border-radius:var(--chat-border-radius, 0);overflow:hidden;}.footer.svelte-2jkbfk {box-sizing:border-box;display:flex;flex-direction:column;gap:var(--chat-footer-gap, 10px);padding:var(--chat-footer-padding, 12px 1.5rem);background:var(--chat-footer-background, transparent);border-top:var(--chat-footer-border-top, none);}.tool-status.svelte-2jkbfk {display:flex;justify-content:var(--chat-tool-status-justify, center);\n    /* This row is ThinkingIndicator's chip variant internally now, not the standalone\n       ChatToolStatus component -- but its public theming contract stays\n       --chat-tool-status-*, unchanged, so an existing consumer's overrides keep working\n       exactly as before. Defaults below match ChatToolStatus's own byte for byte. */--thinking-indicator-chip-gap: var(--chat-tool-status-gap, 8px);--thinking-indicator-chip-padding: var(--chat-tool-status-padding, 8px 14px);--thinking-indicator-chip-background: var(--chat-tool-status-background, #ffffff);--thinking-indicator-chip-border: var(--chat-tool-status-border, 1px solid #e4e4e7);--thinking-indicator-chip-border-radius: var(--chat-tool-status-border-radius, 999px);--thinking-indicator-chip-box-shadow: var(\n      --chat-tool-status-box-shadow,\n      0 6px 20px rgba(0, 0, 0, 0.08)\n    );--thinking-indicator-chip-max-width: var(--chat-tool-status-max-width, 100%);--thinking-indicator-chip-color: var(--chat-tool-status-color, #52525b);--thinking-indicator-chip-font-size: var(--chat-tool-status-font-size, 0.85rem);--thinking-indicator-chip-font-weight: var(--chat-tool-status-font-weight, 500);--thinking-indicator-chip-icon-color: var(--chat-tool-status-indicator-color, currentColor);--thinking-indicator-chip-spinner-color: var(--chat-tool-status-spinner-color, currentColor);--thinking-indicator-chip-spinner-color-end: var(\n      --chat-tool-status-spinner-color-end,\n      transparent\n    );--thinking-indicator-chip-spinner-size: var(--chat-tool-status-spinner-size, 14px);}"
 };
-function ChatBubble(e, t) {
-	push(t, !0), append_styles$1(e, $$css$3);
-	let n = prop(t, "open", 15, !1), i = prop(t, "position", 7, "bottom-right"), a = prop(t, "label", 7, "Open chat"), o = prop(t, "closeLabel", 7, "Close chat"), s = prop(t, "icon", 7), c = prop(t, "openIcon", 7), l = prop(t, "children", 7), u = prop(t, "draggable", 7, !1), d = prop(t, "dragMode", 7, "snap"), f = prop(t, "dragX", 15, 0), p = prop(t, "dragY", 15, 0), m = prop(t, "resizable", 7, !1), h = prop(t, "panelWidth", 15, 380), g = prop(t, "panelHeight", 15, 600), _ = prop(t, "minPanelWidth", 7, 280), v = prop(t, "minPanelHeight", 7, 360), y = prop(t, "expanded", 15, !1), b = prop(t, "expandedPanelWidth", 15, 600), x = prop(t, "expandedPanelHeight", 15, 760), S = prop(t, "onopen", 7), C = prop(t, "onclose", 7), w = prop(t, "ontoggle", 7), T = prop(t, "testId", 7), E = prop(t, "classes", 7), D = 4;
-	function O(e, t) {
-		return e === "bottom" ? t === "right" ? [
-			"top",
-			"left",
-			"top-left"
-		] : [
-			"top",
-			"right",
-			"top-right"
-		] : t === "right" ? [
-			"bottom",
-			"left",
-			"bottom-left"
-		] : [
-			"bottom",
-			"right",
-			"bottom-right"
-		];
-	}
-	let k = /* @__PURE__ */ state(null), A = /* @__PURE__ */ state(null), j = /* @__PURE__ */ state(null), M = /* @__PURE__ */ state(null), N = /* @__PURE__ */ state(null), P = /* @__PURE__ */ state(null), F = /* @__PURE__ */ state(null), I = /* @__PURE__ */ state(null), L = !1, R = /* @__PURE__ */ user_derived(() => get(M) !== null && get(M).moved), z = /* @__PURE__ */ user_derived(() => get(N) ?? (i().endsWith("right") ? "right" : "left")), B = /* @__PURE__ */ user_derived(() => get(P) ?? (i().startsWith("top") ? "top" : "bottom")), V = /* @__PURE__ */ user_derived(() => O(get(B), get(z))), H = /* @__PURE__ */ user_derived(() => y() ? b() : h()), U = /* @__PURE__ */ user_derived(() => y() ? x() : g());
-	function W(e) {
-		y() ? b(e) : h(e);
-	}
-	function G(e) {
-		y() ? x(e) : g(e);
-	}
-	function K() {
-		if (get(k) === null) return 24;
-		let e = getComputedStyle(get(k)).getPropertyValue("--chat-bubble-offset-x").trim(), t = Number.parseFloat(e);
-		return Number.isNaN(t) ? 24 : t;
-	}
-	function q(e, t, n, i, a, o) {
-		let s = 16, c = 8;
-		set(I, Math.max(0, o === "bottom" ? t - 16 - 8 : window.innerHeight - i - 16 - 8), !0), set(F, Math.max(0, a === "right" ? n - 8 : window.innerWidth - e - 8), !0);
-	}
-	function J(e, t, n, i) {
-		if (typeof window > "u") return;
-		let a = (e + n) / 2 < window.innerWidth / 2 ? "left" : "right", o = (t + i) / 2 < window.innerHeight / 2 ? "top" : "bottom";
-		set(N, a, !0), set(P, o, !0), q(e, t, n, i, a, o);
-	}
-	async function Y(e) {
-		if (e !== n()) {
-			if (e && get(j) !== null) {
-				let e = get(j).getBoundingClientRect();
-				J(e.left, e.top, e.right, e.bottom);
-			}
-			n(e), w()?.(n()), n() ? (S()?.(), await tick(), get(A)?.focus()) : (C()?.(), get(j)?.querySelector("button")?.focus());
-		}
-	}
-	function X() {
-		if (L) {
-			L = !1;
+function Chat(e, t) {
+	push(t, !0), append_styles$1(e, $$css$4);
+	let n = prop(t, "messages", 7), i = prop(t, "value", 15, ""), a = prop(t, "title", 7, ""), o = prop(t, "subtitle", 7, ""), s = prop(t, "image", 7), c = prop(t, "imageAlt", 7, ""), l = prop(t, "placeholder", 7, ""), u = prop(t, "disabled", 7, !1), d = prop(t, "streaming", 7, !1), f = prop(t, "recording", 7, !1), p = prop(t, "autoscroll", 7, !0), m = prop(t, "toolStatus", 7, null), h = prop(t, "suggestions", 23, () => []), g = prop(t, "attachments", 31, () => proxy([])), _ = prop(t, "accept", 7, ""), v = prop(t, "multiple", 7, !1), y = prop(t, "allowCopy", 7, !1), b = prop(t, "closeLabel", 7, "Close"), x = prop(t, "showClose", 7), S = prop(t, "headerAvatar", 7), C = prop(t, "headerActions", 7), w = prop(t, "headerContent", 7), T = prop(t, "message", 7), E = prop(t, "messageBody", 7), D = prop(t, "messageAttachments", 7), O = prop(t, "empty", 7), k = prop(t, "composerLeading", 7), A = prop(t, "sendIcon", 7), j = prop(t, "stopIcon", 7), M = prop(t, "voiceIcon", 7), N = prop(t, "attachIcon", 7), P = prop(t, "onsend", 7), F = prop(t, "onsuggestion", 7), I = prop(t, "onclose", 7), L = prop(t, "onstop", 7), R = prop(t, "onvoice", 7), z = prop(t, "onattach", 7), B = prop(t, "onretry", 7), V = prop(t, "onfeedback", 7), H = prop(t, "testId", 7), U = prop(t, "classes", 7), W = /* @__PURE__ */ user_derived(() => a().length > 0 || o().length > 0 || typeof s() == "string" && s().length > 0 || typeof I() == "function" || typeof S() == "function" || typeof C() == "function"), G = /* @__PURE__ */ user_derived(() => h().length > 0 && n().length === 0);
+	function K(e, t) {
+		if (typeof F() == "function") {
+			F()(e, t);
 			return;
 		}
-		Y(!n());
-	}
-	function Z(e) {
-		if (!u() || get(j) === null) return;
-		L = !1;
-		let t = get(j).getBoundingClientRect();
-		set(M, {
-			startX: e.clientX,
-			startY: e.clientY,
-			baseX: f(),
-			baseY: p(),
-			moved: !1,
-			left0: t.left - f(),
-			top0: t.top - p(),
-			width: t.width,
-			height: t.height
-		}, !0);
-	}
-	function Q(e, t, n) {
-		if (typeof window > "u") return {
-			x: t,
-			y: n
-		};
-		let i = t, a = n, o = e.left0 + t, s = e.top0 + n;
-		return o < 0 ? i = -e.left0 : o + e.width > window.innerWidth && (i = window.innerWidth - e.width - e.left0), s < 0 ? a = -e.top0 : s + e.height > window.innerHeight && (a = window.innerHeight - e.height - e.top0), {
-			x: i,
-			y: a
-		};
-	}
-	function ee(e) {
-		if (get(M) === null) return;
-		let t = e.clientX - get(M).startX, i = e.clientY - get(M).startY;
-		if (!get(M).moved && Math.hypot(t, i) < 4) return;
-		get(M).moved = !0;
-		let a = Q(get(M), get(M).baseX + t, get(M).baseY + i);
-		if (f(a.x), p(a.y), n() && get(N) !== null && get(P) !== null) {
-			let e = get(M).left0 + f(), t = get(M).top0 + p();
-			q(e, t, e + get(M).width, t + get(M).height, get(N), get(P));
-		}
-	}
-	function $() {
-		if (get(M) === null) return;
-		let e = get(M);
-		if (set(M, null), !e.moved || (L = !0, typeof window > "u")) return;
-		if (d() === "snap") {
-			let t = K();
-			f(e.left0 + f() + e.width / 2 < window.innerWidth / 2 ? t - e.left0 : window.innerWidth - t - e.width - e.left0);
-		}
-		let t = e.left0 + f(), n = e.top0 + p();
-		J(t, n, t + e.width, n + e.height);
-	}
-	function te(e) {
-		e.key === "Escape" && (e.stopPropagation(), Y(!1));
+		P()?.(e, []);
 	}
-	var ne = {
-		get open() {
+	var q = {
+		get messages() {
 			return n();
 		},
-		set open(e = !1) {
+		set messages(e) {
 			n(e), flushSync();
 		},
-		get position() {
+		get value() {
 			return i();
 		},
-		set position(e = "bottom-right") {
+		set value(e = "") {
 			i(e), flushSync();
 		},
-		get label() {
+		get title() {
 			return a();
 		},
-		set label(e = "Open chat") {
+		set title(e = "") {
 			a(e), flushSync();
 		},
-		get closeLabel() {
+		get subtitle() {
 			return o();
 		},
-		set closeLabel(e = "Close chat") {
+		set subtitle(e = "") {
 			o(e), flushSync();
 		},
-		get icon() {
+		get image() {
 			return s();
 		},
-		set icon(e) {
+		set image(e) {
 			s(e), flushSync();
 		},
-		get openIcon() {
+		get imageAlt() {
 			return c();
 		},
-		set openIcon(e) {
+		set imageAlt(e = "") {
 			c(e), flushSync();
 		},
-		get children() {
+		get placeholder() {
 			return l();
 		},
-		set children(e) {
+		set placeholder(e = "") {
 			l(e), flushSync();
 		},
-		get draggable() {
+		get disabled() {
 			return u();
 		},
-		set draggable(e = !1) {
+		set disabled(e = !1) {
 			u(e), flushSync();
 		},
-		get dragMode() {
+		get streaming() {
 			return d();
 		},
-		set dragMode(e = "snap") {
+		set streaming(e = !1) {
 			d(e), flushSync();
 		},
-		get dragX() {
+		get recording() {
 			return f();
 		},
-		set dragX(e = 0) {
+		set recording(e = !1) {
 			f(e), flushSync();
 		},
-		get dragY() {
+		get autoscroll() {
+			return p();
+		},
+		set autoscroll(e = !0) {
+			p(e), flushSync();
+		},
+		get toolStatus() {
+			return m();
+		},
+		set toolStatus(e = null) {
+			m(e), flushSync();
+		},
+		get suggestions() {
+			return h();
+		},
+		set suggestions(e = []) {
+			h(e), flushSync();
+		},
+		get attachments() {
+			return g();
+		},
+		set attachments(e = []) {
+			g(e), flushSync();
+		},
+		get accept() {
+			return _();
+		},
+		set accept(e = "") {
+			_(e), flushSync();
+		},
+		get multiple() {
+			return v();
+		},
+		set multiple(e = !1) {
+			v(e), flushSync();
+		},
+		get allowCopy() {
+			return y();
+		},
+		set allowCopy(e = !1) {
+			y(e), flushSync();
+		},
+		get closeLabel() {
+			return b();
+		},
+		set closeLabel(e = "Close") {
+			b(e), flushSync();
+		},
+		get showClose() {
+			return x();
+		},
+		set showClose(e) {
+			x(e), flushSync();
+		},
+		get headerAvatar() {
+			return S();
+		},
+		set headerAvatar(e) {
+			S(e), flushSync();
+		},
+		get headerActions() {
+			return C();
+		},
+		set headerActions(e) {
+			C(e), flushSync();
+		},
+		get headerContent() {
+			return w();
+		},
+		set headerContent(e) {
+			w(e), flushSync();
+		},
+		get message() {
+			return T();
+		},
+		set message(e) {
+			T(e), flushSync();
+		},
+		get messageBody() {
+			return E();
+		},
+		set messageBody(e) {
+			E(e), flushSync();
+		},
+		get messageAttachments() {
+			return D();
+		},
+		set messageAttachments(e) {
+			D(e), flushSync();
+		},
+		get empty() {
+			return O();
+		},
+		set empty(e) {
+			O(e), flushSync();
+		},
+		get composerLeading() {
+			return k();
+		},
+		set composerLeading(e) {
+			k(e), flushSync();
+		},
+		get sendIcon() {
+			return A();
+		},
+		set sendIcon(e) {
+			A(e), flushSync();
+		},
+		get stopIcon() {
+			return j();
+		},
+		set stopIcon(e) {
+			j(e), flushSync();
+		},
+		get voiceIcon() {
+			return M();
+		},
+		set voiceIcon(e) {
+			M(e), flushSync();
+		},
+		get attachIcon() {
+			return N();
+		},
+		set attachIcon(e) {
+			N(e), flushSync();
+		},
+		get onsend() {
+			return P();
+		},
+		set onsend(e) {
+			P(e), flushSync();
+		},
+		get onsuggestion() {
+			return F();
+		},
+		set onsuggestion(e) {
+			F(e), flushSync();
+		},
+		get onclose() {
+			return I();
+		},
+		set onclose(e) {
+			I(e), flushSync();
+		},
+		get onstop() {
+			return L();
+		},
+		set onstop(e) {
+			L(e), flushSync();
+		},
+		get onvoice() {
+			return R();
+		},
+		set onvoice(e) {
+			R(e), flushSync();
+		},
+		get onattach() {
+			return z();
+		},
+		set onattach(e) {
+			z(e), flushSync();
+		},
+		get onretry() {
+			return B();
+		},
+		set onretry(e) {
+			B(e), flushSync();
+		},
+		get onfeedback() {
+			return V();
+		},
+		set onfeedback(e) {
+			V(e), flushSync();
+		},
+		get testId() {
+			return H();
+		},
+		set testId(e) {
+			H(e), flushSync();
+		},
+		get classes() {
+			return U();
+		},
+		set classes(e) {
+			U(e), flushSync();
+		}
+	}, J = root_1$3(), Y = child(J), X = (e) => {
+		ChatHeader(e, {
+			get title() {
+				return a();
+			},
+			get subtitle() {
+				return o();
+			},
+			get image() {
+				return s();
+			},
+			get imageAlt() {
+				return c();
+			},
+			get closeLabel() {
+				return b();
+			},
+			get showClose() {
+				return x();
+			},
+			get onclose() {
+				return I();
+			},
+			get avatar() {
+				return S();
+			},
+			get actions() {
+				return C();
+			},
+			get children() {
+				return w();
+			}
+		});
+	};
+	if_block(Y, (e) => {
+		get(W) && e(X);
+	});
+	var Z = sibling(Y, 2);
+	ChatMessageList(Z, {
+		get messages() {
+			return n();
+		},
+		get autoscroll() {
 			return p();
 		},
-		set dragY(e = 0) {
-			p(e), flushSync();
-		},
-		get resizable() {
-			return m();
-		},
-		set resizable(e = !1) {
-			m(e), flushSync();
+		get message() {
+			return T();
 		},
-		get panelWidth() {
-			return h();
+		get messageBody() {
+			return E();
 		},
-		set panelWidth(e = 380) {
-			h(e), flushSync();
+		get messageAttachments() {
+			return D();
 		},
-		get panelHeight() {
-			return g();
+		get empty() {
+			return O();
 		},
-		set panelHeight(e = 600) {
-			g(e), flushSync();
+		get allowCopy() {
+			return y();
 		},
-		get minPanelWidth() {
-			return _();
+		get onretry() {
+			return B();
 		},
-		set minPanelWidth(e = 280) {
-			_(e), flushSync();
+		get onfeedback() {
+			return V();
+		}
+	});
+	var Q = sibling(Z, 2), $ = child(Q), ee = (e) => {
+		ChatSuggestions(e, {
+			get items() {
+				return h();
+			},
+			get disabled() {
+				return u();
+			},
+			onselect: K
+		});
+	};
+	if_block($, (e) => {
+		get(G) && e(ee);
+	});
+	var te = sibling($, 2), ne = (e) => {
+		var t = root$3();
+		ThinkingIndicator(child(t), {
+			get label() {
+				return m().label;
+			},
+			variant: "chip"
+		}), reset(t), append(e, t);
+	};
+	return if_block(te, (e) => {
+		m() !== null && e(ne);
+	}), ChatComposer(sibling(te, 2), {
+		get placeholder() {
+			return l();
 		},
-		get minPanelHeight() {
-			return v();
+		get disabled() {
+			return u();
 		},
-		set minPanelHeight(e = 360) {
-			v(e), flushSync();
+		get streaming() {
+			return d();
 		},
-		get expanded() {
-			return y();
+		get recording() {
+			return f();
 		},
-		set expanded(e = !1) {
-			y(e), flushSync();
+		get accept() {
+			return _();
 		},
-		get expandedPanelWidth() {
-			return b();
+		get multiple() {
+			return v();
 		},
-		set expandedPanelWidth(e = 600) {
-			b(e), flushSync();
+		get onsubmit() {
+			return P();
 		},
-		get expandedPanelHeight() {
-			return x();
+		get onstop() {
+			return L();
 		},
-		set expandedPanelHeight(e = 760) {
-			x(e), flushSync();
+		get onvoice() {
+			return R();
 		},
-		get onopen() {
-			return S();
+		get onattach() {
+			return z();
 		},
-		set onopen(e) {
-			S(e), flushSync();
+		get leading() {
+			return k();
 		},
-		get onclose() {
-			return C();
+		get sendIcon() {
+			return A();
 		},
-		set onclose(e) {
-			C(e), flushSync();
+		get stopIcon() {
+			return j();
 		},
-		get ontoggle() {
-			return w();
+		get voiceIcon() {
+			return M();
 		},
-		set ontoggle(e) {
-			w(e), flushSync();
+		get attachIcon() {
+			return N();
 		},
-		get testId() {
-			return T();
+		get value() {
+			return i();
 		},
-		set testId(e) {
-			T(e), flushSync();
+		set value(e) {
+			i(e);
 		},
-		get classes() {
-			return E();
+		get attachments() {
+			return g();
 		},
-		set classes(e) {
-			E(e), flushSync();
-		}
-	}, re = root_3$3();
-	event("pointermove", $window, ee), event("pointerup", $window, $);
-	let ie, ae;
-	var oe = child(re), se = (e) => {
-		var t = root_2$3();
-		let n;
-		var i = child(t), o = () => get(H), s = W, c = () => get(U), u = G;
-		{
-			let e = /* @__PURE__ */ user_derived(() => !m()), t = /* @__PURE__ */ user_derived(() => get(F) ?? Infinity), n = /* @__PURE__ */ user_derived(() => get(I) ?? Infinity);
-			Resizable(i, {
-				get disabled() {
-					return get(e);
-				},
-				get width() {
-					return o();
-				},
-				set width(e) {
-					s(e);
-				},
-				get height() {
-					return c();
-				},
-				set height(e) {
-					u(e);
-				},
-				get minWidth() {
-					return _();
-				},
-				get minHeight() {
-					return v();
-				},
-				get maxWidth() {
-					return get(t);
-				},
-				get maxHeight() {
-					return get(n);
-				},
-				get handles() {
-					return get(V);
-				},
-				children: (e, t) => {
-					var n = root_1$3(), i = child(n), o = (e) => {
-						var t = comment();
-						snippet(first_child(t), l), append(e, t);
-					};
-					if_block(i, (e) => {
-						typeof l() == "function" && e(o);
-					}), reset(n), bind_this(n, (e) => set(A, e), () => get(A)), template_effect(() => set_attribute(n, "aria-label", a())), delegated("keydown", n, te), append(e, n);
-				},
-				$$slots: { default: !0 }
-			});
+		set attachments(e) {
+			g(e);
 		}
-		reset(t), template_effect(() => n = set_style(t, "", n, {
-			"--resizable-max-width": get(F) === null ? null : `${get(F)}px`,
-			"--resizable-max-height": get(I) === null ? null : `${get(I)}px`
-		})), append(e, t);
-	};
-	if_block(oe, (e) => {
-		n() && e(se);
-	});
-	var ce = sibling(oe, 2), le = child(ce);
-	{
-		let e = /* @__PURE__ */ user_derived(() => n() ? o() : a());
-		Button(le, {
-			onclick: X,
-			get ariaLabel() {
-				return get(e);
-			},
-			get ariaExpanded() {
-				return n();
-			},
-			children: (e, t) => {
-				var i = comment(), a = first_child(i), o = (e) => {
-					var t = comment(), n = first_child(t), i = (e) => {
-						var t = comment();
-						snippet(first_child(t), c), append(e, t);
-					}, a = (e) => {
-						var t = comment();
-						html(first_child(t), () => close_default), append(e, t);
-					};
-					if_block(n, (e) => {
-						typeof c() == "function" ? e(i) : e(a, -1);
-					}), append(e, t);
-				}, l = (e) => {
-					var t = comment();
-					snippet(first_child(t), s), append(e, t);
-				}, u = (e) => {
-					var t = comment();
-					html(first_child(t), () => chat_default), append(e, t);
-				};
-				if_block(a, (e) => {
-					n() ? e(o) : typeof s() == "function" ? e(l, 1) : e(u, -1);
-				}), append(e, i);
-			},
-			$$slots: { default: !0 }
-		});
-	}
-	return reset(ce), bind_this(ce, (e) => set(j, e), () => get(j)), reset(re), bind_this(re, (e) => set(k, e), () => get(k)), template_effect(() => {
-		ie = set_class(re, 1, `chat-bubble ${E() ?? "" ?? ""}`, "svelte-15b7gm8", ie, {
-			"is-draggable": u(),
-			dragging: get(R)
-		}), set_attribute(re, "data-position", i()), set_attribute(re, "data-effective-side", get(z)), set_attribute(re, "data-effective-vertical", get(B)), set_attribute(re, "data-expanded", y()), set_attribute(re, "data-pw", typeof T() == "string" ? T() : null), set_attribute(re, "testid", typeof T() == "string" ? T() : null), ae = set_style(re, "", ae, { transform: u() ? `translate(${f()}px, ${p()}px)` : null });
-	}), delegated("pointerdown", ce, Z), append(e, re), pop(ne);
+	}), reset(Q), reset(J), template_effect(() => {
+		set_class(J, 1, `chat ${U() ?? "" ?? ""}`, "svelte-2jkbfk"), set_attribute(J, "data-pw", typeof H() == "string" ? H() : null), set_attribute(J, "testid", typeof H() == "string" ? H() : null);
+	}), append(e, J), pop(q);
 }
-delegate(["keydown", "pointerdown"]), create_custom_element(ChatBubble, {
-	open: {},
-	position: {},
-	label: {},
+create_custom_element(Chat, {
+	messages: {},
+	value: {},
+	title: {},
+	subtitle: {},
+	image: {},
+	imageAlt: {},
+	placeholder: {},
+	disabled: {},
+	streaming: {},
+	recording: {},
+	autoscroll: {},
+	toolStatus: {},
+	suggestions: {},
+	attachments: {},
+	accept: {},
+	multiple: {},
+	allowCopy: {},
 	closeLabel: {},
-	icon: {},
-	openIcon: {},
-	children: {},
-	draggable: {},
-	dragMode: {},
-	dragX: {},
-	dragY: {},
-	resizable: {},
-	panelWidth: {},
-	panelHeight: {},
-	minPanelWidth: {},
-	minPanelHeight: {},
-	expanded: {},
-	expandedPanelWidth: {},
-	expandedPanelHeight: {},
-	onopen: {},
+	showClose: {},
+	headerAvatar: {},
+	headerActions: {},
+	headerContent: {},
+	message: {},
+	messageBody: {},
+	messageAttachments: {},
+	empty: {},
+	composerLeading: {},
+	sendIcon: {},
+	stopIcon: {},
+	voiceIcon: {},
+	attachIcon: {},
+	onsend: {},
+	onsuggestion: {},
 	onclose: {},
-	ontoggle: {},
+	onstop: {},
+	onvoice: {},
+	onattach: {},
+	onretry: {},
+	onfeedback: {},
 	testId: {},
 	classes: {}
 }, [], [], { mode: "open" });
 //#endregion
-//#region src/wc/components/ChatBubble.wc.svelte
-var rest_excludes$3 = new Set([
+//#region src/wc/components/Chat.wc.svelte
+var rest_excludes$10 = new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"$$host"
+]);
+function Chat_wc(e, t) {
+	let n = /* @__PURE__ */ rest_props(t, rest_excludes$10);
+	Chat(e, spread_props(() => n));
+}
+customElements.define("sui-chat", create_custom_element(Chat_wc, {
+	messages: { type: "Object" },
+	value: { type: "String" },
+	title: {
+		reflect: !0,
+		type: "String"
+	},
+	subtitle: {
+		reflect: !0,
+		type: "String"
+	},
+	image: {
+		reflect: !0,
+		type: "String"
+	},
+	imageAlt: {
+		attribute: "image-alt",
+		type: "String"
+	},
+	placeholder: {
+		reflect: !0,
+		type: "String"
+	},
+	disabled: {
+		reflect: !0,
+		type: "Boolean"
+	},
+	streaming: {
+		reflect: !0,
+		type: "Boolean"
+	},
+	recording: {
+		reflect: !0,
+		type: "Boolean"
+	},
+	autoscroll: {
+		reflect: !0,
+		type: "Boolean"
+	},
+	toolStatus: {
+		attribute: "tool-status",
+		type: "Object"
+	},
+	suggestions: { type: "Object" },
+	attachments: { type: "Object" },
+	accept: {
+		reflect: !0,
+		type: "String"
+	},
+	multiple: {
+		reflect: !0,
+		type: "Boolean"
+	},
+	allowCopy: {
+		attribute: "allow-copy",
+		type: "Boolean"
+	},
+	closeLabel: {
+		attribute: "close-label",
+		type: "String"
+	},
+	showClose: {
+		attribute: "show-close",
+		type: "Boolean"
+	},
+	headerAvatar: { type: "Object" },
+	headerActions: { type: "Object" },
+	message: { type: "Object" },
+	messageBody: { type: "Object" },
+	messageAttachments: { type: "Object" },
+	empty: { type: "Object" },
+	composerLeading: { type: "Object" },
+	sendIcon: { type: "Object" },
+	stopIcon: { type: "Object" },
+	voiceIcon: { type: "Object" },
+	attachIcon: { type: "Object" },
+	testId: {
+		attribute: "test-id",
+		type: "String"
+	},
+	classes: { type: "String" },
+	onsend: { type: "Object" },
+	onsuggestion: { type: "Object" },
+	onclose: { type: "Object" },
+	onstop: { type: "Object" },
+	onvoice: { type: "Object" },
+	onattach: { type: "Object" },
+	onretry: { type: "Object" },
+	onfeedback: { type: "Object" }
+}, [], [], { mode: "open" }));
+//#endregion
+//#region src/wc/components/ChatHeader.wc.svelte
+var rest_excludes$9 = new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"$$host"
+]);
+function ChatHeader_wc(e, t) {
+	let n = /* @__PURE__ */ rest_props(t, rest_excludes$9);
+	ChatHeader(e, spread_props(() => n));
+}
+customElements.define("sui-chat-header", create_custom_element(ChatHeader_wc, {
+	title: {
+		reflect: !0,
+		type: "String"
+	},
+	subtitle: {
+		reflect: !0,
+		type: "String"
+	},
+	image: {
+		reflect: !0,
+		type: "String"
+	},
+	imageAlt: {
+		attribute: "image-alt",
+		type: "String"
+	},
+	avatar: { type: "Object" },
+	actions: { type: "Object" },
+	closeIcon: { type: "Object" },
+	closeLabel: {
+		attribute: "close-label",
+		type: "String"
+	},
+	showClose: {
+		attribute: "show-close",
+		type: "Boolean"
+	},
+	testId: {
+		attribute: "test-id",
+		type: "String"
+	},
+	classes: { type: "String" },
+	onclose: { type: "Object" }
+}, [], [], { mode: "open" }));
+//#endregion
+//#region src/wc/components/ChatMessage.wc.svelte
+var rest_excludes$8 = new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"$$host"
+]);
+function ChatMessage_wc(e, t) {
+	let n = /* @__PURE__ */ rest_props(t, rest_excludes$8);
+	ChatMessage(e, spread_props(() => n));
+}
+customElements.define("sui-chat-message", create_custom_element(ChatMessage_wc, {
+	role: {
+		reflect: !0,
+		type: "String"
+	},
+	content: { type: "String" },
+	html: { type: "String" },
+	body: { type: "Object" },
+	streaming: {
+		reflect: !0,
+		type: "Boolean"
+	},
+	status: {
+		reflect: !0,
+		type: "String"
+	},
+	avatar: { type: "Object" },
+	header: { type: "Object" },
+	attachments: { type: "Object" },
+	allowCopy: {
+		attribute: "allow-copy",
+		type: "Boolean"
+	},
+	actions: { type: "Object" },
+	copyLabel: {
+		attribute: "copy-label",
+		type: "String"
+	},
+	retryLabel: {
+		attribute: "retry-label",
+		type: "String"
+	},
+	feedbackUpLabel: {
+		attribute: "feedback-up-label",
+		type: "String"
+	},
+	feedbackDownLabel: {
+		attribute: "feedback-down-label",
+		type: "String"
+	},
+	testId: {
+		attribute: "test-id",
+		type: "String"
+	},
+	classes: { type: "String" },
+	onretry: { type: "Object" },
+	onfeedback: { type: "Object" },
+	oncopy: { type: "Object" }
+}, [], [], { mode: "open" }));
+//#endregion
+//#region src/wc/components/ChatMessageList.wc.svelte
+var rest_excludes$7 = new Set([
 	"$$slots",
 	"$$events",
 	"$$legacy",
 	"$$host"
 ]);
-function ChatBubble_wc(e, t) {
-	let n = /* @__PURE__ */ rest_props(t, rest_excludes$3);
-	ChatBubble(e, spread_props(() => n));
+function ChatMessageList_wc(e, t) {
+	let n = /* @__PURE__ */ rest_props(t, rest_excludes$7);
+	ChatMessageList(e, spread_props(() => n));
 }
-customElements.define("sui-chat-bubble", create_custom_element(ChatBubble_wc, {
-	open: {
+customElements.define("sui-chat-message-list", create_custom_element(ChatMessageList_wc, {
+	messages: { type: "Object" },
+	autoscroll: {
 		reflect: !0,
 		type: "Boolean"
 	},
-	position: {
-		reflect: !0,
-		type: "String"
-	},
-	label: {
-		reflect: !0,
-		type: "String"
-	},
-	closeLabel: {
-		attribute: "close-label",
+	message: { type: "Object" },
+	messageBody: { type: "Object" },
+	scrollPolicy: {
+		attribute: "scroll-policy",
 		type: "String"
 	},
-	icon: { type: "Object" },
-	openIcon: { type: "Object" },
-	children: { type: "Object" },
-	draggable: {
-		reflect: !0,
+	pinHold: {
+		attribute: "pin-hold",
 		type: "Boolean"
 	},
-	dragMode: {
-		attribute: "drag-mode",
+	jump: { type: "Boolean" },
+	onscrollstate: { type: "Object" },
+	messageAttachments: { type: "Object" },
+	empty: { type: "Object" },
+	jumpLabel: {
+		attribute: "jump-label",
 		type: "String"
 	},
-	dragX: {
-		attribute: "drag-x",
-		type: "Number"
-	},
-	dragY: {
-		attribute: "drag-y",
-		type: "Number"
-	},
-	resizable: {
-		reflect: !0,
-		type: "Boolean"
-	},
-	panelWidth: {
-		attribute: "panel-width",
-		type: "Number"
-	},
-	panelHeight: {
-		attribute: "panel-height",
-		type: "Number"
-	},
-	minPanelWidth: {
-		attribute: "min-panel-width",
-		type: "Number"
-	},
-	minPanelHeight: {
-		attribute: "min-panel-height",
-		type: "Number"
-	},
-	expanded: {
-		reflect: !0,
+	jumpIcon: { type: "Object" },
+	allowCopy: {
+		attribute: "allow-copy",
 		type: "Boolean"
 	},
-	expandedPanelWidth: {
-		attribute: "expanded-panel-width",
-		type: "Number"
-	},
-	expandedPanelHeight: {
-		attribute: "expanded-panel-height",
-		type: "Number"
-	},
 	testId: {
 		attribute: "test-id",
 		type: "String"
 	},
 	classes: { type: "String" },
-	onopen: { type: "Object" },
-	onclose: { type: "Object" },
-	ontoggle: { type: "Object" }
+	onretry: { type: "Object" },
+	onfeedback: { type: "Object" }
 }, [], [], { mode: "open" }));
 //#endregion
-//#region src/lib/ToolCallLog/ToolCallLog.svelte
-var diffstatBadges = (e, t = noop) => {
-	var n = root_2$2(), i = first_child(n), a = (e) => {
-		var n = root$2(), i = child(n);
-		{
-			let e = /* @__PURE__ */ user_derived(() => `+${t().added}`);
-			Pill(i, { get text() {
-				return get(e);
-			} });
-		}
-		reset(n), append(e, n);
-	};
-	if_block(i, (e) => {
-		typeof t().added == "number" && e(a);
-	});
-	var o = sibling(i, 2), s = (e) => {
-		var n = root_1$2(), i = child(n);
-		{
-			let e = /* @__PURE__ */ user_derived(() => `−${t().removed}`);
-			Pill(i, { get text() {
-				return get(e);
-			} });
-		}
-		reset(n), append(e, n);
-	};
-	if_block(o, (e) => {
-		typeof t().removed == "number" && e(s);
-	}), append(e, n);
-}, root$2 = /* @__PURE__ */ from_html("<span class=\"diffstat-pill diffstat-added svelte-1vnfzde\"><!></span>"), root_1$2 = /* @__PURE__ */ from_html("<span class=\"diffstat-pill diffstat-removed svelte-1vnfzde\"><!></span>"), root_2$2 = /* @__PURE__ */ from_html("<!> <!>", 1), root_3$2 = /* @__PURE__ */ from_html("<span class=\"chip-spinner svelte-1vnfzde\" aria-hidden=\"true\"><!></span>"), root_4$2 = /* @__PURE__ */ from_html("<span> </span>"), root_5$2 = /* @__PURE__ */ from_html("<span class=\"diffstat chip-diffstat svelte-1vnfzde\"><!></span>"), root_6$2 = /* @__PURE__ */ from_html("<span class=\"diffstat popover-diffstat svelte-1vnfzde\"><!></span>"), root_7$2 = /* @__PURE__ */ from_html("<div class=\"chip-popover svelte-1vnfzde\" role=\"dialog\" tabindex=\"-1\"><p> </p> <!></div>"), root_8$2 = /* @__PURE__ */ from_html("<div class=\"chip-wrap\"><button type=\"button\"><!> <b class=\"chip-label svelte-1vnfzde\"> </b> <!> <!></button> <!></div>"), root_9$1 = /* @__PURE__ */ from_html("<div></div>"), $$css$2 = {
-	hash: "svelte-1vnfzde",
-	code: "\n  @keyframes svelte-1vnfzde-tool-call-log-fade-up {\n    from {\n      opacity: 0;\n      transform: translateY(9px);\n    }\n    to {\n      opacity: 1;\n      transform: none;\n    }\n  }.tool-call-log.svelte-1vnfzde {display:flex;flex-wrap:wrap;align-items:flex-start;gap:var(--tool-call-log-gap, 8px);}\n\n  /* Bespoke <button> markup (Pill's root is a non-interactive <div> and can't carry\n     aria-expanded/button semantics — see docs), but its sizing recipe is deliberately\n     pulled from Pill's own tokens (line-height, cursor) so it reads as the same family\n     of control as the diffstat Pill badges nested inside it. */.chip.svelte-1vnfzde {display:inline-flex;align-items:center;gap:var(--tool-call-log-chip-gap, 6px);padding:var(--tool-call-log-chip-padding, 6px 10px);background:var(--tool-call-log-chip-background, #fafafa);border:var(--tool-call-log-chip-border, 1px solid #e4e4e7);border-radius:var(--tool-call-log-chip-radius, 6px);font:inherit;font-size:var(--tool-call-log-font-size, 0.8125rem);line-height:var(--tool-call-log-chip-line-height, 1);color:var(--tool-call-log-label-color, #2b2b2b);cursor:var(--tool-call-log-chip-cursor, pointer);max-width:100%;\n    animation: svelte-1vnfzde-tool-call-log-fade-up 320ms var(--tool-call-log-ease, cubic-bezier(0.23, 1, 0.32, 1))\n      both;transition:background 150ms ease,\n      border-color 150ms ease;}.chip.svelte-1vnfzde:hover {background:var(--tool-call-log-chip-hover-background, #f1f1f1);}.chip[aria-expanded='true'].svelte-1vnfzde {border-color:var(--tool-call-log-chip-open-border-color, #c7c7cc);}.chip.error.svelte-1vnfzde {color:var(--tool-call-log-error-color, #c93f38);border-color:var(--tool-call-log-error-border-color, #f2b8b5);background:var(--tool-call-log-error-background, #fdf1f0);}.chip.error.svelte-1vnfzde:hover {background:var(--tool-call-log-error-hover-background, #fbe6e5);}.chip-label.svelte-1vnfzde {font-weight:var(--tool-call-log-label-weight, 500);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.chip-meta.svelte-1vnfzde {color:var(--tool-call-log-meta-color, #9a9a9a);font-size:var(--tool-call-log-meta-font-size, 0.75rem);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.chip-meta.mono.svelte-1vnfzde {font-family:var(--tool-call-log-mono-font, ui-monospace, Menlo, monospace);}\n\n  /* Sizes and colors the nested library Loader via CSS custom-property\n     inheritance (no :global() needed — Loader is a plain DOM descendant of\n     this span, same pattern as ThinkingIndicator's `.avatar`). Loader itself\n     ships no literal fallback for --loader-foreground/-foreground-end/\n     -background, so all three are set explicitly here rather than left to\n     chance. */.chip-spinner.svelte-1vnfzde {display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;--loader-width: var(--tool-call-log-spinner-size, 11px);--loader-height: var(--tool-call-log-spinner-size, 11px);--loader-before-width: 5px;--loader-before-height: 5px;--loader-after-width: 8px;--loader-after-height: 8px;--loader-foreground: var(--tool-call-log-spinner-color, #6b6b6b);--loader-foreground-end: var(--tool-call-log-spinner-track-color, #dcdcdc);--loader-background: var(--tool-call-log-chip-background, #fafafa);}.diffstat.svelte-1vnfzde {display:inline-flex;align-items:center;gap:4px;font-variant-numeric:tabular-nums;flex-shrink:0;}.chip-diffstat.svelte-1vnfzde {margin-left:var(--tool-call-log-diffstat-margin, 2px);}\n\n  /* Pill customized into the small diffstat badge via its own --pill-* tokens\n     (inherited the same way — Pill is a plain descendant of this span). Pill\n     defaults `cursor` to `pointer` even when non-interactive, so it is pinned\n     back to `default` here: these badges carry no onclick. */.diffstat-pill.svelte-1vnfzde {display:inline-flex;--pill-padding: var(--tool-call-log-diffstat-padding, 0 4px);--pill-border-radius: var(--tool-call-log-diffstat-radius, 4px);--pill-font-size: var(--tool-call-log-diffstat-font-size, 0.6875rem);--pill-font-family: var(--tool-call-log-mono-font, ui-monospace, Menlo, monospace);--pill-line-height: 1;--pill-cursor: default;}.diffstat-added.svelte-1vnfzde {--pill-background: var(--tool-call-log-added-background, #e4f5ee);--pill-color: var(--tool-call-log-added-color, #1f7a5f);}.diffstat-removed.svelte-1vnfzde {--pill-background: var(--tool-call-log-removed-background, #fbeceb);--pill-color: var(--tool-call-log-removed-color, #c93f38);}\n\n  /* Always portaled to document.body (see `popoverPortal`), so `position:\n     fixed` is the baseline rather than a portal-only override — left/top/\n     z-index come from the inline `popoverStyle`, computed against the live\n     anchor rect. */.chip-popover.svelte-1vnfzde {position:fixed;z-index:var(--tool-call-log-popover-z-index, 1000);display:flex;flex-direction:column;gap:var(--tool-call-log-popover-gap, 6px);min-width:var(--tool-call-log-popover-min-width, 220px);max-width:var(--tool-call-log-popover-max-width, 340px);padding:var(--tool-call-log-popover-padding, 10px 12px);background:var(--tool-call-log-popover-background, #ffffff);border:var(--tool-call-log-popover-border, 1px solid #e4e4e7);border-radius:var(--tool-call-log-popover-radius, 10px);box-shadow:var(--tool-call-log-popover-shadow, 0 10px 30px rgba(0, 0, 0, 0.12));\n    animation: svelte-1vnfzde-tool-call-log-fade-up 200ms var(--tool-call-log-ease, cubic-bezier(0.23, 1, 0.32, 1))\n      both;}.popover-detail.svelte-1vnfzde {margin:0;color:var(--tool-call-log-popover-color, #2b2b2b);font-size:var(--tool-call-log-popover-font-size, 0.8125rem);white-space:pre-wrap;overflow-wrap:anywhere;}.popover-detail.mono.svelte-1vnfzde {font-family:var(--tool-call-log-mono-font, ui-monospace, Menlo, monospace);}\n\n  @media (prefers-reduced-motion: reduce) {.chip.svelte-1vnfzde,\n    .chip-popover.svelte-1vnfzde {animation-duration:0.001s;}\n    /* Loader's own spin keyframe lives on its internally-scoped `.loader`\n       class, which this file cannot reach with a plain scoped selector —\n       :global() is required to disable it, same pattern as `.pill-dismiss\n       :global(svg)` elsewhere in the library. Loader ships no\n       reduced-motion guard of its own. */.chip-spinner.svelte-1vnfzde .loader {\n      animation: none;}\n  }"
-};
-function ToolCallLog(e, t) {
-	push(t, !0), append_styles$1(e, $$css$2);
-	let n = prop(t, "chips", 7), i = prop(t, "onchipclick", 7), a = prop(t, "testId", 7), o = prop(t, "classes", 7), s = /* @__PURE__ */ state(null), c = /* @__PURE__ */ state(0), l = /* @__PURE__ */ state(proxy([])), u = /* @__PURE__ */ state(null), d = /* @__PURE__ */ state(0), f = /* @__PURE__ */ state(0), p = /* @__PURE__ */ state(0), m = 6, h = (e, t) => {
-		let n = t;
-		return { update(e) {
-			e > n && set(c, n, !0), n = e;
-		} };
-	}, g = (e) => `${Math.max(0, e - get(c)) * 120}ms`, _ = (e, t) => {
-		if (typeof t.detail == "string" && t.detail.length > 0) {
-			set(s, get(s) === e ? null : e, !0);
-			return;
-		}
-		i()?.(e, t);
-	}, v = (e) => {
-		e.key === "Escape" && get(s) !== null && set(s, null);
-	}, y = /* @__PURE__ */ user_derived(() => {
-		if (get(s) === null || typeof window > "u") return "";
-		let e = get(l)[get(s)];
-		if (e == null) return "";
-		get(p);
-		let t = e.getBoundingClientRect(), { left: n, top: i } = computeMenuDropdownPosition({
-			container: {
-				left: t.left,
-				right: t.right,
-				top: t.top,
-				bottom: t.bottom
-			},
-			dropdown: {
-				width: get(d),
-				height: get(f)
-			},
-			placement: "bottom-left",
-			gap: 6,
-			viewport: {
-				width: window.innerWidth,
-				height: window.innerHeight
-			}
-		});
-		return `position:fixed;left:${n}px;top:${i}px;right:auto;bottom:auto;margin:0;z-index:var(--tool-call-log-popover-z-index,1000);`;
-	}), b = (e) => {
-		document.body.appendChild(e);
-		let t = null, n = () => {
-			t === null && (t = requestAnimationFrame(() => {
-				t = null, set(p, get(p) + 1);
-			}));
-		};
-		return window.addEventListener("scroll", n, {
-			capture: !0,
-			passive: !0
-		}), window.addEventListener("resize", n), { destroy() {
-			window.removeEventListener("scroll", n, { capture: !0 }), window.removeEventListener("resize", n), t !== null && cancelAnimationFrame(t), e.remove();
-		} };
-	}, x = (e) => {
-		let t = e.target;
-		if (get(s) === null || !(t instanceof Node)) return;
-		let n = get(l).some((e) => e !== null && e.contains(t)), i = get(u) !== null && get(u).contains(t);
-		!n && !i && set(s, null);
-	};
-	onMount(() => (document.addEventListener("click", x), () => {
-		document.removeEventListener("click", x);
-	}));
-	var S = {
-		get chips() {
-			return n();
-		},
-		set chips(e) {
-			n(e), flushSync();
-		},
-		get onchipclick() {
-			return i();
-		},
-		set onchipclick(e) {
-			i(e), flushSync();
-		},
-		get testId() {
-			return a();
-		},
-		set testId(e) {
-			a(e), flushSync();
-		},
-		get classes() {
-			return o();
-		},
-		set classes(e) {
-			o(e), flushSync();
-		}
-	}, C = root_9$1();
-	return event("keydown", $window, v), each(C, 21, n, index, (e, t, n) => {
-		let i = /* @__PURE__ */ user_derived(() => get(t).detail), o = /* @__PURE__ */ user_derived(() => typeof get(i) == "string" && get(i).length > 0), c = /* @__PURE__ */ user_derived(() => typeof get(t).added == "number" || typeof get(t).removed == "number");
-		var p = root_8$2(), m = child(p);
-		let h, v;
-		var x = child(m), S = (e) => {
-			var t = root_3$2();
-			Loader(child(t), {}), reset(t), append(e, t);
-		};
-		if_block(x, (e) => {
-			get(t).state === "running" && e(S);
-		});
-		var C = sibling(x, 2), w = child(C, !0);
-		reset(C);
-		var T = sibling(C, 2), E = (e) => {
-			var n = root_4$2();
-			let i;
-			var a = child(n, !0);
-			reset(n), template_effect(() => {
-				i = set_class(n, 1, "chip-meta svelte-1vnfzde", null, i, { mono: get(t).mono }), set_text(a, get(t).meta);
-			}), append(e, n);
-		};
-		if_block(T, (e) => {
-			typeof get(t).meta == "string" && get(t).meta.length > 0 && e(E);
-		});
-		var D = sibling(T, 2), O = (e) => {
-			var n = root_5$2();
-			diffstatBadges(child(n), () => get(t)), reset(n), append(e, n);
-		};
-		if_block(D, (e) => {
-			get(c) && e(O);
-		}), reset(m), bind_this(m, (e, t) => get(l)[t] = e, (e) => get(l)?.[e], () => [n]);
-		var k = sibling(m, 2), A = (e) => {
-			var o = root_7$2(), s = child(o);
-			let l;
-			var p = child(s, !0);
-			reset(s);
-			var m = sibling(s, 2), h = (e) => {
-				var n = root_6$2();
-				diffstatBadges(child(n), () => get(t)), reset(n), append(e, n);
-			};
-			if_block(m, (e) => {
-				get(c) && e(h);
-			}), reset(o), bind_this(o, (e) => set(u, e), () => get(u)), effect(() => bind_element_size(o, "clientWidth", (e) => set(d, e))), effect(() => bind_element_size(o, "clientHeight", (e) => set(f, e))), action(o, (e) => b?.(e)), template_effect(() => {
-				set_attribute(o, "aria-label", `${get(t).label} details`), set_style(o, get(y)), set_attribute(o, "data-pw", typeof a() == "string" ? `${a()}-popover-${n}` : null), set_attribute(o, "testid", typeof a() == "string" ? `${a()}-popover-${n}` : null), l = set_class(s, 1, "popover-detail svelte-1vnfzde", null, l, { mono: get(t).mono }), set_text(p, get(i));
-			}), append(e, o);
-		};
-		if_block(k, (e) => {
-			get(o) && get(s) === n && e(A);
-		}), reset(p), template_effect((e) => {
-			h = set_class(m, 1, "chip svelte-1vnfzde", null, h, { error: get(t).state === "error" }), set_attribute(m, "aria-expanded", get(o) ? get(s) === n : null), set_attribute(m, "data-pw", typeof a() == "string" ? `${a()}-chip-${n}` : null), set_attribute(m, "testid", typeof a() == "string" ? `${a()}-chip-${n}` : null), v = set_style(m, "", v, e), set_text(w, get(t).label);
-		}, [() => ({ "animation-delay": g(n) })]), delegated("click", m, () => _(n, get(t))), append(e, p);
-	}), reset(C), action(C, (e, t) => h?.(e, t), () => n().length), template_effect(() => {
-		set_class(C, 1, `tool-call-log ${o() ?? "" ?? ""}`, "svelte-1vnfzde"), set_attribute(C, "data-pw", typeof a() == "string" ? a() : null), set_attribute(C, "testid", typeof a() == "string" ? a() : null);
-	}), append(e, C), pop(S);
+//#region src/wc/components/ChatComposer.wc.svelte
+var rest_excludes$6 = new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"$$host"
+]);
+function ChatComposer_wc(e, t) {
+	let n = /* @__PURE__ */ rest_props(t, rest_excludes$6);
+	ChatComposer(e, spread_props(() => n));
 }
-delegate(["click"]), create_custom_element(ToolCallLog, {
-	chips: {},
-	onchipclick: {},
-	testId: {},
-	classes: {}
-}, [], [], { mode: "open" });
+customElements.define("sui-chat-composer", create_custom_element(ChatComposer_wc, {
+	value: { type: "String" },
+	placeholder: {
+		reflect: !0,
+		type: "String"
+	},
+	disabled: {
+		reflect: !0,
+		type: "Boolean"
+	},
+	submitOnEnter: {
+		attribute: "submit-on-enter",
+		type: "Boolean"
+	},
+	maxLength: {
+		attribute: "max-length",
+		type: "Number"
+	},
+	streaming: {
+		reflect: !0,
+		type: "Boolean"
+	},
+	recording: {
+		reflect: !0,
+		type: "Boolean"
+	},
+	attachments: { type: "Object" },
+	attachmentsPreview: { type: "Object" },
+	richImages: { type: "Object" },
+	richFiles: { type: "Object" },
+	richVideos: { type: "Object" },
+	richImageTooltip: { type: "Object" },
+	richVideoTooltip: { type: "Object" },
+	richRemoveIcon: { type: "Object" },
+	richFileIcon: { type: "Object" },
+	onremoverichimage: { type: "Object" },
+	onremoverichfile: { type: "Object" },
+	onremoverichvideo: { type: "Object" },
+	onopenrichimage: { type: "Object" },
+	onopenrichvideo: { type: "Object" },
+	onopenrichfile: { type: "Object" },
+	sendable: { type: "Boolean" },
+	accept: {
+		reflect: !0,
+		type: "String"
+	},
+	multiple: {
+		reflect: !0,
+		type: "Boolean"
+	},
+	sendLabel: {
+		attribute: "send-label",
+		type: "String"
+	},
+	stopLabel: {
+		attribute: "stop-label",
+		type: "String"
+	},
+	voiceLabel: {
+		attribute: "voice-label",
+		type: "String"
+	},
+	attachLabel: {
+		attribute: "attach-label",
+		type: "String"
+	},
+	sendIcon: { type: "Object" },
+	stopIcon: { type: "Object" },
+	voiceIcon: { type: "Object" },
+	attachIcon: { type: "Object" },
+	leading: { type: "Object" },
+	testId: {
+		attribute: "test-id",
+		type: "String"
+	},
+	inputTestId: {
+		attribute: "input-test-id",
+		type: "String"
+	},
+	inputAriaLabel: {
+		attribute: "input-aria-label",
+		type: "String"
+	},
+	sendTestId: {
+		attribute: "send-test-id",
+		type: "String"
+	},
+	sendSlotTestId: {
+		attribute: "send-slot-test-id",
+		type: "String"
+	},
+	stopTestId: {
+		attribute: "stop-test-id",
+		type: "String"
+	},
+	voiceTestId: {
+		attribute: "voice-test-id",
+		type: "String"
+	},
+	attachTestId: {
+		attribute: "attach-test-id",
+		type: "String"
+	},
+	actionTestId: {
+		attribute: "action-test-id",
+		type: "String"
+	},
+	classes: { type: "String" },
+	onsubmit: { type: "Object" },
+	oninput: { type: "Object" },
+	onkeydown: { type: "Object" },
+	onstop: { type: "Object" },
+	onvoice: { type: "Object" },
+	onattach: { type: "Object" },
+	onpaste: { type: "Object" },
+	onattachclick: { type: "Object" },
+	onaction: { type: "Object" },
+	actionIcon: { type: "Object" },
+	actionLabel: {
+		attribute: "action-label",
+		type: "String"
+	}
+}, [], [], { mode: "open" }));
 //#endregion
-//#region src/wc/components/ToolCallLog.wc.svelte
-var rest_excludes$2 = new Set([
+//#region src/wc/components/ChatSuggestions.wc.svelte
+var rest_excludes$5 = new Set([
 	"$$slots",
 	"$$events",
 	"$$legacy",
 	"$$host"
 ]);
-function ToolCallLog_wc(e, t) {
-	let n = /* @__PURE__ */ rest_props(t, rest_excludes$2);
-	ToolCallLog(e, spread_props(() => n));
+function ChatSuggestions_wc(e, t) {
+	let n = /* @__PURE__ */ rest_props(t, rest_excludes$5);
+	ChatSuggestions(e, spread_props(() => n));
 }
-customElements.define("sui-tool-call-log", create_custom_element(ToolCallLog_wc, {
-	chips: { type: "Array" },
-	onchipclick: { type: "Object" },
+customElements.define("sui-chat-suggestions", create_custom_element(ChatSuggestions_wc, {
+	items: { type: "Object" },
+	disabled: {
+		reflect: !0,
+		type: "Boolean"
+	},
+	layout: { type: "String" },
+	direction: { type: "String" },
+	maxVisible: {
+		attribute: "max-visible",
+		type: "Number"
+	},
+	loading: {
+		reflect: !0,
+		type: "Boolean"
+	},
 	testId: {
 		attribute: "test-id",
 		type: "String"
 	},
-	classes: { type: "String" }
+	classes: { type: "String" },
+	chipClasses: {
+		attribute: "chip-classes",
+		type: "String"
+	},
+	onselect: { type: "Object" }
 }, [], [], { mode: "open" }));
 //#endregion
-//#region src/lib/TaskList/TaskList.svelte
-var root$1 = /* @__PURE__ */ from_html("<span class=\"glyph-dot svelte-1te9fae\"></span>"), root_1$1 = /* @__PURE__ */ from_html("<span class=\"glyph-spinner svelte-1te9fae\"><!></span>"), root_2$1 = /* @__PURE__ */ from_html("<span class=\"glyph-check svelte-1te9fae\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"svelte-1te9fae\"><path d=\"M20 6 9 17l-5-5\"></path></svg></span>"), root_3$1 = /* @__PURE__ */ from_html("<span class=\"glyph-x svelte-1te9fae\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"svelte-1te9fae\"><path d=\"M6 6l12 12M18 6 6 18\"></path></svg></span>"), root_4$1 = /* @__PURE__ */ from_html("<span class=\"glyph-inner svelte-1te9fae\" aria-hidden=\"true\"><!></span>"), root_5$1 = /* @__PURE__ */ from_html("<span> </span>"), root_6$1 = /* @__PURE__ */ from_html("<div class=\"row-retry svelte-1te9fae\"><!></div>"), root_7$1 = /* @__PURE__ */ from_html("<div><span class=\"row-glyph svelte-1te9fae\"><!></span> <span class=\"row-text svelte-1te9fae\"><span class=\"row-label svelte-1te9fae\"> </span> <!></span> <!></div>"), root_8$1 = /* @__PURE__ */ from_html("<div></div>"), $$css$1 = {
-	hash: "svelte-1te9fae",
-	code: "\n  @keyframes svelte-1te9fae-task-list-fade-up {\n    from {\n      opacity: 0;\n      transform: translateY(9px);\n    }\n    to {\n      opacity: 1;\n      transform: none;\n    }\n  }\n  @keyframes svelte-1te9fae-task-list-glyph-fade {\n    from {\n      opacity: 0;\n    }\n    to {\n      opacity: 1;\n    }\n  }\n  @keyframes svelte-1te9fae-task-list-check-pop {\n    from {\n      opacity: 0;\n      transform: scale(0.5);\n    }\n    to {\n      opacity: 1;\n      transform: scale(1);\n    }\n  }.task-list.svelte-1te9fae {display:flex;flex-direction:column;gap:var(--task-list-row-gap, 10px);}.task-row.svelte-1te9fae {display:flex;align-items:baseline;gap:var(--task-list-row-inline-gap, 10px);\n    animation: svelte-1te9fae-task-list-fade-up 320ms var(--task-list-ease, cubic-bezier(0.23, 1, 0.32, 1)) both;}.row-glyph.svelte-1te9fae {display:inline-flex;align-self:center;align-items:center;justify-content:center;width:var(--task-list-glyph-size, 16px);height:var(--task-list-glyph-size, 16px);flex-shrink:0;}.glyph-inner.svelte-1te9fae {display:inline-flex;align-items:center;justify-content:center;\n    animation: svelte-1te9fae-task-list-glyph-fade 150ms ease both;}.glyph-dot.svelte-1te9fae {width:6px;height:6px;border-radius:50%;background:var(--task-list-dot-color, #9a9a9a);}\n\n  /* Loader draws its own ring via a rotating gradient rather than a bordered arc, so the old\n     track/spinner two-tone maps onto the gradient's start/end stops: --loader-foreground is the\n     bright leading edge, --loader-foreground-end the dimmer trailing one. The size vars are\n     calc()'d off a single token so before/after stay proportional if a consumer overrides it. */.glyph-spinner.svelte-1te9fae {display:inline-flex;--loader-foreground: var(--task-list-spinner-color, #6b6b6b);--loader-foreground-end: var(--task-list-spinner-track-color, #dcdcdc);--loader-width: var(--task-list-spinner-size, 11px);--loader-height: var(--task-list-spinner-size, 11px);--loader-before-width: calc(var(--task-list-spinner-size, 11px) * 0.5);--loader-before-height: calc(var(--task-list-spinner-size, 11px) * 0.5);--loader-after-width: calc(var(--task-list-spinner-size, 11px) * 0.75);--loader-after-height: calc(var(--task-list-spinner-size, 11px) * 0.75);}.glyph-check.svelte-1te9fae,\n  .glyph-x.svelte-1te9fae {display:inline-flex;}.glyph-check.svelte-1te9fae svg:where(.svelte-1te9fae),\n  .glyph-x.svelte-1te9fae svg:where(.svelte-1te9fae) {width:12px;height:12px;}.glyph-check.svelte-1te9fae {color:var(--task-list-done-color, #6b6b6b);\n    animation: svelte-1te9fae-task-list-check-pop 200ms var(--task-list-ease, cubic-bezier(0.23, 1, 0.32, 1)) both;}.glyph-x.svelte-1te9fae {color:var(--task-list-error-color, #c93f38);}.row-text.svelte-1te9fae {flex:1;min-width:0;display:flex;align-items:baseline;gap:var(--task-list-text-gap, 8px);}.task-row.pending.svelte-1te9fae .row-text:where(.svelte-1te9fae) {opacity:var(--task-list-pending-opacity, 0.55);}.row-label.svelte-1te9fae {font-size:var(--task-list-row-font-size, 0.875rem);font-weight:var(--task-list-row-weight, 500);color:var(--task-list-row-color, #2b2b2b);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.row-secondary.svelte-1te9fae {font-size:var(--task-list-secondary-font-size, 0.75rem);color:var(--task-list-secondary-color, #9a9a9a);white-space:nowrap;}.row-secondary.mono.svelte-1te9fae {font-family:var(--task-list-mono-font, ui-monospace, Menlo, monospace);}\n\n  /* Themes the embedded Button into the compact error-tinted pill via its own custom\n     properties — these inherit down into Button's internal rules regardless of the\n     component boundary, the same wrapper-div pattern Banner uses for its dismiss button. */.row-retry.svelte-1te9fae {margin-left:auto;flex-shrink:0;align-self:center;--button-color: var(--task-list-retry-background, rgba(201, 63, 56, 0.12));--button-text-color: var(--task-list-retry-color, #c93f38);--button-hover-color: var(--task-list-retry-hover-background, rgba(201, 63, 56, 0.2));--button-hover-text-color: var(--task-list-retry-color, #c93f38);--button-border: none;--button-padding: var(--task-list-retry-padding, 3px 10px);--button-border-radius: var(--task-list-retry-radius, 999px);--button-font-size: var(--task-list-retry-font-size, 0.75rem);--button-font-weight: var(--task-list-retry-weight, 600);--button-transition: background 150ms ease;}\n\n  @media (prefers-reduced-motion: reduce) {.task-row.svelte-1te9fae,\n    .glyph-inner.svelte-1te9fae,\n    .glyph-check.svelte-1te9fae {animation-duration:0.001s;}\n    /* Loader's spin lives on its own internally-scoped element, reached here via :global()\n       scoped to a descendant of our local .glyph-spinner wrapper — the 3-class specificity\n       that produces reliably beats Loader's own 2-class rule regardless of stylesheet order. */.glyph-spinner.svelte-1te9fae .loader {\n      animation: none;\n      -webkit-animation: none;}\n  }"
+//#region src/lib/ChatToolStatus/ChatToolStatus.svelte
+var root$2 = /* @__PURE__ */ from_html("<div aria-live=\"polite\"><span class=\"indicator svelte-1s6lfrc\"><!></span> <span class=\"label svelte-1s6lfrc\"> </span></div>"), $$css$3 = {
+	hash: "svelte-1s6lfrc",
+	code: ".chat-tool-status.svelte-1s6lfrc {box-sizing:border-box;display:inline-flex;align-items:center;gap:var(--chat-tool-status-gap, 8px);width:fit-content;padding:var(--chat-tool-status-padding, 8px 14px);background:var(--chat-tool-status-background, #ffffff);border:var(--chat-tool-status-border, 1px solid #e4e4e7);border-radius:var(--chat-tool-status-border-radius, 999px);box-shadow:var(--chat-tool-status-box-shadow, 0 6px 20px rgba(0, 0, 0, 0.08));color:var(--chat-tool-status-color, #52525b);font-size:var(--chat-tool-status-font-size, 0.85rem);font-weight:var(--chat-tool-status-font-weight, 500);max-width:var(--chat-tool-status-max-width, 100%);}.indicator.svelte-1s6lfrc {display:inline-flex;align-items:center;flex-shrink:0;color:var(--chat-tool-status-indicator-color, currentColor);--loader-foreground: var(--chat-tool-status-spinner-color, currentColor);--loader-foreground-end: var(--chat-tool-status-spinner-color-end, transparent);--loader-width: var(--chat-tool-status-spinner-size, 14px);--loader-height: var(--chat-tool-status-spinner-size, 14px);--loader-before-width: 7px;--loader-before-height: 7px;--loader-after-width: 11px;--loader-after-height: 11px;--loader-background: var(--chat-tool-status-background, #ffffff);}.label.svelte-1s6lfrc {white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}"
 };
-function TaskList(e, t) {
-	push(t, !0), append_styles$1(e, $$css$1);
-	let n = prop(t, "rows", 7), i = prop(t, "onretry", 7), a = prop(t, "testId", 7), o = prop(t, "classes", 7), s = /* @__PURE__ */ state(0), c = (e, t) => {
-		let n = t;
-		return { update(e) {
-			e > n && set(s, n, !0), n = e;
-		} };
-	}, l = (e) => `${Math.max(0, e - get(s)) * 120}ms`, u = (e) => {
-		i()?.(e);
-	};
-	var d = {
-		get rows() {
+function ChatToolStatus(e, t) {
+	push(t, !0), append_styles$1(e, $$css$3);
+	let n = prop(t, "label", 7), i = prop(t, "icon", 7), a = prop(t, "testId", 7), o = prop(t, "classes", 7);
+	var s = {
+		get label() {
 			return n();
 		},
-		set rows(e) {
+		set label(e) {
 			n(e), flushSync();
 		},
-		get onretry() {
+		get icon() {
 			return i();
 		},
-		set onretry(e) {
+		set icon(e) {
 			i(e), flushSync();
 		},
 		get testId() {
@@ -32378,79 +32116,44 @@ function TaskList(e, t) {
 		set classes(e) {
 			o(e), flushSync();
 		}
-	}, f = root_8$1();
-	return each(f, 21, n, index, (e, t, n) => {
-		var i = root_7$1();
-		let o, s;
-		var c = child(i);
-		key(child(c), () => get(t).status, (e) => {
-			var n = root_4$1(), i = child(n), a = (e) => {
-				append(e, root$1());
-			}, o = (e) => {
-				var t = root_1$1();
-				Loader(child(t), {}), reset(t), append(e, t);
-			}, s = (e) => {
-				append(e, root_2$1());
-			}, c = (e) => {
-				append(e, root_3$1());
-			};
-			if_block(i, (e) => {
-				get(t).status === "pending" ? e(a) : get(t).status === "running" ? e(o, 1) : get(t).status === "done" ? e(s, 2) : get(t).status === "failed" && e(c, 3);
-			}), reset(n), template_effect(() => set_attribute(n, "data-status", get(t).status)), append(e, n);
-		}), reset(c);
-		var d = sibling(c, 2), f = child(d), p = child(f, !0);
-		reset(f);
-		var m = sibling(f, 2), h = (e) => {
-			var n = root_5$1();
-			let i;
-			var a = child(n, !0);
-			reset(n), template_effect(() => {
-				i = set_class(n, 1, "row-secondary svelte-1te9fae", null, i, { mono: get(t).mono }), set_text(a, get(t).secondary);
-			}), append(e, n);
-		};
-		if_block(m, (e) => {
-			typeof get(t).secondary == "string" && get(t).secondary.length > 0 && e(h);
-		}), reset(d);
-		var g = sibling(d, 2), _ = (e) => {
-			var i = root_6$1();
-			Button(child(i), spread_props({
-				get text() {
-					return get(t).retryLabel;
-				},
-				size: "sm",
-				onclick: () => u(n)
-			}, () => typeof a() == "string" ? { testId: `${a()}-row-${n}-retry` } : {})), reset(i), append(e, i);
-		};
-		if_block(g, (e) => {
-			get(t).status === "failed" && typeof get(t).retryLabel == "string" && get(t).retryLabel.length > 0 && e(_);
-		}), reset(i), template_effect((e) => {
-			o = set_class(i, 1, "task-row svelte-1te9fae", null, o, { pending: get(t).status === "pending" }), set_attribute(i, "data-pw", typeof a() == "string" ? `${a()}-row-${n}` : null), set_attribute(i, "testid", typeof a() == "string" ? `${a()}-row-${n}` : null), s = set_style(i, "", s, e), set_text(p, get(t).label);
-		}, [() => ({ "animation-delay": l(n) })]), append(e, i);
-	}), reset(f), action(f, (e, t) => c?.(e, t), () => n().length), template_effect(() => {
-		set_class(f, 1, `task-list ${o() ?? "" ?? ""}`, "svelte-1te9fae"), set_attribute(f, "data-pw", typeof a() == "string" ? a() : null), set_attribute(f, "testid", typeof a() == "string" ? a() : null);
-	}), append(e, f), pop(d);
-}
-create_custom_element(TaskList, {
-	rows: {},
-	onretry: {},
+	}, c = root$2(), l = child(c), u = child(l), d = (e) => {
+		var t = comment();
+		snippet(first_child(t), i), append(e, t);
+	}, f = (e) => {
+		Loader(e, {});
+	};
+	if_block(u, (e) => {
+		typeof i() == "function" ? e(d) : e(f, -1);
+	}), reset(l);
+	var p = sibling(l, 2), m = child(p, !0);
+	return reset(p), reset(c), template_effect(() => {
+		set_class(c, 1, `chat-tool-status ${o() ?? "" ?? ""}`, "svelte-1s6lfrc"), set_attribute(c, "data-pw", typeof a() == "string" ? a() : null), set_attribute(c, "testid", typeof a() == "string" ? a() : null), set_text(m, n());
+	}), append(e, c), pop(s);
+}
+create_custom_element(ChatToolStatus, {
+	label: {},
+	icon: {},
 	testId: {},
 	classes: {}
 }, [], [], { mode: "open" });
 //#endregion
-//#region src/wc/components/TaskList.wc.svelte
-var rest_excludes$1 = new Set([
+//#region src/wc/components/ChatToolStatus.wc.svelte
+var rest_excludes$4 = new Set([
 	"$$slots",
 	"$$events",
 	"$$legacy",
 	"$$host"
 ]);
-function TaskList_wc(e, t) {
-	let n = /* @__PURE__ */ rest_props(t, rest_excludes$1);
-	TaskList(e, spread_props(() => n));
+function ChatToolStatus_wc(e, t) {
+	let n = /* @__PURE__ */ rest_props(t, rest_excludes$4);
+	ChatToolStatus(e, spread_props(() => n));
 }
-customElements.define("sui-task-list", create_custom_element(TaskList_wc, {
-	rows: { type: "Array" },
-	onretry: { type: "Object" },
+customElements.define("sui-chat-tool-status", create_custom_element(ChatToolStatus_wc, {
+	label: {
+		reflect: !0,
+		type: "String"
+	},
+	icon: { type: "Object" },
 	testId: {
 		attribute: "test-id",
 		type: "String"
@@ -32458,493 +32161,809 @@ customElements.define("sui-task-list", create_custom_element(TaskList_wc, {
 	classes: { type: "String" }
 }, [], [], { mode: "open" }));
 //#endregion
-//#region src/lib/ThinkingIndicator/ThinkingIndicator.svelte
-var root = /* @__PURE__ */ from_html("<span class=\"avatar svelte-uzfrw6\"><!></span>"), root_1 = /* @__PURE__ */ from_svg("<svg viewBox=\"0 0 16 16\" fill=\"none\" class=\"svelte-uzfrw6\"><path d=\"M4 6l4 4 4-4\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"svelte-uzfrw6\"></path></svg>"), root_2 = /* @__PURE__ */ from_html("<span class=\"elapsed svelte-uzfrw6\"> </span>"), root_3 = /* @__PURE__ */ from_html("<span class=\"status-row svelte-uzfrw6\"><!> <span class=\"label-cluster svelte-uzfrw6\"><span> </span> <span aria-hidden=\"true\"><!></span></span></span> <!>", 1), root_4 = /* @__PURE__ */ from_svg("<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\" class=\"svelte-uzfrw6\"><circle cx=\"11\" cy=\"11\" r=\"7\" class=\"svelte-uzfrw6\"></circle><path d=\"m21 21-4.3-4.3\" stroke-linecap=\"round\" class=\"svelte-uzfrw6\"></path></svg>"), root_5 = /* @__PURE__ */ from_html("<span class=\"trace-query-wrap svelte-uzfrw6\"><!></span>"), root_6 = /* @__PURE__ */ from_html("<span> </span>"), root_7 = /* @__PURE__ */ from_html("<span class=\"added svelte-uzfrw6\"> </span>"), root_8 = /* @__PURE__ */ from_html("<span class=\"removed svelte-uzfrw6\"> </span>"), root_9 = /* @__PURE__ */ from_html("<span class=\"row-diffstat svelte-uzfrw6\"><!> <!></span>"), root_10 = /* @__PURE__ */ from_html("<button type=\"button\"><b class=\"row-primary svelte-uzfrw6\"> </b> <!> <!></button>"), root_11 = /* @__PURE__ */ from_html("<span class=\"row-secondary svelte-uzfrw6\"> </span>"), root_12 = /* @__PURE__ */ from_html("<a class=\"trace-row linked svelte-uzfrw6\" target=\"_blank\" rel=\"noopener noreferrer\"><span class=\"row-badge svelte-uzfrw6\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"svelte-uzfrw6\"><path d=\"M20 6 9 17l-5-5\" class=\"svelte-uzfrw6\"></path></svg></span> <b class=\"row-primary svelte-uzfrw6\"> </b> <!></a>"), root_13 = /* @__PURE__ */ from_svg("<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"svelte-uzfrw6\"><path d=\"M20 6 9 17l-5-5\" class=\"svelte-uzfrw6\"></path></svg>"), root_14 = /* @__PURE__ */ from_html("<span class=\"row-icon svelte-uzfrw6\" aria-hidden=\"true\"><!></span>"), root_15 = /* @__PURE__ */ from_html("<span class=\"row-badge svelte-uzfrw6\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"svelte-uzfrw6\"><path d=\"M20 6 9 17l-5-5\" class=\"svelte-uzfrw6\"></path></svg></span>"), root_16 = /* @__PURE__ */ from_html("<b class=\"row-primary svelte-uzfrw6\"> </b>"), root_17 = /* @__PURE__ */ from_html("<div><!> <!> <!> <!></div>"), root_18 = /* @__PURE__ */ from_html("<div class=\"trace-more svelte-uzfrw6\"> </div>"), root_19 = /* @__PURE__ */ from_html("<!> <div class=\"trace-body svelte-uzfrw6\"><span class=\"trace-connector svelte-uzfrw6\" aria-hidden=\"true\"></span> <div class=\"trace-rows svelte-uzfrw6\"></div></div> <!>", 1), root_20 = /* @__PURE__ */ from_html("<p class=\"detail svelte-uzfrw6\"> </p>"), root_21 = /* @__PURE__ */ from_html("<div class=\"thinking-indicator-body svelte-uzfrw6\"><!></div>"), root_22 = /* @__PURE__ */ from_html("<div><div class=\"toggle svelte-uzfrw6\"><!></div> <!></div>"), root_23 = /* @__PURE__ */ from_html("<span class=\"svelte-uzfrw6\"> </span>"), root_24 = /* @__PURE__ */ from_html("<span><!></span>"), root_25 = /* @__PURE__ */ from_html("<div><span class=\"status-row svelte-uzfrw6\"><span class=\"avatar svelte-uzfrw6\"><!></span> <span> </span></span> <!></div>"), $$css = {
-	hash: "svelte-uzfrw6",
-	code: "\n  @keyframes svelte-uzfrw6-thinking-indicator-shimmer {\n    0% {\n      background-position: 200% 0;\n    }\n\n    100% {\n      background-position: -200% 0;\n    }\n  }\n\n  @keyframes svelte-uzfrw6-thinking-indicator-fade-up {\n    from {\n      opacity: 0;\n      transform: translateY(9px);\n    }\n    to {\n      opacity: 1;\n      transform: none;\n    }\n  }\n\n  @keyframes svelte-uzfrw6-thinking-indicator-fade-in {\n    from {\n      opacity: 0;\n    }\n    to {\n      opacity: 1;\n    }\n  }.thinking-indicator.svelte-uzfrw6 {box-sizing:border-box;width:100%;}.expandable.svelte-uzfrw6 {border-bottom:var(--thinking-indicator-border-bottom, 1px solid #e4e4e7);padding-block:var(--thinking-indicator-padding-block, 0.5rem);margin-bottom:var(--thinking-indicator-margin-bottom, 1rem);min-height:0;transition:min-height 400ms\n      var(--thinking-indicator-trace-ease, cubic-bezier(0.23, 1, 0.32, 1));}.expandable.busy.svelte-uzfrw6 {min-height:var(--thinking-indicator-trace-busy-min-height, 0px);}.toggle.svelte-uzfrw6 {width:100%;--button-color: transparent;--button-border: none;--button-box-shadow: none;--button-hover-box-shadow: none;--button-active-box-shadow: none;--button-width: 100%;--button-padding: 0;--button-justify-content: flex-start;--button-text-color: inherit;--button-content-gap: var(--thinking-indicator-header-gap, 0.375rem);}\n\n  /* A flex ROW host makes the inner status-row hug its content, so the shimmer\n     gradient maps to the text's own width rather than the full container. Neither\n     form stretches to fill the width — a trailing gap after a short label is real\n     empty space, not a reserved box, so nothing pushes the elapsed counter away. */.status-host.svelte-uzfrw6 {display:flex;align-items:center;gap:var(--thinking-indicator-header-gap, 0.375rem);}.status-row.svelte-uzfrw6 {display:flex;align-items:center;gap:var(--thinking-indicator-gap, 0.25rem);min-width:0;}.avatar.svelte-uzfrw6 {display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--thinking-indicator-avatar-size, 1.5rem);height:var(--thinking-indicator-avatar-size, 1.5rem);--loader-width: var(--thinking-indicator-avatar-loader-size, 1rem);--loader-height: var(--thinking-indicator-avatar-loader-size, 1rem);}\n\n  /* The chevron lives in the same flex cluster as the label so it hugs the text\n     immediately, instead of drifting to the far edge of the toggle button. */.label-cluster.svelte-uzfrw6 {display:flex;align-items:center;gap:var(--thinking-indicator-arrow-gap, 0.125rem);min-width:0;}.status-label.svelte-uzfrw6 {flex:0 1 auto;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:left;font-size:var(--thinking-indicator-font-size, 0.75rem);line-height:var(--thinking-indicator-line-height, 1.25rem);color:var(--thinking-indicator-label-color, #858585);background:var(\n      --thinking-indicator-shimmer-gradient,\n      linear-gradient(90deg, #858585 0%, #bebebe 50%, #858585 100%)\n    );background-size:200% 100%;background-clip:text;-webkit-text-fill-color:transparent;\n    animation: svelte-uzfrw6-thinking-indicator-shimmer var(--thinking-indicator-shimmer-duration, 2s) linear\n      infinite;}\n\n  /* A settled label (no live busy phase) holds still instead of shimmering. */.static-label.svelte-uzfrw6 {\n    animation: none;-webkit-text-fill-color:var(--thinking-indicator-label-color, #858585);}.arrow.svelte-uzfrw6 {display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--thinking-indicator-arrow-size, 1rem);height:var(--thinking-indicator-arrow-size, 1rem);color:var(--thinking-indicator-arrow-color, #7a7a7a);transform:rotate(-90deg);transition:var(--thinking-indicator-arrow-transition, transform 0.2s ease-in-out);}.arrow.svelte-uzfrw6 svg:where(.svelte-uzfrw6) {width:100%;height:100%;}.arrow.expanded.svelte-uzfrw6 {transform:rotate(0deg);}.detail.svelte-uzfrw6 {margin:0;padding-top:var(--thinking-indicator-detail-padding-top, 0.5rem);font-size:var(--thinking-indicator-detail-font-size, 0.875rem);line-height:var(--thinking-indicator-detail-line-height, 1.5);color:var(--thinking-indicator-detail-color, #bebebe);text-align:left;}.elapsed.svelte-uzfrw6 {flex-shrink:0;font-variant-numeric:tabular-nums;color:var(--thinking-indicator-elapsed-color, #9a9a9a);font-size:var(--thinking-indicator-elapsed-font-size, 0.75rem);}\n\n  /* ---- Trace body (rows?: ThinkingIndicatorTraceRow[]) ---- */\n\n  /* Wrapper exists only to carry `inert` while the Accordion has it collapsed —\n     no box of its own, so it can't disturb the detail/trace layout it wraps. */.thinking-indicator-body.svelte-uzfrw6 {display:contents;}.trace-query-wrap.svelte-uzfrw6 {display:inline-flex;margin:var(--thinking-indicator-trace-query-margin, 10px 0 0);--pill-width: auto;--pill-justify-content: flex-start;--pill-cursor: default;--pill-gap: 6px;--pill-background: var(--thinking-indicator-trace-query-background, #f1f1f1);--pill-color: var(--thinking-indicator-trace-query-color, #6b6b6b);--pill-border-radius: var(--thinking-indicator-trace-query-radius, 999px);--pill-padding: var(--thinking-indicator-trace-query-padding, 3px 11px);--pill-font-size: var(--thinking-indicator-trace-query-font-size, 0.8125rem);--pill-font-weight: 400;}.trace-query-wrap.svelte-uzfrw6 svg {width:11px;height:11px;}.trace-body.svelte-uzfrw6 {display:flex;gap:var(--thinking-indicator-trace-body-gap, 12px);padding-top:var(--thinking-indicator-trace-body-padding-top, 10px);}.trace-connector.svelte-uzfrw6 {width:2px;border-radius:999px;background:var(--thinking-indicator-trace-connector-color, #dcdcdc);margin-left:6px;flex-shrink:0;transition:height 500ms var(--thinking-indicator-trace-ease, cubic-bezier(0.23, 1, 0.32, 1));}.trace-rows.svelte-uzfrw6 {flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--thinking-indicator-trace-row-gap, 7px);align-self:flex-start;}.trace-row.svelte-uzfrw6 {display:flex;align-items:baseline;gap:8px;font-size:var(--thinking-indicator-trace-row-font-size, 0.8125rem);color:var(--thinking-indicator-trace-row-color, #2b2b2b);\n    animation: svelte-uzfrw6-thinking-indicator-fade-up 320ms\n      var(--thinking-indicator-trace-ease, cubic-bezier(0.23, 1, 0.32, 1)) both;text-decoration:none;}.trace-row.prose.svelte-uzfrw6 {color:var(--thinking-indicator-trace-prose-color, #6b6b6b);}.trace-row.selectable.svelte-uzfrw6 {border:none;background:none;font:inherit;text-align:left;padding:3px 6px;margin:-3px -6px;border-radius:var(--thinking-indicator-trace-row-radius, 6px);cursor:pointer;transition:background 150ms ease;width:calc(100% + 12px);}.trace-row.selectable.svelte-uzfrw6:hover {background:var(--thinking-indicator-trace-row-hover-background, #f4f4f4);}.trace-row.selectable.selected.svelte-uzfrw6 {background:var(--thinking-indicator-trace-row-selected-background, #ececec);}.trace-row.linked.svelte-uzfrw6:hover .row-primary:where(.svelte-uzfrw6) {text-decoration:underline;}.row-primary.svelte-uzfrw6 {font-weight:var(--thinking-indicator-trace-row-weight, 500);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.row-secondary.svelte-uzfrw6 {color:var(--thinking-indicator-trace-secondary-color, #9a9a9a);font-size:var(--thinking-indicator-trace-secondary-font-size, 0.75rem);white-space:nowrap;}.row-secondary.mono.svelte-uzfrw6 {font-family:var(--thinking-indicator-trace-mono-font, ui-monospace, Menlo, monospace);}\n\n  /* Steps kind: a static check icon, or — on the frontier row while busy — the\n     library Loader, recoloured/resized to match the row's small icon footprint. */.row-icon.svelte-uzfrw6 {display:inline-flex;align-self:center;width:14px;flex-shrink:0;color:var(--thinking-indicator-trace-icon-color, #9a9a9a);--loader-width: var(--thinking-indicator-trace-spinner-size, 11px);--loader-height: var(--thinking-indicator-trace-spinner-size, 11px);--loader-before-width: 5px;--loader-before-height: 5px;--loader-after-width: 8px;--loader-after-height: 8px;--loader-foreground: var(--thinking-indicator-trace-spinner-color, #6b6b6b);--loader-foreground-end: var(--thinking-indicator-trace-spinner-color-end, transparent);--loader-background: var(--thinking-indicator-trace-spinner-track-color, #dcdcdc);}.row-icon.svelte-uzfrw6 svg:where(.svelte-uzfrw6) {width:12px;height:12px;}.row-badge.svelte-uzfrw6 {width:15px;height:15px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;color:var(--thinking-indicator-trace-badge-check-color, #fff);flex-shrink:0;align-self:center;}.row-badge[data-tone='1'].svelte-uzfrw6 {background:var(--thinking-indicator-trace-tone-1, #2f6fec);}.row-badge[data-tone='2'].svelte-uzfrw6 {background:var(--thinking-indicator-trace-tone-2, #e56d24);}.row-badge[data-tone='3'].svelte-uzfrw6 {background:var(--thinking-indicator-trace-tone-3, #1f7a5f);}.row-badge.svelte-uzfrw6 svg:where(.svelte-uzfrw6) {width:9px;height:9px;}.row-diffstat.svelte-uzfrw6 {margin-left:auto;font-family:var(--thinking-indicator-trace-mono-font, ui-monospace, Menlo, monospace);font-size:0.75rem;font-variant-numeric:tabular-nums;white-space:nowrap;display:inline-flex;gap:5px;}.row-diffstat.svelte-uzfrw6 .added:where(.svelte-uzfrw6) {color:var(--thinking-indicator-trace-added-color, #1f7a5f);}.row-diffstat.svelte-uzfrw6 .removed:where(.svelte-uzfrw6) {color:var(--thinking-indicator-trace-removed-color, #c93f38);}.trace-more.svelte-uzfrw6 {font-size:var(--thinking-indicator-trace-more-font-size, 0.75rem);color:var(--thinking-indicator-trace-more-color, #9a9a9a);padding:6px 0 0 22px;\n    animation: svelte-uzfrw6-thinking-indicator-fade-in 300ms ease both;}\n\n  @media (prefers-reduced-motion: reduce) {.status-label.svelte-uzfrw6,\n    .trace-row.svelte-uzfrw6,\n    .trace-more.svelte-uzfrw6 {animation-duration:0.001s;}.expandable.svelte-uzfrw6,\n    .trace-connector.svelte-uzfrw6,\n    .arrow.svelte-uzfrw6 {transition-duration:0.001s;}.status-label.svelte-uzfrw6 {\n      animation: none;-webkit-text-fill-color:var(--thinking-indicator-label-color, #858585);}\n  }"
+//#region src/lib/assets/chat.svg?raw
+var chat_default = "<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" xmlns=\"http://www.w3.org/2000/svg\">\n  <path d=\"M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z\" />\n</svg>\n", root_1$2 = /* @__PURE__ */ from_html("<div class=\"panel svelte-15b7gm8\" role=\"dialog\" tabindex=\"-1\"><!></div>"), root_2$2 = /* @__PURE__ */ from_html("<div class=\"panel-anchor svelte-15b7gm8\"><!></div>"), root_3$2 = /* @__PURE__ */ from_html("<div><!> <div class=\"launcher svelte-15b7gm8\"><!></div></div>"), $$css$2 = {
+	hash: "svelte-15b7gm8",
+	code: ".chat-bubble.svelte-15b7gm8 {position:fixed;z-index:var(--chat-bubble-z-index, 1000);transition:var(--chat-bubble-snap-transition, transform 0.28s cubic-bezier(0.22, 1, 0.36, 1));}.chat-bubble.dragging.svelte-15b7gm8 {transition:none;}.chat-bubble[data-position='bottom-right'].svelte-15b7gm8 {right:var(--chat-bubble-offset-x, 24px);bottom:var(--chat-bubble-offset-y, 24px);}.chat-bubble[data-position='bottom-left'].svelte-15b7gm8 {left:var(--chat-bubble-offset-x, 24px);bottom:var(--chat-bubble-offset-y, 24px);}.chat-bubble[data-position='top-right'].svelte-15b7gm8 {right:var(--chat-bubble-offset-x, 24px);top:var(--chat-bubble-offset-y, 24px);}.chat-bubble[data-position='top-left'].svelte-15b7gm8 {left:var(--chat-bubble-offset-x, 24px);top:var(--chat-bubble-offset-y, 24px);}.panel-anchor.svelte-15b7gm8 {position:absolute;--resizable-handle-color: var(--chat-bubble-resize-handle-color, transparent);--resizable-transition: var(\n      --chat-bubble-expand-transition,\n      width 0.32s cubic-bezier(0.22, 1, 0.36, 1),\n      height 0.32s cubic-bezier(0.22, 1, 0.36, 1)\n    );}.chat-bubble[data-effective-vertical='bottom'].svelte-15b7gm8 .panel-anchor:where(.svelte-15b7gm8) {bottom:calc(100% + var(--chat-bubble-panel-gap, 16px));}.chat-bubble[data-effective-vertical='top'].svelte-15b7gm8 .panel-anchor:where(.svelte-15b7gm8) {top:calc(100% + var(--chat-bubble-panel-gap, 16px));}.chat-bubble[data-effective-side='right'].svelte-15b7gm8 .panel-anchor:where(.svelte-15b7gm8) {right:0;}.chat-bubble[data-effective-side='left'].svelte-15b7gm8 .panel-anchor:where(.svelte-15b7gm8) {left:0;}.panel.svelte-15b7gm8 {box-sizing:border-box;width:100%;height:100%;max-width:var(--chat-bubble-panel-max-width, calc(100vw - 32px));max-height:var(--chat-bubble-panel-max-height, calc(100dvh - 120px));border-radius:var(--chat-bubble-panel-border-radius, 16px);overflow:hidden;background:var(--chat-bubble-panel-background, #ffffff);box-shadow:var(--chat-bubble-panel-box-shadow, 0 16px 48px rgba(0, 0, 0, 0.22));outline:none;}.launcher.svelte-15b7gm8 {--button-width: var(--chat-bubble-width, var(--chat-bubble-size, 56px));--button-height: var(--chat-bubble-height, var(--chat-bubble-size, 56px));--button-padding: var(--chat-bubble-padding, 16px);--button-border-radius: var(--chat-bubble-border-radius, 50%);--button-color: var(--chat-bubble-background-color, #18181b);--button-text-color: var(--chat-bubble-color, #ffffff);--button-content-gap: 0px;--button-box-shadow: var(--chat-bubble-box-shadow, 0 8px 24px rgba(0, 0, 0, 0.25));--button-hover-color: var(--chat-bubble-hover-background-color, #27272a);}.chat-bubble.is-draggable.svelte-15b7gm8 .launcher:where(.svelte-15b7gm8) {--cursor: grab;touch-action:none;}.chat-bubble.is-draggable.dragging.svelte-15b7gm8 .launcher:where(.svelte-15b7gm8) {--cursor: grabbing;}.launcher.svelte-15b7gm8 svg {height:100%;width:100%;}\n\n  @media (prefers-reduced-motion: reduce) {.chat-bubble.svelte-15b7gm8 {transition:none;}\n  }"
 };
-function ThinkingIndicator(e, t) {
-	push(t, !0), append_styles$1(e, $$css);
-	let n = prop(t, "label", 7), i = prop(t, "detail", 7), a = prop(t, "expanded", 15, !1), o = prop(t, "variant", 7, "default"), s = prop(t, "showElapsed", 7, !1), c = prop(t, "onToggle", 7), l = prop(t, "avatar", 7), u = prop(t, "toggleIcon", 7), d = prop(t, "testId", 7), f = prop(t, "toggleTestId", 7), p = prop(t, "detailTestId", 7), m = prop(t, "labelTestId", 7), h = prop(t, "classes", 7), g = prop(t, "rows", 7), _ = prop(t, "kind", 7, "steps"), v = prop(t, "busy", 7), y = prop(t, "query", 7), b = prop(t, "moreLabel", 7), x = prop(t, "selectable", 7, !1), S = prop(t, "selected", 15, null), C = prop(t, "onrowselect", 7), w = prop(t, "onsettled", 7), T = prop(t, "collapseDelayMs", 7, 2600), E = /* @__PURE__ */ user_derived(() => Array.isArray(g())), D = /* @__PURE__ */ user_derived(() => g() ?? []), O = /* @__PURE__ */ user_derived(() => o() !== "bare" && (get(E) || typeof i() == "string" && i().length > 0)), k = /* @__PURE__ */ user_derived(() => v() ?? !get(O)), A = !1, j = () => {
-		A = !0, a(!a()), c()?.();
-	}, M = /* @__PURE__ */ state(0), N = /* @__PURE__ */ state(!1), P = null, F = () => {
-		set(M, 0), set(N, !0), P && clearInterval(P), P = setInterval(() => {
-			set(M, get(M) + 1);
-		}, 1e3);
-	}, I = () => {
-		P &&= (clearInterval(P), null);
-	}, L = (e, t) => {
-		let n = t;
-		return t && F(), {
-			update(e) {
-				e !== n && (n = e, e ? F() : I());
-			},
-			destroy() {
-				I();
+function ChatBubble(e, t) {
+	push(t, !0), append_styles$1(e, $$css$2);
+	let n = prop(t, "open", 15, !1), i = prop(t, "position", 7, "bottom-right"), a = prop(t, "label", 7, "Open chat"), o = prop(t, "closeLabel", 7, "Close chat"), s = prop(t, "icon", 7), c = prop(t, "openIcon", 7), l = prop(t, "children", 7), u = prop(t, "draggable", 7, !1), d = prop(t, "dragMode", 7, "snap"), f = prop(t, "dragX", 15, 0), p = prop(t, "dragY", 15, 0), m = prop(t, "resizable", 7, !1), h = prop(t, "panelWidth", 15, 380), g = prop(t, "panelHeight", 15, 600), _ = prop(t, "minPanelWidth", 7, 280), v = prop(t, "minPanelHeight", 7, 360), y = prop(t, "expanded", 15, !1), b = prop(t, "expandedPanelWidth", 15, 600), x = prop(t, "expandedPanelHeight", 15, 760), S = prop(t, "onopen", 7), C = prop(t, "onclose", 7), w = prop(t, "ontoggle", 7), T = prop(t, "testId", 7), E = prop(t, "classes", 7), D = 4;
+	function O(e, t) {
+		return e === "bottom" ? t === "right" ? [
+			"top",
+			"left",
+			"top-left"
+		] : [
+			"top",
+			"right",
+			"top-right"
+		] : t === "right" ? [
+			"bottom",
+			"left",
+			"bottom-left"
+		] : [
+			"bottom",
+			"right",
+			"bottom-right"
+		];
+	}
+	let k = /* @__PURE__ */ state(null), A = /* @__PURE__ */ state(null), j = /* @__PURE__ */ state(null), M = /* @__PURE__ */ state(null), N = /* @__PURE__ */ state(null), P = /* @__PURE__ */ state(null), F = /* @__PURE__ */ state(null), I = /* @__PURE__ */ state(null), L = !1, R = /* @__PURE__ */ user_derived(() => get(M) !== null && get(M).moved), z = /* @__PURE__ */ user_derived(() => get(N) ?? (i().endsWith("right") ? "right" : "left")), B = /* @__PURE__ */ user_derived(() => get(P) ?? (i().startsWith("top") ? "top" : "bottom")), V = /* @__PURE__ */ user_derived(() => O(get(B), get(z))), H = /* @__PURE__ */ user_derived(() => y() ? b() : h()), U = /* @__PURE__ */ user_derived(() => y() ? x() : g());
+	function W(e) {
+		y() ? b(e) : h(e);
+	}
+	function G(e) {
+		y() ? x(e) : g(e);
+	}
+	function K() {
+		if (get(k) === null) return 24;
+		let e = getComputedStyle(get(k)).getPropertyValue("--chat-bubble-offset-x").trim(), t = Number.parseFloat(e);
+		return Number.isNaN(t) ? 24 : t;
+	}
+	function q(e, t, n, i, a, o) {
+		let s = 16, c = 8;
+		set(I, Math.max(0, o === "bottom" ? t - 16 - 8 : window.innerHeight - i - 16 - 8), !0), set(F, Math.max(0, a === "right" ? n - 8 : window.innerWidth - e - 8), !0);
+	}
+	function J(e, t, n, i) {
+		if (typeof window > "u") return;
+		let a = (e + n) / 2 < window.innerWidth / 2 ? "left" : "right", o = (t + i) / 2 < window.innerHeight / 2 ? "top" : "bottom";
+		set(N, a, !0), set(P, o, !0), q(e, t, n, i, a, o);
+	}
+	async function Y(e) {
+		if (e !== n()) {
+			if (e && get(j) !== null) {
+				let e = get(j).getBoundingClientRect();
+				J(e.left, e.top, e.right, e.bottom);
 			}
-		};
-	}, R = !1, z = null, B = (e) => {
-		if (e) {
-			R = !1, z &&= (clearTimeout(z), null), A || a(!0);
+			n(e), w()?.(n()), n() ? (S()?.(), await tick(), get(A)?.focus()) : (C()?.(), get(j)?.querySelector("button")?.focus());
+		}
+	}
+	function X() {
+		if (L) {
+			L = !1;
 			return;
 		}
-		R || (R = !0, w()?.(), T() !== null && !A && (z = setTimeout(() => {
-			A || a(!1);
-		}, T())));
-	}, V = (e, t) => {
-		let n = t;
-		return t === !0 ? a(!0) : t === !1 && (R = !0), {
-			update(e) {
-				e !== n && (n = e, typeof e == "boolean" && B(e));
-			},
-			destroy() {
-				z && clearTimeout(z);
-			}
+		Y(!n());
+	}
+	function Z(e) {
+		if (!u() || get(j) === null) return;
+		L = !1;
+		let t = get(j).getBoundingClientRect();
+		set(M, {
+			startX: e.clientX,
+			startY: e.clientY,
+			baseX: f(),
+			baseY: p(),
+			moved: !1,
+			left0: t.left - f(),
+			top0: t.top - p(),
+			width: t.width,
+			height: t.height
+		}, !0);
+	}
+	function Q(e, t, n) {
+		if (typeof window > "u") return {
+			x: t,
+			y: n
 		};
-	}, H = /* @__PURE__ */ state(0), U = (e, t) => {
-		let n = t;
-		return { update(e) {
-			e > n && set(H, n, !0), n = e;
-		} };
-	}, W = (e) => `${Math.max(0, e - get(H)) * 120}ms`, G = (e) => {
-		S(S() === e ? null : e), C()?.(S());
-	}, K = /* @__PURE__ */ state(0);
-	var q = {
-		get label() {
+		let i = t, a = n, o = e.left0 + t, s = e.top0 + n;
+		return o < 0 ? i = -e.left0 : o + e.width > window.innerWidth && (i = window.innerWidth - e.width - e.left0), s < 0 ? a = -e.top0 : s + e.height > window.innerHeight && (a = window.innerHeight - e.height - e.top0), {
+			x: i,
+			y: a
+		};
+	}
+	function $(e) {
+		if (get(M) === null) return;
+		let t = e.clientX - get(M).startX, i = e.clientY - get(M).startY;
+		if (!get(M).moved && Math.hypot(t, i) < 4) return;
+		get(M).moved = !0;
+		let a = Q(get(M), get(M).baseX + t, get(M).baseY + i);
+		if (f(a.x), p(a.y), n() && get(N) !== null && get(P) !== null) {
+			let e = get(M).left0 + f(), t = get(M).top0 + p();
+			q(e, t, e + get(M).width, t + get(M).height, get(N), get(P));
+		}
+	}
+	function ee() {
+		if (get(M) === null) return;
+		let e = get(M);
+		if (set(M, null), !e.moved || (L = !0, typeof window > "u")) return;
+		if (d() === "snap") {
+			let t = K();
+			f(e.left0 + f() + e.width / 2 < window.innerWidth / 2 ? t - e.left0 : window.innerWidth - t - e.width - e.left0);
+		}
+		let t = e.left0 + f(), n = e.top0 + p();
+		J(t, n, t + e.width, n + e.height);
+	}
+	function te(e) {
+		e.key === "Escape" && (e.stopPropagation(), Y(!1));
+	}
+	var ne = {
+		get open() {
 			return n();
 		},
-		set label(e) {
+		set open(e = !1) {
 			n(e), flushSync();
 		},
-		get detail() {
+		get position() {
 			return i();
 		},
-		set detail(e) {
+		set position(e = "bottom-right") {
 			i(e), flushSync();
 		},
-		get expanded() {
+		get label() {
 			return a();
 		},
-		set expanded(e = !1) {
+		set label(e = "Open chat") {
 			a(e), flushSync();
 		},
-		get variant() {
+		get closeLabel() {
 			return o();
 		},
-		set variant(e = "default") {
+		set closeLabel(e = "Close chat") {
 			o(e), flushSync();
 		},
-		get showElapsed() {
+		get icon() {
 			return s();
 		},
-		set showElapsed(e = !1) {
+		set icon(e) {
 			s(e), flushSync();
 		},
-		get onToggle() {
+		get openIcon() {
 			return c();
 		},
-		set onToggle(e) {
+		set openIcon(e) {
 			c(e), flushSync();
 		},
-		get avatar() {
+		get children() {
 			return l();
 		},
-		set avatar(e) {
+		set children(e) {
 			l(e), flushSync();
 		},
-		get toggleIcon() {
+		get draggable() {
 			return u();
 		},
-		set toggleIcon(e) {
+		set draggable(e = !1) {
 			u(e), flushSync();
 		},
-		get testId() {
+		get dragMode() {
 			return d();
 		},
-		set testId(e) {
+		set dragMode(e = "snap") {
 			d(e), flushSync();
 		},
-		get toggleTestId() {
+		get dragX() {
 			return f();
 		},
-		set toggleTestId(e) {
+		set dragX(e = 0) {
 			f(e), flushSync();
 		},
-		get detailTestId() {
+		get dragY() {
 			return p();
 		},
-		set detailTestId(e) {
+		set dragY(e = 0) {
 			p(e), flushSync();
 		},
-		get labelTestId() {
+		get resizable() {
 			return m();
 		},
-		set labelTestId(e) {
+		set resizable(e = !1) {
 			m(e), flushSync();
 		},
-		get classes() {
+		get panelWidth() {
 			return h();
 		},
-		set classes(e) {
+		set panelWidth(e = 380) {
 			h(e), flushSync();
 		},
-		get rows() {
+		get panelHeight() {
 			return g();
 		},
-		set rows(e) {
+		set panelHeight(e = 600) {
 			g(e), flushSync();
 		},
-		get kind() {
+		get minPanelWidth() {
 			return _();
 		},
-		set kind(e = "steps") {
+		set minPanelWidth(e = 280) {
 			_(e), flushSync();
 		},
-		get busy() {
+		get minPanelHeight() {
 			return v();
 		},
-		set busy(e) {
+		set minPanelHeight(e = 360) {
 			v(e), flushSync();
 		},
-		get query() {
+		get expanded() {
 			return y();
 		},
-		set query(e) {
+		set expanded(e = !1) {
 			y(e), flushSync();
 		},
-		get moreLabel() {
+		get expandedPanelWidth() {
 			return b();
 		},
-		set moreLabel(e) {
+		set expandedPanelWidth(e = 600) {
 			b(e), flushSync();
 		},
-		get selectable() {
+		get expandedPanelHeight() {
 			return x();
 		},
-		set selectable(e = !1) {
+		set expandedPanelHeight(e = 760) {
 			x(e), flushSync();
 		},
-		get selected() {
+		get onopen() {
 			return S();
 		},
-		set selected(e = null) {
+		set onopen(e) {
 			S(e), flushSync();
 		},
-		get onrowselect() {
+		get onclose() {
 			return C();
 		},
-		set onrowselect(e) {
+		set onclose(e) {
 			C(e), flushSync();
 		},
-		get onsettled() {
+		get ontoggle() {
 			return w();
 		},
-		set onsettled(e) {
+		set ontoggle(e) {
 			w(e), flushSync();
 		},
-		get collapseDelayMs() {
+		get testId() {
 			return T();
 		},
-		set collapseDelayMs(e = 2600) {
+		set testId(e) {
 			T(e), flushSync();
+		},
+		get classes() {
+			return E();
+		},
+		set classes(e) {
+			E(e), flushSync();
 		}
-	}, J = comment(), Y = first_child(J), X = (e) => {
-		var t = root_22();
-		let o;
-		var c = child(t), g = child(c);
+	}, re = root_3$2();
+	event("pointermove", $window, $), event("pointerup", $window, ee);
+	let ie, ae;
+	var oe = child(re), se = (e) => {
+		var t = root_2$2();
+		let n;
+		var i = child(t), o = () => get(H), s = W, c = () => get(U), u = G;
 		{
-			let e = /* @__PURE__ */ user_derived(() => f() ?? (d() && `${d()}-toggle`));
-			Button(g, {
-				onclick: j,
-				get ariaExpanded() {
-					return a();
-				},
-				get testId() {
+			let e = /* @__PURE__ */ user_derived(() => !m()), t = /* @__PURE__ */ user_derived(() => get(F) ?? Infinity), n = /* @__PURE__ */ user_derived(() => get(I) ?? Infinity);
+			Resizable(i, {
+				get disabled() {
 					return get(e);
 				},
+				get width() {
+					return o();
+				},
+				set width(e) {
+					s(e);
+				},
+				get height() {
+					return c();
+				},
+				set height(e) {
+					u(e);
+				},
+				get minWidth() {
+					return _();
+				},
+				get minHeight() {
+					return v();
+				},
+				get maxWidth() {
+					return get(t);
+				},
+				get maxHeight() {
+					return get(n);
+				},
+				get handles() {
+					return get(V);
+				},
 				children: (e, t) => {
-					var i = root_3(), o = first_child(i), c = child(o), f = (e) => {
-						var t = root(), n = child(t), i = (e) => {
-							var t = comment();
-							snippet(first_child(t), l), append(e, t);
-						}, a = (e) => {
-							Loader(e, {});
-						};
-						if_block(n, (e) => {
-							l() ? e(i) : e(a, -1);
-						}), reset(t), append(e, t);
-					};
-					if_block(c, (e) => {
-						(l() || get(k)) && e(f);
-					});
-					var p = sibling(c, 2), h = child(p);
-					let g;
-					var _ = child(h, !0);
-					reset(h);
-					var v = sibling(h, 2);
-					let y;
-					var b = child(v), x = (e) => {
+					var n = root_1$2(), i = child(n), o = (e) => {
 						var t = comment();
-						snippet(first_child(t), u), append(e, t);
-					}, S = (e) => {
-						append(e, root_1());
-					};
-					if_block(b, (e) => {
-						u() ? e(x) : e(S, -1);
-					}), reset(v), reset(p), reset(o);
-					var C = sibling(o, 2), w = (e) => {
-						var t = root_2(), n = child(t);
-						reset(t), template_effect(() => {
-							set_attribute(t, "data-pw", typeof d() == "string" ? `${d()}-elapsed` : null), set_attribute(t, "testid", typeof d() == "string" ? `${d()}-elapsed` : null), set_text(n, `${get(M) ?? ""}s`);
-						}), append(e, t);
+						snippet(first_child(t), l), append(e, t);
 					};
-					if_block(C, (e) => {
-						s() && get(N) && e(w);
-					}), template_effect(() => {
-						g = set_class(h, 1, "status-label svelte-uzfrw6", null, g, { "static-label": !get(k) }), set_attribute(h, "data-pw", m() ?? null), set_text(_, n()), y = set_class(v, 1, "arrow svelte-uzfrw6", null, y, { expanded: a() });
-					}), append(e, i);
+					if_block(i, (e) => {
+						typeof l() == "function" && e(o);
+					}), reset(n), bind_this(n, (e) => set(A, e), () => get(A)), template_effect(() => set_attribute(n, "aria-label", a())), delegated("keydown", n, te), append(e, n);
 				},
 				$$slots: { default: !0 }
 			});
 		}
-		reset(c), Accordion(sibling(c, 2), {
-			get expand() {
-				return a();
+		reset(t), template_effect(() => n = set_style(t, "", n, {
+			"--resizable-max-width": get(F) === null ? null : `${get(F)}px`,
+			"--resizable-max-height": get(I) === null ? null : `${get(I)}px`
+		})), append(e, t);
+	};
+	if_block(oe, (e) => {
+		n() && e(se);
+	});
+	var ce = sibling(oe, 2), le = child(ce);
+	{
+		let e = /* @__PURE__ */ user_derived(() => n() ? o() : a());
+		Button(le, {
+			onclick: X,
+			get ariaLabel() {
+				return get(e);
+			},
+			get ariaExpanded() {
+				return n();
 			},
 			children: (e, t) => {
-				var n = root_21(), o = child(n), s = (e) => {
-					var t = root_19(), n = first_child(t), i = (e) => {
-						var t = root_5();
-						Pill(child(t), {
-							get text() {
-								return y();
-							},
-							leadingIcon: (e) => {
-								append(e, root_4());
-							},
-							$$slots: { leadingIcon: !0 }
-						}), reset(t), append(e, t);
-					};
-					if_block(n, (e) => {
-						_() === "search" && typeof y() == "string" && y().length > 0 && e(i);
-					});
-					var a = sibling(n, 2), o = child(a);
-					let s;
-					var c = sibling(o, 2);
-					each(c, 21, () => get(D), index, (e, t, n) => {
-						var i = comment(), a = first_child(i), o = (e) => {
-							var i = root_10();
-							let a, o;
-							var s = child(i), c = child(s, !0);
-							reset(s);
-							var l = sibling(s, 2), u = (e) => {
-								var n = root_6();
-								let i;
-								var a = child(n, !0);
-								reset(n), template_effect(() => {
-									i = set_class(n, 1, "row-secondary svelte-uzfrw6", null, i, { mono: get(t).mono }), set_text(a, get(t).secondary);
-								}), append(e, n);
-							};
-							if_block(l, (e) => {
-								get(t).secondary && e(u);
-							});
-							var d = sibling(l, 2), f = (e) => {
-								var n = root_9(), i = child(n), a = (e) => {
-									var n = root_7(), i = child(n);
-									reset(n), template_effect(() => set_text(i, `+${get(t).added ?? ""}`)), append(e, n);
-								};
-								if_block(i, (e) => {
-									typeof get(t).added == "number" && e(a);
-								});
-								var o = sibling(i, 2), s = (e) => {
-									var n = root_8(), i = child(n);
-									reset(n), template_effect(() => set_text(i, `−${get(t).removed ?? ""}`)), append(e, n);
-								};
-								if_block(o, (e) => {
-									typeof get(t).removed == "number" && e(s);
-								}), reset(n), append(e, n);
-							};
-							if_block(d, (e) => {
-								(typeof get(t).added == "number" || typeof get(t).removed == "number") && e(f);
-							}), reset(i), template_effect((e) => {
-								a = set_class(i, 1, "trace-row selectable svelte-uzfrw6", null, a, { selected: S() === n }), set_attribute(i, "aria-pressed", S() === n), o = set_style(i, "", o, e), set_text(c, get(t).primary);
-							}, [() => ({ "animation-delay": W(n) })]), delegated("click", i, () => G(n)), append(e, i);
-						}, s = (e) => {
-							var i = root_12();
-							let a;
-							var o = child(i);
-							set_attribute(o, "data-tone", n % 3 + 1);
-							var s = sibling(o, 2), c = child(s, !0);
-							reset(s);
-							var l = sibling(s, 2), u = (e) => {
-								var n = root_11(), i = child(n, !0);
-								reset(n), template_effect(() => set_text(i, get(t).secondary)), append(e, n);
-							};
-							if_block(l, (e) => {
-								get(t).secondary && e(u);
-							}), reset(i), template_effect((e) => {
-								set_attribute(i, "href", get(t).href), a = set_style(i, "", a, e), set_text(c, get(t).primary);
-							}, [() => ({ "animation-delay": W(n) })]), append(e, i);
-						}, c = (e) => {
-							var i = root_17();
-							let a, o;
-							var s = child(i), c = (e) => {
-								var t = root_14(), i = child(t), a = (e) => {
-									Loader(e, {});
-								}, o = (e) => {
-									append(e, root_13());
-								};
-								if_block(i, (e) => {
-									v() && n === get(D).length - 1 ? e(a) : e(o, -1);
-								}), reset(t), append(e, t);
-							}, l = (e) => {
-								var t = root_15();
-								set_attribute(t, "data-tone", n % 3 + 1), append(e, t);
-							};
-							if_block(s, (e) => {
-								_() === "steps" ? e(c) : _() === "search" && e(l, 1);
-							});
-							var u = sibling(s, 2), d = (e) => {
-								var n = text();
-								template_effect(() => set_text(n, get(t).primary)), append(e, n);
-							}, f = (e) => {
-								var n = root_16(), i = child(n, !0);
-								reset(n), template_effect(() => set_text(i, get(t).primary)), append(e, n);
-							};
-							if_block(u, (e) => {
-								_() === "reasoning" ? e(d) : e(f, -1);
-							});
-							var p = sibling(u, 2), m = (e) => {
-								var n = root_6();
-								let i;
-								var a = child(n, !0);
-								reset(n), template_effect(() => {
-									i = set_class(n, 1, "row-secondary svelte-uzfrw6", null, i, { mono: get(t).mono }), set_text(a, get(t).secondary);
-								}), append(e, n);
-							};
-							if_block(p, (e) => {
-								get(t).secondary && e(m);
-							});
-							var h = sibling(p, 2), g = (e) => {
-								var n = root_9(), i = child(n), a = (e) => {
-									var n = root_7(), i = child(n);
-									reset(n), template_effect(() => set_text(i, `+${get(t).added ?? ""}`)), append(e, n);
-								};
-								if_block(i, (e) => {
-									typeof get(t).added == "number" && e(a);
-								});
-								var o = sibling(i, 2), s = (e) => {
-									var n = root_8(), i = child(n);
-									reset(n), template_effect(() => set_text(i, `−${get(t).removed ?? ""}`)), append(e, n);
-								};
-								if_block(o, (e) => {
-									typeof get(t).removed == "number" && e(s);
-								}), reset(n), append(e, n);
-							};
-							if_block(h, (e) => {
-								(typeof get(t).added == "number" || typeof get(t).removed == "number") && e(g);
-							}), reset(i), template_effect((e) => {
-								a = set_class(i, 1, "trace-row svelte-uzfrw6", null, a, { prose: _() === "reasoning" }), o = set_style(i, "", o, e);
-							}, [() => ({ "animation-delay": W(n) })]), append(e, i);
-						};
-						if_block(a, (e) => {
-							_() === "coding" && x() ? e(o) : _() === "search" && typeof get(t).href == "string" ? e(s, 1) : e(c, -1);
-						}), append(e, i);
-					}), reset(c), action(c, (e, t) => U?.(e, t), () => get(D).length), effect(() => bind_element_size(c, "clientHeight", (e) => set(K, e))), reset(a);
-					var l = sibling(a, 2), u = (e) => {
-						var t = root_18(), n = child(t, !0);
-						reset(t), template_effect(() => set_text(n, b())), append(e, t);
+				var i = comment(), a = first_child(i), o = (e) => {
+					var t = comment(), n = first_child(t), i = (e) => {
+						var t = comment();
+						snippet(first_child(t), c), append(e, t);
+					}, a = (e) => {
+						var t = comment();
+						html(first_child(t), () => close_default), append(e, t);
 					};
-					if_block(l, (e) => {
-						!v() && typeof b() == "string" && b().length > 0 && e(u);
-					}), template_effect(() => s = set_style(o, "", s, { height: `${get(K) ?? ""}px` })), append(e, t);
-				}, c = (e) => {
-					var t = root_20(), n = child(t, !0);
-					reset(t), template_effect(() => {
-						set_attribute(t, "data-pw", p() ?? (d() && `${d()}-detail`) ?? null), set_text(n, i());
+					if_block(n, (e) => {
+						typeof c() == "function" ? e(i) : e(a, -1);
 					}), append(e, t);
+				}, l = (e) => {
+					var t = comment();
+					snippet(first_child(t), s), append(e, t);
+				}, u = (e) => {
+					var t = comment();
+					html(first_child(t), () => chat_default), append(e, t);
 				};
-				if_block(o, (e) => {
-					get(E) ? e(s) : e(c, -1);
-				}), reset(n), template_effect(() => n.inert = !a()), append(e, n);
+				if_block(a, (e) => {
+					n() ? e(o) : typeof s() == "function" ? e(l, 1) : e(u, -1);
+				}), append(e, i);
 			},
 			$$slots: { default: !0 }
-		}), reset(t), action(t, (e, t) => V?.(e, t), () => v() ?? null), action(t, (e, t) => L?.(e, t), () => s() && get(k)), template_effect(() => {
-			o = set_class(t, 1, `thinking-indicator expandable ${h() ?? "" ?? ""}`, "svelte-uzfrw6", o, { busy: v() === !0 }), set_attribute(t, "data-pw", typeof d() == "string" ? d() : null), set_attribute(t, "testid", typeof d() == "string" ? d() : null);
-		}), append(e, t);
-	}, Z = (e) => {
-		var t = root_24();
-		let i;
-		var a = child(t), o = (e) => {
-			var t = root_23(), i = child(t, !0);
-			reset(t), template_effect(() => {
-				set_attribute(t, "data-pw", m()), set_attribute(t, "testid", m()), set_text(i, n());
-			}), append(e, t);
-		}, s = (e) => {
-			var t = text();
-			template_effect(() => set_text(t, n())), append(e, t);
+		});
+	}
+	return reset(ce), bind_this(ce, (e) => set(j, e), () => get(j)), reset(re), bind_this(re, (e) => set(k, e), () => get(k)), template_effect(() => {
+		ie = set_class(re, 1, `chat-bubble ${E() ?? "" ?? ""}`, "svelte-15b7gm8", ie, {
+			"is-draggable": u(),
+			dragging: get(R)
+		}), set_attribute(re, "data-position", i()), set_attribute(re, "data-effective-side", get(z)), set_attribute(re, "data-effective-vertical", get(B)), set_attribute(re, "data-expanded", y()), set_attribute(re, "data-pw", typeof T() == "string" ? T() : null), set_attribute(re, "testid", typeof T() == "string" ? T() : null), ae = set_style(re, "", ae, { transform: u() ? `translate(${f()}px, ${p()}px)` : null });
+	}), delegated("pointerdown", ce, Z), append(e, re), pop(ne);
+}
+delegate(["keydown", "pointerdown"]), create_custom_element(ChatBubble, {
+	open: {},
+	position: {},
+	label: {},
+	closeLabel: {},
+	icon: {},
+	openIcon: {},
+	children: {},
+	draggable: {},
+	dragMode: {},
+	dragX: {},
+	dragY: {},
+	resizable: {},
+	panelWidth: {},
+	panelHeight: {},
+	minPanelWidth: {},
+	minPanelHeight: {},
+	expanded: {},
+	expandedPanelWidth: {},
+	expandedPanelHeight: {},
+	onopen: {},
+	onclose: {},
+	ontoggle: {},
+	testId: {},
+	classes: {}
+}, [], [], { mode: "open" });
+//#endregion
+//#region src/wc/components/ChatBubble.wc.svelte
+var rest_excludes$3 = new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"$$host"
+]);
+function ChatBubble_wc(e, t) {
+	let n = /* @__PURE__ */ rest_props(t, rest_excludes$3);
+	ChatBubble(e, spread_props(() => n));
+}
+customElements.define("sui-chat-bubble", create_custom_element(ChatBubble_wc, {
+	open: {
+		reflect: !0,
+		type: "Boolean"
+	},
+	position: {
+		reflect: !0,
+		type: "String"
+	},
+	label: {
+		reflect: !0,
+		type: "String"
+	},
+	closeLabel: {
+		attribute: "close-label",
+		type: "String"
+	},
+	icon: { type: "Object" },
+	openIcon: { type: "Object" },
+	children: { type: "Object" },
+	draggable: {
+		reflect: !0,
+		type: "Boolean"
+	},
+	dragMode: {
+		attribute: "drag-mode",
+		type: "String"
+	},
+	dragX: {
+		attribute: "drag-x",
+		type: "Number"
+	},
+	dragY: {
+		attribute: "drag-y",
+		type: "Number"
+	},
+	resizable: {
+		reflect: !0,
+		type: "Boolean"
+	},
+	panelWidth: {
+		attribute: "panel-width",
+		type: "Number"
+	},
+	panelHeight: {
+		attribute: "panel-height",
+		type: "Number"
+	},
+	minPanelWidth: {
+		attribute: "min-panel-width",
+		type: "Number"
+	},
+	minPanelHeight: {
+		attribute: "min-panel-height",
+		type: "Number"
+	},
+	expanded: {
+		reflect: !0,
+		type: "Boolean"
+	},
+	expandedPanelWidth: {
+		attribute: "expanded-panel-width",
+		type: "Number"
+	},
+	expandedPanelHeight: {
+		attribute: "expanded-panel-height",
+		type: "Number"
+	},
+	testId: {
+		attribute: "test-id",
+		type: "String"
+	},
+	classes: { type: "String" },
+	onopen: { type: "Object" },
+	onclose: { type: "Object" },
+	ontoggle: { type: "Object" }
+}, [], [], { mode: "open" }));
+//#endregion
+//#region src/lib/ToolCallLog/ToolCallLog.svelte
+var diffstatBadges = (e, t = noop) => {
+	var n = root_2$1(), i = first_child(n), a = (e) => {
+		var n = root$1(), i = child(n);
+		{
+			let e = /* @__PURE__ */ user_derived(() => `+${t().added}`);
+			Pill(i, { get text() {
+				return get(e);
+			} });
+		}
+		reset(n), append(e, n);
+	};
+	if_block(i, (e) => {
+		typeof t().added == "number" && e(a);
+	});
+	var o = sibling(i, 2), s = (e) => {
+		var n = root_1$1(), i = child(n);
+		{
+			let e = /* @__PURE__ */ user_derived(() => `−${t().removed}`);
+			Pill(i, { get text() {
+				return get(e);
+			} });
+		}
+		reset(n), append(e, n);
+	};
+	if_block(o, (e) => {
+		typeof t().removed == "number" && e(s);
+	}), append(e, n);
+}, root$1 = /* @__PURE__ */ from_html("<span class=\"diffstat-pill diffstat-added svelte-1vnfzde\"><!></span>"), root_1$1 = /* @__PURE__ */ from_html("<span class=\"diffstat-pill diffstat-removed svelte-1vnfzde\"><!></span>"), root_2$1 = /* @__PURE__ */ from_html("<!> <!>", 1), root_3$1 = /* @__PURE__ */ from_html("<span class=\"chip-spinner svelte-1vnfzde\" aria-hidden=\"true\"><!></span>"), root_4$1 = /* @__PURE__ */ from_html("<span> </span>"), root_5$1 = /* @__PURE__ */ from_html("<span class=\"diffstat chip-diffstat svelte-1vnfzde\"><!></span>"), root_6$1 = /* @__PURE__ */ from_html("<span class=\"diffstat popover-diffstat svelte-1vnfzde\"><!></span>"), root_7$1 = /* @__PURE__ */ from_html("<div class=\"chip-popover svelte-1vnfzde\" role=\"dialog\" tabindex=\"-1\"><p> </p> <!></div>"), root_8$1 = /* @__PURE__ */ from_html("<div class=\"chip-wrap\"><button type=\"button\"><!> <b class=\"chip-label svelte-1vnfzde\"> </b> <!> <!></button> <!></div>"), root_9 = /* @__PURE__ */ from_html("<div></div>"), $$css$1 = {
+	hash: "svelte-1vnfzde",
+	code: "\n  @keyframes svelte-1vnfzde-tool-call-log-fade-up {\n    from {\n      opacity: 0;\n      transform: translateY(9px);\n    }\n    to {\n      opacity: 1;\n      transform: none;\n    }\n  }.tool-call-log.svelte-1vnfzde {display:flex;flex-wrap:wrap;align-items:flex-start;gap:var(--tool-call-log-gap, 8px);}\n\n  /* Bespoke <button> markup (Pill's root is a non-interactive <div> and can't carry\n     aria-expanded/button semantics — see docs), but its sizing recipe is deliberately\n     pulled from Pill's own tokens (line-height, cursor) so it reads as the same family\n     of control as the diffstat Pill badges nested inside it. */.chip.svelte-1vnfzde {display:inline-flex;align-items:center;gap:var(--tool-call-log-chip-gap, 6px);padding:var(--tool-call-log-chip-padding, 6px 10px);background:var(--tool-call-log-chip-background, #fafafa);border:var(--tool-call-log-chip-border, 1px solid #e4e4e7);border-radius:var(--tool-call-log-chip-radius, 6px);font:inherit;font-size:var(--tool-call-log-font-size, 0.8125rem);line-height:var(--tool-call-log-chip-line-height, 1);color:var(--tool-call-log-label-color, #2b2b2b);cursor:var(--tool-call-log-chip-cursor, pointer);max-width:100%;\n    animation: svelte-1vnfzde-tool-call-log-fade-up 320ms var(--tool-call-log-ease, cubic-bezier(0.23, 1, 0.32, 1))\n      both;transition:background 150ms ease,\n      border-color 150ms ease;}.chip.svelte-1vnfzde:hover {background:var(--tool-call-log-chip-hover-background, #f1f1f1);}.chip[aria-expanded='true'].svelte-1vnfzde {border-color:var(--tool-call-log-chip-open-border-color, #c7c7cc);}.chip.error.svelte-1vnfzde {color:var(--tool-call-log-error-color, #c93f38);border-color:var(--tool-call-log-error-border-color, #f2b8b5);background:var(--tool-call-log-error-background, #fdf1f0);}.chip.error.svelte-1vnfzde:hover {background:var(--tool-call-log-error-hover-background, #fbe6e5);}.chip-label.svelte-1vnfzde {font-weight:var(--tool-call-log-label-weight, 500);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.chip-meta.svelte-1vnfzde {color:var(--tool-call-log-meta-color, #9a9a9a);font-size:var(--tool-call-log-meta-font-size, 0.75rem);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.chip-meta.mono.svelte-1vnfzde {font-family:var(--tool-call-log-mono-font, ui-monospace, Menlo, monospace);}\n\n  /* Sizes and colors the nested library Loader via CSS custom-property\n     inheritance (no :global() needed — Loader is a plain DOM descendant of\n     this span, same pattern as ThinkingIndicator's `.avatar`). Loader itself\n     ships no literal fallback for --loader-foreground/-foreground-end/\n     -background, so all three are set explicitly here rather than left to\n     chance. */.chip-spinner.svelte-1vnfzde {display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;--loader-width: var(--tool-call-log-spinner-size, 11px);--loader-height: var(--tool-call-log-spinner-size, 11px);--loader-before-width: 5px;--loader-before-height: 5px;--loader-after-width: 8px;--loader-after-height: 8px;--loader-foreground: var(--tool-call-log-spinner-color, #6b6b6b);--loader-foreground-end: var(--tool-call-log-spinner-track-color, #dcdcdc);--loader-background: var(--tool-call-log-chip-background, #fafafa);}.diffstat.svelte-1vnfzde {display:inline-flex;align-items:center;gap:4px;font-variant-numeric:tabular-nums;flex-shrink:0;}.chip-diffstat.svelte-1vnfzde {margin-left:var(--tool-call-log-diffstat-margin, 2px);}\n\n  /* Pill customized into the small diffstat badge via its own --pill-* tokens\n     (inherited the same way — Pill is a plain descendant of this span). Pill\n     defaults `cursor` to `pointer` even when non-interactive, so it is pinned\n     back to `default` here: these badges carry no onclick. */.diffstat-pill.svelte-1vnfzde {display:inline-flex;--pill-padding: var(--tool-call-log-diffstat-padding, 0 4px);--pill-border-radius: var(--tool-call-log-diffstat-radius, 4px);--pill-font-size: var(--tool-call-log-diffstat-font-size, 0.6875rem);--pill-font-family: var(--tool-call-log-mono-font, ui-monospace, Menlo, monospace);--pill-line-height: 1;--pill-cursor: default;}.diffstat-added.svelte-1vnfzde {--pill-background: var(--tool-call-log-added-background, #e4f5ee);--pill-color: var(--tool-call-log-added-color, #1f7a5f);}.diffstat-removed.svelte-1vnfzde {--pill-background: var(--tool-call-log-removed-background, #fbeceb);--pill-color: var(--tool-call-log-removed-color, #c93f38);}\n\n  /* Always portaled to document.body (see `popoverPortal`), so `position:\n     fixed` is the baseline rather than a portal-only override — left/top/\n     z-index come from the inline `popoverStyle`, computed against the live\n     anchor rect. */.chip-popover.svelte-1vnfzde {position:fixed;z-index:var(--tool-call-log-popover-z-index, 1000);display:flex;flex-direction:column;gap:var(--tool-call-log-popover-gap, 6px);min-width:var(--tool-call-log-popover-min-width, 220px);max-width:var(--tool-call-log-popover-max-width, 340px);padding:var(--tool-call-log-popover-padding, 10px 12px);background:var(--tool-call-log-popover-background, #ffffff);border:var(--tool-call-log-popover-border, 1px solid #e4e4e7);border-radius:var(--tool-call-log-popover-radius, 10px);box-shadow:var(--tool-call-log-popover-shadow, 0 10px 30px rgba(0, 0, 0, 0.12));\n    animation: svelte-1vnfzde-tool-call-log-fade-up 200ms var(--tool-call-log-ease, cubic-bezier(0.23, 1, 0.32, 1))\n      both;}.popover-detail.svelte-1vnfzde {margin:0;color:var(--tool-call-log-popover-color, #2b2b2b);font-size:var(--tool-call-log-popover-font-size, 0.8125rem);white-space:pre-wrap;overflow-wrap:anywhere;}.popover-detail.mono.svelte-1vnfzde {font-family:var(--tool-call-log-mono-font, ui-monospace, Menlo, monospace);}\n\n  @media (prefers-reduced-motion: reduce) {.chip.svelte-1vnfzde,\n    .chip-popover.svelte-1vnfzde {animation-duration:0.001s;}\n    /* Loader's own spin keyframe lives on its internally-scoped `.loader`\n       class, which this file cannot reach with a plain scoped selector —\n       :global() is required to disable it, same pattern as `.pill-dismiss\n       :global(svg)` elsewhere in the library. Loader ships no\n       reduced-motion guard of its own. */.chip-spinner.svelte-1vnfzde .loader {\n      animation: none;}\n  }"
+};
+function ToolCallLog(e, t) {
+	push(t, !0), append_styles$1(e, $$css$1);
+	let n = prop(t, "chips", 7), i = prop(t, "onchipclick", 7), a = prop(t, "testId", 7), o = prop(t, "classes", 7), s = /* @__PURE__ */ state(null), c = /* @__PURE__ */ state(0), l = /* @__PURE__ */ state(proxy([])), u = /* @__PURE__ */ state(null), d = /* @__PURE__ */ state(0), f = /* @__PURE__ */ state(0), p = /* @__PURE__ */ state(0), m = 6, h = (e, t) => {
+		let n = t;
+		return { update(e) {
+			e > n && set(c, n, !0), n = e;
+		} };
+	}, g = (e) => `${Math.max(0, e - get(c)) * 120}ms`, _ = (e, t) => {
+		if (typeof t.detail == "string" && t.detail.length > 0) {
+			set(s, get(s) === e ? null : e, !0);
+			return;
+		}
+		i()?.(e, t);
+	}, v = (e) => {
+		e.key === "Escape" && get(s) !== null && set(s, null);
+	}, y = /* @__PURE__ */ user_derived(() => {
+		if (get(s) === null || typeof window > "u") return "";
+		let e = get(l)[get(s)];
+		if (e == null) return "";
+		get(p);
+		let t = e.getBoundingClientRect(), { left: n, top: i } = computeMenuDropdownPosition({
+			container: {
+				left: t.left,
+				right: t.right,
+				top: t.top,
+				bottom: t.bottom
+			},
+			dropdown: {
+				width: get(d),
+				height: get(f)
+			},
+			placement: "bottom-left",
+			gap: 6,
+			viewport: {
+				width: window.innerWidth,
+				height: window.innerHeight
+			}
+		});
+		return `position:fixed;left:${n}px;top:${i}px;right:auto;bottom:auto;margin:0;z-index:var(--tool-call-log-popover-z-index,1000);`;
+	}), b = (e) => {
+		document.body.appendChild(e);
+		let t = null, n = () => {
+			t === null && (t = requestAnimationFrame(() => {
+				t = null, set(p, get(p) + 1);
+			}));
+		};
+		return window.addEventListener("scroll", n, {
+			capture: !0,
+			passive: !0
+		}), window.addEventListener("resize", n), { destroy() {
+			window.removeEventListener("scroll", n, { capture: !0 }), window.removeEventListener("resize", n), t !== null && cancelAnimationFrame(t), e.remove();
+		} };
+	}, x = (e) => {
+		let t = e.target;
+		if (get(s) === null || !(t instanceof Node)) return;
+		let n = get(l).some((e) => e !== null && e.contains(t)), i = get(u) !== null && get(u).contains(t);
+		!n && !i && set(s, null);
+	};
+	onMount(() => (document.addEventListener("click", x), () => {
+		document.removeEventListener("click", x);
+	}));
+	var S = {
+		get chips() {
+			return n();
+		},
+		set chips(e) {
+			n(e), flushSync();
+		},
+		get onchipclick() {
+			return i();
+		},
+		set onchipclick(e) {
+			i(e), flushSync();
+		},
+		get testId() {
+			return a();
+		},
+		set testId(e) {
+			a(e), flushSync();
+		},
+		get classes() {
+			return o();
+		},
+		set classes(e) {
+			o(e), flushSync();
+		}
+	}, C = root_9();
+	return event("keydown", $window, v), each(C, 21, n, index, (e, t, n) => {
+		let i = /* @__PURE__ */ user_derived(() => get(t).detail), o = /* @__PURE__ */ user_derived(() => typeof get(i) == "string" && get(i).length > 0), c = /* @__PURE__ */ user_derived(() => typeof get(t).added == "number" || typeof get(t).removed == "number");
+		var p = root_8$1(), m = child(p);
+		let h, v;
+		var x = child(m), S = (e) => {
+			var t = root_3$1();
+			Loader(child(t), {}), reset(t), append(e, t);
 		};
-		if_block(a, (e) => {
-			typeof m() == "string" ? e(o) : e(s, -1);
-		}), reset(t), template_effect(() => {
-			i = set_class(t, 1, `status-label ${h() ?? "" ?? ""}`, "svelte-uzfrw6", i, { "static-label": !get(k) }), set_attribute(t, "data-pw", typeof d() == "string" ? d() : null), set_attribute(t, "testid", typeof d() == "string" ? d() : null);
-		}), append(e, t);
-	}, Q = (e) => {
-		var t = root_25(), i = child(t), a = child(i), o = child(a), c = (e) => {
-			var t = comment();
-			snippet(first_child(t), l), append(e, t);
-		}, u = (e) => {
-			Loader(e, {});
+		if_block(x, (e) => {
+			get(t).state === "running" && e(S);
+		});
+		var C = sibling(x, 2), w = child(C, !0);
+		reset(C);
+		var T = sibling(C, 2), E = (e) => {
+			var n = root_4$1();
+			let i;
+			var a = child(n, !0);
+			reset(n), template_effect(() => {
+				i = set_class(n, 1, "chip-meta svelte-1vnfzde", null, i, { mono: get(t).mono }), set_text(a, get(t).meta);
+			}), append(e, n);
 		};
-		if_block(o, (e) => {
-			l() ? e(c) : e(u, -1);
-		}), reset(a);
-		var f = sibling(a, 2);
-		let p;
-		var g = child(f, !0);
-		reset(f), reset(i);
-		var _ = sibling(i, 2), v = (e) => {
-			var t = root_2(), n = child(t);
-			reset(t), template_effect(() => {
-				set_attribute(t, "data-pw", typeof d() == "string" ? `${d()}-elapsed` : null), set_attribute(t, "testid", typeof d() == "string" ? `${d()}-elapsed` : null), set_text(n, `${get(M) ?? ""}s`);
-			}), append(e, t);
+		if_block(T, (e) => {
+			typeof get(t).meta == "string" && get(t).meta.length > 0 && e(E);
+		});
+		var D = sibling(T, 2), O = (e) => {
+			var n = root_5$1();
+			diffstatBadges(child(n), () => get(t)), reset(n), append(e, n);
 		};
-		if_block(_, (e) => {
-			s() && e(v);
-		}), reset(t), action(t, (e, t) => L?.(e, t), () => s() && get(k)), template_effect(() => {
-			set_class(t, 1, `thinking-indicator status-host ${h() ?? "" ?? ""}`, "svelte-uzfrw6"), set_attribute(t, "data-pw", typeof d() == "string" ? d() : null), set_attribute(t, "testid", typeof d() == "string" ? d() : null), p = set_class(f, 1, "status-label svelte-uzfrw6", null, p, { "static-label": !get(k) }), set_attribute(f, "data-pw", m() ?? null), set_text(g, n());
-		}), append(e, t);
-	};
-	return if_block(Y, (e) => {
-		get(O) ? e(X) : o() === "bare" ? e(Z, 1) : e(Q, -1);
-	}), append(e, J), pop(q);
+		if_block(D, (e) => {
+			get(c) && e(O);
+		}), reset(m), bind_this(m, (e, t) => get(l)[t] = e, (e) => get(l)?.[e], () => [n]);
+		var k = sibling(m, 2), A = (e) => {
+			var o = root_7$1(), s = child(o);
+			let l;
+			var p = child(s, !0);
+			reset(s);
+			var m = sibling(s, 2), h = (e) => {
+				var n = root_6$1();
+				diffstatBadges(child(n), () => get(t)), reset(n), append(e, n);
+			};
+			if_block(m, (e) => {
+				get(c) && e(h);
+			}), reset(o), bind_this(o, (e) => set(u, e), () => get(u)), effect(() => bind_element_size(o, "clientWidth", (e) => set(d, e))), effect(() => bind_element_size(o, "clientHeight", (e) => set(f, e))), action(o, (e) => b?.(e)), template_effect(() => {
+				set_attribute(o, "aria-label", `${get(t).label} details`), set_style(o, get(y)), set_attribute(o, "data-pw", typeof a() == "string" ? `${a()}-popover-${n}` : null), set_attribute(o, "testid", typeof a() == "string" ? `${a()}-popover-${n}` : null), l = set_class(s, 1, "popover-detail svelte-1vnfzde", null, l, { mono: get(t).mono }), set_text(p, get(i));
+			}), append(e, o);
+		};
+		if_block(k, (e) => {
+			get(o) && get(s) === n && e(A);
+		}), reset(p), template_effect((e) => {
+			h = set_class(m, 1, "chip svelte-1vnfzde", null, h, { error: get(t).state === "error" }), set_attribute(m, "aria-expanded", get(o) ? get(s) === n : null), set_attribute(m, "data-pw", typeof a() == "string" ? `${a()}-chip-${n}` : null), set_attribute(m, "testid", typeof a() == "string" ? `${a()}-chip-${n}` : null), v = set_style(m, "", v, e), set_text(w, get(t).label);
+		}, [() => ({ "animation-delay": g(n) })]), delegated("click", m, () => _(n, get(t))), append(e, p);
+	}), reset(C), action(C, (e, t) => h?.(e, t), () => n().length), template_effect(() => {
+		set_class(C, 1, `tool-call-log ${o() ?? "" ?? ""}`, "svelte-1vnfzde"), set_attribute(C, "data-pw", typeof a() == "string" ? a() : null), set_attribute(C, "testid", typeof a() == "string" ? a() : null);
+	}), append(e, C), pop(S);
 }
-delegate(["click"]), create_custom_element(ThinkingIndicator, {
-	label: {},
-	detail: {},
-	expanded: {},
-	variant: {},
-	showElapsed: {},
-	onToggle: {},
-	avatar: {},
-	toggleIcon: {},
+delegate(["click"]), create_custom_element(ToolCallLog, {
+	chips: {},
+	onchipclick: {},
 	testId: {},
-	toggleTestId: {},
-	detailTestId: {},
-	labelTestId: {},
-	classes: {},
+	classes: {}
+}, [], [], { mode: "open" });
+//#endregion
+//#region src/wc/components/ToolCallLog.wc.svelte
+var rest_excludes$2 = new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"$$host"
+]);
+function ToolCallLog_wc(e, t) {
+	let n = /* @__PURE__ */ rest_props(t, rest_excludes$2);
+	ToolCallLog(e, spread_props(() => n));
+}
+customElements.define("sui-tool-call-log", create_custom_element(ToolCallLog_wc, {
+	chips: { type: "Array" },
+	onchipclick: { type: "Object" },
+	testId: {
+		attribute: "test-id",
+		type: "String"
+	},
+	classes: { type: "String" }
+}, [], [], { mode: "open" }));
+//#endregion
+//#region src/lib/TaskList/TaskList.svelte
+var root = /* @__PURE__ */ from_html("<span class=\"glyph-dot svelte-1te9fae\"></span>"), root_1 = /* @__PURE__ */ from_html("<span class=\"glyph-spinner svelte-1te9fae\"><!></span>"), root_2 = /* @__PURE__ */ from_html("<span class=\"glyph-check svelte-1te9fae\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"svelte-1te9fae\"><path d=\"M20 6 9 17l-5-5\"></path></svg></span>"), root_3 = /* @__PURE__ */ from_html("<span class=\"glyph-x svelte-1te9fae\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"svelte-1te9fae\"><path d=\"M6 6l12 12M18 6 6 18\"></path></svg></span>"), root_4 = /* @__PURE__ */ from_html("<span class=\"glyph-inner svelte-1te9fae\" aria-hidden=\"true\"><!></span>"), root_5 = /* @__PURE__ */ from_html("<span> </span>"), root_6 = /* @__PURE__ */ from_html("<div class=\"row-retry svelte-1te9fae\"><!></div>"), root_7 = /* @__PURE__ */ from_html("<div><span class=\"row-glyph svelte-1te9fae\"><!></span> <span class=\"row-text svelte-1te9fae\"><span class=\"row-label svelte-1te9fae\"> </span> <!></span> <!></div>"), root_8 = /* @__PURE__ */ from_html("<div></div>"), $$css = {
+	hash: "svelte-1te9fae",
+	code: "\n  @keyframes svelte-1te9fae-task-list-fade-up {\n    from {\n      opacity: 0;\n      transform: translateY(9px);\n    }\n    to {\n      opacity: 1;\n      transform: none;\n    }\n  }\n  @keyframes svelte-1te9fae-task-list-glyph-fade {\n    from {\n      opacity: 0;\n    }\n    to {\n      opacity: 1;\n    }\n  }\n  @keyframes svelte-1te9fae-task-list-check-pop {\n    from {\n      opacity: 0;\n      transform: scale(0.5);\n    }\n    to {\n      opacity: 1;\n      transform: scale(1);\n    }\n  }.task-list.svelte-1te9fae {display:flex;flex-direction:column;gap:var(--task-list-row-gap, 10px);}.task-row.svelte-1te9fae {display:flex;align-items:baseline;gap:var(--task-list-row-inline-gap, 10px);\n    animation: svelte-1te9fae-task-list-fade-up 320ms var(--task-list-ease, cubic-bezier(0.23, 1, 0.32, 1)) both;}.row-glyph.svelte-1te9fae {display:inline-flex;align-self:center;align-items:center;justify-content:center;width:var(--task-list-glyph-size, 16px);height:var(--task-list-glyph-size, 16px);flex-shrink:0;}.glyph-inner.svelte-1te9fae {display:inline-flex;align-items:center;justify-content:center;\n    animation: svelte-1te9fae-task-list-glyph-fade 150ms ease both;}.glyph-dot.svelte-1te9fae {width:6px;height:6px;border-radius:50%;background:var(--task-list-dot-color, #9a9a9a);}\n\n  /* Loader draws its own ring via a rotating gradient rather than a bordered arc, so the old\n     track/spinner two-tone maps onto the gradient's start/end stops: --loader-foreground is the\n     bright leading edge, --loader-foreground-end the dimmer trailing one. The size vars are\n     calc()'d off a single token so before/after stay proportional if a consumer overrides it. */.glyph-spinner.svelte-1te9fae {display:inline-flex;--loader-foreground: var(--task-list-spinner-color, #6b6b6b);--loader-foreground-end: var(--task-list-spinner-track-color, #dcdcdc);--loader-width: var(--task-list-spinner-size, 11px);--loader-height: var(--task-list-spinner-size, 11px);--loader-before-width: calc(var(--task-list-spinner-size, 11px) * 0.5);--loader-before-height: calc(var(--task-list-spinner-size, 11px) * 0.5);--loader-after-width: calc(var(--task-list-spinner-size, 11px) * 0.75);--loader-after-height: calc(var(--task-list-spinner-size, 11px) * 0.75);}.glyph-check.svelte-1te9fae,\n  .glyph-x.svelte-1te9fae {display:inline-flex;}.glyph-check.svelte-1te9fae svg:where(.svelte-1te9fae),\n  .glyph-x.svelte-1te9fae svg:where(.svelte-1te9fae) {width:12px;height:12px;}.glyph-check.svelte-1te9fae {color:var(--task-list-done-color, #6b6b6b);\n    animation: svelte-1te9fae-task-list-check-pop 200ms var(--task-list-ease, cubic-bezier(0.23, 1, 0.32, 1)) both;}.glyph-x.svelte-1te9fae {color:var(--task-list-error-color, #c93f38);}.row-text.svelte-1te9fae {flex:1;min-width:0;display:flex;align-items:baseline;gap:var(--task-list-text-gap, 8px);}.task-row.pending.svelte-1te9fae .row-text:where(.svelte-1te9fae) {opacity:var(--task-list-pending-opacity, 0.55);}.row-label.svelte-1te9fae {font-size:var(--task-list-row-font-size, 0.875rem);font-weight:var(--task-list-row-weight, 500);color:var(--task-list-row-color, #2b2b2b);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.row-secondary.svelte-1te9fae {font-size:var(--task-list-secondary-font-size, 0.75rem);color:var(--task-list-secondary-color, #9a9a9a);white-space:nowrap;}.row-secondary.mono.svelte-1te9fae {font-family:var(--task-list-mono-font, ui-monospace, Menlo, monospace);}\n\n  /* Themes the embedded Button into the compact error-tinted pill via its own custom\n     properties — these inherit down into Button's internal rules regardless of the\n     component boundary, the same wrapper-div pattern Banner uses for its dismiss button. */.row-retry.svelte-1te9fae {margin-left:auto;flex-shrink:0;align-self:center;--button-color: var(--task-list-retry-background, rgba(201, 63, 56, 0.12));--button-text-color: var(--task-list-retry-color, #c93f38);--button-hover-color: var(--task-list-retry-hover-background, rgba(201, 63, 56, 0.2));--button-hover-text-color: var(--task-list-retry-color, #c93f38);--button-border: none;--button-padding: var(--task-list-retry-padding, 3px 10px);--button-border-radius: var(--task-list-retry-radius, 999px);--button-font-size: var(--task-list-retry-font-size, 0.75rem);--button-font-weight: var(--task-list-retry-weight, 600);--button-transition: background 150ms ease;}\n\n  @media (prefers-reduced-motion: reduce) {.task-row.svelte-1te9fae,\n    .glyph-inner.svelte-1te9fae,\n    .glyph-check.svelte-1te9fae {animation-duration:0.001s;}\n    /* Loader's spin lives on its own internally-scoped element, reached here via :global()\n       scoped to a descendant of our local .glyph-spinner wrapper — the 3-class specificity\n       that produces reliably beats Loader's own 2-class rule regardless of stylesheet order. */.glyph-spinner.svelte-1te9fae .loader {\n      animation: none;\n      -webkit-animation: none;}\n  }"
+};
+function TaskList(e, t) {
+	push(t, !0), append_styles$1(e, $$css);
+	let n = prop(t, "rows", 7), i = prop(t, "onretry", 7), a = prop(t, "testId", 7), o = prop(t, "classes", 7), s = /* @__PURE__ */ state(0), c = (e, t) => {
+		let n = t;
+		return { update(e) {
+			e > n && set(s, n, !0), n = e;
+		} };
+	}, l = (e) => `${Math.max(0, e - get(s)) * 120}ms`, u = (e) => {
+		i()?.(e);
+	};
+	var d = {
+		get rows() {
+			return n();
+		},
+		set rows(e) {
+			n(e), flushSync();
+		},
+		get onretry() {
+			return i();
+		},
+		set onretry(e) {
+			i(e), flushSync();
+		},
+		get testId() {
+			return a();
+		},
+		set testId(e) {
+			a(e), flushSync();
+		},
+		get classes() {
+			return o();
+		},
+		set classes(e) {
+			o(e), flushSync();
+		}
+	}, f = root_8();
+	return each(f, 21, n, index, (e, t, n) => {
+		var i = root_7();
+		let o, s;
+		var c = child(i);
+		key(child(c), () => get(t).status, (e) => {
+			var n = root_4(), i = child(n), a = (e) => {
+				append(e, root());
+			}, o = (e) => {
+				var t = root_1();
+				Loader(child(t), {}), reset(t), append(e, t);
+			}, s = (e) => {
+				append(e, root_2());
+			}, c = (e) => {
+				append(e, root_3());
+			};
+			if_block(i, (e) => {
+				get(t).status === "pending" ? e(a) : get(t).status === "running" ? e(o, 1) : get(t).status === "done" ? e(s, 2) : get(t).status === "failed" && e(c, 3);
+			}), reset(n), template_effect(() => set_attribute(n, "data-status", get(t).status)), append(e, n);
+		}), reset(c);
+		var d = sibling(c, 2), f = child(d), p = child(f, !0);
+		reset(f);
+		var m = sibling(f, 2), h = (e) => {
+			var n = root_5();
+			let i;
+			var a = child(n, !0);
+			reset(n), template_effect(() => {
+				i = set_class(n, 1, "row-secondary svelte-1te9fae", null, i, { mono: get(t).mono }), set_text(a, get(t).secondary);
+			}), append(e, n);
+		};
+		if_block(m, (e) => {
+			typeof get(t).secondary == "string" && get(t).secondary.length > 0 && e(h);
+		}), reset(d);
+		var g = sibling(d, 2), _ = (e) => {
+			var i = root_6();
+			Button(child(i), spread_props({
+				get text() {
+					return get(t).retryLabel;
+				},
+				size: "sm",
+				onclick: () => u(n)
+			}, () => typeof a() == "string" ? { testId: `${a()}-row-${n}-retry` } : {})), reset(i), append(e, i);
+		};
+		if_block(g, (e) => {
+			get(t).status === "failed" && typeof get(t).retryLabel == "string" && get(t).retryLabel.length > 0 && e(_);
+		}), reset(i), template_effect((e) => {
+			o = set_class(i, 1, "task-row svelte-1te9fae", null, o, { pending: get(t).status === "pending" }), set_attribute(i, "data-pw", typeof a() == "string" ? `${a()}-row-${n}` : null), set_attribute(i, "testid", typeof a() == "string" ? `${a()}-row-${n}` : null), s = set_style(i, "", s, e), set_text(p, get(t).label);
+		}, [() => ({ "animation-delay": l(n) })]), append(e, i);
+	}), reset(f), action(f, (e, t) => c?.(e, t), () => n().length), template_effect(() => {
+		set_class(f, 1, `task-list ${o() ?? "" ?? ""}`, "svelte-1te9fae"), set_attribute(f, "data-pw", typeof a() == "string" ? a() : null), set_attribute(f, "testid", typeof a() == "string" ? a() : null);
+	}), append(e, f), pop(d);
+}
+create_custom_element(TaskList, {
 	rows: {},
-	kind: {},
-	busy: {},
-	query: {},
-	moreLabel: {},
-	selectable: {},
-	selected: {},
-	onrowselect: {},
-	onsettled: {},
-	collapseDelayMs: {}
+	onretry: {},
+	testId: {},
+	classes: {}
 }, [], [], { mode: "open" });
 //#endregion
+//#region src/wc/components/TaskList.wc.svelte
+var rest_excludes$1 = new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"$$host"
+]);
+function TaskList_wc(e, t) {
+	let n = /* @__PURE__ */ rest_props(t, rest_excludes$1);
+	TaskList(e, spread_props(() => n));
+}
+customElements.define("sui-task-list", create_custom_element(TaskList_wc, {
+	rows: { type: "Array" },
+	onretry: { type: "Object" },
+	testId: {
+		attribute: "test-id",
+		type: "String"
+	},
+	classes: { type: "String" }
+}, [], [], { mode: "open" }));
+//#endregion
 //#region src/wc/components/ThinkingIndicator.wc.svelte
 var rest_excludes = new Set([
 	"$$slots",