@aiden-voice/widget 0.1.1 → 0.2.0

package/dist/widget.js

@@ -49,7 +49,7 @@ function T(e, t) {
 function E(e) {
 	if (e.__P && e.__d) {
 		var t = e.__v, r = t.__e, i = [], a = [], o = y({}, t);
-		o.__v = t.__v + 1, n.vnode && n.vnode(o), F(e.__P, o, t, e.__n, e.__P.namespaceURI, 32 & t.__u ? [r] : null, i, r ?? T(t), !!(32 & t.__u), a), o.__v = t.__v, o.__.__k[o.__i] = o, re(i, o, a), t.__e = t.__ = null, o.__e != r && D(o);
+		o.__v = t.__v + 1, n.vnode && n.vnode(o), ne(e.__P, o, t, e.__n, e.__P.namespaceURI, 32 & t.__u ? [r] : null, i, r ?? T(t), !!(32 & t.__u), a), o.__v = t.__v, o.__.__k[o.__i] = o, ie(i, o, a), t.__e = t.__ = null, o.__e != r && D(o);
 	}
 }
 function D(e) {
@@ -69,13 +69,13 @@ function k() {
 }
 function ee(e, t, n, r, i, a, o, s, c, l, u) {
 	var d, f, p, m, _, v, y = r && r.__k || g, b = t.length;
-	for (c = A(n, t, y, c, b), d = 0; d < b; d++) (p = n.__k[d]) != null && (f = p.__i != -1 && y[p.__i] || h, p.__i = d, v = F(e, p, f, i, a, o, s, c, l, u), m = p.__e, p.ref && f.ref != p.ref && (f.ref && I(f.ref, null, p), u.push(p.ref, p.__c || m, p)), _ == null && m != null && (_ = m), 4 & p.__u ? (c = j(p, c, e), f.__e && (f.__e = null)) : typeof p.type == "function" && v !== void 0 ? c = v : m && (c = m.nextSibling), p.__u &= -7);
+	for (c = A(n, t, y, c, b), d = 0; d < b; d++) (p = n.__k[d]) != null && (f = p.__i != -1 && y[p.__i] || h, p.__i = d, v = ne(e, p, f, i, a, o, s, c, l, u), m = p.__e, p.ref && f.ref != p.ref && (f.ref && F(f.ref, null, p), u.push(p.ref, p.__c || m, p)), _ == null && m != null && (_ = m), 4 & p.__u ? (c = j(p, c, e), f.__e && (f.__e = null)) : typeof p.type == "function" && v !== void 0 ? c = v : m && (c = m.nextSibling), p.__u &= -7);
 	return n.__e = _, c;
 }
 function A(e, t, n, r, i) {
 	var a, o, s, c, l, u = n.length, d = u, f = 0;
 	for (e.__k = Array(i), a = 0; a < i; a++) (o = t[a]) != null && typeof o != "boolean" && typeof o != "function" ? (typeof o == "string" || typeof o == "number" || typeof o == "bigint" || o.constructor == String ? o = e.__k[a] = S(null, o, null, null, null) : v(o) ? o = e.__k[a] = S(C, { children: o }, null, null, null) : o.constructor === void 0 && o.__b > 0 ? o = e.__k[a] = S(o.type, o.props, o.key, o.ref ? o.ref : null, o.__v) : e.__k[a] = o, c = a + f, o.__ = e, o.__b = e.__b + 1, s = null, (l = o.__i = M(o, n, c, d)) != -1 && (d--, (s = n[l]) && (s.__u |= 2)), s == null || s.__v == null ? (l == -1 && (i > u ? f-- : i < u && f++), typeof o.type != "function" && (o.__u |= 4)) : l != c && (l == c - 1 ? f-- : l == c + 1 ? f++ : (l > c ? f-- : f++, o.__u |= 4))) : e.__k[a] = null;
-	if (d) for (a = 0; a < u; a++) (s = n[a]) != null && !(2 & s.__u) && (s.__e == r && (r = T(s)), oe(s, s));
+	if (d) for (a = 0; a < u; a++) (s = n[a]) != null && !(2 & s.__u) && (s.__e == r && (r = T(s)), se(s, s));
 	return r;
 }
 function j(e, t, n) {
@@ -129,14 +129,14 @@ function te(e) {
 		}
 	};
 }
-function F(e, t, r, i, a, o, s, c, l, u) {
+function ne(e, t, r, i, a, o, s, c, l, u) {
 	var d, f, p, m, h, _, x, S, E, D, O, k, A, j, M, N, P = t.type;
 	if (t.constructor !== void 0) return null;
 	128 & r.__u && (l = !!(32 & r.__u), o = [c = t.__e = r.__e]), (d = n.__b) && d(t);
 	n: if (typeof P == "function") {
 		f = s.length;
 		try {
-			if (E = t.props, D = P.prototype && P.prototype.render, O = (d = P.contextType) && i[d.__c], k = d ? O ? O.props.value : d.__ : i, r.__c ? S = (p = t.__c = r.__c).__ = p.__E : (D ? t.__c = p = new P(E, k) : (t.__c = p = new w(E, k), p.constructor = P, p.render = se), O && O.sub(p), p.state || (p.state = {}), p.__n = i, m = p.__d = !0, p.__h = [], p._sb = []), D && p.__s == null && (p.__s = p.state), D && P.getDerivedStateFromProps != null && (p.__s == p.state && (p.__s = y({}, p.__s)), y(p.__s, P.getDerivedStateFromProps(E, p.__s))), h = p.props, _ = p.state, p.__v = t, m) D && P.getDerivedStateFromProps == null && p.componentWillMount != null && p.componentWillMount(), D && p.componentDidMount != null && p.__h.push(p.componentDidMount);
+			if (E = t.props, D = P.prototype && P.prototype.render, O = (d = P.contextType) && i[d.__c], k = d ? O ? O.props.value : d.__ : i, r.__c ? S = (p = t.__c = r.__c).__ = p.__E : (D ? t.__c = p = new P(E, k) : (t.__c = p = new w(E, k), p.constructor = P, p.render = ce), O && O.sub(p), p.state || (p.state = {}), p.__n = i, m = p.__d = !0, p.__h = [], p._sb = []), D && p.__s == null && (p.__s = p.state), D && P.getDerivedStateFromProps != null && (p.__s == p.state && (p.__s = y({}, p.__s)), y(p.__s, P.getDerivedStateFromProps(E, p.__s))), h = p.props, _ = p.state, p.__v = t, m) D && P.getDerivedStateFromProps == null && p.componentWillMount != null && p.componentWillMount(), D && p.componentDidMount != null && p.__h.push(p.componentDidMount);
 			else {
 				if (D && P.getDerivedStateFromProps == null && E !== h && p.componentWillReceiveProps != null && p.componentWillReceiveProps(E, k), t.__v == r.__v || !p.__e && p.shouldComponentUpdate != null && !1 === p.shouldComponentUpdate(E, p.__s, k)) {
 					t.__v != r.__v && (p.props = E, p.state = p.__s, p.__d = !1), t.__e = r.__e, t.__k = r.__k, t.__k.some(function(e) {
@@ -152,7 +152,7 @@ function F(e, t, r, i, a, o, s, c, l, u) {
 			else do
 				p.__d = !1, A && A(t), d = p.render(p.props, p.state, p.context), p.state = p.__s;
 			while (p.__d && ++j < 25);
-			p.state = p.__s, p.getChildContext != null && (i = y(y({}, i), p.getChildContext())), D && !m && p.getSnapshotBeforeUpdate != null && (x = p.getSnapshotBeforeUpdate(h, _)), M = d != null && d.type === C && d.key == null ? ie(d.props.children) : d, c = ee(e, v(M) ? M : [M], t, r, i, a, o, s, c, l, u), p.base = t.__e, t.__u &= -161, p.__h.length && s.push(p), S && (p.__E = p.__ = null);
+			p.state = p.__s, p.getChildContext != null && (i = y(y({}, i), p.getChildContext())), D && !m && p.getSnapshotBeforeUpdate != null && (x = p.getSnapshotBeforeUpdate(h, _)), M = d != null && d.type === C && d.key == null ? ae(d.props.children) : d, c = ee(e, v(M) ? M : [M], t, r, i, a, o, s, c, l, u), p.base = t.__e, t.__u &= -161, p.__h.length && s.push(p), S && (p.__E = p.__ = null);
 		} catch (e) {
 			if (s.length = f, t.__v = null, l || o != null) {
 				if (e.then) {
@@ -160,16 +160,16 @@ function F(e, t, r, i, a, o, s, c, l, u) {
 					o != null && (o[o.indexOf(c)] = null), t.__e = c;
 				} else if (o != null) for (N = o.length; N--;) b(o[N]);
 			} else t.__e = r.__e;
-			t.__k ??= r.__k || [], e.then || ne(t), n.__e(e, t, r);
+			t.__k ??= r.__k || [], e.then || re(t), n.__e(e, t, r);
 		}
-	} else o == null && t.__v == r.__v ? (t.__k = r.__k, t.__e = r.__e) : c = t.__e = ae(r.__e, t, r, i, a, o, s, l, u);
+	} else o == null && t.__v == r.__v ? (t.__k = r.__k, t.__e = r.__e) : c = t.__e = oe(r.__e, t, r, i, a, o, s, l, u);
 	return (d = n.diffed) && d(t), 128 & t.__u ? void 0 : c;
 }
-function ne(e) {
-	e && (e.__c && (e.__c.__e = !0), e.__k && e.__k.some(ne));
+function re(e) {
+	e && (e.__c && (e.__c.__e = !0), e.__k && e.__k.some(re));
 }
-function re(e, t, r) {
-	for (var i = 0; i < r.length; i++) I(r[i], r[++i], r[++i]);
+function ie(e, t, r) {
+	for (var i = 0; i < r.length; i++) F(r[i], r[++i], r[++i]);
 	n.__c && n.__c(t, e), e.some(function(t) {
 		try {
 			e = t.__h, t.__h = [], e.some(function(e) {
@@ -180,10 +180,10 @@ function re(e, t, r) {
 		}
 	});
 }
-function ie(e) {
-	return typeof e != "object" || !e || e.__b > 0 ? e : v(e) ? e.map(ie) : e.constructor === void 0 ? y({}, e) : null;
+function ae(e) {
+	return typeof e != "object" || !e || e.__b > 0 ? e : v(e) ? e.map(ae) : e.constructor === void 0 ? y({}, e) : null;
 }
-function ae(e, r, i, a, o, s, c, l, u) {
+function oe(e, r, i, a, o, s, c, l, u) {
 	var d, f, p, m, g, _, y, x = i.props || h, S = r.props, C = r.type;
 	if (C == "svg" ? o = "http://www.w3.org/2000/svg" : C == "math" ? o = "http://www.w3.org/1998/Math/MathML" : o ||= "http://www.w3.org/1999/xhtml", s != null) {
 		for (d = 0; d < s.length; d++) if ((g = s[d]) && "setAttribute" in g == !!C && (C ? g.localName == C : g.nodeType == 3)) {
@@ -206,7 +206,7 @@ function ae(e, r, i, a, o, s, c, l, u) {
 	}
 	return e;
 }
-function I(e, t, r) {
+function F(e, t, r) {
 	try {
 		if (typeof e == "function") {
 			var i = typeof e.__u == "function";
@@ -216,9 +216,9 @@ function I(e, t, r) {
 		n.__e(e, r);
 	}
 }
-function oe(e, t, r) {
+function se(e, t, r) {
 	var i, a;
-	if (n.unmount && n.unmount(e), (i = e.ref) && (i.current && i.current != e.__e || I(i, null, t)), (i = e.__c) != null) {
+	if (n.unmount && n.unmount(e), (i = e.ref) && (i.current && i.current != e.__e || F(i, null, t)), (i = e.__c) != null) {
 		if (i.componentWillUnmount) try {
 			i.componentWillUnmount();
 		} catch (e) {
@@ -226,15 +226,15 @@ function oe(e, t, r) {
 		}
 		i.base = i.__P = i.__n = null;
 	}
-	if (i = e.__k) for (a = 0; a < i.length; a++) i[a] && oe(i[a], t, r || typeof e.type != "function");
+	if (i = e.__k) for (a = 0; a < i.length; a++) i[a] && se(i[a], t, r || typeof e.type != "function");
 	r || b(e.__e), e.__c = e.__ = e.__e = void 0;
 }
-function se(e, t, n) {
+function ce(e, t, n) {
 	return this.constructor(e, n);
 }
-function ce(e, r, i) {
+function le(e, r, i) {
 	var a, o, s, c;
-	r == document && (r = document.documentElement), n.__ && n.__(e, r), o = (a = typeof i == "function") ? null : i && i.__k || r.__k, s = [], c = [], F(r, e = (!a && i || r).__k = x(C, null, [e]), o || h, h, r.namespaceURI, !a && i ? [i] : o ? null : r.firstChild ? t.call(r.childNodes) : null, s, !a && i ? i : o ? o.__e : r.firstChild, a, c), re(s, e, c), e.props.children = null;
+	r == document && (r = document.documentElement), n.__ && n.__(e, r), o = (a = typeof i == "function") ? null : i && i.__k || r.__k, s = [], c = [], ne(r, e = (!a && i || r).__k = x(C, null, [e]), o || h, h, r.namespaceURI, !a && i ? [i] : o ? null : r.firstChild ? t.call(r.childNodes) : null, s, !a && i ? i : o ? o.__e : r.firstChild, a, c), ie(s, e, c), e.props.children = null;
 }
 t = g.slice, n = { __e: function(e, t, n, r) {
 	for (var i, a, o; t = t.__;) if ((i = t.__c) && !i.__) try {
@@ -253,24 +253,24 @@ t = g.slice, n = { __e: function(e, t, n, r) {
 }, k.__r = 0, c = Math.random().toString(8), l = "__d" + c, u = "__a" + c, d = /(PointerCapture)$|Capture$/i, f = 0, p = te(!1), m = te(!0);
 //#endregion
 //#region node_modules/.pnpm/preact@10.29.8/node_modules/preact/hooks/dist/hooks.module.js
-var L, R, le, ue, z = 0, de = [], B = n, fe = B.__b, pe = B.__r, me = B.diffed, he = B.__c, ge = B.unmount, _e = B.__;
-function V(e, t) {
-	B.__h && B.__h(R, e, z || t), z = 0;
-	var n = R.__H || (R.__H = {
+var I, L, ue, de, R = 0, fe = [], z = n, pe = z.__b, me = z.__r, he = z.diffed, ge = z.__c, _e = z.unmount, ve = z.__;
+function ye(e, t) {
+	z.__h && z.__h(L, e, R || t), R = 0;
+	var n = L.__H || (L.__H = {
 		__: [],
 		__h: []
 	});
 	return e >= n.__.length && n.__.push({}), n.__[e];
 }
-function H(e) {
-	return z = 1, ve(we, e);
+function B(e) {
+	return R = 1, be(De, e);
 }
-function ve(e, t, n) {
-	var r = V(L++, 2);
-	if (r.t = e, !r.__c && (r.__ = [n ? n(t) : we(void 0, t), function(e) {
+function be(e, t, n) {
+	var r = ye(I++, 2);
+	if (r.t = e, !r.__c && (r.__ = [n ? n(t) : De(void 0, t), function(e) {
 		var t = r.__N ? r.__N[0] : r.__[0], n = r.t(t, e);
 		t !== n && (r.__N = [n, r.__[1]], r.__c.setState({}));
-	}], r.__c = R, !R.__f)) {
+	}], r.__c = L, !L.__f)) {
 		var i = function(e, t, n) {
 			if (!r.__c.__H) return !0;
 			var i = !1, o = r.__c.props !== e;
@@ -286,108 +286,108 @@ function ve(e, t, n) {
 			}
 			return !i || o;
 		};
-		R.__f = !0;
-		var a = R.shouldComponentUpdate, o = R.componentWillUpdate;
-		R.componentWillUpdate = function(e, t, n) {
+		L.__f = !0;
+		var a = L.shouldComponentUpdate, o = L.componentWillUpdate;
+		L.componentWillUpdate = function(e, t, n) {
 			if (this.__e) {
 				var r = a;
 				a = void 0, i(e, t, n), a = r;
 			}
 			o && o.call(this, e, t, n);
-		}, R.shouldComponentUpdate = i;
+		}, L.shouldComponentUpdate = i;
 	}
 	return r.__N || r.__;
 }
-function U(e, t) {
-	var n = V(L++, 3);
-	!B.__s && Ce(n.__H, t) && (n.__ = e, n.u = t, R.__H.__h.push(n));
+function V(e, t) {
+	var n = ye(I++, 3);
+	!z.__s && Ee(n.__H, t) && (n.__ = e, n.u = t, L.__H.__h.push(n));
 }
-function W(e) {
-	return z = 5, ye(function() {
+function H(e) {
+	return R = 5, xe(function() {
 		return { current: e };
 	}, []);
 }
-function ye(e, t) {
-	var n = V(L++, 7);
-	return Ce(n.__H, t) && (n.__ = e(), n.__H = t, n.__h = e), n.__;
+function xe(e, t) {
+	var n = ye(I++, 7);
+	return Ee(n.__H, t) && (n.__ = e(), n.__H = t, n.__h = e), n.__;
 }
-function be() {
-	for (var e; e = de.shift();) {
+function Se() {
+	for (var e; e = fe.shift();) {
 		var t = e.__H;
 		if (e.__P && t) try {
-			t.__h.some(G), t.__h.some(K), t.__h = [];
+			t.__h.some(U), t.__h.some(Te), t.__h = [];
 		} catch (n) {
-			t.__h = [], B.__e(n, e.__v);
+			t.__h = [], z.__e(n, e.__v);
 		}
 	}
 }
-B.__b = function(e) {
-	R = null, fe && fe(e);
-}, B.__ = function(e, t) {
-	e && t.__k && t.__k.__m && (e.__m = t.__k.__m), _e && _e(e, t);
-}, B.__r = function(e) {
-	pe && pe(e), L = 0;
-	var t = (R = e.__c).__H;
-	t && (le === R ? (t.__h = [], R.__h = [], t.__.some(function(e) {
+z.__b = function(e) {
+	L = null, pe && pe(e);
+}, z.__ = function(e, t) {
+	e && t.__k && t.__k.__m && (e.__m = t.__k.__m), ve && ve(e, t);
+}, z.__r = function(e) {
+	me && me(e), I = 0;
+	var t = (L = e.__c).__H;
+	t && (ue === L ? (t.__h = [], L.__h = [], t.__.some(function(e) {
 		e.__N && (e.__ = e.__N), e.u = e.__N = void 0;
-	})) : (t.__h.some(G), t.__h.some(K), t.__h = [], L = 0)), le = R;
-}, B.diffed = function(e) {
-	me && me(e);
+	})) : (t.__h.some(U), t.__h.some(Te), t.__h = [], I = 0)), ue = L;
+}, z.diffed = function(e) {
+	he && he(e);
 	var t = e.__c;
-	t && t.__H && (t.__H.__h.length && (de.push(t) !== 1 && ue === B.requestAnimationFrame || ((ue = B.requestAnimationFrame) || Se)(be)), t.__H.__.some(function(e) {
+	t && t.__H && (t.__H.__h.length && (fe.push(t) !== 1 && de === z.requestAnimationFrame || ((de = z.requestAnimationFrame) || we)(Se)), t.__H.__.some(function(e) {
 		e.u &&= (e.__H = e.u, void 0);
-	})), le = R = null;
-}, B.__c = function(e, t) {
+	})), ue = L = null;
+}, z.__c = function(e, t) {
 	t.some(function(e) {
 		try {
-			e.__h.some(G), e.__h = e.__h.filter(function(e) {
-				return !e.__ || K(e);
+			e.__h.some(U), e.__h = e.__h.filter(function(e) {
+				return !e.__ || Te(e);
 			});
 		} catch (n) {
 			t.some(function(e) {
 				e.__h &&= [];
-			}), t = [], B.__e(n, e.__v);
+			}), t = [], z.__e(n, e.__v);
 		}
-	}), he && he(e, t);
-}, B.unmount = function(e) {
-	ge && ge(e);
+	}), ge && ge(e, t);
+}, z.unmount = function(e) {
+	_e && _e(e);
 	var t, n = e.__c;
 	n && n.__H && (n.__H.__.some(function(e) {
 		try {
-			G(e);
+			U(e);
 		} catch (e) {
 			t = e;
 		}
-	}), n.__H = void 0, t && B.__e(t, n.__v));
+	}), n.__H = void 0, t && z.__e(t, n.__v));
 };
-var xe = typeof requestAnimationFrame == "function";
-function Se(e) {
+var Ce = typeof requestAnimationFrame == "function";
+function we(e) {
 	var t, n = function() {
-		clearTimeout(r), xe && cancelAnimationFrame(t), setTimeout(e);
+		clearTimeout(r), Ce && cancelAnimationFrame(t), setTimeout(e);
 	}, r = setTimeout(n, 35);
-	xe && (t = requestAnimationFrame(n));
+	Ce && (t = requestAnimationFrame(n));
 }
-function G(e) {
-	var t = R, n = e.__c;
-	typeof n == "function" && (e.__c = void 0, n()), R = t;
+function U(e) {
+	var t = L, n = e.__c;
+	typeof n == "function" && (e.__c = void 0, n()), L = t;
 }
-function K(e) {
-	var t = R;
-	e.__c = e.__(), R = t;
+function Te(e) {
+	var t = L;
+	e.__c = e.__(), L = t;
 }
-function Ce(e, t) {
+function Ee(e, t) {
 	return !e || e.length !== t.length || t.some(function(t, n) {
 		return t !== e[n];
 	});
 }
-function we(e, t) {
+function De(e, t) {
 	return typeof t == "function" ? t(e) : t;
 }
 //#endregion
 //#region node_modules/.pnpm/preact@10.29.8/node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js
-var Te = 0;
+var Oe = 0;
 Array.isArray;
-function q(e, t, r, i, a, o) {
+function W(e, t, r, i, a, o) {
 	t ||= {};
 	var s, c, l = t;
 	if ("ref" in l) for (c in l = {}, t) c == "ref" ? s = t[c] : l[c] = t[c];
@@ -402,7 +402,7 @@ function q(e, t, r, i, a, o) {
 		__e: null,
 		__c: null,
 		constructor: void 0,
-		__v: --Te,
+		__v: --Oe,
 		__i: -1,
 		__u: 0,
 		__source: a,
@@ -412,39 +412,98 @@ function q(e, t, r, i, a, o) {
 	return n.vnode && n.vnode(u), u;
 }
 //#endregion
+//#region src/components/icons.tsx
+function G({ name: e, size: t, children: n }) {
+	return /* @__PURE__ */ W("svg", {
+		"data-icon": e,
+		"aria-hidden": "true",
+		focusable: "false",
+		width: t,
+		height: t,
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: "currentColor",
+		"stroke-width": "2",
+		"stroke-linecap": "round",
+		"stroke-linejoin": "round",
+		children: n
+	});
+}
+function ke({ size: e = 26 }) {
+	return /* @__PURE__ */ W(G, {
+		name: "chat",
+		size: e,
+		children: [/* @__PURE__ */ W("path", { d: "M4 5.5A2.5 2.5 0 0 1 6.5 3h11A2.5 2.5 0 0 1 20 5.5v8a2.5 2.5 0 0 1-2.5 2.5H10l-4.5 4v-4h0A1.5 1.5 0 0 1 4 14.5z" }), /* @__PURE__ */ W("path", {
+			d: "M8.5 9.5h.01M12 9.5h.01M15.5 9.5h.01",
+			"stroke-width": "2.5"
+		})]
+	});
+}
+function Ae({ size: e = 26 }) {
+	return /* @__PURE__ */ W(G, {
+		name: "chevron-down",
+		size: e,
+		children: /* @__PURE__ */ W("path", { d: "M6 9l6 6 6-6" })
+	});
+}
+function je({ size: e = 18 }) {
+	return /* @__PURE__ */ W(G, {
+		name: "close",
+		size: e,
+		children: /* @__PURE__ */ W("path", { d: "M6 6l12 12M18 6L6 18" })
+	});
+}
+var Me = "M7 11v9M7 11l3.5-7.2A1.8 1.8 0 0 1 14 4.6V9h4.6a2 2 0 0 1 2 2.3l-1.2 7A2 2 0 0 1 17.4 20H7M7 11H4.5A1.5 1.5 0 0 0 3 12.5v6A1.5 1.5 0 0 0 4.5 20H7";
+function Ne({ size: e = 16 }) {
+	return /* @__PURE__ */ W(G, {
+		name: "thumb-up",
+		size: e,
+		children: /* @__PURE__ */ W("path", { d: Me })
+	});
+}
+function Pe({ size: e = 16 }) {
+	return /* @__PURE__ */ W(G, {
+		name: "thumb-down",
+		size: e,
+		children: /* @__PURE__ */ W("path", {
+			d: Me,
+			transform: "matrix(1 0 0 -1 0 24)"
+		})
+	});
+}
+//#endregion
 //#region src/components/Launcher.tsx
-function Ee({ isOpen: e, onClick: t, logoUrl: n, buttonRef: r }) {
-	return /* @__PURE__ */ q("button", {
+function Fe({ isOpen: e, onClick: t, iconUrl: n, buttonRef: r }) {
+	let [i, a] = B("loading"), o = n !== void 0 && i !== "failed", s = o && !e && i === "loaded";
+	return /* @__PURE__ */ W("button", {
 		type: "button",
 		class: "whoo-widget-launcher",
 		onClick: t,
 		"aria-label": e ? "Close chat" : "Open chat",
 		ref: r,
-		children: e ? /* @__PURE__ */ q("span", {
-			"aria-hidden": "true",
-			children: "✕"
-		}) : n ? /* @__PURE__ */ q("img", {
-			class: "whoo-widget-launcher-logo",
+		children: [e ? /* @__PURE__ */ W(Ae, {}) : s ? null : /* @__PURE__ */ W(ke, {}), o ? /* @__PURE__ */ W("img", {
+			class: "whoo-widget-launcher-icon-image",
 			src: n,
-			alt: ""
-		}) : /* @__PURE__ */ q("span", {
-			"aria-hidden": "true",
-			children: "💬"
-		})
+			alt: "",
+			referrerpolicy: "no-referrer",
+			hidden: !s,
+			onLoad: () => a("loaded"),
+			onError: () => a("failed")
+		}) : null]
 	});
 }
 //#endregion
 //#region src/components/Composer.tsx
-function De({ value: e, onChange: t, onSend: n, disabled: r, inputRef: i }) {
-	return /* @__PURE__ */ q("div", {
+function Ie({ value: e, onChange: t, onSend: n, disabled: r, inputRef: i }) {
+	return /* @__PURE__ */ W("div", {
 		class: "whoo-widget-composer",
 		children: [
-			/* @__PURE__ */ q("label", {
+			/* @__PURE__ */ W("label", {
 				class: "whoo-widget-sr-only",
 				for: "whoo-widget-composer-input",
 				children: "Message"
 			}),
-			/* @__PURE__ */ q("input", {
+			/* @__PURE__ */ W("input", {
 				id: "whoo-widget-composer-input",
 				class: "whoo-widget-composer-input",
 				value: e,
@@ -456,7 +515,7 @@ function De({ value: e, onChange: t, onSend: n, disabled: r, inputRef: i }) {
 					e.key === "Enter" && n();
 				}
 			}),
-			/* @__PURE__ */ q("button", {
+			/* @__PURE__ */ W("button", {
 				type: "button",
 				class: "whoo-widget-composer-send",
 				onClick: n,
@@ -468,8 +527,8 @@ function De({ value: e, onChange: t, onSend: n, disabled: r, inputRef: i }) {
 }
 //#endregion
 //#region src/components/ErrorBanner.tsx
-function Oe({ message: e }) {
-	return /* @__PURE__ */ q("div", {
+function Le({ message: e }) {
+	return /* @__PURE__ */ W("div", {
 		class: "whoo-widget-error-banner",
 		role: "alert",
 		children: e
@@ -477,8 +536,8 @@ function Oe({ message: e }) {
 }
 //#endregion
 //#region src/markdown/tokenizer.ts
-var J = /\[([^\]]+)\]\((https?:\/\/[^\s)]+)\)/y, Y = /\*\*([^*]+)\*\*/y, X = /(?<![A-Za-z0-9_])_([^_\s](?:[^_]*[^_\s])?)_(?![A-Za-z0-9_])/y, Z = /\*([^*]+)\*/y, ke = /https?:\/\/\S+/y, Ae = /[.,;:!?)\]}>]+$/;
-function Q(e) {
+var K = /\[([^\]]+)\]\((https?:\/\/[^\s)]+)\)/y, q = /\*\*([^*]+)\*\*/y, J = /(?<![A-Za-z0-9_])_([^_\s](?:[^_]*[^_\s])?)_(?![A-Za-z0-9_])/y, Y = /\*([^*]+)\*/y, Re = /https?:\/\/\S+/y, ze = /[.,;:!?)\]}>]+$/;
+function Be(e) {
 	let t = [], n = 0, r = 0, i = (n) => {
 		n > r && t.push({
 			type: "text",
@@ -498,56 +557,56 @@ function Q(e) {
 			}
 		}
 		if (e[n - 1] !== "!") {
-			J.lastIndex = n;
-			let a = J.exec(e);
+			K.lastIndex = n;
+			let a = K.exec(e);
 			if (a) {
 				i(n), t.push({
 					type: "link",
 					text: a[1],
 					url: a[2],
 					start: n,
-					end: J.lastIndex
-				}), n = J.lastIndex, r = n;
+					end: K.lastIndex
+				}), n = K.lastIndex, r = n;
 				continue;
 			}
 		}
-		Y.lastIndex = n;
-		let a = Y.exec(e);
+		q.lastIndex = n;
+		let a = q.exec(e);
 		if (a) {
 			i(n), t.push({
 				type: "bold",
 				value: a[1],
 				start: n,
-				end: Y.lastIndex
-			}), n = Y.lastIndex, r = n;
+				end: q.lastIndex
+			}), n = q.lastIndex, r = n;
 			continue;
 		}
-		X.lastIndex = n;
-		let o = X.exec(e);
+		J.lastIndex = n;
+		let o = J.exec(e);
 		if (o) {
 			i(n), t.push({
 				type: "italic",
 				value: o[1],
 				start: n,
-				end: X.lastIndex
-			}), n = X.lastIndex, r = n;
+				end: J.lastIndex
+			}), n = J.lastIndex, r = n;
 			continue;
 		}
-		Z.lastIndex = n;
-		let s = Z.exec(e);
+		Y.lastIndex = n;
+		let s = Y.exec(e);
 		if (s) {
 			i(n), t.push({
 				type: "italic",
 				value: s[1],
 				start: n,
-				end: Z.lastIndex
-			}), n = Z.lastIndex, r = n;
+				end: Y.lastIndex
+			}), n = Y.lastIndex, r = n;
 			continue;
 		}
-		ke.lastIndex = n;
-		let c = ke.exec(e);
+		Re.lastIndex = n;
+		let c = Re.exec(e);
 		if (c) {
-			let e = c[0].match(Ae), a = e ? c[0].slice(0, c[0].length - e[0].length) : c[0];
+			let e = c[0].match(ze), a = e ? c[0].slice(0, c[0].length - e[0].length) : c[0];
 			if (a.length > 0) {
 				i(n), t.push({
 					type: "link",
@@ -565,16 +624,16 @@ function Q(e) {
 }
 //#endregion
 //#region src/markdown/render.tsx
-function je(e) {
-	return Q(e).map((e, t) => {
+function Ve(e) {
+	return Be(e).map((e, t) => {
 		switch (e.type) {
-			case "bold": return /* @__PURE__ */ q("strong", { children: e.value }, t);
-			case "italic": return /* @__PURE__ */ q("em", { children: e.value }, t);
-			case "link": return /* @__PURE__ */ q("a", {
+			case "bold": return /* @__PURE__ */ W("strong", { children: e.value }, t);
+			case "italic": return /* @__PURE__ */ W("em", { children: e.value }, t);
+			case "link": return /* @__PURE__ */ W("a", {
 				href: e.url,
 				target: "_blank",
 				rel: "noopener noreferrer",
-				children: [e.text, /* @__PURE__ */ q("span", {
+				children: [e.text, /* @__PURE__ */ W("span", {
 					class: "whoo-widget-sr-only",
 					children: " (opens in new tab)"
 				})]
@@ -585,7 +644,7 @@ function je(e) {
 }
 //#endregion
 //#region src/components/MessageFeedback.tsx
-var Me = [
+var He = [
 	{
 		value: "",
 		label: "Select a reason (optional)"
@@ -607,50 +666,50 @@ var Me = [
 		label: "Other"
 	}
 ];
-function Ne({ state: e, containerRef: t, onThumbsUp: n, onThumbsDown: r, onSubmitDetailed: i, onCancel: a }) {
-	let [o, s] = H(""), [c, l] = H(""), u = W(e.status);
-	if (U(() => {
+function Ue({ state: e, containerRef: t, onThumbsUp: n, onThumbsDown: r, onSubmitDetailed: i, onCancel: a }) {
+	let [o, s] = B(""), [c, l] = B(""), u = H(e.status);
+	if (V(() => {
 		let n = u.current;
 		if (u.current = e.status, n === e.status) return;
 		let r = t?.current;
 		if (!r) return;
 		let i = r.getRootNode();
 		r.contains(i.activeElement) || r.focus();
-	}, [e.status, t]), e.status === "submitted") return /* @__PURE__ */ q("div", {
+	}, [e.status, t]), e.status === "submitted") return /* @__PURE__ */ W("div", {
 		class: "whoo-widget-feedback-submitted",
 		role: "status",
 		children: "Thanks for the feedback"
 	});
-	if (e.status === "expanded") return /* @__PURE__ */ q("div", {
+	if (e.status === "expanded") return /* @__PURE__ */ W("div", {
 		class: "whoo-widget-feedback-form",
 		children: [
-			/* @__PURE__ */ q("label", { children: [/* @__PURE__ */ q("span", {
+			/* @__PURE__ */ W("label", { children: [/* @__PURE__ */ W("span", {
 				class: "whoo-widget-sr-only",
 				children: "Additional feedback"
-			}), /* @__PURE__ */ q("textarea", {
+			}), /* @__PURE__ */ W("textarea", {
 				class: "whoo-widget-feedback-textarea",
 				value: o,
 				onInput: (e) => s(e.target.value),
 				placeholder: "What was wrong? (optional)"
 			})] }),
-			/* @__PURE__ */ q("select", {
+			/* @__PURE__ */ W("select", {
 				class: "whoo-widget-feedback-select",
 				"aria-label": "Feedback category",
 				value: c,
 				onChange: (e) => l(e.target.value),
-				children: Me.map((e) => /* @__PURE__ */ q("option", {
+				children: He.map((e) => /* @__PURE__ */ W("option", {
 					value: e.value,
 					children: e.label
 				}, e.value))
 			}),
-			/* @__PURE__ */ q("div", {
+			/* @__PURE__ */ W("div", {
 				class: "whoo-widget-feedback-form-buttons",
-				children: [/* @__PURE__ */ q("button", {
+				children: [/* @__PURE__ */ W("button", {
 					type: "button",
 					class: "whoo-widget-feedback-submit",
 					onClick: () => i(o, c),
 					children: "Submit"
-				}), /* @__PURE__ */ q("button", {
+				}), /* @__PURE__ */ W("button", {
 					type: "button",
 					class: "whoo-widget-feedback-cancel",
 					onClick: a,
@@ -660,24 +719,24 @@ function Ne({ state: e, containerRef: t, onThumbsUp: n, onThumbsDown: r, onSubmi
 		]
 	});
 	let d = e.status === "submitting";
-	return /* @__PURE__ */ q("div", {
+	return /* @__PURE__ */ W("div", {
 		class: "whoo-widget-feedback",
-		children: [/* @__PURE__ */ q("div", {
+		children: [/* @__PURE__ */ W("div", {
 			class: "whoo-widget-feedback-buttons",
-			children: [/* @__PURE__ */ q("button", {
+			children: [/* @__PURE__ */ W("button", {
 				type: "button",
 				"aria-label": "Good response",
 				disabled: d,
 				onClick: n,
-				children: "👍"
-			}), /* @__PURE__ */ q("button", {
+				children: /* @__PURE__ */ W(Ne, {})
+			}), /* @__PURE__ */ W("button", {
 				type: "button",
 				"aria-label": "Bad response",
 				disabled: d,
 				onClick: r,
-				children: "👎"
+				children: /* @__PURE__ */ W(Pe, {})
 			})]
-		}), e.status === "error" ? /* @__PURE__ */ q("div", {
+		}), e.status === "error" ? /* @__PURE__ */ W("div", {
 			class: "whoo-widget-feedback-error",
 			role: "status",
 			children: "Couldn't send feedback"
@@ -686,39 +745,69 @@ function Ne({ state: e, containerRef: t, onThumbsUp: n, onThumbsDown: r, onSubmi
 }
 //#endregion
 //#region src/components/MessageList.tsx
-function Pe({ message: e, feedbackState: t, onThumbsUp: n, onThumbsDown: r, onSubmitDetailed: i, onCancelFeedback: a }) {
-	let o = W(null), s = e.id;
-	return /* @__PURE__ */ q("div", {
-		ref: o,
+function We({ isSlowResponse: e }) {
+	return /* @__PURE__ */ W("div", {
+		class: "whoo-widget-pending",
+		role: "status",
+		children: [/* @__PURE__ */ W("span", {
+			class: "whoo-widget-typing",
+			"aria-hidden": "true",
+			children: [
+				/* @__PURE__ */ W("span", {}),
+				/* @__PURE__ */ W("span", {}),
+				/* @__PURE__ */ W("span", {})
+			]
+		}), e ? /* @__PURE__ */ W("span", {
+			class: "whoo-widget-pending-text",
+			children: "Looking that up for you…"
+		}) : null]
+	});
+}
+function Ge({ url: e, alt: t }) {
+	let [n, r] = B(!1);
+	return n ? null : /* @__PURE__ */ W("img", {
+		class: "whoo-widget-empty-state-image",
+		src: e,
+		alt: t,
+		referrerpolicy: "no-referrer",
+		onError: () => r(!0)
+	});
+}
+function Ke({ message: e, feedbackState: t, pending: n, isSlowResponse: r, onThumbsUp: i, onThumbsDown: a, onSubmitDetailed: o, onCancelFeedback: s }) {
+	let c = H(null), l = e.id;
+	return /* @__PURE__ */ W("div", {
+		ref: c,
 		tabIndex: -1,
 		class: `whoo-widget-message whoo-widget-message--${e.role}`,
-		children: [je(e.content), e.role === "assistant" && s ? /* @__PURE__ */ q(Ne, {
+		children: [n ? /* @__PURE__ */ W(We, { isSlowResponse: r }) : Ve(e.content), e.role === "assistant" && l ? /* @__PURE__ */ W(Ue, {
 			state: t,
-			containerRef: o,
-			onThumbsUp: () => n(s),
-			onThumbsDown: () => r(s),
-			onSubmitDetailed: (e, t) => i(s, e, t),
-			onCancel: () => a(s)
+			containerRef: c,
+			onThumbsUp: () => i(l),
+			onThumbsDown: () => a(l),
+			onSubmitDetailed: (e, t) => o(l, e, t),
+			onCancel: () => s(l)
 		}) : null]
 	});
 }
-function Fe({ messages: e, messageFeedback: t, lastCompletedMessageText: n, onThumbsUp: r, onThumbsDown: i, onSubmitDetailed: a, onCancelFeedback: o }) {
-	let s = W(null);
-	return U(() => {
-		let e = s.current;
+function qe({ messages: e, messageFeedback: t, lastCompletedMessageText: n, emptyStateImage: r, isStreaming: i = !1, isSlowResponse: a = !1, onThumbsUp: o, onThumbsDown: s, onSubmitDetailed: c, onCancelFeedback: l }) {
+	let u = H(null);
+	return V(() => {
+		let e = u.current;
 		e && (e.scrollTop = e.scrollHeight);
-	}, [e]), /* @__PURE__ */ q(C, { children: [/* @__PURE__ */ q("div", {
+	}, [e, a]), /* @__PURE__ */ W(C, { children: [/* @__PURE__ */ W("div", {
 		class: "whoo-widget-message-list",
-		ref: s,
-		children: e.map((e, n) => /* @__PURE__ */ q(Pe, {
-			message: e,
-			feedbackState: e.id ? t[e.id] ?? { status: "idle" } : { status: "idle" },
-			onThumbsUp: r,
-			onThumbsDown: i,
-			onSubmitDetailed: a,
-			onCancelFeedback: o
-		}, e.id ?? n))
-	}), /* @__PURE__ */ q("div", {
+		ref: u,
+		children: [r ? /* @__PURE__ */ W(Ge, { ...r }) : null, e.map((n, r) => /* @__PURE__ */ W(Ke, {
+			message: n,
+			feedbackState: n.id ? t[n.id] ?? { status: "idle" } : { status: "idle" },
+			pending: i && r === e.length - 1 && n.role === "assistant" && n.content === "",
+			isSlowResponse: a,
+			onThumbsUp: o,
+			onThumbsDown: s,
+			onSubmitDetailed: c,
+			onCancelFeedback: l
+		}, n.id ?? r))]
+	}), /* @__PURE__ */ W("div", {
 		class: "whoo-widget-sr-only",
 		"aria-live": "polite",
 		"aria-atomic": "true",
@@ -727,96 +816,109 @@ function Fe({ messages: e, messageFeedback: t, lastCompletedMessageText: n, onTh
 }
 //#endregion
 //#region src/components/Panel.tsx
-var Ie = "button:not(:disabled), [href], input:not(:disabled), select:not(:disabled), textarea:not(:disabled), [tabindex]:not([tabindex=\"-1\"])";
-function Le(e) {
-	return Array.from(e.querySelectorAll(Ie)).filter((e) => {
+var Je = "button:not(:disabled), [href], input:not(:disabled), select:not(:disabled), textarea:not(:disabled), [tabindex]:not([tabindex=\"-1\"])";
+function Ye(e) {
+	return Array.from(e.querySelectorAll(Je)).filter((e) => {
 		let t = getComputedStyle(e);
 		return t.display !== "none" && t.visibility !== "hidden";
 	});
 }
-function Re({ state: e, controller: t, greeting: n }) {
-	let [r, i] = H(""), a = W(null), o = W(null);
-	U(() => {
-		o.current?.focus();
+function Xe({ state: e, controller: t, greeting: n }) {
+	let r = H(null), i = H(null);
+	V(() => {
+		i.current?.focus();
 	}, []);
-	let s = (e) => {
+	let a = (e) => {
 		if (e.key === "Escape") {
 			t.close();
 			return;
 		}
 		if (e.key !== "Tab") return;
-		let n = a.current;
+		let n = r.current;
 		if (!n) return;
-		let r = Le(n);
-		if (r.length === 0) return;
-		let i = r[0], o = r[r.length - 1], s = n.getRootNode().activeElement;
+		let i = Ye(n);
+		if (i.length === 0) return;
+		let a = i[0], o = i[i.length - 1], s = n.getRootNode().activeElement;
 		if (!n.contains(s)) {
-			e.preventDefault(), i.focus();
+			e.preventDefault(), a.focus();
 			return;
 		}
-		e.shiftKey && s === i ? (e.preventDefault(), o.focus()) : !e.shiftKey && s === o && (e.preventDefault(), i.focus());
-	}, c = () => {
-		let n = r.trim();
-		!n || e.isStreaming || (i(""), t.sendMessage(n));
-	}, l = e.messages.length === 0 && n ? [{
+		e.shiftKey && s === a ? (e.preventDefault(), o.focus()) : !e.shiftKey && s === o && (e.preventDefault(), a.focus());
+	}, o = () => {
+		let n = e.draft.trim();
+		n && !e.isStreaming && (t.setDraft(""), t.sendMessage(n));
+	}, s = `Chat with ${e.agentName ?? (t.config.name?.trim() || "Aiden")}`, c = e.messages.length === 0 && n ? [{
 		role: "assistant",
 		content: n,
 		id: null
-	}] : e.messages;
-	return /* @__PURE__ */ q("div", {
+	}] : e.messages, l = t.emptyStateImageUrl, u = e.messages.length === 0 && l ? {
+		url: l,
+		alt: t.emptyStateImageAlt
+	} : void 0;
+	return /* @__PURE__ */ W("div", {
 		class: "whoo-widget-panel",
 		role: "dialog",
 		"aria-modal": "true",
-		"aria-label": "Chat with Aiden",
-		ref: a,
-		onKeyDown: s,
+		"aria-label": s,
+		ref: r,
+		onKeyDown: a,
 		children: [
-			/* @__PURE__ */ q("div", {
+			/* @__PURE__ */ W("div", {
 				class: "whoo-widget-header",
-				children: [/* @__PURE__ */ q("button", {
-					type: "button",
-					class: "whoo-widget-header-close",
-					onClick: () => t.close(),
-					children: "Close chat"
-				}), e.messages.length > 0 && /* @__PURE__ */ q("button", {
-					type: "button",
-					class: "whoo-widget-header-reset",
-					onClick: () => t.resetConversation(),
-					children: "New conversation"
+				children: [/* @__PURE__ */ W("h2", {
+					class: "whoo-widget-header-title",
+					children: s
+				}), /* @__PURE__ */ W("div", {
+					class: "whoo-widget-header-actions",
+					children: [e.messages.length > 0 && /* @__PURE__ */ W("button", {
+						type: "button",
+						class: "whoo-widget-header-reset",
+						onClick: () => t.resetConversation(),
+						children: "New conversation"
+					}), /* @__PURE__ */ W("button", {
+						type: "button",
+						class: "whoo-widget-header-close",
+						"aria-label": "Close chat",
+						onClick: () => t.close(),
+						children: /* @__PURE__ */ W(je, {})
+					})]
 				})]
 			}),
-			/* @__PURE__ */ q(Fe, {
-				messages: l,
+			/* @__PURE__ */ W(qe, {
+				messages: c,
 				messageFeedback: e.messageFeedback,
 				lastCompletedMessageText: e.lastCompletedMessageText,
+				emptyStateImage: u,
+				isStreaming: e.isStreaming,
+				isSlowResponse: e.isSlowResponse,
 				onThumbsUp: (e) => t.submitFeedback(e, "up"),
 				onThumbsDown: (e) => t.expandFeedback(e),
 				onSubmitDetailed: (e, n, r) => t.submitFeedback(e, "down", n || void 0, r || void 0),
 				onCancelFeedback: (e) => t.cancelFeedback(e)
 			}),
-			e.runtimeError && /* @__PURE__ */ q(Oe, { message: e.runtimeError }),
-			/* @__PURE__ */ q(De, {
-				value: r,
-				onChange: i,
-				onSend: c,
+			e.runtimeError && /* @__PURE__ */ W(Le, { message: e.runtimeError }),
+			/* @__PURE__ */ W(Ie, {
+				value: e.draft,
+				onChange: (e) => t.setDraft(e),
+				onSend: o,
 				disabled: e.isStreaming,
-				inputRef: o
+				inputRef: i
 			})
 		]
 	});
 }
 //#endregion
 //#region src/components/App.tsx
-function ze({ controller: e }) {
-	let [t, n] = H(e.getState()), r = W(null), i = W(t.isOpen);
-	return U(() => (n(e.getState()), e.subscribe(n)), [e]), U(() => {
+function Ze({ controller: e }) {
+	let [t, n] = B(e.getState()), r = H(null), i = H(t.isOpen);
+	return V(() => (n(e.getState()), e.subscribe(n)), [e]), V(() => {
 		i.current && !t.isOpen && r.current?.focus(), i.current = t.isOpen;
-	}, [t.isOpen]), t.initError ? null : /* @__PURE__ */ q(C, { children: [/* @__PURE__ */ q(Ee, {
+	}, [t.isOpen]), t.initError ? null : /* @__PURE__ */ W(C, { children: [/* @__PURE__ */ W(Fe, {
 		isOpen: t.isOpen,
 		onClick: () => t.isOpen ? e.close() : e.open(),
-		logoUrl: e.config.logoUrl,
+		iconUrl: e.launcherIconUrl,
 		buttonRef: r
-	}), t.isOpen && /* @__PURE__ */ q(Re, {
+	}), t.isOpen && /* @__PURE__ */ W(Xe, {
 		state: t,
 		controller: e,
 		greeting: e.config.greeting
@@ -824,26 +926,34 @@ function ze({ controller: e }) {
 }
 //#endregion
 //#region src/api/client.ts
-var Be = class extends Error {
+var Qe = class extends Error {
 	status;
 	constructor(e, t) {
 		super(e), this.name = "WidgetApiError", this.status = t;
 	}
 };
-async function Ve(e, t) {
+function $e(e) {
+	if (typeof e != "string") return null;
+	let t = e.trim();
+	return t === "" ? null : t;
+}
+async function et(e, t) {
 	let n = await fetch(`${e}/api/v1/widget/session`, {
 		method: "POST",
 		headers: { "Content-Type": "application/json" },
 		body: JSON.stringify({ publishable_key: t })
 	});
-	if (!n.ok) throw new Be(`Failed to create widget session (${n.status})`, n.status);
+	if (!n.ok) throw new Qe(`Failed to create widget session (${n.status})`, n.status);
 	let r = await n.json();
 	return {
 		token: r.token,
-		primaryColor: r.primary_color ?? null
+		primaryColor: r.primary_color ?? null,
+		name: $e(r.name),
+		accentColor: $e(r.accent_color),
+		inkColor: $e(r.ink_color)
 	};
 }
-async function He(e, t, n) {
+async function tt(e, t, n) {
 	let r = await fetch(`${e}/api/v1/widget/feedback`, {
 		method: "POST",
 		headers: {
@@ -857,11 +967,11 @@ async function He(e, t, n) {
 			category: n.category ?? null
 		})
 	});
-	if (!r.ok) throw new Be(`Feedback submission failed (${r.status})`, r.status);
+	if (!r.ok) throw new Qe(`Feedback submission failed (${r.status})`, r.status);
 }
 //#endregion
 //#region src/api/sse.ts
-async function* Ue(e, t, n, r, i) {
+async function* nt(e, t, n, r, i) {
 	let a = await fetch(`${e}/api/v1/widget/chat`, {
 		method: "POST",
 		headers: {
@@ -874,7 +984,7 @@ async function* Ue(e, t, n, r, i) {
 		}),
 		signal: i
 	});
-	if (!a.ok || !a.body) throw new Be(`Chat request failed (${a.status})`, a.status);
+	if (!a.ok || !a.body) throw new Qe(`Chat request failed (${a.status})`, a.status);
 	let o = a.body.getReader(), s = new TextDecoder(), c = "";
 	for (;;) {
 		let { done: e, value: t } = await o.read();
@@ -885,11 +995,11 @@ async function* Ue(e, t, n, r, i) {
 			let e = c.slice(0, n);
 			c = c.slice(n + 2);
 			let t = e.split("\n").find((e) => e.startsWith("data: "));
-			t && (yield We(JSON.parse(t.slice(6)))), n = c.indexOf("\n\n");
+			t && (yield rt(JSON.parse(t.slice(6)))), n = c.indexOf("\n\n");
 		}
 	}
 }
-function We(e) {
+function rt(e) {
 	return typeof e.error == "string" ? {
 		type: "error",
 		error: e.error,
@@ -911,17 +1021,28 @@ function We(e) {
 	};
 }
 //#endregion
+//#region src/imageUrl.ts
+function it(e, t) {
+	if (e != null && e !== "") {
+		if (typeof e == "string") try {
+			let t = new URL(e);
+			if (t.protocol === "https:" || t.protocol === "data:" && t.pathname.toLowerCase().startsWith("image/")) return e;
+		} catch {}
+		console.warn(`whoo-aiden-widget: ignoring \`${t}\` -- only https: and data:image/ URLs are allowed.`);
+	}
+}
+//#endregion
 //#region src/markdown/reveal.ts
-var Ge = 40, Ke = 120;
-function qe(e) {
+var at = 40, ot = 120;
+function st(e) {
 	let t = [];
-	for (let n of Q(e)) if (n.type === "text") {
+	for (let n of Be(e)) if (n.type === "text") {
 		let e = n.value.split(/(\s+)/), r = n.start;
 		for (let n of e) r += n.length, n.trim().length > 0 && t.push(r);
 	} else t.push(n.end);
 	return t;
 }
-function Je(e) {
+function ct(e) {
 	let t = null;
 	return e?.addEventListener("abort", () => {
 		t?.();
@@ -936,36 +1057,36 @@ function Je(e) {
 		});
 	};
 }
-async function Ye(e, t, n) {
-	let r = n?.wordIntervalMs ?? Ge, i = n?.tokenIntervalMs ?? Ke, a = n?.signal, o = Q(e), s = new Set(o.filter((e) => e.type !== "text").map((e) => e.end)), c = Je(a), l = "";
-	for (let n of qe(e)) if (a?.aborted || (l = e.slice(0, n), t(l), await c(s.has(n) ? i : r), a?.aborted)) return;
+async function lt(e, t, n) {
+	let r = n?.wordIntervalMs ?? at, i = n?.tokenIntervalMs ?? ot, a = n?.signal, o = Be(e), s = new Set(o.filter((e) => e.type !== "text").map((e) => e.end)), c = ct(a), l = "";
+	for (let n of st(e)) if (a?.aborted || (l = e.slice(0, n), t(l), await c(s.has(n) ? i : r), a?.aborted)) return;
 	l !== e && t(e);
 }
 //#endregion
 //#region src/storage.ts
-function Xe(e) {
+function ut(e) {
 	return `whoo-aiden-widget:conversation:${e}`;
 }
-function Ze(e) {
+function dt(e) {
 	try {
-		return window.sessionStorage.getItem(Xe(e));
+		return window.sessionStorage.getItem(ut(e));
 	} catch {
 		return null;
 	}
 }
-function Qe(e, t) {
+function ft(e, t) {
 	try {
-		window.sessionStorage.setItem(Xe(e), t);
+		window.sessionStorage.setItem(ut(e), t);
 	} catch {}
 }
-function $e(e) {
+function pt(e) {
 	try {
-		window.sessionStorage.removeItem(Xe(e));
+		window.sessionStorage.removeItem(ut(e));
 	} catch {}
 }
 //#endregion
 //#region src/controller.ts
-var et = class {
+var mt = 8e3, ht = class {
 	config;
 	state;
 	listeners = /* @__PURE__ */ new Set();
@@ -973,9 +1094,13 @@ var et = class {
 	conversationId = null;
 	storageIdentifier;
 	activeRequestController = null;
+	slowResponseTimer = null;
 	prefersReducedMotion;
+	launcherIconUrl;
+	emptyStateImageUrl;
+	emptyStateImageAlt;
 	constructor(e) {
-		this.config = e, this.storageIdentifier = e.publishableKey ?? "session-token-mode", this.prefersReducedMotion = typeof window.matchMedia == "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches, this.state = {
+		this.config = e, this.launcherIconUrl = it(e.launcherIconUrl, "launcherIconUrl"), this.emptyStateImageUrl = it(e.emptyStateImageUrl, "emptyStateImageUrl"), this.emptyStateImageAlt = typeof e.emptyStateImageAlt == "string" ? e.emptyStateImageAlt.trim() : "", this.storageIdentifier = e.publishableKey ?? "session-token-mode", this.prefersReducedMotion = typeof window.matchMedia == "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches, this.state = {
 			isOpen: !1,
 			messages: [],
 			isStreaming: !1,
@@ -983,7 +1108,12 @@ var et = class {
 			runtimeError: null,
 			messageFeedback: {},
 			primaryColor: null,
-			lastCompletedMessageText: null
+			agentName: null,
+			accentColor: null,
+			inkColor: null,
+			lastCompletedMessageText: null,
+			isSlowResponse: !1,
+			draft: ""
 		};
 	}
 	getState() {
@@ -992,6 +1122,9 @@ var et = class {
 	subscribe(e) {
 		return this.listeners.add(e), () => this.listeners.delete(e);
 	}
+	clearSlowResponse() {
+		this.slowResponseTimer !== null && (clearTimeout(this.slowResponseTimer), this.slowResponseTimer = null), this.state.isSlowResponse && this.setState({ isSlowResponse: !1 });
+	}
 	setState(e) {
 		this.state = {
 			...this.state,
@@ -1004,20 +1137,25 @@ var et = class {
 		try {
 			if (this.config.sessionToken) this.sessionToken = this.config.sessionToken;
 			else if (this.config.publishableKey) {
-				let { token: t, primaryColor: n } = await Ve(e, this.config.publishableKey);
-				this.sessionToken = t, this.setState({ primaryColor: n });
+				let { token: t, primaryColor: n, name: r, accentColor: i, inkColor: a } = await et(e, this.config.publishableKey);
+				this.sessionToken = t, this.setState({
+					primaryColor: n,
+					agentName: r,
+					accentColor: i,
+					inkColor: a
+				});
 			} else throw Error("WidgetConfig must include exactly one of publishableKey or sessionToken");
 		} catch (e) {
 			console.error("[whoo-aiden-widget] initialization failed:", e), this.setState({ initError: e instanceof Error ? e.message : String(e) });
 			return;
 		}
-		this.conversationId = Ze(this.storageIdentifier);
+		this.conversationId = dt(this.storageIdentifier);
 	}
 	open() {
 		this.setState({ isOpen: !0 });
 	}
 	resetConversation() {
-		this.activeRequestController?.abort(), this.activeRequestController = null, this.conversationId = null, $e(this.storageIdentifier), this.setState({
+		this.activeRequestController?.abort(), this.activeRequestController = null, this.clearSlowResponse(), this.conversationId = null, pt(this.storageIdentifier), this.setState({
 			messages: [],
 			messageFeedback: {},
 			runtimeError: null,
@@ -1025,8 +1163,11 @@ var et = class {
 			lastCompletedMessageText: null
 		});
 	}
+	setDraft(e) {
+		this.setState({ draft: e });
+	}
 	close() {
-		this.activeRequestController?.abort(), this.activeRequestController = null, this.setState({ isOpen: !1 });
+		this.activeRequestController?.abort(), this.activeRequestController = null, this.clearSlowResponse(), this.setState({ isOpen: !1 });
 	}
 	async sendMessage(e) {
 		if (!this.sessionToken) return;
@@ -1056,24 +1197,36 @@ var et = class {
 			}, this.setState({ messages: t });
 		};
 		this.activeRequestController = new AbortController();
-		let { signal: a } = this.activeRequestController, o = "";
+		let { signal: a } = this.activeRequestController;
+		this.slowResponseTimer = setTimeout(() => {
+			this.slowResponseTimer = null, this.setState({ isSlowResponse: !0 });
+		}, mt);
+		let o = () => {
+			this.setState({
+				runtimeError: "Something went wrong, please try again.",
+				...this.state.draft === "" ? { draft: e } : {}
+			});
+		}, s = "";
 		try {
-			for await (let n of Ue(t, this.sessionToken, this.conversationId, e, a)) if (n.type === "conversation_id") this.conversationId = n.conversationId, Qe(this.storageIdentifier, n.conversationId);
-			else if (n.type === "delta") n.verbatim && !this.prefersReducedMotion ? (await Ye(n.delta, (e) => i(e), { signal: a }), o = n.delta) : n.verbatim ? (o = n.delta, i(o)) : (o += n.delta, i(o));
+			for await (let n of nt(t, this.sessionToken, this.conversationId, e, a)) if (n.type === "conversation_id") this.conversationId = n.conversationId, ft(this.storageIdentifier, n.conversationId);
+			else if (n.type === "delta") this.clearSlowResponse(), n.verbatim && !this.prefersReducedMotion ? (await lt(n.delta, (e) => i(e), { signal: a }), s = n.delta) : n.verbatim ? (s = n.delta, i(s)) : (s += n.delta, i(s));
 			else if (n.type === "done") {
-				if (n.conversationId && (this.conversationId = n.conversationId, Qe(this.storageIdentifier, n.conversationId)), n.messageId) {
+				if (n.conversationId && (this.conversationId = n.conversationId, ft(this.storageIdentifier, n.conversationId)), n.messageId) {
 					let e = [...this.state.messages];
 					e[e.length - 1] = {
 						...e[e.length - 1],
 						id: n.messageId
 					}, this.setState({ messages: e });
 				}
-				this.setState({ lastCompletedMessageText: o });
-			} else n.type === "error" && (console.error("[whoo-aiden-widget] chat error:", n.error), this.setState({ runtimeError: "Something went wrong, please try again." }));
+				this.setState({ lastCompletedMessageText: s });
+			} else if (n.type === "error") {
+				console.error("[whoo-aiden-widget] chat error:", n.error), o(), this.activeRequestController?.abort();
+				break;
+			}
 		} catch (e) {
-			e?.name === "AbortError" || (console.error("[whoo-aiden-widget] chat request failed:", e), this.setState({ runtimeError: "Something went wrong, please try again." }));
+			e?.name === "AbortError" || (console.error("[whoo-aiden-widget] chat request failed:", e), o());
 		} finally {
-			this.activeRequestController = null, this.setState({ isStreaming: !1 });
+			this.activeRequestController = null, this.clearSlowResponse(), this.setState({ isStreaming: !1 });
 		}
 	}
 	expandFeedback(e) {
@@ -1099,7 +1252,7 @@ var et = class {
 			}
 		} });
 		try {
-			await He(i, this.sessionToken, {
+			await tt(i, this.sessionToken, {
 				messageId: e,
 				rating: t,
 				correction: n,
@@ -1121,73 +1274,117 @@ var et = class {
 			} });
 		}
 	}
-}, tt = ":host,.whoo-widget-root{all:initial;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.whoo-widget-launcher{bottom:20px;left:var(--whoo-widget-inset-left,auto);right:var(--whoo-widget-inset-right,20px);background:var(--whoo-widget-color,#4f46e5);width:56px;height:56px;color:var(--whoo-widget-text-on-color,#fff);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:24px;display:flex;position:fixed;box-shadow:0 2px 8px #0003}.whoo-widget-launcher:focus-visible{box-shadow:0 2px 8px #0003,0 0 0 4px #fff}.whoo-widget-launcher-logo{object-fit:cover;border-radius:50%;width:32px;height:32px}.whoo-widget-panel{bottom:88px;left:var(--whoo-widget-inset-left,auto);right:var(--whoo-widget-inset-right,20px);background:#fff;border-radius:12px;flex-direction:column;width:360px;height:480px;max-height:90vh;display:flex;position:fixed;overflow:hidden;box-shadow:0 4px 16px #0003}.whoo-widget-header{flex-shrink:0;justify-content:space-between;align-items:center;padding:8px 12px 0;display:flex}.whoo-widget-header-close,.whoo-widget-header-reset{color:var(--whoo-widget-color,#4f46e5);cursor:pointer;background:0 0;border:none;padding:4px 6px;font-size:12px}.whoo-widget-message-list{flex:1;min-height:100px;padding:12px;overflow-y:auto}.whoo-widget-message{border-radius:8px;max-width:80%;margin-bottom:8px;padding:8px 12px}.whoo-widget-message--user{background:var(--whoo-widget-color,#4f46e5);color:var(--whoo-widget-text-on-color,#fff);margin-left:auto}.whoo-widget-message--assistant{color:#111;background:#f0f0f0}.whoo-widget-error-banner{color:#991b1b;background:#fee2e2;padding:8px 12px;font-size:13px}.whoo-widget-composer{border-top:1px solid #e5e5e5;gap:8px;padding:12px;display:flex}.whoo-widget-composer-input{border:1px solid #6b7280;border-radius:6px;flex:1;padding:8px}.whoo-widget-composer-send{background:var(--whoo-widget-color,#4f46e5);color:var(--whoo-widget-text-on-color,#fff);cursor:pointer;border:none;border-radius:6px;padding:8px 16px}.whoo-widget-composer-send:disabled,.whoo-widget-composer-input[aria-disabled=true]{opacity:.6;cursor:not-allowed}.whoo-widget-feedback{align-items:center;gap:6px;margin-top:4px;display:flex}.whoo-widget-feedback-buttons{gap:6px;display:flex}.whoo-widget-feedback-buttons button{cursor:pointer;opacity:.6;background:0 0;border:none;padding:2px 4px;font-size:14px}.whoo-widget-feedback-buttons button:disabled{opacity:.3;cursor:not-allowed}.whoo-widget-feedback-form{flex-direction:column;gap:6px;margin-top:6px;display:flex}.whoo-widget-feedback-textarea{box-sizing:border-box;resize:vertical;border:1px solid #6b7280;border-radius:6px;width:100%;padding:6px;font-size:12px}.whoo-widget-feedback-select{border:1px solid #6b7280;border-radius:6px;padding:4px;font-size:12px}.whoo-widget-feedback-form-buttons{gap:6px;display:flex}.whoo-widget-feedback-submit{background:var(--whoo-widget-color,#4f46e5);color:var(--whoo-widget-text-on-color,#fff);cursor:pointer;border:none;border-radius:6px;padding:8px 16px;font-size:13px}.whoo-widget-feedback-cancel{color:#111;cursor:pointer;background:#fff;border:1px solid #6b7280;border-radius:6px;padding:8px 16px;font-size:13px}.whoo-widget-feedback-submitted{color:#6b7280;margin-top:4px;font-size:12px}.whoo-widget-feedback-error{color:#991b1b;font-size:12px}.whoo-widget-sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,a:focus-visible{outline-offset:2px;outline:2px solid #111827;box-shadow:0 0 0 4px #fff}";
-//#endregion
-//#region src/theme.ts
-function nt(e) {
+}, gt = ":host,.whoo-widget-root{all:initial;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.whoo-widget-launcher{bottom:20px;left:var(--whoo-widget-inset-left,auto);right:var(--whoo-widget-inset-right,20px);background:var(--whoo-widget-color,#4f46e5);width:56px;height:56px;color:var(--whoo-widget-text-on-color,#fff);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:24px;display:flex;position:fixed;box-shadow:0 2px 8px #0003}.whoo-widget-launcher:focus-visible{box-shadow:0 2px 8px #0003,0 0 0 4px #fff}.whoo-widget-launcher svg{display:block}.whoo-widget-launcher-icon-image{object-fit:cover;border-radius:50%;width:32px;height:32px}.whoo-widget-launcher-icon-image[hidden]{display:none}.whoo-widget-panel{bottom:88px;left:var(--whoo-widget-inset-left,auto);right:var(--whoo-widget-inset-right,20px);background:#fff;border-radius:12px;flex-direction:column;width:360px;max-width:calc(100vw - 40px);height:480px;max-height:calc(100vh - 108px);display:flex;position:fixed;overflow:hidden;box-shadow:0 4px 16px #0003}@media (width<=400px),(height<=420px){.whoo-widget-panel{width:auto;max-width:none;height:auto;max-height:none;inset:8px}}.whoo-widget-header{border-bottom:1px solid #e5e5e5;flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;padding:8px 8px 8px 16px;display:flex}.whoo-widget-header-title{color:var(--whoo-widget-ink,#111);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:15px;font-weight:600;overflow:hidden}.whoo-widget-header-actions{flex-shrink:0;align-items:center;gap:4px;display:flex}.whoo-widget-header-close,.whoo-widget-header-reset{color:var(--whoo-widget-color-text,#4f46e5);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;min-width:24px;min-height:24px;padding:4px 8px;font-size:13px;display:inline-flex}.whoo-widget-header-close{width:32px;height:32px;padding:0}.whoo-widget-header-close:hover,.whoo-widget-header-reset:hover{background:#f3f4f6}.whoo-widget-message-list{flex:1;min-height:100px;padding:12px;overflow-y:auto}.whoo-widget-empty-state-image{object-fit:contain;max-width:min(160px,100%);height:auto;max-height:160px;margin:8px auto 16px;display:block}@media (width<=400px),(height<=420px){.whoo-widget-empty-state-image{max-height:64px;margin:0 auto 8px}}.whoo-widget-message{border-radius:8px;max-width:80%;margin-bottom:8px;padding:8px 12px}.whoo-widget-message--user{background:var(--whoo-widget-color,#4f46e5);color:var(--whoo-widget-text-on-color,#fff);margin-left:auto}.whoo-widget-message--user a{color:inherit}.whoo-widget-message--assistant{color:var(--whoo-widget-ink,#111);background:#f0f0f0}.whoo-widget-message--assistant a{color:var(--whoo-widget-link-color,LinkText)}.whoo-widget-pending{flex-wrap:wrap;align-items:center;gap:8px;min-height:1.2em;display:flex}.whoo-widget-typing{align-items:center;gap:4px;display:inline-flex}.whoo-widget-typing span{background:#6b7280;border-radius:50%;width:6px;height:6px;animation:1.2s ease-in-out infinite whoo-widget-typing-bounce}.whoo-widget-typing span:nth-child(2){animation-delay:.2s}.whoo-widget-typing span:nth-child(3){animation-delay:.4s}@keyframes whoo-widget-typing-bounce{0%,80%,to{transform:translateY(0)}40%{transform:translateY(-4px)}}@media (prefers-reduced-motion:reduce){.whoo-widget-typing span{animation:none}}.whoo-widget-error-banner{color:#991b1b;background:#fee2e2;padding:8px 12px;font-size:13px}.whoo-widget-composer{border-top:1px solid #e5e5e5;gap:8px;padding:12px;display:flex}.whoo-widget-composer-input{border:1px solid #6b7280;border-radius:6px;flex:1;padding:8px}.whoo-widget-composer-send{background:var(--whoo-widget-color,#4f46e5);color:var(--whoo-widget-text-on-color,#fff);cursor:pointer;border:none;border-radius:6px;padding:8px 16px}.whoo-widget-composer-send:disabled,.whoo-widget-composer-input[aria-disabled=true]{opacity:.6;cursor:not-allowed}.whoo-widget-feedback{align-items:center;gap:6px;margin-top:4px;display:flex}.whoo-widget-feedback-buttons{gap:6px;display:flex}.whoo-widget-feedback-buttons button{cursor:pointer;color:#4b5563;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;min-width:24px;min-height:24px;padding:4px;display:inline-flex}.whoo-widget-feedback-buttons button:hover:not(:disabled){color:#111;background:#0000000f}.whoo-widget-feedback-buttons button:disabled{opacity:.3;cursor:not-allowed}.whoo-widget-feedback-form{flex-direction:column;gap:6px;margin-top:6px;display:flex}.whoo-widget-feedback-textarea{box-sizing:border-box;resize:vertical;border:1px solid #6b7280;border-radius:6px;width:100%;padding:6px;font-size:12px}.whoo-widget-feedback-select{border:1px solid #6b7280;border-radius:6px;min-height:24px;padding:4px;font-size:12px}.whoo-widget-feedback-form-buttons{gap:6px;display:flex}.whoo-widget-feedback-submit{background:var(--whoo-widget-color,#4f46e5);color:var(--whoo-widget-text-on-color,#fff);cursor:pointer;border:none;border-radius:6px;padding:8px 16px;font-size:13px}.whoo-widget-feedback-cancel{color:#111;cursor:pointer;background:#fff;border:1px solid #6b7280;border-radius:6px;padding:8px 16px;font-size:13px}.whoo-widget-feedback-submitted{color:#6b7280;margin-top:4px;font-size:12px}.whoo-widget-feedback-error{color:#991b1b;font-size:12px}.whoo-widget-sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,a:focus-visible{outline-offset:2px;outline:2px solid #111827;box-shadow:0 0 0 4px #fff}", _t = /^(inherit|initial|unset|revert|revert-layer)$|\bcurrentcolor\b|\b(var|env|attr|light-dark)\(/i;
+function X(e) {
+	if (_t.test(e.trim())) return null;
 	let t = document.createElement("div");
 	if (t.style.color = e, t.style.color === "") return null;
-	document.body.appendChild(t);
-	let n = getComputedStyle(t).color;
-	document.body.removeChild(t);
-	let r = n.match(/rgba?\((\d+),\s*(\d+),\s*(\d+)/);
-	return r ? [
-		Number(r[1]),
-		Number(r[2]),
-		Number(r[3])
-	] : null;
+	let n = document.createElement("div");
+	n.attachShadow({ mode: "open" }).appendChild(t), document.body.appendChild(n);
+	let r = getComputedStyle(t).color;
+	n.remove();
+	let i = r.match(/rgba?\((\d+),\s*(\d+),\s*(\d+)(?:,\s*([\d.]+))?/);
+	if (!i) return null;
+	let a = i[4] === void 0 ? 1 : Number(i[4]);
+	return {
+		rgb: [
+			Number(i[1]),
+			Number(i[2]),
+			Number(i[3])
+		].map((e) => Math.round(e * a + 255 * (1 - a))),
+		translucent: a < 1
+	};
 }
-function $([e, t, n]) {
+function vt(e) {
+	return X(e)?.rgb ?? null;
+}
+function Z([e, t, n]) {
 	let r = (e) => {
 		let t = e / 255;
 		return t <= .03928 ? t / 12.92 : ((t + .055) / 1.055) ** 2.4;
 	};
 	return .2126 * r(e) + .7152 * r(t) + .0722 * r(n);
 }
-function rt(e, t) {
+function yt(e, t) {
 	let n = Math.max(e, t), r = Math.min(e, t);
 	return (n + .05) / (r + .05);
 }
-function it(e) {
-	let t = nt(e);
+function bt(e) {
+	let t = vt(e);
 	if (!t) return console.warn(`[whoo-aiden-widget] Could not parse color "${e}" for contrast calculation; defaulting to white text.`), "#ffffff";
-	let n = $(t);
-	return rt(n, $([
+	let n = Z(t);
+	return yt(n, Z([
 		0,
 		0,
 		0
-	])) >= rt(n, $([
+	])) >= yt(n, Z([
 		255,
 		255,
 		255
 	])) ? "#000000" : "#ffffff";
 }
-function at(e, t) {
-	let n = t.color ?? "#4f46e5";
-	e.style.setProperty("--whoo-widget-color", n), e.style.setProperty("--whoo-widget-text-on-color", it(n));
-	let r = t.position === "bottom-left";
-	e.style.setProperty("--whoo-widget-inset-left", r ? "20px" : "auto"), e.style.setProperty("--whoo-widget-inset-right", r ? "auto" : "20px");
+var Q = "#4f46e5", xt = "#ffffff", St = "#f0f0f0", Ct = 4.5;
+function $([e, t, n]) {
+	return `#${[
+		e,
+		t,
+		n
+	].map((e) => e.toString(16).padStart(2, "0")).join("")}`;
+}
+function wt(e, t = xt) {
+	let n = vt(e), r = vt(t);
+	if (!n || !r) return Q;
+	let i = Z(r), a = (e) => yt(Z(e), i) >= Ct;
+	if (a(n)) return $(n);
+	for (let e = .99; e > 0; e -= .01) {
+		let t = n.map((t) => Math.round(t * e));
+		if (a(t)) return $(t);
+	}
+	return "#000000";
+}
+function Tt(e, t, n = Q) {
+	let r = X(t);
+	r ||= (console.warn(`[whoo-aiden-widget] Could not use "${t}" as the theme color; falling back to "${n}".`), X(n));
+	let i = r ? $(r.rgb) : Q;
+	e.style.setProperty("--whoo-widget-color", i), e.style.setProperty("--whoo-widget-text-on-color", bt(i)), e.style.setProperty("--whoo-widget-color-text", wt(i));
+}
+function Et(e, { inkColor: t, accentColor: n }) {
+	let r = (e) => {
+		let t = e === null ? null : X(e);
+		return t ? wt($(t.rgb), St) : null;
+	}, i = r(t), a = r(n);
+	i && e.style.setProperty("--whoo-widget-ink", i), a && e.style.setProperty("--whoo-widget-link-color", a);
+}
+function Dt(e, t) {
+	Tt(e, t.color ?? Q);
+	let n = t.position === "bottom-left";
+	e.style.setProperty("--whoo-widget-inset-left", n ? "20px" : "auto"), e.style.setProperty("--whoo-widget-inset-right", n ? "auto" : "20px");
 }
 //#endregion
 //#region src/mount.tsx
-function ot(e) {
+function Ot(e) {
 	let t = document.createElement("div");
 	t.id = "whoo-aiden-widget-host";
 	let n = t.attachShadow({ mode: "open" }), r = document.createElement("style");
-	r.textContent = tt, n.appendChild(r);
+	r.textContent = gt, n.appendChild(r);
 	let i = document.createElement("div");
-	n.appendChild(i), at(i, e);
-	let a = new et(e);
-	return a.subscribe((e) => {
-		e.primaryColor && (i.style.setProperty("--whoo-widget-color", e.primaryColor), i.style.setProperty("--whoo-widget-text-on-color", it(e.primaryColor)));
-	}), ce(/* @__PURE__ */ q(ze, { controller: a }), i), a.init(), document.body.appendChild(t), { unmount() {
-		ce(null, i), t.remove();
+	n.appendChild(i), Dt(i, e);
+	let a = new ht(e), o = null, s = "";
+	return a.subscribe((t) => {
+		t.primaryColor && t.primaryColor !== o && (o = t.primaryColor, Tt(i, t.primaryColor, e.color));
+		let n = `${t.inkColor}|${t.accentColor}`;
+		(t.inkColor || t.accentColor) && n !== s && (s = n, Et(i, {
+			inkColor: t.inkColor,
+			accentColor: t.accentColor
+		}));
+	}), le(/* @__PURE__ */ W(Ze, { controller: a }), i), a.init(), document.body.appendChild(t), { unmount() {
+		le(null, i), t.remove();
 	} };
 }
 //#endregion
 //#region src/index.ts
-function st(t) {
-	return e(t), ot(t);
+function kt(t) {
+	return e(t), Ot(t);
 }
 //#endregion
-export { st as init };
+export { kt as init };