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

package/dist/index.js

@@ -1,4 +1,4 @@
-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";
+import { defineComponent as M, openBlock as t, createElementBlock as l, normalizeStyle as _, normalizeClass as B, createCommentVNode as f, toDisplayString as y, renderSlot as T, createElementVNode as e, createTextVNode as z, Fragment as x, renderList as C, createBlock as ve, withCtx as _e, computed as b, 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"
@@ -29,7 +29,7 @@ const $e = {
 }, Re = {
   key: 0,
   class: "qbs-panel__live"
-}, Ie = { class: "qbs-panel__body" }, Ne = /* @__PURE__ */ A({
+}, Ie = { class: "qbs-panel__body" }, Ne = /* @__PURE__ */ M({
   __name: "BigScreenPanel",
   props: {
     title: { default: "" },
@@ -42,67 +42,67 @@ const $e = {
     titleSize: { default: "md" },
     overflowHidden: { type: Boolean, default: !0 }
   },
-  setup(u) {
-    const d = u;
-    function f(m) {
+  setup(n) {
+    const d = n;
+    function h(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-${u.padding}`,
-        `qbs-panel--layout-${u.bodyLayout}`,
-        { "qbs-panel--overflow-hidden": u.overflowHidden }
+    return (m, k) => (t(), l("section", {
+      class: B(["qbs-panel", [
+        `qbs-panel--padding-${n.padding}`,
+        `qbs-panel--layout-${n.bodyLayout}`,
+        { "qbs-panel--overflow-hidden": n.overflowHidden }
       ]]),
-      style: b({ "--qbs-accent": u.accent })
+      style: _({ "--qbs-accent": n.accent })
     }, [
-      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", {
+      h("tl") ? (t(), l("span", $e)) : f("", !0),
+      h("tr") ? (t(), l("span", Ce)) : f("", !0),
+      h("bl") ? (t(), l("span", qe)) : f("", !0),
+      h("br") ? (t(), l("span", Me)) : f("", !0),
+      n.title || n.liveLabel || m.$slots["header-center"] || m.$slots["header-extra"] ? (t(), l("header", {
         key: 4,
-        class: S(["qbs-panel__header", `qbs-panel__header--${u.titleSize}`])
+        class: B(["qbs-panel__header", `qbs-panel__header--${n.titleSize}`])
       }, [
-        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, [
+        n.showBar ? (t(), l("span", Se)) : f("", !0),
+        n.title ? (t(), l("span", Ae, y(n.title), 1)) : f("", !0),
+        m.$slots["header-prefix"] ? (t(), l("span", Be, [
           T(m.$slots, "header-prefix", {}, void 0, !0)
-        ])) : h("", !0),
-        m.$slots["header-center"] ? (l(), t("span", Oe, [
+        ])) : f("", !0),
+        m.$slots["header-center"] ? (t(), l("span", Oe, [
           T(m.$slots, "header-center", {}, void 0, !0)
-        ])) : h("", !0),
-        m.$slots["header-extra"] || u.liveLabel ? (l(), t("span", ze, [
+        ])) : f("", !0),
+        m.$slots["header-extra"] || n.liveLabel ? (t(), l("span", ze, [
           T(m.$slots, "header-extra", {}, () => [
-            u.liveLabel ? (l(), t("span", Re, [
-              p[0] || (p[0] = e("span", { class: "qbs-panel__live-dot" }, null, -1)),
-              O(y(u.liveLabel), 1)
-            ])) : h("", !0)
+            n.liveLabel ? (t(), l("span", Re, [
+              k[0] || (k[0] = e("span", { class: "qbs-panel__live-dot" }, null, -1)),
+              z(y(n.liveLabel), 1)
+            ])) : f("", !0)
           ], !0)
-        ])) : h("", !0)
-      ], 2)) : h("", !0),
+        ])) : f("", !0)
+      ], 2)) : f("", !0),
       e("div", Ie, [
         T(m.$slots, "default", {}, void 0, !0)
       ])
     ], 6));
   }
-}), 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 = {
+}), S = (n, d) => {
+  const h = n.__vccOpts || n;
+  for (const [m, k] of d)
+    h[m] = k;
+  return h;
+}, Te = /* @__PURE__ */ S(Ne, [["__scopeId", "data-v-749400b6"]]), De = {
   key: 0,
   class: "qbs-duty-compact"
-}, Le = { class: "qbs-duty-compact__avatar" }, Pe = { class: "qbs-duty-compact__info" }, Ee = { class: "qbs-duty-compact__name" }, Ge = { class: "qbs-duty-compact__phone" }, Ze = {
+}, Pe = { class: "qbs-duty-compact__avatar" }, Le = { class: "qbs-duty-compact__info" }, Ee = { class: "qbs-duty-compact__name" }, Ge = { class: "qbs-duty-compact__phone" }, He = {
   key: 0,
   class: "qbs-duty-compact__tag"
-}, He = {
+}, Ze = {
   key: 1,
   class: "qbs-duty"
-}, Ue = { class: "qbs-duty__summary" }, je = { class: "qbs-duty__summary-chip" }, Fe = { class: "qbs-duty__summary-chip" }, Ye = { class: "qbs-duty__summary-chip" }, Qe = { class: "qbs-duty__list" }, We = { class: "qbs-duty__group-header" }, Ve = { class: "qbs-duty__users" }, Je = {
+}, Ue = { class: "qbs-duty__summary" }, je = { class: "qbs-duty__summary-chip" }, Fe = { class: "qbs-duty__summary-chip" }, Qe = { class: "qbs-duty__summary-chip" }, Ye = { class: "qbs-duty__list" }, We = { class: "qbs-duty__group-header" }, Ve = { class: "qbs-duty__users" }, Je = {
   key: 0,
   class: "qbs-duty__empty"
-}, Ke = /* @__PURE__ */ A({
+}, Ke = /* @__PURE__ */ M({
   __name: "BigScreenDutyContent",
   props: {
     compact: { type: Boolean, default: !1 },
@@ -114,16 +114,16 @@ const $e = {
     totalUsers: { default: void 0 },
     groups: { default: () => [] }
   },
-  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, [
+  setup(n) {
+    const d = n;
+    return (h, m) => d.compact ? (t(), l("div", De, [
+      e("div", Pe, y(d.personName.charAt(0) || "-"), 1),
+      e("div", Le, [
         e("span", Ee, y(d.personName || "暂未排班"), 1),
         e("span", Ge, y(d.personPhone || "—"), 1)
       ]),
-      d.personTag ? (l(), t("span", Ze, y(d.personTag), 1)) : h("", !0)
-    ])) : (l(), t("div", He, [
+      d.personTag ? (t(), l("span", He, y(d.personTag), 1)) : f("", !0)
+    ])) : (t(), l("div", Ze, [
       e("div", Ue, [
         e("div", je, [
           m[0] || (m[0] = e("span", null, "日期", -1)),
@@ -133,47 +133,47 @@ const $e = {
           m[1] || (m[1] = e("span", null, "值班组", -1)),
           e("strong", null, y(d.totalGroups ?? d.groups.length), 1)
         ]),
-        e("div", Ye, [
+        e("div", Qe, [
           m[2] || (m[2] = e("span", null, "值班人数", -1)),
           e("strong", null, y(d.totalUsers ?? 0), 1)
         ])
       ]),
-      e("div", Qe, [
-        (l(!0), t(g, null, q(d.groups, (p) => {
+      e("div", Ye, [
+        (t(!0), l(x, null, C(d.groups, (k) => {
           var w;
-          return l(), t("article", {
-            key: p.groupId,
+          return t(), l("article", {
+            key: k.groupId,
             class: "qbs-duty__group"
           }, [
             e("div", We, [
-              e("strong", null, y(p.groupName), 1),
-              e("span", null, y(((w = p.users) == null ? void 0 : w.length) || 0) + " 人", 1)
+              e("strong", null, y(k.groupName), 1),
+              e("span", null, y(((w = k.users) == null ? void 0 : w.length) || 0) + " 人", 1)
             ]),
             e("div", Ve, [
-              (l(!0), t(g, null, q(p.users || [], (R) => (l(), t("span", {
-                key: R.userId,
+              (t(!0), l(x, null, C(k.users || [], (O) => (t(), l("span", {
+                key: O.userId,
                 class: "qbs-duty__user"
-              }, y(R.nickName || R.username), 1))), 128))
+              }, y(O.nickName || O.username), 1))), 128))
             ])
           ]);
         }), 128)),
-        d.groups.length ? h("", !0) : (l(), t("div", Je, "暂无值班数据"))
+        d.groups.length ? f("", !0) : (t(), l("div", Je, "暂无值班数据"))
       ])
     ]));
   }
-}), 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 = {
+}), Ws = /* @__PURE__ */ S(Ke, [["__scopeId", "data-v-f5721bce"]]), Xe = { class: "qbs-alert-row__main" }, et = { class: "qbs-alert-row__copy" }, tt = ["title"], lt = { class: "qbs-alert-row__meta" }, ot = { class: "qbs-alert-row__group" }, at = {
   key: 0,
   class: "qbs-alert-row__owner"
-}, sl = {
+}, st = {
   key: 1,
   class: "qbs-alert-row__time"
-}, il = {
+}, it = {
   key: 2,
   class: "qbs-alert-row__tag"
-}, rl = { class: "qbs-alert-row__status" }, nl = {
+}, nt = { class: "qbs-alert-row__status" }, rt = {
   key: 0,
   class: "qbs-alert-row__aside"
-}, cl = /* @__PURE__ */ A({
+}, ct = /* @__PURE__ */ M({
   __name: "BigScreenAlertRow",
   props: {
     title: {},
@@ -186,39 +186,39 @@ const $e = {
     detailWide: { type: Boolean, default: !1 }
   },
   emits: ["select"],
-  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 }),
+  setup(n) {
+    const d = n;
+    return (h, m) => (t(), l("button", {
+      class: B(["qbs-alert-row", { "qbs-alert-row--detail-wide": d.detailWide }]),
+      style: _({ "--qbs-alert-accent": d.accent }),
       type: "button",
-      onClick: m[0] || (m[0] = (p) => f.$emit("select"))
+      onClick: m[0] || (m[0] = (k) => h.$emit("select"))
     }, [
       e("div", Xe, [
-        e("div", el, [
+        e("div", et, [
           e("div", {
             class: "qbs-alert-row__title",
             title: d.title
-          }, y(d.title), 9, ll),
-          e("div", tl, [
-            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)
+          }, y(d.title), 9, tt),
+          e("div", lt, [
+            e("span", ot, y(d.group), 1),
+            d.owner ? (t(), l("span", at, y(d.owner), 1)) : f("", !0),
+            d.time ? (t(), l("span", st, y(d.time), 1)) : f("", !0),
+            d.tag ? (t(), l("span", it, y(d.tag), 1)) : f("", !0)
           ]),
-          e("div", rl, [
-            T(f.$slots, "status", {}, () => [
-              O(y(d.statusText || "待处理"), 1)
+          e("div", nt, [
+            T(h.$slots, "status", {}, () => [
+              z(y(d.statusText || "待处理"), 1)
             ], !0)
           ])
         ]),
-        f.$slots.aside ? (l(), t("aside", nl, [
-          T(f.$slots, "aside", {}, void 0, !0)
-        ])) : h("", !0)
+        h.$slots.aside ? (t(), l("aside", rt, [
+          T(h.$slots, "aside", {}, void 0, !0)
+        ])) : f("", !0)
       ])
     ], 6));
   }
-}), js = /* @__PURE__ */ B(cl, [["__scopeId", "data-v-83959767"]]), dl = { class: "qbs-metric-card__value" }, ul = { class: "qbs-metric-card__label" }, yl = /* @__PURE__ */ A({
+}), Vs = /* @__PURE__ */ S(ct, [["__scopeId", "data-v-83959767"]]), dt = { class: "qbs-metric-card__value" }, ut = { class: "qbs-metric-card__label" }, yt = /* @__PURE__ */ M({
   __name: "BigScreenMetricCard",
   props: {
     label: {},
@@ -226,39 +226,39 @@ const $e = {
     tone: { default: "#7dd3fc" },
     compact: { type: Boolean, default: !1 }
   },
-  setup(u) {
-    const d = u;
-    return (f, m) => d.compact ? (l(), t("div", {
+  setup(n) {
+    const d = n;
+    return (h, m) => d.compact ? (t(), l("div", {
       key: 0,
       class: "qbs-metric-card qbs-metric-card--compact",
-      style: b({ "--qbs-metric-tone": d.tone })
+      style: _({ "--qbs-metric-tone": d.tone })
     }, [
       e("span", null, y(d.label), 1),
       e("strong", null, [
-        T(f.$slots, "default", {}, () => [
-          O(y(d.value), 1)
+        T(h.$slots, "default", {}, () => [
+          z(y(d.value), 1)
         ], !0)
       ])
-    ], 4)) : (l(), _e(Te, {
+    ], 4)) : (t(), ve(Te, {
       key: 1,
       class: "qbs-metric-card",
       "body-layout": "metric",
       padding: "tight",
       accent: d.tone
     }, {
-      default: ve(() => [
-        T(f.$slots, "default", {}, () => [
-          e("strong", dl, y(d.value), 1)
+      default: _e(() => [
+        T(h.$slots, "default", {}, () => [
+          e("strong", dt, y(d.value), 1)
         ], !0),
-        e("span", ul, y(d.label), 1)
+        e("span", ut, y(d.label), 1)
       ]),
       _: 3
     }, 8, ["accent"]));
   }
-}), Fs = /* @__PURE__ */ B(yl, [["__scopeId", "data-v-07353599"]]), ml = { class: "qbs-header" }, hl = { class: "qbs-header__body" }, fl = { class: "qbs-header__brand" }, kl = {
+}), Js = /* @__PURE__ */ S(yt, [["__scopeId", "data-v-07353599"]]), mt = { class: "qbs-header" }, ht = { class: "qbs-header__body" }, ft = { class: "qbs-header__brand" }, kt = {
   key: 0,
   class: "qbs-header__clock"
-}, pl = /* @__PURE__ */ A({
+}, pt = /* @__PURE__ */ M({
   __name: "BigScreenHeader",
   props: {
     title: { default: "运维监控大屏" },
@@ -268,58 +268,59 @@ const $e = {
     weekdayText: { default: "" },
     showClock: { type: Boolean, default: !0 }
   },
-  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", fl, [
-          f[0] || (f[0] = e("i", { class: "qbs-header__crest" }, [
+  setup(n) {
+    return (d, h) => (t(), l("section", mt, [
+      h[1] || (h[1] = e("i", { class: "qbs-header__glow" }, null, -1)),
+      e("div", ht, [
+        e("div", ft, [
+          h[0] || (h[0] = e("i", { class: "qbs-header__crest" }, [
             e("b")
           ], -1)),
           e("div", null, [
-            e("p", null, y(u.subtitle), 1),
-            e("h1", null, y(u.title), 1)
+            e("p", null, y(n.subtitle), 1),
+            e("h1", null, y(n.title), 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)
+        n.showClock ? (t(), l("div", kt, [
+          e("strong", null, y(n.timeText), 1),
+          e("span", null, y(n.dateText) + " " + y(n.weekdayText), 1)
+        ])) : f("", !0)
       ])
     ]));
   }
-}), Ys = /* @__PURE__ */ B(pl, [["__scopeId", "data-v-cc041333"]]), xl = { class: "qbs-build-dist" }, gl = {
+}), Ks = /* @__PURE__ */ S(pt, [["__scopeId", "data-v-cc041333"]]), xt = { class: "qbs-dist" }, gt = {
   key: 0,
-  class: "qbs-build-dist__empty"
-}, _l = /* @__PURE__ */ A({
+  class: "qbs-dist__empty"
+}, vt = /* @__PURE__ */ M({
   __name: "BigScreenBuildDistribution",
   props: {
     items: { default: () => [] },
     total: { default: 0 }
   },
-  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(d.items.slice(0, 8), (w) => (l(), t("article", {
-        key: w.name
+  setup(n) {
+    const d = n, h = () => Math.max(1, d.total || d.items.reduce((m, k) => m + k.count, 0));
+    return (m, k) => (t(), l("div", xt, [
+      (t(!0), l(x, null, C(n.items.slice(0, 8), (w, O) => (t(), l("div", {
+        key: w.name,
+        class: "qbs-dist__row",
+        style: _({ "--qbs-dist-color": w.tone || ["#7dd3fc", "#86efac", "#fbbf24", "#c4b5fd"][O % 4] })
       }, [
-        e("div", null, [
-          e("strong", null, y(w.name), 1),
-          e("span", null, y(w.count), 1)
-        ]),
-        e("i", null, [
-          e("b", {
-            style: b({ width: f(w.count) })
+        k[0] || (k[0] = e("i", null, null, -1)),
+        e("span", null, y(w.name), 1),
+        e("b", null, [
+          e("em", {
+            style: _({ width: `${w.count / h() * 100}%` })
           }, null, 4)
-        ])
-      ]))), 128)),
-      d.items.length ? h("", !0) : (l(), t("div", gl, "暂无构建分布数据"))
+        ]),
+        e("strong", null, y(w.count), 1)
+      ], 4))), 128)),
+      n.items.length ? f("", !0) : (t(), l("div", gt, "暂无构建分布数据"))
     ]));
   }
-}), 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 = {
+}), Xs = /* @__PURE__ */ S(vt, [["__scopeId", "data-v-88fc69e4"]]), _t = { class: "qbs-build-projects" }, bt = { class: "qbs-build-projects__summary" }, wt = { class: "qbs-build-projects__list" }, $t = {
   key: 0,
   class: "qbs-build-projects__empty"
-}, Cl = /* @__PURE__ */ A({
+}, Ct = /* @__PURE__ */ M({
   __name: "BigScreenBuildProjects",
   props: {
     buildingCount: { default: 0 },
@@ -327,46 +328,44 @@ const $e = {
     successRate: { default: 0 },
     items: { default: () => [] }
   },
-  setup(u) {
-    const d = (f) => `${Math.max(0, Math.min(100, f || 0))}%`;
-    return (f, m) => (l(), t("div", vl, [
-      e("div", bl, [
+  setup(n) {
+    const d = (h) => `${Math.max(0, Math.min(100, h || 0))}%`;
+    return (h, m) => (t(), l("div", _t, [
+      e("div", bt, [
         e("span", null, [
-          m[0] || (m[0] = O("构建中", -1)),
-          e("strong", null, y(u.buildingCount), 1)
+          m[0] || (m[0] = z("构建中", -1)),
+          e("strong", null, y(n.buildingCount), 1)
         ]),
         e("span", null, [
-          m[1] || (m[1] = O("今日构建", -1)),
-          e("strong", null, y(u.todayBuilds), 1)
+          m[1] || (m[1] = z("今日构建", -1)),
+          e("strong", null, y(n.todayBuilds), 1)
         ]),
         e("span", null, [
-          m[2] || (m[2] = O("成功率", -1)),
-          e("strong", null, y(Number(u.successRate).toFixed(1)) + "%", 1)
+          m[2] || (m[2] = z("成功率", -1)),
+          e("strong", null, y(Number(n.successRate).toFixed(1)) + "%", 1)
         ])
       ]),
-      e("div", wl, [
-        (l(!0), t(g, null, q(u.items.slice(0, 8), (p) => (l(), t("article", {
-          key: `${p.pipelineId}-${p.buildId}`
+      e("div", wt, [
+        (t(!0), l(x, null, C(n.items.slice(0, 8), (k, w) => (t(), l("article", {
+          key: `${k.pipelineId}-${k.buildId}`
         }, [
+          e("i", null, y(String(w + 1).padStart(2, "0")), 1),
           e("div", null, [
-            e("strong", null, y(p.jobName || `Pipeline-${p.pipelineId}`), 1),
-            e("span", null, y(p.statusText), 1)
-          ]),
-          e("p", null, [
-            e("span", null, y(p.currentStage || "等待阶段信息"), 1),
-            e("span", null, y(p.buildUser || "系统触发"), 1)
+            e("strong", null, y(k.jobName || `Pipeline-${k.pipelineId}`), 1),
+            e("span", null, y(k.currentStage || "等待阶段信息") + " · " + y(k.buildUser || "系统触发"), 1)
           ]),
-          e("i", null, [
-            e("b", {
-              style: b({ width: d(p.progress) })
+          e("b", null, [
+            e("em", {
+              style: _({ width: d(k.progress) })
             }, null, 4)
-          ])
+          ]),
+          e("small", null, y(k.statusText), 1)
         ]))), 128)),
-        u.items.length ? h("", !0) : (l(), t("div", $l, "当前没有在跑的构建项目"))
+        n.items.length ? f("", !0) : (t(), l("div", $t, "当前没有在跑的构建项目"))
       ])
     ]));
   }
-}), 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({
+}), ei = /* @__PURE__ */ S(Ct, [["__scopeId", "data-v-c9634e0c"]]), qt = { class: "qbs-robot" }, Mt = { class: "qbs-robot__head" }, St = { class: "qbs-robot__metrics" }, At = /* @__PURE__ */ M({
   __name: "BigScreenRobotSummary",
   props: {
     status: { default: "online" },
@@ -377,78 +376,78 @@ const $e = {
     alerts: { default: () => ({}) },
     successRate: { default: 0 }
   },
-  setup(u) {
-    return (d, f) => (l(), t("div", ql, [
-      e("div", Ml, [
+  setup(n) {
+    return (d, h) => (t(), l("div", qt, [
+      e("div", Mt, [
         e("i", {
-          class: S(`is-${u.emotion}`)
+          class: B(`is-${n.emotion}`)
         }, null, 2),
         e("div", null, [
-          e("strong", null, y(u.status), 1),
-          e("span", null, y(u.mode) + " · " + y(u.generatedAt), 1)
+          e("strong", null, y(n.status), 1),
+          e("span", null, y(n.mode) + " · " + y(n.generatedAt), 1)
         ])
       ]),
-      e("div", Sl, [
+      e("div", St, [
         e("span", null, [
-          f[0] || (f[0] = O("值班组", -1)),
-          e("b", null, y(u.summary.dutyGroups ?? 0), 1)
+          h[0] || (h[0] = z("值班组", -1)),
+          e("b", null, y(n.summary.dutyGroups ?? 0), 1)
         ]),
         e("span", null, [
-          f[1] || (f[1] = O("今日告警", -1)),
-          e("b", null, y(u.summary.todayAlerts ?? 0), 1)
+          h[1] || (h[1] = z("今日告警", -1)),
+          e("b", null, y(n.summary.todayAlerts ?? 0), 1)
         ]),
         e("span", null, [
-          f[2] || (f[2] = O("构建中", -1)),
-          e("b", null, y(u.summary.buildingCount ?? 0), 1)
+          h[2] || (h[2] = z("构建中", -1)),
+          e("b", null, y(n.summary.buildingCount ?? 0), 1)
         ]),
         e("span", null, [
-          f[3] || (f[3] = O("终端节点", -1)),
-          e("b", null, y(u.summary.endpointNodes ?? 0), 1)
+          h[3] || (h[3] = z("终端节点", -1)),
+          e("b", null, y(n.summary.endpointNodes ?? 0), 1)
         ])
       ])
     ]));
   }
-}), Vs = /* @__PURE__ */ B(Al, [["__scopeId", "data-v-534c73e7"]]), Bl = { class: "qbs-endpoints" }, Ol = {
+}), ti = /* @__PURE__ */ S(At, [["__scopeId", "data-v-534c73e7"]]), Bt = { class: "qbs-endpoints" }, Ot = {
   key: 0,
   class: "qbs-endpoints__empty"
-}, zl = /* @__PURE__ */ A({
+}, zt = /* @__PURE__ */ M({
   __name: "BigScreenEndpointDistribution",
   props: {
     items: { default: () => [] }
   },
-  setup(u) {
-    return (d, f) => (l(), t("div", Bl, [
-      (l(!0), t(g, null, q(u.items, (m) => {
-        var p;
-        return l(), t("article", {
+  setup(n) {
+    return (d, h) => (t(), l("div", Bt, [
+      (t(!0), l(x, null, C(n.items, (m) => {
+        var k;
+        return t(), l("article", {
           key: m.id
         }, [
           e("div", null, [
             e("strong", null, y(m.nodeName), 1),
             e("span", {
-              class: S({ offline: !m.nodeStatus })
+              class: B({ offline: !m.nodeStatus })
             }, y(m.nodeStatus ? "在线" : "离线"), 3)
           ]),
           e("small", null, y(m.nodeIp), 1),
-          (l(!0), t(g, null, q((p = m.heartbeatResults) == null ? void 0 : p.slice(0, 3), (w) => {
-            var R;
-            return l(), t("p", {
+          (t(!0), l(x, null, C((k = m.heartbeatResults) == null ? void 0 : k.slice(0, 3), (w) => {
+            var O;
+            return t(), l("p", {
               key: w.targetName
-            }, y(w.targetName || w.targetIp) + " · " + y(((R = w.latencyMs) == null ? void 0 : R.toFixed(1)) ?? "—") + " ms", 1);
+            }, y(w.targetName || w.targetIp) + " · " + y(((O = w.latencyMs) == null ? void 0 : O.toFixed(1)) ?? "—") + " ms", 1);
           }), 128))
         ]);
       }), 128)),
-      u.items.length ? h("", !0) : (l(), t("div", Ol, "暂无终端分布数据"))
+      n.items.length ? f("", !0) : (t(), l("div", Ot, "暂无终端分布数据"))
     ]));
   }
-}), Js = /* @__PURE__ */ B(zl, [["__scopeId", "data-v-9abd8314"]]), Rl = { class: "qbs-embed" }, Il = ["src", "title"], Nl = { key: 1 }, Tl = /* @__PURE__ */ A({
+}), li = /* @__PURE__ */ S(zt, [["__scopeId", "data-v-9abd8314"]]), Rt = { class: "qbs-embed" }, It = ["src", "title"], Nt = { key: 1 }, Tt = /* @__PURE__ */ M({
   __name: "BigScreenExternalEmbed",
   props: {
     url: { default: "" },
     title: { default: "外部仪表盘" }
   },
-  setup(u) {
-    const d = u, f = v(() => {
+  setup(n) {
+    const d = n, h = b(() => {
       try {
         const m = new URL(d.url);
         return ["http:", "https:"].includes(m.protocol) ? m.toString() : "";
@@ -456,37 +455,37 @@ const $e = {
         return "";
       }
     });
-    return (m, p) => (l(), t("section", Rl, [
-      f.value ? (l(), t("iframe", {
+    return (m, k) => (t(), l("section", Rt, [
+      h.value ? (t(), l("iframe", {
         key: 0,
-        src: f.value,
-        title: u.title,
+        src: h.value,
+        title: n.title,
         loading: "lazy",
         referrerpolicy: "no-referrer",
         sandbox: "allow-scripts allow-same-origin allow-forms allow-popups",
         allow: "fullscreen"
-      }, null, 8, Il)) : (l(), t("div", Nl, "请在 Props JSON 中配置 http(s) 外部仪表盘 URL。"))
+      }, null, 8, It)) : (t(), l("div", Nt, "请在 Props JSON 中配置 http(s) 外部仪表盘 URL。"))
     ]));
   }
-}), Ks = /* @__PURE__ */ B(Tl, [["__scopeId", "data-v-f20c22f6"]]), Dl = {
+}), oi = /* @__PURE__ */ S(Tt, [["__scopeId", "data-v-f20c22f6"]]), Dt = {
   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"], 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 = {
+}, Pt = ["stroke"], Lt = ["fill"], Et = ["fill"], Gt = ["rx", "ry", "opacity"], Ht = ["rx", "ry", "opacity"], Zt = ["fill"], Ut = ["d"], jt = ["d"], Ft = ["d"], Qt = ["d"], Yt = { key: 5 }, Wt = ["d"], Vt = ["d"], Jt = ["x", "y"], Kt = ["x", "y"], Xt = ["cx"], el = ["cx"], tl = ["x1", "y1", "x2", "y2"], ll = ["x1", "y1", "x2", "y2"], ol = ["cy"], al = ["cy"], sl = ["x1", "y1", "x2", "y2"], il = ["x1", "y1", "x2", "y2"], nl = ["cx", "cy"], rl = ["cx", "cy"], cl = ["cx", "cy"], dl = ["cx", "cy"], ul = ["cx", "cy"], yl = ["cx", "cy"], ml = ["cx", "cy"], hl = ["cx", "cy"], fl = ["cy"], kl = ["cy"], pl = ["cy"], xl = ["cy"], gl = ["x", "y"], vl = ["x", "y"], _l = ["x1", "x2"], bl = ["x1", "x2"], wl = ["cy"], $l = ["cx", "cy"], Cl = ["x", "y"], ql = ["cx", "cy"], Ml = ["cx", "cy"], Sl = ["cx", "cy"], Al = ["cx", "cy"], Bl = ["cx", "cy"], Ol = ["cx", "cy"], zl = ["cx", "cy"], Rl = ["x1", "y1", "x2", "y2"], Il = ["x1", "y1", "x2", "y2"], Nl = ["x1", "x2"], Tl = ["x1", "x2"], Dl = { key: 16 }, Pl = ["cy"], Ll = ["cy"], El = ["cy"], Gl = ["cy"], Hl = ["x", "y"], Zl = ["x", "y"], Ul = ["d"], jl = ["d"], Fl = ["cy"], Ql = ["cy"], Yl = ["x1", "y1", "x2", "y2"], Wl = ["x1", "y1", "x2", "y2"], Vl = { key: 19 }, Jl = ["cy"], Kl = ["cy"], Xl = ["cy"], eo = ["cy"], to = ["x", "y"], lo = ["x", "y"], oo = ["d"], ao = ["d"], so = ["d"], io = ["d"], no = ["x1", "x2"], ro = ["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"], vo = ["cx", "cy"], _o = ["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"], Po = ["d"], Lo = ["d"], Eo = ["cx", "cy"], Go = ["x1", "x2"], Ho = ["x", "y"], Zo = ["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"], ea = { key: 44 }, la = ["fill"], ta = ["stroke"], oa = {
+}, Qo = ["cx", "cy"], Yo = ["cx", "cy"], Wo = ["d"], Vo = ["stroke"], Jo = ["fill"], Ko = ["fill"], Xo = ["fill"], ea = { key: 44 }, ta = ["fill"], la = ["stroke"], oa = {
   key: 46,
   class: "animate-spin-slow",
   style: { transformOrigin: "168px 62px" }
 }, aa = ["fill"], sa = ["transform"], ia = {
   key: 47,
   transform: "rotate(40 168 62)"
-}, ra = ["fill"], na = {
+}, na = ["fill"], ra = {
   key: 48,
   class: "animate-wobble",
   style: { transformOrigin: "168px 60px" }
@@ -497,32 +496,32 @@ const $e = {
 }, ya = ["stroke"], ma = {
   key: 50,
   class: "animate-alert-flash"
-}, ha = ["fill"], fa = { key: 51 }, ka = { class: "animate-alert-flash" }, pa = ["fill"], xa = ["fill"], ga = ["stroke"], _a = ["fill"], va = {
+}, ha = ["fill"], fa = { key: 51 }, ka = { class: "animate-alert-flash" }, pa = ["fill"], xa = ["fill"], ga = ["stroke"], va = ["fill"], _a = {
   key: 53,
   class: "animate-scan-move"
 }, 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" }
-}, Oa = ["fill"], za = ["fill"], Ra = ["stroke"], Ia = ["fill"], Na = { key: 59 }, Ta = ["stroke"], Da = { key: 60 }, La = ["fill"], Pa = { key: 61 }, Ea = ["fill"], Ga = {
+}, Oa = ["fill"], za = ["fill"], Ra = ["stroke"], Ia = ["fill"], Na = { key: 59 }, Ta = ["stroke"], Da = { key: 60 }, Pa = ["fill"], La = { key: 61 }, Ea = ["fill"], Ga = {
   key: 62,
   class: "animate-alert-flash",
   style: { transformOrigin: "168px 60px" }
-}, Za = ["fill"], Ha = { key: 63 }, Ua = ["fill"], ja = {
+}, Ha = ["fill"], Za = { key: 63 }, Ua = ["fill"], ja = {
   key: 64,
   class: "animate-alert-flash"
-}, Fa = ["fill"], Ya = {
+}, Fa = ["fill"], Qa = {
   key: 65,
   class: "animate-sparkle",
   style: { transformOrigin: "168px 58px" }
-}, Qa = ["fill"], Wa = ["fill"], Va = ["fill"], Ja = { key: 66 }, Ka = ["fill"], Xa = ["fill"], es = ["fill"], ls = {
+}, Ya = ["fill"], Wa = ["fill"], Va = ["fill"], Ja = { key: 66 }, Ka = ["fill"], Xa = ["fill"], es = ["fill"], ts = {
   key: 67,
   class: "animate-body-glow",
   style: { transformOrigin: "168px 62px" }
-}, ts = ["fill"], os = {
+}, ls = ["fill"], os = {
   key: 68,
   class: "animate-dot-blink"
-}, as = { key: 69 }, ss = ["stroke"], is = ["fill"], rs = ["fill"], ns = { key: 72 }, cs = {
+}, as = { key: 69 }, ss = ["stroke"], is = ["fill"], ns = ["fill"], rs = { key: 72 }, cs = {
   key: 73,
   class: "animate-bball-ball",
   style: { transformOrigin: "120px 148px" }
@@ -534,30 +533,30 @@ const $e = {
   key: 76,
   class: "animate-breathe",
   style: { transformBox: "fill-box", transformOrigin: "center" }
-}, 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 = {
+}, xs = ["fill"], gs = { key: 78 }, vs = ["d", "fill"], _s = { 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)", 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({
+}, i = "var(--robot-eye)", Ps = "var(--robot-blue)", q = "oklch(0.6 0.23 22)", H = "oklch(0.72 0.19 55)", Z = "oklch(0.84 0.16 95)", j = "oklch(0.62 0.02 260)", R = "oklch(0.68 0.16 150)", Ls = "oklch(0.5 0.12 250)", c = 102, u = 138, o = 108, Es = /* @__PURE__ */ M({
   __name: "QuarkRobot",
   props: {
     emotion: {},
     action: { default: "idle" },
     speaking: { type: Boolean, default: !1 }
   },
-  setup(u) {
-    const d = u, f = {
+  setup(n) {
+    const d = n, h = {
       // 基础情绪
       neutral: { eyes: "neutral", mouth: "smileSoft", arms: "handsFold", anim: "animate-robot-float" },
       bye: { eyes: "happy", mouth: "smileSoft", arms: "waveUp", anim: "animate-robot-float" },
       happy: { eyes: "happy", mouth: "smile", blush: !0, arms: "joyRaise", anim: "animate-robot-float" },
       excited: { eyes: "excited", mouth: "open", blush: !0, arms: "waveUp", anim: "animate-robot-bounce" },
-      angry: { eyes: "angry", mouth: "grit", sym: "anger", symColor: C, arms: "akimbo", anim: "animate-robot-shake" },
+      angry: { eyes: "angry", mouth: "grit", sym: "anger", symColor: q, arms: "akimbo", anim: "animate-robot-shake" },
       sad: { eyes: "sad", mouth: "frown", tear: !0, arms: "hangsDown", anim: "animate-robot-droop" },
       surprised: { eyes: "wide", mouth: "o", sym: "exclaim", symColor: "var(--robot-amber)", blush: !0, arms: "alarm", anim: "animate-robot-bounce" },
       helpless: { eyes: "half", mouth: "wavy", sweat: !0, arms: "facepalm", anim: "animate-robot-float" },
-      shy: { eyes: "happy", mouth: "smileSoft", blushStrong: !0, sym: "heart", symColor: C, arms: "faceCover", anim: "animate-robot-float" },
+      shy: { eyes: "happy", mouth: "smileSoft", blushStrong: !0, sym: "heart", symColor: q, arms: "faceCover", anim: "animate-robot-float" },
       awkward: { eyes: "half", mouth: "wavy", sweat: !0, sym: "ellipsis", symColor: "var(--muted-foreground)", arms: "scratchHead", anim: "animate-robot-float" },
-      scared: { eyes: "wide", mouth: "o", sweat: !0, sym: "exclaim", symColor: C, arms: "headHold", anim: "animate-robot-shake" },
+      scared: { eyes: "wide", mouth: "o", sweat: !0, sym: "exclaim", symColor: q, arms: "headHold", anim: "animate-robot-shake" },
       wronged: { eyes: "teary", mouth: "frown", tear: !0, tear2: !0, blush: !0, arms: "wipeTear", anim: "animate-robot-droop" },
       agitated: { eyes: "excited", mouth: "bigopen", blush: !0, arms: "forwardReach", anim: "animate-robot-shake" },
       smug: { eyes: "smug", mouth: "smile", arms: "oneAkimboThumb", anim: "animate-robot-float" },
@@ -577,8 +576,8 @@ const $e = {
       zen: { eyes: "closed", mouth: "calm", sym: "lotus", symColor: "var(--robot-amber)", anim: "animate-breathe" },
       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: Ps, anim: "animate-guard-sink" },
+      heal: { eyes: "happy", mouth: "smileSoft", blush: !0, sym: "heart", symColor: q, arms: "hug", anim: "animate-breathe" },
+      coldGuard: { eyes: "lookdown", mouth: "flat", body: Ls, 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" },
@@ -586,7 +585,7 @@ const $e = {
       // 工作办公
       busy: { eyes: "thinkEyes", mouth: "flat", sweat: !0, sym: "gear", symColor: "var(--robot-blue-dark)", arms: "overtimeArms", anim: "animate-busy-type" },
       processing: { eyes: "neutral", mouth: "flat", sym: "gear", symColor: "var(--robot-blue-dark)", arms: "overtimeArms", anim: "animate-nod" },
-      done: { eyes: "happy", mouth: "smile", sym: "check", symColor: z, arms: "approve", anim: "animate-robot-float" },
+      done: { eyes: "happy", mouth: "smile", sym: "check", symColor: R, arms: "approve", anim: "animate-robot-float" },
       notes: { eyes: "lookdown", mouth: "smileSoft", sym: "pencil", symColor: "var(--robot-blue-dark)", arms: "writeDown", anim: "animate-notes-write" },
       stuck: { eyes: "dizzy", mouth: "flat", sweat: !0, sym: "question", symColor: "var(--muted-foreground)", arms: "shrug", anim: "animate-robot-shake" },
       askHumble: { eyes: "lookup", mouth: "smileSoft", sym: "question", symColor: i, arms: "humble", anim: "animate-robot-float" },
@@ -596,26 +595,26 @@ const $e = {
       loading: { eyes: "neutral", mouth: "flat", sym: "loader", symColor: i, arms: "bootStretch", anim: "animate-robot-float" },
       troubleshoot: { eyes: "confused", mouth: "flat", sweat: !0, sym: "broken", symColor: "var(--muted-foreground)", arms: "ponderHand", anim: "animate-pacing" },
       // 安防报警
-      warnLow: { eyes: "neutral", mouth: "flat", sym: "warning", symColor: H, arms: "caution", anim: "animate-robot-sway" },
-      warnOrange: { eyes: "wide", mouth: "flat", sym: "warning", symColor: Z, body: Z, arms: "caution", anim: "animate-wobble" },
-      alertRed: { eyes: "wide", mouth: "o", sym: "siren", symColor: C, body: C, arms: "alarm", anim: "animate-robot-shake" },
+      warnLow: { eyes: "neutral", mouth: "flat", sym: "warning", symColor: Z, arms: "caution", anim: "animate-robot-sway" },
+      warnOrange: { eyes: "wide", mouth: "flat", sym: "warning", symColor: H, body: H, arms: "caution", anim: "animate-wobble" },
+      alertRed: { eyes: "wide", mouth: "o", sym: "siren", symColor: q, body: q, arms: "alarm", anim: "animate-robot-shake" },
       fault: { eyes: "dizzy", mouth: "wavy", sym: "broken", symColor: j, body: j, arms: "limp", anim: "animate-robot-droop" },
-      alertClear: { eyes: "happy", mouth: "smile", sym: "check", symColor: z, arms: "thumbsUp", anim: "animate-robot-float" },
+      alertClear: { eyes: "happy", mouth: "smile", sym: "check", symColor: R, arms: "thumbsUp", anim: "animate-robot-float" },
       scanning: { eyes: "neutral", mouth: "flat", sym: "scan", symColor: i, arms: "scan", anim: "animate-patrol" },
-      camTurn: { eyes: "wide", mouth: "flat", sym: "scan", symColor: Z, arms: "scan", anim: "animate-wobble" },
-      alertVibrate: { eyes: "wide", mouth: "o", sym: "warning", symColor: Z, body: Z, arms: "alarm", anim: "animate-vibrate" },
+      camTurn: { eyes: "wide", mouth: "flat", sym: "scan", symColor: H, arms: "scan", anim: "animate-wobble" },
+      alertVibrate: { eyes: "wide", mouth: "o", sym: "warning", symColor: H, body: H, arms: "alarm", anim: "animate-vibrate" },
       faultReset: { eyes: "dizzy", mouth: "flat", sym: "broken", symColor: j, body: j, anim: "animate-reset-spin" },
       investigate: { eyes: "neutral", mouth: "flat", sym: "scan", symColor: i, arms: "scan", anim: "animate-pacing" },
-      clearGreen: { eyes: "happy", mouth: "smile", sym: "check", symColor: z, body: z, arms: "spread", anim: "animate-breathe" },
+      clearGreen: { eyes: "happy", mouth: "smile", sym: "check", symColor: R, body: R, arms: "spread", anim: "animate-breathe" },
       // 定位与学习
       locatePhysical: { eyes: "lookdown", mouth: "smileSoft", sym: "pin", symColor: i, arms: "point", anim: "animate-robot-float" },
-      locateFault: { eyes: "confused", mouth: "flat", sym: "target", symColor: C, arms: "scan", anim: "animate-pacing" },
+      locateFault: { eyes: "confused", mouth: "flat", sym: "target", symColor: q, arms: "scan", anim: "animate-pacing" },
       locateProblem: { eyes: "lookup", mouth: "flat", sym: "target", symColor: "var(--robot-amber)", arms: "pointUp", anim: "animate-robot-float" },
       learning: { eyes: "lookdown", mouth: "smileSoft", sym: "book", symColor: "var(--robot-blue-dark)", arms: "humble", anim: "animate-nod" },
       // 消息状态
       msgSending: { eyes: "neutral", mouth: "flat", sym: "plane", symColor: i, arms: "scanArmRight", anim: "animate-robot-float" },
-      msgSent: { eyes: "happy", mouth: "smile", sym: "msgOk", symColor: z, arms: "thumbsUp", anim: "animate-robot-float" },
-      msgFailed: { eyes: "sad", mouth: "frown", sym: "msgFail", symColor: C, sweat: !0, arms: "droopArms", anim: "animate-robot-shake" },
+      msgSent: { eyes: "happy", mouth: "smile", sym: "msgOk", symColor: R, arms: "thumbsUp", anim: "animate-robot-float" },
+      msgFailed: { eyes: "sad", mouth: "frown", sym: "msgFail", symColor: q, sweat: !0, arms: "droopArms", anim: "animate-robot-shake" },
       msgReceiving: { eyes: "neutral", mouth: "smileSoft", sym: "msgIn", symColor: "var(--robot-amber)", arms: "chinRest", anim: "animate-nod" },
       // 富表现力情绪
       joyful: { eyes: "arcHappy", mouth: "bigSmile", blushPink: !0, arms: "joyRaise", signalAnim: "animate-signal-warm", signalOverride: "oklch(0.84 0.16 72)", anim: "animate-joyful" },
@@ -644,9 +643,9 @@ const $e = {
       guarding: { eyes: "narrow", mouth: "flat", arms: "shieldUp", sym: "shield", symColor: "oklch(0.72 0.14 220)", signalAnim: "animate-signal-shield", signalOverride: "oklch(0.55 0.16 230)", anim: "animate-guard-stance" },
       playBasketball: { eyes: "arcHappy", mouth: "bigSmile", blushPink: !0, sym: "miniBasketball", symColor: "oklch(0.65 0.16 40)", signalAnim: "animate-signal-bball", signalOverride: "oklch(0.75 0.18 72)", anim: "animate-bball-body" },
       ironMountain: { eyes: "smug", mouth: "smile", blushPink: !0, signalAnim: "animate-signal-iron", signalOverride: "oklch(0.78 0.18 72)", anim: "animate-iron-hip" },
-      trafficRed: { eyes: "wide", mouth: "flat", arms: "trafficGuide", sym: "warning", symColor: C, body: C, signalAnim: "animate-signal-red", signalOverride: C, anim: "animate-traffic-stop" },
-      trafficYellow: { eyes: "thinkEyes", mouth: "flat", arms: "trafficGuide", sym: "warning", symColor: H, body: H, signalAnim: "animate-signal-soft", signalOverride: H, anim: "animate-traffic-wait" },
-      trafficGreen: { eyes: "happy", mouth: "smile", arms: "trafficGuide", sym: "check", symColor: z, body: z, signalAnim: "animate-signal-shield", signalOverride: z, anim: "animate-traffic-go" },
+      trafficRed: { eyes: "wide", mouth: "flat", arms: "trafficGuide", sym: "warning", symColor: q, body: q, signalAnim: "animate-signal-red", signalOverride: q, anim: "animate-traffic-stop" },
+      trafficYellow: { eyes: "thinkEyes", mouth: "flat", arms: "trafficGuide", sym: "warning", symColor: Z, body: Z, signalAnim: "animate-signal-soft", signalOverride: Z, anim: "animate-traffic-wait" },
+      trafficGreen: { eyes: "happy", mouth: "smile", arms: "trafficGuide", sym: "check", symColor: R, body: R, signalAnim: "animate-signal-shield", signalOverride: R, anim: "animate-traffic-go" },
       singing: { eyes: "arcHappy", mouth: "bigopen", blushPink: !0, arms: "conductMusic", sym: "soundwave", symColor: "oklch(0.82 0.16 72)", signalAnim: "animate-signal-warm", signalOverride: "oklch(0.82 0.16 72)", anim: "animate-sing-body" }
     }, m = {
       // 基础互动 优化版
@@ -685,7 +684,7 @@ const $e = {
       ironMountain: "animate-iron-hip",
       playBasketball: "animate-bball-body",
       sing: "animate-sing-body"
-    }, p = {
+    }, k = {
       // 基础互动
       nod: "approve",
       shakeHead: "denyPush",
@@ -751,11 +750,11 @@ const $e = {
       // 橙黄 - 篮球
       ironMountain: "oklch(0.78 0.18 72)",
       // 橙黄 - 铁山靠
-      trafficRed: C,
-      trafficYellow: H,
-      trafficGreen: z,
+      trafficRed: q,
+      trafficYellow: Z,
+      trafficGreen: R,
       sing: "oklch(0.82 0.16 72)"
-    }, R = {
+    }, O = {
       celebrate: "confetti",
       victoryPose: "confetti",
       fingerSparkle: "particles",
@@ -770,7 +769,7 @@ const $e = {
       trafficYellow: "traffic-light",
       trafficGreen: "traffic-light",
       sing: "music-notes"
-    }, te = {
+    }, le = {
       down: { l: -8, r: 8 },
       waveNo: { l: -8, r: 95, ra: "animate-arm-wave" },
       cheer: { l: -120, r: 120, la: "animate-arm-pump", ra: "animate-arm-pump" },
@@ -873,16 +872,16 @@ 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" }
-    }, 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(
+    }, s = b(() => h[d.emotion]), I = b(() => s.value.body ?? Ps), oe = b(() => m[d.action] ?? s.value.anim), D = b(() => k[d.action] ?? s.value.arms ?? "down"), N = b(() => le[D.value]), E = b(
       () => w[d.action] ?? s.value.signalOverride ?? "var(--robot-amber)"
-    ), ae = v(
+    ), ae = b(
       () => 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 = [
+    ), P = b(() => O[d.action] ?? "none"), L = b(() => d.action === "trafficRed" || d.emotion === "trafficRed" ? "red" : d.action === "trafficYellow" || d.emotion === "trafficYellow" ? "yellow" : d.action === "trafficGreen" || d.emotion === "trafficGreen" ? "green" : null), se = b(() => 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 },
       { x: 194, y: 128, note: "♪", delay: 0.66 }
-    ], re = [
+    ], ne = [
       { x: 90, y: 30, cx: -40, cy: -55, cr: "160deg", color: "oklch(0.75 0.18 145)", size: 5 },
       { x: 120, y: 22, cx: 0, cy: -62, cr: "20deg", color: "oklch(0.82 0.16 72)", size: 4 },
       { x: 150, y: 30, cx: 44, cy: -50, cr: "-140deg", color: "oklch(0.6 0.23 22)", size: 5 },
@@ -890,37 +889,37 @@ const $e = {
       { x: 168, y: 48, cx: 50, cy: -28, cr: "-200deg", color: "oklch(0.78 0.12 340)", size: 3 },
       { x: 60, y: 75, cx: -38, cy: -18, cr: "90deg", color: "oklch(0.82 0.16 72)", size: 4 },
       { x: 182, y: 72, cx: 36, cy: -16, cr: "-90deg", color: "oklch(0.75 0.18 145)", size: 4 }
-    ], ne = [
+    ], re = [
       { x: 114, y: 182, hx: "-10px", delay: 0, size: 9, color: "oklch(0.72 0.22 0)" },
       { x: 126, y: 180, hx: "10px", delay: 0.18, size: 7, color: "oklch(0.72 0.18 340)" },
       { x: 108, y: 176, hx: "-18px", delay: 0.34, size: 5, color: "oklch(0.8 0.14 0)" },
       { 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, a) => ({
+      ...Array.from({ length: 6 }, (g, 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, a) => ({
+      ...Array.from({ length: 6 }, (g, 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) {
+    ], J = U(null), F = U({ x: 0, y: 0 }), K = U(0), Q = U(!1);
+    let Y;
+    function X(g) {
       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;
+      const r = a.getBoundingClientRect(), $ = r.left + r.width / 2, pe = r.top + r.height / 2, te = (g.clientX - $) / (r.width / 2), xe = (g.clientY - pe) / (r.height / 2), V = (ge) => Math.max(-1, Math.min(1, ge));
+      F.value = { x: V(te) * 6, y: V(xe) * 5 }, K.value = V(te) * 6;
     }
     function ee() {
-      Q = setTimeout(
+      Y = setTimeout(
         () => {
-          Y.value = !0, setTimeout(() => Y.value = !1, 130), ee();
+          Q.value = !0, setTimeout(() => Q.value = !1, 130), ee();
         },
         2200 + Math.random() * 2600
       );
@@ -928,46 +927,46 @@ const $e = {
     be(() => {
       window.addEventListener("mousemove", X), ee();
     }), we(() => {
-      window.removeEventListener("mousemove", X), Q && clearTimeout(Q);
+      window.removeEventListener("mousemove", X), Y && clearTimeout(Y);
     });
-    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 = {
+    const v = b(() => F.value.x), A = b(() => F.value.y), de = b(() => d.emotion === "excited" || d.emotion === "eureka" || d.emotion === "eurekaClap"), ue = b(() => ({ transform: `rotate(${K.value * 0.4}deg)` })), ye = b(() => {
+      const g = {
         transformBox: "fill-box",
         transformOrigin: "right center",
         transition: "transform 0.35s ease",
         "--arm-base": `${N.value.l}deg`
       };
-      return N.value.la || (x.transform = `rotate(${N.value.l}deg)`), x;
-    }), me = v(() => {
-      const x = {
+      return N.value.la || (g.transform = `rotate(${N.value.l}deg)`), g;
+    }), me = b(() => {
+      const g = {
         transformBox: "fill-box",
         transformOrigin: "left center",
         transition: "transform 0.35s ease",
         "--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"], k = v(() => Y.value && !he.includes(s.value.eyes) ? "closed" : s.value.eyes), fe = [
+      return N.value.ra || (g.transform = `rotate(${N.value.r}deg)`), g;
+    }), he = ["closed", "happy", "sad", "angry", "dizzy", "smug"], p = b(() => Q.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, 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`;
+    function W(g, a) {
+      return `M ${g} ${a - 7} L ${g + 2} ${a - 2} L ${g + 7} ${a} L ${g + 2} ${a + 2} L ${g} ${a + 7} L ${g - 2} ${a + 2} L ${g - 7} ${a} L ${g - 2} ${a - 2} Z`;
     }
     const ke = [0, 45, 90, 135, 180, 225, 270, 315];
-    return (x, a) => (l(), t("div", {
+    return (g, a) => (t(), l("div", {
       ref_key: "wrapRef",
       ref: J,
       class: "relative flex w-full max-w-[300px] items-center justify-center",
       "aria-hidden": "true"
     }, [
       e("div", {
-        style: b(ue.value)
+        style: _(ue.value)
       }, [
         e("div", {
-          class: S(oe.value)
+          class: B(oe.value)
         }, [
-          (l(), t("svg", Dl, [
+          (t(), l("svg", Dt, [
             e("line", {
               x1: "120",
               y1: "42",
@@ -976,15 +975,15 @@ const $e = {
               stroke: I.value,
               "stroke-width": "6",
               "stroke-linecap": "round"
-            }, null, 8, Ll),
+            }, null, 8, Pt),
             e("circle", {
               cx: "120",
               cy: "22",
               r: "11",
               fill: E.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),
+              style: _({ transition: "fill 0.6s ease", filter: `drop-shadow(0 0 5px ${E.value})` }),
+              class: B(["animate-antenna-pulse", P.value === "scan-ring" || n.action === "signalBreathe" ? "animate-signal-breathe" : "", ae.value])
+            }, null, 14, Lt),
             e("rect", {
               x: "44",
               y: "40",
@@ -993,7 +992,7 @@ const $e = {
               rx: "54",
               fill: I.value,
               style: { transition: "fill 0.3s ease" }
-            }, null, 8, El),
+            }, null, 8, Et),
             a[46] || (a[46] = e("rect", {
               x: "44",
               y: "40",
@@ -1002,7 +1001,7 @@ const $e = {
               rx: "54",
               fill: "oklch(1 0 0 / 0.08)"
             }, null, -1)),
-            s.value.blush || s.value.blushStrong ? (l(), t(g, { key: 0 }, [
+            s.value.blush || s.value.blushStrong ? (t(), l(x, { key: 0 }, [
               e("ellipse", {
                 cx: "72",
                 cy: "128",
@@ -1010,7 +1009,7 @@ const $e = {
                 ry: s.value.blushStrong ? 10 : 8,
                 fill: "var(--robot-amber)",
                 opacity: s.value.blushStrong ? 0.95 : 0.85
-              }, null, 8, Gl),
+              }, null, 8, Gt),
               e("ellipse", {
                 cx: "168",
                 cy: "128",
@@ -1018,9 +1017,9 @@ const $e = {
                 ry: s.value.blushStrong ? 10 : 8,
                 fill: "var(--robot-amber)",
                 opacity: s.value.blushStrong ? 0.95 : 0.85
-              }, null, 8, Zl)
-            ], 64)) : h("", !0),
-            s.value.blushPink ? (l(), t(g, { key: 1 }, [
+              }, null, 8, Ht)
+            ], 64)) : f("", !0),
+            s.value.blushPink ? (t(), l(x, { key: 1 }, [
               a[0] || (a[0] = e("ellipse", {
                 cx: "73",
                 cy: "129",
@@ -1037,7 +1036,7 @@ const $e = {
                 fill: "oklch(0.72 0.22 0)",
                 opacity: "0.72"
               }, null, -1))
-            ], 64)) : h("", !0),
+            ], 64)) : f("", !0),
             a[47] || (a[47] = e("rect", {
               x: "66",
               y: "66",
@@ -1046,7 +1045,7 @@ const $e = {
               rx: "32",
               fill: "var(--robot-screen)"
             }, null, -1)),
-            s.value.screenTint ? (l(), t("rect", {
+            s.value.screenTint ? (t(), l("rect", {
               key: 2,
               x: "66",
               y: "66",
@@ -1054,7 +1053,7 @@ const $e = {
               height: "92",
               rx: "32",
               fill: s.value.screenTint
-            }, null, 8, Hl)) : h("", !0),
+            }, null, 8, Zt)) : f("", !0),
             a[48] || (a[48] = e("rect", {
               x: "66",
               y: "66",
@@ -1063,242 +1062,242 @@ const $e = {
               rx: "20",
               fill: "oklch(1 0 0 / 0.06)"
             }, null, -1)),
-            k.value === "closed" ? (l(), t("g", {
+            p.value === "closed" ? (t(), l("g", {
               key: 3,
               stroke: i,
               "stroke-width": "5",
               "stroke-linecap": "round",
               fill: "none"
             }, [
-              e("path", {
-                d: `M ${n - 11} ${o} q 11 7 22 0`
-              }, null, 8, Ul),
               e("path", {
                 d: `M ${c - 11} ${o} q 11 7 22 0`
-              }, null, 8, jl)
-            ])) : k.value === "happy" ? (l(), t("g", {
+              }, null, 8, Ut),
+              e("path", {
+                d: `M ${u - 11} ${o} q 11 7 22 0`
+              }, null, 8, jt)
+            ])) : p.value === "happy" ? (t(), l("g", {
               key: 4,
               stroke: i,
               "stroke-width": "6",
               "stroke-linecap": "round",
               fill: "none"
             }, [
-              e("path", {
-                d: `M ${n - 11} ${o + 3} q 11 -16 22 0`
-              }, null, 8, Fl),
               e("path", {
                 d: `M ${c - 11} ${o + 3} q 11 -16 22 0`
-              }, null, 8, Yl)
-            ])) : k.value === "arcHappy" ? (l(), t("g", Ql, [
+              }, null, 8, Ft),
+              e("path", {
+                d: `M ${u - 11} ${o + 3} q 11 -16 22 0`
+              }, null, 8, Qt)
+            ])) : p.value === "arcHappy" ? (t(), l("g", Yt, [
               e("path", {
-                d: `M ${n - 13} ${o + 4} q 13 -20 26 0`,
+                d: `M ${c - 13} ${o + 4} q 13 -20 26 0`,
                 stroke: i,
                 "stroke-width": "7",
                 "stroke-linecap": "round",
                 fill: "none"
-              }, null, 8, Wl),
+              }, null, 8, Wt),
               e("path", {
-                d: `M ${c - 13} ${o + 4} q 13 -20 26 0`,
+                d: `M ${u - 13} ${o + 4} q 13 -20 26 0`,
                 stroke: i,
                 "stroke-width": "7",
                 "stroke-linecap": "round",
                 fill: "none"
-              }, null, 8, Vl),
+              }, null, 8, Vt),
               e("rect", {
-                x: n - 14,
+                x: c - 14,
                 y: o - 14,
                 width: "28",
                 height: "18",
                 fill: "var(--robot-screen)"
-              }, null, 8, Jl),
+              }, null, 8, Jt),
               e("rect", {
-                x: c - 14,
+                x: u - 14,
                 y: o - 14,
                 width: "28",
                 height: "18",
                 fill: "var(--robot-screen)"
-              }, null, 8, Kl)
-            ])) : k.value === "narrow" ? (l(), t("g", {
+              }, null, 8, Kt)
+            ])) : p.value === "narrow" ? (t(), l("g", {
               key: 6,
               fill: i
             }, [
               e("ellipse", {
-                cx: n + _.value * 0.4,
+                cx: c + v.value * 0.4,
                 cy: o,
                 rx: "5",
                 ry: "11"
-              }, null, 8, Xl),
+              }, null, 8, Xt),
               e("ellipse", {
-                cx: c + _.value * 0.4,
+                cx: u + v.value * 0.4,
                 cy: o,
                 rx: "5",
                 ry: "11"
-              }, null, 8, et),
+              }, null, 8, el),
               e("line", {
-                x1: n - 11,
+                x1: c - 11,
                 y1: o - 12,
-                x2: n + 9,
+                x2: c + 9,
                 y2: o - 6,
                 stroke: i,
                 "stroke-width": "5",
                 "stroke-linecap": "round"
-              }, null, 8, lt),
+              }, null, 8, tl),
               e("line", {
-                x1: c + 11,
+                x1: u + 11,
                 y1: o - 12,
-                x2: c - 9,
+                x2: u - 9,
                 y2: o - 6,
                 stroke: i,
                 "stroke-width": "5",
                 "stroke-linecap": "round"
-              }, null, 8, tt)
-            ])) : k.value === "droopy" ? (l(), t("g", {
+              }, null, 8, ll)
+            ])) : p.value === "droopy" ? (t(), l("g", {
               key: 7,
               fill: i
             }, [
               e("ellipse", {
-                cx: n,
+                cx: c,
                 cy: o + 3,
                 rx: "8",
                 ry: "10"
-              }, null, 8, ot),
+              }, null, 8, ol),
               e("ellipse", {
-                cx: c,
+                cx: u,
                 cy: o + 3,
                 rx: "8",
                 ry: "10"
-              }, null, 8, at),
+              }, null, 8, al),
               e("line", {
-                x1: n + 5,
+                x1: c + 5,
                 y1: o - 8,
-                x2: n + 12,
+                x2: c + 12,
                 y2: o - 2,
                 stroke: i,
                 "stroke-width": "4",
                 "stroke-linecap": "round"
-              }, null, 8, st),
+              }, null, 8, sl),
               e("line", {
-                x1: c - 5,
+                x1: u - 5,
                 y1: o - 8,
-                x2: c - 12,
+                x2: u - 12,
                 y2: o - 2,
                 stroke: i,
                 "stroke-width": "4",
                 "stroke-linecap": "round"
-              }, null, 8, it)
-            ])) : k.value === "softRound" ? (l(), t("g", {
+              }, null, 8, il)
+            ])) : p.value === "softRound" ? (t(), l("g", {
               key: 8,
               fill: i
             }, [
               e("circle", {
-                cx: n + _.value * 0.2,
-                cy: o + M.value * 0.2,
+                cx: c + v.value * 0.2,
+                cy: o + A.value * 0.2,
                 r: "9"
-              }, null, 8, rt),
+              }, null, 8, nl),
               e("circle", {
-                cx: c + _.value * 0.2,
-                cy: o + M.value * 0.2,
+                cx: u + v.value * 0.2,
+                cy: o + A.value * 0.2,
                 r: "9"
-              }, null, 8, nt),
+              }, null, 8, rl),
               e("circle", {
-                cx: n + 3,
+                cx: c + 3,
                 cy: o - 3,
                 r: "2.5",
                 fill: "var(--robot-screen)"
-              }, null, 8, ct),
+              }, null, 8, cl),
               e("circle", {
-                cx: c + 3,
+                cx: u + 3,
                 cy: o - 3,
                 r: "2.5",
                 fill: "var(--robot-screen)"
-              }, null, 8, dt)
-            ])) : k.value === "bigRound" ? (l(), t("g", {
+              }, null, 8, dl)
+            ])) : p.value === "bigRound" ? (t(), l("g", {
               key: 9,
               fill: i
             }, [
               e("circle", {
-                cx: n,
+                cx: c,
                 cy: o,
                 r: "15",
                 fill: "oklch(1 0 0 / 0.96)"
               }),
               e("circle", {
-                cx: c,
+                cx: u,
                 cy: o,
                 r: "15",
                 fill: "oklch(1 0 0 / 0.96)"
               }),
               e("circle", {
-                cx: n + _.value * 0.5,
-                cy: o + M.value * 0.5,
+                cx: c + v.value * 0.5,
+                cy: o + A.value * 0.5,
                 r: "8",
                 fill: i
-              }, null, 8, ut),
+              }, null, 8, ul),
               e("circle", {
-                cx: c + _.value * 0.5,
-                cy: o + M.value * 0.5,
+                cx: u + v.value * 0.5,
+                cy: o + A.value * 0.5,
                 r: "8",
                 fill: i
-              }, null, 8, yt),
+              }, null, 8, yl),
               e("circle", {
-                cx: n + 5,
+                cx: c + 5,
                 cy: o - 5,
                 r: "3",
                 fill: "oklch(1 0 0 / 0.9)"
-              }, null, 8, mt),
+              }, null, 8, ml),
               e("circle", {
-                cx: c + 5,
+                cx: u + 5,
                 cy: o - 5,
                 r: "3",
                 fill: "oklch(1 0 0 / 0.9)"
-              }, null, 8, ht)
-            ])) : k.value === "halfDroopy" ? (l(), t("g", {
+              }, null, 8, hl)
+            ])) : p.value === "halfDroopy" ? (t(), l("g", {
               key: 10,
               fill: i
             }, [
               e("ellipse", {
-                cx: n,
+                cx: c,
                 cy: o + 2,
                 rx: "10",
                 ry: "11",
                 fill: "oklch(1 0 0 / 0.9)"
-              }, null, 8, ft),
+              }, null, 8, fl),
               e("ellipse", {
-                cx: c,
+                cx: u,
                 cy: o + 2,
                 rx: "10",
                 ry: "11",
                 fill: "oklch(1 0 0 / 0.9)"
-              }, null, 8, kt),
+              }, null, 8, kl),
               e("ellipse", {
-                cx: n,
+                cx: c,
                 cy: o + 5,
                 rx: "6",
                 ry: "7",
                 fill: i
-              }, null, 8, pt),
+              }, null, 8, pl),
               e("ellipse", {
-                cx: c,
+                cx: u,
                 cy: o + 5,
                 rx: "6",
                 ry: "7",
                 fill: i
-              }, null, 8, xt),
+              }, null, 8, xl),
               e("rect", {
-                x: n - 12,
+                x: c - 12,
                 y: o - 12,
                 width: "24",
                 height: "12",
                 fill: "var(--robot-screen)"
-              }, null, 8, gt),
+              }, null, 8, gl),
               e("rect", {
-                x: c - 12,
+                x: u - 12,
                 y: o - 12,
                 width: "24",
                 height: "12",
                 fill: "var(--robot-screen)"
-              }, null, 8, _t)
-            ])) : k.value === "peekSlit" ? (l(), t("g", {
+              }, null, 8, vl)
+            ])) : p.value === "peekSlit" ? (t(), l("g", {
               key: 11,
               stroke: i,
               "stroke-width": "4",
@@ -1306,357 +1305,357 @@ const $e = {
               fill: "none"
             }, [
               e("line", {
-                x1: n - 9,
+                x1: c - 9,
                 y1: o,
-                x2: n + 9,
+                x2: c + 9,
                 y2: o
-              }, null, 8, vt),
+              }, null, 8, _l),
               e("line", {
-                x1: c - 9,
+                x1: u - 9,
                 y1: o,
-                x2: c + 9,
+                x2: u + 9,
                 y2: o
-              }, null, 8, bt)
-            ])) : k.value === "halfSquint" ? (l(), t("g", {
+              }, null, 8, bl)
+            ])) : p.value === "halfSquint" ? (t(), l("g", {
               key: 12,
               fill: i
             }, [
               e("ellipse", {
-                cx: n,
+                cx: c,
                 cy: o + 1,
                 rx: "7",
                 ry: "9",
                 fill: "oklch(1 0 0 / 0.9)"
-              }, null, 8, wt),
+              }, null, 8, wl),
               e("ellipse", {
-                cx: n + 2,
+                cx: c + 2,
                 cy: o + 2,
                 rx: "4.5",
                 ry: "6",
                 fill: i
-              }, null, 8, $t),
+              }, null, 8, $l),
               e("rect", {
-                x: n - 9,
+                x: c - 9,
                 y: o - 10,
                 width: "18",
                 height: "9",
                 fill: "var(--robot-screen)"
-              }, null, 8, Ct),
+              }, null, 8, Cl),
               e("ellipse", {
-                cx: c,
+                cx: u,
                 cy: o,
                 rx: "9",
                 ry: "11",
                 fill: "oklch(1 0 0 / 0.9)"
               }),
               e("ellipse", {
-                cx: c + 3,
+                cx: u + 3,
                 cy: o + 1,
                 rx: "6",
                 ry: "7",
                 fill: i
-              }, null, 8, qt)
-            ])) : k.value === "scaredWide" ? (l(), t("g", {
+              }, null, 8, ql)
+            ])) : p.value === "scaredWide" ? (t(), l("g", {
               key: 13,
               fill: i
             }, [
               e("circle", {
-                cx: n,
+                cx: c,
                 cy: o,
                 r: "14",
                 fill: "oklch(1 0 0 / 0.98)"
               }),
               e("circle", {
-                cx: c,
+                cx: u,
                 cy: o,
                 r: "14",
                 fill: "oklch(1 0 0 / 0.98)"
               }),
               e("circle", {
-                cx: n + 3,
+                cx: c + 3,
                 cy: o + 2,
                 r: "7",
                 fill: i
-              }, null, 8, Mt),
+              }, null, 8, Ml),
               e("circle", {
-                cx: c - 3,
+                cx: u - 3,
                 cy: o + 2,
                 r: "7",
                 fill: i
-              }, null, 8, St),
+              }, null, 8, Sl),
               e("circle", {
-                cx: n + 6,
+                cx: c + 6,
                 cy: o - 3,
                 r: "2.5",
                 fill: "oklch(1 0 0 / 0.95)"
-              }, null, 8, At),
+              }, null, 8, Al),
               e("circle", {
-                cx: c - 1,
+                cx: u - 1,
                 cy: o - 3,
                 r: "2.5",
                 fill: "oklch(1 0 0 / 0.95)"
-              }, null, 8, Bt)
-            ])) : k.value === "narrowSlant" ? (l(), t("g", {
+              }, null, 8, Bl)
+            ])) : p.value === "narrowSlant" ? (t(), l("g", {
               key: 14,
               fill: i
             }, [
               e("ellipse", {
-                cx: n,
+                cx: c,
                 cy: o,
                 rx: "11",
                 ry: "8",
                 fill: "oklch(1 0 0 / 0.92)"
               }),
               e("ellipse", {
-                cx: c,
+                cx: u,
                 cy: o,
                 rx: "11",
                 ry: "8",
                 fill: "oklch(1 0 0 / 0.92)"
               }),
               e("ellipse", {
-                cx: n + 2,
+                cx: c + 2,
                 cy: o + 1,
                 rx: "5",
                 ry: "6",
                 fill: i
-              }, null, 8, Ot),
+              }, null, 8, Ol),
               e("ellipse", {
-                cx: c - 2,
+                cx: u - 2,
                 cy: o + 1,
                 rx: "5",
                 ry: "6",
                 fill: i
-              }, null, 8, zt),
+              }, null, 8, zl),
               e("line", {
-                x1: n - 12,
+                x1: c - 12,
                 y1: o - 7,
-                x2: n + 10,
+                x2: c + 10,
                 y2: o - 4,
                 stroke: i,
                 "stroke-width": "5",
                 "stroke-linecap": "round"
-              }, null, 8, Rt),
+              }, null, 8, Rl),
               e("line", {
-                x1: c - 10,
+                x1: u - 10,
                 y1: o - 4,
-                x2: c + 12,
+                x2: u + 12,
                 y2: o - 7,
                 stroke: i,
                 "stroke-width": "5",
                 "stroke-linecap": "round"
-              }, null, 8, It)
-            ])) : k.value === "dashEyes" ? (l(), t("g", {
+              }, null, 8, Il)
+            ])) : p.value === "dashEyes" ? (t(), l("g", {
               key: 15,
               stroke: i,
               "stroke-width": "6",
               "stroke-linecap": "round"
             }, [
               e("line", {
-                x1: n - 10,
+                x1: c - 10,
                 y1: o,
-                x2: n + 10,
+                x2: c + 10,
                 y2: o
-              }, null, 8, Nt),
+              }, null, 8, Nl),
               e("line", {
-                x1: c - 10,
+                x1: u - 10,
                 y1: o,
-                x2: c + 10,
+                x2: u + 10,
                 y2: o
-              }, null, 8, Tt)
-            ])) : k.value === "halfClosed" ? (l(), t("g", Dt, [
+              }, null, 8, Tl)
+            ])) : p.value === "halfClosed" ? (t(), l("g", Dl, [
               e("ellipse", {
-                cx: n,
+                cx: c,
                 cy: o + 2,
                 rx: "11",
                 ry: "12",
                 fill: "oklch(1 0 0 / 0.88)"
-              }, null, 8, Lt),
+              }, null, 8, Pl),
               e("ellipse", {
-                cx: c,
+                cx: u,
                 cy: o + 2,
                 rx: "11",
                 ry: "12",
                 fill: "oklch(1 0 0 / 0.88)"
-              }, null, 8, Pt),
+              }, null, 8, Ll),
               e("ellipse", {
-                cx: n,
+                cx: c,
                 cy: o + 5,
                 rx: "6",
                 ry: "7",
                 fill: i
-              }, null, 8, Et),
+              }, null, 8, El),
               e("ellipse", {
-                cx: c,
+                cx: u,
                 cy: o + 5,
                 rx: "6",
                 ry: "7",
                 fill: i
-              }, null, 8, Gt),
+              }, null, 8, Gl),
               e("rect", {
-                x: n - 13,
+                x: c - 13,
                 y: o - 13,
                 width: "26",
                 height: "16",
                 fill: "var(--robot-screen)"
-              }, null, 8, Zt),
+              }, null, 8, Hl),
               e("rect", {
-                x: c - 13,
+                x: u - 13,
                 y: o - 13,
                 width: "26",
                 height: "16",
                 fill: "var(--robot-screen)"
-              }, null, 8, Ht),
+              }, null, 8, Zl),
               e("path", {
-                d: `M ${n - 11} ${o + 3} q 11 -6 22 0`,
+                d: `M ${c - 11} ${o + 3} q 11 -6 22 0`,
                 stroke: i,
                 "stroke-width": "4.5",
                 "stroke-linecap": "round",
                 fill: "none"
-              }, null, 8, Ut),
+              }, null, 8, Ul),
               e("path", {
-                d: `M ${c - 11} ${o + 3} q 11 -6 22 0`,
+                d: `M ${u - 11} ${o + 3} q 11 -6 22 0`,
                 stroke: i,
                 "stroke-width": "4.5",
                 "stroke-linecap": "round",
                 fill: "none"
-              }, null, 8, jt)
-            ])) : k.value === "thinkEyes" ? (l(), t("g", {
+              }, null, 8, jl)
+            ])) : p.value === "thinkEyes" ? (t(), l("g", {
               key: 17,
               fill: i
             }, [
               e("ellipse", {
-                cx: n,
+                cx: c,
                 cy: o,
                 rx: "9",
                 ry: "10",
                 fill: "oklch(1 0 0 / 0.9)"
               }),
               e("ellipse", {
-                cx: c,
+                cx: u,
                 cy: o,
                 rx: "9",
                 ry: "10",
                 fill: "oklch(1 0 0 / 0.9)"
               }),
               e("ellipse", {
-                cx: n,
+                cx: c,
                 cy: o - 2,
                 rx: "5.5",
                 ry: "6.5",
                 fill: i
-              }, null, 8, Ft),
+              }, null, 8, Fl),
               e("ellipse", {
-                cx: c,
+                cx: u,
                 cy: o - 2,
                 rx: "5.5",
                 ry: "6.5",
                 fill: i
-              }, null, 8, Yt),
+              }, null, 8, Ql),
               e("line", {
-                x1: n - 8,
+                x1: c - 8,
                 y1: o - 12,
-                x2: n + 6,
+                x2: c + 6,
                 y2: o - 9,
                 stroke: i,
                 "stroke-width": "3.5",
                 "stroke-linecap": "round"
-              }, null, 8, Qt),
+              }, null, 8, Yl),
               e("line", {
-                x1: c - 6,
+                x1: u - 6,
                 y1: o - 9,
-                x2: c + 8,
+                x2: u + 8,
                 y2: o - 12,
                 stroke: i,
                 "stroke-width": "3.5",
                 "stroke-linecap": "round"
-              }, null, 8, Wt)
-            ])) : k.value === "blankDot" ? (l(), t("g", {
+              }, null, 8, Wl)
+            ])) : p.value === "blankDot" ? (t(), l("g", {
               key: 18,
               fill: i
             }, [
               e("circle", {
-                cx: n,
+                cx: c,
                 cy: o,
                 r: "10",
                 fill: "oklch(1 0 0 / 0.9)"
               }),
               e("circle", {
-                cx: c,
+                cx: u,
                 cy: o,
                 r: "10",
                 fill: "oklch(1 0 0 / 0.9)"
               }),
               e("circle", {
-                cx: n,
+                cx: c,
                 cy: o,
                 r: "4",
                 fill: i
               }),
               e("circle", {
-                cx: c,
+                cx: u,
                 cy: o,
                 r: "4",
                 fill: i
               })
-            ])) : k.value === "heavyLid" ? (l(), t("g", Vt, [
+            ])) : p.value === "heavyLid" ? (t(), l("g", Vl, [
               e("ellipse", {
-                cx: n,
+                cx: c,
                 cy: o + 3,
                 rx: "11",
                 ry: "12",
                 fill: "oklch(1 0 0 / 0.85)"
-              }, null, 8, Jt),
+              }, null, 8, Jl),
               e("ellipse", {
-                cx: c,
+                cx: u,
                 cy: o + 3,
                 rx: "11",
                 ry: "12",
                 fill: "oklch(1 0 0 / 0.85)"
-              }, null, 8, Kt),
+              }, null, 8, Kl),
               e("ellipse", {
-                cx: n,
+                cx: c,
                 cy: o + 7,
                 rx: "5",
                 ry: "6",
                 fill: i
-              }, null, 8, Xt),
+              }, null, 8, Xl),
               e("ellipse", {
-                cx: c,
+                cx: u,
                 cy: o + 7,
                 rx: "5",
                 ry: "6",
                 fill: i
               }, null, 8, eo),
               e("rect", {
-                x: n - 13,
+                x: c - 13,
                 y: o - 14,
                 width: "26",
                 height: "20",
                 fill: "var(--robot-screen)"
-              }, null, 8, lo),
+              }, null, 8, to),
               e("rect", {
-                x: c - 13,
+                x: u - 13,
                 y: o - 14,
                 width: "26",
                 height: "20",
                 fill: "var(--robot-screen)"
-              }, null, 8, to),
+              }, null, 8, lo),
               e("path", {
-                d: `M ${n - 11} ${o + 6} q 11 -4 22 0`,
+                d: `M ${c - 11} ${o + 6} q 11 -4 22 0`,
                 stroke: i,
                 "stroke-width": "5",
                 "stroke-linecap": "round",
                 fill: "none"
               }, null, 8, oo),
               e("path", {
-                d: `M ${c - 11} ${o + 6} q 11 -4 22 0`,
+                d: `M ${u - 11} ${o + 6} q 11 -4 22 0`,
                 stroke: i,
                 "stroke-width": "5",
                 "stroke-linecap": "round",
                 fill: "none"
               }, null, 8, ao)
