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

package/dist/index.js

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