@plures/design-dojo 0.2.0 → 0.3.0

package/dist/index.js

@@ -1,6 +1,6 @@
 import "svelte/internal/disclose-version";
 import * as e from "svelte/internal/client";
-import { getContext as Re, setContext as Se } from "svelte";
+import { getContext as Be, setContext as Fe, untrack as ge } from "svelte";
 const He = {
   /** Gentle hover, focus ring expansion */
   gentle: { stiffness: 120, damping: 14, mass: 1, restThreshold: 0.01 },
@@ -13,657 +13,1285 @@ const He = {
   /** Tooltip, popover */
   quick: { stiffness: 500, damping: 30, mass: 0.5, restThreshold: 0.01 }
 };
-function Ne(y, t, w) {
-  const { stiffness: p, damping: u, mass: f } = t, m = y.value - y.target, v = -p * m, D = -u * y.velocity, r = (v + D) / f, k = y.velocity + r * w, A = y.value + k * w, o = Math.abs(k) < t.restThreshold && Math.abs(A - y.target) < t.restThreshold;
+function Re(H, t, S) {
+  const { stiffness: f, damping: l, mass: x } = t, y = H.value - H.target, p = -f * y, w = -l * H.velocity, v = (p + w) / x, P = H.velocity + v * S, R = H.value + P * S, M = Math.abs(P) < t.restThreshold && Math.abs(R - H.target) < t.restThreshold;
   return {
-    value: o ? y.target : A,
-    velocity: o ? 0 : k,
-    target: y.target,
-    done: o
+    value: M ? H.target : R,
+    velocity: M ? 0 : P,
+    target: H.target,
+    done: M
   };
 }
-function ve(y, t = "snappy", w) {
-  const p = typeof t == "string" ? He[t] : t;
-  let u = {
-    value: y,
+function fe(H, t = "snappy", S) {
+  const f = typeof t == "string" ? He[t] : t;
+  let l = {
+    value: H,
     velocity: 0,
-    target: y,
+    target: H,
     done: !0
-  }, f = null, m = null;
-  function v(r) {
-    m === null && (m = r);
-    const k = Math.min((r - m) / 1e3, 0.064);
-    m = r, u = Ne(u, p, k), w(u.value), u.done ? (f = null, m = null) : f = requestAnimationFrame(v);
+  }, x = null, y = null;
+  function p(v) {
+    y === null && (y = v);
+    const P = Math.min((v - y) / 1e3, 0.064);
+    y = v, l = Re(l, f, P), S(l.value), l.done ? (x = null, y = null) : x = requestAnimationFrame(p);
   }
-  function D() {
-    f === null && (m = null, f = requestAnimationFrame(v));
+  function w() {
+    x === null && (y = null, x = requestAnimationFrame(p));
   }
   return {
     /** Set a new target value. Animation starts automatically. */
-    set(r) {
-      u.target = r, u.done = !1, D();
+    set(v) {
+      l.target = v, l.done = !1, w();
     },
     /** Jump to value immediately (no animation). */
-    jump(r) {
-      u = { value: r, velocity: 0, target: r, done: !0 }, w(r);
+    jump(v) {
+      l = { value: v, velocity: 0, target: v, done: !0 }, S(v);
     },
     /** Add velocity impulse (e.g., from a flick gesture). */
-    impulse(r) {
-      u.velocity += r, u.done = !1, D();
+    impulse(v) {
+      l.velocity += v, l.done = !1, w();
     },
     /** Stop animation. */
     stop() {
-      f !== null && (cancelAnimationFrame(f), f = null, m = null);
+      x !== null && (cancelAnimationFrame(x), x = null, y = null);
     },
     /** Get current value. */
     get value() {
-      return u.value;
+      return l.value;
     },
     /** Whether the spring has settled. */
     get done() {
-      return u.done;
+      return l.done;
     }
   };
 }
-const Ee = Symbol("tui");
-function Ve(y) {
-  Se(Ee, y);
+const Ne = Symbol("tui");
+function Ke(H) {
+  Fe(Ne, H);
 }
-function fe() {
-  return Re(Ee) ?? (() => !1);
+function me() {
+  return Be(Ne) ?? (() => !1);
 }
-var qe = e.from_html('<span class="tui-border-l svelte-5blyfe">╠</span><!><span class="tui-border-r svelte-5blyfe">╣</span>', 1), ze = e.from_html("<button><!></button>");
-function _t(y, t) {
+var Oe = e.from_html('<span class="tui-border-l svelte-5blyfe">╠</span><!><span class="tui-border-r svelte-5blyfe">╣</span>', 1), qe = e.from_html("<button><!></button>");
+function $t(H, t) {
   e.push(t, !0);
-  let w = e.prop(t, "variant", 3, "solid"), p = e.prop(t, "size", 3, "md"), u = e.prop(t, "disabled", 3, !1), f = e.prop(t, "tui", 3, !1);
-  const m = fe(), v = e.derived(() => f() || m());
-  let D = e.state(void 0), r = e.state(1), k = e.state(1), A = e.state(0), o, h, C;
-  const c = typeof window < "u" ? window.matchMedia("(prefers-reduced-motion: reduce)").matches : !1;
+  let S = e.prop(t, "variant", 3, "solid"), f = e.prop(t, "size", 3, "md"), l = e.prop(t, "disabled", 3, !1), x = e.prop(t, "tui", 3, !1);
+  const y = me(), p = e.derived(() => x() || y());
+  let w = e.state(void 0), v = e.state(1), P = e.state(1), R = e.state(0), M, C, U;
+  const I = typeof window < "u" ? window.matchMedia("(prefers-reduced-motion: reduce)").matches : !1;
   e.user_effect(() => {
-    if (!c)
-      return o = ve(1, "snappy", (L) => e.set(r, L, !0)), h = ve(1, "snappy", (L) => e.set(k, L, !0)), C = ve(0, "gentle", (L) => e.set(A, L, !0)), () => {
-        o == null || o.stop(), h == null || h.stop(), C == null || C.stop();
+    if (!I)
+      return M = fe(1, "snappy", (E) => e.set(v, E, !0)), C = fe(1, "snappy", (E) => e.set(P, E, !0)), U = fe(0, "gentle", (E) => e.set(R, E, !0)), () => {
+        M == null || M.stop(), C == null || C.stop(), U == null || U.stop();
       };
   });
-  function l() {
-    u() || c || (o == null || o.set(0.96), h == null || h.set(0.3));
+  function b() {
+    l() || I || (M == null || M.set(0.96), C == null || C.set(0.3));
   }
-  function T() {
-    u() || c || (o == null || o.set(1), h == null || h.set(1));
+  function g() {
+    l() || I || (M == null || M.set(1), C == null || C.set(1));
   }
-  function a() {
-    u() || c || (o == null || o.set(1), h == null || h.set(1));
+  function d() {
+    l() || I || (M == null || M.set(1), C == null || C.set(1));
   }
-  function E() {
-    if (c) {
-      e.set(A, 1);
+  function L() {
+    if (I) {
+      e.set(R, 1);
       return;
     }
-    C == null || C.set(1);
+    U == null || U.set(1);
   }
-  function q() {
-    if (c) {
-      e.set(A, 0);
+  function h() {
+    if (I) {
+      e.set(R, 0);
       return;
     }
-    C == null || C.set(0);
+    U == null || U.set(0);
   }
-  var P = ze();
-  let F, ee;
-  var ie = e.child(P);
+  var m = qe();
+  let i, _;
+  var k = e.child(m);
   {
-    var re = (L) => {
-      var z = qe(), Y = e.sibling(e.first_child(z));
-      e.snippet(Y, () => t.children), e.next(), e.append(L, z);
-    }, O = (L) => {
-      var z = e.comment(), Y = e.first_child(z);
-      e.snippet(Y, () => t.children), e.append(L, z);
+    var G = (E) => {
+      var K = Oe(), j = e.sibling(e.first_child(K));
+      e.snippet(j, () => t.children), e.next(), e.append(E, K);
+    }, o = (E) => {
+      var K = e.comment(), j = e.first_child(K);
+      e.snippet(j, () => t.children), e.append(E, K);
     };
-    e.if(ie, (L) => {
-      e.get(v) ? L(re) : L(O, !1);
+    e.if(k, (E) => {
+      e.get(p) ? E(G) : E(o, !1);
     });
   }
-  e.reset(P), e.bind_this(P, (L) => e.set(D, L), () => e.get(D)), e.template_effect(() => {
-    F = e.set_class(P, 1, `btn btn-${w() ?? ""} btn-${p() ?? ""}`, "svelte-5blyfe", F, { disabled: u(), tui: e.get(v) }), P.disabled = u(), ee = e.set_style(P, "", ee, {
-      transform: e.get(v) ? void 0 : `scale(${e.get(r)})`,
-      "--shadow-depth": e.get(v) ? void 0 : e.get(k),
-      "--focus-opacity": e.get(A)
+  e.reset(m), e.bind_this(m, (E) => e.set(w, E), () => e.get(w)), e.template_effect(() => {
+    i = e.set_class(m, 1, `btn btn-${S() ?? ""} btn-${f() ?? ""}`, "svelte-5blyfe", i, { disabled: l(), tui: e.get(p) }), m.disabled = l(), _ = e.set_style(m, "", _, {
+      transform: e.get(p) ? void 0 : `scale(${e.get(v)})`,
+      "--shadow-depth": e.get(p) ? void 0 : e.get(P),
+      "--focus-opacity": e.get(R)
     });
-  }), e.delegated("click", P, function(...L) {
-    var z;
-    (z = t.onclick) == null || z.apply(this, L);
-  }), e.delegated("pointerdown", P, l), e.delegated("pointerup", P, T), e.event("pointerleave", P, a), e.event("focus", P, E), e.event("blur", P, q), e.append(y, P), e.pop();
+  }), e.delegated("click", m, function(...E) {
+    var K;
+    (K = t.onclick) == null || K.apply(this, E);
+  }), e.delegated("pointerdown", m, b), e.delegated("pointerup", m, g), e.event("pointerleave", m, d), e.event("focus", m, L), e.event("blur", m, h), e.append(H, m), e.pop();
 }
 e.delegate(["click", "pointerdown", "pointerup"]);
-var Ke = e.from_html('<span class="toggle-label svelte-197v0i2"> </span>'), Ge = e.from_html('<label><!> <div class="toggle-track svelte-197v0i2" role="switch"><div class="toggle-thumb svelte-197v0i2"></div></div></label>');
-function gt(y, t) {
+var Ve = e.from_html('<span class="toggle-label svelte-197v0i2"> </span>'), je = e.from_html('<label><!> <div class="toggle-track svelte-197v0i2" role="switch"><div class="toggle-thumb svelte-197v0i2"></div></div></label>');
+function Ge(H, t) {
   e.push(t, !0);
-  let w = e.prop(t, "checked", 15, !1), p = e.prop(t, "disabled", 3, !1), u = e.prop(t, "label", 3, ""), f = e.state(e.proxy(w() ? 1 : 0)), m = e.state(0);
-  const v = typeof window < "u" ? window.matchMedia("(prefers-reduced-motion: reduce)").matches : !1;
-  let D, r;
+  let S = e.prop(t, "checked", 15, !1), f = e.prop(t, "disabled", 3, !1), l = e.prop(t, "label", 3, ""), x = e.state(e.proxy(S() ? 1 : 0)), y = e.state(0);
+  const p = typeof window < "u" ? window.matchMedia("(prefers-reduced-motion: reduce)").matches : !1;
+  let w, v;
   e.user_effect(() => {
-    if (!v)
-      return D = ve(w() ? 1 : 0, "snappy", (a) => e.set(f, a, !0)), r = ve(0, "gentle", (a) => e.set(m, a, !0)), () => {
-        D == null || D.stop(), r == null || r.stop();
+    if (!p)
+      return w = fe(S() ? 1 : 0, "snappy", (d) => e.set(x, d, !0)), v = fe(0, "gentle", (d) => e.set(y, d, !0)), () => {
+        w == null || w.stop(), v == null || v.stop();
       };
   }), e.user_effect(() => {
-    v ? e.set(f, w() ? 1 : 0, !0) : D == null || D.set(w() ? 1 : 0);
+    p ? e.set(x, S() ? 1 : 0, !0) : w == null || w.set(S() ? 1 : 0);
   });
-  function k() {
-    var a;
-    p() || (w(!w()), (a = t.onchange) == null || a.call(t, w()));
+  function P() {
+    var d;
+    f() || (S(!S()), (d = t.onchange) == null || d.call(t, S()));
   }
-  function A(a) {
-    (a.key === " " || a.key === "Enter") && (a.preventDefault(), k());
+  function R(d) {
+    (d.key === " " || d.key === "Enter") && (d.preventDefault(), P());
   }
-  var o = Ge();
-  let h;
-  var C = e.child(o);
+  var M = je();
+  let C;
+  var U = e.child(M);
   {
-    var c = (a) => {
-      var E = Ke(), q = e.child(E, !0);
-      e.reset(E), e.template_effect(() => e.set_text(q, u())), e.append(a, E);
+    var I = (d) => {
+      var L = Ve(), h = e.child(L, !0);
+      e.reset(L), e.template_effect(() => e.set_text(h, l())), e.append(d, L);
     };
-    e.if(C, (a) => {
-      u() && a(c);
+    e.if(U, (d) => {
+      l() && d(I);
     });
   }
-  var l = e.sibling(C, 2);
-  let T;
-  e.reset(o), e.template_effect(
-    (a) => {
-      h = e.set_class(o, 1, "toggle-wrapper svelte-197v0i2", null, h, { disabled: p() }), e.set_attribute(l, "aria-checked", w()), e.set_attribute(l, "tabindex", p() ? -1 : 0), T = e.set_style(l, "", T, a);
+  var b = e.sibling(U, 2);
+  let g;
+  e.reset(M), e.template_effect(
+    (d) => {
+      C = e.set_class(M, 1, "toggle-wrapper svelte-197v0i2", null, C, { disabled: f() }), e.set_attribute(b, "aria-checked", S()), e.set_attribute(b, "tabindex", f() ? -1 : 0), g = e.set_style(b, "", g, d);
     },
     [
       () => ({
-        "--thumb-x": e.get(f),
-        "--track-color": `color-mix(in srgb, var(--color-accent, #6366f1) ${Math.round(e.get(f) * 100)}%, var(--surface-2, #2a2a2a) ${Math.round((1 - e.get(f)) * 100)}%)`,
-        "--focus-opacity": e.get(m)
+        "--thumb-x": e.get(x),
+        "--track-color": `color-mix(in srgb, var(--color-accent, #6366f1) ${Math.round(e.get(x) * 100)}%, var(--surface-2, #2a2a2a) ${Math.round((1 - e.get(x)) * 100)}%)`,
+        "--focus-opacity": e.get(y)
       })
     ]
-  ), e.delegated("click", l, k), e.delegated("keydown", l, A), e.event("focus", l, () => v ? e.set(m, 1) : r == null ? void 0 : r.set(1)), e.event("blur", l, () => v ? e.set(m, 0) : r == null ? void 0 : r.set(0)), e.append(y, o), e.pop();
+  ), e.delegated("click", b, P), e.delegated("keydown", b, R), e.event("focus", b, () => p ? e.set(y, 1) : v == null ? void 0 : v.set(1)), e.event("blur", b, () => p ? e.set(y, 0) : v == null ? void 0 : v.set(0)), e.append(H, M), e.pop();
 }
 e.delegate(["click", "keydown"]);
-var Je = e.from_html('<div class="tui-panel svelte-1ps7oei"><div class="tui-panel-top svelte-1ps7oei"> </div> <div class="tui-panel-body svelte-1ps7oei"><span class="tui-panel-side svelte-1ps7oei">║</span> <div class="tui-panel-content svelte-1ps7oei"><!></div> <span class="tui-panel-side svelte-1ps7oei">║</span></div> <div class="tui-panel-bottom svelte-1ps7oei"> </div></div>'), Oe = e.from_html('<div class="glass svelte-1ps7oei"><!></div>');
-function ht(y, t) {
+var Ye = e.from_html('<div class="tui-panel svelte-1ps7oei"><div class="tui-panel-top svelte-1ps7oei"> </div> <div class="tui-panel-body svelte-1ps7oei"><span class="tui-panel-side svelte-1ps7oei">║</span> <div class="tui-panel-content svelte-1ps7oei"><!></div> <span class="tui-panel-side svelte-1ps7oei">║</span></div> <div class="tui-panel-bottom svelte-1ps7oei"> </div></div>'), Je = e.from_html('<div class="glass svelte-1ps7oei"><!></div>');
+function ea(H, t) {
   e.push(t, !0);
-  let w = e.prop(t, "blur", 3, 20), p = e.prop(t, "opacity", 3, 0.6), u = e.prop(t, "radius", 3, "var(--radius-md, 10px)"), f = e.prop(t, "padding", 3, "var(--space-4, 16px)"), m = e.prop(t, "tui", 3, !1), v = e.prop(t, "cols", 3, 20);
-  const D = fe(), r = e.derived(() => m() || D()), k = e.derived(() => "═".repeat(v()));
-  var A = e.comment(), o = e.first_child(A);
+  let S = e.prop(t, "blur", 3, 20), f = e.prop(t, "opacity", 3, 0.6), l = e.prop(t, "radius", 3, "var(--radius-md, 10px)"), x = e.prop(t, "padding", 3, "var(--space-4, 16px)"), y = e.prop(t, "tui", 3, !1), p = e.prop(t, "cols", 3, 20);
+  const w = me(), v = e.derived(() => y() || w()), P = e.derived(() => "═".repeat(p()));
+  var R = e.comment(), M = e.first_child(R);
   {
-    var h = (c) => {
-      var l = Je();
-      let T;
-      var a = e.child(l), E = e.child(a);
-      e.reset(a);
-      var q = e.sibling(a, 2), P = e.sibling(e.child(q), 2), F = e.child(P);
-      e.snippet(F, () => t.children), e.reset(P), e.next(2), e.reset(q);
-      var ee = e.sibling(q, 2), ie = e.child(ee);
-      e.reset(ee), e.reset(l), e.template_effect(() => {
-        T = e.set_style(l, "", T, { padding: f() }), e.set_text(E, `╔${e.get(k) ?? ""}╗`), e.set_text(ie, `╚${e.get(k) ?? ""}╝`);
-      }), e.append(c, l);
-    }, C = (c) => {
-      var l = Oe();
-      let T;
-      var a = e.child(l);
-      e.snippet(a, () => t.children), e.reset(l), e.template_effect(() => T = e.set_style(l, "", T, {
-        "--blur": `${w() ?? ""}px`,
-        "--bg-opacity": p(),
-        "border-radius": u(),
-        padding: f()
-      })), e.append(c, l);
+    var C = (I) => {
+      var b = Ye();
+      let g;
+      var d = e.child(b), L = e.child(d);
+      e.reset(d);
+      var h = e.sibling(d, 2), m = e.sibling(e.child(h), 2), i = e.child(m);
+      e.snippet(i, () => t.children), e.reset(m), e.next(2), e.reset(h);
+      var _ = e.sibling(h, 2), k = e.child(_);
+      e.reset(_), e.reset(b), e.template_effect(() => {
+        g = e.set_style(b, "", g, { padding: x() }), e.set_text(L, `╔${e.get(P) ?? ""}╗`), e.set_text(k, `╚${e.get(P) ?? ""}╝`);
+      }), e.append(I, b);
+    }, U = (I) => {
+      var b = Je();
+      let g;
+      var d = e.child(b);
+      e.snippet(d, () => t.children), e.reset(b), e.template_effect(() => g = e.set_style(b, "", g, {
+        "--blur": `${S() ?? ""}px`,
+        "--bg-opacity": f(),
+        "border-radius": l(),
+        padding: x()
+      })), e.append(I, b);
     };
-    e.if(o, (c) => {
-      e.get(r) ? c(h) : c(C, !1);
+    e.if(M, (I) => {
+      e.get(v) ? I(C) : I(U, !1);
     });
   }
-  e.append(y, A), e.pop();
+  e.append(H, R), e.pop();
 }
-var je = e.from_html('<div><div class="chat-tui__msg-border svelte-10e5u2c" aria-hidden="true"> </div> <div class="chat-tui__msg-body svelte-10e5u2c"><span class="chat-tui__msg-side svelte-10e5u2c" aria-hidden="true">│</span> <div class="chat-tui__msg-content svelte-10e5u2c"> </div> <span class="chat-tui__msg-side svelte-10e5u2c" aria-hidden="true">│</span></div> <div class="chat-tui__msg-border svelte-10e5u2c" aria-hidden="true"> </div></div>'), Qe = e.from_html('<div class="chat-tui__indicator svelte-10e5u2c" role="status" aria-live="polite"><span tabindex="0" role="button" class="svelte-10e5u2c"> </span></div>'), We = e.from_html('<div tabindex="0" role="log" aria-live="polite" aria-label="Chat messages"><div class="chat-tui__border svelte-10e5u2c" aria-hidden="true"></div> <div class="chat-tui__body svelte-10e5u2c"><span class="chat-tui__side svelte-10e5u2c" aria-hidden="true">│</span> <div class="chat-tui__content svelte-10e5u2c"><!> <!></div> <span class="chat-tui__side svelte-10e5u2c" aria-hidden="true">│</span></div> <div class="chat-tui__border svelte-10e5u2c" aria-hidden="true"></div></div>'), Xe = e.from_html('<span class="chat-gui__msg-time svelte-10e5u2c"> </span>'), Ye = e.from_html('<div><div class="chat-gui__msg-header svelte-10e5u2c"><span class="chat-gui__msg-author svelte-10e5u2c"> </span> <!></div> <div class="chat-gui__msg-body svelte-10e5u2c"> </div></div>'), Ze = e.from_html('<button class="chat-gui__indicator svelte-10e5u2c" aria-live="polite" aria-label="Jump to latest messages"> </button>'), $e = e.from_html('<div role="log" aria-live="polite" aria-label="Chat messages"><div class="chat-gui__scroll svelte-10e5u2c" tabindex="0" role="region" aria-label="Scrollable message history"><div class="chat-gui__messages svelte-10e5u2c"><!> <div class="chat-gui__sentinel svelte-10e5u2c" aria-hidden="true"></div></div></div> <!></div>');
-function ft(y, t) {
+var We = e.from_html('<div><div class="chat-tui__msg-border svelte-10e5u2c" aria-hidden="true"> </div> <div class="chat-tui__msg-body svelte-10e5u2c"><span class="chat-tui__msg-side svelte-10e5u2c" aria-hidden="true">│</span> <div class="chat-tui__msg-content svelte-10e5u2c"> </div> <span class="chat-tui__msg-side svelte-10e5u2c" aria-hidden="true">│</span></div> <div class="chat-tui__msg-border svelte-10e5u2c" aria-hidden="true"> </div></div>'), Qe = e.from_html('<div class="chat-tui__indicator svelte-10e5u2c" role="status" aria-live="polite"><span tabindex="0" role="button" class="svelte-10e5u2c"> </span></div>'), Xe = e.from_html('<div tabindex="0" role="log" aria-live="polite" aria-label="Chat messages"><div class="chat-tui__border svelte-10e5u2c" aria-hidden="true"></div> <div class="chat-tui__body svelte-10e5u2c"><span class="chat-tui__side svelte-10e5u2c" aria-hidden="true">│</span> <div class="chat-tui__content svelte-10e5u2c"><!> <!></div> <span class="chat-tui__side svelte-10e5u2c" aria-hidden="true">│</span></div> <div class="chat-tui__border svelte-10e5u2c" aria-hidden="true"></div></div>'), Ze = e.from_html('<span class="chat-gui__msg-time svelte-10e5u2c"> </span>'), $e = e.from_html('<div><div class="chat-gui__msg-header svelte-10e5u2c"><span class="chat-gui__msg-author svelte-10e5u2c"> </span> <!></div> <div class="chat-gui__msg-body svelte-10e5u2c"> </div></div>'), et = e.from_html('<button class="chat-gui__indicator svelte-10e5u2c" aria-live="polite" aria-label="Jump to latest messages"> </button>'), tt = e.from_html('<div role="log" aria-live="polite" aria-label="Chat messages"><div class="chat-gui__scroll svelte-10e5u2c" tabindex="0" role="region" aria-label="Scrollable message history"><div class="chat-gui__messages svelte-10e5u2c"><!> <div class="chat-gui__sentinel svelte-10e5u2c" aria-hidden="true"></div></div></div> <!></div>');
+function ta(H, t) {
   e.push(t, !0);
-  let w = e.prop(t, "tui", 3, !1), p = e.prop(t, "showTimestamps", 3, !0), u = e.prop(t, "class", 3, "");
-  const f = fe(), m = e.derived(() => w() || f());
-  Ve(() => e.get(m));
-  let v = e.state(void 0), D = e.state(void 0), r = e.state(!0), k = e.state(0), A = e.state(0), o = e.state(0);
+  let S = e.prop(t, "tui", 3, !1), f = e.prop(t, "showTimestamps", 3, !0), l = e.prop(t, "class", 3, "");
+  const x = me(), y = e.derived(() => S() || x());
+  Ke(() => e.get(y));
+  let p = e.state(void 0), w = e.state(void 0), v = e.state(!0), P = e.state(0), R = e.state(0), M = e.state(0);
   e.user_effect(() => {
-    const i = t.messages.length;
-    if (i !== e.get(o)) {
-      const B = i - e.get(o);
-      e.set(o, i, !0), e.get(r) ? (e.set(k, 0), e.set(A, i, !0), h()) : B > 0 && e.set(k, e.get(k) + B);
+    const c = t.messages.length;
+    if (c !== e.get(M)) {
+      const z = c - e.get(M);
+      e.set(M, c, !0), e.get(v) ? (e.set(P, 0), e.set(R, c, !0), C()) : z > 0 && e.set(P, e.get(P) + z);
     }
   });
-  function h() {
-    typeof requestAnimationFrame < "u" && requestAnimationFrame(() => C());
-  }
   function C() {
-    e.get(v) && (e.get(v).scrollTop = e.get(v).scrollHeight);
+    typeof requestAnimationFrame < "u" && requestAnimationFrame(() => U());
   }
-  function c() {
-    var i;
-    e.set(r, !0), e.set(k, 0), e.set(A, t.messages.length, !0), C(), (i = t.onscrolltolatest) == null || i.call(t);
+  function U() {
+    e.get(p) && (e.get(p).scrollTop = e.get(p).scrollHeight);
+  }
+  function I() {
+    var c;
+    e.set(v, !0), e.set(P, 0), e.set(R, t.messages.length, !0), U(), (c = t.onscrolltolatest) == null || c.call(t);
   }
-  function l() {
-    if (!e.get(v)) return;
-    const { scrollTop: i, scrollHeight: B, clientHeight: K } = e.get(v), s = B - i - K, d = e.get(r);
+  function b() {
+    if (!e.get(p)) return;
+    const { scrollTop: c, scrollHeight: z, clientHeight: B } = e.get(p), a = z - c - B, s = e.get(v);
     e.set(
-      r,
-      s < 8
+      v,
+      a < 8
       // 8px tolerance
-    ), e.get(r) && !d && (e.set(k, 0), e.set(A, t.messages.length, !0));
+    ), e.get(v) && !s && (e.set(P, 0), e.set(R, t.messages.length, !0));
   }
-  function T(i) {
-    if (!e.get(v)) return;
-    const { clientHeight: B } = e.get(v);
-    switch (i.key) {
+  function g(c) {
+    if (!e.get(p)) return;
+    const { clientHeight: z } = e.get(p);
+    switch (c.key) {
       case "PageUp":
-        i.preventDefault(), e.get(v).scrollBy({ top: -B, behavior: "smooth" });
+        c.preventDefault(), e.get(p).scrollBy({ top: -z, behavior: "smooth" });
         break;
       case "PageDown":
-        i.preventDefault(), e.get(v).scrollBy({ top: B, behavior: "smooth" });
+        c.preventDefault(), e.get(p).scrollBy({ top: z, behavior: "smooth" });
         break;
       case "Home":
-        i.preventDefault(), e.get(v).scrollTo({ top: 0, behavior: "smooth" });
+        c.preventDefault(), e.get(p).scrollTo({ top: 0, behavior: "smooth" });
         break;
       case "End":
-        i.preventDefault(), C();
+        c.preventDefault(), U();
         break;
     }
   }
-  let a = e.state(0);
-  const E = 10, q = e.derived(() => e.get(a) >= Math.max(0, t.messages.length - E)), P = e.derived(() => e.get(q) ? 0 : Math.max(0, t.messages.length - (e.get(a) + E))), F = e.derived(() => t.messages.slice(e.get(a), e.get(a) + E));
+  let d = e.state(0);
+  const L = 10, h = e.derived(() => e.get(d) >= Math.max(0, t.messages.length - L)), m = e.derived(() => e.get(h) ? 0 : Math.max(0, t.messages.length - (e.get(d) + L))), i = e.derived(() => t.messages.slice(e.get(d), e.get(d) + L));
   e.user_effect(() => {
-    e.get(m) && e.get(q) && e.set(a, Math.max(0, t.messages.length - E), !0);
+    e.get(y) && e.get(h) && e.set(d, Math.max(0, t.messages.length - L), !0);
   });
-  function ee() {
-    e.set(a, Math.max(0, e.get(a) - 1), !0);
+  function _() {
+    e.set(d, Math.max(0, e.get(d) - 1), !0);
   }
-  function ie() {
-    e.set(a, Math.min(Math.max(0, t.messages.length - E), e.get(a) + 1), !0);
+  function k() {
+    e.set(d, Math.min(Math.max(0, t.messages.length - L), e.get(d) + 1), !0);
   }
-  function re() {
-    e.set(a, Math.max(0, e.get(a) - E), !0);
+  function G() {
+    e.set(d, Math.max(0, e.get(d) - L), !0);
   }
-  function O() {
-    e.set(a, Math.min(Math.max(0, t.messages.length - E), e.get(a) + E), !0);
+  function o() {
+    e.set(d, Math.min(Math.max(0, t.messages.length - L), e.get(d) + L), !0);
   }
-  function L() {
-    e.set(a, 0);
+  function E() {
+    e.set(d, 0);
   }
-  function z() {
-    e.set(a, Math.max(0, t.messages.length - E), !0);
+  function K() {
+    e.set(d, Math.max(0, t.messages.length - L), !0);
   }
-  function Y() {
-    var i;
-    z(), (i = t.onscrolltolatest) == null || i.call(t);
+  function j() {
+    var c;
+    K(), (c = t.onscrolltolatest) == null || c.call(t);
   }
-  function _e(i) {
-    switch (i.key) {
+  function Y(c) {
+    switch (c.key) {
       case "ArrowUp":
-        i.preventDefault(), ee();
+        c.preventDefault(), _();
         break;
       case "ArrowDown":
-        i.preventDefault(), ie();
+        c.preventDefault(), k();
         break;
       case "PageUp":
-        i.preventDefault(), re();
+        c.preventDefault(), G();
         break;
       case "PageDown":
-        i.preventDefault(), O();
+        c.preventDefault(), o();
         break;
       case "Home":
-        i.preventDefault(), L();
+        c.preventDefault(), E();
         break;
       case "End":
-        i.preventDefault(), z();
+        c.preventDefault(), K();
         break;
     }
   }
-  function oe(i) {
-    return i.toLocaleTimeString([], { hour: "2-digit", minute: "2-digit" });
+  function X(c) {
+    return c.toLocaleTimeString([], { hour: "2-digit", minute: "2-digit" });
   }
-  function le(i) {
-    return p() ? `${i.author} · ${oe(i.timestamp)}` : i.author;
+  function D(c) {
+    return f() ? `${c.author} · ${X(c.timestamp)}` : c.author;
   }
-  var ce = e.comment(), ge = e.first_child(ce);
+  var N = e.comment(), V = e.first_child(N);
   {
-    var pe = (i) => {
-      var B = We(), K = e.child(B);
-      K.textContent = `┌─ Chat ${"─".repeat(38) ?? ""}┐`;
-      var s = e.sibling(K, 2), d = e.sibling(e.child(s), 2), x = e.child(d);
-      e.each(x, 17, () => e.get(F), (g) => g.id, (g, b) => {
-        const I = e.derived(() => le(e.get(b))), S = e.derived(() => 38), H = e.derived(() => `╭─ ${e.get(I)} ${"─".repeat(Math.max(0, e.get(S) - e.get(I).length - 3))}╮`), te = e.derived(() => `╰${"─".repeat(e.get(S) + 1)}╯`);
-        var Z = je();
-        let V;
-        var Q = e.child(Z), se = e.child(Q, !0);
-        e.reset(Q);
-        var j = e.sibling(Q, 2), W = e.sibling(e.child(j), 2), X = e.child(W, !0);
-        e.reset(W), e.next(2), e.reset(j);
-        var R = e.sibling(j, 2), ae = e.child(R, !0);
-        e.reset(R), e.reset(Z), e.template_effect(() => {
-          V = e.set_class(Z, 1, "chat-tui__msg svelte-10e5u2c", null, V, {
-            "chat-tui__msg--user": e.get(b).type === "user",
-            "chat-tui__msg--system": e.get(b).type === "system"
-          }), e.set_text(se, e.get(H)), e.set_text(X, e.get(b).content), e.set_text(ae, e.get(te));
-        }), e.append(g, Z);
+    var r = (c) => {
+      var z = Xe(), B = e.child(z);
+      B.textContent = `┌─ Chat ${"─".repeat(38) ?? ""}┐`;
+      var a = e.sibling(B, 2), s = e.sibling(e.child(a), 2), n = e.child(s);
+      e.each(n, 17, () => e.get(i), (A) => A.id, (A, F) => {
+        const J = e.derived(() => D(e.get(F))), W = e.derived(() => 38), $ = e.derived(() => `╭─ ${e.get(J)} ${"─".repeat(Math.max(0, e.get(W) - e.get(J).length - 3))}╮`), ce = e.derived(() => `╰${"─".repeat(e.get(W) + 1)}╯`);
+        var de = We();
+        let te;
+        var ie = e.child(de), ve = e.child(ie, !0);
+        e.reset(ie);
+        var le = e.sibling(ie, 2), ne = e.sibling(e.child(le), 2), re = e.child(ne, !0);
+        e.reset(ne), e.next(2), e.reset(le);
+        var Z = e.sibling(le, 2), _e = e.child(Z, !0);
+        e.reset(Z), e.reset(de), e.template_effect(() => {
+          te = e.set_class(de, 1, "chat-tui__msg svelte-10e5u2c", null, te, {
+            "chat-tui__msg--user": e.get(F).type === "user",
+            "chat-tui__msg--system": e.get(F).type === "system"
+          }), e.set_text(ve, e.get($)), e.set_text(re, e.get(F).content), e.set_text(_e, e.get(ce));
+        }), e.append(A, de);
       });
-      var _ = e.sibling(x, 2);
+      var u = e.sibling(n, 2);
       {
-        var n = (g) => {
-          var b = Qe(), I = e.child(b), S = e.child(I);
-          e.reset(I), e.reset(b), e.template_effect(() => e.set_text(S, `▼ ${e.get(P) ?? ""} new ${e.get(P) === 1 ? "message" : "messages"}`)), e.delegated("click", I, Y), e.delegated("keydown", I, (H) => (H.key === "Enter" || H.key === " ") && Y()), e.append(g, b);
+        var T = (A) => {
+          var F = Qe(), J = e.child(F), W = e.child(J);
+          e.reset(J), e.reset(F), e.template_effect(() => e.set_text(W, `▼ ${e.get(m) ?? ""} new ${e.get(m) === 1 ? "message" : "messages"}`)), e.delegated("click", J, j), e.delegated("keydown", J, ($) => ($.key === "Enter" || $.key === " ") && j()), e.append(A, F);
         };
-        e.if(_, (g) => {
-          e.get(P) > 0 && g(n);
+        e.if(u, (A) => {
+          e.get(m) > 0 && A(T);
         });
       }
-      e.reset(d), e.next(2), e.reset(s);
-      var M = e.sibling(s, 2);
-      M.textContent = `└${"─".repeat(40) ?? ""}┘`, e.reset(B), e.template_effect(() => e.set_class(B, 1, `chat-tui ${u() ?? ""}`, "svelte-10e5u2c")), e.delegated("keydown", B, _e), e.append(i, B);
-    }, he = (i) => {
-      var B = $e(), K = e.child(B), s = e.child(K), d = e.child(s);
-      e.each(d, 17, () => t.messages, (M) => M.id, (M, g) => {
-        var b = Ye();
-        let I;
-        var S = e.child(b), H = e.child(S), te = e.child(H, !0);
-        e.reset(H);
-        var Z = e.sibling(H, 2);
+      e.reset(s), e.next(2), e.reset(a);
+      var O = e.sibling(a, 2);
+      O.textContent = `└${"─".repeat(40) ?? ""}┘`, e.reset(z), e.template_effect(() => e.set_class(z, 1, `chat-tui ${l() ?? ""}`, "svelte-10e5u2c")), e.delegated("keydown", z, Y), e.append(c, z);
+    }, q = (c) => {
+      var z = tt(), B = e.child(z), a = e.child(B), s = e.child(a);
+      e.each(s, 17, () => t.messages, (O) => O.id, (O, A) => {
+        var F = $e();
+        let J;
+        var W = e.child(F), $ = e.child(W), ce = e.child($, !0);
+        e.reset($);
+        var de = e.sibling($, 2);
         {
-          var V = (j) => {
-            var W = Xe(), X = e.child(W, !0);
-            e.reset(W), e.template_effect((R) => e.set_text(X, R), [() => oe(e.get(g).timestamp)]), e.append(j, W);
+          var te = (le) => {
+            var ne = Ze(), re = e.child(ne, !0);
+            e.reset(ne), e.template_effect((Z) => e.set_text(re, Z), [() => X(e.get(A).timestamp)]), e.append(le, ne);
           };
-          e.if(Z, (j) => {
-            p() && j(V);
+          e.if(de, (le) => {
+            f() && le(te);
           });
         }
-        e.reset(S);
-        var Q = e.sibling(S, 2), se = e.child(Q, !0);
-        e.reset(Q), e.reset(b), e.template_effect(() => {
-          I = e.set_class(b, 1, "chat-gui__msg svelte-10e5u2c", null, I, {
-            "chat-gui__msg--user": e.get(g).type === "user",
-            "chat-gui__msg--agent": e.get(g).type === "agent",
-            "chat-gui__msg--system": e.get(g).type === "system"
-          }), e.set_text(te, e.get(g).author), e.set_text(se, e.get(g).content);
-        }), e.append(M, b);
+        e.reset(W);
+        var ie = e.sibling(W, 2), ve = e.child(ie, !0);
+        e.reset(ie), e.reset(F), e.template_effect(() => {
+          J = e.set_class(F, 1, "chat-gui__msg svelte-10e5u2c", null, J, {
+            "chat-gui__msg--user": e.get(A).type === "user",
+            "chat-gui__msg--agent": e.get(A).type === "agent",
+            "chat-gui__msg--system": e.get(A).type === "system"
+          }), e.set_text(ce, e.get(A).author), e.set_text(ve, e.get(A).content);
+        }), e.append(O, F);
       });
-      var x = e.sibling(d, 2);
-      e.bind_this(x, (M) => e.set(D, M), () => e.get(D)), e.reset(s), e.reset(K), e.bind_this(K, (M) => e.set(v, M), () => e.get(v));
-      var _ = e.sibling(K, 2);
+      var n = e.sibling(s, 2);
+      e.bind_this(n, (O) => e.set(w, O), () => e.get(w)), e.reset(a), e.reset(B), e.bind_this(B, (O) => e.set(p, O), () => e.get(p));
+      var u = e.sibling(B, 2);
       {
-        var n = (M) => {
-          var g = Ze(), b = e.child(g);
-          e.reset(g), e.template_effect(() => e.set_text(b, `▼ ${e.get(k) ?? ""} new ${e.get(k) === 1 ? "message" : "messages"}`)), e.delegated("click", g, c), e.append(M, g);
+        var T = (O) => {
+          var A = et(), F = e.child(A);
+          e.reset(A), e.template_effect(() => e.set_text(F, `▼ ${e.get(P) ?? ""} new ${e.get(P) === 1 ? "message" : "messages"}`)), e.delegated("click", A, I), e.append(O, A);
         };
-        e.if(_, (M) => {
-          e.get(k) > 0 && !e.get(r) && M(n);
+        e.if(u, (O) => {
+          e.get(P) > 0 && !e.get(v) && O(T);
         });
       }
-      e.reset(B), e.template_effect(() => e.set_class(B, 1, `chat-gui ${u() ?? ""}`, "svelte-10e5u2c")), e.event("scroll", K, l), e.delegated("keydown", K, T), e.append(i, B);
+      e.reset(z), e.template_effect(() => e.set_class(z, 1, `chat-gui ${l() ?? ""}`, "svelte-10e5u2c")), e.event("scroll", B, b), e.delegated("keydown", B, g), e.append(c, z);
     };
-    e.if(ge, (i) => {
-      e.get(m) ? i(pe) : i(he, !1);
+    e.if(V, (c) => {
+      e.get(y) ? c(r) : c(q, !1);
     });
   }
-  e.append(y, ce), e.pop();
+  e.append(H, N), e.pop();
 }
 e.delegate(["keydown", "click"]);
-var et = e.from_html(' <span class="search-tui__cursor svelte-1xnd4ea">█</span> ', 1), tt = e.from_html('<span class="search-tui__result-gap svelte-1xnd4ea"> </span> <span class="search-tui__result-score svelte-1xnd4ea"> </span>', 1), st = e.from_html('<div role="option" tabindex="-1"><span class="search-tui__side search-tui__side--dim svelte-1xnd4ea">│</span> <span class="search-tui__result-content svelte-1xnd4ea"><span class="search-tui__result-prefix svelte-1xnd4ea"> </span> <span class="search-tui__result-text svelte-1xnd4ea"> </span> <!></span> <span class="search-tui__side search-tui__side--dim svelte-1xnd4ea">│</span></div>'), at = e.from_html('<div class="search-tui__separator svelte-1xnd4ea"> </div> <div role="listbox" aria-label="Search suggestions" class="svelte-1xnd4ea"></div>', 1), it = e.from_html('<label><div> </div> <div class="search-tui__row svelte-1xnd4ea"><span>│</span> <span><!></span> <span>│</span></div> <!> <div class="search-tui__bottom svelte-1xnd4ea"> </div> <input class="search-tui__hidden svelte-1xnd4ea" type="text" aria-label="Search" role="combobox" aria-autocomplete="list" aria-haspopup="listbox"/></label>'), lt = e.from_html('<mark class="search-gui__highlight svelte-1xnd4ea"> </mark>'), nt = e.from_html('<span class="search-gui__score svelte-1xnd4ea"> </span>'), rt = e.from_html('<li role="option" tabindex="-1"><span class="search-gui__option-text svelte-1xnd4ea"></span> <!></li>'), ot = e.from_html('<ul class="search-gui__dropdown svelte-1xnd4ea" role="listbox" aria-label="Search suggestions"></ul>'), ct = e.from_html('<div><div><span class="search-gui__icon svelte-1xnd4ea" aria-hidden="true">⌕</span> <input class="search-gui__input svelte-1xnd4ea" type="text" aria-label="Search" role="combobox" aria-autocomplete="list" aria-haspopup="listbox"/></div> <!></div>');
-function pt(y, t) {
+var at = e.from_html(' <span class="search-tui__cursor svelte-1xnd4ea">█</span> ', 1), st = e.from_html('<span class="search-tui__result-gap svelte-1xnd4ea"> </span> <span class="search-tui__result-score svelte-1xnd4ea"> </span>', 1), lt = e.from_html('<div role="option" tabindex="-1"><span class="search-tui__side search-tui__side--dim svelte-1xnd4ea">│</span> <span class="search-tui__result-content svelte-1xnd4ea"><span class="search-tui__result-prefix svelte-1xnd4ea"> </span> <span class="search-tui__result-text svelte-1xnd4ea"> </span> <!></span> <span class="search-tui__side search-tui__side--dim svelte-1xnd4ea">│</span></div>'), it = e.from_html('<div class="search-tui__separator svelte-1xnd4ea"> </div> <div role="listbox" aria-label="Search suggestions" class="svelte-1xnd4ea"></div>', 1), nt = e.from_html('<label><div> </div> <div class="search-tui__row svelte-1xnd4ea"><span>│</span> <span><!></span> <span>│</span></div> <!> <div class="search-tui__bottom svelte-1xnd4ea"> </div> <input class="search-tui__hidden svelte-1xnd4ea" type="text" aria-label="Search" role="combobox" aria-autocomplete="list" aria-haspopup="listbox"/></label>'), rt = e.from_html('<mark class="search-gui__highlight svelte-1xnd4ea"> </mark>'), dt = e.from_html('<span class="search-gui__score svelte-1xnd4ea"> </span>'), ot = e.from_html('<li role="option" tabindex="-1"><span class="search-gui__option-text svelte-1xnd4ea"></span> <!></li>'), ct = e.from_html('<ul class="search-gui__dropdown svelte-1xnd4ea" role="listbox" aria-label="Search suggestions"></ul>'), vt = e.from_html('<div><div><span class="search-gui__icon svelte-1xnd4ea" aria-hidden="true">⌕</span> <input class="search-gui__input svelte-1xnd4ea" type="text" aria-label="Search" role="combobox" aria-autocomplete="list" aria-haspopup="listbox"/></div> <!></div>');
+function aa(H, t) {
   e.push(t, !0);
-  let w = e.prop(t, "tui", 3, !1), p = e.prop(t, "value", 15, ""), u = e.prop(t, "placeholder", 3, "Search..."), f = e.prop(t, "maxSuggestions", 3, 8), m = e.prop(t, "debounceMs", 3, 100), v = e.prop(t, "showScores", 3, !0), D = e.prop(t, "class", 3, ""), r = e.prop(t, "cols", 3, 48);
-  const k = fe(), A = e.derived(() => w() || k());
-  let o = e.state(void 0), h = e.state(!1), C = e.state(0), c = e.state(e.proxy([])), l = e.state(-1), T = e.state(!1);
-  function a() {
+  let S = e.prop(t, "tui", 3, !1), f = e.prop(t, "value", 15, ""), l = e.prop(t, "placeholder", 3, "Search..."), x = e.prop(t, "maxSuggestions", 3, 8), y = e.prop(t, "debounceMs", 3, 100), p = e.prop(t, "showScores", 3, !0), w = e.prop(t, "class", 3, ""), v = e.prop(t, "cols", 3, 48);
+  const P = me(), R = e.derived(() => S() || P());
+  let M = e.state(void 0), C = e.state(!1), U = e.state(0), I = e.state(e.proxy([])), b = e.state(-1), g = e.state(!1);
+  function d() {
     if (typeof crypto < "u" && typeof crypto.randomUUID == "function")
       return `search-listbox-${crypto.randomUUID()}`;
     if (typeof crypto < "u" && typeof crypto.getRandomValues == "function") {
-      const s = new Uint32Array(1);
-      return crypto.getRandomValues(s), `search-listbox-${s[0].toString(36)}`;
+      const a = new Uint32Array(1);
+      return crypto.getRandomValues(a), `search-listbox-${a[0].toString(36)}`;
     }
     return `search-listbox-${Date.now().toString(36)}`;
   }
-  const E = a();
-  let q;
-  const P = e.derived(() => Math.max(6, r())), F = e.derived(() => e.get(P) - 2), ee = e.derived(() => (() => {
-    const s = "Search", d = Math.max(0, e.get(F) - 4), _ = `─ ${s.length > d ? s.substring(0, d) : s} `, n = Math.max(0, e.get(F) - _.length);
-    return `┌${_}${"─".repeat(n)}┐`;
-  })()), ie = e.derived(() => `├${"─".repeat(e.get(F))}┤`), re = e.derived(() => `└${"─".repeat(e.get(F))}┘`), O = e.derived(() => {
-    const s = p() ?? "", d = s.length, x = Math.min(Math.max(0, e.get(C)), d);
-    if (!e.get(h))
-      return s ? {
+  const L = d();
+  let h;
+  const m = e.derived(() => Math.max(6, v())), i = e.derived(() => e.get(m) - 2), _ = e.derived(() => (() => {
+    const a = "Search", s = Math.max(0, e.get(i) - 4), u = `─ ${a.length > s ? a.substring(0, s) : a} `, T = Math.max(0, e.get(i) - u.length);
+    return `┌${u}${"─".repeat(T)}┐`;
+  })()), k = e.derived(() => `├${"─".repeat(e.get(i))}┤`), G = e.derived(() => `└${"─".repeat(e.get(i))}┘`), o = e.derived(() => {
+    const a = f() ?? "", s = a.length, n = Math.min(Math.max(0, e.get(U)), s);
+    if (!e.get(C))
+      return a ? {
         kind: "text",
-        text: s.substring(0, e.get(F)).padEnd(e.get(F), " ")
+        text: a.substring(0, e.get(i)).padEnd(e.get(i), " ")
       } : {
         kind: "placeholder",
-        text: (u() || "").substring(0, e.get(F)).padEnd(e.get(F), " ")
+        text: (l() || "").substring(0, e.get(i)).padEnd(e.get(i), " ")
       };
-    const _ = e.get(F) - 1;
-    let n;
-    d <= _ ? n = 0 : (n = Math.min(x, d - _), n = Math.max(0, n), x < n && (n = x));
-    const M = s.substring(n, x), g = s.substring(x, n + _), b = " ".repeat(Math.max(0, _ - M.length - g.length));
-    return { kind: "cursor", before: M, after: g, pad: b };
+    const u = e.get(i) - 1;
+    let T;
+    s <= u ? T = 0 : (T = Math.min(n, s - u), T = Math.max(0, T), n < T && (T = n));
+    const O = a.substring(T, n), A = a.substring(n, T + u), F = " ".repeat(Math.max(0, u - O.length - A.length));
+    return { kind: "cursor", before: O, after: A, pad: F };
   });
-  function L(s, d) {
-    const x = d === e.get(l) ? "› " : "  ";
-    if (v()) {
-      const _ = `★ ${s.score.toFixed(2)}`, n = "  ", M = Math.max(0, e.get(F) - x.length - n.length - _.length), g = s.text.length > M ? s.text.substring(0, M - 1) + "…" : s.text.padEnd(M, " ");
-      return { prefix: x, text: g, gap: n, score: _ };
+  function E(a, s) {
+    const n = s === e.get(b) ? "› " : "  ";
+    if (p()) {
+      const u = `★ ${a.score.toFixed(2)}`, T = "  ", O = Math.max(0, e.get(i) - n.length - T.length - u.length), A = a.text.length > O ? a.text.substring(0, O - 1) + "…" : a.text.padEnd(O, " ");
+      return { prefix: n, text: A, gap: T, score: u };
     } else {
-      const _ = Math.max(0, e.get(F) - x.length), n = s.text.length > _ ? s.text.substring(0, _ - 1) + "…" : s.text.padEnd(_, " ");
-      return { prefix: x, text: n, gap: "", score: "" };
+      const u = Math.max(0, e.get(i) - n.length), T = a.text.length > u ? a.text.substring(0, u - 1) + "…" : a.text.padEnd(u, " ");
+      return { prefix: n, text: T, gap: "", score: "" };
     }
   }
-  async function z(s) {
-    if (!s.trim()) {
-      e.set(c, [], !0), e.set(T, !1), e.set(l, -1);
+  async function K(a) {
+    if (!a.trim()) {
+      e.set(I, [], !0), e.set(g, !1), e.set(b, -1);
       return;
     }
     try {
-      const d = await t.onSearch(s);
-      e.set(c, d.slice(0, f()), !0), e.set(l, -1), e.set(T, e.get(c).length > 0);
+      const s = await t.onSearch(a);
+      e.set(I, s.slice(0, x()), !0), e.set(b, -1), e.set(g, e.get(I).length > 0);
     } catch {
-      e.set(c, [], !0), e.set(T, !1);
+      e.set(I, [], !0), e.set(g, !1);
     }
   }
-  function Y(s) {
-    p(s.text), e.set(c, [], !0), e.set(T, !1), e.set(l, -1), t.onSelect(s);
+  function j(a) {
+    f(a.text), e.set(I, [], !0), e.set(g, !1), e.set(b, -1), t.onSelect(a);
   }
-  function _e(s) {
-    const d = s.target;
-    p(d.value), le(), clearTimeout(q), q = setTimeout(() => z(p() ?? ""), m());
+  function Y(a) {
+    const s = a.target;
+    f(s.value), D(), clearTimeout(h), h = setTimeout(() => K(f() ?? ""), y());
   }
-  function oe(s) {
-    s.key === "ArrowDown" ? (s.preventDefault(), e.get(c).length > 0 && e.set(l, Math.min(e.get(l) + 1, e.get(c).length - 1), !0)) : s.key === "ArrowUp" ? (s.preventDefault(), e.get(c).length > 0 && e.set(l, Math.max(e.get(l) - 1, -1), !0)) : s.key === "Enter" ? (s.preventDefault(), e.get(l) >= 0 && e.get(l) < e.get(c).length && Y(e.get(c)[e.get(l)])) : s.key === "Escape" && (e.set(c, [], !0), e.set(T, !1), e.set(l, -1)), le();
+  function X(a) {
+    a.key === "ArrowDown" ? (a.preventDefault(), e.get(I).length > 0 && e.set(b, Math.min(e.get(b) + 1, e.get(I).length - 1), !0)) : a.key === "ArrowUp" ? (a.preventDefault(), e.get(I).length > 0 && e.set(b, Math.max(e.get(b) - 1, -1), !0)) : a.key === "Enter" ? (a.preventDefault(), e.get(b) >= 0 && e.get(b) < e.get(I).length && j(e.get(I)[e.get(b)])) : a.key === "Escape" && (e.set(I, [], !0), e.set(g, !1), e.set(b, -1)), D();
   }
-  function le() {
-    const s = e.get(o);
-    s && (typeof queueMicrotask < "u" ? queueMicrotask(() => {
-      e.set(C, s.selectionStart ?? (p() ?? "").length, !0);
-    }) : e.set(C, s.selectionStart ?? (p() ?? "").length, !0));
+  function D() {
+    const a = e.get(M);
+    a && (typeof queueMicrotask < "u" ? queueMicrotask(() => {
+      e.set(U, a.selectionStart ?? (f() ?? "").length, !0);
+    }) : e.set(U, a.selectionStart ?? (f() ?? "").length, !0));
   }
-  function ce() {
-    e.set(h, !0), le(), (p() ?? "").trim() && e.get(c).length > 0 && e.set(T, !0);
+  function N() {
+    e.set(C, !0), D(), (f() ?? "").trim() && e.get(I).length > 0 && e.set(g, !0);
   }
-  function ge() {
-    e.set(h, !1), setTimeout(
+  function V() {
+    e.set(C, !1), setTimeout(
       () => {
-        e.set(T, !1);
+        e.set(g, !1);
       },
       150
     );
   }
-  function pe(s, d) {
-    if (!d.trim()) return [{ text: s, match: !1 }];
-    const x = s.toLowerCase(), _ = d.trim().toLowerCase(), n = x.indexOf(_);
-    return n < 0 ? [{ text: s, match: !1 }] : [
-      { text: s.slice(0, n), match: !1 },
-      { text: s.slice(n, n + _.length), match: !0 },
-      { text: s.slice(n + _.length), match: !1 }
+  function r(a, s) {
+    if (!s.trim()) return [{ text: a, match: !1 }];
+    const n = a.toLowerCase(), u = s.trim().toLowerCase(), T = n.indexOf(u);
+    return T < 0 ? [{ text: a, match: !1 }] : [
+      { text: a.slice(0, T), match: !1 },
+      { text: a.slice(T, T + u.length), match: !0 },
+      { text: a.slice(T + u.length), match: !1 }
     ];
   }
-  var he = e.comment(), i = e.first_child(he);
+  var q = e.comment(), c = e.first_child(q);
   {
-    var B = (s) => {
-      var d = it();
-      let x;
-      var _ = e.child(d);
+    var z = (a) => {
+      var s = nt();
       let n;
-      var M = e.child(_, !0);
-      e.reset(_);
-      var g = e.sibling(_, 2), b = e.child(g);
-      let I;
-      var S = e.sibling(b, 2);
-      let H;
-      var te = e.child(S);
+      var u = e.child(s);
+      let T;
+      var O = e.child(u, !0);
+      e.reset(u);
+      var A = e.sibling(u, 2), F = e.child(A);
+      let J;
+      var W = e.sibling(F, 2);
+      let $;
+      var ce = e.child(W);
       {
-        var Z = (U) => {
-          var G = e.text();
-          e.template_effect(() => e.set_text(G, e.get(O).text)), e.append(U, G);
-        }, V = (U) => {
-          var G = e.text();
-          e.template_effect(() => e.set_text(G, e.get(O).text)), e.append(U, G);
-        }, Q = (U) => {
-          var G = et(), J = e.first_child(G, !0), $ = e.sibling(J, 2);
+        var de = (Q) => {
+          var ae = e.text();
+          e.template_effect(() => e.set_text(ae, e.get(o).text)), e.append(Q, ae);
+        }, te = (Q) => {
+          var ae = e.text();
+          e.template_effect(() => e.set_text(ae, e.get(o).text)), e.append(Q, ae);
+        }, ie = (Q) => {
+          var ae = at(), se = e.first_child(ae, !0), oe = e.sibling(se, 2);
           e.template_effect(() => {
-            e.set_text(J, e.get(O).before), e.set_text($, `${e.get(O).after ?? ""}${e.get(O).pad ?? ""}`);
-          }), e.append(U, G);
+            e.set_text(se, e.get(o).before), e.set_text(oe, `${e.get(o).after ?? ""}${e.get(o).pad ?? ""}`);
+          }), e.append(Q, ae);
         };
-        e.if(te, (U) => {
-          e.get(O).kind === "placeholder" ? U(Z) : e.get(O).kind === "text" ? U(V, 1) : U(Q, !1);
+        e.if(ce, (Q) => {
+          e.get(o).kind === "placeholder" ? Q(de) : e.get(o).kind === "text" ? Q(te, 1) : Q(ie, !1);
         });
       }
-      e.reset(S);
-      var se = e.sibling(S, 2);
-      let j;
-      e.reset(g);
-      var W = e.sibling(g, 2);
+      e.reset(W);
+      var ve = e.sibling(W, 2);
+      let le;
+      e.reset(A);
+      var ne = e.sibling(A, 2);
       {
-        var X = (U) => {
-          var G = at(), J = e.first_child(G), $ = e.child(J, !0);
-          e.reset(J);
-          var de = e.sibling(J, 2);
-          e.each(de, 21, () => e.get(c), e.index, (Pe, ke, me) => {
-            const ue = e.derived(() => L(e.get(ke), me));
-            var ne = st();
-            let Te;
-            var Me = e.sibling(e.child(ne), 2), xe = e.child(Me), Le = e.child(xe, !0);
+        var re = (Q) => {
+          var ae = it(), se = e.first_child(ae), oe = e.child(se, !0);
+          e.reset(se);
+          var pe = e.sibling(se, 2);
+          e.each(pe, 21, () => e.get(I), e.index, (De, Te, be) => {
+            const he = e.derived(() => E(e.get(Te), be));
+            var ue = lt();
+            let Me;
+            var ze = e.sibling(e.child(ue), 2), xe = e.child(ze), Ee = e.child(xe, !0);
             e.reset(xe);
-            var be = e.sibling(xe, 2), Be = e.child(be, !0);
-            e.reset(be);
-            var Ae = e.sibling(be, 2);
+            var ye = e.sibling(xe, 2), Ae = e.child(ye, !0);
+            e.reset(ye);
+            var Ie = e.sibling(ye, 2);
             {
-              var Fe = (ye) => {
-                var De = tt(), we = e.first_child(De), Ie = e.child(we, !0);
+              var Le = (ke) => {
+                var Pe = st(), we = e.first_child(Pe), Se = e.child(we, !0);
                 e.reset(we);
                 var Ce = e.sibling(we, 2), Ue = e.child(Ce, !0);
                 e.reset(Ce), e.template_effect(() => {
-                  e.set_text(Ie, e.get(ue).gap), e.set_text(Ue, e.get(ue).score);
-                }), e.append(ye, De);
+                  e.set_text(Se, e.get(he).gap), e.set_text(Ue, e.get(he).score);
+                }), e.append(ke, Pe);
               };
-              e.if(Ae, (ye) => {
-                e.get(ue).score && ye(Fe);
+              e.if(Ie, (ke) => {
+                e.get(he).score && ke(Le);
               });
             }
-            e.reset(Me), e.next(2), e.reset(ne), e.template_effect(() => {
-              Te = e.set_class(ne, 1, "search-tui__result svelte-1xnd4ea", null, Te, { "search-tui__result--selected": me === e.get(l) }), e.set_attribute(ne, "aria-selected", me === e.get(l)), e.set_text(Le, e.get(ue).prefix), e.set_text(Be, e.get(ue).text);
-            }), e.delegated("mousedown", ne, () => Y(e.get(ke))), e.append(Pe, ne);
-          }), e.reset(de), e.template_effect(() => {
-            e.set_text($, e.get(ie)), e.set_attribute(de, "id", E);
-          }), e.append(U, G);
+            e.reset(ze), e.next(2), e.reset(ue), e.template_effect(() => {
+              Me = e.set_class(ue, 1, "search-tui__result svelte-1xnd4ea", null, Me, { "search-tui__result--selected": be === e.get(b) }), e.set_attribute(ue, "aria-selected", be === e.get(b)), e.set_text(Ee, e.get(he).prefix), e.set_text(Ae, e.get(he).text);
+            }), e.delegated("mousedown", ue, () => j(e.get(Te))), e.append(De, ue);
+          }), e.reset(pe), e.template_effect(() => {
+            e.set_text(oe, e.get(k)), e.set_attribute(pe, "id", L);
+          }), e.append(Q, ae);
         };
-        e.if(W, (U) => {
-          e.get(T) && e.get(c).length > 0 && U(X);
+        e.if(ne, (Q) => {
+          e.get(g) && e.get(I).length > 0 && Q(re);
         });
       }
-      var R = e.sibling(W, 2), ae = e.child(R, !0);
-      e.reset(R);
-      var N = e.sibling(R, 2);
-      e.remove_input_defaults(N), e.bind_this(N, (U) => e.set(o, U), () => e.get(o)), e.reset(d), e.template_effect(() => {
-        x = e.set_class(d, 1, `search-tui ${D() ?? ""}`, "svelte-1xnd4ea", x, { focused: e.get(h) }), n = e.set_class(_, 1, "search-tui__top svelte-1xnd4ea", null, n, { focused: e.get(h) }), e.set_text(M, e.get(ee)), I = e.set_class(b, 1, "search-tui__side svelte-1xnd4ea", null, I, { focused: e.get(h) }), H = e.set_class(S, 1, "search-tui__content svelte-1xnd4ea", null, H, {
-          "search-tui__content--placeholder": e.get(O).kind === "placeholder"
-        }), j = e.set_class(se, 1, "search-tui__side svelte-1xnd4ea", null, j, { focused: e.get(h) }), e.set_text(ae, e.get(re)), e.set_value(N, p()), e.set_attribute(N, "aria-controls", E), e.set_attribute(N, "aria-expanded", e.get(T));
-      }), e.delegated("input", N, _e), e.delegated("keydown", N, oe), e.event("focus", N, ce), e.event("blur", N, ge), e.delegated("click", N, le), e.event("select", N, le), e.append(s, d);
-    }, K = (s) => {
-      var d = ct(), x = e.child(d);
-      let _;
-      var n = e.sibling(e.child(x), 2);
-      e.remove_input_defaults(n), e.bind_this(n, (b) => e.set(o, b), () => e.get(o)), e.reset(x);
-      var M = e.sibling(x, 2);
+      var Z = e.sibling(ne, 2), _e = e.child(Z, !0);
+      e.reset(Z);
+      var ee = e.sibling(Z, 2);
+      e.remove_input_defaults(ee), e.bind_this(ee, (Q) => e.set(M, Q), () => e.get(M)), e.reset(s), e.template_effect(() => {
+        n = e.set_class(s, 1, `search-tui ${w() ?? ""}`, "svelte-1xnd4ea", n, { focused: e.get(C) }), T = e.set_class(u, 1, "search-tui__top svelte-1xnd4ea", null, T, { focused: e.get(C) }), e.set_text(O, e.get(_)), J = e.set_class(F, 1, "search-tui__side svelte-1xnd4ea", null, J, { focused: e.get(C) }), $ = e.set_class(W, 1, "search-tui__content svelte-1xnd4ea", null, $, {
+          "search-tui__content--placeholder": e.get(o).kind === "placeholder"
+        }), le = e.set_class(ve, 1, "search-tui__side svelte-1xnd4ea", null, le, { focused: e.get(C) }), e.set_text(_e, e.get(G)), e.set_value(ee, f()), e.set_attribute(ee, "aria-controls", L), e.set_attribute(ee, "aria-expanded", e.get(g));
+      }), e.delegated("input", ee, Y), e.delegated("keydown", ee, X), e.event("focus", ee, N), e.event("blur", ee, V), e.delegated("click", ee, D), e.event("select", ee, D), e.append(a, s);
+    }, B = (a) => {
+      var s = vt(), n = e.child(s);
+      let u;
+      var T = e.sibling(e.child(n), 2);
+      e.remove_input_defaults(T), e.bind_this(T, (F) => e.set(M, F), () => e.get(M)), e.reset(n);
+      var O = e.sibling(n, 2);
       {
-        var g = (b) => {
-          var I = ot();
-          e.each(I, 21, () => e.get(c), e.index, (S, H, te) => {
-            const Z = e.derived(() => pe(e.get(H).text, p() ?? ""));
-            var V = rt();
-            let Q;
-            var se = e.child(V);
-            e.each(se, 21, () => e.get(Z), e.index, (X, R) => {
-              var ae = e.comment(), N = e.first_child(ae);
+        var A = (F) => {
+          var J = ct();
+          e.each(J, 21, () => e.get(I), e.index, (W, $, ce) => {
+            const de = e.derived(() => r(e.get($).text, f() ?? ""));
+            var te = ot();
+            let ie;
+            var ve = e.child(te);
+            e.each(ve, 21, () => e.get(de), e.index, (re, Z) => {
+              var _e = e.comment(), ee = e.first_child(_e);
               {
-                var U = (J) => {
-                  var $ = lt(), de = e.child($, !0);
-                  e.reset($), e.template_effect(() => e.set_text(de, e.get(R).text)), e.append(J, $);
-                }, G = (J) => {
-                  var $ = e.text();
-                  e.template_effect(() => e.set_text($, e.get(R).text)), e.append(J, $);
+                var Q = (se) => {
+                  var oe = rt(), pe = e.child(oe, !0);
+                  e.reset(oe), e.template_effect(() => e.set_text(pe, e.get(Z).text)), e.append(se, oe);
+                }, ae = (se) => {
+                  var oe = e.text();
+                  e.template_effect(() => e.set_text(oe, e.get(Z).text)), e.append(se, oe);
                 };
-                e.if(N, (J) => {
-                  e.get(R).match ? J(U) : J(G, !1);
+                e.if(ee, (se) => {
+                  e.get(Z).match ? se(Q) : se(ae, !1);
                 });
               }
-              e.append(X, ae);
-            }), e.reset(se);
-            var j = e.sibling(se, 2);
+              e.append(re, _e);
+            }), e.reset(ve);
+            var le = e.sibling(ve, 2);
             {
-              var W = (X) => {
-                var R = nt(), ae = e.child(R);
-                e.reset(R), e.template_effect((N) => e.set_text(ae, `★ ${N ?? ""}`), [() => e.get(H).score.toFixed(2)]), e.append(X, R);
+              var ne = (re) => {
+                var Z = dt(), _e = e.child(Z);
+                e.reset(Z), e.template_effect((ee) => e.set_text(_e, `★ ${ee ?? ""}`), [() => e.get($).score.toFixed(2)]), e.append(re, Z);
               };
-              e.if(j, (X) => {
-                v() && X(W);
+              e.if(le, (re) => {
+                p() && re(ne);
               });
             }
-            e.reset(V), e.template_effect(() => {
-              Q = e.set_class(V, 1, "search-gui__option svelte-1xnd4ea", null, Q, { "search-gui__option--selected": te === e.get(l) }), e.set_attribute(V, "aria-selected", te === e.get(l));
-            }), e.delegated("mousedown", V, () => Y(e.get(H))), e.event("mouseenter", V, () => e.set(l, te, !0)), e.append(S, V);
-          }), e.reset(I), e.template_effect(() => e.set_attribute(I, "id", E)), e.append(b, I);
+            e.reset(te), e.template_effect(() => {
+              ie = e.set_class(te, 1, "search-gui__option svelte-1xnd4ea", null, ie, { "search-gui__option--selected": ce === e.get(b) }), e.set_attribute(te, "aria-selected", ce === e.get(b));
+            }), e.delegated("mousedown", te, () => j(e.get($))), e.event("mouseenter", te, () => e.set(b, ce, !0)), e.append(W, te);
+          }), e.reset(J), e.template_effect(() => e.set_attribute(J, "id", L)), e.append(F, J);
         };
-        e.if(M, (b) => {
-          e.get(T) && e.get(c).length > 0 && b(g);
+        e.if(O, (F) => {
+          e.get(g) && e.get(I).length > 0 && F(A);
         });
       }
-      e.reset(d), e.template_effect(() => {
-        e.set_class(d, 1, `search-gui ${D() ?? ""}`, "svelte-1xnd4ea"), _ = e.set_class(x, 1, "search-gui__field svelte-1xnd4ea", null, _, { "search-gui__field--focused": e.get(h) }), e.set_value(n, p()), e.set_attribute(n, "placeholder", u()), e.set_attribute(n, "aria-controls", E), e.set_attribute(n, "aria-expanded", e.get(T));
-      }), e.delegated("input", n, _e), e.delegated("keydown", n, oe), e.event("focus", n, ce), e.event("blur", n, ge), e.append(s, d);
+      e.reset(s), e.template_effect(() => {
+        e.set_class(s, 1, `search-gui ${w() ?? ""}`, "svelte-1xnd4ea"), u = e.set_class(n, 1, "search-gui__field svelte-1xnd4ea", null, u, { "search-gui__field--focused": e.get(C) }), e.set_value(T, f()), e.set_attribute(T, "placeholder", l()), e.set_attribute(T, "aria-controls", L), e.set_attribute(T, "aria-expanded", e.get(g));
+      }), e.delegated("input", T, Y), e.delegated("keydown", T, X), e.event("focus", T, N), e.event("blur", T, V), e.append(a, s);
     };
-    e.if(i, (s) => {
-      e.get(A) ? s(B) : s(K, !1);
+    e.if(c, (a) => {
+      e.get(R) ? a(z) : a(B, !1);
     });
   }
-  e.append(y, he), e.pop();
+  e.append(H, q), e.pop();
 }
 e.delegate(["mousedown", "input", "keydown", "click"]);
-var dt = e.from_html('<span aria-hidden="true"></span>');
-function mt(y, t) {
-  let w = e.prop(t, "size", 3, 16), p = e.prop(t, "color", 3, "currentColor"), u = e.prop(t, "class", 3, "");
-  var f = dt();
-  let m;
+var _t = e.from_html('<span aria-hidden="true"></span>');
+function sa(H, t) {
+  let S = e.prop(t, "size", 3, 16), f = e.prop(t, "color", 3, "currentColor"), l = e.prop(t, "class", 3, "");
+  var x = _t();
+  let y;
   e.template_effect(() => {
-    e.set_class(f, 1, `nf ${t.icon ?? ""} ${u() ?? ""}`, "svelte-81k4o2"), m = e.set_style(f, "", m, {
-      "font-size": `${w() ?? ""}px`,
-      color: p(),
-      "line-height": `${w() ?? ""}px`
+    e.set_class(x, 1, `nf ${t.icon ?? ""} ${l() ?? ""}`, "svelte-81k4o2"), y = e.set_style(x, "", y, {
+      "font-size": `${S() ?? ""}px`,
+      color: f(),
+      "line-height": `${S() ?? ""}px`
+    });
+  }), e.append(H, x);
+}
+var ut = e.from_html('<div class="chat-view__system svelte-hdrk38"> </div>'), gt = e.from_html('<span class="chat-view__time svelte-hdrk38"> </span>'), pt = e.from_html('<div class="chat-view__streaming svelte-hdrk38" aria-label="Generating response"><span class="chat-view__dot svelte-hdrk38"></span> <span class="chat-view__dot svelte-hdrk38"></span> <span class="chat-view__dot svelte-hdrk38"></span></div>'), ht = e.from_html('<div class="chat-view__content svelte-hdrk38"><!></div>'), ft = e.from_html('<div><div class="chat-view__bubble-header svelte-hdrk38"><span class="chat-view__author svelte-hdrk38"> </span> <!></div> <!></div>'), mt = e.from_html("<div><!></div>"), bt = e.from_html('<button class="chat-view__jump svelte-hdrk38" aria-live="polite" aria-label="Jump to latest messages"> </button>'), xt = e.from_html('<div role="log" aria-live="polite" aria-label="Chat messages"><div class="chat-view__scroll svelte-hdrk38" tabindex="0" role="region" aria-label="Scrollable message history"><div class="chat-view__messages svelte-hdrk38"><!> <div class="chat-view__sentinel svelte-hdrk38" aria-hidden="true"></div></div></div> <!></div>');
+function la(H, t) {
+  e.push(t, !0);
+  let S = e.prop(t, "showTimestamps", 3, !0), f = e.prop(t, "class", 3, ""), l = e.state(void 0), x = e.state(!0), y = e.state(0), p = e.state(0);
+  e.user_effect(() => {
+    const i = t.messages.length;
+    if (i !== e.get(p)) {
+      const _ = i - e.get(p);
+      e.set(p, i, !0), e.get(x) ? (e.set(y, 0), w()) : _ > 0 && e.set(y, e.get(y) + _);
+    }
+  });
+  function w() {
+    typeof requestAnimationFrame < "u" && requestAnimationFrame(() => v());
+  }
+  function v() {
+    e.get(l) && (e.get(l).scrollTop = e.get(l).scrollHeight);
+  }
+  function P() {
+    var i;
+    e.set(x, !0), e.set(y, 0), v(), (i = t.onscrolltolatest) == null || i.call(t);
+  }
+  function R() {
+    if (!e.get(l)) return;
+    const { scrollTop: i, scrollHeight: _, clientHeight: k } = e.get(l), G = e.get(x);
+    e.set(x, _ - i - k < 8), e.get(x) && !G && e.set(y, 0);
+  }
+  function M(i) {
+    if (!e.get(l)) return;
+    const _ = e.get(l).clientHeight;
+    switch (i.key) {
+      case "PageUp":
+        i.preventDefault(), e.get(l).scrollBy({ top: -_, behavior: "smooth" });
+        break;
+      case "PageDown":
+        i.preventDefault(), e.get(l).scrollBy({ top: _, behavior: "smooth" });
+        break;
+      case "Home":
+        i.preventDefault(), e.get(l).scrollTo({ top: 0, behavior: "smooth" });
+        break;
+      case "End":
+        i.preventDefault(), v();
+        break;
+    }
+  }
+  function C(i) {
+    return i.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
+  }
+  function U(i) {
+    return i.split(/(```[\s\S]*?```)/g).map((k, G) => {
+      if (G % 2 === 1)
+        return `<pre class="md-pre"><code>${C(k.slice(3, -3).replace(/^\n/, "").replace(/\n$/, ""))}</code></pre>`;
+      let o = C(k);
+      return o = o.replace(/`([^`]+)`/g, '<code class="md-code">$1</code>'), o = o.replace(/\*\*([^*]+)\*\*/g, "<strong>$1</strong>"), o = o.replace(/\*([^*\n]+)\*/g, "<em>$1</em>"), o = o.replace(/\n/g, "<br>"), o;
+    }).join("");
+  }
+  function I(i) {
+    return i.toLocaleTimeString([], { hour: "2-digit", minute: "2-digit" });
+  }
+  var b = xt(), g = e.child(b), d = e.child(g), L = e.child(d);
+  e.each(L, 17, () => t.messages, (i) => i.id, (i, _) => {
+    var k = mt();
+    let G;
+    var o = e.child(k);
+    {
+      var E = (j) => {
+        var Y = ut(), X = e.child(Y, !0);
+        e.reset(Y), e.template_effect(() => e.set_text(X, e.get(_).content)), e.append(j, Y);
+      }, K = (j) => {
+        var Y = ft();
+        let X;
+        var D = e.child(Y), N = e.child(D), V = e.child(N, !0);
+        e.reset(N);
+        var r = e.sibling(N, 2);
+        {
+          var q = (a) => {
+            var s = gt(), n = e.child(s, !0);
+            e.reset(s), e.template_effect((u) => e.set_text(n, u), [() => I(e.get(_).timestamp)]), e.append(a, s);
+          };
+          e.if(r, (a) => {
+            S() && a(q);
+          });
+        }
+        e.reset(D);
+        var c = e.sibling(D, 2);
+        {
+          var z = (a) => {
+            var s = pt();
+            e.append(a, s);
+          }, B = (a) => {
+            var s = ht(), n = e.child(s);
+            e.html(n, () => U(e.get(_).content)), e.reset(s), e.append(a, s);
+          };
+          e.if(c, (a) => {
+            e.get(_).streaming ? a(z) : a(B, !1);
+          });
+        }
+        e.reset(Y), e.template_effect(() => {
+          X = e.set_class(Y, 1, "chat-view__bubble svelte-hdrk38", null, X, {
+            "chat-view__bubble--user": e.get(_).type === "user",
+            "chat-view__bubble--agent": e.get(_).type === "agent" || !e.get(_).type
+          }), e.set_text(V, e.get(_).author);
+        }), e.append(j, Y);
+      };
+      e.if(o, (j) => {
+        e.get(_).type === "system" ? j(E) : j(K, !1);
+      });
+    }
+    e.reset(k), e.template_effect(() => G = e.set_class(k, 1, "chat-view__row svelte-hdrk38", null, G, {
+      "chat-view__row--user": e.get(_).type === "user",
+      "chat-view__row--agent": e.get(_).type === "agent" || !e.get(_).type,
+      "chat-view__row--system": e.get(_).type === "system"
+    })), e.append(i, k);
+  }), e.next(2), e.reset(d), e.reset(g), e.bind_this(g, (i) => e.set(l, i), () => e.get(l));
+  var h = e.sibling(g, 2);
+  {
+    var m = (i) => {
+      var _ = bt(), k = e.child(_);
+      e.reset(_), e.template_effect(() => e.set_text(k, `▼ ${e.get(y) ?? ""} new ${e.get(y) === 1 ? "message" : "messages"}`)), e.delegated("click", _, P), e.append(i, _);
+    };
+    e.if(h, (i) => {
+      e.get(y) > 0 && !e.get(x) && i(m);
     });
-  }), e.append(y, f);
+  }
+  e.reset(b), e.template_effect(() => e.set_class(b, 1, `chat-view ${f() ?? ""}`, "svelte-hdrk38")), e.event("scroll", g, R), e.delegated("keydown", g, M), e.append(H, b), e.pop();
 }
+e.delegate(["keydown", "click"]);
+var yt = e.from_html('<div class="chat-input__attachment svelte-bicrdd"><span class="chat-input__attachment-name svelte-bicrdd"> </span> <button class="chat-input__attachment-remove svelte-bicrdd" aria-label="Remove attachment" type="button">✕</button></div>'), kt = e.from_html('<div><!> <div class="chat-input__row svelte-bicrdd"><button class="chat-input__attach-btn svelte-bicrdd" type="button" aria-label="Attach file" title="Attach file">📎</button> <textarea class="chat-input__textarea svelte-bicrdd" rows="1" aria-label="Message input" aria-multiline="true"></textarea> <button class="chat-input__send-btn svelte-bicrdd" type="button" aria-label="Send message"><svg class="chat-input__send-icon svelte-bicrdd" viewBox="0 0 20 20" fill="none" aria-hidden="true"><path d="M3 10L17 3L10 17L9 11L3 10Z" fill="currentColor" stroke="currentColor" stroke-width="0.5" stroke-linejoin="round"></path></svg></button></div> <input class="chat-input__file-hidden svelte-bicrdd" type="file" aria-hidden="true" tabindex="-1"/></div>');
+function ia(H, t) {
+  e.push(t, !0);
+  let S = e.prop(t, "value", 15, ""), f = e.prop(t, "placeholder", 3, "Type a message…"), l = e.prop(t, "disabled", 3, !1), x = e.prop(t, "maxRows", 3, 5), y = e.prop(t, "class", 3, ""), p = e.state(void 0), w = e.state(void 0), v = e.state(void 0);
+  function P() {
+    const o = e.get(p);
+    if (!o) return;
+    o.style.height = "auto";
+    const K = parseInt(getComputedStyle(o).lineHeight || "20", 10) * x() + parseInt(getComputedStyle(o).paddingTop || "0", 10) * 2;
+    o.style.height = Math.min(o.scrollHeight, K) + "px";
+  }
+  function R(o) {
+    S(o.target.value), P();
+  }
+  function M(o) {
+    o.key === "Enter" && !o.shiftKey && (o.preventDefault(), C());
+  }
+  function C() {
+    var E;
+    const o = (S() ?? "").trim();
+    !o && !e.get(v) || ((E = t.onsend) == null || E.call(t, o, e.get(v)), S(""), e.set(v, void 0), e.get(p) && (e.get(p).style.height = "auto"));
+  }
+  function U() {
+    var o;
+    (o = e.get(w)) == null || o.click();
+  }
+  function I(o) {
+    var K;
+    const E = o.target;
+    e.set(v, (K = E.files) == null ? void 0 : K[0], !0), E.value = "";
+  }
+  function b() {
+    e.set(v, void 0);
+  }
+  var g = kt();
+  let d;
+  var L = e.child(g);
+  {
+    var h = (o) => {
+      var E = yt(), K = e.child(E), j = e.child(K);
+      e.reset(K);
+      var Y = e.sibling(K, 2);
+      e.reset(E), e.template_effect(() => e.set_text(j, `📎 ${e.get(v).name ?? ""}`)), e.delegated("click", Y, b), e.append(o, E);
+    };
+    e.if(L, (o) => {
+      e.get(v) && o(h);
+    });
+  }
+  var m = e.sibling(L, 2), i = e.child(m), _ = e.sibling(i, 2);
+  e.remove_textarea_child(_), e.bind_this(_, (o) => e.set(p, o), () => e.get(p));
+  var k = e.sibling(_, 2);
+  e.reset(m);
+  var G = e.sibling(m, 2);
+  e.bind_this(G, (o) => e.set(w, o), () => e.get(w)), e.reset(g), e.template_effect(
+    (o) => {
+      d = e.set_class(g, 1, `chat-input ${y() ?? ""}`, "svelte-bicrdd", d, { "chat-input--disabled": l() }), i.disabled = l(), e.set_attribute(_, "placeholder", f()), _.disabled = l(), e.set_value(_, S()), k.disabled = o;
+    },
+    [
+      () => l() || !(S() ?? "").trim() && !e.get(v)
+    ]
+  ), e.delegated("click", i, U), e.delegated("input", _, R), e.delegated("keydown", _, M), e.delegated("click", k, C), e.delegated("change", G, I), e.append(H, g), e.pop();
+}
+e.delegate(["click", "input", "keydown", "change"]);
+var wt = e.from_html('<p class="memory-sidebar__empty svelte-1kg6yxg"> </p>'), Tt = e.from_html('<div class="memory-sidebar__item svelte-1kg6yxg" role="listitem"><div class="memory-sidebar__item-row svelte-1kg6yxg"><span> </span> <span class="memory-sidebar__time svelte-1kg6yxg"> </span></div> <p class="memory-sidebar__content svelte-1kg6yxg"> </p></div>'), Mt = e.from_html('<aside aria-label="Memories"><div class="memory-sidebar__header svelte-1kg6yxg"><h2 class="memory-sidebar__title svelte-1kg6yxg">Memories</h2> <span class="memory-sidebar__count svelte-1kg6yxg"> </span></div> <div class="memory-sidebar__search svelte-1kg6yxg"><span class="memory-sidebar__search-icon svelte-1kg6yxg" aria-hidden="true">⌕</span> <input class="memory-sidebar__search-input svelte-1kg6yxg" type="search" placeholder="Search memories…" aria-label="Search memories"/></div> <div class="memory-sidebar__list svelte-1kg6yxg" role="list"><!></div></aside>');
+function na(H, t) {
+  e.push(t, !0);
+  let S = e.prop(t, "class", 3, ""), f = e.state("");
+  const l = e.derived(() => e.get(f).trim() ? t.memories.filter((g) => g.content.toLowerCase().includes(e.get(f).trim().toLowerCase())) : t.memories), x = {
+    fact: "Fact",
+    goal: "Goal",
+    preference: "Pref",
+    context: "Context",
+    other: "Other"
+  };
+  function y(g) {
+    const d = Date.now() - g.getTime(), L = Math.floor(d / 1e3);
+    if (L < 60) return "just now";
+    const h = Math.floor(L / 60);
+    if (h < 60) return `${h}m ago`;
+    const m = Math.floor(h / 60);
+    return m < 24 ? `${m}h ago` : `${Math.floor(m / 24)}d ago`;
+  }
+  var p = Mt(), w = e.child(p), v = e.sibling(e.child(w), 2), P = e.child(v, !0);
+  e.reset(v), e.reset(w);
+  var R = e.sibling(w, 2), M = e.sibling(e.child(R), 2);
+  e.remove_input_defaults(M), e.reset(R);
+  var C = e.sibling(R, 2), U = e.child(C);
+  {
+    var I = (g) => {
+      var d = wt(), L = e.child(d, !0);
+      e.reset(d), e.template_effect((h) => e.set_text(L, h), [
+        () => e.get(f).trim() ? "No memories match your search." : "No memories yet."
+      ]), e.append(g, d);
+    }, b = (g) => {
+      var d = e.comment(), L = e.first_child(d);
+      e.each(L, 17, () => e.get(l), (h) => h.id, (h, m) => {
+        var i = Tt(), _ = e.child(i), k = e.child(_), G = e.child(k, !0);
+        e.reset(k);
+        var o = e.sibling(k, 2), E = e.child(o, !0);
+        e.reset(o), e.reset(_);
+        var K = e.sibling(_, 2), j = e.child(K, !0);
+        e.reset(K), e.reset(i), e.template_effect(
+          (Y) => {
+            e.set_class(k, 1, `memory-sidebar__badge memory-sidebar__badge--${e.get(m).category ?? ""}`, "svelte-1kg6yxg"), e.set_text(G, x[e.get(m).category]), e.set_text(E, Y), e.set_text(j, e.get(m).content);
+          },
+          [() => y(e.get(m).timestamp)]
+        ), e.append(h, i);
+      }), e.append(g, d);
+    };
+    e.if(U, (g) => {
+      e.get(l).length === 0 ? g(I) : g(b, !1);
+    });
+  }
+  e.reset(C), e.reset(p), e.template_effect(() => {
+    e.set_class(p, 1, `memory-sidebar ${S() ?? ""}`, "svelte-1kg6yxg"), e.set_text(P, e.get(l).length);
+  }), e.bind_value(M, () => e.get(f), (g) => e.set(f, g)), e.append(H, p), e.pop();
+}
+var zt = e.from_html('<option class="svelte-1igku3k"> </option>'), Pt = e.from_html('<label class="settings-panel__field svelte-1igku3k"><span class="settings-panel__label svelte-1igku3k">Channel ID</span> <input class="settings-panel__input svelte-1igku3k" type="text" placeholder="Channel / room ID" autocomplete="off" spellcheck="false"/></label>'), Ct = e.from_html('<label class="settings-panel__field svelte-1igku3k"><span class="settings-panel__label svelte-1igku3k">Bot Token</span> <input class="settings-panel__input svelte-1igku3k" type="password" placeholder="Token…" autocomplete="off"/></label> <!>', 1), Nt = e.from_html('<section aria-label="Agent settings"><div class="settings-panel__section svelte-1igku3k"><h3 class="settings-panel__section-title svelte-1igku3k">Model</h3> <label class="settings-panel__field svelte-1igku3k"><span class="settings-panel__label svelte-1igku3k">Provider URL</span> <input class="settings-panel__input svelte-1igku3k" type="url" placeholder="http://localhost:11434" autocomplete="off" spellcheck="false"/></label> <label class="settings-panel__field svelte-1igku3k"><span class="settings-panel__label svelte-1igku3k">API Key</span> <div class="settings-panel__input-row svelte-1igku3k"><input class="settings-panel__input svelte-1igku3k" placeholder="sk-…" autocomplete="off"/> <button class="settings-panel__toggle-btn svelte-1igku3k" type="button"> </button></div></label> <label class="settings-panel__field svelte-1igku3k"><span class="settings-panel__label svelte-1igku3k">Model Name</span> <input class="settings-panel__input svelte-1igku3k" type="text" placeholder="llama3.2" autocomplete="off" spellcheck="false"/></label></div> <div class="settings-panel__section svelte-1igku3k"><h3 class="settings-panel__section-title svelte-1igku3k">Channel</h3> <label class="settings-panel__field svelte-1igku3k"><span class="settings-panel__label svelte-1igku3k">Type</span> <select class="settings-panel__select svelte-1igku3k"></select></label> <!></div> <div class="settings-panel__actions svelte-1igku3k"><button class="settings-panel__btn settings-panel__btn--ghost svelte-1igku3k" type="button">Reset</button> <button class="settings-panel__btn settings-panel__btn--solid svelte-1igku3k" type="button">Save Settings</button></div></section>');
+function ra(H, t) {
+  e.push(t, !0);
+  const S = { providerUrl: "", apiKey: "", modelName: "" }, f = { type: "none", token: "", channelId: "" };
+  let l = e.prop(t, "class", 3, ""), x = e.state(e.proxy(ge(() => {
+    var r;
+    return ((r = t.settings) == null ? void 0 : r.model.providerUrl) ?? "";
+  }))), y = e.state(e.proxy(ge(() => {
+    var r;
+    return ((r = t.settings) == null ? void 0 : r.model.apiKey) ?? "";
+  }))), p = e.state(e.proxy(ge(() => {
+    var r;
+    return ((r = t.settings) == null ? void 0 : r.model.modelName) ?? "";
+  }))), w = e.state(e.proxy(ge(() => {
+    var r;
+    return ((r = t.settings) == null ? void 0 : r.channel.type) ?? "none";
+  }))), v = e.state(e.proxy(ge(() => {
+    var r;
+    return ((r = t.settings) == null ? void 0 : r.channel.token) ?? "";
+  }))), P = e.state(e.proxy(ge(() => {
+    var r;
+    return ((r = t.settings) == null ? void 0 : r.channel.channelId) ?? "";
+  }))), R = e.state(!1);
+  const M = [
+    { value: "none", label: "None" },
+    { value: "discord", label: "Discord" },
+    { value: "telegram", label: "Telegram" },
+    { value: "slack", label: "Slack" },
+    { value: "matrix", label: "Matrix" }
+  ], C = e.derived(() => e.get(w) === "discord" || e.get(w) === "slack" || e.get(w) === "matrix");
+  function U() {
+    var r;
+    (r = t.onsave) == null || r.call(t, {
+      model: {
+        providerUrl: e.get(x),
+        apiKey: e.get(y),
+        modelName: e.get(p)
+      },
+      channel: {
+        type: e.get(w),
+        token: e.get(v),
+        channelId: e.get(P)
+      }
+    });
+  }
+  function I() {
+    const r = t.settings ?? { model: S, channel: f };
+    e.set(x, r.model.providerUrl, !0), e.set(y, r.model.apiKey, !0), e.set(p, r.model.modelName, !0), e.set(w, r.channel.type, !0), e.set(v, r.channel.token, !0), e.set(P, r.channel.channelId, !0);
+  }
+  var b = Nt(), g = e.child(b), d = e.sibling(e.child(g), 2), L = e.sibling(e.child(d), 2);
+  e.remove_input_defaults(L), e.reset(d);
+  var h = e.sibling(d, 2), m = e.sibling(e.child(h), 2), i = e.child(m);
+  e.remove_input_defaults(i);
+  var _ = e.sibling(i, 2), k = e.child(_, !0);
+  e.reset(_), e.reset(m), e.reset(h);
+  var G = e.sibling(h, 2), o = e.sibling(e.child(G), 2);
+  e.remove_input_defaults(o), e.reset(G), e.reset(g);
+  var E = e.sibling(g, 2), K = e.sibling(e.child(E), 2), j = e.sibling(e.child(K), 2);
+  e.each(j, 21, () => M, e.index, (r, q) => {
+    var c = zt(), z = e.child(c, !0);
+    e.reset(c);
+    var B = {};
+    e.template_effect(() => {
+      e.set_text(z, e.get(q).label), B !== (B = e.get(q).value) && (c.value = (c.__value = e.get(q).value) ?? "");
+    }), e.append(r, c);
+  }), e.reset(j), e.reset(K);
+  var Y = e.sibling(K, 2);
+  {
+    var X = (r) => {
+      var q = Ct(), c = e.first_child(q), z = e.sibling(e.child(c), 2);
+      e.remove_input_defaults(z), e.reset(c);
+      var B = e.sibling(c, 2);
+      {
+        var a = (s) => {
+          var n = Pt(), u = e.sibling(e.child(n), 2);
+          e.remove_input_defaults(u), e.reset(n), e.bind_value(u, () => e.get(P), (T) => e.set(P, T)), e.append(s, n);
+        };
+        e.if(B, (s) => {
+          e.get(C) && s(a);
+        });
+      }
+      e.bind_value(z, () => e.get(v), (s) => e.set(v, s)), e.append(r, q);
+    };
+    e.if(Y, (r) => {
+      e.get(w) !== "none" && r(X);
+    });
+  }
+  e.reset(E);
+  var D = e.sibling(E, 2), N = e.child(D), V = e.sibling(N, 2);
+  e.reset(D), e.reset(b), e.template_effect(() => {
+    e.set_class(b, 1, `settings-panel ${l() ?? ""}`, "svelte-1igku3k"), e.set_attribute(i, "type", e.get(R) ? "text" : "password"), e.set_attribute(_, "aria-label", e.get(R) ? "Hide API key" : "Show API key"), e.set_text(k, e.get(R) ? "🙈" : "👁");
+  }), e.bind_value(L, () => e.get(x), (r) => e.set(x, r)), e.bind_value(i, () => e.get(y), (r) => e.set(y, r)), e.delegated("click", _, () => e.set(R, !e.get(R))), e.bind_value(o, () => e.get(p), (r) => e.set(p, r)), e.bind_select_value(j, () => e.get(w), (r) => e.set(w, r)), e.delegated("click", N, I), e.delegated("click", V, U), e.append(H, b), e.pop();
+}
+e.delegate(["click"]);
+var Dt = e.from_html('<p class="proc-editor__empty svelte-nac98f">No procedures yet. Click "+ Add" to create one.</p>'), Et = e.from_html('<input class="proc-editor__name-input svelte-nac98f" type="text" aria-label="Procedure name"/>'), At = e.from_html('<span class="proc-editor__name svelte-nac98f"> </span>'), It = e.from_html('<span class="proc-editor__desc svelte-nac98f"> </span>'), Lt = e.from_html('<div class="proc-editor__item-fields svelte-nac98f"><label class="proc-editor__field svelte-nac98f"><span class="proc-editor__field-label svelte-nac98f">Event Type</span> <input class="proc-editor__field-input svelte-nac98f" type="text" placeholder="message" aria-label="Event type"/></label> <label class="proc-editor__field svelte-nac98f"><span class="proc-editor__field-label svelte-nac98f">Priority</span> <input class="proc-editor__field-input proc-editor__field-input--narrow svelte-nac98f" type="number" min="0" max="999" aria-label="Priority"/></label></div>'), St = e.from_html('<div class="proc-editor__item-meta svelte-nac98f"><span class="proc-editor__chip svelte-nac98f"> </span> <span class="proc-editor__chip svelte-nac98f"> </span></div>'), Ut = e.from_html('<div role="listitem"><div class="proc-editor__item-main svelte-nac98f"><!> <div class="proc-editor__item-info svelte-nac98f"><!> <!></div> <div class="proc-editor__item-actions svelte-nac98f"><button class="proc-editor__icon-btn svelte-nac98f" type="button" aria-label="Edit procedure" title="Edit">✏️</button> <button class="proc-editor__icon-btn proc-editor__icon-btn--danger svelte-nac98f" type="button" aria-label="Delete procedure" title="Delete">🗑</button></div></div> <!></div>'), Bt = e.from_html('<div aria-label="Procedure editor"><div class="proc-editor__header svelte-nac98f"><h3 class="proc-editor__title svelte-nac98f">Procedures</h3> <button class="proc-editor__add-btn svelte-nac98f" type="button" aria-label="Add procedure">+ Add</button></div> <div class="proc-editor__list svelte-nac98f" role="list"><!></div></div>');
+function da(H, t) {
+  e.push(t, !0);
+  let S = e.prop(t, "procedures", 27, () => e.proxy([])), f = e.prop(t, "class", 3, ""), l = e.state(e.proxy(S().map((h) => ({ ...h })))), x = e.state(null);
+  function y() {
+    var h;
+    (h = t.onchange) == null || h.call(t, e.get(l).map((m) => ({ ...m })));
+  }
+  function p(h, m) {
+    e.set(l, e.get(l).map((i) => i.id === h ? { ...i, enabled: m } : i), !0), y();
+  }
+  function w(h, m) {
+    e.set(l, e.get(l).map((i) => i.id === h ? { ...i, eventType: m } : i), !0);
+  }
+  function v(h, m) {
+    const i = parseInt(m, 10);
+    isNaN(i) || e.set(l, e.get(l).map((_) => _.id === h ? { ..._, priority: i } : _), !0);
+  }
+  function P(h) {
+    e.set(x, null), y();
+  }
+  function R(h) {
+    e.set(l, e.get(l).filter((m) => m.id !== h), !0), e.get(x) === h && e.set(x, null), y();
+  }
+  function M() {
+    const h = typeof crypto < "u" && typeof crypto.randomUUID == "function" ? `proc-${crypto.randomUUID()}` : `proc-${Date.now()}-${Math.random().toString(36).slice(2)}`, m = {
+      id: h,
+      name: "New Procedure",
+      enabled: !0,
+      eventType: "message",
+      priority: 0
+    };
+    e.set(l, [...e.get(l), m], !0), e.set(x, h, !0), y();
+  }
+  var C = Bt(), U = e.child(C), I = e.sibling(e.child(U), 2);
+  e.reset(U);
+  var b = e.sibling(U, 2), g = e.child(b);
+  {
+    var d = (h) => {
+      var m = Dt();
+      e.append(h, m);
+    }, L = (h) => {
+      var m = e.comment(), i = e.first_child(m);
+      e.each(i, 17, () => e.get(l), (_) => _.id, (_, k) => {
+        var G = Ut();
+        let o;
+        var E = e.child(G), K = e.child(E);
+        Ge(K, {
+          get checked() {
+            return e.get(k).enabled;
+          },
+          onchange: (s) => p(e.get(k).id, s)
+        });
+        var j = e.sibling(K, 2), Y = e.child(j);
+        {
+          var X = (s) => {
+            var n = Et();
+            e.remove_input_defaults(n), e.template_effect(() => e.set_value(n, e.get(k).name)), e.delegated("input", n, (u) => {
+              const T = u.target.value;
+              e.set(l, e.get(l).map((O) => O.id === e.get(k).id ? { ...O, name: T } : O), !0);
+            }), e.event("blur", n, () => P(e.get(k).id)), e.delegated("keydown", n, (u) => u.key === "Enter" && P(e.get(k).id)), e.append(s, n);
+          }, D = (s) => {
+            var n = At(), u = e.child(n, !0);
+            e.reset(n), e.template_effect(() => e.set_text(u, e.get(k).name)), e.append(s, n);
+          };
+          e.if(Y, (s) => {
+            e.get(x) === e.get(k).id ? s(X) : s(D, !1);
+          });
+        }
+        var N = e.sibling(Y, 2);
+        {
+          var V = (s) => {
+            var n = It(), u = e.child(n, !0);
+            e.reset(n), e.template_effect(() => e.set_text(u, e.get(k).description)), e.append(s, n);
+          };
+          e.if(N, (s) => {
+            e.get(k).description && s(V);
+          });
+        }
+        e.reset(j);
+        var r = e.sibling(j, 2), q = e.child(r), c = e.sibling(q, 2);
+        e.reset(r), e.reset(E);
+        var z = e.sibling(E, 2);
+        {
+          var B = (s) => {
+            var n = Lt(), u = e.child(n), T = e.sibling(e.child(u), 2);
+            e.remove_input_defaults(T), e.reset(u);
+            var O = e.sibling(u, 2), A = e.sibling(e.child(O), 2);
+            e.remove_input_defaults(A), e.reset(O), e.reset(n), e.template_effect(() => {
+              e.set_value(T, e.get(k).eventType), e.set_value(A, e.get(k).priority);
+            }), e.delegated("input", T, (F) => w(e.get(k).id, F.target.value)), e.delegated("input", A, (F) => v(e.get(k).id, F.target.value)), e.append(s, n);
+          }, a = (s) => {
+            var n = St(), u = e.child(n), T = e.child(u);
+            e.reset(u);
+            var O = e.sibling(u, 2), A = e.child(O);
+            e.reset(O), e.reset(n), e.template_effect(() => {
+              e.set_text(T, `⚡ ${e.get(k).eventType ?? ""}`), e.set_text(A, `↑ ${e.get(k).priority ?? ""}`);
+            }), e.append(s, n);
+          };
+          e.if(z, (s) => {
+            e.get(x) === e.get(k).id ? s(B) : s(a, !1);
+          });
+        }
+        e.reset(G), e.template_effect(() => o = e.set_class(G, 1, "proc-editor__item svelte-nac98f", null, o, { "proc-editor__item--disabled": !e.get(k).enabled })), e.delegated("click", q, () => e.set(x, e.get(x) === e.get(k).id ? null : e.get(k).id, !0)), e.delegated("click", c, () => R(e.get(k).id)), e.append(_, G);
+      }), e.append(h, m);
+    };
+    e.if(g, (h) => {
+      e.get(l).length === 0 ? h(d) : h(L, !1);
+    });
+  }
+  e.reset(b), e.reset(C), e.template_effect(() => e.set_class(C, 1, `proc-editor ${f() ?? ""}`, "svelte-nac98f")), e.delegated("click", I, M), e.append(H, C), e.pop();
+}
+e.delegate(["click", "input", "keydown"]);
+var Ft = e.from_svg('<svg viewBox="0 0 12 12" fill="none" aria-hidden="true" width="12" height="12"><path d="M2 6l3 3 5-5" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"></path></svg>'), Ht = e.from_html('<div class="wizard__step-connector svelte-nud89b" aria-hidden="true"><div class="wizard__step-connector-fill svelte-nud89b"></div></div>'), Rt = e.from_html('<div role="listitem"><div class="wizard__step-dot svelte-nud89b"><!></div> <span class="wizard__step-label svelte-nud89b"> </span></div> <!>', 1), Kt = e.from_html('<div class="wizard__step-content svelte-nud89b"><h2 class="wizard__step-heading svelte-nud89b">Name your agent</h2> <p class="wizard__step-desc svelte-nud89b">Give your agent a unique name. You can change this later in settings.</p> <label class="wizard__field svelte-nud89b"><span class="wizard__field-label svelte-nud89b">Agent Name</span> <input class="wizard__input svelte-nud89b" type="text" placeholder="e.g. praxis" aria-label="Agent name"/></label></div>'), Ot = e.from_html('<div class="wizard__step-content svelte-nud89b"><h2 class="wizard__step-heading svelte-nud89b">Pick a model</h2> <p class="wizard__step-desc svelte-nud89b">Connect to an LLM provider. Ollama running locally is a great start.</p> <label class="wizard__field svelte-nud89b"><span class="wizard__field-label svelte-nud89b">Provider URL</span> <input class="wizard__input svelte-nud89b" type="url" placeholder="http://localhost:11434" aria-label="Provider URL"/></label> <label class="wizard__field svelte-nud89b"><span class="wizard__field-label svelte-nud89b">API Key <span class="wizard__optional svelte-nud89b">(optional)</span></span> <div class="wizard__input-row svelte-nud89b"><input class="wizard__input svelte-nud89b" placeholder="sk-…" autocomplete="off" aria-label="API key"/> <button class="wizard__toggle-btn svelte-nud89b" type="button"> </button></div></label> <label class="wizard__field svelte-nud89b"><span class="wizard__field-label svelte-nud89b">Model Name</span> <input class="wizard__input svelte-nud89b" type="text" placeholder="llama3.2" aria-label="Model name"/></label></div>'), qt = e.from_html('<option class="svelte-nud89b"> </option>'), Vt = e.from_html('<label class="wizard__field svelte-nud89b"><span class="wizard__field-label svelte-nud89b">Bot Token</span> <input class="wizard__input svelte-nud89b" type="password" placeholder="Token…" autocomplete="off" aria-label="Bot token"/></label>'), jt = e.from_html('<div class="wizard__step-content svelte-nud89b"><h2 class="wizard__step-heading svelte-nud89b">Connect a channel</h2> <p class="wizard__step-desc svelte-nud89b">Give your agent a place to talk. You can skip this and add channels later.</p> <label class="wizard__field svelte-nud89b"><span class="wizard__field-label svelte-nud89b">Channel Type</span> <select class="wizard__select svelte-nud89b" aria-label="Channel type"></select></label> <!></div>'), Gt = e.from_html(`<div class="wizard__step-content wizard__step-content--done svelte-nud89b"><div class="wizard__done-icon svelte-nud89b" aria-hidden="true">🎉</div> <h2 class="wizard__step-heading svelte-nud89b">You're all set!</h2> <p class="wizard__step-desc svelte-nud89b"><strong> </strong> is ready. You can adjust model and channel settings
+          at any time from the settings panel.</p> <dl class="wizard__summary svelte-nud89b"><dt class="svelte-nud89b">Agent</dt> <dd class="svelte-nud89b"> </dd> <dt class="svelte-nud89b">Model</dt> <dd class="svelte-nud89b"> </dd> <dt class="svelte-nud89b">Channel</dt><dd class="svelte-nud89b"> </dd></dl></div>`), Yt = e.from_html('<button class="wizard__btn wizard__btn--ghost svelte-nud89b" type="button">← Back</button>'), Jt = e.from_html("<div></div>"), Wt = e.from_html('<button class="wizard__btn wizard__btn--solid svelte-nud89b" type="button"> </button>'), Qt = e.from_html('<div aria-label="First run setup wizard"><div class="wizard__steps svelte-nud89b" role="list"></div> <div class="wizard__body svelte-nud89b"><!></div> <div class="wizard__nav svelte-nud89b"><!> <!></div></div>');
+function oa(H, t) {
+  e.push(t, !0);
+  let S = e.prop(t, "class", 3, ""), f = e.state("name"), l = e.state(""), x = e.state(""), y = e.state(""), p = e.state(""), w = e.state("none"), v = e.state("");
+  const P = ["name", "model", "channel", "done"], R = {
+    name: "Name Agent",
+    model: "Pick Model",
+    channel: "Connect Channel",
+    done: "Done"
+  }, M = e.derived(() => P.indexOf(e.get(f)));
+  e.derived(() => e.get(M) / (P.length - 1) * 100);
+  const C = e.derived(() => () => {
+    switch (e.get(f)) {
+      case "name":
+        return e.get(l).trim().length > 0;
+      case "model":
+        return e.get(p).trim().length > 0;
+      case "channel":
+        return !0;
+      case // channel is optional
+      "done":
+        return !1;
+    }
+  });
+  function U() {
+    var N;
+    const D = P.indexOf(e.get(f));
+    D < P.length - 1 && e.set(f, P[D + 1], !0), e.get(f) === "done" && ((N = t.oncomplete) == null || N.call(t, {
+      agentName: e.get(l),
+      providerUrl: e.get(x),
+      apiKey: e.get(y),
+      modelName: e.get(p),
+      channelType: e.get(w),
+      channelToken: e.get(v)
+    }));
+  }
+  function I() {
+    const D = P.indexOf(e.get(f));
+    D > 0 && e.set(f, P[D - 1], !0);
+  }
+  const b = [
+    { value: "none", label: "None" },
+    { value: "discord", label: "Discord" },
+    { value: "telegram", label: "Telegram" },
+    { value: "slack", label: "Slack" },
+    { value: "matrix", label: "Matrix" }
+  ];
+  let g = e.state(!1);
+  var d = Qt(), L = e.child(d);
+  e.each(L, 21, () => P, e.index, (D, N, V) => {
+    var r = Rt(), q = e.first_child(r);
+    let c;
+    var z = e.child(q), B = e.child(z);
+    {
+      var a = (A) => {
+        var F = Ft();
+        e.append(A, F);
+      }, s = (A) => {
+        var F = e.text();
+        F.nodeValue = V + 1, e.append(A, F);
+      };
+      e.if(B, (A) => {
+        V < e.get(M) ? A(a) : A(s, !1);
+      });
+    }
+    e.reset(z);
+    var n = e.sibling(z, 2), u = e.child(n, !0);
+    e.reset(n), e.reset(q);
+    var T = e.sibling(q, 2);
+    {
+      var O = (A) => {
+        var F = Ht(), J = e.child(F);
+        let W;
+        e.reset(F), e.template_effect(() => W = e.set_style(J, "", W, { width: V < e.get(M) ? "100%" : "0%" })), e.append(A, F);
+      };
+      e.if(T, (A) => {
+        V < P.length - 1 && A(O);
+      });
+    }
+    e.template_effect(() => {
+      c = e.set_class(q, 1, "wizard__step svelte-nud89b", null, c, {
+        "wizard__step--active": e.get(N) === e.get(f),
+        "wizard__step--done": V < e.get(M)
+      }), e.set_attribute(q, "aria-current", e.get(N) === e.get(f) ? "step" : void 0), e.set_text(u, R[e.get(N)]);
+    }), e.append(D, r);
+  }), e.reset(L);
+  var h = e.sibling(L, 2), m = e.child(h);
+  {
+    var i = (D) => {
+      var N = Kt(), V = e.sibling(e.child(N), 4), r = e.sibling(e.child(V), 2);
+      e.remove_input_defaults(r), e.reset(V), e.reset(N), e.delegated("keydown", r, (q) => q.key === "Enter" && e.get(C)() && U()), e.bind_value(r, () => e.get(l), (q) => e.set(l, q)), e.append(D, N);
+    }, _ = (D) => {
+      var N = Ot(), V = e.sibling(e.child(N), 4), r = e.sibling(e.child(V), 2);
+      e.remove_input_defaults(r), e.reset(V);
+      var q = e.sibling(V, 2), c = e.sibling(e.child(q), 2), z = e.child(c);
+      e.remove_input_defaults(z);
+      var B = e.sibling(z, 2), a = e.child(B, !0);
+      e.reset(B), e.reset(c), e.reset(q);
+      var s = e.sibling(q, 2), n = e.sibling(e.child(s), 2);
+      e.remove_input_defaults(n), e.reset(s), e.reset(N), e.template_effect(() => {
+        e.set_attribute(z, "type", e.get(g) ? "text" : "password"), e.set_attribute(B, "aria-label", e.get(g) ? "Hide API key" : "Show API key"), e.set_text(a, e.get(g) ? "🙈" : "👁");
+      }), e.bind_value(r, () => e.get(x), (u) => e.set(x, u)), e.bind_value(z, () => e.get(y), (u) => e.set(y, u)), e.delegated("click", B, () => e.set(g, !e.get(g))), e.delegated("keydown", n, (u) => u.key === "Enter" && e.get(C)() && U()), e.bind_value(n, () => e.get(p), (u) => e.set(p, u)), e.append(D, N);
+    }, k = (D) => {
+      var N = jt(), V = e.sibling(e.child(N), 4), r = e.sibling(e.child(V), 2);
+      e.each(r, 21, () => b, e.index, (z, B) => {
+        var a = qt(), s = e.child(a, !0);
+        e.reset(a);
+        var n = {};
+        e.template_effect(() => {
+          e.set_text(s, e.get(B).label), n !== (n = e.get(B).value) && (a.value = (a.__value = e.get(B).value) ?? "");
+        }), e.append(z, a);
+      }), e.reset(r), e.reset(V);
+      var q = e.sibling(V, 2);
+      {
+        var c = (z) => {
+          var B = Vt(), a = e.sibling(e.child(B), 2);
+          e.remove_input_defaults(a), e.reset(B), e.bind_value(a, () => e.get(v), (s) => e.set(v, s)), e.append(z, B);
+        };
+        e.if(q, (z) => {
+          e.get(w) !== "none" && z(c);
+        });
+      }
+      e.reset(N), e.bind_select_value(r, () => e.get(w), (z) => e.set(w, z)), e.append(D, N);
+    }, G = (D) => {
+      var N = Gt(), V = e.sibling(e.child(N), 4), r = e.child(V), q = e.child(r, !0);
+      e.reset(r), e.next(), e.reset(V);
+      var c = e.sibling(V, 2), z = e.sibling(e.child(c), 2), B = e.child(z, !0);
+      e.reset(z);
+      var a = e.sibling(z, 4), s = e.child(a, !0);
+      e.reset(a);
+      var n = e.sibling(a, 3), u = e.child(n, !0);
+      e.reset(n), e.reset(c), e.reset(N), e.template_effect(() => {
+        e.set_text(q, e.get(l)), e.set_text(B, e.get(l)), e.set_text(s, e.get(p) || "—"), e.set_text(u, e.get(w) === "none" ? "None" : e.get(w));
+      }), e.append(D, N);
+    };
+    e.if(m, (D) => {
+      e.get(f) === "name" ? D(i) : e.get(f) === "model" ? D(_, 1) : e.get(f) === "channel" ? D(k, 2) : e.get(f) === "done" && D(G, 3);
+    });
+  }
+  e.reset(h);
+  var o = e.sibling(h, 2), E = e.child(o);
+  {
+    var K = (D) => {
+      var N = Yt();
+      e.template_effect(() => N.disabled = e.get(f) === "done"), e.delegated("click", N, I), e.append(D, N);
+    }, j = (D) => {
+      var N = Jt();
+      e.append(D, N);
+    };
+    e.if(E, (D) => {
+      e.get(f) !== "name" ? D(K) : D(j, !1);
+    });
+  }
+  var Y = e.sibling(E, 2);
+  {
+    var X = (D) => {
+      var N = Wt(), V = e.child(N, !0);
+      e.reset(N), e.template_effect(
+        (r) => {
+          N.disabled = r, e.set_text(V, e.get(f) === "channel" && e.get(w) === "none" ? "Skip" : "Next →");
+        },
+        [() => !e.get(C)()]
+      ), e.delegated("click", N, U), e.append(D, N);
+    };
+    e.if(Y, (D) => {
+      e.get(f) !== "done" && D(X);
+    });
+  }
+  e.reset(o), e.reset(d), e.template_effect(() => e.set_class(d, 1, `wizard ${S() ?? ""}`, "svelte-nud89b")), e.append(H, d), e.pop();
+}
+e.delegate(["keydown", "click"]);
 export {
-  _t as Button,
-  ft as ChatPane,
-  ht as GlassPanel,
-  mt as NerdFont,
-  pt as SearchInput,
-  gt as Toggle,
-  Ve as provideTui,
-  fe as useTui
+  $t as Button,
+  ia as ChatInput,
+  ta as ChatPane,
+  la as ChatView,
+  oa as FirstRunWizard,
+  ea as GlassPanel,
+  na as MemorySidebar,
+  sa as NerdFont,
+  da as ProcedureEditor,
+  aa as SearchInput,
+  ra as SettingsPanel,
+  Ge as Toggle,
+  Ke as provideTui,
+  me as useTui
 };