-            ])) : k.value === "smug" ? (l(), t("g", {
+            ])) : p.value === "smug" ? (t(), l("g", {
               key: 20,
               stroke: i,
               "stroke-width": "5",
@@ -1664,30 +1663,30 @@ const $e = {
               fill: "none"
             }, [
               e("path", {
-                d: `M ${n - 11} ${o - 2} q 11 9 22 2`
+                d: `M ${c - 11} ${o - 2} q 11 9 22 2`
               }, null, 8, so),
               e("path", {
-                d: `M ${c - 11} ${o - 2} q 11 9 22 2`
+                d: `M ${u - 11} ${o - 2} q 11 9 22 2`
               }, null, 8, io)
-            ])) : k.value === "cool" ? (l(), t("g", {
+            ])) : p.value === "cool" ? (t(), l("g", {
               key: 21,
               stroke: i,
               "stroke-width": "5",
               "stroke-linecap": "round"
             }, [
               e("line", {
-                x1: n - 11,
+                x1: c - 11,
                 y1: o,
-                x2: n + 11,
+                x2: c + 11,
                 y2: o
-              }, null, 8, ro),
+              }, null, 8, no),
               e("line", {
-                x1: c - 11,
+                x1: u - 11,
                 y1: o,
-                x2: c + 11,
+                x2: u + 11,
                 y2: o
-              }, null, 8, no)
-            ])) : k.value === "sad" ? (l(), t("g", {
+              }, null, 8, ro)
+            ])) : p.value === "sad" ? (t(), l("g", {
               key: 22,
               stroke: i,
               "stroke-width": "6",
@@ -1695,180 +1694,180 @@ const $e = {
               fill: "none"
             }, [
               e("path", {
-                d: `M ${n - 11} ${o - 1} q 11 14 22 0`
+                d: `M ${c - 11} ${o - 1} q 11 14 22 0`
               }, null, 8, co),
               e("path", {
-                d: `M ${c - 11} ${o - 1} q 11 14 22 0`
+                d: `M ${u - 11} ${o - 1} q 11 14 22 0`
               }, null, 8, uo)
-            ])) : k.value === "teary" ? (l(), t("g", {
+            ])) : p.value === "teary" ? (t(), l("g", {
               key: 23,
               fill: i
             }, [
               e("circle", {
-                cx: n,
+                cx: c,
                 cy: o + 1,
                 r: "11",
                 fill: "oklch(1 0 0 / 0.95)"
               }, null, 8, yo),
               e("circle", {
-                cx: c,
+                cx: u,
                 cy: o + 1,
                 r: "11",
                 fill: "oklch(1 0 0 / 0.95)"
               }, null, 8, mo),
               e("circle", {
-                cx: n + _.value * 0.3,
-                cy: o + 3 + M.value * 0.3,
+                cx: c + v.value * 0.3,
+                cy: o + 3 + A.value * 0.3,
                 r: "6.5",
                 fill: i
               }, null, 8, ho),
               e("circle", {
-                cx: c + _.value * 0.3,
-                cy: o + 3 + M.value * 0.3,
+                cx: u + v.value * 0.3,
+                cy: o + 3 + A.value * 0.3,
                 r: "6.5",
                 fill: i
               }, null, 8, fo),
               e("circle", {
-                cx: n + 3,
+                cx: c + 3,
                 cy: o - 3,
                 r: "2.5",
                 fill: "oklch(1 0 0 / 0.95)"
               }, null, 8, ko),
               e("circle", {
-                cx: c + 3,
+                cx: u + 3,
                 cy: o - 3,
                 r: "2.5",
                 fill: "oklch(1 0 0 / 0.95)"
               }, null, 8, po)
-            ])) : k.value === "angry" ? (l(), t(g, { key: 24 }, [
+            ])) : p.value === "angry" ? (t(), l(x, { key: 24 }, [
               e("g", {
                 stroke: i,
                 "stroke-width": "5",
                 "stroke-linecap": "round"
               }, [
                 e("line", {
-                  x1: n - 12,
+                  x1: c - 12,
                   y1: o - 13,
-                  x2: n + 8,
+                  x2: c + 8,
                   y2: o - 6
                 }, null, 8, xo),
                 e("line", {
-                  x1: c + 12,
+                  x1: u + 12,
                   y1: o - 13,
-                  x2: c - 8,
+                  x2: u - 8,
                   y2: o - 6
                 }, null, 8, go)
               ]),
               e("g", { fill: i }, [
                 e("ellipse", {
-                  cx: n + _.value * 0.4,
+                  cx: c + v.value * 0.4,
                   cy: o + 2,
                   rx: "7",
                   ry: "8"
-                }, null, 8, _o),
+                }, null, 8, vo),
                 e("ellipse", {
-                  cx: c + _.value * 0.4,
+                  cx: u + v.value * 0.4,
                   cy: o + 2,
                   rx: "7",
                   ry: "8"
-                }, null, 8, vo)
+                }, null, 8, _o)
               ])
