@floegence/floe-webapp-core 0.86.60 → 0.86.62

package/dist/components/ui/ProcessingIndicator.js

@@ -1,206 +1,206 @@
-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 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 = {
+import { spread as Y, mergeProps as H, insert as t, createComponent as r, template as u, setStyleProperty as S, setAttribute as $, memo as z, effect as P, className as B } from "solid-js/web";
+import { splitProps as J, createSignal as E, createEffect as D, onCleanup as F, Show as v, For as M, createUniqueId as T, createMemo as K } from "solid-js";
+import { cn as V } from "../../utils/cn.js";
+var W = /* @__PURE__ */ u("<div>"), Q = /* @__PURE__ */ u("<span>"), ee = /* @__PURE__ */ u('<span class="ml-1.5 font-mono text-caption opacity-50">'), te = /* @__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-[length:var(--floe-type-caption)] text-[var(--floe-ink-soft)] processing-text-shimmer">'), le = /* @__PURE__ */ u('<div class="w-0.5 bg-[var(--floe-ink-soft)] rounded-full processing-bar">'), re = /* @__PURE__ */ u('<span class="font-mono text-[length:var(--floe-type-caption)] text-[var(--floe-ink-ghost)] tabular-nums">'), ne = /* @__PURE__ */ u('<div data-floe-surface=floating data-floe-surface-part=status role=status aria-live=polite class="inline-flex items-center gap-[var(--floe-gap-control)] rounded-full border border-[var(--floe-line)] bg-[var(--floe-plane-float)] px-[var(--floe-pad-control)] py-[0.3125rem]"><span class="h-1.5 w-1.5 shrink-0 rounded-full bg-[var(--floe-accent-ink)] motion-safe:animate-pulse"aria-hidden=true>'), I = /* @__PURE__ */ u("<span class=font-mono>"), ie = /* @__PURE__ */ u('<p class="text-[length:var(--floe-type-caption)] text-[var(--floe-ink-soft)] mt-0.5 truncate">'), ae = /* @__PURE__ */ u('<div class="relative overflow-hidden rounded-group border border-[var(--floe-line)] bg-card"data-floe-surface=floating data-floe-surface-part=status><div class="relative px-4 py-3"><div class="pointer-events-none absolute inset-0 processing-shimmer-sweep opacity-40"></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(--floe-accent-ink);stop-opacity:0.35></stop><stop offset=100% style=stop-color:var(--floe-accent-ink);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(--floe-accent-ink) 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(--floe-accent-ink) 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(--floe-accent-ink) 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-[var(--floe-accent-ink)] 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">'), se = /* @__PURE__ */ u('<span class="text-[length:var(--floe-type-caption)] font-mono text-[var(--floe-ink-quiet)]">'), ce = /* @__PURE__ */ u('<span class="text-[length:var(--floe-type-caption)] text-[var(--floe-ink-ghost)] mt-0.5">'), oe = /* @__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(--floe-accent-ink);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(--floe-accent-ink);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(--floe-accent-ink) fill-opacity=0.15 class=processing-morph-circle></circle><circle cx=16 cy=16 r=3 fill=var(--floe-accent-ink) class=processing-breathe></circle></svg></div><div class="flex flex-col"><div class="flex items-baseline gap-2">'), de = /* @__PURE__ */ u('<div class="absolute w-1 h-1 rounded-full bg-[var(--floe-accent-ink)] processing-particle">'), G = /* @__PURE__ */ u('<span class="text-[length:var(--floe-type-caption)] text-[var(--floe-ink-soft)] mt-0.5">'), ue = /* @__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(--floe-accent-ink);stop-opacity:1></stop><stop offset=100% style=stop-color:var(--floe-accent-ink);stop-opacity:0.6></stop></radialGradient></defs><circle cx=20 cy=20 r=18 fill=none stroke=var(--floe-accent-ink) 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(--floe-accent-ink) 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(--floe-accent-ink) 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">'), 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"><g stroke=var(--floe-accent-ink) 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), ge = /* @__PURE__ */ u("<svg><circle r=1.5 fill=var(--floe-accent-ink) class=processing-neural-pulse><animateMotion dur=1.5s repeatCount=indefinite></svg>", !1, !0, !1), he = /* @__PURE__ */ u("<svg><circle fill=var(--floe-accent-ink)></svg>", !1, !0, !1), pe = /* @__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(--floe-accent-ink);stop-opacity:1></stop><stop offset=100% style=stop-color:var(--floe-accent-ink);stop-opacity:0.4></stop></radialGradient></defs><circle cx=24 cy=24 r=10 fill=none stroke=var(--floe-accent-ink) stroke-opacity=0.1 stroke-width=1></circle><circle cx=24 cy=24 r=16 fill=none stroke=var(--floe-accent-ink) stroke-opacity=0.08 stroke-width=1></circle><circle cx=24 cy=24 r=22 fill=none stroke=var(--floe-accent-ink) 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(--floe-accent-ink)></circle><g><circle r=2 fill=var(--floe-accent-ink)><animateMotion dur=2s repeatCount=indefinite path="M24,14 A10,10 0 1,1 23.99,14"></animateMotion></circle><circle r=1.5 fill=var(--floe-accent-ink) 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(--floe-accent-ink) 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(--floe-accent-ink) 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(--floe-accent-ink) stroke-opacity=0.1 stroke-width=0.5 class=processing-ray></svg>", !1, !0, !1), me = /* @__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(--floe-accent-ink) class=processing-quantum-dot-wave></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"><circle cx=20 cy=20 r=16 fill=none stroke=var(--floe-accent-ink) stroke-width=1 stroke-opacity=0.15></circle><circle cx=20 cy=20 r=4 fill=var(--floe-accent-ink) 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">'), _e = /* @__PURE__ */ u("<svg><circle cx=20 cy=20 r=5 fill=none stroke=var(--floe-accent-ink) stroke-width=1.5 class=processing-pulse-ring></svg>", !1, !0, !1), ke = /* @__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=35% cy=35%><stop offset=0% style=stop-color:var(--floe-accent-ink);stop-opacity:1></stop><stop offset=100% style=stop-color:var(--floe-accent-ink);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(--floe-accent-ink) opacity=0.8></circle><circle cx=21 cy=20.5 r=1 fill=var(--floe-accent-ink) opacity=0.6></circle><circle cx=19.5 cy=21 r=0.8 fill=var(--floe-accent-ink) opacity=0.5></circle></g><g></g></svg></div><div class="flex flex-col"><div class="flex items-center gap-2">'), we = /* @__PURE__ */ u("<svg><ellipse cx=20 cy=20 fill=none stroke=var(--floe-accent-ink) stroke-width=0.5></svg>", !1, !0, !1), be = /* @__PURE__ */ u("<svg><circle r=2 fill=var(--floe-accent-ink) opacity=0.5></svg>", !1, !0, !1), Ce = /* @__PURE__ */ u("<svg><circle r=2 fill=var(--floe-accent-ink) opacity=1></svg>", !1, !0, !1), Me = /* @__PURE__ */ u('<div class="w-0.5 bg-[var(--floe-accent-ink)]/60 rounded-full processing-waveform">'), R = /* @__PURE__ */ u('<div class="flex items-center gap-1">'), Se = /* @__PURE__ */ u('<div class="w-1 h-1 rounded-full bg-[var(--floe-accent-ink)] processing-flow-dot">'), Ae = /* @__PURE__ */ u('<div class="flex items-center gap-0.5">'), Pe = /* @__PURE__ */ u('<div class="w-1 h-1 rounded-full bg-[var(--floe-accent-ink)] processing-neural-dot">'), qe = /* @__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-[var(--floe-accent-ink)]">'), Le = /* @__PURE__ */ u('<div class="absolute w-0.5 h-0.5 rounded-full bg-[var(--floe-accent-ink)]/70 processing-micro-orbit">'), ze = /* @__PURE__ */ u('<div class="w-1 h-1 rounded-full bg-[var(--floe-accent-ink)] processing-sequential-dot">');
+const j = {
   thinking: "Thinking",
   working: "Working",
   processing: "Processing",
   loading: "Loading",
   analyzing: "Analyzing"
 };
-function Ye(e) {
-  const [i, n] = ee(e, ["status", "variant", "showElapsed", "startTime", "description", "pulseIntensity", "class"]), c = () => i.variant ?? "minimal", h = () => i.status ?? "working", [x, y] = V(0), f = Date.now();
-  E(() => {
-    if (!i.showElapsed) {
-      y(0);
+function Xe(e) {
+  const [n, i] = J(e, ["status", "variant", "showElapsed", "startTime", "description", "pulseIntensity", "class"]), c = () => n.variant ?? "minimal", _ = () => n.status ?? "working", [k, g] = E(0), x = Date.now();
+  D(() => {
+    if (!n.showElapsed) {
+      g(0);
       return;
     }
-    const l = i.startTime ?? f;
-    y(Math.floor((Date.now() - l) / 1e3));
-    const s = setInterval(() => {
-      y(Math.floor((Date.now() - l) / 1e3));
+    const l = n.startTime ?? x;
+    g(Math.floor((Date.now() - l) / 1e3));
+    const d = setInterval(() => {
+      g(Math.floor((Date.now() - l) / 1e3));
     }, 1e3);
-    F(() => clearInterval(s));
+    F(() => clearInterval(d));
   });
-  const v = (l) => {
+  const f = (l) => {
     if (l < 60) return `${l}s`;
-    const s = Math.floor(l / 60), _ = l % 60;
-    return `${s}m ${_}s`;
+    const d = Math.floor(l / 60), h = l % 60;
+    return `${d}m ${h}s`;
   }, a = () => {
-    const l = h();
-    return l in W ? W[l] : l;
-  }, o = () => i.showElapsed ? v(x()) : void 0;
+    const l = _();
+    return l in j ? j[l] : l;
+  }, o = () => n.showElapsed ? f(k()) : void 0;
   return (() => {
-    var l = Q();
-    return J(l, K({
+    var l = W();
+    return Y(l, H({
       get class() {
-        return D("processing-indicator", i.class);
+        return V("processing-indicator", n.class);
       }
-    }, n), !1, !0), r(l, t(p, {
+    }, i), !1, !0), t(l, r(v, {
       get when() {
         return c() === "minimal";
       },
       get children() {
-        return t(Le, {
+        return r(Ie, {
           get label() {
             return a();
           },
           get description() {
-            return i.description;
+            return n.description;
           },
           get elapsed() {
             return o();
           }
         });
       }
-    }), null), r(l, t(p, {
+    }), null), t(l, r(v, {
       get when() {
         return c() === "pill";
       },
       get children() {
-        return t(ze, {
+        return r(Ge, {
           get label() {
             return a();
           },
           get description() {
-            return i.description;
+            return n.description;
           },
           get elapsed() {
             return o();
           }
         });
       }
-    }), null), r(l, t(p, {
+    }), null), t(l, r(v, {
       get when() {
         return c() === "card";
       },
       get children() {
-        return t(Ie, {
+        return r(Te, {
           get label() {
             return a();
           },
           get description() {
-            return i.description;
+            return n.description;
           },
           get elapsed() {
             return o();
           }
         });
       }
-    }), null), r(l, t(p, {
+    }), null), t(l, r(v, {
       get when() {
         return c() === "elegant";
       },
       get children() {
-        return t(De, {
+        return r(Ve, {
           get label() {
             return a();
           },
           get description() {
-            return i.description;
+            return n.description;
           },
           get elapsed() {
             return o();
           }
         });
       }
-    }), null), r(l, t(p, {
+    }), null), t(l, r(v, {
       get when() {
         return c() === "aurora";
       },
       get children() {
-        return t(Te, {
+        return r(Be, {
           get label() {
             return a();
           },
           get description() {
-            return i.description;
+            return n.description;
           },
           get elapsed() {
             return o();
           }
         });
       }
-    }), null), r(l, t(p, {
+    }), null), t(l, r(v, {
       get when() {
         return c() === "neural";
       },
       get children() {
-        return t(Ve, {
+        return r(Ee, {
           get label() {
             return a();
           },
           get description() {
-            return i.description;
+            return n.description;
           },
           get elapsed() {
             return o();
           }
         });
       }
-    }), null), r(l, t(p, {
+    }), null), t(l, r(v, {
       get when() {
         return c() === "orbit";
       },
       get children() {
-        return t(Ee, {
+        return r(De, {
           get label() {
             return a();
           },
           get description() {
-            return i.description;
+            return n.description;
           },
           get elapsed() {
             return o();
           }
         });
       }
-    }), null), r(l, t(p, {
+    }), null), t(l, r(v, {
       get when() {
         return c() === "quantum";
       },
       get children() {
-        return t(Fe, {
+        return r(Fe, {
           get label() {
             return a();
           },
           get description() {
-            return i.description;
+            return n.description;
           },
           get elapsed() {
             return o();
           }
         });
       }
-    }), null), r(l, t(p, {
+    }), null), t(l, r(v, {
       get when() {
         return c() === "pulse";
       },
       get children() {
-        return t(Ze, {
+        return r(Ne, {
           get label() {
             return a();
           },
           get description() {
-            return i.description;
+            return n.description;
           },
           get elapsed() {
             return o();
           }
         });
       }
-    }), null), r(l, t(p, {
+    }), null), t(l, r(v, {
       get when() {
         return c() === "atom";
       },
       get children() {
-        return t(Oe, {
+        return r(Ze, {
           get label() {
             return a();
           },
           get description() {
-            return i.description;
+            return n.description;
           },
           get elapsed() {
             return o();
@@ -210,170 +210,167 @@ function Ye(e) {
     }), null), l;
   })();
 }
-function Z(e) {
+function N(e) {
   return (() => {
-    var i = R();
-    return r(i, () => e.children), N(() => T(i, D("processing-text-shimmer", e.class))), i;
+    var n = Q();
+    return t(n, () => e.children), P(() => B(n, V("processing-text-shimmer", e.class))), n;
   })();
 }
-function O(e) {
+function Z(e) {
   return (() => {
-    var i = R();
-    return r(i, () => e.children), N(() => T(i, D("processing-text-glow", e.class))), i;
+    var n = Q();
+    return t(n, () => e.children), P(() => B(n, V("processing-text-glow", e.class))), n;
   })();
 }
-function Le(e) {
+function Ie(e) {
   return (() => {
-    var i = le(), n = i.firstChild, c = n.nextSibling;
-    return r(n, t(S, {
+    var n = te(), i = n.firstChild, c = i.nextSibling;
+    return t(i, r(M, {
       each: [0, 1, 2, 3],
-      children: (h) => (() => {
-        var x = ie();
-        return B(x, "animation-delay", `${h * 100}ms`), x;
+      children: (_) => (() => {
+        var k = le();
+        return S(k, "animation-delay", `${_ * 100}ms`), k;
       })()
-    })), r(c, () => e.label, null), r(c, t(p, {
+    })), t(c, () => e.label, null), t(c, r(v, {
       get when() {
         return e.elapsed;
       },
       get children() {
-        var h = te();
-        return r(h, () => e.elapsed), h;
+        var _ = ee();
+        return t(_, () => e.elapsed), _;
       }
-    }), null), i;
+    }), null), n;
   })();
 }
-function ze(e) {
+function Ge(e) {
   return (() => {
-    var i = ne(), n = i.firstChild;
-    n.firstChild;
-    var c = n.nextSibling, h = c.firstChild;
-    return r(h, t(S, {
-      each: [0, 1, 2],
-      children: (x) => (() => {
-        var y = ae();
-        return B(y, "animation-delay", `${x * 200}ms`), y;
-      })()
-    })), r(c, t(Z, {
-      class: "text-[11px] font-medium",
+    var n = ne();
+    return n.firstChild, t(n, r(N, {
+      class: "text-[length:var(--floe-type-caption)] font-medium leading-[var(--floe-line-caption)] text-[var(--floe-ink-soft)]",
       get children() {
         return e.label;
       }
-    }), null), r(c, t(p, {
+    }), null), t(n, r(v, {
       get when() {
         return e.elapsed;
       },
       get children() {
-        var x = U();
-        return r(x, () => e.elapsed), x;
-      }
-    }), null), i;
-  })();
-}
-function Ie(e) {
-  const i = z();
-  return (() => {
-    var n = ce(), c = n.firstChild, h = c.nextSibling, x = h.firstChild, y = x.nextSibling, f = y.firstChild, v = f.firstChild, a = v.firstChild, o = a.firstChild, l = o.firstChild;
-    l.nextSibling;
-    var s = a.nextSibling, _ = f.nextSibling, m = _.firstChild;
-    return d(o, "id", `orb-${i}`), d(s, "fill", `url(#orb-${i})`), r(m, t(O, {
-      class: "text-xs font-semibold",
-      get children() {
-        return e.label;
-      }
-    }), null), r(m, t(je, {
-      size: "sm"
-    }), null), r(_, t(p, {
-      get when() {
-        return e.description || e.elapsed;
-      },
-      get children() {
-        var k = se();
-        return r(k, () => e.description, null), r(k, t(p, {
-          get when() {
-            return q(() => !!e.description)() && e.elapsed;
-          },
-          children: " · "
-        }), null), r(k, t(p, {
-          get when() {
-            return e.elapsed;
-          },
-          get children() {
-            var A = L();
-            return r(A, () => e.elapsed), A;
-          }
-        }), null), k;
+        var i = re();
+        return t(i, () => e.elapsed), i;
       }
     }), null), n;
   })();
 }
-function De(e) {
-  const i = z();
+function Te(e) {
+  const n = T();
+  return (
+    /* One plane, one hairline. The animated gradient frame and the inner
+     * inset seam it needed are gone: the status surface reads as a small
+     * floating plane, and the shimmer stays inside its own rounded-xs bounds. */
+    (() => {
+      var i = ae(), c = i.firstChild, _ = c.firstChild, k = _.nextSibling, g = k.firstChild, x = g.firstChild, f = x.firstChild, a = f.firstChild, o = a.firstChild;
+      o.nextSibling;
+      var l = f.nextSibling, d = g.nextSibling, h = d.firstChild;
+      return $(a, "id", `orb-${n}`), $(l, "fill", `url(#orb-${n})`), t(h, r(Z, {
+        class: "text-xs font-semibold",
+        get children() {
+          return e.label;
+        }
+      }), null), t(h, r(Oe, {
+        size: "sm"
+      }), null), t(d, r(v, {
+        get when() {
+          return e.description || e.elapsed;
+        },
+        get children() {
+          var s = ie();
+          return t(s, () => e.description, null), t(s, r(v, {
+            get when() {
+              return z(() => !!e.description)() && e.elapsed;
+            },
+            children: " · "
+          }), null), t(s, r(v, {
+            get when() {
+              return e.elapsed;
+            },
+            get children() {
+              var p = I();
+              return t(p, () => e.elapsed), p;
+            }
+          }), null), s;
+        }
+      }), null), i;
+    })()
+  );
+}
+function Ve(e) {
+  const n = T();
   return (() => {
-    var n = de(), c = n.firstChild, h = c.firstChild, x = h.firstChild, y = x.firstChild, f = y.firstChild;
-    f.nextSibling;
-    var v = x.nextSibling, a = c.nextSibling, o = a.firstChild;
-    return d(y, "id", `elegant-grad-${i}`), d(v, "stroke", `url(#elegant-grad-${i})`), r(c, t(S, {
+    var i = oe(), c = i.firstChild, _ = c.firstChild, k = _.firstChild, g = k.firstChild, x = g.firstChild;
+    x.nextSibling;
+    var f = k.nextSibling, a = c.nextSibling, o = a.firstChild;
+    return $(g, "id", `elegant-grad-${n}`), $(f, "stroke", `url(#elegant-grad-${n})`), t(c, r(M, {
       each: [0, 1, 2],
       children: (l) => (() => {
-        var s = ue();
-        return B(s, "animation-delay", `${l * 400}ms`), B(s, "--particle-index", l), s;
+        var d = de();
+        return S(d, "animation-delay", `${l * 400}ms`), S(d, "--particle-index", l), d;
       })()
-    }), null), r(o, t(Z, {
+    }), null), t(o, r(N, {
       class: "text-xs font-medium tracking-wide",
       get children() {
         return e.label;
       }
-    }), null), r(o, t(p, {
+    }), null), t(o, r(v, {
       get when() {
         return e.elapsed;
       },
       get children() {
-        var l = U();
-        return r(l, () => e.elapsed), l;
+        var l = se();
+        return t(l, () => e.elapsed), l;
       }
-    }), null), r(a, t(p, {
+    }), null), t(a, r(v, {
       get when() {
         return e.description;
       },
       get children() {
-        var l = oe();
-        return r(l, () => e.description), l;
+        var l = ce();
+        return t(l, () => e.description), l;
       }
-    }), null), n;
+    }), null), i;
   })();
 }
-function Te(e) {
-  const i = z();
+function Be(e) {
+  const n = T();
   return (() => {
-    var n = fe(), c = n.firstChild, h = c.firstChild, x = h.firstChild, y = x.firstChild, f = y.firstChild;
-    f.nextSibling;
-    var v = x.nextSibling, a = v.nextSibling, o = a.nextSibling, l = o.nextSibling, s = c.nextSibling, _ = s.firstChild, m = _.firstChild;
-    return d(y, "id", `aurora-center-${i}`), d(l, "fill", `url(#aurora-center-${i})`), r(m, () => e.label), r(_, t(We, {}), null), r(s, t(p, {
+    var i = ue(), c = i.firstChild, _ = c.firstChild, k = _.firstChild, g = k.firstChild, x = g.firstChild;
+    x.nextSibling;
+    var f = k.nextSibling, a = f.nextSibling, o = a.nextSibling, l = o.nextSibling, d = c.nextSibling, h = d.firstChild, s = h.firstChild;
+    return $(g, "id", `aurora-center-${n}`), $(l, "fill", `url(#aurora-center-${n})`), t(s, () => e.label), t(h, r(je, {}), null), t(d, r(v, {
       get when() {
         return e.description || e.elapsed;
       },
       get children() {
-        var k = I();
-        return r(k, () => e.description, null), r(k, t(p, {
+        var p = G();
+        return t(p, () => e.description, null), t(p, r(v, {
           get when() {
-            return q(() => !!e.description)() && e.elapsed;
+            return z(() => !!e.description)() && e.elapsed;
           },
           children: " · "
-        }), null), r(k, t(p, {
+        }), null), t(p, r(v, {
           get when() {
             return e.elapsed;
           },
           get children() {
-            var A = L();
-            return r(A, () => e.elapsed), A;
+            var y = I();
+            return t(y, () => e.elapsed), y;
           }
-        }), null), k;
+        }), null), p;
       }
-    }), null), n;
+    }), null), i;
   })();
 }
-function Ve(e) {
-  const i = z(), n = [
+function Ee(e) {
+  const n = [
     {
       x: 20,
       y: 8
@@ -404,7 +401,7 @@ function Ve(e) {
       y: 20
     }
     // 5: center
-  ], c = [
+  ], i = [
     {
       ax: 2,
       ay: 1.5,
@@ -454,141 +451,143 @@ function Ve(e) {
       py: 0
     }
     // Center node stays still
-  ], [h, x] = V(n.map((f) => ({
-    x: f.x,
-    y: f.y
+  ], [c, _] = E(n.map((g) => ({
+    x: g.x,
+    y: g.y
   })));
-  E(() => {
-    let f;
-    const v = performance.now(), a = (o) => {
-      const l = (o - v) / 1e3;
-      x(n.map((s, _) => {
-        const m = c[_];
+  D(() => {
+    let g;
+    const x = performance.now(), f = (a) => {
+      const o = (a - x) / 1e3;
+      _(n.map((l, d) => {
+        const h = i[d];
         return {
-          x: s.x + Math.sin(l * m.fx + m.px) * m.ax,
-          y: s.y + Math.sin(l * m.fy + m.py) * m.ay
+          x: l.x + Math.sin(o * h.fx + h.px) * h.ax,
+          y: l.y + Math.sin(o * h.fy + h.py) * h.ay
         };
-      })), f = requestAnimationFrame(a);
+      })), g = requestAnimationFrame(f);
     };
-    f = requestAnimationFrame(a), F(() => cancelAnimationFrame(f));
+    g = requestAnimationFrame(f), F(() => cancelAnimationFrame(g));
   });
-  const y = [[0, 5], [1, 5], [2, 5], [3, 5], [4, 5], [0, 1], [0, 2], [1, 3], [2, 4], [3, 4]];
+  const k = [[0, 5], [1, 5], [2, 5], [3, 5], [4, 5], [0, 1], [0, 2], [1, 3], [2, 4], [3, 4]];
   return (() => {
-    var f = ge(), v = f.firstChild, a = v.firstChild, o = a.firstChild, l = o.firstChild, s = o.nextSibling, _ = s.nextSibling, m = _.nextSibling, k = v.nextSibling, A = k.firstChild;
-    return d(l, "id", `neural-glow-${i}`), r(s, t(S, {
-      each: y,
-      children: ([$, M]) => (() => {
-        var C = ve();
-        return N((g) => {
-          var b = h()[$].x, w = h()[$].y, G = h()[M].x, P = h()[M].y;
-          return b !== g.e && d(C, "x1", g.e = b), w !== g.t && d(C, "y1", g.t = w), G !== g.a && d(C, "x2", g.a = G), P !== g.o && d(C, "y2", g.o = P), g;
+    var g = fe(), x = g.firstChild, f = x.firstChild, a = f.firstChild, o = a.nextSibling, l = o.nextSibling, d = x.nextSibling, h = d.firstChild;
+    return t(a, r(M, {
+      each: k,
+      children: ([s, p]) => (() => {
+        var y = ve();
+        return P((m) => {
+          var A = c()[s].x, b = c()[s].y, C = c()[p].x, w = c()[p].y;
+          return A !== m.e && $(y, "x1", m.e = A), b !== m.t && $(y, "y1", m.t = b), C !== m.a && $(y, "x2", m.a = C), w !== m.o && $(y, "y2", m.o = w), m;
         }, {
           e: void 0,
           t: void 0,
           a: void 0,
           o: void 0
-        }), C;
+        }), y;
       })()
-    })), d(_, "filter", `url(#neural-glow-${i})`), r(_, t(S, {
+    })), t(o, r(M, {
       each: [0, 1, 2, 3, 4],
-      children: ($) => (() => {
-        var M = pe(), C = M.firstChild;
-        return d(C, "begin", `${$ * 0.3}s`), N(() => d(C, "path", `M${n[$].x},${n[$].y} L${n[5].x},${n[5].y}`)), M;
+      children: (s) => (() => {
+        var p = ge(), y = p.firstChild;
+        return $(y, "begin", `${s * 0.3}s`), P(() => $(y, "path", `M${n[s].x},${n[s].y} L${n[5].x},${n[5].y}`)), p;
       })()
-    })), d(m, "filter", `url(#neural-glow-${i})`), r(m, t(S, {
+    })), t(l, r(M, {
       get each() {
-        return h();
+        return c();
       },
-      children: ($, M) => (() => {
-        var C = he();
-        return N((g) => {
-          var b = $.x, w = $.y, G = M() === 5 ? 4 : 2.5, P = M() === 5 ? 1 : 0.7;
-          return b !== g.e && d(C, "cx", g.e = b), w !== g.t && d(C, "cy", g.t = w), G !== g.a && d(C, "r", g.a = G), P !== g.o && d(C, "fill-opacity", g.o = P), g;
+      children: (s, p) => (() => {
+        var y = he();
+        return P((m) => {
+          var A = s.x, b = s.y, C = p() === 5 ? 4 : 2.5, w = p() === 5 ? 1 : 0.7;
+          return A !== m.e && $(y, "cx", m.e = A), b !== m.t && $(y, "cy", m.t = b), C !== m.a && $(y, "r", m.a = C), w !== m.o && $(y, "fill-opacity", m.o = w), m;
         }, {
           e: void 0,
           t: void 0,
           a: void 0,
           o: void 0
-        }), C;
+        }), y;
       })()
-    })), r(A, t(O, {
+    })), t(h, r(Z, {
       class: "text-xs font-medium",
       get children() {
         return e.label;
       }
-    }), null), r(A, t(Qe, {}), null), r(k, t(p, {
+    }), null), t(h, r(We, {}), null), t(d, r(v, {
       get when() {
         return e.description || e.elapsed;
       },
       get children() {
-        var $ = I();
-        return r($, () => e.description, null), r($, t(p, {
+        var s = G();
+        return t(s, () => e.description, null), t(s, r(v, {
           get when() {
-            return q(() => !!e.description)() && e.elapsed;
+            return z(() => !!e.description)() && e.elapsed;
           },
           children: " · "
-        }), null), r($, t(p, {
+        }), null), t(s, r(v, {
           get when() {
             return e.elapsed;
           },
           get children() {
-            var M = L();
-            return r(M, () => e.elapsed), M;
+            var p = I();
+            return t(p, () => e.elapsed), p;
           }
-        }), null), $;
+        }), null), s;
       }
-    }), null), f;
+    }), null), g;
   })();
 }
-function Ee(e) {
-  const i = z();
+function De(e) {
+  const n = T();
   return (() => {
-    var n = me(), c = n.firstChild, h = c.firstChild, x = h.firstChild, y = x.firstChild, f = y.firstChild;
-    f.nextSibling;
-    var v = y.nextSibling, a = x.nextSibling, o = a.nextSibling, l = o.nextSibling, s = l.nextSibling, _ = s.nextSibling, m = _.nextSibling, k = c.nextSibling, A = k.firstChild;
-    return d(y, "id", `orbit-center-${i}`), d(v, "id", `orbit-blur-${i}`), d(s, "fill", `url(#orbit-center-${i})`), d(m, "filter", `url(#orbit-blur-${i})`), r(h, t(S, {
+    var i = pe(), c = i.firstChild, _ = c.firstChild, k = _.firstChild, g = k.firstChild, x = g.firstChild;
+    x.nextSibling;
+    var f = k.nextSibling, a = f.nextSibling, o = a.nextSibling, l = o.nextSibling, d = l.nextSibling;
+    d.nextSibling;
+    var h = c.nextSibling, s = h.firstChild;
+    return $(g, "id", `orbit-center-${n}`), $(l, "fill", `url(#orbit-center-${n})`), t(_, r(M, {
       each: [0, 60, 120, 180, 240, 300],
-      children: ($) => (() => {
-        var M = xe();
-        return B(M, "animation-delay", `${$ * 5}ms`), N((C) => {
-          var g = 24 + 20 * Math.cos($ * Math.PI / 180), b = 24 + 20 * Math.sin($ * Math.PI / 180);
-          return g !== C.e && d(M, "x2", C.e = g), b !== C.t && d(M, "y2", C.t = b), C;
+      children: (p) => (() => {
+        var y = xe();
+        return S(y, "animation-delay", `${p * 5}ms`), P((m) => {
+          var A = 24 + 20 * Math.cos(p * Math.PI / 180), b = 24 + 20 * Math.sin(p * Math.PI / 180);
+          return A !== m.e && $(y, "x2", m.e = A), b !== m.t && $(y, "y2", m.t = b), m;
         }, {
           e: void 0,
           t: void 0
-        }), M;
+        }), y;
       })()
-    }), null), r(A, t(Z, {
+    }), null), t(s, r(N, {
       class: "text-xs font-medium",
       get children() {
         return e.label;
       }
-    }), null), r(A, t(Y, {}), null), r(k, t(p, {
+    }), null), t(s, r(U, {}), null), t(h, r(v, {
       get when() {
         return e.description || e.elapsed;
       },
       get children() {
-        var $ = I();
-        return r($, () => e.description, null), r($, t(p, {
+        var p = G();
+        return t(p, () => e.description, null), t(p, r(v, {
           get when() {
-            return q(() => !!e.description)() && e.elapsed;
+            return z(() => !!e.description)() && e.elapsed;
           },
           children: " · "
-        }), null), r($, t(p, {
+        }), null), t(p, r(v, {
           get when() {
             return e.elapsed;
           },
           get children() {
-            var M = L();
-            return r(M, () => e.elapsed), M;
+            var y = I();
+            return t(y, () => e.elapsed), y;
           }
-        }), null), $;
+        }), null), p;
       }
-    }), null), n;
+    }), null), i;
   })();
 }
 function Fe(e) {
-  const h = [{
+  const _ = [{
     row: 0,
     col: 0
   }, {
@@ -617,79 +616,79 @@ function Fe(e) {
     col: 2
   }];
   return (() => {
-    var x = ye(), y = x.firstChild, f = y.firstChild, v = y.nextSibling, a = v.firstChild, o = a.firstChild;
-    return r(f, t(S, {
-      each: h,
-      children: (l, s) => (() => {
-        var _ = $e();
-        return N((m) => {
-          var k = 10.5 + l.col * 7, A = 10.5 + l.row * 7, $ = `${s() * 80}ms`;
-          return k !== m.e && d(_, "x", m.e = k), A !== m.t && d(_, "y", m.t = A), $ !== m.a && B(_, "animation-delay", m.a = $), m;
+    var k = me(), g = k.firstChild, x = g.firstChild, f = g.nextSibling, a = f.firstChild, o = a.firstChild;
+    return t(x, r(M, {
+      each: _,
+      children: (l, d) => (() => {
+        var h = $e();
+        return P((s) => {
+          var p = 10.5 + l.col * 7, y = 10.5 + l.row * 7, m = `${d() * 80}ms`;
+          return p !== s.e && $(h, "x", s.e = p), y !== s.t && $(h, "y", s.t = y), m !== s.a && S(h, "animation-delay", s.a = m), s;
         }, {
           e: void 0,
           t: void 0,
           a: void 0
-        }), _;
+        }), h;
       })()
-    })), r(o, () => e.label), r(a, t(H, {}), null), r(v, t(p, {
+    })), t(o, () => e.label), t(a, r(X, {}), null), t(f, r(v, {
       get when() {
         return e.description || e.elapsed;
       },
       get children() {
-        var l = I();
-        return r(l, () => e.description, null), r(l, t(p, {
+        var l = G();
+        return t(l, () => e.description, null), t(l, r(v, {
           get when() {
-            return q(() => !!e.description)() && e.elapsed;
+            return z(() => !!e.description)() && e.elapsed;
           },
           children: " · "
-        }), null), r(l, t(p, {
+        }), null), t(l, r(v, {
           get when() {
             return e.elapsed;
           },
           get children() {
-            var s = L();
-            return r(s, () => e.elapsed), s;
+            var d = I();
+            return t(d, () => e.elapsed), d;
           }
         }), null), l;
       }
-    }), null), x;
+    }), null), k;
   })();
 }
-function Ze(e) {
+function Ne(e) {
   return (() => {
-    var i = _e(), n = i.firstChild, c = n.firstChild, h = c.firstChild, x = n.nextSibling, y = x.firstChild, f = y.firstChild;
-    return r(c, t(S, {
+    var n = ye(), i = n.firstChild, c = i.firstChild, _ = c.firstChild, k = i.nextSibling, g = k.firstChild, x = g.firstChild;
+    return t(c, r(M, {
       each: [0, 1, 2],
-      children: (v) => (() => {
-        var a = we();
-        return B(a, "animation-delay", `${v * 500}ms`), a;
+      children: (f) => (() => {
+        var a = _e();
+        return S(a, "animation-delay", `${f * 500}ms`), a;
       })()
-    }), h), r(f, () => e.label), r(y, t(H, {}), null), r(x, t(p, {
+    }), _), t(x, () => e.label), t(g, r(X, {}), null), t(k, r(v, {
       get when() {
         return e.description || e.elapsed;
       },
       get children() {
-        var v = I();
-        return r(v, () => e.description, null), r(v, t(p, {
+        var f = G();
+        return t(f, () => e.description, null), t(f, r(v, {
           get when() {
-            return q(() => !!e.description)() && e.elapsed;
+            return z(() => !!e.description)() && e.elapsed;
           },
           children: " · "
-        }), null), r(v, t(p, {
+        }), null), t(f, r(v, {
           get when() {
             return e.elapsed;
           },
           get children() {
-            var a = L();
-            return r(a, () => e.elapsed), a;
+            var a = I();
+            return t(a, () => e.elapsed), a;
           }
-        }), null), v;
+        }), null), f;
       }
-    }), null), i;
+    }), null), n;
   })();
 }
-function Oe(e) {
-  const i = z(), n = [
+function Ze(e) {
+  const n = T(), i = [
     {
       rx: 16,
       ry: 6,
@@ -711,37 +710,37 @@ function Oe(e) {
       speed: 3
     }
     // rotated 120deg
-  ], [c, h] = V(
-    n.map(() => Math.random() * Math.PI * 2)
+  ], [c, _] = E(
+    i.map(() => Math.random() * Math.PI * 2)
     // random initial angle
   );
-  E(() => {
-    let f, v = performance.now();
+  D(() => {
+    let x, f = performance.now();
     const a = (o) => {
-      const l = (o - v) / 1e3;
-      v = o, h((s) => s.map((_, m) => _ + l * n[m].speed)), f = requestAnimationFrame(a);
+      const l = (o - f) / 1e3;
+      f = o, _((d) => d.map((h, s) => h + l * i[s].speed)), x = requestAnimationFrame(a);
     };
-    f = requestAnimationFrame(a), F(() => cancelAnimationFrame(f));
+    x = requestAnimationFrame(a), F(() => cancelAnimationFrame(x));
   });
-  const x = (f, v) => {
-    const a = n[f], o = Math.cos(v) * a.rx, l = Math.sin(v) * a.ry, s = a.rotateZ * Math.PI / 180, _ = o * Math.cos(s) - l * Math.sin(s), m = o * Math.sin(s) + l * Math.cos(s);
+  const k = (x, f) => {
+    const a = i[x], o = Math.cos(f) * a.rx, l = Math.sin(f) * a.ry, d = a.rotateZ * Math.PI / 180, h = o * Math.cos(d) - l * Math.sin(d), s = o * Math.sin(d) + l * Math.cos(d);
     return {
-      x: _ + 20,
-      y: m + 20,
+      x: h + 20,
+      y: s + 20,
       z: l
     };
-  }, y = re(() => {
-    const f = [], v = c();
-    for (let l = 0; l < v.length; l++) {
-      const s = v[l], _ = x(l, s);
-      f.push({
-        ..._,
+  }, g = K(() => {
+    const x = [], f = c();
+    for (let l = 0; l < f.length; l++) {
+      const d = f[l], h = k(l, d);
+      x.push({
+        ...h,
         orbitIndex: l
       });
     }
-    f.sort((l, s) => l.z - s.z);
+    x.sort((l, d) => l.z - d.z);
     const a = [], o = [];
-    for (const l of f)
+    for (const l of x)
       l.z < 0 ? a.push(l) : o.push(l);
     return {
       back: a,
@@ -749,140 +748,140 @@ function Oe(e) {
     };
   });
   return (() => {
-    var f = be(), v = f.firstChild, a = v.firstChild, o = a.firstChild, l = o.firstChild, s = l.nextSibling, _ = s.firstChild;
-    _.nextSibling;
-    var m = o.nextSibling, k = m.nextSibling, A = k.firstChild, $ = k.nextSibling, M = v.nextSibling, C = M.firstChild;
-    return d(l, "id", `atom-glow-${i}`), d(s, "id", `nucleus-grad-${i}`), r(m, t(S, {
-      each: n,
-      children: (g) => (() => {
-        var b = ke();
-        return N((w) => {
-          var G = g.rx, P = g.ry, j = `rotate(${g.rotateZ} 20 20)`;
-          return G !== w.e && d(b, "rx", w.e = G), P !== w.t && d(b, "ry", w.t = P), j !== w.a && d(b, "transform", w.a = j), w;
+    var x = ke(), f = x.firstChild, a = f.firstChild, o = a.firstChild, l = o.firstChild, d = l.firstChild;
+    d.nextSibling;
+    var h = o.nextSibling, s = h.nextSibling, p = s.firstChild, y = s.nextSibling, m = f.nextSibling, A = m.firstChild;
+    return $(l, "id", `nucleus-grad-${n}`), t(h, r(M, {
+      each: i,
+      children: (b) => (() => {
+        var C = we();
+        return P((w) => {
+          var q = b.rx, L = b.ry, O = `rotate(${b.rotateZ} 20 20)`;
+          return q !== w.e && $(C, "rx", w.e = q), L !== w.t && $(C, "ry", w.t = L), O !== w.a && $(C, "transform", w.a = O), w;
         }, {
           e: void 0,
           t: void 0,
           a: void 0
-        }), b;
+        }), C;
       })()
-    })), r(a, t(S, {
+    })), t(a, r(M, {
       get each() {
-        return y().back;
+        return g().back;
       },
-      children: (g) => (() => {
-        var b = Ce();
-        return N((w) => {
-          var G = g.x, P = g.y;
-          return G !== w.e && d(b, "cx", w.e = G), P !== w.t && d(b, "cy", w.t = P), w;
+      children: (b) => (() => {
+        var C = be();
+        return P((w) => {
+          var q = b.x, L = b.y;
+          return q !== w.e && $(C, "cx", w.e = q), L !== w.t && $(C, "cy", w.t = L), w;
         }, {
           e: void 0,
           t: void 0
-        }), b;
+        }), C;
       })()
-    }), k), d(k, "filter", `url(#atom-glow-${i})`), d(A, "fill", `url(#nucleus-grad-${i})`), d($, "filter", `url(#atom-glow-${i})`), r($, t(S, {
+    }), s), $(p, "fill", `url(#nucleus-grad-${n})`), t(y, r(M, {
       get each() {
-        return y().front;
+        return g().front;
       },
-      children: (g) => (() => {
-        var b = Me();
-        return N((w) => {
-          var G = g.x, P = g.y;
-          return G !== w.e && d(b, "cx", w.e = G), P !== w.t && d(b, "cy", w.t = P), w;
+      children: (b) => (() => {
+        var C = Ce();
+        return P((w) => {
+          var q = b.x, L = b.y;
+          return q !== w.e && $(C, "cx", w.e = q), L !== w.t && $(C, "cy", w.t = L), w;
         }, {
           e: void 0,
           t: void 0
-        }), b;
+        }), C;
       })()
-    })), r(C, t(O, {
+    })), t(A, r(Z, {
       class: "text-xs font-medium",
       get children() {
         return e.label;
       }
-    }), null), r(C, t(Y, {}), null), r(M, t(p, {
+    }), null), t(A, r(U, {}), null), t(m, r(v, {
       get when() {
         return e.description || e.elapsed;
       },
       get children() {
-        var g = I();
-        return r(g, () => e.description, null), r(g, t(p, {
+        var b = G();
+        return t(b, () => e.description, null), t(b, r(v, {
           get when() {
-            return q(() => !!e.description)() && e.elapsed;
+            return z(() => !!e.description)() && e.elapsed;
           },
           children: " · "
-        }), null), r(g, t(p, {
+        }), null), t(b, r(v, {
           get when() {
             return e.elapsed;
           },
           get children() {
-            var b = L();
-            return r(b, () => e.elapsed), b;
+            var C = I();
+            return t(C, () => e.elapsed), C;
           }
-        }), null), g;
+        }), null), b;
       }
-    }), null), f;
+    }), null), x;
   })();
 }
-function je(e) {
-  const i = () => e.size === "sm" ? "h-2" : "h-3";
+function Oe(e) {
+  const n = () => e.size === "sm" ? "h-2" : "h-3";
   return (() => {
-    var n = Q();
-    return r(n, t(S, {
+    var i = W();
+    return t(i, r(M, {
       each: [0, 1, 2, 3, 4],
       children: (c) => (() => {
-        var h = Se();
-        return B(h, "animation-delay", `${c * 80}ms`), h;
+        var _ = Me();
+        return S(_, "animation-delay", `${c * 80}ms`), _;
       })()
-    })), N(() => T(n, D("flex items-end gap-0.5", i()))), n;
+    })), P(() => B(i, V("flex items-end gap-0.5", n()))), i;
   })();
 }
-function We() {
+function je() {
   return (() => {
-    var e = X();
-    return r(e, t(S, {
+    var e = R();
+    return t(e, r(M, {
       each: [0, 1, 2],
-      children: (i) => (() => {
-        var n = Ae();
-        return B(n, "animation-delay", `${i * 200}ms`), n;
+      children: (n) => (() => {
+        var i = Se();
+        return S(i, "animation-delay", `${n * 200}ms`), i;
       })()
     })), e;
   })();
 }
-function Qe() {
+function We() {
   return (() => {
-    var e = Ge();
-    return r(e, t(S, {
+    var e = Ae();
+    return t(e, r(M, {
       each: [0, 1, 2, 3],
-      children: (i) => (() => {
-        var n = Pe();
-        return B(n, "animation-delay", `${i * 150}ms`), n;
+      children: (n) => (() => {
+        var i = Pe();
+        return S(i, "animation-delay", `${n * 150}ms`), i;
       })()
     })), e;
   })();
 }
-function Y() {
+function U() {
   return (() => {
-    var e = Be();
-    return e.firstChild, r(e, t(S, {
+    var e = qe();
+    return e.firstChild, t(e, r(M, {
       each: [0, 1, 2],
-      children: (i) => (() => {
-        var n = Ne();
-        return B(n, "animation-delay", `${i * 300}ms`), B(n, "--orbit-index", i), n;
+      children: (n) => (() => {
+        var i = Le();
+        return S(i, "animation-delay", `${n * 300}ms`), S(i, "--orbit-index", n), i;
       })()
     }), null), e;
   })();
 }
-function H() {
+function X() {
   return (() => {
-    var e = X();
-    return r(e, t(S, {
+    var e = R();
+    return t(e, r(M, {
       each: [0, 1, 2],
-      children: (i) => (() => {
-        var n = qe();
-        return B(n, "animation-delay", `${i * 200}ms`), n;
+      children: (n) => (() => {
+        var i = ze();
+        return S(i, "animation-delay", `${n * 200}ms`), i;
       })()
     })), e;
   })();
 }
 export {
-  Ye as ProcessingIndicator
+  Xe as ProcessingIndicator
 };