@floegence/floe-webapp-core 0.86.58 → 0.86.62

package/dist/components/chat/blocks/BlockRenderer.js

@@ -273,7 +273,7 @@ const x = u(() => import("./CodeBlock.js").then((e) => ({
 })(), M = () => (() => {
   var e = v(), l = e.firstChild;
   return r(l, t(c, {
-    class: "h-4 w-4 rounded"
+    class: "h-4 w-4 rounded-xs"
   }), null), r(l, t(c, {
     class: "h-4 w-32"
   }), null), e;

package/dist/components/chat/blocks/CodeDiffBlock.js

@@ -1,12 +1,12 @@
-import { insert as d, createComponent as o, effect as y, className as w, setAttribute as U, template as h, addEventListener as A, use as H, setStyleProperty as L, delegateEvents as z } from "solid-js/web";
+import { insert as s, createComponent as o, effect as y, className as w, setAttribute as U, template as h, addEventListener as A, use as H, setStyleProperty as L, delegateEvents as z } from "solid-js/web";
 import { createSignal as I, onCleanup as G, createEffect as O, createMemo as E, Show as m, For as B } from "solid-js";
 import { cn as x } from "../../../utils/cn.js";
 import { deferAfterPaint as X } from "../../../utils/defer.js";
 import { useVirtualWindow as N } from "../../../hooks/useVirtualWindow.js";
 import { hasDiffWorker as V, computeCodeDiff as j, computeCodeDiffSync as q } from "../hooks/useCodeDiff.js";
-var J = /* @__PURE__ */ h("<span class=chat-code-diff-filename>"), K = /* @__PURE__ */ h("<span class=chat-code-diff-stats><span class=text-success>+</span><span class=text-error style=margin-left:0.5rem>-"), Q = /* @__PURE__ */ h("<div><div class=chat-code-diff-header><div class=chat-code-diff-info></div><div class=chat-code-diff-actions><div class=chat-code-diff-view-toggle><button type=button>Unified</button><button type=button>Split</button></div><button type=button class=chat-code-copy-btn>"), Y = /* @__PURE__ */ h('<span class="chat-code-diff-stats text-muted-foreground">...'), Z = /* @__PURE__ */ h('<div class="p-3 text-xs text-muted-foreground">Computing diff...'), ee = /* @__PURE__ */ h('<div class="p-3 text-xs text-muted-foreground">Diff is too large to render without a worker. Configure `configureDiffWorker(createDiffWorker())`.'), te = /* @__PURE__ */ h("<div class=chat-code-diff-content>"), ne = /* @__PURE__ */ h("<div class=chat-code-diff-content><div><div class=chat-diff-unified>"), ie = /* @__PURE__ */ h("<div style=height:18px><span class=chat-diff-line-number></span><span class=chat-diff-line-sign></span><span class=chat-diff-line-content>"), re = /* @__PURE__ */ h("<div class=chat-code-diff-content><div><div class=chat-diff-split><div class=chat-diff-split-side></div><div class=chat-diff-split-side>"), le = /* @__PURE__ */ h("<div style=height:18px><span class=chat-diff-line-number></span><span class=chat-diff-line-content>"), oe = /* @__PURE__ */ h('<svg width=14 height=14 viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2><rect x=9 y=9 width=13 height=13 rx=2 ry=2></rect><path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">'), de = /* @__PURE__ */ h('<svg width=14 height=14 viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2><polyline points="20 6 9 17 4 12">');
-const se = 8e4, P = 18, Ce = (c) => {
-  const [t, r] = I("unified"), [s, l] = I(!1), [i, f] = I(null), [n, u] = I(!0);
+var J = /* @__PURE__ */ h("<span class=chat-code-diff-filename>"), K = /* @__PURE__ */ h("<span class=chat-code-diff-stats><span class=text-success>+</span><span class=text-error style=margin-left:0.5rem>-"), Q = /* @__PURE__ */ h("<div><div class=chat-code-diff-header><div class=chat-code-diff-info></div><div class=chat-code-diff-actions><div class=chat-code-diff-view-toggle><button type=button>Unified</button><button type=button>Split</button></div><button type=button class=chat-code-copy-btn>"), Y = /* @__PURE__ */ h('<span class="chat-code-diff-stats text-[var(--floe-ink-soft)]">...'), Z = /* @__PURE__ */ h('<div class="p-3 text-xs text-[var(--floe-ink-soft)]">Computing diff...'), ee = /* @__PURE__ */ h('<div class="p-3 text-xs text-[var(--floe-ink-soft)]">Diff is too large to render without a worker. Configure `configureDiffWorker(createDiffWorker())`.'), te = /* @__PURE__ */ h("<div class=chat-code-diff-content>"), ie = /* @__PURE__ */ h("<div class=chat-code-diff-content><div><div class=chat-diff-unified>"), ne = /* @__PURE__ */ h("<div style=height:18px><span class=chat-diff-line-number></span><span class=chat-diff-line-sign></span><span class=chat-diff-line-content>"), le = /* @__PURE__ */ h("<div class=chat-code-diff-content><div><div class=chat-diff-split><div class=chat-diff-split-side></div><div class=chat-diff-split-side>"), re = /* @__PURE__ */ h("<div style=height:18px><span class=chat-diff-line-number></span><span class=chat-diff-line-content>"), oe = /* @__PURE__ */ h('<svg width=14 height=14 viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2><rect x=9 y=9 width=13 height=13 rx=2 ry=2></rect><path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1">'), se = /* @__PURE__ */ h('<svg width=14 height=14 viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2><polyline points="20 6 9 17 4 12">');
+const de = 8e4, P = 18, Ce = (c) => {
+  const [t, l] = I("unified"), [d, r] = I(!1), [n, f] = I(null), [i, u] = I(!0);
   let v = 0;
   G(() => {
     v += 1;
@@ -16,7 +16,7 @@ const se = 8e4, P = 18, Ce = (c) => {
     const C = g, $ = R;
     X(() => {
       if (p !== v) return;
-      if (C.length + $.length > se && !V()) {
+      if (C.length + $.length > de && !V()) {
         u(!1);
         return;
       }
@@ -29,24 +29,24 @@ const se = 8e4, P = 18, Ce = (c) => {
       });
     });
   });
-  const a = E(() => i()?.stats), k = async () => {
+  const a = E(() => n()?.stats), k = async () => {
     try {
-      await navigator.clipboard.writeText(c.newCode), l(!0), setTimeout(() => l(!1), 2e3);
+      await navigator.clipboard.writeText(c.newCode), r(!0), setTimeout(() => r(!1), 2e3);
     } catch (g) {
       console.error("Failed to copy:", g);
     }
   };
   return (() => {
     var g = Q(), R = g.firstChild, p = R.firstChild, C = p.nextSibling, $ = C.firstChild, S = $.firstChild, F = S.nextSibling, D = $.nextSibling;
-    return d(p, o(m, {
+    return s(p, o(m, {
       get when() {
         return c.filename;
       },
       get children() {
         var e = J();
-        return d(e, () => c.filename), e;
+        return s(e, () => c.filename), e;
       }
-    }), null), d(p, o(m, {
+    }), null), s(p, o(m, {
       get when() {
         return a();
       },
@@ -57,11 +57,11 @@ const se = 8e4, P = 18, Ce = (c) => {
         var e = K(), _ = e.firstChild;
         _.firstChild;
         var b = _.nextSibling;
-        return b.firstChild, d(_, () => a().added, null), d(b, () => a().removed, null), e;
+        return b.firstChild, s(_, () => a().added, null), s(b, () => a().removed, null), e;
       }
-    }), null), S.$$click = () => r("unified"), F.$$click = () => r("split"), D.$$click = k, d(D, o(m, {
+    }), null), S.$$click = () => l("unified"), F.$$click = () => l("split"), D.$$click = k, s(D, o(m, {
       get when() {
-        return s();
+        return d();
       },
       get fallback() {
         return o(ue, {});
@@ -69,23 +69,23 @@ const se = 8e4, P = 18, Ce = (c) => {
       get children() {
         return o(he, {});
       }
-    })), d(g, o(m, {
+    })), s(g, o(m, {
       get when() {
-        return i();
+        return n();
       },
       get fallback() {
         return (() => {
           var e = te();
-          return d(e, o(m, {
+          return s(e, o(m, {
             get when() {
-              return n();
+              return i();
             },
             get children() {
               return Z();
             }
-          }), null), d(e, o(m, {
+          }), null), s(e, o(m, {
             get when() {
-              return !n();
+              return !i();
             },
             get children() {
               return ee();
@@ -101,21 +101,21 @@ const se = 8e4, P = 18, Ce = (c) => {
           get fallback() {
             return o(fe, {
               get model() {
-                return i();
+                return n();
               }
             });
           },
           get children() {
             return o(ce, {
               get model() {
-                return i();
+                return n();
               }
             });
           }
         });
       }
     }), null), y((e) => {
-      var _ = x("chat-code-diff-block", c.class), b = x("chat-code-diff-view-btn", t() === "unified" && "active"), M = x("chat-code-diff-view-btn", t() === "split" && "active"), T = s() ? "Copied!" : "Copy new code";
+      var _ = x("chat-code-diff-block", c.class), b = x("chat-code-diff-view-btn", t() === "unified" && "active"), M = x("chat-code-diff-view-btn", t() === "split" && "active"), T = d() ? "Copied!" : "Copy new code";
       return _ !== e.e && w(g, e.e = _), b !== e.t && w(S, e.t = b), M !== e.a && w(F, e.a = M), T !== e.o && U(D, "title", e.o = T), e;
     }, {
       e: void 0,
@@ -126,95 +126,95 @@ const se = 8e4, P = 18, Ce = (c) => {
   })();
 };
 function ce(c) {
-  const t = () => c.model.unifiedLines, r = N({
+  const t = () => c.model.unifiedLines, l = N({
     count: () => t().length,
     itemSize: () => P,
     overscan: 12
-  }), s = E(() => {
+  }), d = E(() => {
     const {
-      start: l,
-      end: i
-    } = r.range(), f = [];
-    for (let n = l; n < i; n += 1) f.push(n);
+      start: r,
+      end: n
+    } = l.range(), f = [];
+    for (let i = r; i < n; i += 1) f.push(i);
     return f;
   });
   return (() => {
-    var l = ne(), i = l.firstChild, f = i.firstChild;
-    return A(l, "scroll", r.onScroll), H((n) => r.scrollRef(n), l), d(f, o(B, {
+    var r = ie(), n = r.firstChild, f = n.firstChild;
+    return A(r, "scroll", l.onScroll), H((i) => l.scrollRef(i), r), s(f, o(B, {
       get each() {
-        return s();
+        return d();
       },
-      children: (n) => o(ae, {
+      children: (i) => o(ae, {
         get line() {
-          return t()[n];
+          return t()[i];
         }
       })
-    })), y((n) => {
-      var u = `${r.paddingTop()}px`, v = `${r.paddingBottom()}px`;
-      return u !== n.e && L(i, "padding-top", n.e = u), v !== n.t && L(i, "padding-bottom", n.t = v), n;
+    })), y((i) => {
+      var u = `${l.paddingTop()}px`, v = `${l.paddingBottom()}px`;
+      return u !== i.e && L(n, "padding-top", i.e = u), v !== i.t && L(n, "padding-bottom", i.t = v), i;
     }, {
       e: void 0,
       t: void 0
-    }), l;
+    }), r;
   })();
 }
 function ae(c) {
   const t = () => c.line;
   return (() => {
-    var r = ie(), s = r.firstChild, l = s.nextSibling, i = l.nextSibling;
-    return d(s, () => t()?.lineNumber ?? ""), d(l, () => t()?.sign ?? " "), d(i, () => t()?.content ?? " "), y(() => w(r, x("chat-diff-line", t()?.type === "added" && "chat-diff-line-added", t()?.type === "removed" && "chat-diff-line-removed"))), r;
+    var l = ne(), d = l.firstChild, r = d.nextSibling, n = r.nextSibling;
+    return s(d, () => t()?.lineNumber ?? ""), s(r, () => t()?.sign ?? " "), s(n, () => t()?.content ?? " "), y(() => w(l, x("chat-diff-line", t()?.type === "added" && "chat-diff-line-added", t()?.type === "removed" && "chat-diff-line-removed"))), l;
   })();
 }
 function fe(c) {
-  const t = () => c.model.split.left, r = () => c.model.split.right, s = N({
+  const t = () => c.model.split.left, l = () => c.model.split.right, d = N({
     count: () => t().length,
     itemSize: () => P,
     overscan: 12
-  }), l = E(() => {
+  }), r = E(() => {
     const {
-      start: i,
+      start: n,
       end: f
-    } = s.range(), n = [];
-    for (let u = i; u < f; u += 1) n.push(u);
-    return n;
+    } = d.range(), i = [];
+    for (let u = n; u < f; u += 1) i.push(u);
+    return i;
   });
   return (() => {
-    var i = re(), f = i.firstChild, n = f.firstChild, u = n.firstChild, v = u.nextSibling;
-    return A(i, "scroll", s.onScroll), H((a) => s.scrollRef(a), i), d(u, o(B, {
+    var n = le(), f = n.firstChild, i = f.firstChild, u = i.firstChild, v = u.nextSibling;
+    return A(n, "scroll", d.onScroll), H((a) => d.scrollRef(a), n), s(u, o(B, {
       get each() {
-        return l();
+        return r();
       },
       children: (a) => o(W, {
         get line() {
           return t()[a];
         }
       })
-    })), d(v, o(B, {
+    })), s(v, o(B, {
       get each() {
-        return l();
+        return r();
       },
       children: (a) => o(W, {
         get line() {
-          return r()[a];
+          return l()[a];
         }
       })
     })), y((a) => {
-      var k = `${s.paddingTop()}px`, g = `${s.paddingBottom()}px`;
+      var k = `${d.paddingTop()}px`, g = `${d.paddingBottom()}px`;
       return k !== a.e && L(f, "padding-top", a.e = k), g !== a.t && L(f, "padding-bottom", a.t = g), a;
     }, {
       e: void 0,
       t: void 0
-    }), i;
+    }), n;
   })();
 }
 function W(c) {
   const t = () => c.line;
   return (() => {
-    var r = le(), s = r.firstChild, l = s.nextSibling;
-    return d(s, () => t()?.lineNumber ?? ""), d(l, () => t()?.content ?? " "), y(() => w(r, x("chat-diff-line", t()?.type === "added" && "chat-diff-line-added", t()?.type === "removed" && "chat-diff-line-removed", t()?.type === "empty" && "chat-diff-line-empty"))), r;
+    var l = re(), d = l.firstChild, r = d.nextSibling;
+    return s(d, () => t()?.lineNumber ?? ""), s(r, () => t()?.content ?? " "), y(() => w(l, x("chat-diff-line", t()?.type === "added" && "chat-diff-line-added", t()?.type === "removed" && "chat-diff-line-removed", t()?.type === "empty" && "chat-diff-line-empty"))), l;
   })();
 }
-const ue = () => oe(), he = () => de();
+const ue = () => oe(), he = () => se();
 z(["click"]);
 export {
   Ce as CodeDiffBlock

package/dist/components/chat/blocks/ImageBlock.js

@@ -2,7 +2,7 @@ import { insert as c, createComponent as a, effect as D, setAttribute as k, clas
 import { createSignal as v, onCleanup as B, createEffect as j, Show as C } from "solid-js";
 import { cn as G } from "../../../utils/cn.js";
 import { lockBodyStyle as ge } from "../../../utils/bodyStyleLock.js";
-var he = /* @__PURE__ */ r("<div class=chat-image-loading>"), me = /* @__PURE__ */ r("<div class=chat-image-error><span>Failed to load image"), ye = /* @__PURE__ */ r("<img loading=lazy>", !0, !1, !1), fe = /* @__PURE__ */ r("<div>"), ve = /* @__PURE__ */ r("<div class=chat-image-dialog-backdrop>"), pe = /* @__PURE__ */ r('<div class=chat-image-dialog><div class=chat-image-dialog-toolbar><button type=button class=chat-image-dialog-btn title="Zoom out (-)"></button><span class=chat-image-dialog-scale>%</span><button type=button class=chat-image-dialog-btn title="Zoom in (+)"></button><button type=button class=chat-image-dialog-btn title="Reset (0)"></button><div class=chat-image-dialog-separator></div><button type=button class=chat-image-dialog-btn title="Close (Esc)"></button></div><div class=chat-image-dialog-content style=touch-action:none><img class=chat-image-dialog-img></div><div class=chat-image-dialog-hint>Scroll/pinch to zoom · Drag to pan · Press Esc to close'), xe = /* @__PURE__ */ r('<svg class="animate-spin h-6 w-6 text-muted-foreground"xmlns=http://www.w3.org/2000/svg fill=none viewBox="0 0 24 24"><circle class=opacity-25 cx=12 cy=12 r=10 stroke=currentColor stroke-width=4></circle><path class=opacity-75 fill=currentColor d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z">'), $e = /* @__PURE__ */ r('<svg width=24 height=24 viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2><rect x=3 y=3 width=18 height=18 rx=2 ry=2></rect><circle cx=8.5 cy=8.5 r=1.5></circle><polyline points="21 15 16 10 5 21"></polyline><line x1=2 y1=2 x2=22 y2=22>'), we = /* @__PURE__ */ r('<svg width=20 height=20 viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2><line x1=18 y1=6 x2=6 y2=18></line><line x1=6 y1=6 x2=18 y2=18>'), be = /* @__PURE__ */ r('<svg width=20 height=20 viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2><circle cx=11 cy=11 r=8></circle><line x1=21 y1=21 x2=16.65 y2=16.65></line><line x1=11 y1=8 x2=11 y2=14></line><line x1=8 y1=11 x2=14 y2=11>'), ke = /* @__PURE__ */ r('<svg width=20 height=20 viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2><circle cx=11 cy=11 r=8></circle><line x1=21 y1=21 x2=16.65 y2=16.65></line><line x1=8 y1=11 x2=14 y2=11>'), _e = /* @__PURE__ */ r('<svg width=20 height=20 viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2><path d="M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8"></path><path d="M3 3v5h5">');
+var he = /* @__PURE__ */ r("<div class=chat-image-loading>"), me = /* @__PURE__ */ r("<div class=chat-image-error><span>Failed to load image"), ye = /* @__PURE__ */ r("<img loading=lazy>", !0, !1, !1), fe = /* @__PURE__ */ r("<div>"), ve = /* @__PURE__ */ r("<div class=chat-image-dialog-backdrop>"), pe = /* @__PURE__ */ r('<div class=chat-image-dialog><div class=chat-image-dialog-toolbar><button type=button class=chat-image-dialog-btn title="Zoom out (-)"></button><span class=chat-image-dialog-scale>%</span><button type=button class=chat-image-dialog-btn title="Zoom in (+)"></button><button type=button class=chat-image-dialog-btn title="Reset (0)"></button><div class=chat-image-dialog-separator></div><button type=button class=chat-image-dialog-btn title="Close (Esc)"></button></div><div class=chat-image-dialog-content style=touch-action:none><img class=chat-image-dialog-img></div><div class=chat-image-dialog-hint>Scroll/pinch to zoom · Drag to pan · Press Esc to close'), xe = /* @__PURE__ */ r('<svg class="animate-spin h-6 w-6 text-[var(--floe-ink-soft)]"xmlns=http://www.w3.org/2000/svg fill=none viewBox="0 0 24 24"><circle class=opacity-25 cx=12 cy=12 r=10 stroke=currentColor stroke-width=4></circle><path class=opacity-75 fill=currentColor d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z">'), $e = /* @__PURE__ */ r('<svg width=24 height=24 viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2><rect x=3 y=3 width=18 height=18 rx=2 ry=2></rect><circle cx=8.5 cy=8.5 r=1.5></circle><polyline points="21 15 16 10 5 21"></polyline><line x1=2 y1=2 x2=22 y2=22>'), we = /* @__PURE__ */ r('<svg width=20 height=20 viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2><line x1=18 y1=6 x2=6 y2=18></line><line x1=6 y1=6 x2=18 y2=18>'), be = /* @__PURE__ */ r('<svg width=20 height=20 viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2><circle cx=11 cy=11 r=8></circle><line x1=21 y1=21 x2=16.65 y2=16.65></line><line x1=11 y1=8 x2=11 y2=14></line><line x1=8 y1=11 x2=14 y2=11>'), ke = /* @__PURE__ */ r('<svg width=20 height=20 viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2><circle cx=11 cy=11 r=8></circle><line x1=21 y1=21 x2=16.65 y2=16.65></line><line x1=8 y1=11 x2=14 y2=11>'), _e = /* @__PURE__ */ r('<svg width=20 height=20 viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2><path d="M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8"></path><path d="M3 3v5h5">');
 const Be = (p) => {
   const [O, X] = v(!0), [Y, J] = v(!1), [S, F] = v(!1), [i, I] = v(1), [x, $] = v({
     x: 0,

package/dist/components/chat/blocks/ToolCallBlock.js

@@ -1,21 +1,21 @@
 import { setAttribute as O, insert as c, createComponent as i, memo as I, effect as B, className as T, template as a, delegateEvents as L } from "solid-js/web";
-import { createSignal as v, createUniqueId as q, createEffect as F, Show as b, For as D, onCleanup as V, createMemo as N } from "solid-js";
+import { createSignal as p, createUniqueId as q, createEffect as F, Show as b, For as D, onCleanup as V, createMemo as N } from "solid-js";
 import { cn as P } from "../../../utils/cn.js";
 import { deferAfterPaint as U } from "../../../utils/defer.js";
 import { useChatContext as H } from "../ChatProvider.js";
 import { BlockRenderer as W } from "./BlockRenderer.js";
-var z = /* @__PURE__ */ a("<span class=chat-tool-summary>"), G = /* @__PURE__ */ a('<div class=chat-tool-approval-actions><button type=button class="chat-tool-approval-btn chat-tool-approval-btn-approve">Approve</button><button type=button class="chat-tool-approval-btn chat-tool-approval-btn-reject">Reject'), K = /* @__PURE__ */ a("<div class=chat-tool-section>"), Q = /* @__PURE__ */ a('<div class="chat-tool-section chat-tool-error-section"><div class=chat-tool-section-label>Error</div><div class=chat-tool-error>'), X = /* @__PURE__ */ a("<div class=chat-tool-children>"), Y = /* @__PURE__ */ a("<div class=chat-tool-call-body><div class=chat-tool-section>"), Z = /* @__PURE__ */ a("<div><div class=chat-tool-call-header><button type=button class=chat-tool-call-header-button><span class=chat-tool-collapse-btn></span><span></span><span class=chat-tool-name>"), tt = /* @__PURE__ */ a("<button type=button class=chat-tool-json-action-btn>Render full"), et = /* @__PURE__ */ a("<button type=button class=chat-tool-json-action-btn>Preview"), nt = /* @__PURE__ */ a("<button type=button class=chat-tool-json-action-btn>Show more"), rt = /* @__PURE__ */ a("<div class=chat-tool-section-header><div class=chat-tool-section-label></div><div class=chat-tool-json-actions>"), ot = /* @__PURE__ */ a("<pre>"), lt = /* @__PURE__ */ a("<div class=chat-tool-json-hint>Showing first <!> characters."), it = /* @__PURE__ */ a('<svg width=16 height=16 viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2><polyline points="9 18 15 12 9 6">'), ct = /* @__PURE__ */ a('<svg width=16 height=16 viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2><polyline points="6 9 12 15 18 9">'), st = /* @__PURE__ */ a('<svg width=14 height=14 viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2><circle cx=12 cy=12 r=10></circle><polyline points="12 6 12 12 16 14">'), at = /* @__PURE__ */ a('<svg width=14 height=14 viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2 class=animate-spin><path d="M21 12a9 9 0 1 1-6.219-8.56">'), ut = /* @__PURE__ */ a('<svg width=14 height=14 viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01">'), ft = /* @__PURE__ */ a('<svg width=14 height=14 viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2><circle cx=12 cy=12 r=10></circle><line x1=15 y1=9 x2=9 y2=15></line><line x1=9 y1=9 x2=15 y2=15>');
+var z = /* @__PURE__ */ a("<span class=chat-tool-summary>"), G = /* @__PURE__ */ a('<div class=chat-tool-approval-actions><button type=button class="chat-tool-approval-btn chat-tool-approval-btn-approve">Approve</button><button type=button class="chat-tool-approval-btn chat-tool-approval-btn-reject">Reject'), K = /* @__PURE__ */ a("<div class=chat-tool-section>"), Q = /* @__PURE__ */ a('<div class="chat-tool-section chat-tool-error-section"><div class=chat-tool-section-label>Error</div><div class=chat-tool-error>'), X = /* @__PURE__ */ a("<div class=chat-tool-children>"), Y = /* @__PURE__ */ a("<div class=chat-tool-call-body><div class=chat-tool-section>"), Z = /* @__PURE__ */ a("<div><div class=chat-tool-call-header><button type=button class=chat-tool-call-header-button><span class=chat-tool-collapse-btn></span><span></span><span class=chat-tool-name>"), tt = /* @__PURE__ */ a("<button type=button class=chat-tool-json-action-btn>Render full"), et = /* @__PURE__ */ a("<button type=button class=chat-tool-json-action-btn>Preview"), nt = /* @__PURE__ */ a("<button type=button class=chat-tool-json-action-btn>Show more"), rt = /* @__PURE__ */ a("<div class=chat-tool-section-header><div class=chat-tool-section-label></div><div class=chat-tool-json-actions>"), lt = /* @__PURE__ */ a("<pre>"), ot = /* @__PURE__ */ a("<div class=chat-tool-json-hint>Showing first <!> characters."), it = /* @__PURE__ */ a('<svg width=16 height=16 viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2><polyline points="9 18 15 12 9 6">'), ct = /* @__PURE__ */ a('<svg width=16 height=16 viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2><polyline points="6 9 12 15 18 9">'), st = /* @__PURE__ */ a('<svg width=14 height=14 viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2><circle cx=12 cy=12 r=10></circle><polyline points="12 6 12 12 16 14">'), at = /* @__PURE__ */ a('<svg width=14 height=14 viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2 class=animate-spin><path d="M21 12a9 9 0 1 1-6.219-8.56">'), ut = /* @__PURE__ */ a('<svg width=14 height=14 viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01">'), ft = /* @__PURE__ */ a('<svg width=14 height=14 viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2><circle cx=12 cy=12 r=10></circle><line x1=15 y1=9 x2=9 y2=15></line><line x1=9 y1=9 x2=15 y2=15>');
 const jt = (t) => {
-  const r = H(), [s, $] = v(!0), e = `chat-tool-call-body-${q()}`;
+  const r = H(), [s, $] = p(!0), e = `chat-tool-call-body-${q()}`;
   F(() => {
     $(t.block.collapsed ?? !0);
   });
   const f = () => s(), y = () => {
-    $((o) => !o), r.toggleToolCollapse(t.messageId, t.block.toolId);
+    $((l) => !l), r.toggleToolCollapse(t.messageId, t.block.toolId);
   }, k = () => {
     switch (t.block.status) {
       case "pending":
-        return "text-muted-foreground";
+        return "text-[var(--floe-ink-soft)]";
       case "running":
         return "text-info";
       case "success":
@@ -23,7 +23,7 @@ const jt = (t) => {
       case "error":
         return "text-error";
       default:
-        return "text-muted-foreground";
+        return "text-[var(--floe-ink-soft)]";
     }
   }, _ = () => {
     switch (t.block.status) {
@@ -34,20 +34,20 @@ const jt = (t) => {
       case "success":
         return i(_t, {});
       case "error":
-        return i(xt, {});
+        return i(vt, {});
       default:
         return null;
     }
-  }, x = () => {
+  }, v = () => {
     if (t.block.status === "running") return "Running...";
     if (t.block.status === "error") {
-      const o = t.block.error || "Unknown error";
-      return `Error: ${o.slice(0, 50)}${o.length > 50 ? "..." : ""}`;
+      const l = t.block.error || "Unknown error";
+      return `Error: ${l.slice(0, 50)}${l.length > 50 ? "..." : ""}`;
     }
     return t.block.status === "success" ? typeof t.block.result == "string" ? t.block.result.slice(0, 60) + (t.block.result.length > 60 ? "..." : "") : "Completed" : "Pending";
   };
   return (() => {
-    var o = Z(), g = o.firstChild, h = g.firstChild, E = h.firstChild, C = E.nextSibling, j = C.nextSibling;
+    var l = Z(), g = l.firstChild, h = g.firstChild, E = h.firstChild, C = E.nextSibling, j = C.nextSibling;
     return h.$$click = y, O(h, "aria-controls", e), c(E, i(b, {
       get when() {
         return f();
@@ -63,32 +63,32 @@ const jt = (t) => {
         return I(() => !!f())() && !(t.block.requiresApproval === !0 && t.block.approvalState === "required");
       },
       get children() {
-        var l = z();
-        return c(l, x), l;
+        var o = z();
+        return c(o, v), o;
       }
     }), null), c(g, i(b, {
       get when() {
         return I(() => t.block.requiresApproval === !0)() && t.block.approvalState === "required";
       },
       get children() {
-        var l = G(), w = l.firstChild, u = w.nextSibling;
+        var o = G(), w = o.firstChild, u = w.nextSibling;
         return w.$$click = () => {
           r.approveToolCall(t.messageId, t.block.toolId, !0);
         }, u.$$click = () => {
           r.approveToolCall(t.messageId, t.block.toolId, !1);
-        }, l;
+        }, o;
       }
-    }), null), c(o, i(b, {
+    }), null), c(l, i(b, {
       get when() {
         return !f();
       },
       get children() {
-        var l = Y(), w = l.firstChild;
-        return O(l, "id", e), c(w, i(R, {
+        var o = Y(), w = o.firstChild;
+        return O(o, "id", e), c(w, i(R, {
           label: "Arguments",
           class: "chat-tool-args",
           value: () => t.block.args
-        })), c(l, i(b, {
+        })), c(o, i(b, {
           get when() {
             return t.block.result !== void 0;
           },
@@ -100,7 +100,7 @@ const jt = (t) => {
               value: () => t.block.result
             })), u;
           }
-        }), null), c(l, i(b, {
+        }), null), c(o, i(b, {
           get when() {
             return t.block.error;
           },
@@ -108,7 +108,7 @@ const jt = (t) => {
             var u = Q(), n = u.firstChild, d = n.nextSibling;
             return c(d, () => t.block.error), u;
           }
-        }), null), c(l, i(b, {
+        }), null), c(o, i(b, {
           get when() {
             return I(() => !!t.block.children)() && t.block.children.length > 0;
           },
@@ -132,20 +132,20 @@ const jt = (t) => {
               })
             })), u;
           }
-        }), null), l;
+        }), null), o;
       }
-    }), null), B((l) => {
+    }), null), B((o) => {
       var w = P("chat-tool-call-block", t.class), u = !f(), n = P("chat-tool-status-icon", k());
-      return w !== l.e && T(o, l.e = w), u !== l.t && O(h, "aria-expanded", l.t = u), n !== l.a && T(C, l.a = n), l;
+      return w !== o.e && T(l, o.e = w), u !== o.t && O(h, "aria-expanded", o.t = u), n !== o.a && T(C, o.a = n), o;
     }, {
       e: void 0,
       t: void 0,
       a: void 0
-    }), o;
+    }), l;
   })();
 }, A = 2e4, ht = 2e4;
 function R(t) {
-  const [r, s] = v("full"), [$, e] = v(!1), [f, y] = v(null), [k, _] = v(null), [x, o] = v(A);
+  const [r, s] = p("full"), [$, e] = p(!1), [f, y] = p(null), [k, _] = p(null), [v, l] = p(A);
   let g = 0, h = !1;
   V(() => {
     h = !0, g++;
@@ -153,27 +153,27 @@ function R(t) {
   const E = N(() => dt(t.value())), C = N(() => {
     const n = k();
     if (!n) return "";
-    const d = x();
+    const d = v();
     return n.length > d ? n.slice(0, d) : n;
   }), j = () => {
     const n = k();
-    return !!n && n.length > x();
-  }, l = () => s("full"), w = () => {
-    g++, s("preview"), e(!1), y(null), _(null), o(A);
+    return !!n && n.length > v();
+  }, o = () => s("full"), w = () => {
+    g++, s("preview"), e(!1), y(null), _(null), l(A);
   };
   F(() => {
     if (r() !== "full") return;
     const n = t.value(), d = ++g;
-    e(!0), y(null), _(null), o(A);
-    const S = n;
+    e(!0), y(null), _(null), l(A);
+    const x = n;
     U(() => {
       const m = () => !h && d === g;
       if (m())
         try {
-          const p = gt(S);
-          m() && _(p);
-        } catch (p) {
-          m() && y(p instanceof Error ? p.message : "Failed to render payload");
+          const S = gt(x);
+          m() && _(S);
+        } catch (S) {
+          m() && y(S instanceof Error ? S.message : "Failed to render payload");
         } finally {
           m() && e(!1);
         }
@@ -181,16 +181,16 @@ function R(t) {
   });
   const u = () => r() === "preview" ? E() : $() ? "Preparing..." : f() ? `Error: ${f()}` : C();
   return [(() => {
-    var n = rt(), d = n.firstChild, S = d.nextSibling;
-    return c(d, () => t.label), c(S, i(b, {
+    var n = rt(), d = n.firstChild, x = d.nextSibling;
+    return c(d, () => t.label), c(x, i(b, {
       get when() {
         return r() === "preview";
       },
       get children() {
         var m = tt();
-        return m.$$click = l, m;
+        return m.$$click = o, m;
       }
-    }), null), c(S, i(b, {
+    }), null), c(x, i(b, {
       get when() {
         return r() === "full";
       },
@@ -198,25 +198,25 @@ function R(t) {
         var m = et();
         return m.$$click = w, m;
       }
-    }), null), c(S, i(b, {
+    }), null), c(x, i(b, {
       get when() {
         return I(() => r() === "full")() && j();
       },
       get children() {
         var m = nt();
-        return m.$$click = () => o((p) => p + ht), m;
+        return m.$$click = () => l((S) => S + ht), m;
       }
     }), null), n;
   })(), (() => {
-    var n = ot();
+    var n = lt();
     return c(n, u), B(() => T(n, t.class)), n;
   })(), i(b, {
     get when() {
       return I(() => r() === "full")() && j();
     },
     get children() {
-      var n = lt(), d = n.firstChild, S = d.nextSibling;
-      return S.nextSibling, c(n, () => x().toLocaleString(), S), n;
+      var n = ot(), d = n.firstChild, x = d.nextSibling;
+      return x.nextSibling, c(n, () => v().toLocaleString(), x), n;
     }
   })];
 }
@@ -259,7 +259,7 @@ function bt(t, r) {
   return J(t, r, 0, /* @__PURE__ */ new WeakSet());
 }
 function J(t, r, s, $) {
-  const e = (o) => "  ".repeat(o);
+  const e = (l) => "  ".repeat(l);
   if (t === null) return "null";
   if (t === void 0) return "undefined";
   if (typeof t == "string") return JSON.stringify(M(t, r.maxStringLen));
@@ -278,28 +278,28 @@ function J(t, r, s, $) {
   if ($.has(f)) return JSON.stringify("[Circular]");
   if ($.add(f), Array.isArray(t)) {
     if (s >= r.maxDepth) return JSON.stringify(`[Array(${t.length})]`);
-    const o = ["["], g = Math.min(t.length, r.maxArrayEntries);
+    const l = ["["], g = Math.min(t.length, r.maxArrayEntries);
     for (let h = 0; h < g; h++)
-      o.push(`${e(s + 1)}${J(t[h], r, s + 1, $)}`);
-    return t.length > g && o.push(`${e(s + 1)}"... (${t.length - g} more)"`), o.push(`${e(s)}]`), o.join(`
+      l.push(`${e(s + 1)}${J(t[h], r, s + 1, $)}`);
+    return t.length > g && l.push(`${e(s + 1)}"... (${t.length - g} more)"`), l.push(`${e(s)}]`), l.join(`
 `);
   }
   if (s >= r.maxDepth) return JSON.stringify("[Object]");
   const y = t, k = ["{"];
-  let _ = 0, x = !1;
-  for (const o in y) {
-    if (!Object.prototype.hasOwnProperty.call(y, o)) continue;
+  let _ = 0, v = !1;
+  for (const l in y) {
+    if (!Object.prototype.hasOwnProperty.call(y, l)) continue;
     if (_ >= r.maxObjectEntries) {
-      x = !0;
+      v = !0;
       break;
     }
-    const g = y[o], h = J(g, r, s + 1, $);
-    k.push(`${e(s + 1)}${JSON.stringify(o)}: ${h}`), _++;
+    const g = y[l], h = J(g, r, s + 1, $);
+    k.push(`${e(s + 1)}${JSON.stringify(l)}: ${h}`), _++;
   }
-  return x && k.push(`${e(s + 1)}"...": "... (truncated)"`), k.push(`${e(s)}}`), k.join(`
+  return v && k.push(`${e(s + 1)}"...": "... (truncated)"`), k.push(`${e(s)}}`), k.join(`
 `);
 }
-const $t = () => it(), yt = () => ct(), kt = () => st(), wt = () => at(), _t = () => ut(), xt = () => ft();
+const $t = () => it(), yt = () => ct(), kt = () => st(), wt = () => at(), _t = () => ut(), vt = () => ft();
 L(["click"]);
 export {
   jt as ToolCallBlock

package/dist/components/chat/status/ConnectionStatus.js

@@ -1,10 +1,10 @@
-import { insert as d, effect as m, className as l, template as f } from "solid-js/web";
+import { insert as f, effect as d, className as l, template as v } from "solid-js/web";
 import "solid-js";
 import { cn as s } from "../../../utils/cn.js";
-var b = /* @__PURE__ */ f("<div><span></span><span class=chat-connection-label>");
-const h = (t) => {
+var m = /* @__PURE__ */ v("<div><span></span><span class=chat-connection-label>");
+const h = (e) => {
   const i = () => {
-    switch (t.state) {
+    switch (e.state) {
       case "connecting":
         return {
           label: "Connecting...",
@@ -18,7 +18,7 @@ const h = (t) => {
       case "disconnected":
         return {
           label: "Disconnected",
-          color: "text-muted-foreground"
+          color: "text-[var(--floe-ink-soft)]"
         };
       case "error":
         return {
@@ -28,15 +28,15 @@ const h = (t) => {
       default:
         return {
           label: "Unknown",
-          color: "text-muted-foreground"
+          color: "text-[var(--floe-ink-soft)]"
         };
     }
   }, o = () => i();
   return (() => {
-    var n = b(), r = n.firstChild, u = r.nextSibling;
-    return d(u, () => o().label), m((e) => {
-      var c = s("chat-connection-status", o().color, t.class), a = s("chat-connection-dot", t.state === "connecting" && "animate-pulse");
-      return c !== e.e && l(n, e.e = c), a !== e.t && l(r, e.t = a), e;
+    var n = m(), c = n.firstChild, u = c.nextSibling;
+    return f(u, () => o().label), d((t) => {
+      var r = s("chat-connection-status", o().color, e.class), a = s("chat-connection-dot", e.state === "connecting" && "animate-pulse");
+      return r !== t.e && l(n, t.e = r), a !== t.t && l(c, t.t = a), t;
     }, {
       e: void 0,
       t: void 0