-            ], 64)) : k.value === "excited" ? (l(), t("g", {
+            ], 64)) : p.value === "excited" ? (t(), l("g", {
               key: 25,
               fill: i
             }, [
               e("circle", {
-                cx: n + _.value * 0.3,
-                cy: o + M.value * 0.3,
+                cx: c + v.value * 0.3,
+                cy: o + A.value * 0.3,
                 r: "13"
               }, null, 8, bo),
               e("circle", {
-                cx: c + _.value * 0.3,
-                cy: o + M.value * 0.3,
+                cx: u + v.value * 0.3,
+                cy: o + A.value * 0.3,
                 r: "13"
               }, null, 8, wo),
               e("circle", {
-                cx: n + 4,
+                cx: c + 4,
                 cy: o - 4,
                 r: "3",
                 fill: "var(--robot-screen)"
               }, null, 8, $o),
               e("circle", {
-                cx: c + 4,
+                cx: u + 4,
                 cy: o - 4,
                 r: "3",
                 fill: "var(--robot-screen)"
               }, null, 8, Co)
-            ])) : k.value === "lookup" ? (l(), t("g", {
+            ])) : p.value === "lookup" ? (t(), l("g", {
               key: 26,
               fill: i
             }, [
               e("ellipse", {
-                cx: n + _.value * 0.4,
+                cx: c + v.value * 0.4,
                 cy: o - 4,
                 rx: "7",
                 ry: "9"
               }, null, 8, qo),
               e("ellipse", {
-                cx: c + _.value * 0.4,
+                cx: u + v.value * 0.4,
                 cy: o - 4,
                 rx: "7",
                 ry: "9"
               }, null, 8, Mo)
-            ])) : k.value === "lookdown" ? (l(), t("g", {
+            ])) : p.value === "lookdown" ? (t(), l("g", {
               key: 27,
               fill: i
             }, [
               e("ellipse", {
-                cx: n,
+                cx: c,
                 cy: o + 5,
                 rx: "7",
                 ry: "9"
               }, null, 8, So),
               e("ellipse", {
-                cx: c,
+                cx: u,
                 cy: o + 5,
                 rx: "7",
                 ry: "9"
               }, null, 8, Ao)
-            ])) : k.value === "wide" ? (l(), t("g", {
+            ])) : p.value === "wide" ? (t(), l("g", {
               key: 28,
               fill: i
             }, [
               e("circle", {
-                cx: n,
+                cx: c,
                 cy: o,
                 r: "13",
                 fill: "oklch(1 0 0 / 0.95)"
               }),
               e("circle", {
-                cx: c,
+                cx: u,
                 cy: o,
                 r: "13",
                 fill: "oklch(1 0 0 / 0.95)"
               }),
               e("circle", {
-                cx: n + _.value * 0.5,
-                cy: o + M.value * 0.5,
+                cx: c + v.value * 0.5,
+                cy: o + A.value * 0.5,
                 r: "6",
                 fill: i
               }, null, 8, Bo),
               e("circle", {
-                cx: c + _.value * 0.5,
-                cy: o + M.value * 0.5,
+                cx: u + v.value * 0.5,
+                cy: o + A.value * 0.5,
                 r: "6",
                 fill: i
               }, null, 8, Oo)
-            ])) : k.value === "half" ? (l(), t(g, { key: 29 }, [
+            ])) : p.value === "half" ? (t(), l(x, { key: 29 }, [
               e("g", { fill: i }, [
                 e("ellipse", {
-                  cx: n,
+                  cx: c,
                   cy: o + 3,
                   rx: "7",
                   ry: "5"
                 }, null, 8, zo),
                 e("ellipse", {
-                  cx: c,
+                  cx: u,
                   cy: o + 3,
                   rx: "7",
                   ry: "5"
@@ -1880,19 +1879,19 @@ const $e = {
                 "stroke-linecap": "round"
               }, [
                 e("line", {
-                  x1: n - 11,
+                  x1: c - 11,
                   y1: o - 4,
-                  x2: n + 11,
+                  x2: c + 11,
                   y2: o - 4
                 }, null, 8, Io),
                 e("line", {
-                  x1: c - 11,
+                  x1: u - 11,
                   y1: o - 4,
-                  x2: c + 11,
+                  x2: u + 11,
                   y2: o - 4
                 }, null, 8, No)
               ]),
-              u.emotion === "tired" ? (l(), t("g", {
+              n.emotion === "tired" ? (t(), l("g", {
                 key: 0,
                 stroke: i,
                 "stroke-width": "2.5",
@@ -1901,82 +1900,82 @@ const $e = {
                 opacity: "0.6"
               }, [
                 e("path", {
-                  d: `M ${n - 9} ${o + 12} q 9 5 18 0`
+                  d: `M ${c - 9} ${o + 12} q 9 5 18 0`
                 }, null, 8, To),
                 e("path", {
-                  d: `M ${c - 9} ${o + 12} q 9 5 18 0`
+                  d: `M ${u - 9} ${o + 12} q 9 5 18 0`
                 }, null, 8, Do)
-              ])) : h("", !0)
-            ], 64)) : k.value === "dizzy" ? (l(), t("g", {
+              ])) : f("", !0)
+            ], 64)) : p.value === "dizzy" ? (t(), l("g", {
               key: 30,
               stroke: i,
               "stroke-width": "3",
               fill: "none",
               "stroke-linecap": "round"
             }, [
-              e("path", {
-                d: `M ${n} ${o} m -8 0 a 8 8 0 1 1 5 7`
-              }, null, 8, Lo),
               e("path", {
                 d: `M ${c} ${o} m -8 0 a 8 8 0 1 1 5 7`
-              }, null, 8, Po)
-            ])) : k.value === "confused" ? (l(), t(g, { key: 31 }, [
+              }, null, 8, Po),
+              e("path", {
+                d: `M ${u} ${o} m -8 0 a 8 8 0 1 1 5 7`
+              }, null, 8, Lo)
+            ])) : p.value === "confused" ? (t(), l(x, { key: 31 }, [
               e("circle", {
-                cx: n,
+                cx: c,
                 cy: o,
                 r: "10",
                 fill: "oklch(1 0 0 / 0.95)"
               }),
               e("circle", {
-                cx: n + _.value * 0.4,
-                cy: o + M.value * 0.4,
+                cx: c + v.value * 0.4,
+                cy: o + A.value * 0.4,
                 r: "5",
                 fill: i
               }, null, 8, Eo),
               e("line", {
-                x1: c - 9,
+                x1: u - 9,
                 y1: o,
-                x2: c + 9,
+                x2: u + 9,
                 y2: o,
                 stroke: i,
                 "stroke-width": "5",
                 "stroke-linecap": "round"
               }, null, 8, Go)
-            ], 64)) : k.value === "blank" ? (l(), t("g", {
+            ], 64)) : p.value === "blank" ? (t(), l("g", {
               key: 32,
               fill: i,
               opacity: "0.55"
             }, [
               e("circle", {
-                cx: n,
+                cx: c,
                 cy: o,
                 r: "5"
               }),
               e("circle", {
-                cx: c,
+                cx: u,
                 cy: o,
                 r: "5"
               })
-            ])) : (l(), t("g", {
+            ])) : (t(), l("g", {
               key: 33,
               fill: i
             }, [
               e("rect", {
-                x: n - 8 + _.value,
-                y: o - 12 + M.value,
+                x: c - 8 + v.value,
+                y: o - 12 + A.value,
                 width: "16",
                 height: "24",
                 rx: "8"
-              }, null, 8, Zo),
+              }, null, 8, Ho),
               e("rect", {
-                x: c - 8 + _.value,
-                y: o - 12 + M.value,
+                x: u - 8 + v.value,
+                y: o - 12 + A.value,
                 width: "16",
                 height: "24",
                 rx: "8"
-              }, null, 8, Ho)
+              }, null, 8, Zo)
             ])),
