@floegence/floe-webapp-core 0.50.6 → 0.51.0

package/dist/components/ui/Pagination.js

@@ -1,7 +1,7 @@
-import { createComponent as t, spread as M, mergeProps as I, insert as i, effect as g, className as b, memo as J, setAttribute as w, template as u, delegateEvents as D } from "solid-js/web";
-import { splitProps as j, createMemo as q, Switch as H, Match as N, Show as _, For as E } from "solid-js";
-import { cn as v } from "../../utils/cn.js";
-var K = /* @__PURE__ */ u('<svg viewBox="0 0 16 16"fill=currentColor><path fill-rule=evenodd d="M9.78 4.22a.75.75 0 010 1.06L7.06 8l2.72 2.72a.75.75 0 11-1.06 1.06L5.47 8.53a.75.75 0 010-1.06l3.25-3.25a.75.75 0 011.06 0z"clip-rule=evenodd>'), O = /* @__PURE__ */ u('<svg viewBox="0 0 16 16"fill=currentColor><path fill-rule=evenodd d="M6.22 4.22a.75.75 0 011.06 0l3.25 3.25a.75.75 0 010 1.06l-3.25 3.25a.75.75 0 01-1.06-1.06L8.94 8 6.22 5.28a.75.75 0 010-1.06z"clip-rule=evenodd>'), Q = /* @__PURE__ */ u('<svg viewBox="0 0 16 16"fill=currentColor><path fill-rule=evenodd d="M8.78 4.22a.75.75 0 010 1.06L6.06 8l2.72 2.72a.75.75 0 11-1.06 1.06L4.47 8.53a.75.75 0 010-1.06l3.25-3.25a.75.75 0 011.06 0z"clip-rule=evenodd></path><path fill-rule=evenodd d="M12.78 4.22a.75.75 0 010 1.06L10.06 8l2.72 2.72a.75.75 0 11-1.06 1.06L8.47 8.53a.75.75 0 010-1.06l3.25-3.25a.75.75 0 011.06 0z"clip-rule=evenodd>'), U = /* @__PURE__ */ u('<svg viewBox="0 0 16 16"fill=currentColor><path fill-rule=evenodd d="M3.22 4.22a.75.75 0 011.06 0l3.25 3.25a.75.75 0 010 1.06l-3.25 3.25a.75.75 0 01-1.06-1.06L5.94 8 3.22 5.28a.75.75 0 010-1.06z"clip-rule=evenodd></path><path fill-rule=evenodd d="M7.22 4.22a.75.75 0 011.06 0l3.25 3.25a.75.75 0 010 1.06l-3.25 3.25a.75.75 0 01-1.06-1.06L9.94 8 7.22 5.28a.75.75 0 010-1.06z"clip-rule=evenodd>'), V = /* @__PURE__ */ u('<svg viewBox="0 0 16 16"fill=currentColor><circle cx=4 cy=8 r=1.5></circle><circle cx=8 cy=8 r=1.5></circle><circle cx=12 cy=8 r=1.5>'), W = /* @__PURE__ */ u("<button type=button>"), X = /* @__PURE__ */ u("<nav aria-label=Pagination><span>Page <!> of "), Y = /* @__PURE__ */ u("<nav aria-label=Pagination><span> / "), Z = /* @__PURE__ */ u("<span> items"), ee = /* @__PURE__ */ u('<div class="flex items-center gap-2"><span>Show</span><select>'), te = /* @__PURE__ */ u('<div class="flex items-center gap-2"><span>Go to</span><input type=number min=1>'), re = /* @__PURE__ */ u('<nav aria-label=Pagination><div class="flex items-center gap-1">'), ne = /* @__PURE__ */ u("<option>"), le = /* @__PURE__ */ u("<span>");
+import { createComponent as t, spread as M, mergeProps as I, insert as s, effect as g, className as w, memo as J, setAttribute as x, template as u, delegateEvents as D } from "solid-js/web";
+import { splitProps as j, createMemo as q, Switch as H, Match as N, Show as k, For as E } from "solid-js";
+import { cn as p } from "../../utils/cn.js";
+var K = /* @__PURE__ */ u('<svg viewBox="0 0 16 16"fill=currentColor><path fill-rule=evenodd d="M9.78 4.22a.75.75 0 010 1.06L7.06 8l2.72 2.72a.75.75 0 11-1.06 1.06L5.47 8.53a.75.75 0 010-1.06l3.25-3.25a.75.75 0 011.06 0z"clip-rule=evenodd>'), O = /* @__PURE__ */ u('<svg viewBox="0 0 16 16"fill=currentColor><path fill-rule=evenodd d="M6.22 4.22a.75.75 0 011.06 0l3.25 3.25a.75.75 0 010 1.06l-3.25 3.25a.75.75 0 01-1.06-1.06L8.94 8 6.22 5.28a.75.75 0 010-1.06z"clip-rule=evenodd>'), Q = /* @__PURE__ */ u('<svg viewBox="0 0 16 16"fill=currentColor><path fill-rule=evenodd d="M8.78 4.22a.75.75 0 010 1.06L6.06 8l2.72 2.72a.75.75 0 11-1.06 1.06L4.47 8.53a.75.75 0 010-1.06l3.25-3.25a.75.75 0 011.06 0z"clip-rule=evenodd></path><path fill-rule=evenodd d="M12.78 4.22a.75.75 0 010 1.06L10.06 8l2.72 2.72a.75.75 0 11-1.06 1.06L8.47 8.53a.75.75 0 010-1.06l3.25-3.25a.75.75 0 011.06 0z"clip-rule=evenodd>'), U = /* @__PURE__ */ u('<svg viewBox="0 0 16 16"fill=currentColor><path fill-rule=evenodd d="M3.22 4.22a.75.75 0 011.06 0l3.25 3.25a.75.75 0 010 1.06l-3.25 3.25a.75.75 0 01-1.06-1.06L5.94 8 3.22 5.28a.75.75 0 010-1.06z"clip-rule=evenodd></path><path fill-rule=evenodd d="M7.22 4.22a.75.75 0 011.06 0l3.25 3.25a.75.75 0 010 1.06l-3.25 3.25a.75.75 0 01-1.06-1.06L9.94 8 7.22 5.28a.75.75 0 010-1.06z"clip-rule=evenodd>'), V = /* @__PURE__ */ u('<svg viewBox="0 0 16 16"fill=currentColor><circle cx=4 cy=8 r=1.5></circle><circle cx=8 cy=8 r=1.5></circle><circle cx=12 cy=8 r=1.5>'), W = /* @__PURE__ */ u("<button type=button data-floe-surface-part=action>"), X = /* @__PURE__ */ u("<nav aria-label=Pagination><span>Page <!> of "), Y = /* @__PURE__ */ u("<nav aria-label=Pagination><span> / "), Z = /* @__PURE__ */ u("<span> items"), ee = /* @__PURE__ */ u('<div class="flex items-center gap-2"><span>Show</span><select data-floe-surface=inset>'), te = /* @__PURE__ */ u('<div class="flex items-center gap-2"><span>Go to</span><input data-floe-surface=inset type=number min=1>'), re = /* @__PURE__ */ u('<nav aria-label=Pagination><div class="flex items-center gap-1">'), ne = /* @__PURE__ */ u("<option>"), le = /* @__PURE__ */ u("<span>");
 const ae = {
   sm: {
     button: "h-7 min-w-7 px-2 text-xs",
@@ -19,70 +19,72 @@ const ae = {
     input: "h-9 w-18 text-sm"
   }
 };
-function R(c) {
+function A(c) {
   return (() => {
     var e = K();
-    return g(() => w(e, "class", c.class)), e;
+    return g(() => x(e, "class", c.class)), e;
   })();
 }
-function F(c) {
+function R(c) {
   return (() => {
     var e = O();
-    return g(() => w(e, "class", c.class)), e;
+    return g(() => x(e, "class", c.class)), e;
   })();
 }
 function T(c) {
   return (() => {
     var e = Q();
-    return g(() => w(e, "class", c.class)), e;
+    return g(() => x(e, "class", c.class)), e;
   })();
 }
 function G(c) {
   return (() => {
     var e = U();
-    return g(() => w(e, "class", c.class)), e;
+    return g(() => x(e, "class", c.class)), e;
   })();
 }
 function ie(c) {
   return (() => {
     var e = V();
-    return g(() => w(e, "class", c.class)), e;
+    return g(() => x(e, "class", c.class)), e;
   })();
 }
-function se(c, e, f) {
-  const P = f * 2 + 5;
+function se(c, e, m) {
+  const P = m * 2 + 5;
   if (e <= P)
     return Array.from({
       length: e
-    }, (x, o) => o + 1);
-  const C = Math.max(c - f, 1), S = Math.min(c + f, e), h = C > 2, z = S < e - 1;
+    }, (b, o) => o + 1);
+  const $ = Math.max(c - m, 1), S = Math.min(c + m, e), h = $ > 2, z = S < e - 1;
   return !h && z ? [...Array.from({
-    length: 3 + 2 * f
-  }, (o, k) => k + 1), "ellipsis", e] : h && !z ? [1, "ellipsis", ...Array.from({
-    length: 3 + 2 * f
-  }, (o, k) => e - (3 + 2 * f) + k + 1)] : [1, "ellipsis", ...Array.from({
-    length: S - C + 1
-  }, (x, o) => C + o), "ellipsis", e];
+    length: 3 + 2 * m
+  }, (o, y) => y + 1), "ellipsis", e] : h && !z ? [1, "ellipsis", ...Array.from({
+    length: 3 + 2 * m
+  }, (o, y) => e - (3 + 2 * m) + y + 1)] : [1, "ellipsis", ...Array.from({
+    length: S - $ + 1
+  }, (b, o) => $ + o), "ellipsis", e];
 }
 function ue(c) {
-  const [e, f] = j(c, ["page", "totalPages", "onChange", "size", "variant", "siblingCount", "showFirstLast", "showPageSize", "pageSize", "pageSizes", "onPageSizeChange", "showJumpTo", "totalItems", "disabled", "class"]), P = () => e.size ?? "md", C = () => e.variant ?? "default", S = () => e.siblingCount ?? 1, h = () => ae[P()], z = q(() => se(e.page, e.totalPages, S())), $ = () => e.page > 1, x = () => e.page < e.totalPages, o = (r) => {
+  const [e, m] = j(c, ["page", "totalPages", "onChange", "size", "variant", "siblingCount", "showFirstLast", "showPageSize", "pageSize", "pageSizes", "onPageSizeChange", "showJumpTo", "totalItems", "disabled", "class"]), P = () => e.size ?? "md", $ = () => e.variant ?? "default", S = () => e.siblingCount ?? 1, h = () => ae[P()], z = q(() => se(e.page, e.totalPages, S())), L = () => e.page > 1, b = () => e.page < e.totalPages, o = (r) => {
     if (e.disabled) return;
     const a = Math.max(1, Math.min(r, e.totalPages));
     a !== e.page && e.onChange?.(a);
-  }, k = (r) => {
+  }, y = (r) => {
     const a = r.target, n = parseInt(a.value, 10);
     isNaN(n) || o(n), a.value = "";
-  }, m = (r) => {
+  }, f = (r) => {
     const a = () => r.onClick?.();
     return (() => {
       var n = W();
-      return n.$$click = a, i(n, () => r.children), g((s) => {
-        var d = r.disabled || e.disabled, l = r.title, p = v("inline-flex items-center justify-center rounded-md font-medium transition-colors duration-150 cursor-pointer", h().button, r.isActive ? "bg-primary text-primary-foreground" : "bg-background text-foreground hover:bg-muted border border-border", (r.disabled || e.disabled) && "opacity-50 cursor-not-allowed");
-        return d !== s.e && (n.disabled = s.e = d), l !== s.t && w(n, "title", s.t = l), p !== s.a && b(n, s.a = p), s;
+      return n.$$click = a, s(n, () => r.children), g((i) => {
+        var d = r.isActive ? "inset" : "raised", l = r.isActive ? "page" : void 0, v = r.disabled || e.disabled, C = r.title, _ = p("inline-flex items-center justify-center rounded-md font-medium transition-colors duration-150 cursor-pointer", h().button, r.isActive ? "bg-primary text-primary-foreground" : "bg-background text-foreground hover:bg-muted border border-border", (r.disabled || e.disabled) && "opacity-50 cursor-not-allowed");
+        return d !== i.e && x(n, "data-floe-surface", i.e = d), l !== i.t && x(n, "aria-current", i.t = l), v !== i.a && (n.disabled = i.a = v), C !== i.o && x(n, "title", i.o = C), _ !== i.i && w(n, i.i = _), i;
       }, {
         e: void 0,
         t: void 0,
-        a: void 0
+        a: void 0,
+        o: void 0,
+        i: void 0
       }), n;
     })();
   };
@@ -90,56 +92,56 @@ function ue(c) {
     get children() {
       return [t(N, {
         get when() {
-          return C() === "simple";
+          return $() === "simple";
         },
         get children() {
-          var r = X(), a = r.firstChild, n = a.firstChild, s = n.nextSibling;
-          return s.nextSibling, M(r, I({
+          var r = X(), a = r.firstChild, n = a.firstChild, i = n.nextSibling;
+          return i.nextSibling, M(r, I({
             get class() {
-              return v("flex items-center gap-2", e.class);
+              return p("flex items-center gap-2", e.class);
             }
-          }, f), !1, !0), i(r, t(m, {
+          }, m), !1, !0), s(r, t(f, {
             get disabled() {
-              return !$();
+              return !L();
             },
             onClick: () => o(e.page - 1),
             title: "Previous page",
             get children() {
-              return t(R, {
+              return t(A, {
                 class: "w-4 h-4"
               });
             }
-          }), a), i(a, () => e.page, s), i(a, () => e.totalPages, null), i(r, t(m, {
+          }), a), s(a, () => e.page, i), s(a, () => e.totalPages, null), s(r, t(f, {
             get disabled() {
-              return !x();
+              return !b();
             },
             onClick: () => o(e.page + 1),
             title: "Next page",
             get children() {
-              return t(F, {
+              return t(R, {
                 class: "w-4 h-4"
               });
             }
-          }), null), g(() => b(a, v("text-muted-foreground px-2", h().text))), r;
+          }), null), g(() => w(a, p("text-muted-foreground px-2", h().text))), r;
         }
       }), t(N, {
         get when() {
-          return C() === "minimal";
+          return $() === "minimal";
         },
         get children() {
           var r = Y(), a = r.firstChild, n = a.firstChild;
           return M(r, I({
             get class() {
-              return v("flex items-center gap-1", e.class);
+              return p("flex items-center gap-1", e.class);
             }
-          }, f), !1, !0), i(r, t(_, {
+          }, m), !1, !0), s(r, t(k, {
             get when() {
               return e.showFirstLast;
             },
             get children() {
-              return t(m, {
+              return t(f, {
                 get disabled() {
-                  return !$();
+                  return !L();
                 },
                 onClick: () => o(1),
                 title: "First page",
@@ -150,36 +152,36 @@ function ue(c) {
                 }
               });
             }
-          }), a), i(r, t(m, {
+          }), a), s(r, t(f, {
             get disabled() {
-              return !$();
+              return !L();
             },
             onClick: () => o(e.page - 1),
             title: "Previous page",
             get children() {
-              return t(R, {
+              return t(A, {
                 class: "w-4 h-4"
               });
             }
-          }), a), i(a, () => e.page, n), i(a, () => e.totalPages, null), i(r, t(m, {
+          }), a), s(a, () => e.page, n), s(a, () => e.totalPages, null), s(r, t(f, {
             get disabled() {
-              return !x();
+              return !b();
             },
             onClick: () => o(e.page + 1),
             title: "Next page",
             get children() {
-              return t(F, {
+              return t(R, {
                 class: "w-4 h-4"
               });
             }
-          }), null), i(r, t(_, {
+          }), null), s(r, t(k, {
             get when() {
               return e.showFirstLast;
             },
             get children() {
-              return t(m, {
+              return t(f, {
                 get disabled() {
-                  return !x();
+                  return !b();
                 },
                 onClick: () => o(e.totalPages),
                 title: "Last page",
@@ -190,57 +192,57 @@ function ue(c) {
                 }
               });
             }
-          }), null), g(() => b(a, v("text-muted-foreground px-3 tabular-nums", h().text))), r;
+          }), null), g(() => w(a, p("text-muted-foreground px-3 tabular-nums", h().text))), r;
         }
       }), t(N, {
         get when() {
-          return C() === "default";
+          return $() === "default";
         },
         get children() {
           var r = re(), a = r.firstChild;
           return M(r, I({
             get class() {
-              return v("flex items-center gap-4", e.class);
+              return p("flex items-center gap-4", e.class);
             }
-          }, f), !1, !0), i(r, t(_, {
+          }, m), !1, !0), s(r, t(k, {
             get when() {
               return e.totalItems !== void 0;
             },
             get children() {
-              var n = Z(), s = n.firstChild;
-              return i(n, () => e.totalItems, s), g(() => b(n, v("text-muted-foreground", h().text))), n;
+              var n = Z(), i = n.firstChild;
+              return s(n, () => e.totalItems, i), g(() => w(n, p("text-muted-foreground", h().text))), n;
             }
-          }), a), i(r, t(_, {
+          }), a), s(r, t(k, {
             get when() {
               return J(() => !!e.showPageSize)() && e.pageSizes;
             },
             get children() {
-              var n = ee(), s = n.firstChild, d = s.nextSibling;
-              return d.addEventListener("change", (l) => e.onPageSizeChange?.(parseInt(l.target.value, 10))), i(d, t(E, {
+              var n = ee(), i = n.firstChild, d = i.nextSibling;
+              return d.addEventListener("change", (l) => e.onPageSizeChange?.(parseInt(l.target.value, 10))), s(d, t(E, {
                 get each() {
                   return e.pageSizes;
                 },
                 children: (l) => (() => {
-                  var p = ne();
-                  return p.value = l, i(p, l), p;
+                  var v = ne();
+                  return v.value = l, s(v, l), v;
                 })()
               })), g((l) => {
-                var p = v("text-muted-foreground", h().text), L = e.disabled, y = v("rounded-md border border-border bg-background px-2 focus:outline-none", h().input, e.disabled && "opacity-50 cursor-not-allowed");
-                return p !== l.e && b(s, l.e = p), L !== l.t && (d.disabled = l.t = L), y !== l.a && b(d, l.a = y), l;
+                var v = p("text-muted-foreground", h().text), C = e.disabled, _ = p("rounded-md border border-border bg-background px-2 focus:outline-none", h().input, e.disabled && "opacity-50 cursor-not-allowed");
+                return v !== l.e && w(i, l.e = v), C !== l.t && (d.disabled = l.t = C), _ !== l.a && w(d, l.a = _), l;
               }, {
                 e: void 0,
                 t: void 0,
                 a: void 0
               }), g(() => d.value = e.pageSize), n;
             }
-          }), a), i(a, t(_, {
+          }), a), s(a, t(k, {
             get when() {
               return e.showFirstLast;
             },
             get children() {
-              return t(m, {
+              return t(f, {
                 get disabled() {
-                  return !$();
+                  return !L();
                 },
                 onClick: () => o(1),
                 title: "First page",
@@ -251,27 +253,27 @@ function ue(c) {
                 }
               });
             }
-          }), null), i(a, t(m, {
+          }), null), s(a, t(f, {
             get disabled() {
-              return !$();
+              return !L();
             },
             onClick: () => o(e.page - 1),
             title: "Previous page",
             get children() {
-              return t(R, {
+              return t(A, {
                 class: "w-4 h-4"
               });
             }
-          }), null), i(a, t(E, {
+          }), null), s(a, t(E, {
             get each() {
               return z();
             },
             children: (n) => n === "ellipsis" ? (() => {
-              var s = le();
-              return i(s, t(ie, {
+              var i = le();
+              return s(i, t(ie, {
                 class: "w-4 h-4"
-              })), g(() => b(s, v("px-2 text-muted-foreground", h().text))), s;
-            })() : t(m, {
+              })), g(() => w(i, p("px-2 text-muted-foreground", h().text))), i;
+            })() : t(f, {
               page: n,
               get isActive() {
                 return n === e.page;
@@ -279,25 +281,25 @@ function ue(c) {
               onClick: () => o(n),
               children: n
             })
-          }), null), i(a, t(m, {
+          }), null), s(a, t(f, {
             get disabled() {
-              return !x();
+              return !b();
             },
             onClick: () => o(e.page + 1),
             title: "Next page",
             get children() {
-              return t(F, {
+              return t(R, {
                 class: "w-4 h-4"
               });
             }
-          }), null), i(a, t(_, {
+          }), null), s(a, t(k, {
             get when() {
               return e.showFirstLast;
             },
             get children() {
-              return t(m, {
+              return t(f, {
                 get disabled() {
-                  return !x();
+                  return !b();
                 },
                 onClick: () => o(e.totalPages),
                 title: "Last page",
@@ -308,15 +310,15 @@ function ue(c) {
                 }
               });
             }
-          }), null), i(r, t(_, {
+          }), null), s(r, t(k, {
             get when() {
               return e.showJumpTo;
             },
             get children() {
-              var n = te(), s = n.firstChild, d = s.nextSibling;
-              return d.addEventListener("blur", k), d.$$keydown = (l) => l.key === "Enter" && k(l), g((l) => {
-                var p = v("text-muted-foreground", h().text), L = e.totalPages, y = String(e.page), A = e.disabled, B = v("rounded-md border border-border bg-background px-2 text-center", "focus:outline-none", "[appearance:textfield] [&::-webkit-outer-spin-button]:appearance-none [&::-webkit-inner-spin-button]:appearance-none", h().input, e.disabled && "opacity-50 cursor-not-allowed");
-                return p !== l.e && b(s, l.e = p), L !== l.t && w(d, "max", l.t = L), y !== l.a && w(d, "placeholder", l.a = y), A !== l.o && (d.disabled = l.o = A), B !== l.i && b(d, l.i = B), l;
+              var n = te(), i = n.firstChild, d = i.nextSibling;
+              return d.addEventListener("blur", y), d.$$keydown = (l) => l.key === "Enter" && y(l), g((l) => {
+                var v = p("text-muted-foreground", h().text), C = e.totalPages, _ = String(e.page), F = e.disabled, B = p("rounded-md border border-border bg-background px-2 text-center", "focus:outline-none", "[appearance:textfield] [&::-webkit-outer-spin-button]:appearance-none [&::-webkit-inner-spin-button]:appearance-none", h().input, e.disabled && "opacity-50 cursor-not-allowed");
+                return v !== l.e && w(i, l.e = v), C !== l.t && x(d, "max", l.t = C), _ !== l.a && x(d, "placeholder", l.a = _), F !== l.o && (d.disabled = l.o = F), B !== l.i && w(d, l.i = B), l;
               }, {
                 e: void 0,
                 t: void 0,

package/dist/components/ui/ProcessingIndicator.js

@@ -1,7 +1,7 @@
 import { spread as J, mergeProps as K, insert as r, createComponent as t, template as u, setStyleProperty as B, setAttribute as d, memo as q, effect as N, className as T } from "solid-js/web";
 import { splitProps as ee, createSignal as V, createEffect as E, onCleanup as F, Show as p, For as S, createUniqueId as z, createMemo as re } from "solid-js";
 import { cn as D } from "../../utils/cn.js";
-var Q = /* @__PURE__ */ u("<div>"), R = /* @__PURE__ */ u("<span>"), te = /* @__PURE__ */ u('<span class="ml-1.5 font-mono text-[10px] opacity-50">'), le = /* @__PURE__ */ u('<div class="inline-flex items-center gap-2.5"><div class="flex items-end gap-0.5 h-3"></div><span class="text-[11px] text-muted-foreground processing-text-shimmer">'), ie = /* @__PURE__ */ u('<div class="w-0.5 bg-primary rounded-full processing-bar">'), U = /* @__PURE__ */ u('<span class="text-[10px] font-mono text-muted-foreground">'), ne = /* @__PURE__ */ u('<div class="relative inline-flex"><div class="absolute -inset-[1px] rounded-full processing-gradient-border overflow-hidden"><div class="absolute inset-0 processing-gradient-spin"style="background:conic-gradient(from 0deg, var(--primary), transparent, var(--primary))"></div></div><div class="relative inline-flex items-center gap-2 px-3 py-1.5 rounded-full bg-background"><div class="relative w-4 h-4">'), ae = /* @__PURE__ */ u('<div class="absolute w-1.5 h-1.5 rounded-full bg-primary processing-orbit-dot">'), L = /* @__PURE__ */ u("<span class=font-mono>"), se = /* @__PURE__ */ u('<p class="text-[10px] text-muted-foreground mt-0.5 truncate">'), ce = /* @__PURE__ */ u('<div class="relative rounded-xl overflow-hidden"><div class="absolute inset-0 rounded-xl processing-card-border"></div><div class="relative m-[1px] rounded-[11px] bg-card/95 backdrop-blur-sm px-4 py-3"><div class="absolute inset-0 processing-shimmer-sweep"></div><div class="relative flex items-center gap-3"><div class="relative w-11 h-11"><svg class="absolute inset-0 w-full h-full"viewBox="0 0 44 44"shape-rendering=geometricPrecision><defs><radialGradient cx=30% cy=30%><stop offset=0% style=stop-color:var(--primary);stop-opacity:0.35></stop><stop offset=100% style=stop-color:var(--primary);stop-opacity:0.04></stop></radialGradient></defs><circle cx=22 cy=22 r=16 class=processing-breathe></circle><circle cx=22 cy=22 r=16 fill=none stroke=var(--primary) stroke-opacity=0.12 stroke-width=1.5></circle><path d="M 22 6 A 16 16 0 0 1 38 22"fill=none stroke=var(--primary) stroke-width=2 stroke-linecap=round stroke-opacity=0.85 class=processing-arc-spin></path><path d="M 22 38 A 16 16 0 0 1 6 22"fill=none stroke=var(--primary) stroke-width=2 stroke-linecap=round stroke-opacity=0.35 class=processing-arc-spin></path></svg><div class="absolute inset-0 flex items-center justify-center"><svg class="w-4 h-4 text-primary processing-icon-morph"viewBox="0 0 24 24"fill=none><path d="M12 2L12 6M12 18L12 22M2 12L6 12M18 12L22 12"stroke=currentColor stroke-width=2 stroke-linecap=round></path><path d="M5.6 5.6L8.5 8.5M15.5 15.5L18.4 18.4M5.6 18.4L8.5 15.5M15.5 8.5L18.4 5.6"stroke=currentColor stroke-width=2 stroke-linecap=round stroke-opacity=0.5></path></svg></div></div><div class="flex-1 min-w-0"><div class="flex items-center gap-2">'), oe = /* @__PURE__ */ u('<span class="text-[10px] text-muted-foreground/70 mt-0.5">'), de = /* @__PURE__ */ u('<div class="flex items-center gap-4"><div class="relative w-8 h-8"><svg class="absolute inset-0 w-full h-full"viewBox="0 0 32 32"><defs><linearGradient x1=0% y1=0% x2=100% y2=100%><stop offset=0% style=stop-color:var(--primary);stop-opacity:1><animate attributeName=stop-opacity values=1;0.5;1 dur=2s repeatCount=indefinite></animate></stop><stop offset=100% style=stop-color:var(--primary);stop-opacity:0.3><animate attributeName=stop-opacity values=0.3;0.8;0.3 dur=2s repeatCount=indefinite></animate></stop></linearGradient></defs><circle cx=16 cy=16 r=14 fill=none stroke-width=1.5 stroke-dasharray="22 66"class=processing-ring-spin></circle><circle cx=16 cy=16 r=8 fill=var(--primary) fill-opacity=0.15 class=processing-morph-circle></circle><circle cx=16 cy=16 r=3 fill=var(--primary) class=processing-breathe></circle></svg></div><div class="flex flex-col"><div class="flex items-baseline gap-2">'), ue = /* @__PURE__ */ u('<div class="absolute w-1 h-1 rounded-full bg-primary processing-particle">'), I = /* @__PURE__ */ u('<span class="text-[10px] text-muted-foreground mt-0.5">'), fe = /* @__PURE__ */ u('<div class="flex items-center gap-4"><div class="relative w-10 h-10"><svg class="absolute inset-0 w-full h-full"viewBox="0 0 40 40"><defs><radialGradient cx=30% cy=30%><stop offset=0% style=stop-color:var(--primary);stop-opacity:1></stop><stop offset=100% style=stop-color:var(--primary);stop-opacity:0.6></stop></radialGradient></defs><circle cx=20 cy=20 r=18 fill=none stroke=var(--primary) stroke-width=2.5 stroke-linecap=round stroke-dasharray="28 85"class=processing-aurora-arc-1></circle><circle cx=20 cy=20 r=13 fill=none stroke=var(--primary) stroke-width=2.5 stroke-opacity=0.6 stroke-linecap=round stroke-dasharray="20 62"class=processing-aurora-arc-2></circle><circle cx=20 cy=20 r=8 fill=none stroke=var(--primary) stroke-width=2 stroke-opacity=0.3 stroke-linecap=round stroke-dasharray="12 38"class=processing-aurora-arc-3></circle><circle cx=20 cy=20 r=3 class=processing-aurora-center></circle></svg></div><div class="flex flex-col"><div class="flex items-center gap-2"><span class="text-xs font-medium text-foreground">'), ge = /* @__PURE__ */ u('<div class="flex items-center gap-4"><div class="relative w-10 h-10"><svg class="absolute inset-0 w-full h-full"viewBox="0 0 40 40"><defs><filter><feGaussianBlur stdDeviation=1 result=blur></feGaussianBlur><feMerge><feMergeNode in=blur></feMergeNode><feMergeNode in=SourceGraphic></feMergeNode></feMerge></filter></defs><g stroke=var(--primary) stroke-opacity=0.3 fill=none></g><g></g><g></g></svg></div><div class="flex flex-col"><div class="flex items-center gap-2">'), ve = /* @__PURE__ */ u("<svg><line stroke-width=1></svg>", !1, !0, !1), pe = /* @__PURE__ */ u("<svg><circle r=1.5 fill=var(--primary) class=processing-neural-pulse><animateMotion dur=1.5s repeatCount=indefinite></svg>", !1, !0, !1), he = /* @__PURE__ */ u("<svg><circle fill=var(--primary)></svg>", !1, !0, !1), me = /* @__PURE__ */ u('<div class="flex items-center gap-4"><div class="relative w-12 h-12"><svg class="absolute inset-0 w-full h-full"viewBox="0 0 48 48"><defs><radialGradient><stop offset=0% style=stop-color:var(--primary);stop-opacity:1></stop><stop offset=100% style=stop-color:var(--primary);stop-opacity:0.4></stop></radialGradient><filter><feGaussianBlur stdDeviation=0.5></feGaussianBlur></filter></defs><circle cx=24 cy=24 r=10 fill=none stroke=var(--primary) stroke-opacity=0.1 stroke-width=1></circle><circle cx=24 cy=24 r=16 fill=none stroke=var(--primary) stroke-opacity=0.08 stroke-width=1></circle><circle cx=24 cy=24 r=22 fill=none stroke=var(--primary) stroke-opacity=0.05 stroke-width=1></circle><circle cx=24 cy=24 r=5 class=processing-breathe></circle><circle cx=24 cy=24 r=3 fill=var(--primary)></circle><g><circle r=2 fill=var(--primary)><animateMotion dur=2s repeatCount=indefinite path="M24,14 A10,10 0 1,1 23.99,14"></animateMotion></circle><circle r=1.5 fill=var(--primary) fill-opacity=0.8><animateMotion dur=3s repeatCount=indefinite path="M24,8 A16,16 0 1,1 23.99,8"begin=0.5s></animateMotion></circle><circle r=1.5 fill=var(--primary) fill-opacity=0.6><animateMotion dur=3s repeatCount=indefinite path="M24,8 A16,16 0 1,1 23.99,8"begin=2s></animateMotion></circle><circle r=1 fill=var(--primary) fill-opacity=0.5><animateMotion dur=4s repeatCount=indefinite path="M24,2 A22,22 0 1,1 23.99,2"begin=1s></animateMotion></circle></g></svg></div><div class="flex flex-col"><div class="flex items-center gap-2">'), xe = /* @__PURE__ */ u("<svg><line x1=24 y1=24 stroke=var(--primary) stroke-opacity=0.1 stroke-width=0.5 class=processing-ray></svg>", !1, !0, !1), ye = /* @__PURE__ */ u('<div class="flex items-center gap-4"><div class="relative w-10 h-10"><svg class="absolute inset-0 w-full h-full"viewBox="0 0 40 40"></svg></div><div class="flex flex-col"><div class="flex items-center gap-2"><span class="text-xs font-medium text-foreground">'), $e = /* @__PURE__ */ u("<svg><rect width=5 height=5 rx=1 fill=var(--primary) class=processing-quantum-dot-wave></svg>", !1, !0, !1), _e = /* @__PURE__ */ u('<div class="flex items-center gap-4"><div class="relative w-10 h-10"><svg class="absolute inset-0 w-full h-full"viewBox="0 0 40 40"><circle cx=20 cy=20 r=16 fill=none stroke=var(--primary) stroke-width=1 stroke-opacity=0.15></circle><circle cx=20 cy=20 r=4 fill=var(--primary) class=processing-pulse-center></circle></svg></div><div class="flex flex-col"><div class="flex items-center gap-2"><span class="text-xs font-medium text-foreground">'), we = /* @__PURE__ */ u("<svg><circle cx=20 cy=20 r=5 fill=none stroke=var(--primary) stroke-width=1.5 class=processing-pulse-ring></svg>", !1, !0, !1), be = /* @__PURE__ */ u('<div class="flex items-center gap-4"><div class="relative w-10 h-10"><svg class="absolute inset-0 w-full h-full"viewBox="0 0 40 40"><defs><filter><feGaussianBlur stdDeviation=1.5 result=blur></feGaussianBlur><feMerge><feMergeNode in=blur></feMergeNode><feMergeNode in=SourceGraphic></feMergeNode></feMerge></filter><radialGradient cx=35% cy=35%><stop offset=0% style=stop-color:var(--primary);stop-opacity:1></stop><stop offset=100% style=stop-color:var(--primary);stop-opacity:0.6></stop></radialGradient></defs><g opacity=0.2></g><g><circle cx=20 cy=20 r=4></circle><circle cx=19 cy=19 r=1.2 fill=var(--primary) opacity=0.8></circle><circle cx=21 cy=20.5 r=1 fill=var(--primary) opacity=0.6></circle><circle cx=19.5 cy=21 r=0.8 fill=var(--primary) opacity=0.5></circle></g><g></g></svg></div><div class="flex flex-col"><div class="flex items-center gap-2">'), ke = /* @__PURE__ */ u("<svg><ellipse cx=20 cy=20 fill=none stroke=var(--primary) stroke-width=0.5></svg>", !1, !0, !1), Ce = /* @__PURE__ */ u("<svg><circle r=2 fill=var(--primary) opacity=0.5></svg>", !1, !0, !1), Me = /* @__PURE__ */ u("<svg><circle r=2 fill=var(--primary) opacity=1></svg>", !1, !0, !1), Se = /* @__PURE__ */ u('<div class="w-0.5 bg-primary/60 rounded-full processing-waveform">'), X = /* @__PURE__ */ u('<div class="flex items-center gap-1">'), Ae = /* @__PURE__ */ u('<div class="w-1 h-1 rounded-full bg-primary processing-flow-dot">'), Ge = /* @__PURE__ */ u('<div class="flex items-center gap-0.5">'), Pe = /* @__PURE__ */ u('<div class="w-1 h-1 rounded-full bg-primary processing-neural-dot">'), Be = /* @__PURE__ */ u('<div class="relative w-4 h-4"><div class="absolute inset-0 flex items-center justify-center"><div class="w-1 h-1 rounded-full bg-primary">'), Ne = /* @__PURE__ */ u('<div class="absolute w-0.5 h-0.5 rounded-full bg-primary/70 processing-micro-orbit">'), qe = /* @__PURE__ */ u('<div class="w-1 h-1 rounded-full bg-primary processing-sequential-dot">');
+var Q = /* @__PURE__ */ u("<div>"), R = /* @__PURE__ */ u("<span>"), te = /* @__PURE__ */ u('<span class="ml-1.5 font-mono text-[10px] opacity-50">'), le = /* @__PURE__ */ u('<div class="inline-flex items-center gap-2.5"><div class="flex items-end gap-0.5 h-3"></div><span class="text-[11px] text-muted-foreground processing-text-shimmer">'), ie = /* @__PURE__ */ u('<div class="w-0.5 bg-primary rounded-full processing-bar">'), U = /* @__PURE__ */ u('<span class="text-[10px] font-mono text-muted-foreground">'), ne = /* @__PURE__ */ u('<div class="relative inline-flex"><div class="absolute -inset-[1px] rounded-full processing-gradient-border overflow-hidden"><div class="absolute inset-0 processing-gradient-spin"style="background:conic-gradient(from 0deg, var(--primary), transparent, var(--primary))"></div></div><div data-floe-surface=raised data-floe-surface-part=status class="relative inline-flex items-center gap-2 px-3 py-1.5 rounded-full bg-background"><div class="relative w-4 h-4">'), ae = /* @__PURE__ */ u('<div class="absolute w-1.5 h-1.5 rounded-full bg-primary processing-orbit-dot">'), L = /* @__PURE__ */ u("<span class=font-mono>"), se = /* @__PURE__ */ u('<p class="text-[10px] text-muted-foreground mt-0.5 truncate">'), ce = /* @__PURE__ */ u('<div class="relative rounded-xl overflow-hidden"><div class="absolute inset-0 rounded-xl processing-card-border"></div><div data-floe-surface=floating data-floe-surface-part=status class="relative m-[1px] rounded-[11px] bg-card/95 backdrop-blur-sm px-4 py-3"><div class="absolute inset-0 processing-shimmer-sweep"></div><div class="relative flex items-center gap-3"><div class="relative w-11 h-11"><svg class="absolute inset-0 w-full h-full"viewBox="0 0 44 44"shape-rendering=geometricPrecision><defs><radialGradient cx=30% cy=30%><stop offset=0% style=stop-color:var(--primary);stop-opacity:0.35></stop><stop offset=100% style=stop-color:var(--primary);stop-opacity:0.04></stop></radialGradient></defs><circle cx=22 cy=22 r=16 class=processing-breathe></circle><circle cx=22 cy=22 r=16 fill=none stroke=var(--primary) stroke-opacity=0.12 stroke-width=1.5></circle><path d="M 22 6 A 16 16 0 0 1 38 22"fill=none stroke=var(--primary) stroke-width=2 stroke-linecap=round stroke-opacity=0.85 class=processing-arc-spin></path><path d="M 22 38 A 16 16 0 0 1 6 22"fill=none stroke=var(--primary) stroke-width=2 stroke-linecap=round stroke-opacity=0.35 class=processing-arc-spin></path></svg><div class="absolute inset-0 flex items-center justify-center"><svg class="w-4 h-4 text-primary processing-icon-morph"viewBox="0 0 24 24"fill=none><path d="M12 2L12 6M12 18L12 22M2 12L6 12M18 12L22 12"stroke=currentColor stroke-width=2 stroke-linecap=round></path><path d="M5.6 5.6L8.5 8.5M15.5 15.5L18.4 18.4M5.6 18.4L8.5 15.5M15.5 8.5L18.4 5.6"stroke=currentColor stroke-width=2 stroke-linecap=round stroke-opacity=0.5></path></svg></div></div><div class="flex-1 min-w-0"><div class="flex items-center gap-2">'), oe = /* @__PURE__ */ u('<span class="text-[10px] text-muted-foreground/70 mt-0.5">'), de = /* @__PURE__ */ u('<div class="flex items-center gap-4"><div class="relative w-8 h-8"><svg class="absolute inset-0 w-full h-full"viewBox="0 0 32 32"><defs><linearGradient x1=0% y1=0% x2=100% y2=100%><stop offset=0% style=stop-color:var(--primary);stop-opacity:1><animate attributeName=stop-opacity values=1;0.5;1 dur=2s repeatCount=indefinite></animate></stop><stop offset=100% style=stop-color:var(--primary);stop-opacity:0.3><animate attributeName=stop-opacity values=0.3;0.8;0.3 dur=2s repeatCount=indefinite></animate></stop></linearGradient></defs><circle cx=16 cy=16 r=14 fill=none stroke-width=1.5 stroke-dasharray="22 66"class=processing-ring-spin></circle><circle cx=16 cy=16 r=8 fill=var(--primary) fill-opacity=0.15 class=processing-morph-circle></circle><circle cx=16 cy=16 r=3 fill=var(--primary) class=processing-breathe></circle></svg></div><div class="flex flex-col"><div class="flex items-baseline gap-2">'), ue = /* @__PURE__ */ u('<div class="absolute w-1 h-1 rounded-full bg-primary processing-particle">'), I = /* @__PURE__ */ u('<span class="text-[10px] text-muted-foreground mt-0.5">'), fe = /* @__PURE__ */ u('<div class="flex items-center gap-4"><div class="relative w-10 h-10"><svg class="absolute inset-0 w-full h-full"viewBox="0 0 40 40"><defs><radialGradient cx=30% cy=30%><stop offset=0% style=stop-color:var(--primary);stop-opacity:1></stop><stop offset=100% style=stop-color:var(--primary);stop-opacity:0.6></stop></radialGradient></defs><circle cx=20 cy=20 r=18 fill=none stroke=var(--primary) stroke-width=2.5 stroke-linecap=round stroke-dasharray="28 85"class=processing-aurora-arc-1></circle><circle cx=20 cy=20 r=13 fill=none stroke=var(--primary) stroke-width=2.5 stroke-opacity=0.6 stroke-linecap=round stroke-dasharray="20 62"class=processing-aurora-arc-2></circle><circle cx=20 cy=20 r=8 fill=none stroke=var(--primary) stroke-width=2 stroke-opacity=0.3 stroke-linecap=round stroke-dasharray="12 38"class=processing-aurora-arc-3></circle><circle cx=20 cy=20 r=3 class=processing-aurora-center></circle></svg></div><div class="flex flex-col"><div class="flex items-center gap-2"><span class="text-xs font-medium text-foreground">'), ge = /* @__PURE__ */ u('<div class="flex items-center gap-4"><div class="relative w-10 h-10"><svg class="absolute inset-0 w-full h-full"viewBox="0 0 40 40"><defs><filter><feGaussianBlur stdDeviation=1 result=blur></feGaussianBlur><feMerge><feMergeNode in=blur></feMergeNode><feMergeNode in=SourceGraphic></feMergeNode></feMerge></filter></defs><g stroke=var(--primary) stroke-opacity=0.3 fill=none></g><g></g><g></g></svg></div><div class="flex flex-col"><div class="flex items-center gap-2">'), ve = /* @__PURE__ */ u("<svg><line stroke-width=1></svg>", !1, !0, !1), pe = /* @__PURE__ */ u("<svg><circle r=1.5 fill=var(--primary) class=processing-neural-pulse><animateMotion dur=1.5s repeatCount=indefinite></svg>", !1, !0, !1), he = /* @__PURE__ */ u("<svg><circle fill=var(--primary)></svg>", !1, !0, !1), me = /* @__PURE__ */ u('<div class="flex items-center gap-4"><div class="relative w-12 h-12"><svg class="absolute inset-0 w-full h-full"viewBox="0 0 48 48"><defs><radialGradient><stop offset=0% style=stop-color:var(--primary);stop-opacity:1></stop><stop offset=100% style=stop-color:var(--primary);stop-opacity:0.4></stop></radialGradient><filter><feGaussianBlur stdDeviation=0.5></feGaussianBlur></filter></defs><circle cx=24 cy=24 r=10 fill=none stroke=var(--primary) stroke-opacity=0.1 stroke-width=1></circle><circle cx=24 cy=24 r=16 fill=none stroke=var(--primary) stroke-opacity=0.08 stroke-width=1></circle><circle cx=24 cy=24 r=22 fill=none stroke=var(--primary) stroke-opacity=0.05 stroke-width=1></circle><circle cx=24 cy=24 r=5 class=processing-breathe></circle><circle cx=24 cy=24 r=3 fill=var(--primary)></circle><g><circle r=2 fill=var(--primary)><animateMotion dur=2s repeatCount=indefinite path="M24,14 A10,10 0 1,1 23.99,14"></animateMotion></circle><circle r=1.5 fill=var(--primary) fill-opacity=0.8><animateMotion dur=3s repeatCount=indefinite path="M24,8 A16,16 0 1,1 23.99,8"begin=0.5s></animateMotion></circle><circle r=1.5 fill=var(--primary) fill-opacity=0.6><animateMotion dur=3s repeatCount=indefinite path="M24,8 A16,16 0 1,1 23.99,8"begin=2s></animateMotion></circle><circle r=1 fill=var(--primary) fill-opacity=0.5><animateMotion dur=4s repeatCount=indefinite path="M24,2 A22,22 0 1,1 23.99,2"begin=1s></animateMotion></circle></g></svg></div><div class="flex flex-col"><div class="flex items-center gap-2">'), xe = /* @__PURE__ */ u("<svg><line x1=24 y1=24 stroke=var(--primary) stroke-opacity=0.1 stroke-width=0.5 class=processing-ray></svg>", !1, !0, !1), ye = /* @__PURE__ */ u('<div class="flex items-center gap-4"><div class="relative w-10 h-10"><svg class="absolute inset-0 w-full h-full"viewBox="0 0 40 40"></svg></div><div class="flex flex-col"><div class="flex items-center gap-2"><span class="text-xs font-medium text-foreground">'), $e = /* @__PURE__ */ u("<svg><rect width=5 height=5 rx=1 fill=var(--primary) class=processing-quantum-dot-wave></svg>", !1, !0, !1), _e = /* @__PURE__ */ u('<div class="flex items-center gap-4"><div class="relative w-10 h-10"><svg class="absolute inset-0 w-full h-full"viewBox="0 0 40 40"><circle cx=20 cy=20 r=16 fill=none stroke=var(--primary) stroke-width=1 stroke-opacity=0.15></circle><circle cx=20 cy=20 r=4 fill=var(--primary) class=processing-pulse-center></circle></svg></div><div class="flex flex-col"><div class="flex items-center gap-2"><span class="text-xs font-medium text-foreground">'), we = /* @__PURE__ */ u("<svg><circle cx=20 cy=20 r=5 fill=none stroke=var(--primary) stroke-width=1.5 class=processing-pulse-ring></svg>", !1, !0, !1), be = /* @__PURE__ */ u('<div class="flex items-center gap-4"><div class="relative w-10 h-10"><svg class="absolute inset-0 w-full h-full"viewBox="0 0 40 40"><defs><filter><feGaussianBlur stdDeviation=1.5 result=blur></feGaussianBlur><feMerge><feMergeNode in=blur></feMergeNode><feMergeNode in=SourceGraphic></feMergeNode></feMerge></filter><radialGradient cx=35% cy=35%><stop offset=0% style=stop-color:var(--primary);stop-opacity:1></stop><stop offset=100% style=stop-color:var(--primary);stop-opacity:0.6></stop></radialGradient></defs><g opacity=0.2></g><g><circle cx=20 cy=20 r=4></circle><circle cx=19 cy=19 r=1.2 fill=var(--primary) opacity=0.8></circle><circle cx=21 cy=20.5 r=1 fill=var(--primary) opacity=0.6></circle><circle cx=19.5 cy=21 r=0.8 fill=var(--primary) opacity=0.5></circle></g><g></g></svg></div><div class="flex flex-col"><div class="flex items-center gap-2">'), ke = /* @__PURE__ */ u("<svg><ellipse cx=20 cy=20 fill=none stroke=var(--primary) stroke-width=0.5></svg>", !1, !0, !1), Ce = /* @__PURE__ */ u("<svg><circle r=2 fill=var(--primary) opacity=0.5></svg>", !1, !0, !1), Me = /* @__PURE__ */ u("<svg><circle r=2 fill=var(--primary) opacity=1></svg>", !1, !0, !1), Se = /* @__PURE__ */ u('<div class="w-0.5 bg-primary/60 rounded-full processing-waveform">'), X = /* @__PURE__ */ u('<div class="flex items-center gap-1">'), Ae = /* @__PURE__ */ u('<div class="w-1 h-1 rounded-full bg-primary processing-flow-dot">'), Ge = /* @__PURE__ */ u('<div class="flex items-center gap-0.5">'), Pe = /* @__PURE__ */ u('<div class="w-1 h-1 rounded-full bg-primary processing-neural-dot">'), Be = /* @__PURE__ */ u('<div class="relative w-4 h-4"><div class="absolute inset-0 flex items-center justify-center"><div class="w-1 h-1 rounded-full bg-primary">'), Ne = /* @__PURE__ */ u('<div class="absolute w-0.5 h-0.5 rounded-full bg-primary/70 processing-micro-orbit">'), qe = /* @__PURE__ */ u('<div class="w-1 h-1 rounded-full bg-primary processing-sequential-dot">');
 const W = {
   thinking: "Thinking",
   working: "Working",