@akiraka/quark-big-screen-ui 0.1.13 → 0.1.14

package/dist/index.js

@@ -1,4 +1,4 @@
-import { defineComponent as A, openBlock as l, createElementBlock as t, normalizeStyle as v, normalizeClass as S, createCommentVNode as h, toDisplayString as y, renderSlot as T, createElementVNode as e, createTextVNode as O, Fragment as g, renderList as q, createBlock as _e, withCtx as be, computed as b, ref as U, onMounted as ve, onBeforeUnmount as we, createStaticVNode as G } from "vue";
+import { defineComponent as A, openBlock as l, createElementBlock as t, normalizeStyle as b, normalizeClass as S, createCommentVNode as h, toDisplayString as y, renderSlot as T, createElementVNode as e, createTextVNode as O, Fragment as g, renderList as q, createBlock as _e, withCtx as ve, computed as v, ref as U, onMounted as be, onBeforeUnmount as we, createStaticVNode as G } from "vue";
 const $e = {
   key: 0,
   class: "qbs-panel__corner qbs-panel__corner--tl"
@@ -42,40 +42,40 @@ const $e = {
     titleSize: { default: "md" },
     overflowHidden: { type: Boolean, default: !0 }
   },
-  setup(d) {
-    const u = d;
-    function k(m) {
-      return u.corners === "all" ? !0 : u.corners === "none" ? !1 : m === "tl" || m === "br";
+  setup(u) {
+    const d = u;
+    function f(m) {
+      return d.corners === "all" ? !0 : d.corners === "none" ? !1 : m === "tl" || m === "br";
     }
     return (m, p) => (l(), t("section", {
       class: S(["qbs-panel", [
-        `qbs-panel--padding-${d.padding}`,
-        `qbs-panel--layout-${d.bodyLayout}`,
-        { "qbs-panel--overflow-hidden": d.overflowHidden }
+        `qbs-panel--padding-${u.padding}`,
+        `qbs-panel--layout-${u.bodyLayout}`,
+        { "qbs-panel--overflow-hidden": u.overflowHidden }
       ]]),
-      style: v({ "--qbs-accent": d.accent })
+      style: b({ "--qbs-accent": u.accent })
     }, [
-      k("tl") ? (l(), t("span", $e)) : h("", !0),
-      k("tr") ? (l(), t("span", Ce)) : h("", !0),
-      k("bl") ? (l(), t("span", qe)) : h("", !0),
-      k("br") ? (l(), t("span", Me)) : h("", !0),
-      d.title || d.liveLabel || m.$slots["header-center"] || m.$slots["header-extra"] ? (l(), t("header", {
+      f("tl") ? (l(), t("span", $e)) : h("", !0),
+      f("tr") ? (l(), t("span", Ce)) : h("", !0),
+      f("bl") ? (l(), t("span", qe)) : h("", !0),
+      f("br") ? (l(), t("span", Me)) : h("", !0),
+      u.title || u.liveLabel || m.$slots["header-center"] || m.$slots["header-extra"] ? (l(), t("header", {
         key: 4,
-        class: S(["qbs-panel__header", `qbs-panel__header--${d.titleSize}`])
+        class: S(["qbs-panel__header", `qbs-panel__header--${u.titleSize}`])
       }, [
-        d.showBar ? (l(), t("span", Se)) : h("", !0),
-        d.title ? (l(), t("span", Ae, y(d.title), 1)) : h("", !0),
+        u.showBar ? (l(), t("span", Se)) : h("", !0),
+        u.title ? (l(), t("span", Ae, y(u.title), 1)) : h("", !0),
         m.$slots["header-prefix"] ? (l(), t("span", Be, [
           T(m.$slots, "header-prefix", {}, void 0, !0)
         ])) : h("", !0),
         m.$slots["header-center"] ? (l(), t("span", Oe, [
           T(m.$slots, "header-center", {}, void 0, !0)
         ])) : h("", !0),
-        m.$slots["header-extra"] || d.liveLabel ? (l(), t("span", ze, [
+        m.$slots["header-extra"] || u.liveLabel ? (l(), t("span", ze, [
           T(m.$slots, "header-extra", {}, () => [
-            d.liveLabel ? (l(), t("span", Re, [
+            u.liveLabel ? (l(), t("span", Re, [
               p[0] || (p[0] = e("span", { class: "qbs-panel__live-dot" }, null, -1)),
-              O(y(d.liveLabel), 1)
+              O(y(u.liveLabel), 1)
             ])) : h("", !0)
           ], !0)
         ])) : h("", !0)
@@ -85,11 +85,11 @@ const $e = {
       ])
     ], 6));
   }
-}), B = (d, u) => {
-  const k = d.__vccOpts || d;
-  for (const [m, p] of u)
-    k[m] = p;
-  return k;
+}), B = (u, d) => {
+  const f = u.__vccOpts || u;
+  for (const [m, p] of d)
+    f[m] = p;
+  return f;
 }, Te = /* @__PURE__ */ B(Ne, [["__scopeId", "data-v-749400b6"]]), De = {
   key: 0,
   class: "qbs-duty-compact"
@@ -114,32 +114,32 @@ const $e = {
     totalUsers: { default: void 0 },
     groups: { default: () => [] }
   },
-  setup(d) {
-    const u = d;
-    return (k, m) => u.compact ? (l(), t("div", De, [
-      e("div", Le, y(u.personName.charAt(0) || "-"), 1),
+  setup(u) {
+    const d = u;
+    return (f, m) => d.compact ? (l(), t("div", De, [
+      e("div", Le, y(d.personName.charAt(0) || "-"), 1),
       e("div", Pe, [
-        e("span", Ee, y(u.personName || "暂未排班"), 1),
-        e("span", Ge, y(u.personPhone || "—"), 1)
+        e("span", Ee, y(d.personName || "暂未排班"), 1),
+        e("span", Ge, y(d.personPhone || "—"), 1)
       ]),
-      u.personTag ? (l(), t("span", Ze, y(u.personTag), 1)) : h("", !0)
+      d.personTag ? (l(), t("span", Ze, y(d.personTag), 1)) : h("", !0)
     ])) : (l(), t("div", He, [
       e("div", Ue, [
         e("div", je, [
           m[0] || (m[0] = e("span", null, "日期", -1)),
-          e("strong", null, y(u.date || "未同步"), 1)
+          e("strong", null, y(d.date || "未同步"), 1)
         ]),
         e("div", Fe, [
           m[1] || (m[1] = e("span", null, "值班组", -1)),
-          e("strong", null, y(u.totalGroups ?? u.groups.length), 1)
+          e("strong", null, y(d.totalGroups ?? d.groups.length), 1)
         ]),
         e("div", Ye, [
           m[2] || (m[2] = e("span", null, "值班人数", -1)),
-          e("strong", null, y(u.totalUsers ?? 0), 1)
+          e("strong", null, y(d.totalUsers ?? 0), 1)
         ])
       ]),
       e("div", Qe, [
-        (l(!0), t(g, null, q(u.groups, (p) => {
+        (l(!0), t(g, null, q(d.groups, (p) => {
           var w;
           return l(), t("article", {
             key: p.groupId,
@@ -157,14 +157,14 @@ const $e = {
             ])
           ]);
         }), 128)),
-        u.groups.length ? h("", !0) : (l(), t("div", Je, "暂无值班数据"))
+        d.groups.length ? h("", !0) : (l(), t("div", Je, "暂无值班数据"))
       ])
     ]));
   }
-}), Ha = /* @__PURE__ */ B(Ke, [["__scopeId", "data-v-f5721bce"]]), Xe = { class: "qbs-alert-row__main" }, el = { class: "qbs-alert-row__copy" }, ll = ["title"], tl = { class: "qbs-alert-row__meta" }, ol = { class: "qbs-alert-row__group" }, sl = {
+}), Us = /* @__PURE__ */ B(Ke, [["__scopeId", "data-v-f5721bce"]]), Xe = { class: "qbs-alert-row__main" }, el = { class: "qbs-alert-row__copy" }, ll = ["title"], tl = { class: "qbs-alert-row__meta" }, ol = { class: "qbs-alert-row__group" }, al = {
   key: 0,
   class: "qbs-alert-row__owner"
-}, al = {
+}, sl = {
   key: 1,
   class: "qbs-alert-row__time"
 }, il = {
@@ -186,39 +186,39 @@ const $e = {
     detailWide: { type: Boolean, default: !1 }
   },
   emits: ["select"],
-  setup(d) {
-    const u = d;
-    return (k, m) => (l(), t("button", {
-      class: S(["qbs-alert-row", { "qbs-alert-row--detail-wide": u.detailWide }]),
-      style: v({ "--qbs-alert-accent": u.accent }),
+  setup(u) {
+    const d = u;
+    return (f, m) => (l(), t("button", {
+      class: S(["qbs-alert-row", { "qbs-alert-row--detail-wide": d.detailWide }]),
+      style: b({ "--qbs-alert-accent": d.accent }),
       type: "button",
-      onClick: m[0] || (m[0] = (p) => k.$emit("select"))
+      onClick: m[0] || (m[0] = (p) => f.$emit("select"))
     }, [
       e("div", Xe, [
         e("div", el, [
           e("div", {
             class: "qbs-alert-row__title",
-            title: u.title
-          }, y(u.title), 9, ll),
+            title: d.title
+          }, y(d.title), 9, ll),
           e("div", tl, [
-            e("span", ol, y(u.group), 1),
-            u.owner ? (l(), t("span", sl, y(u.owner), 1)) : h("", !0),
-            u.time ? (l(), t("span", al, y(u.time), 1)) : h("", !0),
-            u.tag ? (l(), t("span", il, y(u.tag), 1)) : h("", !0)
+            e("span", ol, y(d.group), 1),
+            d.owner ? (l(), t("span", al, y(d.owner), 1)) : h("", !0),
+            d.time ? (l(), t("span", sl, y(d.time), 1)) : h("", !0),
+            d.tag ? (l(), t("span", il, y(d.tag), 1)) : h("", !0)
           ]),
           e("div", rl, [
-            T(k.$slots, "status", {}, () => [
-              O(y(u.statusText || "待处理"), 1)
+            T(f.$slots, "status", {}, () => [
+              O(y(d.statusText || "待处理"), 1)
             ], !0)
           ])
         ]),
-        k.$slots.aside ? (l(), t("aside", nl, [
-          T(k.$slots, "aside", {}, void 0, !0)
+        f.$slots.aside ? (l(), t("aside", nl, [
+          T(f.$slots, "aside", {}, void 0, !0)
         ])) : h("", !0)
       ])
     ], 6));
   }
-}), Ua = /* @__PURE__ */ B(cl, [["__scopeId", "data-v-83959767"]]), ul = { class: "qbs-metric-card__value" }, dl = { class: "qbs-metric-card__label" }, yl = /* @__PURE__ */ A({
+}), js = /* @__PURE__ */ B(cl, [["__scopeId", "data-v-83959767"]]), dl = { class: "qbs-metric-card__value" }, ul = { class: "qbs-metric-card__label" }, yl = /* @__PURE__ */ A({
   __name: "BigScreenMetricCard",
   props: {
     label: {},
@@ -226,17 +226,17 @@ const $e = {
     tone: { default: "#7dd3fc" },
     compact: { type: Boolean, default: !1 }
   },
-  setup(d) {
-    const u = d;
-    return (k, m) => u.compact ? (l(), t("div", {
+  setup(u) {
+    const d = u;
+    return (f, m) => d.compact ? (l(), t("div", {
       key: 0,
       class: "qbs-metric-card qbs-metric-card--compact",
-      style: v({ "--qbs-metric-tone": u.tone })
+      style: b({ "--qbs-metric-tone": d.tone })
     }, [
-      e("span", null, y(u.label), 1),
+      e("span", null, y(d.label), 1),
       e("strong", null, [
-        T(k.$slots, "default", {}, () => [
-          O(y(u.value), 1)
+        T(f.$slots, "default", {}, () => [
+          O(y(d.value), 1)
         ], !0)
       ])
     ], 4)) : (l(), _e(Te, {
@@ -244,18 +244,18 @@ const $e = {
       class: "qbs-metric-card",
       "body-layout": "metric",
       padding: "tight",
-      accent: u.tone
+      accent: d.tone
     }, {
-      default: be(() => [
-        T(k.$slots, "default", {}, () => [
-          e("strong", ul, y(u.value), 1)
+      default: ve(() => [
+        T(f.$slots, "default", {}, () => [
+          e("strong", dl, y(d.value), 1)
         ], !0),
-        e("span", dl, y(u.label), 1)
+        e("span", ul, y(d.label), 1)
       ]),
       _: 3
     }, 8, ["accent"]));
   }
-}), ja = /* @__PURE__ */ B(yl, [["__scopeId", "data-v-07353599"]]), ml = { class: "qbs-header" }, hl = { class: "qbs-header__body" }, kl = { class: "qbs-header__brand" }, fl = {
+}), Fs = /* @__PURE__ */ B(yl, [["__scopeId", "data-v-07353599"]]), ml = { class: "qbs-header" }, hl = { class: "qbs-header__body" }, fl = { class: "qbs-header__brand" }, kl = {
   key: 0,
   class: "qbs-header__clock"
 }, pl = /* @__PURE__ */ A({
@@ -268,27 +268,27 @@ const $e = {
     weekdayText: { default: "" },
     showClock: { type: Boolean, default: !0 }
   },
-  setup(d) {
-    return (u, k) => (l(), t("section", ml, [
-      k[1] || (k[1] = e("i", { class: "qbs-header__glow" }, null, -1)),
+  setup(u) {
+    return (d, f) => (l(), t("section", ml, [
+      f[1] || (f[1] = e("i", { class: "qbs-header__glow" }, null, -1)),
       e("div", hl, [
-        e("div", kl, [
-          k[0] || (k[0] = e("i", { class: "qbs-header__crest" }, [
+        e("div", fl, [
+          f[0] || (f[0] = e("i", { class: "qbs-header__crest" }, [
             e("b")
           ], -1)),
           e("div", null, [
-            e("p", null, y(d.subtitle), 1),
-            e("h1", null, y(d.title), 1)
+            e("p", null, y(u.subtitle), 1),
+            e("h1", null, y(u.title), 1)
           ])
         ]),
-        d.showClock ? (l(), t("div", fl, [
-          e("strong", null, y(d.timeText), 1),
-          e("span", null, y(d.dateText) + " " + y(d.weekdayText), 1)
+        u.showClock ? (l(), t("div", kl, [
+          e("strong", null, y(u.timeText), 1),
+          e("span", null, y(u.dateText) + " " + y(u.weekdayText), 1)
         ])) : h("", !0)
       ])
     ]));
   }
-}), Fa = /* @__PURE__ */ B(pl, [["__scopeId", "data-v-cc041333"]]), xl = { class: "qbs-build-dist" }, gl = {
+}), Ys = /* @__PURE__ */ B(pl, [["__scopeId", "data-v-cc041333"]]), xl = { class: "qbs-build-dist" }, gl = {
   key: 0,
   class: "qbs-build-dist__empty"
 }, _l = /* @__PURE__ */ A({
@@ -297,10 +297,10 @@ const $e = {
     items: { default: () => [] },
     total: { default: 0 }
   },
-  setup(d) {
-    const u = d, k = (m) => `${(m / Math.max(1, u.total || u.items.reduce((p, w) => p + w.count, 0)) * 100).toFixed(1)}%`;
+  setup(u) {
+    const d = u, f = (m) => `${(m / Math.max(1, d.total || d.items.reduce((p, w) => p + w.count, 0)) * 100).toFixed(1)}%`;
     return (m, p) => (l(), t("div", xl, [
-      (l(!0), t(g, null, q(u.items.slice(0, 8), (w) => (l(), t("article", {
+      (l(!0), t(g, null, q(d.items.slice(0, 8), (w) => (l(), t("article", {
         key: w.name
       }, [
         e("div", null, [
@@ -309,14 +309,14 @@ const $e = {
         ]),
         e("i", null, [
           e("b", {
-            style: v({ width: k(w.count) })
+            style: b({ width: f(w.count) })
           }, null, 4)
         ])
       ]))), 128)),
-      u.items.length ? h("", !0) : (l(), t("div", gl, "暂无构建分布数据"))
+      d.items.length ? h("", !0) : (l(), t("div", gl, "暂无构建分布数据"))
     ]));
   }
-}), Ya = /* @__PURE__ */ B(_l, [["__scopeId", "data-v-608b33d9"]]), bl = { class: "qbs-build-projects" }, vl = { class: "qbs-build-projects__summary" }, wl = { class: "qbs-build-projects__list" }, $l = {
+}), Qs = /* @__PURE__ */ B(_l, [["__scopeId", "data-v-608b33d9"]]), vl = { class: "qbs-build-projects" }, bl = { class: "qbs-build-projects__summary" }, wl = { class: "qbs-build-projects__list" }, $l = {
   key: 0,
   class: "qbs-build-projects__empty"
 }, Cl = /* @__PURE__ */ A({
@@ -327,25 +327,25 @@ const $e = {
     successRate: { default: 0 },
     items: { default: () => [] }
   },
-  setup(d) {
-    const u = (k) => `${Math.max(0, Math.min(100, k || 0))}%`;
-    return (k, m) => (l(), t("div", bl, [
-      e("div", vl, [
+  setup(u) {
+    const d = (f) => `${Math.max(0, Math.min(100, f || 0))}%`;
+    return (f, m) => (l(), t("div", vl, [
+      e("div", bl, [
         e("span", null, [
           m[0] || (m[0] = O("构建中", -1)),
-          e("strong", null, y(d.buildingCount), 1)
+          e("strong", null, y(u.buildingCount), 1)
         ]),
         e("span", null, [
           m[1] || (m[1] = O("今日构建", -1)),
-          e("strong", null, y(d.todayBuilds), 1)
+          e("strong", null, y(u.todayBuilds), 1)
         ]),
         e("span", null, [
           m[2] || (m[2] = O("成功率", -1)),
-          e("strong", null, y(Number(d.successRate).toFixed(1)) + "%", 1)
+          e("strong", null, y(Number(u.successRate).toFixed(1)) + "%", 1)
         ])
       ]),
       e("div", wl, [
-        (l(!0), t(g, null, q(d.items.slice(0, 8), (p) => (l(), t("article", {
+        (l(!0), t(g, null, q(u.items.slice(0, 8), (p) => (l(), t("article", {
           key: `${p.pipelineId}-${p.buildId}`
         }, [
           e("div", null, [
@@ -358,15 +358,15 @@ const $e = {
           ]),
           e("i", null, [
             e("b", {
-              style: v({ width: u(p.progress) })
+              style: b({ width: d(p.progress) })
             }, null, 4)
           ])
         ]))), 128)),
-        d.items.length ? h("", !0) : (l(), t("div", $l, "当前没有在跑的构建项目"))
+        u.items.length ? h("", !0) : (l(), t("div", $l, "当前没有在跑的构建项目"))
       ])
     ]));
   }
-}), Qa = /* @__PURE__ */ B(Cl, [["__scopeId", "data-v-6c6f003c"]]), ql = { class: "qbs-robot" }, Ml = { class: "qbs-robot__head" }, Sl = { class: "qbs-robot__metrics" }, Al = /* @__PURE__ */ A({
+}), Ws = /* @__PURE__ */ B(Cl, [["__scopeId", "data-v-6c6f003c"]]), ql = { class: "qbs-robot" }, Ml = { class: "qbs-robot__head" }, Sl = { class: "qbs-robot__metrics" }, Al = /* @__PURE__ */ A({
   __name: "BigScreenRobotSummary",
   props: {
     status: { default: "online" },
@@ -377,38 +377,38 @@ const $e = {
     alerts: { default: () => ({}) },
     successRate: { default: 0 }
   },
-  setup(d) {
-    return (u, k) => (l(), t("div", ql, [
+  setup(u) {
+    return (d, f) => (l(), t("div", ql, [
       e("div", Ml, [
         e("i", {
-          class: S(`is-${d.emotion}`)
+          class: S(`is-${u.emotion}`)
         }, null, 2),
         e("div", null, [
-          e("strong", null, y(d.status), 1),
-          e("span", null, y(d.mode) + " · " + y(d.generatedAt), 1)
+          e("strong", null, y(u.status), 1),
+          e("span", null, y(u.mode) + " · " + y(u.generatedAt), 1)
         ])
       ]),
       e("div", Sl, [
         e("span", null, [
-          k[0] || (k[0] = O("值班组", -1)),
-          e("b", null, y(d.summary.dutyGroups ?? 0), 1)
+          f[0] || (f[0] = O("值班组", -1)),
+          e("b", null, y(u.summary.dutyGroups ?? 0), 1)
         ]),
         e("span", null, [
-          k[1] || (k[1] = O("今日告警", -1)),
-          e("b", null, y(d.summary.todayAlerts ?? 0), 1)
+          f[1] || (f[1] = O("今日告警", -1)),
+          e("b", null, y(u.summary.todayAlerts ?? 0), 1)
         ]),
         e("span", null, [
-          k[2] || (k[2] = O("构建中", -1)),
-          e("b", null, y(d.summary.buildingCount ?? 0), 1)
+          f[2] || (f[2] = O("构建中", -1)),
+          e("b", null, y(u.summary.buildingCount ?? 0), 1)
         ]),
         e("span", null, [
-          k[3] || (k[3] = O("终端节点", -1)),
-          e("b", null, y(d.summary.endpointNodes ?? 0), 1)
+          f[3] || (f[3] = O("终端节点", -1)),
+          e("b", null, y(u.summary.endpointNodes ?? 0), 1)
         ])
       ])
     ]));
   }
-}), Wa = /* @__PURE__ */ B(Al, [["__scopeId", "data-v-534c73e7"]]), Bl = { class: "qbs-endpoints" }, Ol = {
+}), Vs = /* @__PURE__ */ B(Al, [["__scopeId", "data-v-534c73e7"]]), Bl = { class: "qbs-endpoints" }, Ol = {
   key: 0,
   class: "qbs-endpoints__empty"
 }, zl = /* @__PURE__ */ A({
@@ -416,9 +416,9 @@ const $e = {
   props: {
     items: { default: () => [] }
   },
-  setup(d) {
-    return (u, k) => (l(), t("div", Bl, [
-      (l(!0), t(g, null, q(d.items, (m) => {
+  setup(u) {
+    return (d, f) => (l(), t("div", Bl, [
+      (l(!0), t(g, null, q(u.items, (m) => {
         var p;
         return l(), t("article", {
           key: m.id
@@ -438,29 +438,29 @@ const $e = {
           }), 128))
         ]);
       }), 128)),
-      d.items.length ? h("", !0) : (l(), t("div", Ol, "暂无终端分布数据"))
+      u.items.length ? h("", !0) : (l(), t("div", Ol, "暂无终端分布数据"))
     ]));
   }
-}), Va = /* @__PURE__ */ B(zl, [["__scopeId", "data-v-9abd8314"]]), Rl = { class: "qbs-embed" }, Il = ["src", "title"], Nl = { key: 1 }, Tl = /* @__PURE__ */ A({
+}), Js = /* @__PURE__ */ B(zl, [["__scopeId", "data-v-9abd8314"]]), Rl = { class: "qbs-embed" }, Il = ["src", "title"], Nl = { key: 1 }, Tl = /* @__PURE__ */ A({
   __name: "BigScreenExternalEmbed",
   props: {
     url: { default: "" },
     title: { default: "外部仪表盘" }
   },
-  setup(d) {
-    const u = d, k = b(() => {
+  setup(u) {
+    const d = u, f = v(() => {
       try {
-        const m = new URL(u.url);
+        const m = new URL(d.url);
         return ["http:", "https:"].includes(m.protocol) ? m.toString() : "";
       } catch {
         return "";
       }
     });
     return (m, p) => (l(), t("section", Rl, [
-      k.value ? (l(), t("iframe", {
+      f.value ? (l(), t("iframe", {
         key: 0,
-        src: k.value,
-        title: d.title,
+        src: f.value,
+        title: u.title,
         loading: "lazy",
         referrerpolicy: "no-referrer",
         sandbox: "allow-scripts allow-same-origin allow-forms allow-popups",
@@ -468,84 +468,84 @@ const $e = {
       }, null, 8, Il)) : (l(), t("div", Nl, "请在 Props JSON 中配置 http(s) 外部仪表盘 URL。"))
     ]));
   }
-}), Ja = /* @__PURE__ */ B(Tl, [["__scopeId", "data-v-f20c22f6"]]), Dl = {
+}), Ks = /* @__PURE__ */ B(Tl, [["__scopeId", "data-v-f20c22f6"]]), Dl = {
   width: "300",
   height: "290",
   viewBox: "0 0 240 230",
   class: "overflow-visible drop-shadow-[0_18px_24px_rgba(37,99,235,0.25)]"
-}, Ll = ["stroke"], Pl = ["fill"], El = ["fill"], Gl = ["rx", "ry", "opacity"], Zl = ["rx", "ry", "opacity"], Hl = ["fill"], Ul = ["d"], jl = ["d"], Fl = ["d"], Yl = ["d"], Ql = { key: 5 }, Wl = ["d"], Vl = ["d"], Jl = ["x", "y"], Kl = ["x", "y"], Xl = ["cx"], et = ["cx"], lt = ["x1", "y1", "x2", "y2"], tt = ["x1", "y1", "x2", "y2"], ot = ["cy"], st = ["cy"], at = ["x1", "y1", "x2", "y2"], it = ["x1", "y1", "x2", "y2"], rt = ["cx", "cy"], nt = ["cx", "cy"], ct = ["cx", "cy"], ut = ["cx", "cy"], dt = ["cx", "cy"], yt = ["cx", "cy"], mt = ["cx", "cy"], ht = ["cx", "cy"], kt = ["cy"], ft = ["cy"], pt = ["cy"], xt = ["cy"], gt = ["x", "y"], _t = ["x", "y"], bt = ["x1", "x2"], vt = ["x1", "x2"], wt = ["cy"], $t = ["cx", "cy"], Ct = ["x", "y"], qt = ["cx", "cy"], Mt = ["cx", "cy"], St = ["cx", "cy"], At = ["cx", "cy"], Bt = ["cx", "cy"], Ot = ["cx", "cy"], zt = ["cx", "cy"], Rt = ["x1", "y1", "x2", "y2"], It = ["x1", "y1", "x2", "y2"], Nt = ["x1", "x2"], Tt = ["x1", "x2"], Dt = { key: 16 }, Lt = ["cy"], Pt = ["cy"], Et = ["cy"], Gt = ["cy"], Zt = ["x", "y"], Ht = ["x", "y"], Ut = ["d"], jt = ["d"], Ft = ["cy"], Yt = ["cy"], Qt = ["x1", "y1", "x2", "y2"], Wt = ["x1", "y1", "x2", "y2"], Vt = { key: 19 }, Jt = ["cy"], Kt = ["cy"], Xt = ["cy"], eo = ["cy"], lo = ["x", "y"], to = ["x", "y"], oo = ["d"], so = ["d"], ao = ["d"], io = ["d"], ro = ["x1", "x2"], no = ["x1", "x2"], co = ["d"], uo = ["d"], yo = ["cy"], mo = ["cy"], ho = ["cx", "cy"], ko = ["cx", "cy"], fo = ["cx", "cy"], po = ["cx", "cy"], xo = ["x1", "y1", "x2", "y2"], go = ["x1", "y1", "x2", "y2"], _o = ["cx", "cy"], bo = ["cx", "cy"], vo = ["cx", "cy"], wo = ["cx", "cy"], $o = ["cx", "cy"], Co = ["cx", "cy"], qo = ["cx", "cy"], Mo = ["cx", "cy"], So = ["cy"], Ao = ["cy"], Bo = ["cx", "cy"], Oo = ["cx", "cy"], zo = ["cy"], Ro = ["cy"], Io = ["x1", "y1", "x2", "y2"], No = ["x1", "y1", "x2", "y2"], To = ["d"], Do = ["d"], Lo = ["d"], Po = ["d"], Eo = ["cx", "cy"], Go = ["x1", "x2"], Zo = ["x", "y"], Ho = ["x", "y"], Uo = { key: 10 }, jo = { key: 16 }, Fo = {
+}, Ll = ["stroke"], Pl = ["fill"], El = ["fill"], Gl = ["rx", "ry", "opacity"], Zl = ["rx", "ry", "opacity"], Hl = ["fill"], Ul = ["d"], jl = ["d"], Fl = ["d"], Yl = ["d"], Ql = { key: 5 }, Wl = ["d"], Vl = ["d"], Jl = ["x", "y"], Kl = ["x", "y"], Xl = ["cx"], et = ["cx"], lt = ["x1", "y1", "x2", "y2"], tt = ["x1", "y1", "x2", "y2"], ot = ["cy"], at = ["cy"], st = ["x1", "y1", "x2", "y2"], it = ["x1", "y1", "x2", "y2"], rt = ["cx", "cy"], nt = ["cx", "cy"], ct = ["cx", "cy"], dt = ["cx", "cy"], ut = ["cx", "cy"], yt = ["cx", "cy"], mt = ["cx", "cy"], ht = ["cx", "cy"], ft = ["cy"], kt = ["cy"], pt = ["cy"], xt = ["cy"], gt = ["x", "y"], _t = ["x", "y"], vt = ["x1", "x2"], bt = ["x1", "x2"], wt = ["cy"], $t = ["cx", "cy"], Ct = ["x", "y"], qt = ["cx", "cy"], Mt = ["cx", "cy"], St = ["cx", "cy"], At = ["cx", "cy"], Bt = ["cx", "cy"], Ot = ["cx", "cy"], zt = ["cx", "cy"], Rt = ["x1", "y1", "x2", "y2"], It = ["x1", "y1", "x2", "y2"], Nt = ["x1", "x2"], Tt = ["x1", "x2"], Dt = { key: 16 }, Lt = ["cy"], Pt = ["cy"], Et = ["cy"], Gt = ["cy"], Zt = ["x", "y"], Ht = ["x", "y"], Ut = ["d"], jt = ["d"], Ft = ["cy"], Yt = ["cy"], Qt = ["x1", "y1", "x2", "y2"], Wt = ["x1", "y1", "x2", "y2"], Vt = { key: 19 }, Jt = ["cy"], Kt = ["cy"], Xt = ["cy"], eo = ["cy"], lo = ["x", "y"], to = ["x", "y"], oo = ["d"], ao = ["d"], so = ["d"], io = ["d"], ro = ["x1", "x2"], no = ["x1", "x2"], co = ["d"], uo = ["d"], yo = ["cy"], mo = ["cy"], ho = ["cx", "cy"], fo = ["cx", "cy"], ko = ["cx", "cy"], po = ["cx", "cy"], xo = ["x1", "y1", "x2", "y2"], go = ["x1", "y1", "x2", "y2"], _o = ["cx", "cy"], vo = ["cx", "cy"], bo = ["cx", "cy"], wo = ["cx", "cy"], $o = ["cx", "cy"], Co = ["cx", "cy"], qo = ["cx", "cy"], Mo = ["cx", "cy"], So = ["cy"], Ao = ["cy"], Bo = ["cx", "cy"], Oo = ["cx", "cy"], zo = ["cy"], Ro = ["cy"], Io = ["x1", "y1", "x2", "y2"], No = ["x1", "y1", "x2", "y2"], To = ["d"], Do = ["d"], Lo = ["d"], Po = ["d"], Eo = ["cx", "cy"], Go = ["x1", "x2"], Zo = ["x", "y"], Ho = ["x", "y"], Uo = { key: 10 }, jo = { key: 16 }, Fo = {
   key: 36,
   d: "M 158 70 q 5 9 0 14 q -5 -5 0 -14 Z",
   fill: "oklch(0.8 0.12 220)",
   opacity: "0.9",
   class: "animate-dot-blink"
-}, Yo = ["cx", "cy"], Qo = ["cx", "cy"], Wo = ["d"], Vo = ["stroke"], Jo = ["fill"], Ko = ["fill"], Xo = ["fill"], es = { key: 44 }, ls = ["fill"], ts = ["stroke"], os = {
+}, Yo = ["cx", "cy"], Qo = ["cx", "cy"], Wo = ["d"], Vo = ["stroke"], Jo = ["fill"], Ko = ["fill"], Xo = ["fill"], ea = { key: 44 }, la = ["fill"], ta = ["stroke"], oa = {
   key: 46,
   class: "animate-spin-slow",
   style: { transformOrigin: "168px 62px" }
-}, ss = ["fill"], as = ["transform"], is = {
+}, aa = ["fill"], sa = ["transform"], ia = {
   key: 47,
   transform: "rotate(40 168 62)"
-}, rs = ["fill"], ns = {
+}, ra = ["fill"], na = {
   key: 48,
   class: "animate-wobble",
   style: { transformOrigin: "168px 60px" }
-}, cs = ["fill"], us = ["fill"], ds = {
+}, ca = ["fill"], da = ["fill"], ua = {
   key: 49,
   class: "animate-self-spin",
   style: { transformOrigin: "168px 60px" }
-}, ys = ["stroke"], ms = {
+}, ya = ["stroke"], ma = {
   key: 50,
   class: "animate-alert-flash"
-}, hs = ["fill"], ks = { key: 51 }, fs = { class: "animate-alert-flash" }, ps = ["fill"], xs = ["fill"], gs = ["stroke"], _s = ["fill"], bs = {
+}, ha = ["fill"], fa = { key: 51 }, ka = { class: "animate-alert-flash" }, pa = ["fill"], xa = ["fill"], ga = ["stroke"], _a = ["fill"], va = {
   key: 53,
   class: "animate-scan-move"
-}, vs = ["stroke"], ws = ["stroke"], $s = { key: 54 }, Cs = ["stroke"], qs = ["fill"], Ms = ["fill"], Ss = ["fill"], As = ["stroke"], Bs = {
+}, ba = ["stroke"], wa = ["stroke"], $a = { key: 54 }, Ca = ["stroke"], qa = ["fill"], Ma = ["fill"], Sa = ["fill"], Aa = ["stroke"], Ba = {
   key: 57,
   class: "animate-locate-bob",
   style: { transformOrigin: "168px 60px" }
-}, Os = ["fill"], zs = ["fill"], Rs = ["stroke"], Is = ["fill"], Ns = { key: 59 }, Ts = ["stroke"], Ds = { key: 60 }, Ls = ["fill"], Ps = { key: 61 }, Es = ["fill"], Gs = {
+}, Oa = ["fill"], za = ["fill"], Ra = ["stroke"], Ia = ["fill"], Na = { key: 59 }, Ta = ["stroke"], Da = { key: 60 }, La = ["fill"], Pa = { key: 61 }, Ea = ["fill"], Ga = {
   key: 62,
   class: "animate-alert-flash",
   style: { transformOrigin: "168px 60px" }
-}, Zs = ["fill"], Hs = { key: 63 }, Us = ["fill"], js = {
+}, Za = ["fill"], Ha = { key: 63 }, Ua = ["fill"], ja = {
   key: 64,
   class: "animate-alert-flash"
-}, Fs = ["fill"], Ys = {
+}, Fa = ["fill"], Ya = {
   key: 65,
   class: "animate-sparkle",
   style: { transformOrigin: "168px 58px" }
-}, Qs = ["fill"], Ws = ["fill"], Vs = ["fill"], Js = { key: 66 }, Ks = ["fill"], Xs = ["fill"], ea = ["fill"], la = {
+}, Qa = ["fill"], Wa = ["fill"], Va = ["fill"], Ja = { key: 66 }, Ka = ["fill"], Xa = ["fill"], es = ["fill"], ls = {
   key: 67,
   class: "animate-body-glow",
   style: { transformOrigin: "168px 62px" }
-}, ta = ["fill"], oa = {
+}, ts = ["fill"], os = {
   key: 68,
   class: "animate-dot-blink"
-}, sa = { key: 69 }, aa = ["stroke"], ia = ["fill"], ra = ["fill"], na = { key: 72 }, ca = {
+}, as = { key: 69 }, ss = ["stroke"], is = ["fill"], rs = ["fill"], ns = { key: 72 }, cs = {
   key: 73,
   class: "animate-bball-ball",
   style: { transformOrigin: "120px 148px" }
-}, ua = {
+}, ds = {
   key: 74,
   class: "animate-traffic-light-pop",
   style: { transformOrigin: "230px 126px" }
-}, da = ["fill"], ya = ["opacity"], ma = ["opacity"], ha = ["opacity"], ka = { key: 75 }, fa = ["x", "y"], pa = {
+}, us = ["fill"], ys = ["opacity"], ms = ["opacity"], hs = ["opacity"], fs = { key: 75 }, ks = ["x", "y"], ps = {
   key: 76,
   class: "animate-breathe",
   style: { transformBox: "fill-box", transformOrigin: "center" }
-}, xa = ["fill"], ga = { key: 78 }, _a = ["d", "fill"], ba = { key: 79 }, va = ["fill"], wa = { key: 80 }, $a = ["stroke"], Ca = ["stroke"], qa = { key: 81 }, Ma = ["x", "y", "width", "height", "rx", "fill"], Sa = { key: 82 }, Aa = ["cx", "cy", "fill"], Ba = ["fill"], Oa = ["fill"], za = ["d"], Ra = ["fill"], Ia = ["fill"], Na = ["fill"], Ta = ["d"], Da = {
+}, xs = ["fill"], gs = { key: 78 }, _s = ["d", "fill"], vs = { key: 79 }, bs = ["fill"], ws = { key: 80 }, $s = ["stroke"], Cs = ["stroke"], qs = { key: 81 }, Ms = ["x", "y", "width", "height", "rx", "fill"], Ss = { key: 82 }, As = ["cx", "cy", "fill"], Bs = ["fill"], Os = ["fill"], zs = ["d"], Rs = ["fill"], Is = ["fill"], Ns = ["fill"], Ts = ["d"], Ds = {
   key: 0,
   class: "pointer-events-none absolute right-2 top-2 text-robot-blue-dark"
-}, i = "var(--robot-eye)", La = "var(--robot-blue)", C = "oklch(0.6 0.23 22)", Z = "oklch(0.72 0.19 55)", H = "oklch(0.84 0.16 95)", j = "oklch(0.62 0.02 260)", z = "oklch(0.68 0.16 150)", Pa = "oklch(0.5 0.12 250)", n = 102, c = 138, o = 108, Ka = /* @__PURE__ */ A({
+}, i = "var(--robot-eye)", Ls = "var(--robot-blue)", C = "oklch(0.6 0.23 22)", Z = "oklch(0.72 0.19 55)", H = "oklch(0.84 0.16 95)", j = "oklch(0.62 0.02 260)", z = "oklch(0.68 0.16 150)", Ps = "oklch(0.5 0.12 250)", n = 102, c = 138, o = 108, Es = /* @__PURE__ */ A({
   __name: "QuarkRobot",
   props: {
     emotion: {},
     action: { default: "idle" },
     speaking: { type: Boolean, default: !1 }
   },
-  setup(d) {
-    const u = d, k = {
+  setup(u) {
+    const d = u, f = {
       // 基础情绪
       neutral: { eyes: "neutral", mouth: "smileSoft", arms: "handsFold", anim: "animate-robot-float" },
       bye: { eyes: "happy", mouth: "smileSoft", arms: "waveUp", anim: "animate-robot-float" },
@@ -578,7 +578,7 @@ const $e = {
       pray: { eyes: "closed", mouth: "calm", sym: "lotus", symColor: "var(--robot-amber)", arms: "pray", anim: "animate-breathe" },
       devout: { eyes: "closed", mouth: "calm", sym: "lotus", symColor: "var(--robot-amber)", arms: "pray", anim: "animate-breathe" },
       heal: { eyes: "happy", mouth: "smileSoft", blush: !0, sym: "heart", symColor: C, arms: "hug", anim: "animate-breathe" },
-      coldGuard: { eyes: "lookdown", mouth: "flat", body: Pa, anim: "animate-guard-sink" },
+      coldGuard: { eyes: "lookdown", mouth: "flat", body: Ps, anim: "animate-guard-sink" },
       // 聆听神态
       listenOpen: { eyes: "neutral", mouth: "smileSoft", sym: "soundwave", symColor: i, arms: "attentiveOpen", anim: "animate-listen-tilt" },
       listenSneaky: { eyes: "half", mouth: "dot", sym: "soundwave", symColor: "var(--robot-amber)", arms: "shh", anim: "animate-listen-sneak" },
@@ -873,11 +873,11 @@ const $e = {
       trafficGuide: { l: -36, r: 0, ra: "animate-traffic-arm" },
       // 唱歌指挥：双手轻轻打拍子
       conductMusic: { l: 54, r: -54, la: "animate-conduct-arm-l", ra: "animate-conduct-arm-r" }
-    }, a = b(() => k[u.emotion]), I = b(() => a.value.body ?? La), oe = b(() => m[u.action] ?? a.value.anim), D = b(() => p[u.action] ?? a.value.arms ?? "down"), N = b(() => te[D.value]), E = b(
-      () => w[u.action] ?? a.value.signalOverride ?? "var(--robot-amber)"
-    ), se = b(
-      () => a.value.signalAnim && u.action === "idle" ? a.value.signalAnim : ""
-    ), L = b(() => R[u.action] ?? "none"), P = b(() => u.action === "trafficRed" || u.emotion === "trafficRed" ? "red" : u.action === "trafficYellow" || u.emotion === "trafficYellow" ? "yellow" : u.action === "trafficGreen" || u.emotion === "trafficGreen" ? "green" : null), ae = b(() => u.action === "sing" || u.emotion === "singing"), ie = [
+    }, s = v(() => f[d.emotion]), I = v(() => s.value.body ?? Ls), oe = v(() => m[d.action] ?? s.value.anim), D = v(() => p[d.action] ?? s.value.arms ?? "down"), N = v(() => te[D.value]), E = v(
+      () => w[d.action] ?? s.value.signalOverride ?? "var(--robot-amber)"
+    ), ae = v(
+      () => s.value.signalAnim && d.action === "idle" ? s.value.signalAnim : ""
+    ), L = v(() => R[d.action] ?? "none"), P = v(() => d.action === "trafficRed" || d.emotion === "trafficRed" ? "red" : d.action === "trafficYellow" || d.emotion === "trafficYellow" ? "yellow" : d.action === "trafficGreen" || d.emotion === "trafficGreen" ? "green" : null), se = v(() => d.action === "sing" || d.emotion === "singing"), ie = [
       { x: 62, y: 64, note: "♪", delay: 0 },
       { x: 184, y: 76, note: "♫", delay: 0.22 },
       { x: 48, y: 116, note: "♬", delay: 0.44 },
@@ -897,24 +897,24 @@ const $e = {
       { x: 132, y: 174, hx: "16px", delay: 0.5, size: 5, color: "oklch(0.78 0.20 340)" },
       { x: 120, y: 170, hx: "0px", delay: 0.66, size: 6, color: "oklch(0.72 0.22 0)" }
     ], ce = [
-      ...Array.from({ length: 6 }, (x, s) => ({
-        x: 20 + Math.cos(s / 6 * Math.PI * 2) * 18,
-        y: 128 + Math.sin(s / 6 * Math.PI * 2) * 18,
-        delay: s * 0.18,
-        color: s % 2 === 0 ? "var(--robot-amber)" : "oklch(0.7 0.18 200)"
+      ...Array.from({ length: 6 }, (x, a) => ({
+        x: 20 + Math.cos(a / 6 * Math.PI * 2) * 18,
+        y: 128 + Math.sin(a / 6 * Math.PI * 2) * 18,
+        delay: a * 0.18,
+        color: a % 2 === 0 ? "var(--robot-amber)" : "oklch(0.7 0.18 200)"
       })),
-      ...Array.from({ length: 6 }, (x, s) => ({
-        x: 220 + Math.cos(s / 6 * Math.PI * 2) * 18,
-        y: 128 + Math.sin(s / 6 * Math.PI * 2) * 18,
-        delay: s * 0.18 + 0.09,
-        color: s % 2 === 0 ? "var(--robot-amber)" : "oklch(0.7 0.18 200)"
+      ...Array.from({ length: 6 }, (x, a) => ({
+        x: 220 + Math.cos(a / 6 * Math.PI * 2) * 18,
+        y: 128 + Math.sin(a / 6 * Math.PI * 2) * 18,
+        delay: a * 0.18 + 0.09,
+        color: a % 2 === 0 ? "var(--robot-amber)" : "oklch(0.7 0.18 200)"
       }))
     ], J = U(null), F = U({ x: 0, y: 0 }), K = U(0), Y = U(!1);
     let Q;
     function X(x) {
-      const s = J.value;
-      if (!s) return;
-      const r = s.getBoundingClientRect(), $ = r.left + r.width / 2, pe = r.top + r.height / 2, le = (x.clientX - $) / (r.width / 2), xe = (x.clientY - pe) / (r.height / 2), V = (ge) => Math.max(-1, Math.min(1, ge));
+      const a = J.value;
+      if (!a) return;
+      const r = a.getBoundingClientRect(), $ = r.left + r.width / 2, pe = r.top + r.height / 2, le = (x.clientX - $) / (r.width / 2), xe = (x.clientY - pe) / (r.height / 2), V = (ge) => Math.max(-1, Math.min(1, ge));
       F.value = { x: V(le) * 6, y: V(xe) * 5 }, K.value = V(le) * 6;
     }
     function ee() {
@@ -925,12 +925,12 @@ const $e = {
         2200 + Math.random() * 2600
       );
     }
-    ve(() => {
+    be(() => {
       window.addEventListener("mousemove", X), ee();
     }), we(() => {
       window.removeEventListener("mousemove", X), Q && clearTimeout(Q);
     });
-    const _ = b(() => F.value.x), M = b(() => F.value.y), ue = b(() => u.emotion === "excited" || u.emotion === "eureka" || u.emotion === "eurekaClap"), de = b(() => ({ transform: `rotate(${K.value * 0.4}deg)` })), ye = b(() => {
+    const _ = v(() => F.value.x), M = v(() => F.value.y), de = v(() => d.emotion === "excited" || d.emotion === "eureka" || d.emotion === "eurekaClap"), ue = v(() => ({ transform: `rotate(${K.value * 0.4}deg)` })), ye = v(() => {
       const x = {
         transformBox: "fill-box",
         transformOrigin: "right center",
@@ -938,7 +938,7 @@ const $e = {
         "--arm-base": `${N.value.l}deg`
       };
       return N.value.la || (x.transform = `rotate(${N.value.l}deg)`), x;
-    }), me = b(() => {
+    }), me = v(() => {
       const x = {
         transformBox: "fill-box",
         transformOrigin: "left center",
@@ -946,23 +946,23 @@ const $e = {
         "--arm-base": `${N.value.r}deg`
       };
       return N.value.ra || (x.transform = `rotate(${N.value.r}deg)`), x;
-    }), he = ["closed", "happy", "sad", "angry", "dizzy", "smug"], f = b(() => Y.value && !he.includes(a.value.eyes) ? "closed" : a.value.eyes), ke = [
+    }), he = ["closed", "happy", "sad", "angry", "dizzy", "smug"], k = v(() => Y.value && !he.includes(s.value.eyes) ? "closed" : s.value.eyes), fe = [
       { x: 70, y: 78, delay: 0 },
       { x: 172, y: 84, delay: 0.4 },
       { x: 160, y: 150, delay: 0.8 }
     ];
-    function W(x, s) {
-      return `M ${x} ${s - 7} L ${x + 2} ${s - 2} L ${x + 7} ${s} L ${x + 2} ${s + 2} L ${x} ${s + 7} L ${x - 2} ${s + 2} L ${x - 7} ${s} L ${x - 2} ${s - 2} Z`;
+    function W(x, a) {
+      return `M ${x} ${a - 7} L ${x + 2} ${a - 2} L ${x + 7} ${a} L ${x + 2} ${a + 2} L ${x} ${a + 7} L ${x - 2} ${a + 2} L ${x - 7} ${a} L ${x - 2} ${a - 2} Z`;
     }
-    const fe = [0, 45, 90, 135, 180, 225, 270, 315];
-    return (x, s) => (l(), t("div", {
+    const ke = [0, 45, 90, 135, 180, 225, 270, 315];
+    return (x, a) => (l(), t("div", {
       ref_key: "wrapRef",
       ref: J,
       class: "relative flex w-full max-w-[300px] items-center justify-center",
       "aria-hidden": "true"
     }, [
       e("div", {
-        style: v(de.value)
+        style: b(ue.value)
       }, [
         e("div", {
           class: S(oe.value)
@@ -982,8 +982,8 @@ const $e = {
               cy: "22",
               r: "11",
               fill: E.value,
-              style: v({ transition: "fill 0.6s ease", filter: `drop-shadow(0 0 5px ${E.value})` }),
-              class: S(["animate-antenna-pulse", L.value === "scan-ring" || d.action === "signalBreathe" ? "animate-signal-breathe" : "", se.value])
+              style: b({ transition: "fill 0.6s ease", filter: `drop-shadow(0 0 5px ${E.value})` }),
+              class: S(["animate-antenna-pulse", L.value === "scan-ring" || u.action === "signalBreathe" ? "animate-signal-breathe" : "", ae.value])
             }, null, 14, Pl),
             e("rect", {
               x: "44",
@@ -994,7 +994,7 @@ const $e = {
               fill: I.value,
               style: { transition: "fill 0.3s ease" }
             }, null, 8, El),
-            s[46] || (s[46] = e("rect", {
+            a[46] || (a[46] = e("rect", {
               x: "44",
               y: "40",
               width: "152",
@@ -1002,26 +1002,26 @@ const $e = {
               rx: "54",
               fill: "oklch(1 0 0 / 0.08)"
             }, null, -1)),
-            a.value.blush || a.value.blushStrong ? (l(), t(g, { key: 0 }, [
+            s.value.blush || s.value.blushStrong ? (l(), t(g, { key: 0 }, [
               e("ellipse", {
                 cx: "72",
                 cy: "128",
-                rx: a.value.blushStrong ? 14 : 11,
-                ry: a.value.blushStrong ? 10 : 8,
+                rx: s.value.blushStrong ? 14 : 11,
+                ry: s.value.blushStrong ? 10 : 8,
                 fill: "var(--robot-amber)",
-                opacity: a.value.blushStrong ? 0.95 : 0.85
+                opacity: s.value.blushStrong ? 0.95 : 0.85
               }, null, 8, Gl),
               e("ellipse", {
                 cx: "168",
                 cy: "128",
-                rx: a.value.blushStrong ? 14 : 11,
-                ry: a.value.blushStrong ? 10 : 8,
+                rx: s.value.blushStrong ? 14 : 11,
+                ry: s.value.blushStrong ? 10 : 8,
                 fill: "var(--robot-amber)",
-                opacity: a.value.blushStrong ? 0.95 : 0.85
+                opacity: s.value.blushStrong ? 0.95 : 0.85
               }, null, 8, Zl)
             ], 64)) : h("", !0),
-            a.value.blushPink ? (l(), t(g, { key: 1 }, [
-              s[0] || (s[0] = e("ellipse", {
+            s.value.blushPink ? (l(), t(g, { key: 1 }, [
+              a[0] || (a[0] = e("ellipse", {
                 cx: "73",
                 cy: "129",
                 rx: "13",
@@ -1029,7 +1029,7 @@ const $e = {
                 fill: "oklch(0.72 0.22 0)",
                 opacity: "0.72"
               }, null, -1)),
-              s[1] || (s[1] = e("ellipse", {
+              a[1] || (a[1] = e("ellipse", {
                 cx: "167",
                 cy: "129",
                 rx: "13",
@@ -1038,7 +1038,7 @@ const $e = {
                 opacity: "0.72"
               }, null, -1))
             ], 64)) : h("", !0),
-            s[47] || (s[47] = e("rect", {
+            a[47] || (a[47] = e("rect", {
               x: "66",
               y: "66",
               width: "108",
@@ -1046,16 +1046,16 @@ const $e = {
               rx: "32",
               fill: "var(--robot-screen)"
             }, null, -1)),
-            a.value.screenTint ? (l(), t("rect", {
+            s.value.screenTint ? (l(), t("rect", {
               key: 2,
               x: "66",
               y: "66",
               width: "108",
               height: "92",
               rx: "32",
-              fill: a.value.screenTint
+              fill: s.value.screenTint
             }, null, 8, Hl)) : h("", !0),
-            s[48] || (s[48] = e("rect", {
+            a[48] || (a[48] = e("rect", {
               x: "66",
               y: "66",
               width: "108",
@@ -1063,7 +1063,7 @@ const $e = {
               rx: "20",
               fill: "oklch(1 0 0 / 0.06)"
             }, null, -1)),
-            f.value === "closed" ? (l(), t("g", {
+            k.value === "closed" ? (l(), t("g", {
               key: 3,
               stroke: i,
               "stroke-width": "5",
@@ -1076,7 +1076,7 @@ const $e = {
               e("path", {
                 d: `M ${c - 11} ${o} q 11 7 22 0`
               }, null, 8, jl)
-            ])) : f.value === "happy" ? (l(), t("g", {
+            ])) : k.value === "happy" ? (l(), t("g", {
               key: 4,
               stroke: i,
               "stroke-width": "6",
@@ -1089,7 +1089,7 @@ const $e = {
               e("path", {
                 d: `M ${c - 11} ${o + 3} q 11 -16 22 0`
               }, null, 8, Yl)
-            ])) : f.value === "arcHappy" ? (l(), t("g", Ql, [
+            ])) : k.value === "arcHappy" ? (l(), t("g", Ql, [
               e("path", {
                 d: `M ${n - 13} ${o + 4} q 13 -20 26 0`,
                 stroke: i,
@@ -1118,7 +1118,7 @@ const $e = {
                 height: "18",
                 fill: "var(--robot-screen)"
               }, null, 8, Kl)
-            ])) : f.value === "narrow" ? (l(), t("g", {
+            ])) : k.value === "narrow" ? (l(), t("g", {
               key: 6,
               fill: i
             }, [
@@ -1152,7 +1152,7 @@ const $e = {
                 "stroke-width": "5",
                 "stroke-linecap": "round"
               }, null, 8, tt)
-            ])) : f.value === "droopy" ? (l(), t("g", {
+            ])) : k.value === "droopy" ? (l(), t("g", {
               key: 7,
               fill: i
             }, [
@@ -1167,7 +1167,7 @@ const $e = {
                 cy: o + 3,
                 rx: "8",
                 ry: "10"
-              }, null, 8, st),
+              }, null, 8, at),
               e("line", {
                 x1: n + 5,
                 y1: o - 8,
@@ -1176,7 +1176,7 @@ const $e = {
                 stroke: i,
                 "stroke-width": "4",
                 "stroke-linecap": "round"
-              }, null, 8, at),
+              }, null, 8, st),
               e("line", {
                 x1: c - 5,
                 y1: o - 8,
@@ -1186,7 +1186,7 @@ const $e = {
                 "stroke-width": "4",
                 "stroke-linecap": "round"
               }, null, 8, it)
-            ])) : f.value === "softRound" ? (l(), t("g", {
+            ])) : k.value === "softRound" ? (l(), t("g", {
               key: 8,
               fill: i
             }, [
@@ -1211,8 +1211,8 @@ const $e = {
                 cy: o - 3,
                 r: "2.5",
                 fill: "var(--robot-screen)"
-              }, null, 8, ut)
-            ])) : f.value === "bigRound" ? (l(), t("g", {
+              }, null, 8, dt)
+            ])) : k.value === "bigRound" ? (l(), t("g", {
               key: 9,
               fill: i
             }, [
@@ -1233,7 +1233,7 @@ const $e = {
                 cy: o + M.value * 0.5,
                 r: "8",
                 fill: i
-              }, null, 8, dt),
+              }, null, 8, ut),
               e("circle", {
                 cx: c + _.value * 0.5,
                 cy: o + M.value * 0.5,
@@ -1252,7 +1252,7 @@ const $e = {
                 r: "3",
                 fill: "oklch(1 0 0 / 0.9)"
               }, null, 8, ht)
-            ])) : f.value === "halfDroopy" ? (l(), t("g", {
+            ])) : k.value === "halfDroopy" ? (l(), t("g", {
               key: 10,
               fill: i
             }, [
@@ -1262,14 +1262,14 @@ const $e = {
                 rx: "10",
                 ry: "11",
                 fill: "oklch(1 0 0 / 0.9)"
-              }, null, 8, kt),
+              }, null, 8, ft),
               e("ellipse", {
                 cx: c,
                 cy: o + 2,
                 rx: "10",
                 ry: "11",
                 fill: "oklch(1 0 0 / 0.9)"
-              }, null, 8, ft),
+              }, null, 8, kt),
               e("ellipse", {
                 cx: n,
                 cy: o + 5,
@@ -1298,7 +1298,7 @@ const $e = {
                 height: "12",
                 fill: "var(--robot-screen)"
               }, null, 8, _t)
-            ])) : f.value === "peekSlit" ? (l(), t("g", {
+            ])) : k.value === "peekSlit" ? (l(), t("g", {
               key: 11,
               stroke: i,
               "stroke-width": "4",
@@ -1310,14 +1310,14 @@ const $e = {
                 y1: o,
                 x2: n + 9,
                 y2: o
-              }, null, 8, bt),
+              }, null, 8, vt),
               e("line", {
                 x1: c - 9,
                 y1: o,
                 x2: c + 9,
                 y2: o
-              }, null, 8, vt)
-            ])) : f.value === "halfSquint" ? (l(), t("g", {
+              }, null, 8, bt)
+            ])) : k.value === "halfSquint" ? (l(), t("g", {
               key: 12,
               fill: i
             }, [
@@ -1356,7 +1356,7 @@ const $e = {
                 ry: "7",
                 fill: i
               }, null, 8, qt)
-            ])) : f.value === "scaredWide" ? (l(), t("g", {
+            ])) : k.value === "scaredWide" ? (l(), t("g", {
               key: 13,
               fill: i
             }, [
@@ -1396,7 +1396,7 @@ const $e = {
                 r: "2.5",
                 fill: "oklch(1 0 0 / 0.95)"
               }, null, 8, Bt)
-            ])) : f.value === "narrowSlant" ? (l(), t("g", {
+            ])) : k.value === "narrowSlant" ? (l(), t("g", {
               key: 14,
               fill: i
             }, [
@@ -1446,7 +1446,7 @@ const $e = {
                 "stroke-width": "5",
                 "stroke-linecap": "round"
               }, null, 8, It)
-            ])) : f.value === "dashEyes" ? (l(), t("g", {
+            ])) : k.value === "dashEyes" ? (l(), t("g", {
               key: 15,
               stroke: i,
               "stroke-width": "6",
@@ -1464,7 +1464,7 @@ const $e = {
                 x2: c + 10,
                 y2: o
               }, null, 8, Tt)
-            ])) : f.value === "halfClosed" ? (l(), t("g", Dt, [
+            ])) : k.value === "halfClosed" ? (l(), t("g", Dt, [
               e("ellipse", {
                 cx: n,
                 cy: o + 2,
@@ -1521,7 +1521,7 @@ const $e = {
                 "stroke-linecap": "round",
                 fill: "none"
               }, null, 8, jt)
-            ])) : f.value === "thinkEyes" ? (l(), t("g", {
+            ])) : k.value === "thinkEyes" ? (l(), t("g", {
               key: 17,
               fill: i
             }, [
@@ -1571,7 +1571,7 @@ const $e = {
                 "stroke-width": "3.5",
                 "stroke-linecap": "round"
               }, null, 8, Wt)
-            ])) : f.value === "blankDot" ? (l(), t("g", {
+            ])) : k.value === "blankDot" ? (l(), t("g", {
               key: 18,
               fill: i
             }, [
@@ -1599,7 +1599,7 @@ const $e = {
                 r: "4",
                 fill: i
               })
-            ])) : f.value === "heavyLid" ? (l(), t("g", Vt, [
+            ])) : k.value === "heavyLid" ? (l(), t("g", Vt, [
               e("ellipse", {
                 cx: n,
                 cy: o + 3,
@@ -1655,8 +1655,8 @@ const $e = {
                 "stroke-width": "5",
                 "stroke-linecap": "round",
                 fill: "none"
-              }, null, 8, so)
-            ])) : f.value === "smug" ? (l(), t("g", {
+              }, null, 8, ao)
+            ])) : k.value === "smug" ? (l(), t("g", {
               key: 20,
               stroke: i,
               "stroke-width": "5",
@@ -1665,11 +1665,11 @@ const $e = {
             }, [
               e("path", {
                 d: `M ${n - 11} ${o - 2} q 11 9 22 2`
-              }, null, 8, ao),
+              }, null, 8, so),
               e("path", {
                 d: `M ${c - 11} ${o - 2} q 11 9 22 2`
               }, null, 8, io)
-            ])) : f.value === "cool" ? (l(), t("g", {
+            ])) : k.value === "cool" ? (l(), t("g", {
               key: 21,
               stroke: i,
               "stroke-width": "5",
@@ -1687,7 +1687,7 @@ const $e = {
                 x2: c + 11,
                 y2: o
               }, null, 8, no)
-            ])) : f.value === "sad" ? (l(), t("g", {
+            ])) : k.value === "sad" ? (l(), t("g", {
               key: 22,
               stroke: i,
               "stroke-width": "6",
@@ -1700,7 +1700,7 @@ const $e = {
               e("path", {
                 d: `M ${c - 11} ${o - 1} q 11 14 22 0`
               }, null, 8, uo)
-            ])) : f.value === "teary" ? (l(), t("g", {
+            ])) : k.value === "teary" ? (l(), t("g", {
               key: 23,
               fill: i
             }, [
@@ -1727,20 +1727,20 @@ const $e = {
                 cy: o + 3 + M.value * 0.3,
                 r: "6.5",
                 fill: i
-              }, null, 8, ko),
+              }, null, 8, fo),
               e("circle", {
                 cx: n + 3,
                 cy: o - 3,
                 r: "2.5",
                 fill: "oklch(1 0 0 / 0.95)"
-              }, null, 8, fo),
+              }, null, 8, ko),
               e("circle", {
                 cx: c + 3,
                 cy: o - 3,
                 r: "2.5",
                 fill: "oklch(1 0 0 / 0.95)"
               }, null, 8, po)
-            ])) : f.value === "angry" ? (l(), t(g, { key: 24 }, [
+            ])) : k.value === "angry" ? (l(), t(g, { key: 24 }, [
               e("g", {
                 stroke: i,
                 "stroke-width": "5",
@@ -1771,9 +1771,9 @@ const $e = {
                   cy: o + 2,
                   rx: "7",
                   ry: "8"
-                }, null, 8, bo)
+                }, null, 8, vo)
               ])
-            ], 64)) : f.value === "excited" ? (l(), t("g", {
+            ], 64)) : k.value === "excited" ? (l(), t("g", {
               key: 25,
               fill: i
             }, [
@@ -1781,7 +1781,7 @@ const $e = {
                 cx: n + _.value * 0.3,
                 cy: o + M.value * 0.3,
                 r: "13"
-              }, null, 8, vo),
+              }, null, 8, bo),
               e("circle", {
                 cx: c + _.value * 0.3,
                 cy: o + M.value * 0.3,
@@ -1799,7 +1799,7 @@ const $e = {
                 r: "3",
                 fill: "var(--robot-screen)"
               }, null, 8, Co)
-            ])) : f.value === "lookup" ? (l(), t("g", {
+            ])) : k.value === "lookup" ? (l(), t("g", {
               key: 26,
               fill: i
             }, [
@@ -1815,7 +1815,7 @@ const $e = {
                 rx: "7",
                 ry: "9"
               }, null, 8, Mo)
-            ])) : f.value === "lookdown" ? (l(), t("g", {
+            ])) : k.value === "lookdown" ? (l(), t("g", {
               key: 27,
               fill: i
             }, [
@@ -1831,7 +1831,7 @@ const $e = {
                 rx: "7",
                 ry: "9"
               }, null, 8, Ao)
-            ])) : f.value === "wide" ? (l(), t("g", {
+            ])) : k.value === "wide" ? (l(), t("g", {
               key: 28,
               fill: i
             }, [
@@ -1859,7 +1859,7 @@ const $e = {
                 r: "6",
                 fill: i
               }, null, 8, Oo)
-            ])) : f.value === "half" ? (l(), t(g, { key: 29 }, [
+            ])) : k.value === "half" ? (l(), t(g, { key: 29 }, [
               e("g", { fill: i }, [
                 e("ellipse", {
                   cx: n,
@@ -1892,7 +1892,7 @@ const $e = {
                   y2: o - 4
                 }, null, 8, No)
               ]),
-              d.emotion === "tired" ? (l(), t("g", {
+              u.emotion === "tired" ? (l(), t("g", {
                 key: 0,
                 stroke: i,
                 "stroke-width": "2.5",
@@ -1907,7 +1907,7 @@ const $e = {
                   d: `M ${c - 9} ${o + 12} q 9 5 18 0`
                 }, null, 8, Do)
               ])) : h("", !0)
-            ], 64)) : f.value === "dizzy" ? (l(), t("g", {
+            ], 64)) : k.value === "dizzy" ? (l(), t("g", {
               key: 30,
               stroke: i,
               "stroke-width": "3",
@@ -1920,7 +1920,7 @@ const $e = {
               e("path", {
                 d: `M ${c} ${o} m -8 0 a 8 8 0 1 1 5 7`
               }, null, 8, Po)
-            ])) : f.value === "confused" ? (l(), t(g, { key: 31 }, [
+            ])) : k.value === "confused" ? (l(), t(g, { key: 31 }, [
               e("circle", {
                 cx: n,
                 cy: o,
@@ -1942,7 +1942,7 @@ const $e = {
                 "stroke-width": "5",
                 "stroke-linecap": "round"
               }, null, 8, Go)
-            ], 64)) : f.value === "blank" ? (l(), t("g", {
+            ], 64)) : k.value === "blank" ? (l(), t("g", {
               key: 32,
               fill: i,
               opacity: "0.55"
@@ -1976,7 +1976,7 @@ const $e = {
                 rx: "8"
               }, null, 8, Ho)
             ])),
-            d.speaking ? (l(), t("ellipse", {
+            u.speaking ? (l(), t("ellipse", {
               key: 34,
               cx: "120",
               cy: "138",
@@ -1986,32 +1986,32 @@ const $e = {
               class: "origin-center animate-wave",
               style: { transformBox: "fill-box", transformOrigin: "center" }
             })) : (l(), t(g, { key: 35 }, [
-              a.value.mouth === "smile" ? (l(), t("path", {
+              s.value.mouth === "smile" ? (l(), t("path", {
                 key: 0,
                 d: "M 104 134 q 16 16 32 0",
                 stroke: i,
                 "stroke-width": "5",
                 "stroke-linecap": "round",
                 fill: "none"
-              })) : a.value.mouth === "open" ? (l(), t("path", {
+              })) : s.value.mouth === "open" ? (l(), t("path", {
                 key: 1,
                 d: "M 104 132 q 16 22 32 0 q -16 6 -32 0 Z",
                 fill: i
-              })) : a.value.mouth === "bigopen" ? (l(), t("ellipse", {
+              })) : s.value.mouth === "bigopen" ? (l(), t("ellipse", {
                 key: 2,
                 cx: "120",
                 cy: "140",
                 rx: "11",
                 ry: "14",
                 fill: i
-              })) : a.value.mouth === "frown" ? (l(), t("path", {
+              })) : s.value.mouth === "frown" ? (l(), t("path", {
                 key: 3,
                 d: "M 106 142 q 14 -12 28 0",
                 stroke: i,
                 "stroke-width": "5",
                 "stroke-linecap": "round",
                 fill: "none"
-              })) : a.value.mouth === "dot" ? (l(), t("ellipse", {
+              })) : s.value.mouth === "dot" ? (l(), t("ellipse", {
                 key: 4,
                 cx: "120",
                 cy: "138",
@@ -2019,7 +2019,7 @@ const $e = {
                 ry: "6",
                 fill: i,
                 opacity: "0.85"
-              })) : a.value.mouth === "flat" ? (l(), t("line", {
+              })) : s.value.mouth === "flat" ? (l(), t("line", {
                 key: 5,
                 x1: "110",
                 y1: "138",
@@ -2028,35 +2028,35 @@ const $e = {
                 stroke: i,
                 "stroke-width": "5",
                 "stroke-linecap": "round"
-              })) : a.value.mouth === "o" ? (l(), t("ellipse", {
+              })) : s.value.mouth === "o" ? (l(), t("ellipse", {
                 key: 6,
                 cx: "120",
                 cy: "139",
                 rx: "7",
                 ry: "9",
                 fill: i
-              })) : a.value.mouth === "pout" ? (l(), t("ellipse", {
+              })) : s.value.mouth === "pout" ? (l(), t("ellipse", {
                 key: 7,
                 cx: "120",
                 cy: "140",
                 rx: "6",
                 ry: "5",
                 fill: i
-              })) : a.value.mouth === "wavy" ? (l(), t("path", {
+              })) : s.value.mouth === "wavy" ? (l(), t("path", {
                 key: 8,
                 d: "M 106 138 q 6 -7 12 0 q 6 7 12 0",
                 stroke: i,
                 "stroke-width": "4",
                 "stroke-linecap": "round",
                 fill: "none"
-              })) : a.value.mouth === "calm" ? (l(), t("path", {
+              })) : s.value.mouth === "calm" ? (l(), t("path", {
                 key: 9,
                 d: "M 110 138 q 10 5 20 0",
                 stroke: i,
                 "stroke-width": "4",
                 "stroke-linecap": "round",
                 fill: "none"
-              })) : a.value.mouth === "grit" ? (l(), t("g", Uo, [
+              })) : s.value.mouth === "grit" ? (l(), t("g", Uo, [
                 e("rect", {
                   x: "106",
                   y: "134",
@@ -2065,7 +2065,7 @@ const $e = {
                   rx: "3",
                   fill: i
                 }),
-                s[2] || (s[2] = e("line", {
+                a[2] || (a[2] = e("line", {
                   x1: "115",
                   y1: "134",
                   x2: "115",
@@ -2073,7 +2073,7 @@ const $e = {
                   stroke: "var(--robot-screen)",
                   "stroke-width": "2"
                 }, null, -1)),
-                s[3] || (s[3] = e("line", {
+                a[3] || (a[3] = e("line", {
                   x1: "125",
                   y1: "134",
                   x2: "125",
@@ -2081,40 +2081,40 @@ const $e = {
                   stroke: "var(--robot-screen)",
                   "stroke-width": "2"
                 }, null, -1))
-              ])) : a.value.mouth === "bigSmile" ? (l(), t("path", {
+              ])) : s.value.mouth === "bigSmile" ? (l(), t("path", {
                 key: 11,
                 d: "M 100 132 q 20 22 40 0",
                 stroke: i,
                 "stroke-width": "6",
                 "stroke-linecap": "round",
                 fill: "none"
-              })) : a.value.mouth === "bigFrown" ? (l(), t("path", {
+              })) : s.value.mouth === "bigFrown" ? (l(), t("path", {
                 key: 12,
                 d: "M 100 146 q 20 -20 40 0",
                 stroke: i,
                 "stroke-width": "6",
                 "stroke-linecap": "round",
                 fill: "none"
-              })) : a.value.mouth === "bitterSmile" ? (l(), t("path", {
+              })) : s.value.mouth === "bitterSmile" ? (l(), t("path", {
                 key: 13,
                 d: "M 106 140 q 8 -4 14 2 q 6 4 14 -4",
                 stroke: i,
                 "stroke-width": "5",
                 "stroke-linecap": "round",
                 fill: "none"
-              })) : a.value.mouth === "heartMouth" ? (l(), t("path", {
+              })) : s.value.mouth === "heartMouth" ? (l(), t("path", {
                 key: 14,
                 d: "M 120 142 C 114 135, 108 132, 108 128 C 108 122, 116 122, 120 128 C 124 122, 132 122, 132 128 C 132 132, 126 135, 120 142 Z",
                 fill: i,
                 opacity: "0.9"
-              })) : a.value.mouth === "awkwardSmile" ? (l(), t("path", {
+              })) : s.value.mouth === "awkwardSmile" ? (l(), t("path", {
                 key: 15,
                 d: "M 108 140 q 6 -6 12 0 q 7 6 12 -3",
                 stroke: i,
                 "stroke-width": "5",
                 "stroke-linecap": "round",
                 fill: "none"
-              })) : a.value.mouth === "poutBig" ? (l(), t("g", jo, [
+              })) : s.value.mouth === "poutBig" ? (l(), t("g", jo, [
                 e("ellipse", {
                   cx: "120",
                   cy: "141",
@@ -2123,7 +2123,7 @@ const $e = {
                   fill: i,
                   opacity: "0.85"
                 }),
-                s[4] || (s[4] = e("ellipse", {
+                a[4] || (a[4] = e("ellipse", {
                   cx: "120",
                   cy: "137",
                   rx: "10",
@@ -2139,8 +2139,8 @@ const $e = {
                 fill: "none"
               }))
             ], 64)),
-            a.value.sweat ? (l(), t("path", Fo)) : h("", !0),
-            a.value.tear ? (l(), t("ellipse", {
+            s.value.sweat ? (l(), t("path", Fo)) : h("", !0),
+            s.value.tear ? (l(), t("ellipse", {
               key: 37,
               cx: c + 11,
               cy: o + 14,
@@ -2149,7 +2149,7 @@ const $e = {
               fill: i,
               opacity: "0.9"
             }, null, 8, Yo)) : h("", !0),
-            a.value.tear2 ? (l(), t("ellipse", {
+            s.value.tear2 ? (l(), t("ellipse", {
               key: 38,
               cx: n - 11,
               cy: o + 14,
@@ -2158,40 +2158,40 @@ const $e = {
               fill: i,
               opacity: "0.9"
             }, null, 8, Qo)) : h("", !0),
-            ue.value ? (l(), t(g, { key: 39 }, q(ke, (r, $) => e("path", {
+            de.value ? (l(), t(g, { key: 39 }, q(fe, (r, $) => e("path", {
               key: $,
               d: W(r.x, r.y),
               fill: "var(--robot-amber)",
               class: "animate-sparkle",
-              style: v({ animationDelay: `${r.delay}s`, transformBox: "fill-box", transformOrigin: "center" })
+              style: b({ animationDelay: `${r.delay}s`, transformBox: "fill-box", transformOrigin: "center" })
             }, null, 12, Wo)), 64)) : h("", !0),
-            a.value.sym === "anger" ? (l(), t("g", {
+            s.value.sym === "anger" ? (l(), t("g", {
               key: 40,
-              stroke: a.value.symColor,
+              stroke: s.value.symColor,
               "stroke-width": "3.5",
               "stroke-linecap": "round",
               class: "animate-alert-flash"
-            }, [...s[5] || (s[5] = [
+            }, [...a[5] || (a[5] = [
               e("path", { d: "M 160 60 l 8 0 M 164 56 l 0 8" }, null, -1),
               e("path", { d: "M 174 70 l 6 4 M 180 70 l -6 4" }, null, -1)
-            ])], 8, Vo)) : a.value.sym === "question" ? (l(), t("text", {
+            ])], 8, Vo)) : s.value.sym === "question" ? (l(), t("text", {
               key: 41,
               x: "160",
               y: "74",
               "font-size": "26",
-              fill: a.value.symColor,
+              fill: s.value.symColor,
               "font-weight": "bold"
-            }, "?", 8, Jo)) : a.value.sym === "exclaim" ? (l(), t("text", {
+            }, "?", 8, Jo)) : s.value.sym === "exclaim" ? (l(), t("text", {
               key: 42,
               x: "162",
               y: "74",
               "font-size": "26",
-              fill: a.value.symColor,
+              fill: s.value.symColor,
               "font-weight": "bold"
-            }, "!", 8, Ko)) : a.value.sym === "ellipsis" ? (l(), t("g", {
+            }, "!", 8, Ko)) : s.value.sym === "ellipsis" ? (l(), t("g", {
               key: 43,
-              fill: a.value.symColor
-            }, [...s[6] || (s[6] = [
+              fill: s.value.symColor
+            }, [...a[6] || (a[6] = [
               e("circle", {
                 cx: "156",
                 cy: "66",
@@ -2213,28 +2213,28 @@ const $e = {
                 class: "animate-dot-blink",
                 style: { "animation-delay": "0.4s" }
               }, null, -1)
-            ])], 8, Xo)) : a.value.sym === "bulb" ? (l(), t("g", es, [
+            ])], 8, Xo)) : s.value.sym === "bulb" ? (l(), t("g", ea, [
               e("circle", {
                 cx: "166",
                 cy: "58",
                 r: "11",
-                fill: a.value.symColor,
+                fill: s.value.symColor,
                 class: "animate-antenna-pulse origin-center"
-              }, null, 8, ls),
-              s[7] || (s[7] = G('<rect x="161" y="68" width="10" height="6" rx="2" fill="var(--robot-blue-dark)"></rect><g stroke="var(--robot-amber)" stroke-width="2" stroke-linecap="round"><line x1="166" y1="40" x2="166" y2="44"></line><line x1="182" y1="50" x2="179" y2="52"></line><line x1="150" y1="50" x2="153" y2="52"></line></g>', 2))
-            ])) : a.value.sym === "check" ? (l(), t("path", {
+              }, null, 8, la),
+              a[7] || (a[7] = G('<rect x="161" y="68" width="10" height="6" rx="2" fill="var(--robot-blue-dark)" data-v-c1f1f037></rect><g stroke="var(--robot-amber)" stroke-width="2" stroke-linecap="round" data-v-c1f1f037><line x1="166" y1="40" x2="166" y2="44" data-v-c1f1f037></line><line x1="182" y1="50" x2="179" y2="52" data-v-c1f1f037></line><line x1="150" y1="50" x2="153" y2="52" data-v-c1f1f037></line></g>', 2))
+            ])) : s.value.sym === "check" ? (l(), t("path", {
               key: 45,
               d: "M 156 64 l 6 7 l 12 -15",
-              stroke: a.value.symColor,
+              stroke: s.value.symColor,
               "stroke-width": "5",
               "stroke-linecap": "round",
               "stroke-linejoin": "round",
               fill: "none"
-            }, null, 8, ts)) : a.value.sym === "gear" ? (l(), t("g", os, [
+            }, null, 8, ta)) : s.value.sym === "gear" ? (l(), t("g", oa, [
               e("g", {
-                fill: a.value.symColor
+                fill: s.value.symColor
               }, [
-                (l(), t(g, null, q(fe, (r) => e("rect", {
+                (l(), t(g, null, q(ke, (r) => e("rect", {
                   key: r,
                   x: "165",
                   y: "46",
@@ -2242,67 +2242,67 @@ const $e = {
                   height: "8",
                   rx: "1.5",
                   transform: `rotate(${r} 168 62)`
-                }, null, 8, as)), 64)),
-                s[8] || (s[8] = e("circle", {
+                }, null, 8, sa)), 64)),
+                a[8] || (a[8] = e("circle", {
                   cx: "168",
                   cy: "62",
                   r: "11"
                 }, null, -1))
-              ], 8, ss),
-              s[9] || (s[9] = e("circle", {
+              ], 8, aa),
+              a[9] || (a[9] = e("circle", {
                 cx: "168",
                 cy: "62",
                 r: "4.5",
                 fill: "var(--robot-screen)"
               }, null, -1))
-            ])) : a.value.sym === "pencil" ? (l(), t("g", is, [
+            ])) : s.value.sym === "pencil" ? (l(), t("g", ia, [
               e("rect", {
                 x: "164",
                 y: "46",
                 width: "8",
                 height: "22",
                 rx: "2",
-                fill: a.value.symColor
-              }, null, 8, rs),
-              s[10] || (s[10] = e("rect", {
+                fill: s.value.symColor
+              }, null, 8, ra),
+              a[10] || (a[10] = e("rect", {
                 x: "164",
                 y: "44",
                 width: "8",
                 height: "6",
                 fill: "var(--robot-amber)"
               }, null, -1)),
-              s[11] || (s[11] = e("path", {
+              a[11] || (a[11] = e("path", {
                 d: "M 164 68 l 4 8 l 4 -8 Z",
                 fill: "var(--robot-screen)"
               }, null, -1))
-            ])) : a.value.sym === "bell" ? (l(), t("g", ns, [
+            ])) : s.value.sym === "bell" ? (l(), t("g", na, [
               e("path", {
                 d: "M 168 46 a 11 11 0 0 1 11 11 v 6 l 3 4 h -28 l 3 -4 v -6 a 11 11 0 0 1 11 -11 Z",
-                fill: a.value.symColor
-              }, null, 8, cs),
+                fill: s.value.symColor
+              }, null, 8, ca),
               e("circle", {
                 cx: "168",
                 cy: "73",
                 r: "3",
-                fill: a.value.symColor
-              }, null, 8, us)
-            ])) : a.value.sym === "loader" ? (l(), t("g", ds, [
+                fill: s.value.symColor
+              }, null, 8, da)
+            ])) : s.value.sym === "loader" ? (l(), t("g", ua, [
               e("path", {
                 d: "M 168 48 a 12 12 0 1 1 -8.5 3.5",
                 fill: "none",
-                stroke: a.value.symColor,
+                stroke: s.value.symColor,
                 "stroke-width": "4",
                 "stroke-linecap": "round"
-              }, null, 8, ys)
-            ])) : a.value.sym === "warning" ? (l(), t("g", ms, [
+              }, null, 8, ya)
+            ])) : s.value.sym === "warning" ? (l(), t("g", ma, [
               e("path", {
                 d: "M 168 46 l 14 26 l -28 0 Z",
-                fill: a.value.symColor,
+                fill: s.value.symColor,
                 stroke: "var(--robot-screen)",
                 "stroke-width": "1.5",
                 "stroke-linejoin": "round"
-              }, null, 8, hs),
-              s[12] || (s[12] = e("line", {
+              }, null, 8, ha),
+              a[12] || (a[12] = e("line", {
                 x1: "168",
                 y1: "56",
                 x2: "168",
@@ -2311,34 +2311,34 @@ const $e = {
                 "stroke-width": "3",
                 "stroke-linecap": "round"
               }, null, -1)),
-              s[13] || (s[13] = e("circle", {
+              a[13] || (a[13] = e("circle", {
                 cx: "168",
                 cy: "69",
                 r: "1.8",
                 fill: "var(--robot-screen)"
               }, null, -1))
-            ])) : a.value.sym === "siren" ? (l(), t("g", ks, [
-              e("g", fs, [
+            ])) : s.value.sym === "siren" ? (l(), t("g", fa, [
+              e("g", ka, [
                 e("path", {
                   d: "M 156 70 a 12 12 0 0 1 24 0 Z",
-                  fill: a.value.symColor
-                }, null, 8, ps),
+                  fill: s.value.symColor
+                }, null, 8, pa),
                 e("rect", {
                   x: "152",
                   y: "70",
                   width: "32",
                   height: "5",
                   rx: "2",
-                  fill: a.value.symColor
-                }, null, 8, xs)
+                  fill: s.value.symColor
+                }, null, 8, xa)
               ]),
               e("g", {
-                stroke: a.value.symColor,
+                stroke: s.value.symColor,
                 "stroke-width": "2.5",
                 "stroke-linecap": "round",
                 class: "animate-alert-flash",
                 opacity: "0.7"
-              }, [...s[14] || (s[14] = [
+              }, [...a[14] || (a[14] = [
                 e("line", {
                   x1: "146",
                   y1: "56",
@@ -2357,67 +2357,67 @@ const $e = {
                   x2: "168",
                   y2: "49"
                 }, null, -1)
-              ])], 8, gs)
-            ])) : a.value.sym === "broken" ? (l(), t("path", {
+              ])], 8, ga)
+            ])) : s.value.sym === "broken" ? (l(), t("path", {
               key: 52,
               d: "M 170 46 l -10 16 l 7 0 l -5 14 l 14 -20 l -8 0 l 6 -10 Z",
-              fill: a.value.symColor,
+              fill: s.value.symColor,
               class: "animate-alert-flash",
               stroke: "var(--robot-screen)",
               "stroke-width": "1",
               "stroke-linejoin": "round"
-            }, null, 8, _s)) : a.value.sym === "scan" ? (l(), t("g", bs, [
+            }, null, 8, _a)) : s.value.sym === "scan" ? (l(), t("g", va, [
               e("circle", {
                 cx: "166",
                 cy: "60",
                 r: "9",
                 fill: "none",
-                stroke: a.value.symColor,
+                stroke: s.value.symColor,
                 "stroke-width": "3"
-              }, null, 8, vs),
+              }, null, 8, ba),
               e("line", {
                 x1: "173",
                 y1: "67",
                 x2: "180",
                 y2: "74",
-                stroke: a.value.symColor,
+                stroke: s.value.symColor,
                 "stroke-width": "3.5",
                 "stroke-linecap": "round"
-              }, null, 8, ws)
-            ])) : a.value.sym === "lotus" ? (l(), t("g", $s, [
+              }, null, 8, wa)
+            ])) : s.value.sym === "lotus" ? (l(), t("g", $a, [
               e("ellipse", {
                 cx: "120",
                 cy: "34",
                 rx: "40",
                 ry: "9",
                 fill: "none",
-                stroke: a.value.symColor,
+                stroke: s.value.symColor,
                 "stroke-width": "3",
                 opacity: "0.8",
                 class: "animate-antenna-pulse origin-center",
                 style: { transformOrigin: "120px 34px" }
-              }, null, 8, Cs),
+              }, null, 8, Ca),
               e("circle", {
                 cx: "92",
                 cy: "34",
                 r: "2",
-                fill: a.value.symColor
-              }, null, 8, qs),
+                fill: s.value.symColor
+              }, null, 8, qa),
               e("circle", {
                 cx: "148",
                 cy: "34",
                 r: "2",
-                fill: a.value.symColor
-              }, null, 8, Ms)
-            ])) : a.value.sym === "heart" ? (l(), t("path", {
+                fill: s.value.symColor
+              }, null, 8, Ma)
+            ])) : s.value.sym === "heart" ? (l(), t("path", {
               key: 55,
               d: "M 170 56 c -4 -6 -13 -2 -8 5 c 2 3 8 7 8 7 c 0 0 6 -4 8 -7 c 5 -7 -4 -11 -8 -5 Z",
-              fill: a.value.symColor,
+              fill: s.value.symColor,
               class: "animate-antenna-pulse origin-center",
               style: { transformOrigin: "170px 60px" }
-            }, null, 8, Ss)) : a.value.sym === "soundwave" ? (l(), t("g", {
+            }, null, 8, Sa)) : s.value.sym === "soundwave" ? (l(), t("g", {
               key: 56,
-              stroke: a.value.symColor,
+              stroke: s.value.symColor,
               "stroke-width": "3",
               "stroke-linecap": "round",
               fill: "none"
@@ -2426,14 +2426,14 @@ const $e = {
                 key: $,
                 d: "M 188 52 q 9 10 0 20",
                 class: "animate-sound-ripple",
-                style: v({ transformOrigin: "188px 62px", animationDelay: `${r}s` })
+                style: b({ transformOrigin: "188px 62px", animationDelay: `${r}s` })
               }, null, 4)), 64))
-            ], 8, As)) : a.value.sym === "pin" ? (l(), t("g", Bs, [
+            ], 8, Aa)) : s.value.sym === "pin" ? (l(), t("g", Ba, [
               e("path", {
                 d: "M 168 44 a 11 11 0 0 1 11 11 c 0 8 -11 19 -11 19 c 0 0 -11 -11 -11 -19 a 11 11 0 0 1 11 -11 Z",
-                fill: a.value.symColor
-              }, null, 8, Os),
-              s[15] || (s[15] = e("circle", {
+                fill: s.value.symColor
+              }, null, 8, Oa),
+              a[15] || (a[15] = e("circle", {
                 cx: "168",
                 cy: "55",
                 r: "4",
@@ -2444,23 +2444,23 @@ const $e = {
                 cy: "77",
                 rx: "8",
                 ry: "2.5",
-                fill: a.value.symColor,
+                fill: s.value.symColor,
                 opacity: "0.3"
-              }, null, 8, zs)
-            ])) : a.value.sym === "target" ? (l(), t("g", {
+              }, null, 8, za)
+            ])) : s.value.sym === "target" ? (l(), t("g", {
               key: 58,
-              stroke: a.value.symColor,
+              stroke: s.value.symColor,
               "stroke-width": "2.5",
               fill: "none"
             }, [
-              s[16] || (s[16] = e("circle", {
+              a[16] || (a[16] = e("circle", {
                 cx: "168",
                 cy: "60",
                 r: "13",
                 class: "animate-target-pulse",
                 style: { transformOrigin: "168px 60px" }
               }, null, -1)),
-              s[17] || (s[17] = e("circle", {
+              a[17] || (a[17] = e("circle", {
                 cx: "168",
                 cy: "60",
                 r: "6"
@@ -2469,18 +2469,18 @@ const $e = {
                 cx: "168",
                 cy: "60",
                 r: "1.8",
-                fill: a.value.symColor,
+                fill: s.value.symColor,
                 stroke: "none"
-              }, null, 8, Is),
-              s[18] || (s[18] = G('<g stroke-linecap="round"><line x1="168" y1="42" x2="168" y2="49"></line><line x1="168" y1="71" x2="168" y2="78"></line><line x1="150" y1="60" x2="157" y2="60"></line><line x1="179" y1="60" x2="186" y2="60"></line></g>', 1))
-            ], 8, Rs)) : a.value.sym === "book" ? (l(), t("g", Ns, [
-              s[19] || (s[19] = e("path", {
+              }, null, 8, Ia),
+              a[18] || (a[18] = G('<g stroke-linecap="round" data-v-c1f1f037><line x1="168" y1="42" x2="168" y2="49" data-v-c1f1f037></line><line x1="168" y1="71" x2="168" y2="78" data-v-c1f1f037></line><line x1="150" y1="60" x2="157" y2="60" data-v-c1f1f037></line><line x1="179" y1="60" x2="186" y2="60" data-v-c1f1f037></line></g>', 1))
+            ], 8, Ra)) : s.value.sym === "book" ? (l(), t("g", Na, [
+              a[19] || (a[19] = e("path", {
                 d: "M 168 50 c -6 -4 -14 -4 -18 0 v 18 c 4 -4 12 -4 18 0 Z",
                 fill: "oklch(0.96 0.02 95)",
                 stroke: "var(--robot-amber)",
                 "stroke-width": "1.5"
               }, null, -1)),
-              s[20] || (s[20] = e("path", {
+              a[20] || (a[20] = e("path", {
                 d: "M 168 50 c 6 -4 14 -4 18 0 v 18 c -4 -4 -12 -4 -18 0 Z",
                 fill: "oklch(0.96 0.02 95)",
                 stroke: "var(--robot-amber)",
@@ -2491,10 +2491,10 @@ const $e = {
                 y1: "50",
                 x2: "168",
                 y2: "68",
-                stroke: a.value.symColor,
+                stroke: s.value.symColor,
                 "stroke-width": "2"
-              }, null, 8, Ts),
-              s[21] || (s[21] = e("line", {
+              }, null, 8, Ta),
+              a[21] || (a[21] = e("line", {
                 x1: "154",
                 y1: "57",
                 x2: "163",
@@ -2503,7 +2503,7 @@ const $e = {
                 "stroke-width": "1.2",
                 "stroke-linecap": "round"
               }, null, -1)),
-              s[22] || (s[22] = e("line", {
+              a[22] || (a[22] = e("line", {
                 x1: "154",
                 y1: "62",
                 x2: "163",
@@ -2512,7 +2512,7 @@ const $e = {
                 "stroke-width": "1.2",
                 "stroke-linecap": "round"
               }, null, -1)),
-              s[23] || (s[23] = e("line", {
+              a[23] || (a[23] = e("line", {
                 x1: "173",
                 y1: "56",
                 x2: "182",
@@ -2521,7 +2521,7 @@ const $e = {
                 "stroke-width": "1.2",
                 "stroke-linecap": "round"
               }, null, -1)),
-              s[24] || (s[24] = e("line", {
+              a[24] || (a[24] = e("line", {
                 x1: "173",
                 y1: "61",
                 x2: "182",
@@ -2530,12 +2530,12 @@ const $e = {
                 "stroke-width": "1.2",
                 "stroke-linecap": "round"
               }, null, -1))
-            ])) : a.value.sym === "plane" ? (l(), t("g", Ds, [
+            ])) : s.value.sym === "plane" ? (l(), t("g", Da, [
               e("path", {
                 d: "M 150 46 h 36 a 6 6 0 0 1 6 6 v 14 a 6 6 0 0 1 -6 6 h -20 l -8 8 v -8 h -2 a 6 6 0 0 1 -6 -6 v -14 a 6 6 0 0 1 6 -6 Z",
-                fill: a.value.symColor
-              }, null, 8, Ls),
-              s[25] || (s[25] = e("circle", {
+                fill: s.value.symColor
+              }, null, 8, La),
+              a[25] || (a[25] = e("circle", {
                 cx: "160",
                 cy: "59",
                 r: "2.6",
@@ -2543,7 +2543,7 @@ const $e = {
                 class: "animate-dot-blink",
                 style: { animationDelay: "0s" }
               }, null, -1)),
-              s[26] || (s[26] = e("circle", {
+              a[26] || (a[26] = e("circle", {
                 cx: "168",
                 cy: "59",
                 r: "2.6",
@@ -2551,7 +2551,7 @@ const $e = {
                 class: "animate-dot-blink",
                 style: { animationDelay: "0.2s" }
               }, null, -1)),
-              s[27] || (s[27] = e("circle", {
+              a[27] || (a[27] = e("circle", {
                 cx: "176",
                 cy: "59",
                 r: "2.6",
@@ -2559,12 +2559,12 @@ const $e = {
                 class: "animate-dot-blink",
                 style: { animationDelay: "0.4s" }
               }, null, -1))
-            ])) : a.value.sym === "msgOk" ? (l(), t("g", Ps, [
+            ])) : s.value.sym === "msgOk" ? (l(), t("g", Pa, [
               e("path", {
                 d: "M 150 46 h 36 a 6 6 0 0 1 6 6 v 14 a 6 6 0 0 1 -6 6 h -20 l -8 8 v -8 h -2 a 6 6 0 0 1 -6 -6 v -14 a 6 6 0 0 1 6 -6 Z",
-                fill: a.value.symColor
-              }, null, 8, Es),
-              s[28] || (s[28] = e("path", {
+                fill: s.value.symColor
+              }, null, 8, Ea),
+              a[28] || (a[28] = e("path", {
                 d: "M 161 59 l 4 5 l 9 -10",
                 stroke: "oklch(1 0 0)",
                 "stroke-width": "3",
@@ -2572,12 +2572,12 @@ const $e = {
                 "stroke-linejoin": "round",
                 fill: "none"
               }, null, -1))
-            ])) : a.value.sym === "msgFail" ? (l(), t("g", Gs, [
+            ])) : s.value.sym === "msgFail" ? (l(), t("g", Ga, [
               e("path", {
                 d: "M 150 46 h 36 a 6 6 0 0 1 6 6 v 14 a 6 6 0 0 1 -6 6 h -20 l -8 8 v -8 h -2 a 6 6 0 0 1 -6 -6 v -14 a 6 6 0 0 1 6 -6 Z",
-                fill: a.value.symColor
-              }, null, 8, Zs),
-              s[29] || (s[29] = e("line", {
+                fill: s.value.symColor
+              }, null, 8, Za),
+              a[29] || (a[29] = e("line", {
                 x1: "168",
                 y1: "52",
                 x2: "168",
@@ -2586,18 +2586,18 @@ const $e = {
                 "stroke-width": "3",
                 "stroke-linecap": "round"
               }, null, -1)),
-              s[30] || (s[30] = e("circle", {
+              a[30] || (a[30] = e("circle", {
                 cx: "168",
                 cy: "68",
                 r: "2",
                 fill: "oklch(1 0 0)"
               }, null, -1))
-            ])) : a.value.sym === "msgIn" ? (l(), t("g", Hs, [
+            ])) : s.value.sym === "msgIn" ? (l(), t("g", Ha, [
               e("path", {
                 d: "M 150 46 h 36 a 6 6 0 0 1 6 6 v 14 a 6 6 0 0 1 -6 6 h -20 l -8 8 v -8 h -2 a 6 6 0 0 1 -6 -6 v -14 a 6 6 0 0 1 6 -6 Z",
-                fill: a.value.symColor
-              }, null, 8, Us),
-              s[31] || (s[31] = e("path", {
+                fill: s.value.symColor
+              }, null, 8, Ua),
+              a[31] || (a[31] = e("path", {
                 d: "M 168 53 v 10 m 0 0 l -4 -4 m 4 4 l 4 -4",
                 stroke: "oklch(1 0 0)",
                 "stroke-width": "2.6",
@@ -2607,79 +2607,79 @@ const $e = {
                 class: "animate-locate-bob",
                 style: { transformOrigin: "168px 58px" }
               }, null, -1))
-            ])) : a.value.sym === "lightning" ? (l(), t("g", js, [
+            ])) : s.value.sym === "lightning" ? (l(), t("g", ja, [
               e("path", {
                 d: "M 172 44 l -9 14 h 6 l -5 13 l 14 -18 h -7 l 6 -9 Z",
-                fill: a.value.symColor,
+                fill: s.value.symColor,
                 stroke: "oklch(1 0 0 / 0.3)",
                 "stroke-width": "0.8",
                 "stroke-linejoin": "round"
-              }, null, 8, Fs)
-            ])) : a.value.sym === "sparkle2" ? (l(), t("g", Ys, [
+              }, null, 8, Fa)
+            ])) : s.value.sym === "sparkle2" ? (l(), t("g", Ya, [
               e("path", {
                 d: "M 168 46 l 2.5 8 l 8 0 l -6.5 5 l 2.5 8 l -6.5 -5 l -6.5 5 l 2.5 -8 l -6.5 -5 l 8 0 Z",
-                fill: a.value.symColor
-              }, null, 8, Qs),
+                fill: s.value.symColor
+              }, null, 8, Qa),
               e("circle", {
                 cx: "160",
                 cy: "75",
                 r: "2.5",
-                fill: a.value.symColor,
+                fill: s.value.symColor,
                 opacity: "0.7",
                 class: "animate-dot-blink",
                 style: { animationDelay: "0.3s" }
-              }, null, 8, Ws),
+              }, null, 8, Wa),
               e("circle", {
                 cx: "176",
                 cy: "77",
                 r: "1.8",
-                fill: a.value.symColor,
+                fill: s.value.symColor,
                 opacity: "0.6",
                 class: "animate-dot-blink",
                 style: { animationDelay: "0.6s" }
-              }, null, 8, Vs)
-            ])) : a.value.sym === "zzz" ? (l(), t("g", Js, [
+              }, null, 8, Va)
+            ])) : s.value.sym === "zzz" ? (l(), t("g", Ja, [
               e("text", {
                 x: "158",
                 y: "82",
                 "font-size": "8",
                 "font-weight": "700",
                 "font-family": "monospace",
-                fill: a.value.symColor,
+                fill: s.value.symColor,
                 class: "animate-dot-blink",
                 style: { animationDelay: "0s" }
-              }, "Z", 8, Ks),
+              }, "Z", 8, Ka),
               e("text", {
                 x: "165",
                 y: "73",
                 "font-size": "11",
                 "font-weight": "700",
                 "font-family": "monospace",
-                fill: a.value.symColor,
+                fill: s.value.symColor,
                 class: "animate-dot-blink",
                 style: { animationDelay: "0.4s" }
-              }, "Z", 8, Xs),
+              }, "Z", 8, Xa),
               e("text", {
                 x: "174",
                 y: "62",
                 "font-size": "14",
                 "font-weight": "700",
                 "font-family": "monospace",
-                fill: a.value.symColor,
+                fill: s.value.symColor,
                 class: "animate-dot-blink",
                 style: { animationDelay: "0.8s" }
-              }, "Z", 8, ea)
-            ])) : a.value.sym === "shield" ? (l(), t("g", la, [
+              }, "Z", 8, es)
+            ])) : s.value.sym === "shield" ? (l(), t("g", ls, [
               e("path", {
                 d: "M 156 46 C 156 43, 158 42, 162 42 L 174 42 C 178 42, 180 43, 180 46 L 180 62 C 180 70, 168 78, 168 78 C 168 78, 156 70, 156 62 Z",
-                fill: a.value.symColor,
+                fill: s.value.symColor,
                 opacity: "0.92"
-              }, null, 8, ta),
-              s[32] || (s[32] = e("path", {
+              }, null, 8, ts),
+              a[32] || (a[32] = e("path", {
                 d: "M 158 47 C 158 45, 160 44, 163 44 L 173 44 L 173 60 C 173 65, 168 70, 168 70 C 162 66, 158 61, 158 57 Z",
                 fill: "oklch(1 0 0 / 0.22)"
               }, null, -1)),
-              s[33] || (s[33] = e("line", {
+              a[33] || (a[33] = e("line", {
                 x1: "168",
                 y1: "44",
                 x2: "168",
@@ -2688,7 +2688,7 @@ const $e = {
                 "stroke-width": "1.5",
                 "stroke-linecap": "round"
               }, null, -1)),
-              s[34] || (s[34] = e("line", {
+              a[34] || (a[34] = e("line", {
                 x1: "158",
                 y1: "58",
                 x2: "178",
@@ -2697,9 +2697,9 @@ const $e = {
                 "stroke-width": "1.5",
                 "stroke-linecap": "round"
               }, null, -1))
-            ])) : a.value.sym === "miniBasketball" ? (l(), t("g", oa, [...s[35] || (s[35] = [
-              G('<circle cx="168" cy="62" r="14" fill="oklch(0.65 0.16 40)"></circle><path d="M 168 48 A 14 14 0 0 1 182 62 A 14 14 0 0 1 168 76 Q 177 70 177 62 Q 177 54 168 48 Z" fill="oklch(0.52 0.14 36)"></path><ellipse cx="162" cy="55" rx="3.5" ry="2.5" fill="oklch(0.84 0.10 55)" opacity="0.55" transform="rotate(-15,162,55)"></ellipse><line x1="154" y1="62" x2="182" y2="62" stroke="oklch(0.25 0.05 30)" stroke-width="1.6" stroke-linecap="round"></line><path d="M 161 48 Q 155 62 161 76" stroke="oklch(0.25 0.05 30)" stroke-width="1.6" fill="none" stroke-linecap="round"></path><path d="M 175 48 Q 181 62 175 76" stroke="oklch(0.25 0.05 30)" stroke-width="1.6" fill="none" stroke-linecap="round"></path><path d="M 154 56 Q 168 50 182 56" stroke="oklch(0.25 0.05 30)" stroke-width="1.6" fill="none" stroke-linecap="round"></path><path d="M 154 68 Q 168 74 182 68" stroke="oklch(0.25 0.05 30)" stroke-width="1.6" fill="none" stroke-linecap="round"></path>', 8)
-            ])])) : a.value.sym === "lowBattery" ? (l(), t("g", sa, [
+            ])) : s.value.sym === "miniBasketball" ? (l(), t("g", os, [...a[35] || (a[35] = [
+              G('<circle cx="168" cy="62" r="14" fill="oklch(0.65 0.16 40)" data-v-c1f1f037></circle><path d="M 168 48 A 14 14 0 0 1 182 62 A 14 14 0 0 1 168 76 Q 177 70 177 62 Q 177 54 168 48 Z" fill="oklch(0.52 0.14 36)" data-v-c1f1f037></path><ellipse cx="162" cy="55" rx="3.5" ry="2.5" fill="oklch(0.84 0.10 55)" opacity="0.55" transform="rotate(-15,162,55)" data-v-c1f1f037></ellipse><line x1="154" y1="62" x2="182" y2="62" stroke="oklch(0.25 0.05 30)" stroke-width="1.6" stroke-linecap="round" data-v-c1f1f037></line><path d="M 161 48 Q 155 62 161 76" stroke="oklch(0.25 0.05 30)" stroke-width="1.6" fill="none" stroke-linecap="round" data-v-c1f1f037></path><path d="M 175 48 Q 181 62 175 76" stroke="oklch(0.25 0.05 30)" stroke-width="1.6" fill="none" stroke-linecap="round" data-v-c1f1f037></path><path d="M 154 56 Q 168 50 182 56" stroke="oklch(0.25 0.05 30)" stroke-width="1.6" fill="none" stroke-linecap="round" data-v-c1f1f037></path><path d="M 154 68 Q 168 74 182 68" stroke="oklch(0.25 0.05 30)" stroke-width="1.6" fill="none" stroke-linecap="round" data-v-c1f1f037></path>', 8)
+            ])])) : s.value.sym === "lowBattery" ? (l(), t("g", as, [
               e("rect", {
                 x: "152",
                 y: "50",
@@ -2707,27 +2707,27 @@ const $e = {
                 height: "16",
                 rx: "3",
                 fill: "none",
-                stroke: a.value.symColor,
+                stroke: s.value.symColor,
                 "stroke-width": "2.5"
-              }, null, 8, aa),
+              }, null, 8, ss),
               e("rect", {
                 x: "180",
                 y: "54",
                 width: "4",
                 height: "8",
                 rx: "1.5",
-                fill: a.value.symColor,
+                fill: s.value.symColor,
                 opacity: "0.7"
-              }, null, 8, ia),
+              }, null, 8, is),
               e("rect", {
                 x: "154.5",
                 y: "52.5",
                 width: "5",
                 height: "11",
                 rx: "1.5",
-                fill: a.value.symColor
-              }, null, 8, ra),
-              s[36] || (s[36] = e("text", {
+                fill: s.value.symColor
+              }, null, 8, rs),
+              a[36] || (a[36] = e("text", {
                 x: "161",
                 y: "64",
                 "font-size": "10",
@@ -2750,16 +2750,16 @@ const $e = {
               d: "M 196 96 c -4 -6 -13 -2 -8 5 c 2 3 8 7 8 7 c 0 0 6 -4 8 -7 c 5 -7 -4 -11 -8 -5 Z",
               fill: C,
               class: "animate-heart-fly",
-              style: v({ animationDelay: `${r}s` })
+              style: b({ animationDelay: `${r}s` })
             }, null, 4)), 64)) : h("", !0),
-            d.action === "ironMountain" ? (l(), t("g", na, [...s[37] || (s[37] = [
-              G('<rect x="56" y="188" width="128" height="14" rx="7" fill="oklch(0.32 0.10 248)"></rect><rect x="60" y="200" width="50" height="26" rx="8" fill="oklch(0.32 0.10 248)"></rect><rect x="130" y="200" width="50" height="26" rx="8" fill="oklch(0.32 0.10 248)"></rect><line x1="120" y1="200" x2="120" y2="226" stroke="oklch(0.42 0.08 248)" stroke-width="2.5" stroke-linecap="round"></line><path d="M 86 48 L 86 188" stroke="oklch(0.32 0.10 248)" stroke-width="11" stroke-linecap="round"></path><path d="M 154 48 L 154 188" stroke="oklch(0.32 0.10 248)" stroke-width="11" stroke-linecap="round"></path><rect x="79" y="43" width="14" height="11" rx="3" fill="oklch(0.72 0.18 80)" stroke="oklch(0.55 0.12 72)" stroke-width="1.5"></rect><line x1="86" y1="43" x2="86" y2="54" stroke="oklch(0.48 0.10 72)" stroke-width="2" stroke-linecap="round"></line><rect x="147" y="43" width="14" height="11" rx="3" fill="oklch(0.72 0.18 80)" stroke="oklch(0.55 0.12 72)" stroke-width="1.5"></rect><line x1="154" y1="43" x2="154" y2="54" stroke="oklch(0.48 0.10 72)" stroke-width="2" stroke-linecap="round"></line><rect x="106" y="136" width="28" height="24" rx="5" fill="oklch(0.36 0.10 248)" stroke="oklch(0.45 0.08 248)" stroke-width="2"></rect><line x1="106" y1="148" x2="134" y2="148" stroke="oklch(0.45 0.08 248)" stroke-width="1.8" stroke-linecap="round"></line><rect x="115" y="144" width="10" height="8" rx="2" fill="oklch(0.72 0.18 80)"></rect>', 13)
+            u.action === "ironMountain" ? (l(), t("g", ns, [...a[37] || (a[37] = [
+              G('<rect x="56" y="188" width="128" height="14" rx="7" fill="oklch(0.32 0.10 248)" data-v-c1f1f037></rect><rect x="60" y="200" width="50" height="26" rx="8" fill="oklch(0.32 0.10 248)" data-v-c1f1f037></rect><rect x="130" y="200" width="50" height="26" rx="8" fill="oklch(0.32 0.10 248)" data-v-c1f1f037></rect><line x1="120" y1="200" x2="120" y2="226" stroke="oklch(0.42 0.08 248)" stroke-width="2.5" stroke-linecap="round" data-v-c1f1f037></line><path d="M 86 48 L 86 188" stroke="oklch(0.32 0.10 248)" stroke-width="11" stroke-linecap="round" data-v-c1f1f037></path><path d="M 154 48 L 154 188" stroke="oklch(0.32 0.10 248)" stroke-width="11" stroke-linecap="round" data-v-c1f1f037></path><rect x="79" y="43" width="14" height="11" rx="3" fill="oklch(0.72 0.18 80)" stroke="oklch(0.55 0.12 72)" stroke-width="1.5" data-v-c1f1f037></rect><line x1="86" y1="43" x2="86" y2="54" stroke="oklch(0.48 0.10 72)" stroke-width="2" stroke-linecap="round" data-v-c1f1f037></line><rect x="147" y="43" width="14" height="11" rx="3" fill="oklch(0.72 0.18 80)" stroke="oklch(0.55 0.12 72)" stroke-width="1.5" data-v-c1f1f037></rect><line x1="154" y1="43" x2="154" y2="54" stroke="oklch(0.48 0.10 72)" stroke-width="2" stroke-linecap="round" data-v-c1f1f037></line><rect x="106" y="136" width="28" height="24" rx="5" fill="oklch(0.36 0.10 248)" stroke="oklch(0.45 0.08 248)" stroke-width="2" data-v-c1f1f037></rect><line x1="106" y1="148" x2="134" y2="148" stroke="oklch(0.45 0.08 248)" stroke-width="1.8" stroke-linecap="round" data-v-c1f1f037></line><rect x="115" y="144" width="10" height="8" rx="2" fill="oklch(0.72 0.18 80)" data-v-c1f1f037></rect>', 13)
             ])])) : h("", !0),
-            d.action === "playBasketball" ? (l(), t("g", ca, [...s[38] || (s[38] = [
-              G('<circle cx="120" cy="148" r="22" fill="oklch(0.65 0.16 40)"></circle><path d="M 120 126 A 22 22 0 0 1 142 148 A 22 22 0 0 1 120 170 Q 134 162 134 148 Q 134 134 120 126 Z" fill="oklch(0.52 0.14 36)"></path><ellipse cx="112" cy="136" rx="6" ry="4.5" fill="oklch(0.85 0.10 55)" opacity="0.55" transform="rotate(-20,112,136)"></ellipse><line x1="98" y1="148" x2="142" y2="148" stroke="oklch(0.24 0.04 28)" stroke-width="2.2" stroke-linecap="round"></line><path d="M 109 126 Q 101 148 109 170" stroke="oklch(0.24 0.04 28)" stroke-width="2.2" fill="none" stroke-linecap="round"></path><path d="M 131 126 Q 139 148 131 170" stroke="oklch(0.24 0.04 28)" stroke-width="2.2" fill="none" stroke-linecap="round"></path><path d="M 98 140 Q 120 131 142 140" stroke="oklch(0.24 0.04 28)" stroke-width="2.2" fill="none" stroke-linecap="round"></path><path d="M 98 156 Q 120 165 142 156" stroke="oklch(0.24 0.04 28)" stroke-width="2.2" fill="none" stroke-linecap="round"></path>', 8)
+            u.action === "playBasketball" ? (l(), t("g", cs, [...a[38] || (a[38] = [
+              G('<circle cx="120" cy="148" r="22" fill="oklch(0.65 0.16 40)" data-v-c1f1f037></circle><path d="M 120 126 A 22 22 0 0 1 142 148 A 22 22 0 0 1 120 170 Q 134 162 134 148 Q 134 134 120 126 Z" fill="oklch(0.52 0.14 36)" data-v-c1f1f037></path><ellipse cx="112" cy="136" rx="6" ry="4.5" fill="oklch(0.85 0.10 55)" opacity="0.55" transform="rotate(-20,112,136)" data-v-c1f1f037></ellipse><line x1="98" y1="148" x2="142" y2="148" stroke="oklch(0.24 0.04 28)" stroke-width="2.2" stroke-linecap="round" data-v-c1f1f037></line><path d="M 109 126 Q 101 148 109 170" stroke="oklch(0.24 0.04 28)" stroke-width="2.2" fill="none" stroke-linecap="round" data-v-c1f1f037></path><path d="M 131 126 Q 139 148 131 170" stroke="oklch(0.24 0.04 28)" stroke-width="2.2" fill="none" stroke-linecap="round" data-v-c1f1f037></path><path d="M 98 140 Q 120 131 142 140" stroke="oklch(0.24 0.04 28)" stroke-width="2.2" fill="none" stroke-linecap="round" data-v-c1f1f037></path><path d="M 98 156 Q 120 165 142 156" stroke="oklch(0.24 0.04 28)" stroke-width="2.2" fill="none" stroke-linecap="round" data-v-c1f1f037></path>', 8)
             ])])) : h("", !0),
-            P.value ? (l(), t("g", ua, [
-              s[39] || (s[39] = e("line", {
+            P.value ? (l(), t("g", ds, [
+              a[39] || (a[39] = e("line", {
                 x1: "230",
                 y1: "72",
                 x2: "230",
@@ -2775,8 +2775,8 @@ const $e = {
                 fill: I.value,
                 stroke: "oklch(1 0 0 / 0.35)",
                 "stroke-width": "1.5"
-              }, null, 8, da),
-              s[40] || (s[40] = e("rect", {
+              }, null, 8, us),
+              a[40] || (a[40] = e("rect", {
                 x: "211",
                 y: "76",
                 width: "38",
@@ -2786,7 +2786,7 @@ const $e = {
                 stroke: "oklch(1 0 0 / 0.42)",
                 "stroke-width": "2"
               }, null, -1)),
-              s[41] || (s[41] = e("rect", {
+              a[41] || (a[41] = e("rect", {
                 x: "216",
                 y: "82",
                 width: "28",
@@ -2801,7 +2801,7 @@ const $e = {
                 fill: "oklch(0.6 0.23 22)",
                 opacity: P.value === "red" ? 1 : 0.22,
                 class: S(P.value === "red" ? "animate-traffic-light-active" : "")
-              }, null, 10, ya),
+              }, null, 10, ys),
               e("circle", {
                 cx: "230",
                 cy: "115",
@@ -2809,7 +2809,7 @@ const $e = {
                 fill: "oklch(0.84 0.16 95)",
                 opacity: P.value === "yellow" ? 1 : 0.22,
                 class: S(P.value === "yellow" ? "animate-traffic-light-active" : "")
-              }, null, 10, ma),
+              }, null, 10, ms),
               e("circle", {
                 cx: "230",
                 cy: "135",
@@ -2817,9 +2817,9 @@ const $e = {
                 fill: "oklch(0.68 0.16 150)",
                 opacity: P.value === "green" ? 1 : 0.22,
                 class: S(P.value === "green" ? "animate-traffic-light-active" : "")
-              }, null, 10, ha)
+              }, null, 10, hs)
             ])) : h("", !0),
-            ae.value ? (l(), t("g", ka, [
+            se.value ? (l(), t("g", fs, [
               (l(), t(g, null, q(ie, (r, $) => e("text", {
                 key: $,
                 x: r.x,
@@ -2828,10 +2828,10 @@ const $e = {
                 "font-weight": "800",
                 fill: "oklch(0.82 0.16 72)",
                 class: "animate-music-note",
-                style: v({ animationDelay: `${r.delay}s`, transformOrigin: `${r.x}px ${r.y}px` })
-              }, y(r.note), 13, fa)), 64))
+                style: b({ animationDelay: `${r.delay}s`, transformOrigin: `${r.x}px ${r.y}px` })
+              }, y(r.note), 13, ks)), 64))
             ])) : h("", !0),
-            D.value === "pray" ? (l(), t("g", pa, [...s[42] || (s[42] = [
+            D.value === "pray" ? (l(), t("g", ps, [...a[42] || (a[42] = [
               e("path", {
                 d: "M 120 150 l -10 30 q 10 6 20 0 Z",
                 fill: "oklch(1 0 0 / 0.92)",
@@ -2856,9 +2856,9 @@ const $e = {
               fill: E.value,
               opacity: "0",
               class: "animate-body-glow"
-            }, null, 8, xa)) : h("", !0),
-            L.value === "heart-particles" ? (l(), t("g", ga, [
-              s[43] || (s[43] = e("path", {
+            }, null, 8, xs)) : h("", !0),
+            L.value === "heart-particles" ? (l(), t("g", gs, [
+              a[43] || (a[43] = e("path", {
                 d: `M 120 192 C 100 180, 98 162, 110 158 C 116 155, 120 159, 120 162
                  C 120 159, 124 155, 130 158 C 142 162, 140 180, 120 192 Z`,
                 fill: "oklch(0.72 0.22 0)",
@@ -2876,12 +2876,12 @@ const $e = {
                        ${r.x} ${r.y + r.size * 0.9} Z`,
                   fill: r.color,
                   class: "animate-heart-rise",
-                  style: v({ "--hx": r.hx, animationDelay: `${r.delay}s`, transformOrigin: `${r.x}px ${r.y}px` })
-                }, null, 12, _a)
+                  style: b({ "--hx": r.hx, animationDelay: `${r.delay}s`, transformOrigin: `${r.x}px ${r.y}px` })
+                }, null, 12, _s)
               ])), 64))
             ])) : h("", !0),
-            L.value === "flag" ? (l(), t("g", ba, [
-              s[44] || (s[44] = e("line", {
+            L.value === "flag" ? (l(), t("g", vs, [
+              a[44] || (a[44] = e("line", {
                 x1: "120",
                 y1: "155",
                 x2: "120",
@@ -2898,8 +2898,8 @@ const $e = {
                 rx: "3",
                 fill: E.value,
                 class: "animate-flag-wave"
-              }, null, 8, va),
-              s[45] || (s[45] = e("rect", {
+              }, null, 8, bs),
+              a[45] || (a[45] = e("rect", {
                 x: "120",
                 y: "155",
                 width: "32",
@@ -2909,7 +2909,7 @@ const $e = {
                 class: "animate-flag-wave"
               }, null, -1))
             ])) : h("", !0),
-            L.value === "scan-ring" ? (l(), t("g", wa, [
+            L.value === "scan-ring" ? (l(), t("g", ws, [
               e("circle", {
                 cx: "120",
                 cy: "115",
@@ -2920,7 +2920,7 @@ const $e = {
                 "stroke-dasharray": "18 12",
                 class: "animate-self-spin",
                 style: { transformBox: "fill-box", transformOrigin: "center" }
-              }, null, 8, $a),
+              }, null, 8, $s),
               e("circle", {
                 cx: "120",
                 cy: "115",
@@ -2932,9 +2932,9 @@ const $e = {
                 opacity: "0.6",
                 class: "animate-reset-spin",
                 style: { transformBox: "fill-box", transformOrigin: "center" }
-              }, null, 8, Ca)
+              }, null, 8, Cs)
             ])) : h("", !0),
-            L.value === "confetti" ? (l(), t("g", qa, [
+            L.value === "confetti" ? (l(), t("g", qs, [
               (l(), t(g, null, q(re, (r, $) => e("rect", {
                 key: $,
                 x: r.x - r.size / 2,
@@ -2944,16 +2944,16 @@ const $e = {
                 rx: r.size * 0.3,
                 fill: r.color,
                 class: "animate-confetti",
-                style: v({
+                style: b({
                   "--cx": `${r.cx}px`,
                   "--cy": `${r.cy}px`,
                   "--cr": r.cr,
                   animationDelay: `${$ * 0.18}s`,
                   transformOrigin: `${r.x}px ${r.y}px`
                 })
-              }, null, 12, Ma)), 64))
+              }, null, 12, Ms)), 64))
             ])) : h("", !0),
-            L.value === "particles" ? (l(), t("g", Sa, [
+            L.value === "particles" ? (l(), t("g", Ss, [
               (l(), t(g, null, q(ce, (r, $) => e("circle", {
                 key: $,
                 cx: r.x,
@@ -2961,11 +2961,11 @@ const $e = {
                 r: "3",
                 fill: r.color,
                 class: "animate-sparkle",
-                style: v({ transformBox: "fill-box", transformOrigin: "center", animationDelay: `${r.delay}s` })
-              }, null, 12, Aa)), 64))
+                style: b({ transformBox: "fill-box", transformOrigin: "center", animationDelay: `${r.delay}s` })
+              }, null, 12, As)), 64))
             ])) : h("", !0),
             e("g", {
-              style: v(ye.value),
+              style: b(ye.value),
               class: S(N.value.la)
             }, [
               e("rect", {
@@ -2975,23 +2975,23 @@ const $e = {
                 height: "14",
                 rx: "7",
                 fill: I.value
-              }, null, 8, Ba),
+              }, null, 8, Bs),
               e("circle", {
                 cx: "12",
                 cy: "128",
                 r: "9",
                 fill: I.value
-              }, null, 8, Oa),
+              }, null, 8, Os),
               D.value === "sparkle" ? (l(), t("path", {
                 key: 0,
                 d: W(12, 128),
                 fill: "var(--robot-amber)",
                 class: "animate-sparkle origin-center",
                 style: { transformBox: "fill-box", transformOrigin: "center" }
-              }, null, 8, za)) : h("", !0)
+              }, null, 8, zs)) : h("", !0)
             ], 6),
             e("g", {
-              style: v(me.value),
+              style: b(me.value),
               class: S(N.value.ra)
             }, [
               e("rect", {
@@ -3001,13 +3001,13 @@ const $e = {
                 height: "14",
                 rx: "7",
                 fill: I.value
-              }, null, 8, Ra),
+              }, null, 8, Rs),
               e("circle", {
                 cx: "228",
                 cy: "128",
                 r: "9",
                 fill: I.value
-              }, null, 8, Ia),
+              }, null, 8, Is),
               D.value === "thumbsUp" ? (l(), t("rect", {
                 key: 0,
                 x: "225",
@@ -3016,17 +3016,17 @@ const $e = {
                 height: "11",
                 rx: "3",
                 fill: I.value
-              }, null, 8, Na)) : h("", !0),
+              }, null, 8, Ns)) : h("", !0),
               D.value === "sparkle" ? (l(), t("path", {
                 key: 1,
                 d: W(228, 128),
                 fill: "var(--robot-amber)",
                 class: "animate-sparkle origin-center",
                 style: { transformBox: "fill-box", transformOrigin: "center", animationDelay: "0.3s" }
-              }, null, 8, Ta)) : h("", !0)
+              }, null, 8, Ts)) : h("", !0)
             ], 6)
           ])),
-          d.emotion === "sleepy" || d.emotion === "yawn" ? (l(), t("div", Da, [...s[49] || (s[49] = [
+          u.emotion === "sleepy" || u.emotion === "yawn" ? (l(), t("div", Ds, [...a[49] || (a[49] = [
             e("span", { class: "animate-float-up inline-block text-lg font-bold" }, "z", -1),
             e("span", {
               class: "animate-float-up inline-block text-2xl font-bold",
@@ -3037,23 +3037,23 @@ const $e = {
       ], 4)
     ], 512));
   }
-}), Ea = /* @__PURE__ */ A({
+}), Xs = /* @__PURE__ */ B(Es, [["__scopeId", "data-v-c1f1f037"]]), Gs = /* @__PURE__ */ A({
   __name: "QuarkRobotHalo",
   props: {
     width: { default: 220 }
   },
-  setup(d) {
-    return (u, k) => (l(), t("div", {
+  setup(u) {
+    return (d, f) => (l(), t("div", {
       class: "halo",
-      style: v({ width: d.width + "px", height: d.width * 0.27 + "px" }),
+      style: b({ width: u.width + "px", height: u.width * 0.27 + "px" }),
       "aria-hidden": "true"
-    }, [...k[0] || (k[0] = [
+    }, [...f[0] || (f[0] = [
       e("span", { class: "halo-ring r1" }, null, -1),
       e("span", { class: "halo-ring r2" }, null, -1),
       e("span", { class: "halo-core" }, null, -1)
     ])], 4));
   }
-}), Xa = /* @__PURE__ */ B(Ea, [["__scopeId", "data-v-6fd8ca14"]]), Ga = {
+}), ei = /* @__PURE__ */ B(Gs, [["__scopeId", "data-v-6fd8ca14"]]), Zs = {
   screen_header: {
     dateText: "2026-07-27",
     timeText: "14:30",
@@ -3106,22 +3106,22 @@ const $e = {
     ]
   }
 };
-function ei(d) {
-  return JSON.parse(JSON.stringify(Ga[d]));
+function li(u) {
+  return JSON.parse(JSON.stringify(Zs[u]));
 }
 export {
-  Ua as BigScreenAlertRow,
-  Ya as BigScreenBuildDistribution,
-  Qa as BigScreenBuildProjects,
-  Ha as BigScreenDutyContent,
-  Va as BigScreenEndpointDistribution,
-  Ja as BigScreenExternalEmbed,
-  Fa as BigScreenHeader,
-  ja as BigScreenMetricCard,
+  js as BigScreenAlertRow,
+  Qs as BigScreenBuildDistribution,
+  Ws as BigScreenBuildProjects,
+  Us as BigScreenDutyContent,
+  Js as BigScreenEndpointDistribution,
+  Ks as BigScreenExternalEmbed,
+  Ys as BigScreenHeader,
+  Fs as BigScreenMetricCard,
   Te as BigScreenPanel,
-  Wa as BigScreenRobotSummary,
-  Ka as QuarkRobot,
-  Xa as QuarkRobotHalo,
-  Ga as bigScreenPreviewFixtures,
-  ei as getBigScreenPreviewData
+  Vs as BigScreenRobotSummary,
+  Xs as QuarkRobot,
+  ei as QuarkRobotHalo,
+  Zs as bigScreenPreviewFixtures,
+  li as getBigScreenPreviewData
 };