-            u.speaking ? (l(), t("ellipse", {
+            n.speaking ? (t(), l("ellipse", {
               key: 34,
               cx: "120",
               cy: "138",
@@ -1985,33 +1984,33 @@ const $e = {
               fill: i,
               class: "origin-center animate-wave",
               style: { transformBox: "fill-box", transformOrigin: "center" }
-            })) : (l(), t(g, { key: 35 }, [
-              s.value.mouth === "smile" ? (l(), t("path", {
+            })) : (t(), l(x, { key: 35 }, [
+              s.value.mouth === "smile" ? (t(), l("path", {
                 key: 0,
                 d: "M 104 134 q 16 16 32 0",
                 stroke: i,
                 "stroke-width": "5",
                 "stroke-linecap": "round",
                 fill: "none"
-              })) : s.value.mouth === "open" ? (l(), t("path", {
+              })) : s.value.mouth === "open" ? (t(), l("path", {
                 key: 1,
                 d: "M 104 132 q 16 22 32 0 q -16 6 -32 0 Z",
                 fill: i
-              })) : s.value.mouth === "bigopen" ? (l(), t("ellipse", {
+              })) : s.value.mouth === "bigopen" ? (t(), l("ellipse", {
                 key: 2,
                 cx: "120",
                 cy: "140",
                 rx: "11",
                 ry: "14",
                 fill: i
-              })) : s.value.mouth === "frown" ? (l(), t("path", {
+              })) : s.value.mouth === "frown" ? (t(), l("path", {
                 key: 3,
                 d: "M 106 142 q 14 -12 28 0",
                 stroke: i,
                 "stroke-width": "5",
                 "stroke-linecap": "round",
                 fill: "none"
-              })) : s.value.mouth === "dot" ? (l(), t("ellipse", {
+              })) : s.value.mouth === "dot" ? (t(), l("ellipse", {
                 key: 4,
                 cx: "120",
                 cy: "138",
@@ -2019,7 +2018,7 @@ const $e = {
                 ry: "6",
                 fill: i,
                 opacity: "0.85"
-              })) : s.value.mouth === "flat" ? (l(), t("line", {
+              })) : s.value.mouth === "flat" ? (t(), l("line", {
                 key: 5,
                 x1: "110",
                 y1: "138",
@@ -2028,35 +2027,35 @@ const $e = {
                 stroke: i,
                 "stroke-width": "5",
                 "stroke-linecap": "round"
-              })) : s.value.mouth === "o" ? (l(), t("ellipse", {
+              })) : s.value.mouth === "o" ? (t(), l("ellipse", {
                 key: 6,
                 cx: "120",
                 cy: "139",
                 rx: "7",
                 ry: "9",
                 fill: i
-              })) : s.value.mouth === "pout" ? (l(), t("ellipse", {
+              })) : s.value.mouth === "pout" ? (t(), l("ellipse", {
                 key: 7,
                 cx: "120",
                 cy: "140",
                 rx: "6",
                 ry: "5",
                 fill: i
-              })) : s.value.mouth === "wavy" ? (l(), t("path", {
+              })) : s.value.mouth === "wavy" ? (t(), l("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"
-              })) : s.value.mouth === "calm" ? (l(), t("path", {
+              })) : s.value.mouth === "calm" ? (t(), l("path", {
                 key: 9,
                 d: "M 110 138 q 10 5 20 0",
                 stroke: i,
                 "stroke-width": "4",
                 "stroke-linecap": "round",
                 fill: "none"
-              })) : s.value.mouth === "grit" ? (l(), t("g", Uo, [
+              })) : s.value.mouth === "grit" ? (t(), l("g", Uo, [
                 e("rect", {
                   x: "106",
                   y: "134",
@@ -2081,40 +2080,40 @@ const $e = {
                   stroke: "var(--robot-screen)",
                   "stroke-width": "2"
                 }, null, -1))
-              ])) : s.value.mouth === "bigSmile" ? (l(), t("path", {
+              ])) : s.value.mouth === "bigSmile" ? (t(), l("path", {
                 key: 11,
                 d: "M 100 132 q 20 22 40 0",
                 stroke: i,
                 "stroke-width": "6",
                 "stroke-linecap": "round",
                 fill: "none"
-              })) : s.value.mouth === "bigFrown" ? (l(), t("path", {
+              })) : s.value.mouth === "bigFrown" ? (t(), l("path", {
                 key: 12,
                 d: "M 100 146 q 20 -20 40 0",
                 stroke: i,
                 "stroke-width": "6",
                 "stroke-linecap": "round",
                 fill: "none"
-              })) : s.value.mouth === "bitterSmile" ? (l(), t("path", {
+              })) : s.value.mouth === "bitterSmile" ? (t(), l("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"
-              })) : s.value.mouth === "heartMouth" ? (l(), t("path", {
+              })) : s.value.mouth === "heartMouth" ? (t(), l("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"
-              })) : s.value.mouth === "awkwardSmile" ? (l(), t("path", {
+              })) : s.value.mouth === "awkwardSmile" ? (t(), l("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"
-              })) : s.value.mouth === "poutBig" ? (l(), t("g", jo, [
+              })) : s.value.mouth === "poutBig" ? (t(), l("g", jo, [
                 e("ellipse", {
                   cx: "120",
                   cy: "141",
@@ -2130,7 +2129,7 @@ const $e = {
                   ry: "5",
                   fill: "oklch(1 0 0 / 0.25)"
                 }, null, -1))
-              ])) : (l(), t("path", {
+              ])) : (t(), l("path", {
                 key: 17,
                 d: "M 108 136 q 12 8 24 0",
                 stroke: i,
@@ -2139,33 +2138,33 @@ const $e = {
                 fill: "none"
               }))
             ], 64)),
-            s.value.sweat ? (l(), t("path", Fo)) : h("", !0),
-            s.value.tear ? (l(), t("ellipse", {
+            s.value.sweat ? (t(), l("path", Fo)) : f("", !0),
+            s.value.tear ? (t(), l("ellipse", {
               key: 37,
-              cx: c + 11,
+              cx: u + 11,
               cy: o + 14,
               rx: "4",
               ry: "6",
               fill: i,
               opacity: "0.9"
-            }, null, 8, Yo)) : h("", !0),
-            s.value.tear2 ? (l(), t("ellipse", {
+            }, null, 8, Qo)) : f("", !0),
+            s.value.tear2 ? (t(), l("ellipse", {
               key: 38,
-              cx: n - 11,
+              cx: c - 11,
               cy: o + 14,
               rx: "4",
               ry: "6",
               fill: i,
               opacity: "0.9"
-            }, null, 8, Qo)) : h("", !0),
-            de.value ? (l(), t(g, { key: 39 }, q(fe, (r, $) => e("path", {
+            }, null, 8, Yo)) : f("", !0),
+            de.value ? (t(), l(x, { key: 39 }, C(fe, (r, $) => e("path", {
               key: $,
               d: W(r.x, r.y),
               fill: "var(--robot-amber)",
               class: "animate-sparkle",
-              style: b({ animationDelay: `${r.delay}s`, transformBox: "fill-box", transformOrigin: "center" })
-            }, null, 12, Wo)), 64)) : h("", !0),
-            s.value.sym === "anger" ? (l(), t("g", {
+              style: _({ animationDelay: `${r.delay}s`, transformBox: "fill-box", transformOrigin: "center" })
+            }, null, 12, Wo)), 64)) : f("", !0),
+            s.value.sym === "anger" ? (t(), l("g", {
               key: 40,
               stroke: s.value.symColor,
               "stroke-width": "3.5",
@@ -2174,21 +2173,21 @@ const $e = {
             }, [...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)) : s.value.sym === "question" ? (l(), t("text", {
+            ])], 8, Vo)) : s.value.sym === "question" ? (t(), l("text", {
               key: 41,
               x: "160",
               y: "74",
               "font-size": "26",
               fill: s.value.symColor,
               "font-weight": "bold"
-            }, "?", 8, Jo)) : s.value.sym === "exclaim" ? (l(), t("text", {
+            }, "?", 8, Jo)) : s.value.sym === "exclaim" ? (t(), l("text", {
               key: 42,
               x: "162",
               y: "74",
               "font-size": "26",
               fill: s.value.symColor,
               "font-weight": "bold"
-            }, "!", 8, Ko)) : s.value.sym === "ellipsis" ? (l(), t("g", {
+            }, "!", 8, Ko)) : s.value.sym === "ellipsis" ? (t(), l("g", {
               key: 43,
               fill: s.value.symColor
             }, [...a[6] || (a[6] = [
@@ -2213,16 +2212,16 @@ const $e = {
                 class: "animate-dot-blink",
                 style: { "animation-delay": "0.4s" }
               }, null, -1)
-            ])], 8, Xo)) : s.value.sym === "bulb" ? (l(), t("g", ea, [
+            ])], 8, Xo)) : s.value.sym === "bulb" ? (t(), l("g", ea, [
               e("circle", {
                 cx: "166",
                 cy: "58",
                 r: "11",
                 fill: s.value.symColor,
                 class: "animate-antenna-pulse origin-center"
-              }, null, 8, la),
+              }, null, 8, ta),
               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", {
+            ])) : s.value.sym === "check" ? (t(), l("path", {
               key: 45,
               d: "M 156 64 l 6 7 l 12 -15",
               stroke: s.value.symColor,
@@ -2230,11 +2229,11 @@ const $e = {
               "stroke-linecap": "round",
               "stroke-linejoin": "round",
               fill: "none"
-            }, null, 8, ta)) : s.value.sym === "gear" ? (l(), t("g", oa, [
+            }, null, 8, la)) : s.value.sym === "gear" ? (t(), l("g", oa, [
               e("g", {
                 fill: s.value.symColor
               }, [
-                (l(), t(g, null, q(ke, (r) => e("rect", {
+                (t(), l(x, null, C(ke, (r) => e("rect", {
                   key: r,
                   x: "165",
                   y: "46",
@@ -2255,7 +2254,7 @@ const $e = {
                 r: "4.5",
                 fill: "var(--robot-screen)"
               }, null, -1))
-            ])) : s.value.sym === "pencil" ? (l(), t("g", ia, [
+            ])) : s.value.sym === "pencil" ? (t(), l("g", ia, [
               e("rect", {
                 x: "164",
                 y: "46",
@@ -2263,7 +2262,7 @@ const $e = {
                 height: "22",
                 rx: "2",
                 fill: s.value.symColor
-              }, null, 8, ra),
+              }, null, 8, na),
               a[10] || (a[10] = e("rect", {
                 x: "164",
                 y: "44",
@@ -2275,7 +2274,7 @@ const $e = {
                 d: "M 164 68 l 4 8 l 4 -8 Z",
                 fill: "var(--robot-screen)"
               }, null, -1))
-            ])) : s.value.sym === "bell" ? (l(), t("g", na, [
+            ])) : s.value.sym === "bell" ? (t(), l("g", ra, [
               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: s.value.symColor
@@ -2286,7 +2285,7 @@ const $e = {
                 r: "3",
                 fill: s.value.symColor
               }, null, 8, da)
-            ])) : s.value.sym === "loader" ? (l(), t("g", ua, [
+            ])) : s.value.sym === "loader" ? (t(), l("g", ua, [
               e("path", {
                 d: "M 168 48 a 12 12 0 1 1 -8.5 3.5",
                 fill: "none",
@@ -2294,7 +2293,7 @@ const $e = {
                 "stroke-width": "4",
                 "stroke-linecap": "round"
               }, null, 8, ya)
-            ])) : s.value.sym === "warning" ? (l(), t("g", ma, [
+            ])) : s.value.sym === "warning" ? (t(), l("g", ma, [
               e("path", {
                 d: "M 168 46 l 14 26 l -28 0 Z",
                 fill: s.value.symColor,
@@ -2317,7 +2316,7 @@ const $e = {
                 r: "1.8",
                 fill: "var(--robot-screen)"
               }, null, -1))
-            ])) : s.value.sym === "siren" ? (l(), t("g", fa, [
+            ])) : s.value.sym === "siren" ? (t(), l("g", fa, [
               e("g", ka, [
                 e("path", {
                   d: "M 156 70 a 12 12 0 0 1 24 0 Z",
@@ -2358,7 +2357,7 @@ const $e = {
                   y2: "49"
                 }, null, -1)
               ])], 8, ga)
-            ])) : s.value.sym === "broken" ? (l(), t("path", {
+            ])) : s.value.sym === "broken" ? (t(), l("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: s.value.symColor,
@@ -2366,7 +2365,7 @@ const $e = {
               stroke: "var(--robot-screen)",
               "stroke-width": "1",
               "stroke-linejoin": "round"
-            }, null, 8, _a)) : s.value.sym === "scan" ? (l(), t("g", va, [
+            }, null, 8, va)) : s.value.sym === "scan" ? (t(), l("g", _a, [
               e("circle", {
                 cx: "166",
                 cy: "60",
@@ -2384,7 +2383,7 @@ const $e = {
                 "stroke-width": "3.5",
                 "stroke-linecap": "round"
               }, null, 8, wa)
-            ])) : s.value.sym === "lotus" ? (l(), t("g", $a, [
+            ])) : s.value.sym === "lotus" ? (t(), l("g", $a, [
               e("ellipse", {
                 cx: "120",
                 cy: "34",
@@ -2409,26 +2408,26 @@ const $e = {
                 r: "2",
                 fill: s.value.symColor
               }, null, 8, Ma)
-            ])) : s.value.sym === "heart" ? (l(), t("path", {
+            ])) : s.value.sym === "heart" ? (t(), l("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: s.value.symColor,
               class: "animate-antenna-pulse origin-center",
               style: { transformOrigin: "170px 60px" }
-            }, null, 8, Sa)) : s.value.sym === "soundwave" ? (l(), t("g", {
+            }, null, 8, Sa)) : s.value.sym === "soundwave" ? (t(), l("g", {
               key: 56,
               stroke: s.value.symColor,
               "stroke-width": "3",
               "stroke-linecap": "round",
               fill: "none"
             }, [
-              (l(), t(g, null, q([0, 0.5, 1], (r, $) => e("path", {
+              (t(), l(x, null, C([0, 0.5, 1], (r, $) => e("path", {
                 key: $,
                 d: "M 188 52 q 9 10 0 20",
                 class: "animate-sound-ripple",
-                style: b({ transformOrigin: "188px 62px", animationDelay: `${r}s` })
+                style: _({ transformOrigin: "188px 62px", animationDelay: `${r}s` })
               }, null, 4)), 64))
-            ], 8, Aa)) : s.value.sym === "pin" ? (l(), t("g", Ba, [
+            ], 8, Aa)) : s.value.sym === "pin" ? (t(), l("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: s.value.symColor
@@ -2447,7 +2446,7 @@ const $e = {
                 fill: s.value.symColor,
                 opacity: "0.3"
               }, null, 8, za)
-            ])) : s.value.sym === "target" ? (l(), t("g", {
+            ])) : s.value.sym === "target" ? (t(), l("g", {
               key: 58,
               stroke: s.value.symColor,
               "stroke-width": "2.5",
@@ -2473,7 +2472,7 @@ const $e = {
                 stroke: "none"
               }, 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, [
+            ], 8, Ra)) : s.value.sym === "book" ? (t(), l("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)",
@@ -2530,11 +2529,11 @@ const $e = {
                 "stroke-width": "1.2",
                 "stroke-linecap": "round"
               }, null, -1))
-            ])) : s.value.sym === "plane" ? (l(), t("g", Da, [
+            ])) : s.value.sym === "plane" ? (t(), l("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: s.value.symColor
-              }, null, 8, La),
+              }, null, 8, Pa),
               a[25] || (a[25] = e("circle", {
                 cx: "160",
                 cy: "59",
@@ -2559,7 +2558,7 @@ const $e = {
                 class: "animate-dot-blink",
                 style: { animationDelay: "0.4s" }
               }, null, -1))
-            ])) : s.value.sym === "msgOk" ? (l(), t("g", Pa, [
+            ])) : s.value.sym === "msgOk" ? (t(), l("g", La, [
               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: s.value.symColor
@@ -2572,11 +2571,11 @@ const $e = {
                 "stroke-linejoin": "round",
                 fill: "none"
               }, null, -1))
-            ])) : s.value.sym === "msgFail" ? (l(), t("g", Ga, [
+            ])) : s.value.sym === "msgFail" ? (t(), l("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: s.value.symColor
-              }, null, 8, Za),
+              }, null, 8, Ha),
               a[29] || (a[29] = e("line", {
                 x1: "168",
                 y1: "52",
@@ -2592,7 +2591,7 @@ const $e = {
                 r: "2",
                 fill: "oklch(1 0 0)"
               }, null, -1))
-            ])) : s.value.sym === "msgIn" ? (l(), t("g", Ha, [
+            ])) : s.value.sym === "msgIn" ? (t(), l("g", Za, [
               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: s.value.symColor
@@ -2607,7 +2606,7 @@ const $e = {
                 class: "animate-locate-bob",
                 style: { transformOrigin: "168px 58px" }
               }, null, -1))
-            ])) : s.value.sym === "lightning" ? (l(), t("g", ja, [
+            ])) : s.value.sym === "lightning" ? (t(), l("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: s.value.symColor,
@@ -2615,11 +2614,11 @@ const $e = {
                 "stroke-width": "0.8",
                 "stroke-linejoin": "round"
               }, null, 8, Fa)
-            ])) : s.value.sym === "sparkle2" ? (l(), t("g", Ya, [
+            ])) : s.value.sym === "sparkle2" ? (t(), l("g", Qa, [
               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: s.value.symColor
-              }, null, 8, Qa),
+              }, null, 8, Ya),
               e("circle", {
                 cx: "160",
                 cy: "75",
@@ -2638,7 +2637,7 @@ const $e = {
                 class: "animate-dot-blink",
                 style: { animationDelay: "0.6s" }
               }, null, 8, Va)
-            ])) : s.value.sym === "zzz" ? (l(), t("g", Ja, [
+            ])) : s.value.sym === "zzz" ? (t(), l("g", Ja, [
               e("text", {
                 x: "158",
                 y: "82",
@@ -2669,12 +2668,12 @@ const $e = {
                 class: "animate-dot-blink",
                 style: { animationDelay: "0.8s" }
               }, "Z", 8, es)
-            ])) : s.value.sym === "shield" ? (l(), t("g", ls, [
+            ])) : s.value.sym === "shield" ? (t(), l("g", ts, [
               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: s.value.symColor,
                 opacity: "0.92"
-              }, null, 8, ts),
+              }, null, 8, ls),
               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)"
@@ -2697,9 +2696,9 @@ const $e = {
                 "stroke-width": "1.5",
                 "stroke-linecap": "round"
               }, null, -1))
-            ])) : s.value.sym === "miniBasketball" ? (l(), t("g", os, [...a[35] || (a[35] = [
+            ])) : s.value.sym === "miniBasketball" ? (t(), l("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, [
+            ])])) : s.value.sym === "lowBattery" ? (t(), l("g", as, [
               e("rect", {
                 x: "152",
                 y: "50",
@@ -2726,7 +2725,7 @@ const $e = {
                 height: "11",
                 rx: "1.5",
                 fill: s.value.symColor
-              }, null, 8, rs),
+              }, null, 8, ns),
               a[36] || (a[36] = e("text", {
                 x: "161",
                 y: "64",
@@ -2737,28 +2736,28 @@ const $e = {
                 class: "animate-dot-blink",
                 style: { animationDelay: "0.2s" }
               }, "!", -1))
-            ])) : h("", !0),
-            D.value === "heart" ? (l(), t("path", {
+            ])) : f("", !0),
+            D.value === "heart" ? (t(), l("path", {
               key: 70,
               d: "M 120 36 c -9 -13 -28 -4 -17 10 c 4 6 17 15 17 15 c 0 0 13 -9 17 -15 c 11 -14 -8 -23 -17 -10 Z",
-              fill: C,
+              fill: q,
               class: "animate-heart-beat",
               style: { transformBox: "fill-box", transformOrigin: "center" }
-            })) : h("", !0),
-            D.value === "kiss" ? (l(), t(g, { key: 71 }, q([0, 0.7, 1.4], (r, $) => e("path", {
+            })) : f("", !0),
+            D.value === "kiss" ? (t(), l(x, { key: 71 }, C([0, 0.7, 1.4], (r, $) => e("path", {
               key: $,
               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,
+              fill: q,
               class: "animate-heart-fly",
-              style: b({ animationDelay: `${r}s` })
-            }, null, 4)), 64)) : h("", !0),
-            u.action === "ironMountain" ? (l(), t("g", ns, [...a[37] || (a[37] = [
+              style: _({ animationDelay: `${r}s` })
+            }, null, 4)), 64)) : f("", !0),
+            n.action === "ironMountain" ? (t(), l("g", rs, [...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),
-            u.action === "playBasketball" ? (l(), t("g", cs, [...a[38] || (a[38] = [
+            ])])) : f("", !0),
+            n.action === "playBasketball" ? (t(), l("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", ds, [
+            ])])) : f("", !0),
+            L.value ? (t(), l("g", ds, [
               a[39] || (a[39] = e("line", {
                 x1: "230",
                 y1: "72",
@@ -2799,28 +2798,28 @@ const $e = {
                 cy: "95",
                 r: "8.5",
                 fill: "oklch(0.6 0.23 22)",
-                opacity: P.value === "red" ? 1 : 0.22,
-                class: S(P.value === "red" ? "animate-traffic-light-active" : "")
+                opacity: L.value === "red" ? 1 : 0.22,
+                class: B(L.value === "red" ? "animate-traffic-light-active" : "")
               }, null, 10, ys),
               e("circle", {
                 cx: "230",
                 cy: "115",
                 r: "8.5",
                 fill: "oklch(0.84 0.16 95)",
-                opacity: P.value === "yellow" ? 1 : 0.22,
-                class: S(P.value === "yellow" ? "animate-traffic-light-active" : "")
+                opacity: L.value === "yellow" ? 1 : 0.22,
+                class: B(L.value === "yellow" ? "animate-traffic-light-active" : "")
               }, null, 10, ms),
               e("circle", {
                 cx: "230",
                 cy: "135",
                 r: "8.5",
                 fill: "oklch(0.68 0.16 150)",
-                opacity: P.value === "green" ? 1 : 0.22,
-                class: S(P.value === "green" ? "animate-traffic-light-active" : "")
+                opacity: L.value === "green" ? 1 : 0.22,
+                class: B(L.value === "green" ? "animate-traffic-light-active" : "")
               }, null, 10, hs)
-            ])) : h("", !0),
-            se.value ? (l(), t("g", fs, [
-              (l(), t(g, null, q(ie, (r, $) => e("text", {
+            ])) : f("", !0),
+            se.value ? (t(), l("g", fs, [
+              (t(), l(x, null, C(ie, (r, $) => e("text", {
                 key: $,
                 x: r.x,
                 y: r.y,
@@ -2828,10 +2827,10 @@ const $e = {
                 "font-weight": "800",
                 fill: "oklch(0.82 0.16 72)",
                 class: "animate-music-note",
-                style: b({ animationDelay: `${r.delay}s`, transformOrigin: `${r.x}px ${r.y}px` })
+                style: _({ 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", ps, [...a[42] || (a[42] = [
+            ])) : f("", !0),
+            D.value === "pray" ? (t(), l("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)",
@@ -2846,8 +2845,8 @@ const $e = {
                 stroke: "var(--robot-blue-dark)",
                 "stroke-width": "1.5"
               }, null, -1)
-            ])])) : h("", !0),
-            L.value === "glow" ? (l(), t("ellipse", {
+            ])])) : f("", !0),
+            P.value === "glow" ? (t(), l("ellipse", {
               key: 77,
               cx: "120",
               cy: "115",
@@ -2856,8 +2855,8 @@ const $e = {
               fill: E.value,
               opacity: "0",
               class: "animate-body-glow"
-            }, null, 8, xs)) : h("", !0),
-            L.value === "heart-particles" ? (l(), t("g", gs, [
+            }, null, 8, xs)) : f("", !0),
+            P.value === "heart-particles" ? (t(), l("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`,
@@ -2865,7 +2864,7 @@ const $e = {
                 class: "animate-body-glow",
                 style: { transformBox: "fill-box", transformOrigin: "120px 175px" }
               }, null, -1)),
-              (l(), t(g, null, q(ne, (r, $) => e("g", { key: $ }, [
+              (t(), l(x, null, C(re, (r, $) => e("g", { key: $ }, [
                 e("path", {
                   d: `M ${r.x} ${r.y + r.size * 0.9}
                      C ${r.x - r.size * 0.85} ${r.y + r.size * 0.4},
@@ -2876,11 +2875,11 @@ const $e = {
                        ${r.x} ${r.y + r.size * 0.9} Z`,
                   fill: r.color,
                   class: "animate-heart-rise",
-                  style: b({ "--hx": r.hx, animationDelay: `${r.delay}s`, transformOrigin: `${r.x}px ${r.y}px` })
-                }, null, 12, _s)
+                  style: _({ "--hx": r.hx, animationDelay: `${r.delay}s`, transformOrigin: `${r.x}px ${r.y}px` })
+                }, null, 12, vs)
               ])), 64))
-            ])) : h("", !0),
-            L.value === "flag" ? (l(), t("g", vs, [
+            ])) : f("", !0),
+            P.value === "flag" ? (t(), l("g", _s, [
               a[44] || (a[44] = e("line", {
                 x1: "120",
                 y1: "155",
@@ -2908,8 +2907,8 @@ const $e = {
                 fill: "oklch(1 0 0 / 0.22)",
                 class: "animate-flag-wave"
               }, null, -1))
-            ])) : h("", !0),
-            L.value === "scan-ring" ? (l(), t("g", ws, [
+            ])) : f("", !0),
+            P.value === "scan-ring" ? (t(), l("g", ws, [
               e("circle", {
                 cx: "120",
                 cy: "115",
@@ -2933,9 +2932,9 @@ const $e = {
                 class: "animate-reset-spin",
                 style: { transformBox: "fill-box", transformOrigin: "center" }
               }, null, 8, Cs)
-            ])) : h("", !0),
-            L.value === "confetti" ? (l(), t("g", qs, [
-              (l(), t(g, null, q(re, (r, $) => e("rect", {
+            ])) : f("", !0),
+            P.value === "confetti" ? (t(), l("g", qs, [
+              (t(), l(x, null, C(ne, (r, $) => e("rect", {
                 key: $,
                 x: r.x - r.size / 2,
                 y: r.y - r.size / 2,
@@ -2944,7 +2943,7 @@ const $e = {
                 rx: r.size * 0.3,
                 fill: r.color,
                 class: "animate-confetti",
-                style: b({
+                style: _({
                   "--cx": `${r.cx}px`,
                   "--cy": `${r.cy}px`,
                   "--cr": r.cr,
@@ -2952,21 +2951,21 @@ const $e = {
                   transformOrigin: `${r.x}px ${r.y}px`
                 })
               }, null, 12, Ms)), 64))
-            ])) : h("", !0),
-            L.value === "particles" ? (l(), t("g", Ss, [
-              (l(), t(g, null, q(ce, (r, $) => e("circle", {
+            ])) : f("", !0),
+            P.value === "particles" ? (t(), l("g", Ss, [
+              (t(), l(x, null, C(ce, (r, $) => e("circle", {
                 key: $,
                 cx: r.x,
                 cy: r.y,
                 r: "3",
                 fill: r.color,
                 class: "animate-sparkle",
-                style: b({ transformBox: "fill-box", transformOrigin: "center", animationDelay: `${r.delay}s` })
+                style: _({ transformBox: "fill-box", transformOrigin: "center", animationDelay: `${r.delay}s` })
               }, null, 12, As)), 64))
-            ])) : h("", !0),
+            ])) : f("", !0),
             e("g", {
-              style: b(ye.value),
-              class: S(N.value.la)
+              style: _(ye.value),
+              class: B(N.value.la)
             }, [
               e("rect", {
                 x: "16",
@@ -2982,17 +2981,17 @@ const $e = {
                 r: "9",
                 fill: I.value
               }, null, 8, Os),
-              D.value === "sparkle" ? (l(), t("path", {
+              D.value === "sparkle" ? (t(), l("path", {
                 key: 0,
                 d: W(12, 128),
                 fill: "var(--robot-amber)",
                 class: "animate-sparkle origin-center",
                 style: { transformBox: "fill-box", transformOrigin: "center" }
-              }, null, 8, zs)) : h("", !0)
+              }, null, 8, zs)) : f("", !0)
             ], 6),
             e("g", {
-              style: b(me.value),
-              class: S(N.value.ra)
+              style: _(me.value),
+              class: B(N.value.ra)
             }, [
               e("rect", {
                 x: "194",
@@ -3008,7 +3007,7 @@ const $e = {
                 r: "9",
                 fill: I.value
               }, null, 8, Is),
-              D.value === "thumbsUp" ? (l(), t("rect", {
+              D.value === "thumbsUp" ? (t(), l("rect", {
                 key: 0,
                 x: "225",
                 y: "113",
@@ -3016,44 +3015,96 @@ const $e = {
                 height: "11",
                 rx: "3",
                 fill: I.value
-              }, null, 8, Ns)) : h("", !0),
-              D.value === "sparkle" ? (l(), t("path", {
+              }, null, 8, Ns)) : f("", !0),
+              D.value === "sparkle" ? (t(), l("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, Ts)) : h("", !0)
+              }, null, 8, Ts)) : f("", !0)
             ], 6)
           ])),
-          u.emotion === "sleepy" || u.emotion === "yawn" ? (l(), t("div", Ds, [...a[49] || (a[49] = [
+          n.emotion === "sleepy" || n.emotion === "yawn" ? (t(), l("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",
               style: { animationDelay: "0.8s" }
             }, " Z ", -1)
-          ])])) : h("", !0)
+          ])])) : f("", !0)
         ], 2)
       ], 4)
     ], 512));
   }
-}), Xs = /* @__PURE__ */ B(Es, [["__scopeId", "data-v-c1f1f037"]]), Gs = /* @__PURE__ */ A({
+}), ai = /* @__PURE__ */ S(Es, [["__scopeId", "data-v-c1f1f037"]]), Gs = /* @__PURE__ */ M({
   __name: "QuarkRobotHalo",
   props: {
     width: { default: 220 }
   },
-  setup(u) {
-    return (d, f) => (l(), t("div", {
+  setup(n) {
+    return (d, h) => (t(), l("div", {
       class: "halo",
-      style: b({ width: u.width + "px", height: u.width * 0.27 + "px" }),
+      style: _({ width: n.width + "px", height: n.width * 0.27 + "px" }),
       "aria-hidden": "true"
-    }, [...f[0] || (f[0] = [
+    }, [...h[0] || (h[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));
   }
-}), ei = /* @__PURE__ */ B(Gs, [["__scopeId", "data-v-6fd8ca14"]]), Zs = {
+}), si = /* @__PURE__ */ S(Gs, [["__scopeId", "data-v-6fd8ca14"]]), Hs = { class: "qbs-top-header" }, Zs = /* @__PURE__ */ M({
+  __name: "QuarkTopHeader",
+  props: {
+    title: { default: "智能运维监控大屏" },
+    time: { default: "--:--" },
+    date: { default: "--" },
+    armed: { type: Boolean, default: !1 }
+  },
+  emits: ["titleClick", "clockClick"],
+  setup(n) {
+    return (d, h) => (t(), l("header", Hs, [
+      e("div", {
+        class: "qbs-top-header__brand",
+        onClick: h[0] || (h[0] = (m) => d.$emit("titleClick"))
+      }, [
+        h[2] || (h[2] = e("span", null, null, -1)),
+        e("h1", null, y(n.title), 1)
+      ]),
+      e("div", {
+        class: B(["qbs-top-header__deco", { "is-armed": n.armed }])
+      }, [
+        (t(), l(x, null, C(5, (m) => e("i", {
+          key: m,
+          style: _({ animationDelay: `${m * 0.12}s` })
+        }, null, 4)), 64))
+      ], 2),
+      e("div", {
+        class: "qbs-top-header__clock",
+        onClick: h[1] || (h[1] = (m) => d.$emit("clockClick"))
+      }, [
+        e("b", null, y(n.time), 1),
+        e("small", null, y(n.date), 1)
+      ])
+    ]));
+  }
+}), ii = /* @__PURE__ */ S(Zs, [["__scopeId", "data-v-6df12854"]]), Us = { class: "qbs-duty-compact" }, js = { key: 0 }, Fs = /* @__PURE__ */ M({
+  __name: "QuarkDutyCompact",
+  props: {
+    name: { default: "" },
+    phone: { default: "" },
+    tag: { default: "" }
+  },
+  setup(n) {
+    return (d, h) => (t(), l("div", Us, [
+      e("div", null, y(n.name.charAt(0) || "-"), 1),
+      e("section", null, [
+        e("strong", null, y(n.name || "暂未排班"), 1),
+        e("span", null, y(n.phone || "—"), 1)
+      ]),
+      n.tag ? (t(), l("em", js, y(n.tag), 1)) : f("", !0)
+    ]));
+  }
+}), ni = /* @__PURE__ */ S(Fs, [["__scopeId", "data-v-cd7cff86"]]), Qs = {
   screen_header: {
     dateText: "2026-07-27",
     timeText: "14:30",
@@ -3077,6 +3128,9 @@ const $e = {
       { groupId: 2, groupName: "网络组", users: [{ userId: 103, nickName: "王工", username: "wang" }] }
     ]
   },
+  alert_overview: {
+    stats: { todayTotal: 12, todayPending: 3, todayResolved: 8, overdueTotal: 1 }
+  },
   alert_latest: {
     total: 3,
     stats: { todayTotal: 12, todayPending: 3, overdueTotal: 1, criticalCount: 1, warningCount: 5, infoCount: 6 },
@@ -3106,22 +3160,24 @@ const $e = {
     ]
   }
 };
-function li(u) {
-  return JSON.parse(JSON.stringify(Zs[u]));
+function ri(n) {
+  return JSON.parse(JSON.stringify(Qs[n]));
 }
 export {
-  js as BigScreenAlertRow,
-  Qs as BigScreenBuildDistribution,
-  Ws as BigScreenBuildProjects,
-  Us as BigScreenDutyContent,
-  Js as BigScreenEndpointDistribution,
-  Ks as BigScreenExternalEmbed,
-  Ys as BigScreenHeader,
-  Fs as BigScreenMetricCard,
+  Vs as BigScreenAlertRow,
+  Xs as BigScreenBuildDistribution,
+  ei as BigScreenBuildProjects,
+  Ws as BigScreenDutyContent,
+  li as BigScreenEndpointDistribution,
+  oi as BigScreenExternalEmbed,
+  Ks as BigScreenHeader,
+  Js as BigScreenMetricCard,
   Te as BigScreenPanel,
-  Vs as BigScreenRobotSummary,
-  Xs as QuarkRobot,
-  ei as QuarkRobotHalo,
-  Zs as bigScreenPreviewFixtures,
-  li as getBigScreenPreviewData
+  ti as BigScreenRobotSummary,
+  ni as QuarkDutyCompact,
+  ai as QuarkRobot,
+  si as QuarkRobotHalo,
+  ii as QuarkTopHeader,
+  Qs as bigScreenPreviewFixtures,
+  ri as getBigScreenPreviewData
 };