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

package/dist/index.js

@@ -1,35 +1,35 @@
-import { defineComponent as _, openBlock as n, createElementBlock as o, normalizeStyle as h, normalizeClass as f, createCommentVNode as u, toDisplayString as a, renderSlot as b, createElementVNode as e, createTextVNode as c, Fragment as y, renderList as g, createBlock as v, withCtx as q, computed as $ } from "vue";
-const k = {
+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";
+const $e = {
   key: 0,
   class: "qbs-panel__corner qbs-panel__corner--tl"
-}, w = {
+}, Ce = {
   key: 1,
   class: "qbs-panel__corner qbs-panel__corner--tr"
-}, S = {
+}, qe = {
   key: 2,
   class: "qbs-panel__corner qbs-panel__corner--bl"
-}, B = {
+}, Me = {
   key: 3,
   class: "qbs-panel__corner qbs-panel__corner--br"
-}, I = {
+}, Se = {
   key: 0,
   class: "qbs-panel__bar"
-}, x = {
+}, Ae = {
   key: 1,
   class: "qbs-panel__title"
-}, N = {
+}, Be = {
   key: 2,
   class: "qbs-panel__header-prefix"
-}, T = {
+}, Oe = {
   key: 3,
   class: "qbs-panel__header-center"
-}, C = {
+}, ze = {
   key: 4,
   class: "qbs-panel__header-extra"
-}, A = {
+}, Re = {
   key: 0,
   class: "qbs-panel__live"
-}, R = { class: "qbs-panel__body" }, L = /* @__PURE__ */ _({
+}, Ie = { class: "qbs-panel__body" }, Ne = /* @__PURE__ */ A({
   __name: "BigScreenPanel",
   props: {
     title: { default: "" },
@@ -42,67 +42,67 @@ const k = {
     titleSize: { default: "md" },
     overflowHidden: { type: Boolean, default: !0 }
   },
-  setup(t) {
-    const s = t;
-    function r(l) {
-      return s.corners === "all" ? !0 : s.corners === "none" ? !1 : l === "tl" || l === "br";
+  setup(d) {
+    const u = d;
+    function k(m) {
+      return u.corners === "all" ? !0 : u.corners === "none" ? !1 : m === "tl" || m === "br";
     }
-    return (l, d) => (n(), o("section", {
-      class: f(["qbs-panel", [
-        `qbs-panel--padding-${t.padding}`,
-        `qbs-panel--layout-${t.bodyLayout}`,
-        { "qbs-panel--overflow-hidden": t.overflowHidden }
+    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 }
       ]]),
-      style: h({ "--qbs-accent": t.accent })
+      style: v({ "--qbs-accent": d.accent })
     }, [
-      r("tl") ? (n(), o("span", k)) : u("", !0),
-      r("tr") ? (n(), o("span", w)) : u("", !0),
-      r("bl") ? (n(), o("span", S)) : u("", !0),
-      r("br") ? (n(), o("span", B)) : u("", !0),
-      t.title || t.liveLabel || l.$slots["header-center"] || l.$slots["header-extra"] ? (n(), o("header", {
+      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", {
         key: 4,
-        class: f(["qbs-panel__header", `qbs-panel__header--${t.titleSize}`])
+        class: S(["qbs-panel__header", `qbs-panel__header--${d.titleSize}`])
       }, [
-        t.showBar ? (n(), o("span", I)) : u("", !0),
-        t.title ? (n(), o("span", x, a(t.title), 1)) : u("", !0),
-        l.$slots["header-prefix"] ? (n(), o("span", N, [
-          b(l.$slots, "header-prefix", {}, void 0, !0)
-        ])) : u("", !0),
-        l.$slots["header-center"] ? (n(), o("span", T, [
-          b(l.$slots, "header-center", {}, void 0, !0)
-        ])) : u("", !0),
-        l.$slots["header-extra"] || t.liveLabel ? (n(), o("span", C, [
-          b(l.$slots, "header-extra", {}, () => [
-            t.liveLabel ? (n(), o("span", A, [
-              d[0] || (d[0] = e("span", { class: "qbs-panel__live-dot" }, null, -1)),
-              c(a(t.liveLabel), 1)
-            ])) : u("", !0)
+        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, [
+          T(m.$slots, "header-prefix", {}, void 0, !0)
+        ])) : h("", !0),
+        m.$slots["header-center"] ? (l(), t("span", Oe, [
+          T(m.$slots, "header-center", {}, void 0, !0)
+        ])) : h("", !0),
+        m.$slots["header-extra"] || d.liveLabel ? (l(), t("span", ze, [
+          T(m.$slots, "header-extra", {}, () => [
+            d.liveLabel ? (l(), t("span", Re, [
+              p[0] || (p[0] = e("span", { class: "qbs-panel__live-dot" }, null, -1)),
+              O(y(d.liveLabel), 1)
+            ])) : h("", !0)
           ], !0)
-        ])) : u("", !0)
-      ], 2)) : u("", !0),
-      e("div", R, [
-        b(l.$slots, "default", {}, void 0, !0)
+        ])) : h("", !0)
+      ], 2)) : h("", !0),
+      e("div", Ie, [
+        T(m.$slots, "default", {}, void 0, !0)
       ])
     ], 6));
   }
-}), p = (t, s) => {
-  const r = t.__vccOpts || t;
-  for (const [l, d] of s)
-    r[l] = d;
-  return r;
-}, P = /* @__PURE__ */ p(L, [["__scopeId", "data-v-749400b6"]]), E = {
+}), 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 = {
   key: 0,
   class: "qbs-duty-compact"
-}, j = { class: "qbs-duty-compact__avatar" }, U = { class: "qbs-duty-compact__info" }, D = { class: "qbs-duty-compact__name" }, G = { class: "qbs-duty-compact__phone" }, M = {
+}, 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 = {
   key: 0,
   class: "qbs-duty-compact__tag"
-}, z = {
+}, He = {
   key: 1,
   class: "qbs-duty"
-}, F = { class: "qbs-duty__summary" }, O = { class: "qbs-duty__summary-chip" }, H = { class: "qbs-duty__summary-chip" }, J = { class: "qbs-duty__summary-chip" }, V = { class: "qbs-duty__list" }, W = { class: "qbs-duty__group-header" }, K = { class: "qbs-duty__users" }, Q = {
+}, 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 = {
   key: 0,
   class: "qbs-duty__empty"
-}, Y = /* @__PURE__ */ _({
+}, Ke = /* @__PURE__ */ A({
   __name: "BigScreenDutyContent",
   props: {
     compact: { type: Boolean, default: !1 },
@@ -114,66 +114,66 @@ const k = {
     totalUsers: { default: void 0 },
     groups: { default: () => [] }
   },
-  setup(t) {
-    const s = t;
-    return (r, l) => s.compact ? (n(), o("div", E, [
-      e("div", j, a(s.personName.charAt(0) || "-"), 1),
-      e("div", U, [
-        e("span", D, a(s.personName || "暂未排班"), 1),
-        e("span", G, a(s.personPhone || "—"), 1)
+  setup(d) {
+    const u = d;
+    return (k, m) => u.compact ? (l(), t("div", De, [
+      e("div", Le, y(u.personName.charAt(0) || "-"), 1),
+      e("div", Pe, [
+        e("span", Ee, y(u.personName || "暂未排班"), 1),
+        e("span", Ge, y(u.personPhone || "—"), 1)
       ]),
-      s.personTag ? (n(), o("span", M, a(s.personTag), 1)) : u("", !0)
-    ])) : (n(), o("div", z, [
-      e("div", F, [
-        e("div", O, [
-          l[0] || (l[0] = e("span", null, "日期", -1)),
-          e("strong", null, a(s.date || "未同步"), 1)
+      u.personTag ? (l(), t("span", Ze, y(u.personTag), 1)) : h("", !0)
+    ])) : (l(), t("div", He, [
+      e("div", Ue, [
+        e("div", je, [
+          m[0] || (m[0] = e("span", null, "日期", -1)),
+          e("strong", null, y(u.date || "未同步"), 1)
         ]),
-        e("div", H, [
-          l[1] || (l[1] = e("span", null, "值班组", -1)),
-          e("strong", null, a(s.totalGroups ?? s.groups.length), 1)
+        e("div", Fe, [
+          m[1] || (m[1] = e("span", null, "值班组", -1)),
+          e("strong", null, y(u.totalGroups ?? u.groups.length), 1)
         ]),
-        e("div", J, [
-          l[2] || (l[2] = e("span", null, "值班人数", -1)),
-          e("strong", null, a(s.totalUsers ?? 0), 1)
+        e("div", Ye, [
+          m[2] || (m[2] = e("span", null, "值班人数", -1)),
+          e("strong", null, y(u.totalUsers ?? 0), 1)
         ])
       ]),
-      e("div", V, [
-        (n(!0), o(y, null, g(s.groups, (d) => {
-          var i;
-          return n(), o("article", {
-            key: d.groupId,
+      e("div", Qe, [
+        (l(!0), t(g, null, q(u.groups, (p) => {
+          var w;
+          return l(), t("article", {
+            key: p.groupId,
             class: "qbs-duty__group"
           }, [
-            e("div", W, [
-              e("strong", null, a(d.groupName), 1),
-              e("span", null, a(((i = d.users) == null ? void 0 : i.length) || 0) + " 人", 1)
+            e("div", We, [
+              e("strong", null, y(p.groupName), 1),
+              e("span", null, y(((w = p.users) == null ? void 0 : w.length) || 0) + " 人", 1)
             ]),
-            e("div", K, [
-              (n(!0), o(y, null, g(d.users || [], (m) => (n(), o("span", {
-                key: m.userId,
+            e("div", Ve, [
+              (l(!0), t(g, null, q(p.users || [], (R) => (l(), t("span", {
+                key: R.userId,
                 class: "qbs-duty__user"
-              }, a(m.nickName || m.username), 1))), 128))
+              }, y(R.nickName || R.username), 1))), 128))
             ])
           ]);
         }), 128)),
-        s.groups.length ? u("", !0) : (n(), o("div", Q, "暂无值班数据"))
+        u.groups.length ? h("", !0) : (l(), t("div", Je, "暂无值班数据"))
       ])
     ]));
   }
-}), Ue = /* @__PURE__ */ p(Y, [["__scopeId", "data-v-f5721bce"]]), X = { class: "qbs-alert-row__main" }, Z = { class: "qbs-alert-row__copy" }, ee = ["title"], te = { class: "qbs-alert-row__meta" }, se = { class: "qbs-alert-row__group" }, ae = {
+}), 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 = {
   key: 0,
   class: "qbs-alert-row__owner"
-}, ne = {
+}, al = {
   key: 1,
   class: "qbs-alert-row__time"
-}, le = {
+}, il = {
   key: 2,
   class: "qbs-alert-row__tag"
-}, oe = { class: "qbs-alert-row__status" }, re = {
+}, rl = { class: "qbs-alert-row__status" }, nl = {
   key: 0,
   class: "qbs-alert-row__aside"
-}, de = /* @__PURE__ */ _({
+}, cl = /* @__PURE__ */ A({
   __name: "BigScreenAlertRow",
   props: {
     title: {},
@@ -186,39 +186,39 @@ const k = {
     detailWide: { type: Boolean, default: !1 }
   },
   emits: ["select"],
-  setup(t) {
-    const s = t;
-    return (r, l) => (n(), o("button", {
-      class: f(["qbs-alert-row", { "qbs-alert-row--detail-wide": s.detailWide }]),
-      style: h({ "--qbs-alert-accent": s.accent }),
+  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 }),
       type: "button",
-      onClick: l[0] || (l[0] = (d) => r.$emit("select"))
+      onClick: m[0] || (m[0] = (p) => k.$emit("select"))
     }, [
-      e("div", X, [
-        e("div", Z, [
+      e("div", Xe, [
+        e("div", el, [
           e("div", {
             class: "qbs-alert-row__title",
-            title: s.title
-          }, a(s.title), 9, ee),
-          e("div", te, [
-            e("span", se, a(s.group), 1),
-            s.owner ? (n(), o("span", ae, a(s.owner), 1)) : u("", !0),
-            s.time ? (n(), o("span", ne, a(s.time), 1)) : u("", !0),
-            s.tag ? (n(), o("span", le, a(s.tag), 1)) : u("", !0)
+            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)
           ]),
-          e("div", oe, [
-            b(r.$slots, "status", {}, () => [
-              c(a(s.statusText || "待处理"), 1)
+          e("div", rl, [
+            T(k.$slots, "status", {}, () => [
+              O(y(u.statusText || "待处理"), 1)
             ], !0)
           ])
         ]),
-        r.$slots.aside ? (n(), o("aside", re, [
-          b(r.$slots, "aside", {}, void 0, !0)
-        ])) : u("", !0)
+        k.$slots.aside ? (l(), t("aside", nl, [
+          T(k.$slots, "aside", {}, void 0, !0)
+        ])) : h("", !0)
       ])
     ], 6));
   }
-}), De = /* @__PURE__ */ p(de, [["__scopeId", "data-v-83959767"]]), ue = { class: "qbs-metric-card__value" }, ie = { class: "qbs-metric-card__label" }, ce = /* @__PURE__ */ _({
+}), Ua = /* @__PURE__ */ B(cl, [["__scopeId", "data-v-83959767"]]), ul = { class: "qbs-metric-card__value" }, dl = { class: "qbs-metric-card__label" }, yl = /* @__PURE__ */ A({
   __name: "BigScreenMetricCard",
   props: {
     label: {},
@@ -226,39 +226,39 @@ const k = {
     tone: { default: "#7dd3fc" },
     compact: { type: Boolean, default: !1 }
   },
-  setup(t) {
-    const s = t;
-    return (r, l) => s.compact ? (n(), o("div", {
+  setup(d) {
+    const u = d;
+    return (k, m) => u.compact ? (l(), t("div", {
       key: 0,
       class: "qbs-metric-card qbs-metric-card--compact",
-      style: h({ "--qbs-metric-tone": s.tone })
+      style: v({ "--qbs-metric-tone": u.tone })
     }, [
-      e("span", null, a(s.label), 1),
+      e("span", null, y(u.label), 1),
       e("strong", null, [
-        b(r.$slots, "default", {}, () => [
-          c(a(s.value), 1)
+        T(k.$slots, "default", {}, () => [
+          O(y(u.value), 1)
         ], !0)
       ])
-    ], 4)) : (n(), v(P, {
+    ], 4)) : (l(), _e(Te, {
       key: 1,
       class: "qbs-metric-card",
       "body-layout": "metric",
       padding: "tight",
-      accent: s.tone
+      accent: u.tone
     }, {
-      default: q(() => [
-        b(r.$slots, "default", {}, () => [
-          e("strong", ue, a(s.value), 1)
+      default: be(() => [
+        T(k.$slots, "default", {}, () => [
+          e("strong", ul, y(u.value), 1)
         ], !0),
-        e("span", ie, a(s.label), 1)
+        e("span", dl, y(u.label), 1)
       ]),
       _: 3
     }, 8, ["accent"]));
   }
-}), Ge = /* @__PURE__ */ p(ce, [["__scopeId", "data-v-07353599"]]), _e = { class: "qbs-header" }, pe = { class: "qbs-header__body" }, be = { class: "qbs-header__brand" }, me = {
+}), ja = /* @__PURE__ */ B(yl, [["__scopeId", "data-v-07353599"]]), ml = { class: "qbs-header" }, hl = { class: "qbs-header__body" }, kl = { class: "qbs-header__brand" }, fl = {
   key: 0,
   class: "qbs-header__clock"
-}, ye = /* @__PURE__ */ _({
+}, pl = /* @__PURE__ */ A({
   __name: "BigScreenHeader",
   props: {
     title: { default: "运维监控大屏" },
@@ -268,58 +268,58 @@ const k = {
     weekdayText: { default: "" },
     showClock: { type: Boolean, default: !0 }
   },
-  setup(t) {
-    return (s, r) => (n(), o("section", _e, [
-      r[1] || (r[1] = e("i", { class: "qbs-header__glow" }, null, -1)),
-      e("div", pe, [
-        e("div", be, [
-          r[0] || (r[0] = e("i", { class: "qbs-header__crest" }, [
+  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" }, [
             e("b")
           ], -1)),
           e("div", null, [
-            e("p", null, a(t.subtitle), 1),
-            e("h1", null, a(t.title), 1)
+            e("p", null, y(d.subtitle), 1),
+            e("h1", null, y(d.title), 1)
           ])
         ]),
-        t.showClock ? (n(), o("div", me, [
-          e("strong", null, a(t.timeText), 1),
-          e("span", null, a(t.dateText) + " " + a(t.weekdayText), 1)
-        ])) : u("", !0)
+        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)
       ])
     ]));
   }
-}), Me = /* @__PURE__ */ p(ye, [["__scopeId", "data-v-cc041333"]]), ge = { class: "qbs-build-dist" }, fe = {
+}), Fa = /* @__PURE__ */ B(pl, [["__scopeId", "data-v-cc041333"]]), xl = { class: "qbs-build-dist" }, gl = {
   key: 0,
   class: "qbs-build-dist__empty"
-}, he = /* @__PURE__ */ _({
+}, _l = /* @__PURE__ */ A({
   __name: "BigScreenBuildDistribution",
   props: {
     items: { default: () => [] },
     total: { default: 0 }
   },
-  setup(t) {
-    const s = t, r = (l) => `${(l / Math.max(1, s.total || s.items.reduce((d, i) => d + i.count, 0)) * 100).toFixed(1)}%`;
-    return (l, d) => (n(), o("div", ge, [
-      (n(!0), o(y, null, g(s.items.slice(0, 8), (i) => (n(), o("article", {
-        key: i.name
+  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", {
+        key: w.name
       }, [
         e("div", null, [
-          e("strong", null, a(i.name), 1),
-          e("span", null, a(i.count), 1)
+          e("strong", null, y(w.name), 1),
+          e("span", null, y(w.count), 1)
         ]),
         e("i", null, [
           e("b", {
-            style: h({ width: r(i.count) })
+            style: v({ width: k(w.count) })
           }, null, 4)
         ])
       ]))), 128)),
-      s.items.length ? u("", !0) : (n(), o("div", fe, "暂无构建分布数据"))
+      u.items.length ? h("", !0) : (l(), t("div", gl, "暂无构建分布数据"))
     ]));
   }
-}), ze = /* @__PURE__ */ p(he, [["__scopeId", "data-v-608b33d9"]]), ve = { class: "qbs-build-projects" }, qe = { class: "qbs-build-projects__summary" }, $e = { class: "qbs-build-projects__list" }, ke = {
+}), 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 = {
   key: 0,
   class: "qbs-build-projects__empty"
-}, we = /* @__PURE__ */ _({
+}, Cl = /* @__PURE__ */ A({
   __name: "BigScreenBuildProjects",
   props: {
     buildingCount: { default: 0 },
@@ -327,46 +327,46 @@ const k = {
     successRate: { default: 0 },
     items: { default: () => [] }
   },
-  setup(t) {
-    const s = (r) => `${Math.max(0, Math.min(100, r || 0))}%`;
-    return (r, l) => (n(), o("div", ve, [
-      e("div", qe, [
+  setup(d) {
+    const u = (k) => `${Math.max(0, Math.min(100, k || 0))}%`;
+    return (k, m) => (l(), t("div", bl, [
+      e("div", vl, [
         e("span", null, [
-          l[0] || (l[0] = c("构建中", -1)),
-          e("strong", null, a(t.buildingCount), 1)
+          m[0] || (m[0] = O("构建中", -1)),
+          e("strong", null, y(d.buildingCount), 1)
         ]),
         e("span", null, [
-          l[1] || (l[1] = c("今日构建", -1)),
-          e("strong", null, a(t.todayBuilds), 1)
+          m[1] || (m[1] = O("今日构建", -1)),
+          e("strong", null, y(d.todayBuilds), 1)
         ]),
         e("span", null, [
-          l[2] || (l[2] = c("成功率", -1)),
-          e("strong", null, a(Number(t.successRate).toFixed(1)) + "%", 1)
+          m[2] || (m[2] = O("成功率", -1)),
+          e("strong", null, y(Number(d.successRate).toFixed(1)) + "%", 1)
         ])
       ]),
-      e("div", $e, [
-        (n(!0), o(y, null, g(t.items.slice(0, 8), (d) => (n(), o("article", {
-          key: `${d.pipelineId}-${d.buildId}`
+      e("div", wl, [
+        (l(!0), t(g, null, q(d.items.slice(0, 8), (p) => (l(), t("article", {
+          key: `${p.pipelineId}-${p.buildId}`
         }, [
           e("div", null, [
-            e("strong", null, a(d.jobName || `Pipeline-${d.pipelineId}`), 1),
-            e("span", null, a(d.statusText), 1)
+            e("strong", null, y(p.jobName || `Pipeline-${p.pipelineId}`), 1),
+            e("span", null, y(p.statusText), 1)
           ]),
           e("p", null, [
-            e("span", null, a(d.currentStage || "等待阶段信息"), 1),
-            e("span", null, a(d.buildUser || "系统触发"), 1)
+            e("span", null, y(p.currentStage || "等待阶段信息"), 1),
+            e("span", null, y(p.buildUser || "系统触发"), 1)
           ]),
           e("i", null, [
             e("b", {
-              style: h({ width: s(d.progress) })
+              style: v({ width: u(p.progress) })
             }, null, 4)
           ])
         ]))), 128)),
-        t.items.length ? u("", !0) : (n(), o("div", ke, "当前没有在跑的构建项目"))
+        d.items.length ? h("", !0) : (l(), t("div", $l, "当前没有在跑的构建项目"))
       ])
     ]));
   }
-}), Fe = /* @__PURE__ */ p(we, [["__scopeId", "data-v-6c6f003c"]]), Se = { class: "qbs-robot" }, Be = { class: "qbs-robot__head" }, Ie = { class: "qbs-robot__metrics" }, xe = /* @__PURE__ */ _({
+}), 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({
   __name: "BigScreenRobotSummary",
   props: {
     status: { default: "online" },
@@ -377,98 +377,2683 @@ const k = {
     alerts: { default: () => ({}) },
     successRate: { default: 0 }
   },
-  setup(t) {
-    return (s, r) => (n(), o("div", Se, [
-      e("div", Be, [
+  setup(d) {
+    return (u, k) => (l(), t("div", ql, [
+      e("div", Ml, [
         e("i", {
-          class: f(`is-${t.emotion}`)
+          class: S(`is-${d.emotion}`)
         }, null, 2),
         e("div", null, [
-          e("strong", null, a(t.status), 1),
-          e("span", null, a(t.mode) + " · " + a(t.generatedAt), 1)
+          e("strong", null, y(d.status), 1),
+          e("span", null, y(d.mode) + " · " + y(d.generatedAt), 1)
         ])
       ]),
-      e("div", Ie, [
+      e("div", Sl, [
         e("span", null, [
-          r[0] || (r[0] = c("值班组", -1)),
-          e("b", null, a(t.summary.dutyGroups ?? 0), 1)
+          k[0] || (k[0] = O("值班组", -1)),
+          e("b", null, y(d.summary.dutyGroups ?? 0), 1)
         ]),
         e("span", null, [
-          r[1] || (r[1] = c("今日告警", -1)),
-          e("b", null, a(t.summary.todayAlerts ?? 0), 1)
+          k[1] || (k[1] = O("今日告警", -1)),
+          e("b", null, y(d.summary.todayAlerts ?? 0), 1)
         ]),
         e("span", null, [
-          r[2] || (r[2] = c("构建中", -1)),
-          e("b", null, a(t.summary.buildingCount ?? 0), 1)
+          k[2] || (k[2] = O("构建中", -1)),
+          e("b", null, y(d.summary.buildingCount ?? 0), 1)
         ]),
         e("span", null, [
-          r[3] || (r[3] = c("终端节点", -1)),
-          e("b", null, a(t.summary.endpointNodes ?? 0), 1)
+          k[3] || (k[3] = O("终端节点", -1)),
+          e("b", null, y(d.summary.endpointNodes ?? 0), 1)
         ])
       ])
     ]));
   }
-}), Oe = /* @__PURE__ */ p(xe, [["__scopeId", "data-v-534c73e7"]]), Ne = { class: "qbs-endpoints" }, Te = {
+}), Wa = /* @__PURE__ */ B(Al, [["__scopeId", "data-v-534c73e7"]]), Bl = { class: "qbs-endpoints" }, Ol = {
   key: 0,
   class: "qbs-endpoints__empty"
-}, Ce = /* @__PURE__ */ _({
+}, zl = /* @__PURE__ */ A({
   __name: "BigScreenEndpointDistribution",
   props: {
     items: { default: () => [] }
   },
-  setup(t) {
-    return (s, r) => (n(), o("div", Ne, [
-      (n(!0), o(y, null, g(t.items, (l) => {
-        var d;
-        return n(), o("article", {
-          key: l.id
+  setup(d) {
+    return (u, k) => (l(), t("div", Bl, [
+      (l(!0), t(g, null, q(d.items, (m) => {
+        var p;
+        return l(), t("article", {
+          key: m.id
         }, [
           e("div", null, [
-            e("strong", null, a(l.nodeName), 1),
+            e("strong", null, y(m.nodeName), 1),
             e("span", {
-              class: f({ offline: !l.nodeStatus })
-            }, a(l.nodeStatus ? "在线" : "离线"), 3)
+              class: S({ offline: !m.nodeStatus })
+            }, y(m.nodeStatus ? "在线" : "离线"), 3)
           ]),
-          e("small", null, a(l.nodeIp), 1),
-          (n(!0), o(y, null, g((d = l.heartbeatResults) == null ? void 0 : d.slice(0, 3), (i) => {
-            var m;
-            return n(), o("p", {
-              key: i.targetName
-            }, a(i.targetName || i.targetIp) + " · " + a(((m = i.latencyMs) == null ? void 0 : m.toFixed(1)) ?? "—") + " ms", 1);
+          e("small", null, y(m.nodeIp), 1),
+          (l(!0), t(g, null, q((p = m.heartbeatResults) == null ? void 0 : p.slice(0, 3), (w) => {
+            var R;
+            return l(), t("p", {
+              key: w.targetName
+            }, y(w.targetName || w.targetIp) + " · " + y(((R = w.latencyMs) == null ? void 0 : R.toFixed(1)) ?? "—") + " ms", 1);
           }), 128))
         ]);
       }), 128)),
-      t.items.length ? u("", !0) : (n(), o("div", Te, "暂无终端分布数据"))
+      d.items.length ? h("", !0) : (l(), t("div", Ol, "暂无终端分布数据"))
     ]));
   }
-}), He = /* @__PURE__ */ p(Ce, [["__scopeId", "data-v-9abd8314"]]), Ae = { class: "qbs-embed" }, Re = ["src", "title"], Le = { key: 1 }, Pe = /* @__PURE__ */ _({
+}), Va = /* @__PURE__ */ B(zl, [["__scopeId", "data-v-9abd8314"]]), Rl = { class: "qbs-embed" }, Il = ["src", "title"], Nl = { key: 1 }, Tl = /* @__PURE__ */ A({
   __name: "BigScreenExternalEmbed",
   props: {
     url: { default: "" },
     title: { default: "外部仪表盘" }
   },
-  setup(t) {
-    const s = t, r = $(() => {
+  setup(d) {
+    const u = d, k = b(() => {
       try {
-        const l = new URL(s.url);
-        return ["http:", "https:"].includes(l.protocol) ? l.toString() : "";
+        const m = new URL(u.url);
+        return ["http:", "https:"].includes(m.protocol) ? m.toString() : "";
       } catch {
         return "";
       }
     });
-    return (l, d) => (n(), o("section", Ae, [
-      r.value ? (n(), o("iframe", {
+    return (m, p) => (l(), t("section", Rl, [
+      k.value ? (l(), t("iframe", {
         key: 0,
-        src: r.value,
-        title: t.title,
+        src: k.value,
+        title: d.title,
         loading: "lazy",
         referrerpolicy: "no-referrer",
         sandbox: "allow-scripts allow-same-origin allow-forms allow-popups",
         allow: "fullscreen"
-      }, null, 8, Re)) : (n(), o("div", Le, "请在 Props JSON 中配置 http(s) 外部仪表盘 URL。"))
+      }, null, 8, Il)) : (l(), t("div", Nl, "请在 Props JSON 中配置 http(s) 外部仪表盘 URL。"))
     ]));
   }
-}), Je = /* @__PURE__ */ p(Pe, [["__scopeId", "data-v-f20c22f6"]]), Ee = {
+}), Ja = /* @__PURE__ */ B(Tl, [["__scopeId", "data-v-f20c22f6"]]), Dl = {
+  width: "300",
+  height: "290",
+  viewBox: "0 0 240 230",
+  class: "overflow-visible drop-shadow-[0_18px_24px_rgba(37,99,235,0.25)]"
+}, Ll = ["stroke"], Pl = ["fill"], El = ["fill"], Gl = ["rx", "ry", "opacity"], Zl = ["rx", "ry", "opacity"], Hl = ["fill"], Ul = ["d"], jl = ["d"], Fl = ["d"], Yl = ["d"], Ql = { key: 5 }, Wl = ["d"], Vl = ["d"], Jl = ["x", "y"], Kl = ["x", "y"], Xl = ["cx"], et = ["cx"], lt = ["x1", "y1", "x2", "y2"], tt = ["x1", "y1", "x2", "y2"], ot = ["cy"], st = ["cy"], at = ["x1", "y1", "x2", "y2"], it = ["x1", "y1", "x2", "y2"], rt = ["cx", "cy"], nt = ["cx", "cy"], ct = ["cx", "cy"], ut = ["cx", "cy"], dt = ["cx", "cy"], yt = ["cx", "cy"], mt = ["cx", "cy"], ht = ["cx", "cy"], kt = ["cy"], ft = ["cy"], pt = ["cy"], xt = ["cy"], gt = ["x", "y"], _t = ["x", "y"], bt = ["x1", "x2"], vt = ["x1", "x2"], wt = ["cy"], $t = ["cx", "cy"], Ct = ["x", "y"], qt = ["cx", "cy"], Mt = ["cx", "cy"], St = ["cx", "cy"], At = ["cx", "cy"], Bt = ["cx", "cy"], Ot = ["cx", "cy"], zt = ["cx", "cy"], Rt = ["x1", "y1", "x2", "y2"], It = ["x1", "y1", "x2", "y2"], Nt = ["x1", "x2"], Tt = ["x1", "x2"], Dt = { key: 16 }, Lt = ["cy"], Pt = ["cy"], Et = ["cy"], Gt = ["cy"], Zt = ["x", "y"], Ht = ["x", "y"], Ut = ["d"], jt = ["d"], Ft = ["cy"], Yt = ["cy"], Qt = ["x1", "y1", "x2", "y2"], Wt = ["x1", "y1", "x2", "y2"], Vt = { key: 19 }, Jt = ["cy"], Kt = ["cy"], Xt = ["cy"], eo = ["cy"], lo = ["x", "y"], to = ["x", "y"], oo = ["d"], so = ["d"], ao = ["d"], io = ["d"], ro = ["x1", "x2"], no = ["x1", "x2"], co = ["d"], uo = ["d"], yo = ["cy"], mo = ["cy"], ho = ["cx", "cy"], ko = ["cx", "cy"], fo = ["cx", "cy"], po = ["cx", "cy"], xo = ["x1", "y1", "x2", "y2"], go = ["x1", "y1", "x2", "y2"], _o = ["cx", "cy"], bo = ["cx", "cy"], vo = ["cx", "cy"], wo = ["cx", "cy"], $o = ["cx", "cy"], Co = ["cx", "cy"], qo = ["cx", "cy"], Mo = ["cx", "cy"], So = ["cy"], Ao = ["cy"], Bo = ["cx", "cy"], Oo = ["cx", "cy"], zo = ["cy"], Ro = ["cy"], Io = ["x1", "y1", "x2", "y2"], No = ["x1", "y1", "x2", "y2"], To = ["d"], Do = ["d"], Lo = ["d"], Po = ["d"], Eo = ["cx", "cy"], Go = ["x1", "x2"], Zo = ["x", "y"], Ho = ["x", "y"], Uo = { key: 10 }, jo = { key: 16 }, Fo = {
+  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 = {
+  key: 46,
+  class: "animate-spin-slow",
+  style: { transformOrigin: "168px 62px" }
+}, ss = ["fill"], as = ["transform"], is = {
+  key: 47,
+  transform: "rotate(40 168 62)"
+}, rs = ["fill"], ns = {
+  key: 48,
+  class: "animate-wobble",
+  style: { transformOrigin: "168px 60px" }
+}, cs = ["fill"], us = ["fill"], ds = {
+  key: 49,
+  class: "animate-self-spin",
+  style: { transformOrigin: "168px 60px" }
+}, ys = ["stroke"], ms = {
+  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 = {
+  key: 53,
+  class: "animate-scan-move"
+}, vs = ["stroke"], ws = ["stroke"], $s = { key: 54 }, Cs = ["stroke"], qs = ["fill"], Ms = ["fill"], Ss = ["fill"], As = ["stroke"], Bs = {
+  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 = {
+  key: 62,
+  class: "animate-alert-flash",
+  style: { transformOrigin: "168px 60px" }
+}, Zs = ["fill"], Hs = { key: 63 }, Us = ["fill"], js = {
+  key: 64,
+  class: "animate-alert-flash"
+}, Fs = ["fill"], Ys = {
+  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 = {
+  key: 67,
+  class: "animate-body-glow",
+  style: { transformOrigin: "168px 62px" }
+}, ta = ["fill"], oa = {
+  key: 68,
+  class: "animate-dot-blink"
+}, sa = { key: 69 }, aa = ["stroke"], ia = ["fill"], ra = ["fill"], na = { key: 72 }, ca = {
+  key: 73,
+  class: "animate-bball-ball",
+  style: { transformOrigin: "120px 148px" }
+}, ua = {
+  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 = {
+  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 = {
+  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({
+  __name: "QuarkRobot",
+  props: {
+    emotion: {},
+    action: { default: "idle" },
+    speaking: { type: Boolean, default: !1 }
+  },
+  setup(d) {
+    const u = d, k = {
+      // 基础情绪
+      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" },
+      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" },
+      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" },
+      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" },
+      // 日常状态
+      sleepy: { eyes: "closed", mouth: "dot", anim: "animate-robot-sway" },
+      thinking: { eyes: "lookup", mouth: "flat", sym: "question", symColor: i, anim: "animate-robot-float" },
+      thinkingWait: { eyes: "thinkEyes", mouth: "flat", sym: "loader", symColor: i, arms: "chinRest", signalAnim: "animate-signal-coolblink", signalOverride: "oklch(0.72 0.08 220)", anim: "animate-thinking-tilt" },
+      dazed: { eyes: "blank", mouth: "flat", sym: "ellipsis", symColor: "var(--muted-foreground)", anim: "animate-robot-sway" },
+      tired: { eyes: "half", mouth: "frown", anim: "animate-robot-droop" },
+      confused: { eyes: "confused", mouth: "wavy", sym: "question", symColor: "var(--robot-amber)", anim: "animate-wobble" },
+      eureka: { eyes: "excited", mouth: "open", sym: "bulb", symColor: "var(--robot-amber)", arms: "ahaPoint", anim: "animate-robot-bounce" },
+      yawn: { eyes: "closed", mouth: "bigopen", tear: !0, arms: "stretchYawn", anim: "animate-robot-sway" },
+      spacedout: { eyes: "blank", mouth: "flat", sym: "ellipsis", symColor: "var(--muted-foreground)", anim: "animate-robot-sway" },
+      eurekaClap: { eyes: "excited", mouth: "open", sym: "bulb", symColor: "var(--robot-amber)", arms: "clap", anim: "animate-robot-bounce" },
+      rubEyes: { eyes: "closed", mouth: "frown", arms: "rub", anim: "animate-robot-droop" },
+      // 人设神态
+      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" },
+      // 聆听神态
+      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" },
+      listenPeek: { eyes: "wide", mouth: "smileSoft", sym: "soundwave", symColor: i, anim: "animate-peek" },
+      // 工作办公
+      busy: { eyes: "thinkEyes", mouth: "flat", sweat: !0, sym: "gear", symColor: "var(--robot-blue-dark)", arms: "overtimeArms", anim: "animate-busy-type" },
+      processing: { eyes: "neutral", mouth: "flat", sym: "gear", symColor: "var(--robot-blue-dark)", arms: "overtimeArms", anim: "animate-nod" },
+      done: { eyes: "happy", mouth: "smile", sym: "check", symColor: z, arms: "approve", anim: "animate-robot-float" },
+      notes: { eyes: "lookdown", mouth: "smileSoft", sym: "pencil", symColor: "var(--robot-blue-dark)", arms: "writeDown", anim: "animate-notes-write" },
+      stuck: { eyes: "dizzy", mouth: "flat", sweat: !0, sym: "question", symColor: "var(--muted-foreground)", arms: "shrug", anim: "animate-robot-shake" },
+      askHumble: { eyes: "lookup", mouth: "smileSoft", sym: "question", symColor: i, arms: "humble", anim: "animate-robot-float" },
+      report: { eyes: "neutral", mouth: "smile", arms: "point", anim: "animate-robot-float" },
+      standby: { eyes: "neutral", mouth: "flat", sym: "bell", symColor: "var(--robot-amber)", arms: "attentiveOpen", anim: "animate-robot-float" },
+      checkData: { eyes: "thinkEyes", mouth: "flat", sym: "target", symColor: "var(--robot-blue-dark)", arms: "scanArmRight", anim: "animate-check-scan" },
+      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" },
+      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" },
+      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" },
+      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" },
+      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" },
+      furious: { eyes: "narrow", mouth: "grit", arms: "akimbo", signalAnim: "animate-signal-red", signalOverride: "oklch(0.58 0.22 22)", anim: "animate-furious" },
+      sorrowful: { eyes: "droopy", mouth: "bigFrown", tear: !0, tear2: !0, arms: "hangsDown", screenTint: "oklch(0.35 0.08 240 / 0.18)", signalAnim: "animate-signal-blue", signalOverride: "oklch(0.55 0.14 240)", anim: "animate-sorrowful" },
+      serene: { eyes: "softRound", mouth: "smileSoft", arms: "handsFold", signalOverride: "oklch(0.82 0.14 72)", anim: "animate-serene" },
+      amazed: { eyes: "bigRound", mouth: "bigopen", blush: !0, sym: "exclaim", symColor: "oklch(0.84 0.16 72)", arms: "alarm", signalAnim: "animate-signal-burst", signalOverride: "oklch(0.9 0.18 90)", anim: "animate-amazed" },
+      // 新增 5 个情绪
+      excited2: { eyes: "arcHappy", mouth: "bigSmile", blushStrong: !0, arms: "waveUp", signalAnim: "animate-signal-rapid", signalOverride: "oklch(0.84 0.16 72)", anim: "animate-excited-e" },
+      helpless2: { eyes: "halfDroopy", mouth: "bitterSmile", arms: "facepalm", signalAnim: "animate-signal-dim", signalOverride: "oklch(0.58 0.06 250)", anim: "animate-helpless" },
+      shy2: { eyes: "peekSlit", mouth: "heartMouth", blushPink: !0, arms: "faceCover", signalAnim: "animate-signal-pink", signalOverride: "oklch(0.82 0.14 20)", anim: "animate-shy" },
+      awkward2: { eyes: "halfSquint", mouth: "awkwardSmile", blush: !0, arms: "scratchHead", signalAnim: "animate-signal-soft", signalOverride: "oklch(0.88 0.12 85)", anim: "animate-awkward" },
+      scared2: { eyes: "scaredWide", mouth: "o", sweat: !0, arms: "headHold", signalAnim: "animate-signal-panic", signalOverride: "oklch(0.58 0.22 22)", anim: "animate-scared" },
+      // 情绪 11-15
+      grieved: { eyes: "droopy", mouth: "bigFrown", blush: !0, arms: "wipeTear", screenTint: "oklch(0.35 0.08 240 / 0.14)", signalAnim: "animate-signal-cold", signalOverride: "oklch(0.5 0.12 240)", anim: "animate-grieved" },
+      thrilled: { eyes: "bigRound", mouth: "bigopen", arms: "forwardReach", sym: "lightning", symColor: "oklch(0.9 0.18 90)", signalAnim: "animate-signal-bright", signalOverride: "oklch(0.9 0.18 90)", anim: "animate-thrilled" },
+      jealous: { eyes: "narrowSlant", mouth: "poutBig", blush: !0, arms: "crossArms", signalAnim: "animate-signal-purple", signalOverride: "oklch(0.62 0.14 280)", anim: "animate-jealous" },
+      speechless: { eyes: "dashEyes", mouth: "flat", arms: "templePoint", sym: "ellipsis", symColor: "oklch(0.55 0.04 250)", signalAnim: "animate-signal-gray", signalOverride: "oklch(0.45 0.06 250)", anim: "animate-speechless" },
+      proud: { eyes: "smug", mouth: "smile", arms: "oneAkimboThumb", sym: "sparkle2", symColor: "oklch(0.88 0.16 80)", signalAnim: "animate-signal-gold", signalOverride: "oklch(0.84 0.16 72)", anim: "animate-proud" },
+      // 情绪 16-20
+      drowsy: { eyes: "halfClosed", mouth: "open", arms: "armsLoose", sym: "zzz", symColor: "oklch(0.65 0.08 260)", signalAnim: "animate-signal-darkblue", signalOverride: "oklch(0.42 0.10 255)", anim: "animate-drowsy" },
+      thinking2: { eyes: "thinkEyes", mouth: "flat", arms: "chinRest", sym: "bulb", symColor: "oklch(0.84 0.14 90)", signalAnim: "animate-signal-coolblink", signalOverride: "oklch(0.72 0.08 220)", anim: "animate-thinking-tilt" },
+      daydream2: { eyes: "blankDot", mouth: "flat", arms: "clasp", signalAnim: "animate-signal-faint", signalOverride: "oklch(0.5 0.06 230)", anim: "animate-daydream" },
+      exhausted: { eyes: "heavyLid", mouth: "frown", arms: "slump", sym: "lowBattery", symColor: "oklch(0.58 0.22 22)", signalAnim: "animate-signal-rb", signalOverride: "oklch(0.45 0.10 260)", anim: "animate-exhausted" },
+      puzzled: { eyes: "bigRound", mouth: "o", arms: "shrug", sym: "question", symColor: "oklch(0.82 0.14 90)", signalAnim: "animate-signal-paleyellow", signalOverride: "oklch(0.86 0.14 90)", anim: "animate-puzzled" },
+      guarding: { eyes: "narrow", mouth: "flat", arms: "shieldUp", sym: "shield", symColor: "oklch(0.72 0.14 220)", signalAnim: "animate-signal-shield", signalOverride: "oklch(0.55 0.16 230)", anim: "animate-guard-stance" },
+      playBasketball: { eyes: "arcHappy", mouth: "bigSmile", blushPink: !0, sym: "miniBasketball", symColor: "oklch(0.65 0.16 40)", signalAnim: "animate-signal-bball", signalOverride: "oklch(0.75 0.18 72)", anim: "animate-bball-body" },
+      ironMountain: { eyes: "smug", mouth: "smile", blushPink: !0, signalAnim: "animate-signal-iron", signalOverride: "oklch(0.78 0.18 72)", anim: "animate-iron-hip" },
+      trafficRed: { eyes: "wide", mouth: "flat", arms: "trafficGuide", sym: "warning", symColor: C, body: C, signalAnim: "animate-signal-red", signalOverride: C, anim: "animate-traffic-stop" },
+      trafficYellow: { eyes: "thinkEyes", mouth: "flat", arms: "trafficGuide", sym: "warning", symColor: H, body: H, signalAnim: "animate-signal-soft", signalOverride: H, anim: "animate-traffic-wait" },
+      trafficGreen: { eyes: "happy", mouth: "smile", arms: "trafficGuide", sym: "check", symColor: z, body: z, signalAnim: "animate-signal-shield", signalOverride: z, anim: "animate-traffic-go" },
+      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 = {
+      // 基础互动 优化版
+      nod: "animate-nod-v2",
+      shakeHead: "animate-shakehead-v2",
+      bow: "animate-bow-v2",
+      cheer: "animate-cheer",
+      giggle: "animate-giggle",
+      peek: "animate-peek-v2",
+      // 走动循环
+      patrol: "animate-patrol-v2",
+      pacing: "animate-pacing",
+      patrolScan: "animate-patrol-scan",
+      guardStop: "animate-guard-sink",
+      // 转圈复位 三种逻辑
+      spinBoot: "animate-spin-boot",
+      spinFault: "animate-spin-fault",
+      spinDone: "animate-spin-done",
+      // 微动飘动
+      signalBreathe: "animate-breathe",
+      bodyBreathe: "animate-breathe",
+      cameraScan: "animate-patrol-v2",
+      idleDrift: "animate-idle-drift",
+      idleYawn: "animate-idle-yawn",
+      idleGlance: "animate-idle-glance",
+      idleNod: "animate-idle-nod",
+      // 交互特效
+      twoHandHeart: "animate-heart-lean",
+      celebrate: "animate-celebrate",
+      welcome: "animate-welcome",
+      comfort: "animate-comfort",
+      victoryPose: "animate-victory",
+      trafficRed: "animate-traffic-stop",
+      trafficYellow: "animate-traffic-wait",
+      trafficGreen: "animate-traffic-go",
+      ironMountain: "animate-iron-hip",
+      playBasketball: "animate-bball-body",
+      sing: "animate-sing-body"
+    }, p = {
+      // 基础互动
+      nod: "approve",
+      shakeHead: "denyPush",
+      blowKiss: "kiss",
+      waveNo: "waveNo",
+      bow: "bow",
+      cheer: "cheer",
+      giggle: "giggle",
+      peek: "point",
+      // 走动循环
+      patrol: "march",
+      pacing: "ponderHand",
+      patrolScan: "scan",
+      // 转圈复位
+      spinBoot: "bootStretch",
+      // 微动飘动（各具辨识度的待机手臂）
+      bodyBreathe: "restBreathe",
+      idleDrift: "floatArms",
+      idleYawn: "stretchYawn",
+      idleGlance: "armsLoose",
+      idleNod: "droopArms",
+      // 交互特效
+      twoHandHeart: "heartCenter",
+      fingerSparkle: "sparkle",
+      thumbsUp: "thumbsUp",
+      celebrate: "alarm",
+      welcome: "spread",
+      comfort: "humble",
+      victoryPose: "alarm",
+      trafficRed: "trafficGuide",
+      trafficYellow: "trafficGuide",
+      trafficGreen: "trafficGuide",
+      guardStop: "flagGuard",
+      ironMountain: "shoulderBash",
+      playBasketball: "shootBall",
+      sing: "conductMusic"
+    }, w = {
+      spinBoot: "oklch(0.7 0.18 200)",
+      // 青色 - 启动
+      spinFault: "oklch(0.6 0.23 22)",
+      // 红色 - 故障
+      spinDone: "oklch(0.75 0.18 145)",
+      // 绿色 - 完成
+      guardStop: "oklch(0.58 0.22 22)",
+      // 红色呼吸 - 驻守
+      twoHandHeart: "oklch(0.72 0.18 340)",
+      // 粉红 - 爱心
+      patrolScan: "oklch(0.7 0.18 200)",
+      // 青色 - 扫描
+      celebrate: "oklch(0.82 0.16 72)",
+      // 琥珀 - 庆祝
+      victoryPose: "oklch(0.75 0.18 145)",
+      // 绿色 - 胜利
+      welcome: "oklch(0.7 0.18 200)",
+      // 青色 - 迎宾
+      comfort: "oklch(0.78 0.12 340)",
+      // 粉色 - 安抚
+      idleYawn: "oklch(0.6 0.08 264)",
+      // 暗蓝 - 困倦
+      idleGlance: "oklch(0.6 0.08 264)",
+      // 暗蓝 - 发呆
+      playBasketball: "oklch(0.75 0.18 72)",
+      // 橙黄 - 篮球
+      ironMountain: "oklch(0.78 0.18 72)",
+      // 橙黄 - 铁山靠
+      trafficRed: C,
+      trafficYellow: H,
+      trafficGreen: z,
+      sing: "oklch(0.82 0.16 72)"
+    }, R = {
+      celebrate: "confetti",
+      victoryPose: "confetti",
+      fingerSparkle: "particles",
+      twoHandHeart: "heart-particles",
+      welcome: "glow",
+      spinBoot: "scan-ring",
+      spinFault: "scan-ring",
+      spinDone: "scan-ring",
+      patrolScan: "scan-ring",
+      guardStop: "flag",
+      trafficRed: "traffic-light",
+      trafficYellow: "traffic-light",
+      trafficGreen: "traffic-light",
+      sing: "music-notes"
+    }, te = {
+      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" },
+      kiss: { l: -8, r: 120 },
+      heart: { l: -120, r: 120 },
+      bow: { l: 35, r: -35 },
+      giggle: { l: -145, r: 145 },
+      pray: { l: -55, r: 55 },
+      thumbsUp: { l: -8, r: 65 },
+      point: { l: -8, r: 30 },
+      sparkle: { l: -35, r: 35 },
+      hug: { l: -45, r: 45 },
+      clap: { l: 55, r: -55, la: "animate-arm-wave", ra: "animate-arm-wave" },
+      rub: { l: -8, r: 125 },
+      humble: { l: -8, r: 50 },
+      shh: { l: -8, r: 135 },
+      alarm: { l: 130, r: -130, la: "animate-arm-pump", ra: "animate-arm-pump" },
+      limp: { l: -85, r: 85 },
+      caution: { l: -8, r: -105, ra: "animate-arm-wave" },
+      scan: { l: -8, r: -45, ra: "animate-arm-scan" },
+      spread: { l: -35, r: 35 },
+      pointUp: { l: -8, r: -130 },
+      // 双手向中线靠拢，形成爱心弧线
+      heartCenter: { l: 55, r: -55 },
+      // 双臂微微前伸汇聚，扶住旗杆
+      flagGuard: { l: 30, r: -30 },
+      // 叉腰：双臂向下收紧贴腰侧（生气，比垂落更内收）
+      akimbo: { l: -42, r: 42 },
+      // 完全垂落（伤心）
+      hangsDown: { l: -95, r: 95 },
+      // 双手举在头顶斜上方反复挥动（兴奋）
+      waveUp: { l: 72, r: -72, la: "animate-arm-pump", ra: "animate-arm-pump" },
+      // 单手扶额（无奈），左手抬到前额，右手垂落
+      facepalm: { l: 108, r: 80 },
+      // 双手遮脸（害羞），双臂举到脸前遮住
+      faceCover: { l: 92, r: -92 },
+      // 单手挠头（尴尬），右手举到头顶后侧，左手垂落
+      scratchHead: { l: -82, r: -128 },
+      // 双手抱头（慌张），双臂高举到头顶两侧抱住
+      headHold: { l: 125, r: -125 },
+      // 双手向前上方伸展（激动，张开欢腾）
+      forwardReach: { l: 34, r: -34 },
+      // 双臂在胸前交叉抱住（吃醋）
+      crossArms: { l: 58, r: -58 },
+      // 单手指太阳穴（无语），左手举到头侧，右手垂落
+      templePoint: { l: -105, r: 8 },
+      // 一手叉腰一手比赞（得意）
+      oneAkimboThumb: { l: -52, r: 65 },
+      // 单手托脸颊（思考），右手抬到下巴高度，左手抱臂
+      chinRest: { l: 42, r: -75 },
+      // 双手前伸向下（忙碌加班，模拟趴键盘）
+      overtimeArms: { l: 68, r: -68 },
+      // 右手前下方写字，左手轻抱（记笔记）
+      writeDown: { l: 38, r: -55 },
+      // 右手前伸扫视，左手自然（核对资料）
+      scanArmRight: { l: -70, r: -40 },
+      // 双臂抬起平行护胸（防护举盾）
+      shieldUp: { l: 72, r: -72 },
+      // 完全赞同：双手抬到胸前上举，轻轻点动
+      approve: { l: 44, r: -44, la: "animate-arm-nod", ra: "animate-arm-nod" },
+      // 摇头否认：双掌前推，快速左右小摆（拒绝）
+      denyPush: { l: 66, r: -66, la: "animate-arm-shake-x", ra: "animate-arm-shake-x" },
+      // 缓步巡逻：双臂前后交替摆动（走路）
+      march: { l: -8, r: 8, la: "animate-arm-march-a", ra: "animate-arm-march-b" },
+      // 来回踱步：右手托下��思考，左手自然垂
+      ponderHand: { l: -8, r: -66 },
+      // 开机自检：双臂微微外张待命（配合转圈）
+      bootStretch: { l: -34, r: 34 },
+      // 机身呼吸：双臂放松外张，随呼吸缓慢开合
+      restBreathe: { l: -22, r: 22, la: "animate-arm-breathe", ra: "animate-arm-breathe" },
+      // 微幅漂浮：双臂轻飘外摆
+      floatArms: { l: -45, r: 45, la: "animate-arm-breathe", ra: "animate-arm-breathe" },
+      // 打哈欠伸懒腰：左臂上举伸展，右臂垂
+      stretchYawn: { l: -108, r: 22 },
+      // 双手身前松松搭着（发呆）
+      clasp: { l: 34, r: -34 },
+      // 犯困点头：双臂沉重下垂（打盹）
+      droopArms: { l: -86, r: 86 },
+      // 开心：双臂高举成 V 字欢呼
+      joyRaise: { l: 82, r: -82 },
+      // 平静：双手放松自然垂在身侧微微外张
+      handsFold: { l: -68, r: 68 },
+      // 委屈：右手抬到眼角揉眼，左手无力下垂
+      wipeTear: { l: -90, r: -95 },
+      // 疲惫：双臂彻底瘫垂（比垂落更低更松）
+      slump: { l: -104, r: 104 },
+      // 疑惑：双手摊开耸肩（不解）
+      shrug: { l: 56, r: -56 },
+      // 恍然大悟：右手食指向上一举（灵光乍现）
+      ahaPoint: { l: -8, r: -95 },
+      // 正大光明聆听：双臂张开，认真接纳
+      attentiveOpen: { l: -40, r: 40 },
+      // 松垮无力（发呆/放空）
+      armsLoose: { l: -16, r: 16 },
+      // 铁山靠：双手下落扶住腰部背带
+      shoulderBash: { l: -88, r: 88, la: "animate-iron-arm", ra: "animate-iron-arm" },
+      // 打篮球：初始双手侧平，动画接管实际造型
+      shootBall: { l: -8, r: 8, la: "animate-bball-arm-l", ra: "animate-bball-arm-r" },
+      // 右手握住旁边交通灯的竖杆
+      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 = [
+      { 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 = [
+      { 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 },
+      { x: 75, y: 50, cx: -52, cy: -30, cr: "200deg", color: "oklch(0.7 0.18 200)", size: 3 },
+      { 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 = [
+      { 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 }, (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)"
+      }))
+    ], 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;
+    }
+    function ee() {
+      Q = setTimeout(
+        () => {
+          Y.value = !0, setTimeout(() => Y.value = !1, 130), ee();
+        },
+        2200 + Math.random() * 2600
+      );
+    }
+    ve(() => {
+      window.addEventListener("mousemove", X), ee();
+    }), we(() => {
+      window.removeEventListener("mousemove", X), Q && clearTimeout(Q);
+    });
+    const _ = b(() => F.value.x), M = b(() => F.value.y), ue = b(() => u.emotion === "excited" || u.emotion === "eureka" || u.emotion === "eurekaClap"), de = b(() => ({ transform: `rotate(${K.value * 0.4}deg)` })), ye = b(() => {
+      const x = {
+        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 = {
+        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 = [
+      { 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`;
+    }
+    const fe = [0, 45, 90, 135, 180, 225, 270, 315];
+    return (x, s) => (l(), t("div", {
+      ref_key: "wrapRef",
+      ref: J,
+      class: "relative flex w-full max-w-[300px] items-center justify-center",
+      "aria-hidden": "true"
+    }, [
+      e("div", {
+        style: v(de.value)
+      }, [
+        e("div", {
+          class: S(oe.value)
+        }, [
+          (l(), t("svg", Dl, [
+            e("line", {
+              x1: "120",
+              y1: "42",
+              x2: "120",
+              y2: "30",
+              stroke: I.value,
+              "stroke-width": "6",
+              "stroke-linecap": "round"
+            }, null, 8, Ll),
+            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),
+            e("rect", {
+              x: "44",
+              y: "40",
+              width: "152",
+              height: "152",
+              rx: "54",
+              fill: I.value,
+              style: { transition: "fill 0.3s ease" }
+            }, null, 8, El),
+            s[46] || (s[46] = e("rect", {
+              x: "44",
+              y: "40",
+              width: "152",
+              height: "152",
+              rx: "54",
+              fill: "oklch(1 0 0 / 0.08)"
+            }, null, -1)),
+            a.value.blush || a.value.blushStrong ? (l(), t(g, { key: 0 }, [
+              e("ellipse", {
+                cx: "72",
+                cy: "128",
+                rx: a.value.blushStrong ? 14 : 11,
+                ry: a.value.blushStrong ? 10 : 8,
+                fill: "var(--robot-amber)",
+                opacity: a.value.blushStrong ? 0.95 : 0.85
+              }, null, 8, Gl),
+              e("ellipse", {
+                cx: "168",
+                cy: "128",
+                rx: a.value.blushStrong ? 14 : 11,
+                ry: a.value.blushStrong ? 10 : 8,
+                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", {
+                cx: "73",
+                cy: "129",
+                rx: "13",
+                ry: "9",
+                fill: "oklch(0.72 0.22 0)",
+                opacity: "0.72"
+              }, null, -1)),
+              s[1] || (s[1] = e("ellipse", {
+                cx: "167",
+                cy: "129",
+                rx: "13",
+                ry: "9",
+                fill: "oklch(0.72 0.22 0)",
+                opacity: "0.72"
+              }, null, -1))
+            ], 64)) : h("", !0),
+            s[47] || (s[47] = e("rect", {
+              x: "66",
+              y: "66",
+              width: "108",
+              height: "92",
+              rx: "32",
+              fill: "var(--robot-screen)"
+            }, null, -1)),
+            a.value.screenTint ? (l(), t("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", {
+              x: "66",
+              y: "66",
+              width: "108",
+              height: "40",
+              rx: "20",
+              fill: "oklch(1 0 0 / 0.06)"
+            }, null, -1)),
+            f.value === "closed" ? (l(), t("g", {
+              key: 3,
+              stroke: i,
+              "stroke-width": "5",
+              "stroke-linecap": "round",
+              fill: "none"
+            }, [
+              e("path", {
+                d: `M ${n - 11} ${o} q 11 7 22 0`
+              }, null, 8, Ul),
+              e("path", {
+                d: `M ${c - 11} ${o} q 11 7 22 0`
+              }, null, 8, jl)
+            ])) : f.value === "happy" ? (l(), t("g", {
+              key: 4,
+              stroke: i,
+              "stroke-width": "6",
+              "stroke-linecap": "round",
+              fill: "none"
+            }, [
+              e("path", {
+                d: `M ${n - 11} ${o + 3} q 11 -16 22 0`
+              }, null, 8, Fl),
+              e("path", {
+                d: `M ${c - 11} ${o + 3} q 11 -16 22 0`
+              }, null, 8, Yl)
+            ])) : f.value === "arcHappy" ? (l(), t("g", Ql, [
+              e("path", {
+                d: `M ${n - 13} ${o + 4} q 13 -20 26 0`,
+                stroke: i,
+                "stroke-width": "7",
+                "stroke-linecap": "round",
+                fill: "none"
+              }, null, 8, Wl),
+              e("path", {
+                d: `M ${c - 13} ${o + 4} q 13 -20 26 0`,
+                stroke: i,
+                "stroke-width": "7",
+                "stroke-linecap": "round",
+                fill: "none"
+              }, null, 8, Vl),
+              e("rect", {
+                x: n - 14,
+                y: o - 14,
+                width: "28",
+                height: "18",
+                fill: "var(--robot-screen)"
+              }, null, 8, Jl),
+              e("rect", {
+                x: c - 14,
+                y: o - 14,
+                width: "28",
+                height: "18",
+                fill: "var(--robot-screen)"
+              }, null, 8, Kl)
+            ])) : f.value === "narrow" ? (l(), t("g", {
+              key: 6,
+              fill: i
+            }, [
+              e("ellipse", {
+                cx: n + _.value * 0.4,
+                cy: o,
+                rx: "5",
+                ry: "11"
+              }, null, 8, Xl),
+              e("ellipse", {
+                cx: c + _.value * 0.4,
+                cy: o,
+                rx: "5",
+                ry: "11"
+              }, null, 8, et),
+              e("line", {
+                x1: n - 11,
+                y1: o - 12,
+                x2: n + 9,
+                y2: o - 6,
+                stroke: i,
+                "stroke-width": "5",
+                "stroke-linecap": "round"
+              }, null, 8, lt),
+              e("line", {
+                x1: c + 11,
+                y1: o - 12,
+                x2: c - 9,
+                y2: o - 6,
+                stroke: i,
+                "stroke-width": "5",
+                "stroke-linecap": "round"
+              }, null, 8, tt)
+            ])) : f.value === "droopy" ? (l(), t("g", {
+              key: 7,
+              fill: i
+            }, [
+              e("ellipse", {
+                cx: n,
+                cy: o + 3,
+                rx: "8",
+                ry: "10"
+              }, null, 8, ot),
+              e("ellipse", {
+                cx: c,
+                cy: o + 3,
+                rx: "8",
+                ry: "10"
+              }, null, 8, st),
+              e("line", {
+                x1: n + 5,
+                y1: o - 8,
+                x2: n + 12,
+                y2: o - 2,
+                stroke: i,
+                "stroke-width": "4",
+                "stroke-linecap": "round"
+              }, null, 8, at),
+              e("line", {
+                x1: c - 5,
+                y1: o - 8,
+                x2: c - 12,
+                y2: o - 2,
+                stroke: i,
+                "stroke-width": "4",
+                "stroke-linecap": "round"
+              }, null, 8, it)
+            ])) : f.value === "softRound" ? (l(), t("g", {
+              key: 8,
+              fill: i
+            }, [
+              e("circle", {
+                cx: n + _.value * 0.2,
+                cy: o + M.value * 0.2,
+                r: "9"
+              }, null, 8, rt),
+              e("circle", {
+                cx: c + _.value * 0.2,
+                cy: o + M.value * 0.2,
+                r: "9"
+              }, null, 8, nt),
+              e("circle", {
+                cx: n + 3,
+                cy: o - 3,
+                r: "2.5",
+                fill: "var(--robot-screen)"
+              }, null, 8, ct),
+              e("circle", {
+                cx: c + 3,
+                cy: o - 3,
+                r: "2.5",
+                fill: "var(--robot-screen)"
+              }, null, 8, ut)
+            ])) : f.value === "bigRound" ? (l(), t("g", {
+              key: 9,
+              fill: i
+            }, [
+              e("circle", {
+                cx: n,
+                cy: o,
+                r: "15",
+                fill: "oklch(1 0 0 / 0.96)"
+              }),
+              e("circle", {
+                cx: c,
+                cy: o,
+                r: "15",
+                fill: "oklch(1 0 0 / 0.96)"
+              }),
+              e("circle", {
+                cx: n + _.value * 0.5,
+                cy: o + M.value * 0.5,
+                r: "8",
+                fill: i
+              }, null, 8, dt),
+              e("circle", {
+                cx: c + _.value * 0.5,
+                cy: o + M.value * 0.5,
+                r: "8",
+                fill: i
+              }, null, 8, yt),
+              e("circle", {
+                cx: n + 5,
+                cy: o - 5,
+                r: "3",
+                fill: "oklch(1 0 0 / 0.9)"
+              }, null, 8, mt),
+              e("circle", {
+                cx: c + 5,
+                cy: o - 5,
+                r: "3",
+                fill: "oklch(1 0 0 / 0.9)"
+              }, null, 8, ht)
+            ])) : f.value === "halfDroopy" ? (l(), t("g", {
+              key: 10,
+              fill: i
+            }, [
+              e("ellipse", {
+                cx: n,
+                cy: o + 2,
+                rx: "10",
+                ry: "11",
+                fill: "oklch(1 0 0 / 0.9)"
+              }, null, 8, kt),
+              e("ellipse", {
+                cx: c,
+                cy: o + 2,
+                rx: "10",
+                ry: "11",
+                fill: "oklch(1 0 0 / 0.9)"
+              }, null, 8, ft),
+              e("ellipse", {
+                cx: n,
+                cy: o + 5,
+                rx: "6",
+                ry: "7",
+                fill: i
+              }, null, 8, pt),
+              e("ellipse", {
+                cx: c,
+                cy: o + 5,
+                rx: "6",
+                ry: "7",
+                fill: i
+              }, null, 8, xt),
+              e("rect", {
+                x: n - 12,
+                y: o - 12,
+                width: "24",
+                height: "12",
+                fill: "var(--robot-screen)"
+              }, null, 8, gt),
+              e("rect", {
+                x: c - 12,
+                y: o - 12,
+                width: "24",
+                height: "12",
+                fill: "var(--robot-screen)"
+              }, null, 8, _t)
+            ])) : f.value === "peekSlit" ? (l(), t("g", {
+              key: 11,
+              stroke: i,
+              "stroke-width": "4",
+              "stroke-linecap": "round",
+              fill: "none"
+            }, [
+              e("line", {
+                x1: n - 9,
+                y1: o,
+                x2: n + 9,
+                y2: o
+              }, null, 8, bt),
+              e("line", {
+                x1: c - 9,
+                y1: o,
+                x2: c + 9,
+                y2: o
+              }, null, 8, vt)
+            ])) : f.value === "halfSquint" ? (l(), t("g", {
+              key: 12,
+              fill: i
+            }, [
+              e("ellipse", {
+                cx: n,
+                cy: o + 1,
+                rx: "7",
+                ry: "9",
+                fill: "oklch(1 0 0 / 0.9)"
+              }, null, 8, wt),
+              e("ellipse", {
+                cx: n + 2,
+                cy: o + 2,
+                rx: "4.5",
+                ry: "6",
+                fill: i
+              }, null, 8, $t),
+              e("rect", {
+                x: n - 9,
+                y: o - 10,
+                width: "18",
+                height: "9",
+                fill: "var(--robot-screen)"
+              }, null, 8, Ct),
+              e("ellipse", {
+                cx: c,
+                cy: o,
+                rx: "9",
+                ry: "11",
+                fill: "oklch(1 0 0 / 0.9)"
+              }),
+              e("ellipse", {
+                cx: c + 3,
+                cy: o + 1,
+                rx: "6",
+                ry: "7",
+                fill: i
+              }, null, 8, qt)
+            ])) : f.value === "scaredWide" ? (l(), t("g", {
+              key: 13,
+              fill: i
+            }, [
+              e("circle", {
+                cx: n,
+                cy: o,
+                r: "14",
+                fill: "oklch(1 0 0 / 0.98)"
+              }),
+              e("circle", {
+                cx: c,
+                cy: o,
+                r: "14",
+                fill: "oklch(1 0 0 / 0.98)"
+              }),
+              e("circle", {
+                cx: n + 3,
+                cy: o + 2,
+                r: "7",
+                fill: i
+              }, null, 8, Mt),
+              e("circle", {
+                cx: c - 3,
+                cy: o + 2,
+                r: "7",
+                fill: i
+              }, null, 8, St),
+              e("circle", {
+                cx: n + 6,
+                cy: o - 3,
+                r: "2.5",
+                fill: "oklch(1 0 0 / 0.95)"
+              }, null, 8, At),
+              e("circle", {
+                cx: c - 1,
+                cy: o - 3,
+                r: "2.5",
+                fill: "oklch(1 0 0 / 0.95)"
+              }, null, 8, Bt)
+            ])) : f.value === "narrowSlant" ? (l(), t("g", {
+              key: 14,
+              fill: i
+            }, [
+              e("ellipse", {
+                cx: n,
+                cy: o,
+                rx: "11",
+                ry: "8",
+                fill: "oklch(1 0 0 / 0.92)"
+              }),
+              e("ellipse", {
+                cx: c,
+                cy: o,
+                rx: "11",
+                ry: "8",
+                fill: "oklch(1 0 0 / 0.92)"
+              }),
+              e("ellipse", {
+                cx: n + 2,
+                cy: o + 1,
+                rx: "5",
+                ry: "6",
+                fill: i
+              }, null, 8, Ot),
+              e("ellipse", {
+                cx: c - 2,
+                cy: o + 1,
+                rx: "5",
+                ry: "6",
+                fill: i
+              }, null, 8, zt),
+              e("line", {
+                x1: n - 12,
+                y1: o - 7,
+                x2: n + 10,
+                y2: o - 4,
+                stroke: i,
+                "stroke-width": "5",
+                "stroke-linecap": "round"
+              }, null, 8, Rt),
+              e("line", {
+                x1: c - 10,
+                y1: o - 4,
+                x2: c + 12,
+                y2: o - 7,
+                stroke: i,
+                "stroke-width": "5",
+                "stroke-linecap": "round"
+              }, null, 8, It)
+            ])) : f.value === "dashEyes" ? (l(), t("g", {
+              key: 15,
+              stroke: i,
+              "stroke-width": "6",
+              "stroke-linecap": "round"
+            }, [
+              e("line", {
+                x1: n - 10,
+                y1: o,
+                x2: n + 10,
+                y2: o
+              }, null, 8, Nt),
+              e("line", {
+                x1: c - 10,
+                y1: o,
+                x2: c + 10,
+                y2: o
+              }, null, 8, Tt)
+            ])) : f.value === "halfClosed" ? (l(), t("g", Dt, [
+              e("ellipse", {
+                cx: n,
+                cy: o + 2,
+                rx: "11",
+                ry: "12",
+                fill: "oklch(1 0 0 / 0.88)"
+              }, null, 8, Lt),
+              e("ellipse", {
+                cx: c,
+                cy: o + 2,
+                rx: "11",
+                ry: "12",
+                fill: "oklch(1 0 0 / 0.88)"
+              }, null, 8, Pt),
+              e("ellipse", {
+                cx: n,
+                cy: o + 5,
+                rx: "6",
+                ry: "7",
+                fill: i
+              }, null, 8, Et),
+              e("ellipse", {
+                cx: c,
+                cy: o + 5,
+                rx: "6",
+                ry: "7",
+                fill: i
+              }, null, 8, Gt),
+              e("rect", {
+                x: n - 13,
+                y: o - 13,
+                width: "26",
+                height: "16",
+                fill: "var(--robot-screen)"
+              }, null, 8, Zt),
+              e("rect", {
+                x: c - 13,
+                y: o - 13,
+                width: "26",
+                height: "16",
+                fill: "var(--robot-screen)"
+              }, null, 8, Ht),
+              e("path", {
+                d: `M ${n - 11} ${o + 3} q 11 -6 22 0`,
+                stroke: i,
+                "stroke-width": "4.5",
+                "stroke-linecap": "round",
+                fill: "none"
+              }, null, 8, Ut),
+              e("path", {
+                d: `M ${c - 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", {
+              key: 17,
+              fill: i
+            }, [
+              e("ellipse", {
+                cx: n,
+                cy: o,
+                rx: "9",
+                ry: "10",
+                fill: "oklch(1 0 0 / 0.9)"
+              }),
+              e("ellipse", {
+                cx: c,
+                cy: o,
+                rx: "9",
+                ry: "10",
+                fill: "oklch(1 0 0 / 0.9)"
+              }),
+              e("ellipse", {
+                cx: n,
+                cy: o - 2,
+                rx: "5.5",
+                ry: "6.5",
+                fill: i
+              }, null, 8, Ft),
+              e("ellipse", {
+                cx: c,
+                cy: o - 2,
+                rx: "5.5",
+                ry: "6.5",
+                fill: i
+              }, null, 8, Yt),
+              e("line", {
+                x1: n - 8,
+                y1: o - 12,
+                x2: n + 6,
+                y2: o - 9,
+                stroke: i,
+                "stroke-width": "3.5",
+                "stroke-linecap": "round"
+              }, null, 8, Qt),
+              e("line", {
+                x1: c - 6,
+                y1: o - 9,
+                x2: c + 8,
+                y2: o - 12,
+                stroke: i,
+                "stroke-width": "3.5",
+                "stroke-linecap": "round"
+              }, null, 8, Wt)
+            ])) : f.value === "blankDot" ? (l(), t("g", {
+              key: 18,
+              fill: i
+            }, [
+              e("circle", {
+                cx: n,
+                cy: o,
+                r: "10",
+                fill: "oklch(1 0 0 / 0.9)"
+              }),
+              e("circle", {
+                cx: c,
+                cy: o,
+                r: "10",
+                fill: "oklch(1 0 0 / 0.9)"
+              }),
+              e("circle", {
+                cx: n,
+                cy: o,
+                r: "4",
+                fill: i
+              }),
+              e("circle", {
+                cx: c,
+                cy: o,
+                r: "4",
+                fill: i
+              })
+            ])) : f.value === "heavyLid" ? (l(), t("g", Vt, [
+              e("ellipse", {
+                cx: n,
+                cy: o + 3,
+                rx: "11",
+                ry: "12",
+                fill: "oklch(1 0 0 / 0.85)"
+              }, null, 8, Jt),
+              e("ellipse", {
+                cx: c,
+                cy: o + 3,
+                rx: "11",
+                ry: "12",
+                fill: "oklch(1 0 0 / 0.85)"
+              }, null, 8, Kt),
+              e("ellipse", {
+                cx: n,
+                cy: o + 7,
+                rx: "5",
+                ry: "6",
+                fill: i
+              }, null, 8, Xt),
+              e("ellipse", {
+                cx: c,
+                cy: o + 7,
+                rx: "5",
+                ry: "6",
+                fill: i
+              }, null, 8, eo),
+              e("rect", {
+                x: n - 13,
+                y: o - 14,
+                width: "26",
+                height: "20",
+                fill: "var(--robot-screen)"
+              }, null, 8, lo),
+              e("rect", {
+                x: c - 13,
+                y: o - 14,
+                width: "26",
+                height: "20",
+                fill: "var(--robot-screen)"
+              }, null, 8, to),
+              e("path", {
+                d: `M ${n - 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`,
+                stroke: i,
+                "stroke-width": "5",
+                "stroke-linecap": "round",
+                fill: "none"
+              }, null, 8, so)
+            ])) : f.value === "smug" ? (l(), t("g", {
+              key: 20,
+              stroke: i,
+              "stroke-width": "5",
+              "stroke-linecap": "round",
+              fill: "none"
+            }, [
+              e("path", {
+                d: `M ${n - 11} ${o - 2} q 11 9 22 2`
+              }, null, 8, ao),
+              e("path", {
+                d: `M ${c - 11} ${o - 2} q 11 9 22 2`
+              }, null, 8, io)
+            ])) : f.value === "cool" ? (l(), t("g", {
+              key: 21,
+              stroke: i,
+              "stroke-width": "5",
+              "stroke-linecap": "round"
+            }, [
+              e("line", {
+                x1: n - 11,
+                y1: o,
+                x2: n + 11,
+                y2: o
+              }, null, 8, ro),
+              e("line", {
+                x1: c - 11,
+                y1: o,
+                x2: c + 11,
+                y2: o
+              }, null, 8, no)
+            ])) : f.value === "sad" ? (l(), t("g", {
+              key: 22,
+              stroke: i,
+              "stroke-width": "6",
+              "stroke-linecap": "round",
+              fill: "none"
+            }, [
+              e("path", {
+                d: `M ${n - 11} ${o - 1} q 11 14 22 0`
+              }, null, 8, co),
+              e("path", {
+                d: `M ${c - 11} ${o - 1} q 11 14 22 0`
+              }, null, 8, uo)
+            ])) : f.value === "teary" ? (l(), t("g", {
+              key: 23,
+              fill: i
+            }, [
+              e("circle", {
+                cx: n,
+                cy: o + 1,
+                r: "11",
+                fill: "oklch(1 0 0 / 0.95)"
+              }, null, 8, yo),
+              e("circle", {
+                cx: c,
+                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,
+                r: "6.5",
+                fill: i
+              }, null, 8, ho),
+              e("circle", {
+                cx: c + _.value * 0.3,
+                cy: o + 3 + M.value * 0.3,
+                r: "6.5",
+                fill: i
+              }, null, 8, ko),
+              e("circle", {
+                cx: n + 3,
+                cy: o - 3,
+                r: "2.5",
+                fill: "oklch(1 0 0 / 0.95)"
+              }, null, 8, fo),
+              e("circle", {
+                cx: c + 3,
+                cy: o - 3,
+                r: "2.5",
+                fill: "oklch(1 0 0 / 0.95)"
+              }, null, 8, po)
+            ])) : f.value === "angry" ? (l(), t(g, { key: 24 }, [
+              e("g", {
+                stroke: i,
+                "stroke-width": "5",
+                "stroke-linecap": "round"
+              }, [
+                e("line", {
+                  x1: n - 12,
+                  y1: o - 13,
+                  x2: n + 8,
+                  y2: o - 6
+                }, null, 8, xo),
+                e("line", {
+                  x1: c + 12,
+                  y1: o - 13,
+                  x2: c - 8,
+                  y2: o - 6
+                }, null, 8, go)
+              ]),
+              e("g", { fill: i }, [
+                e("ellipse", {
+                  cx: n + _.value * 0.4,
+                  cy: o + 2,
+                  rx: "7",
+                  ry: "8"
+                }, null, 8, _o),
+                e("ellipse", {
+                  cx: c + _.value * 0.4,
+                  cy: o + 2,
+                  rx: "7",
+                  ry: "8"
+                }, null, 8, bo)
+              ])
+            ], 64)) : f.value === "excited" ? (l(), t("g", {
+              key: 25,
+              fill: i
+            }, [
+              e("circle", {
+                cx: n + _.value * 0.3,
+                cy: o + M.value * 0.3,
+                r: "13"
+              }, null, 8, vo),
+              e("circle", {
+                cx: c + _.value * 0.3,
+                cy: o + M.value * 0.3,
+                r: "13"
+              }, null, 8, wo),
+              e("circle", {
+                cx: n + 4,
+                cy: o - 4,
+                r: "3",
+                fill: "var(--robot-screen)"
+              }, null, 8, $o),
+              e("circle", {
+                cx: c + 4,
+                cy: o - 4,
+                r: "3",
+                fill: "var(--robot-screen)"
+              }, null, 8, Co)
+            ])) : f.value === "lookup" ? (l(), t("g", {
+              key: 26,
+              fill: i
+            }, [
+              e("ellipse", {
+                cx: n + _.value * 0.4,
+                cy: o - 4,
+                rx: "7",
+                ry: "9"
+              }, null, 8, qo),
+              e("ellipse", {
+                cx: c + _.value * 0.4,
+                cy: o - 4,
+                rx: "7",
+                ry: "9"
+              }, null, 8, Mo)
+            ])) : f.value === "lookdown" ? (l(), t("g", {
+              key: 27,
+              fill: i
+            }, [
+              e("ellipse", {
+                cx: n,
+                cy: o + 5,
+                rx: "7",
+                ry: "9"
+              }, null, 8, So),
+              e("ellipse", {
+                cx: c,
+                cy: o + 5,
+                rx: "7",
+                ry: "9"
+              }, null, 8, Ao)
+            ])) : f.value === "wide" ? (l(), t("g", {
+              key: 28,
+              fill: i
+            }, [
+              e("circle", {
+                cx: n,
+                cy: o,
+                r: "13",
+                fill: "oklch(1 0 0 / 0.95)"
+              }),
+              e("circle", {
+                cx: c,
+                cy: o,
+                r: "13",
+                fill: "oklch(1 0 0 / 0.95)"
+              }),
+              e("circle", {
+                cx: n + _.value * 0.5,
+                cy: o + M.value * 0.5,
+                r: "6",
+                fill: i
+              }, null, 8, Bo),
+              e("circle", {
+                cx: c + _.value * 0.5,
+                cy: o + M.value * 0.5,
+                r: "6",
+                fill: i
+              }, null, 8, Oo)
+            ])) : f.value === "half" ? (l(), t(g, { key: 29 }, [
+              e("g", { fill: i }, [
+                e("ellipse", {
+                  cx: n,
+                  cy: o + 3,
+                  rx: "7",
+                  ry: "5"
+                }, null, 8, zo),
+                e("ellipse", {
+                  cx: c,
+                  cy: o + 3,
+                  rx: "7",
+                  ry: "5"
+                }, null, 8, Ro)
+              ]),
+              e("g", {
+                stroke: i,
+                "stroke-width": "5",
+                "stroke-linecap": "round"
+              }, [
+                e("line", {
+                  x1: n - 11,
+                  y1: o - 4,
+                  x2: n + 11,
+                  y2: o - 4
+                }, null, 8, Io),
+                e("line", {
+                  x1: c - 11,
+                  y1: o - 4,
+                  x2: c + 11,
+                  y2: o - 4
+                }, null, 8, No)
+              ]),
+              d.emotion === "tired" ? (l(), t("g", {
+                key: 0,
+                stroke: i,
+                "stroke-width": "2.5",
+                "stroke-linecap": "round",
+                fill: "none",
+                opacity: "0.6"
+              }, [
+                e("path", {
+                  d: `M ${n - 9} ${o + 12} q 9 5 18 0`
+                }, null, 8, To),
+                e("path", {
+                  d: `M ${c - 9} ${o + 12} q 9 5 18 0`
+                }, null, 8, Do)
+              ])) : h("", !0)
+            ], 64)) : f.value === "dizzy" ? (l(), t("g", {
+              key: 30,
+              stroke: i,
+              "stroke-width": "3",
+              fill: "none",
+              "stroke-linecap": "round"
+            }, [
+              e("path", {
+                d: `M ${n} ${o} m -8 0 a 8 8 0 1 1 5 7`
+              }, null, 8, Lo),
+              e("path", {
+                d: `M ${c} ${o} m -8 0 a 8 8 0 1 1 5 7`
+              }, null, 8, Po)
+            ])) : f.value === "confused" ? (l(), t(g, { key: 31 }, [
+              e("circle", {
+                cx: n,
+                cy: o,
+                r: "10",
+                fill: "oklch(1 0 0 / 0.95)"
+              }),
+              e("circle", {
+                cx: n + _.value * 0.4,
+                cy: o + M.value * 0.4,
+                r: "5",
+                fill: i
+              }, null, 8, Eo),
+              e("line", {
+                x1: c - 9,
+                y1: o,
+                x2: c + 9,
+                y2: o,
+                stroke: i,
+                "stroke-width": "5",
+                "stroke-linecap": "round"
+              }, null, 8, Go)
+            ], 64)) : f.value === "blank" ? (l(), t("g", {
+              key: 32,
+              fill: i,
+              opacity: "0.55"
+            }, [
+              e("circle", {
+                cx: n,
+                cy: o,
+                r: "5"
+              }),
+              e("circle", {
+                cx: c,
+                cy: o,
+                r: "5"
+              })
+            ])) : (l(), t("g", {
+              key: 33,
+              fill: i
+            }, [
+              e("rect", {
+                x: n - 8 + _.value,
+                y: o - 12 + M.value,
+                width: "16",
+                height: "24",
+                rx: "8"
+              }, null, 8, Zo),
+              e("rect", {
+                x: c - 8 + _.value,
+                y: o - 12 + M.value,
+                width: "16",
+                height: "24",
+                rx: "8"
+              }, null, 8, Ho)
+            ])),
+            d.speaking ? (l(), t("ellipse", {
+              key: 34,
+              cx: "120",
+              cy: "138",
+              rx: "13",
+              ry: "10",
+              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", {
+                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", {
+                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", {
+                key: 2,
+                cx: "120",
+                cy: "140",
+                rx: "11",
+                ry: "14",
+                fill: i
+              })) : a.value.mouth === "frown" ? (l(), t("path", {
+                key: 3,
+                d: "M 106 142 q 14 -12 28 0",
+                stroke: i,
+                "stroke-width": "5",
+                "stroke-linecap": "round",
+                fill: "none"
+              })) : a.value.mouth === "dot" ? (l(), t("ellipse", {
+                key: 4,
+                cx: "120",
+                cy: "138",
+                rx: "7",
+                ry: "6",
+                fill: i,
+                opacity: "0.85"
+              })) : a.value.mouth === "flat" ? (l(), t("line", {
+                key: 5,
+                x1: "110",
+                y1: "138",
+                x2: "130",
+                y2: "138",
+                stroke: i,
+                "stroke-width": "5",
+                "stroke-linecap": "round"
+              })) : a.value.mouth === "o" ? (l(), t("ellipse", {
+                key: 6,
+                cx: "120",
+                cy: "139",
+                rx: "7",
+                ry: "9",
+                fill: i
+              })) : a.value.mouth === "pout" ? (l(), t("ellipse", {
+                key: 7,
+                cx: "120",
+                cy: "140",
+                rx: "6",
+                ry: "5",
+                fill: i
+              })) : a.value.mouth === "wavy" ? (l(), t("path", {
+                key: 8,
+                d: "M 106 138 q 6 -7 12 0 q 6 7 12 0",
+                stroke: i,
+                "stroke-width": "4",
+                "stroke-linecap": "round",
+                fill: "none"
+              })) : a.value.mouth === "calm" ? (l(), t("path", {
+                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, [
+                e("rect", {
+                  x: "106",
+                  y: "134",
+                  width: "28",
+                  height: "10",
+                  rx: "3",
+                  fill: i
+                }),
+                s[2] || (s[2] = e("line", {
+                  x1: "115",
+                  y1: "134",
+                  x2: "115",
+                  y2: "144",
+                  stroke: "var(--robot-screen)",
+                  "stroke-width": "2"
+                }, null, -1)),
+                s[3] || (s[3] = e("line", {
+                  x1: "125",
+                  y1: "134",
+                  x2: "125",
+                  y2: "144",
+                  stroke: "var(--robot-screen)",
+                  "stroke-width": "2"
+                }, null, -1))
+              ])) : a.value.mouth === "bigSmile" ? (l(), t("path", {
+                key: 11,
+                d: "M 100 132 q 20 22 40 0",
+                stroke: i,
+                "stroke-width": "6",
+                "stroke-linecap": "round",
+                fill: "none"
+              })) : a.value.mouth === "bigFrown" ? (l(), t("path", {
+                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", {
+                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", {
+                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", {
+                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, [
+                e("ellipse", {
+                  cx: "120",
+                  cy: "141",
+                  rx: "12",
+                  ry: "8",
+                  fill: i,
+                  opacity: "0.85"
+                }),
+                s[4] || (s[4] = e("ellipse", {
+                  cx: "120",
+                  cy: "137",
+                  rx: "10",
+                  ry: "5",
+                  fill: "oklch(1 0 0 / 0.25)"
+                }, null, -1))
+              ])) : (l(), t("path", {
+                key: 17,
+                d: "M 108 136 q 12 8 24 0",
+                stroke: i,
+                "stroke-width": "5",
+                "stroke-linecap": "round",
+                fill: "none"
+              }))
+            ], 64)),
+            a.value.sweat ? (l(), t("path", Fo)) : h("", !0),
+            a.value.tear ? (l(), t("ellipse", {
+              key: 37,
+              cx: c + 11,
+              cy: o + 14,
+              rx: "4",
+              ry: "6",
+              fill: i,
+              opacity: "0.9"
+            }, null, 8, Yo)) : h("", !0),
+            a.value.tear2 ? (l(), t("ellipse", {
+              key: 38,
+              cx: n - 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", {
+              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", {
+              key: 40,
+              stroke: a.value.symColor,
+              "stroke-width": "3.5",
+              "stroke-linecap": "round",
+              class: "animate-alert-flash"
+            }, [...s[5] || (s[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", {
+              key: 41,
+              x: "160",
+              y: "74",
+              "font-size": "26",
+              fill: a.value.symColor,
+              "font-weight": "bold"
+            }, "?", 8, Jo)) : a.value.sym === "exclaim" ? (l(), t("text", {
+              key: 42,
+              x: "162",
+              y: "74",
+              "font-size": "26",
+              fill: a.value.symColor,
+              "font-weight": "bold"
+            }, "!", 8, Ko)) : a.value.sym === "ellipsis" ? (l(), t("g", {
+              key: 43,
+              fill: a.value.symColor
+            }, [...s[6] || (s[6] = [
+              e("circle", {
+                cx: "156",
+                cy: "66",
+                r: "3",
+                class: "animate-dot-blink",
+                style: { "animation-delay": "0s" }
+              }, null, -1),
+              e("circle", {
+                cx: "166",
+                cy: "66",
+                r: "3",
+                class: "animate-dot-blink",
+                style: { "animation-delay": "0.2s" }
+              }, null, -1),
+              e("circle", {
+                cx: "176",
+                cy: "66",
+                r: "3",
+                class: "animate-dot-blink",
+                style: { "animation-delay": "0.4s" }
+              }, null, -1)
+            ])], 8, Xo)) : a.value.sym === "bulb" ? (l(), t("g", es, [
+              e("circle", {
+                cx: "166",
+                cy: "58",
+                r: "11",
+                fill: a.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", {
+              key: 45,
+              d: "M 156 64 l 6 7 l 12 -15",
+              stroke: a.value.symColor,
+              "stroke-width": "5",
+              "stroke-linecap": "round",
+              "stroke-linejoin": "round",
+              fill: "none"
+            }, null, 8, ts)) : a.value.sym === "gear" ? (l(), t("g", os, [
+              e("g", {
+                fill: a.value.symColor
+              }, [
+                (l(), t(g, null, q(fe, (r) => e("rect", {
+                  key: r,
+                  x: "165",
+                  y: "46",
+                  width: "6",
+                  height: "8",
+                  rx: "1.5",
+                  transform: `rotate(${r} 168 62)`
+                }, null, 8, as)), 64)),
+                s[8] || (s[8] = e("circle", {
+                  cx: "168",
+                  cy: "62",
+                  r: "11"
+                }, null, -1))
+              ], 8, ss),
+              s[9] || (s[9] = e("circle", {
+                cx: "168",
+                cy: "62",
+                r: "4.5",
+                fill: "var(--robot-screen)"
+              }, null, -1))
+            ])) : a.value.sym === "pencil" ? (l(), t("g", is, [
+              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", {
+                x: "164",
+                y: "44",
+                width: "8",
+                height: "6",
+                fill: "var(--robot-amber)"
+              }, null, -1)),
+              s[11] || (s[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, [
+              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),
+              e("circle", {
+                cx: "168",
+                cy: "73",
+                r: "3",
+                fill: a.value.symColor
+              }, null, 8, us)
+            ])) : a.value.sym === "loader" ? (l(), t("g", ds, [
+              e("path", {
+                d: "M 168 48 a 12 12 0 1 1 -8.5 3.5",
+                fill: "none",
+                stroke: a.value.symColor,
+                "stroke-width": "4",
+                "stroke-linecap": "round"
+              }, null, 8, ys)
+            ])) : a.value.sym === "warning" ? (l(), t("g", ms, [
+              e("path", {
+                d: "M 168 46 l 14 26 l -28 0 Z",
+                fill: a.value.symColor,
+                stroke: "var(--robot-screen)",
+                "stroke-width": "1.5",
+                "stroke-linejoin": "round"
+              }, null, 8, hs),
+              s[12] || (s[12] = e("line", {
+                x1: "168",
+                y1: "56",
+                x2: "168",
+                y2: "64",
+                stroke: "var(--robot-screen)",
+                "stroke-width": "3",
+                "stroke-linecap": "round"
+              }, null, -1)),
+              s[13] || (s[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, [
+                e("path", {
+                  d: "M 156 70 a 12 12 0 0 1 24 0 Z",
+                  fill: a.value.symColor
+                }, null, 8, ps),
+                e("rect", {
+                  x: "152",
+                  y: "70",
+                  width: "32",
+                  height: "5",
+                  rx: "2",
+                  fill: a.value.symColor
+                }, null, 8, xs)
+              ]),
+              e("g", {
+                stroke: a.value.symColor,
+                "stroke-width": "2.5",
+                "stroke-linecap": "round",
+                class: "animate-alert-flash",
+                opacity: "0.7"
+              }, [...s[14] || (s[14] = [
+                e("line", {
+                  x1: "146",
+                  y1: "56",
+                  x2: "150",
+                  y2: "60"
+                }, null, -1),
+                e("line", {
+                  x1: "190",
+                  y1: "56",
+                  x2: "186",
+                  y2: "60"
+                }, null, -1),
+                e("line", {
+                  x1: "168",
+                  y1: "44",
+                  x2: "168",
+                  y2: "49"
+                }, null, -1)
+              ])], 8, gs)
+            ])) : a.value.sym === "broken" ? (l(), t("path", {
+              key: 52,
+              d: "M 170 46 l -10 16 l 7 0 l -5 14 l 14 -20 l -8 0 l 6 -10 Z",
+              fill: a.value.symColor,
+              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, [
+              e("circle", {
+                cx: "166",
+                cy: "60",
+                r: "9",
+                fill: "none",
+                stroke: a.value.symColor,
+                "stroke-width": "3"
+              }, null, 8, vs),
+              e("line", {
+                x1: "173",
+                y1: "67",
+                x2: "180",
+                y2: "74",
+                stroke: a.value.symColor,
+                "stroke-width": "3.5",
+                "stroke-linecap": "round"
+              }, null, 8, ws)
+            ])) : a.value.sym === "lotus" ? (l(), t("g", $s, [
+              e("ellipse", {
+                cx: "120",
+                cy: "34",
+                rx: "40",
+                ry: "9",
+                fill: "none",
+                stroke: a.value.symColor,
+                "stroke-width": "3",
+                opacity: "0.8",
+                class: "animate-antenna-pulse origin-center",
+                style: { transformOrigin: "120px 34px" }
+              }, null, 8, Cs),
+              e("circle", {
+                cx: "92",
+                cy: "34",
+                r: "2",
+                fill: a.value.symColor
+              }, null, 8, qs),
+              e("circle", {
+                cx: "148",
+                cy: "34",
+                r: "2",
+                fill: a.value.symColor
+              }, null, 8, Ms)
+            ])) : a.value.sym === "heart" ? (l(), t("path", {
+              key: 55,
+              d: "M 170 56 c -4 -6 -13 -2 -8 5 c 2 3 8 7 8 7 c 0 0 6 -4 8 -7 c 5 -7 -4 -11 -8 -5 Z",
+              fill: a.value.symColor,
+              class: "animate-antenna-pulse origin-center",
+              style: { transformOrigin: "170px 60px" }
+            }, null, 8, Ss)) : a.value.sym === "soundwave" ? (l(), t("g", {
+              key: 56,
+              stroke: a.value.symColor,
+              "stroke-width": "3",
+              "stroke-linecap": "round",
+              fill: "none"
+            }, [
+              (l(), t(g, null, q([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` })
+              }, null, 4)), 64))
+            ], 8, As)) : a.value.sym === "pin" ? (l(), t("g", Bs, [
+              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", {
+                cx: "168",
+                cy: "55",
+                r: "4",
+                fill: "var(--robot-screen)"
+              }, null, -1)),
+              e("ellipse", {
+                cx: "168",
+                cy: "77",
+                rx: "8",
+                ry: "2.5",
+                fill: a.value.symColor,
+                opacity: "0.3"
+              }, null, 8, zs)
+            ])) : a.value.sym === "target" ? (l(), t("g", {
+              key: 58,
+              stroke: a.value.symColor,
+              "stroke-width": "2.5",
+              fill: "none"
+            }, [
+              s[16] || (s[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", {
+                cx: "168",
+                cy: "60",
+                r: "6"
+              }, null, -1)),
+              e("circle", {
+                cx: "168",
+                cy: "60",
+                r: "1.8",
+                fill: a.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", {
+                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", {
+                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)),
+              e("line", {
+                x1: "168",
+                y1: "50",
+                x2: "168",
+                y2: "68",
+                stroke: a.value.symColor,
+                "stroke-width": "2"
+              }, null, 8, Ts),
+              s[21] || (s[21] = e("line", {
+                x1: "154",
+                y1: "57",
+                x2: "163",
+                y2: "56",
+                stroke: "var(--robot-amber)",
+                "stroke-width": "1.2",
+                "stroke-linecap": "round"
+              }, null, -1)),
+              s[22] || (s[22] = e("line", {
+                x1: "154",
+                y1: "62",
+                x2: "163",
+                y2: "61",
+                stroke: "var(--robot-amber)",
+                "stroke-width": "1.2",
+                "stroke-linecap": "round"
+              }, null, -1)),
+              s[23] || (s[23] = e("line", {
+                x1: "173",
+                y1: "56",
+                x2: "182",
+                y2: "57",
+                stroke: "var(--robot-amber)",
+                "stroke-width": "1.2",
+                "stroke-linecap": "round"
+              }, null, -1)),
+              s[24] || (s[24] = e("line", {
+                x1: "173",
+                y1: "61",
+                x2: "182",
+                y2: "62",
+                stroke: "var(--robot-amber)",
+                "stroke-width": "1.2",
+                "stroke-linecap": "round"
+              }, null, -1))
+            ])) : a.value.sym === "plane" ? (l(), t("g", Ds, [
+              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", {
+                cx: "160",
+                cy: "59",
+                r: "2.6",
+                fill: "oklch(1 0 0)",
+                class: "animate-dot-blink",
+                style: { animationDelay: "0s" }
+              }, null, -1)),
+              s[26] || (s[26] = e("circle", {
+                cx: "168",
+                cy: "59",
+                r: "2.6",
+                fill: "oklch(1 0 0)",
+                class: "animate-dot-blink",
+                style: { animationDelay: "0.2s" }
+              }, null, -1)),
+              s[27] || (s[27] = e("circle", {
+                cx: "176",
+                cy: "59",
+                r: "2.6",
+                fill: "oklch(1 0 0)",
+                class: "animate-dot-blink",
+                style: { animationDelay: "0.4s" }
+              }, null, -1))
+            ])) : a.value.sym === "msgOk" ? (l(), t("g", Ps, [
+              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", {
+                d: "M 161 59 l 4 5 l 9 -10",
+                stroke: "oklch(1 0 0)",
+                "stroke-width": "3",
+                "stroke-linecap": "round",
+                "stroke-linejoin": "round",
+                fill: "none"
+              }, null, -1))
+            ])) : a.value.sym === "msgFail" ? (l(), t("g", Gs, [
+              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", {
+                x1: "168",
+                y1: "52",
+                x2: "168",
+                y2: "62",
+                stroke: "oklch(1 0 0)",
+                "stroke-width": "3",
+                "stroke-linecap": "round"
+              }, null, -1)),
+              s[30] || (s[30] = e("circle", {
+                cx: "168",
+                cy: "68",
+                r: "2",
+                fill: "oklch(1 0 0)"
+              }, null, -1))
+            ])) : a.value.sym === "msgIn" ? (l(), t("g", Hs, [
+              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", {
+                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",
+                "stroke-linecap": "round",
+                "stroke-linejoin": "round",
+                fill: "none",
+                class: "animate-locate-bob",
+                style: { transformOrigin: "168px 58px" }
+              }, null, -1))
+            ])) : a.value.sym === "lightning" ? (l(), t("g", js, [
+              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,
+                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, [
+              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),
+              e("circle", {
+                cx: "160",
+                cy: "75",
+                r: "2.5",
+                fill: a.value.symColor,
+                opacity: "0.7",
+                class: "animate-dot-blink",
+                style: { animationDelay: "0.3s" }
+              }, null, 8, Ws),
+              e("circle", {
+                cx: "176",
+                cy: "77",
+                r: "1.8",
+                fill: a.value.symColor,
+                opacity: "0.6",
+                class: "animate-dot-blink",
+                style: { animationDelay: "0.6s" }
+              }, null, 8, Vs)
+            ])) : a.value.sym === "zzz" ? (l(), t("g", Js, [
+              e("text", {
+                x: "158",
+                y: "82",
+                "font-size": "8",
+                "font-weight": "700",
+                "font-family": "monospace",
+                fill: a.value.symColor,
+                class: "animate-dot-blink",
+                style: { animationDelay: "0s" }
+              }, "Z", 8, Ks),
+              e("text", {
+                x: "165",
+                y: "73",
+                "font-size": "11",
+                "font-weight": "700",
+                "font-family": "monospace",
+                fill: a.value.symColor,
+                class: "animate-dot-blink",
+                style: { animationDelay: "0.4s" }
+              }, "Z", 8, Xs),
+              e("text", {
+                x: "174",
+                y: "62",
+                "font-size": "14",
+                "font-weight": "700",
+                "font-family": "monospace",
+                fill: a.value.symColor,
+                class: "animate-dot-blink",
+                style: { animationDelay: "0.8s" }
+              }, "Z", 8, ea)
+            ])) : a.value.sym === "shield" ? (l(), t("g", la, [
+              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,
+                opacity: "0.92"
+              }, null, 8, ta),
+              s[32] || (s[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", {
+                x1: "168",
+                y1: "44",
+                x2: "168",
+                y2: "76",
+                stroke: "oklch(1 0 0 / 0.35)",
+                "stroke-width": "1.5",
+                "stroke-linecap": "round"
+              }, null, -1)),
+              s[34] || (s[34] = e("line", {
+                x1: "158",
+                y1: "58",
+                x2: "178",
+                y2: "58",
+                stroke: "oklch(1 0 0 / 0.35)",
+                "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, [
+              e("rect", {
+                x: "152",
+                y: "50",
+                width: "28",
+                height: "16",
+                rx: "3",
+                fill: "none",
+                stroke: a.value.symColor,
+                "stroke-width": "2.5"
+              }, null, 8, aa),
+              e("rect", {
+                x: "180",
+                y: "54",
+                width: "4",
+                height: "8",
+                rx: "1.5",
+                fill: a.value.symColor,
+                opacity: "0.7"
+              }, null, 8, ia),
+              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", {
+                x: "161",
+                y: "64",
+                "font-size": "10",
+                "font-weight": "700",
+                "font-family": "monospace",
+                fill: "oklch(1 0 0 / 0.9)",
+                class: "animate-dot-blink",
+                style: { animationDelay: "0.2s" }
+              }, "!", -1))
+            ])) : h("", !0),
+            D.value === "heart" ? (l(), t("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,
+              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", {
+              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,
+              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", {
+                x1: "230",
+                y1: "72",
+                x2: "230",
+                y2: "180",
+                stroke: "var(--robot-blue-dark)",
+                "stroke-width": "5",
+                "stroke-linecap": "round"
+              }, null, -1)),
+              e("circle", {
+                cx: "230",
+                cy: "128",
+                r: "7",
+                fill: I.value,
+                stroke: "oklch(1 0 0 / 0.35)",
+                "stroke-width": "1.5"
+              }, null, 8, da),
+              s[40] || (s[40] = e("rect", {
+                x: "211",
+                y: "76",
+                width: "38",
+                height: "78",
+                rx: "14",
+                fill: "oklch(0.18 0.04 250)",
+                stroke: "oklch(1 0 0 / 0.42)",
+                "stroke-width": "2"
+              }, null, -1)),
+              s[41] || (s[41] = e("rect", {
+                x: "216",
+                y: "82",
+                width: "28",
+                height: "66",
+                rx: "10",
+                fill: "oklch(0.08 0.03 250 / 0.82)"
+              }, null, -1)),
+              e("circle", {
+                cx: "230",
+                cy: "95",
+                r: "8.5",
+                fill: "oklch(0.6 0.23 22)",
+                opacity: P.value === "red" ? 1 : 0.22,
+                class: S(P.value === "red" ? "animate-traffic-light-active" : "")
+              }, null, 10, ya),
+              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),
+              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", {
+                key: $,
+                x: r.x,
+                y: r.y,
+                "font-size": "20",
+                "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] = [
+              e("path", {
+                d: "M 120 150 l -10 30 q 10 6 20 0 Z",
+                fill: "oklch(1 0 0 / 0.92)",
+                stroke: "var(--robot-blue-dark)",
+                "stroke-width": "1.5"
+              }, null, -1),
+              e("line", {
+                x1: "120",
+                y1: "152",
+                x2: "120",
+                y2: "178",
+                stroke: "var(--robot-blue-dark)",
+                "stroke-width": "1.5"
+              }, null, -1)
+            ])])) : h("", !0),
+            L.value === "glow" ? (l(), t("ellipse", {
+              key: 77,
+              cx: "120",
+              cy: "115",
+              rx: "82",
+              ry: "78",
+              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", {
+                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: $ }, [
+                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},
+                       ${r.x - r.size * 0.85} ${r.y - r.size * 0.5},
+                       ${r.x} ${r.y - r.size * 0.15}
+                     C ${r.x + r.size * 0.85} ${r.y - r.size * 0.5},
+                       ${r.x + r.size * 0.85} ${r.y + r.size * 0.4},
+                       ${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)
+              ])), 64))
+            ])) : h("", !0),
+            L.value === "flag" ? (l(), t("g", ba, [
+              s[44] || (s[44] = e("line", {
+                x1: "120",
+                y1: "155",
+                x2: "120",
+                y2: "225",
+                stroke: "var(--robot-blue-dark)",
+                "stroke-width": "4",
+                "stroke-linecap": "round"
+              }, null, -1)),
+              e("rect", {
+                x: "120",
+                y: "155",
+                width: "32",
+                height: "20",
+                rx: "3",
+                fill: E.value,
+                class: "animate-flag-wave"
+              }, null, 8, va),
+              s[45] || (s[45] = e("rect", {
+                x: "120",
+                y: "155",
+                width: "32",
+                height: "8",
+                rx: "3",
+                fill: "oklch(1 0 0 / 0.22)",
+                class: "animate-flag-wave"
+              }, null, -1))
+            ])) : h("", !0),
+            L.value === "scan-ring" ? (l(), t("g", wa, [
+              e("circle", {
+                cx: "120",
+                cy: "115",
+                r: "88",
+                fill: "none",
+                stroke: E.value,
+                "stroke-width": "2.5",
+                "stroke-dasharray": "18 12",
+                class: "animate-self-spin",
+                style: { transformBox: "fill-box", transformOrigin: "center" }
+              }, null, 8, $a),
+              e("circle", {
+                cx: "120",
+                cy: "115",
+                r: "70",
+                fill: "none",
+                stroke: E.value,
+                "stroke-width": "1.5",
+                "stroke-dasharray": "8 18",
+                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", {
+                key: $,
+                x: r.x - r.size / 2,
+                y: r.y - r.size / 2,
+                width: r.size,
+                height: r.size,
+                rx: r.size * 0.3,
+                fill: r.color,
+                class: "animate-confetti",
+                style: v({
+                  "--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", {
+                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),
+            e("g", {
+              style: v(ye.value),
+              class: S(N.value.la)
+            }, [
+              e("rect", {
+                x: "16",
+                y: "121",
+                width: "30",
+                height: "14",
+                rx: "7",
+                fill: I.value
+              }, null, 8, Ba),
+              e("circle", {
+                cx: "12",
+                cy: "128",
+                r: "9",
+                fill: I.value
+              }, null, 8, Oa),
+              D.value === "sparkle" ? (l(), t("path", {
+                key: 0,
+                d: W(12, 128),
+                fill: "var(--robot-amber)",
+                class: "animate-sparkle origin-center",
+                style: { transformBox: "fill-box", transformOrigin: "center" }
+              }, null, 8, za)) : h("", !0)
+            ], 6),
+            e("g", {
+              style: v(me.value),
+              class: S(N.value.ra)
+            }, [
+              e("rect", {
+                x: "194",
+                y: "121",
+                width: "30",
+                height: "14",
+                rx: "7",
+                fill: I.value
+              }, null, 8, Ra),
+              e("circle", {
+                cx: "228",
+                cy: "128",
+                r: "9",
+                fill: I.value
+              }, null, 8, Ia),
+              D.value === "thumbsUp" ? (l(), t("rect", {
+                key: 0,
+                x: "225",
+                y: "113",
+                width: "6",
+                height: "11",
+                rx: "3",
+                fill: I.value
+              }, null, 8, Na)) : h("", !0),
+              D.value === "sparkle" ? (l(), t("path", {
+                key: 1,
+                d: W(228, 128),
+                fill: "var(--robot-amber)",
+                class: "animate-sparkle origin-center",
+                style: { transformBox: "fill-box", transformOrigin: "center", animationDelay: "0.3s" }
+              }, null, 8, Ta)) : h("", !0)
+            ], 6)
+          ])),
+          d.emotion === "sleepy" || d.emotion === "yawn" ? (l(), t("div", Da, [...s[49] || (s[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)
+        ], 2)
+      ], 4)
+    ], 512));
+  }
+}), Ea = /* @__PURE__ */ A({
+  __name: "QuarkRobotHalo",
+  props: {
+    width: { default: 220 }
+  },
+  setup(d) {
+    return (u, k) => (l(), t("div", {
+      class: "halo",
+      style: v({ width: d.width + "px", height: d.width * 0.27 + "px" }),
+      "aria-hidden": "true"
+    }, [...k[0] || (k[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 = {
   screen_header: {
     dateText: "2026-07-27",
     timeText: "14:30",
@@ -521,20 +3106,22 @@ const k = {
     ]
   }
 };
-function Ve(t) {
-  return JSON.parse(JSON.stringify(Ee[t]));
+function ei(d) {
+  return JSON.parse(JSON.stringify(Ga[d]));
 }
 export {
-  De as BigScreenAlertRow,
-  ze as BigScreenBuildDistribution,
-  Fe as BigScreenBuildProjects,
-  Ue as BigScreenDutyContent,
-  He as BigScreenEndpointDistribution,
-  Je as BigScreenExternalEmbed,
-  Me as BigScreenHeader,
-  Ge as BigScreenMetricCard,
-  P as BigScreenPanel,
-  Oe as BigScreenRobotSummary,
-  Ee as bigScreenPreviewFixtures,
-  Ve as getBigScreenPreviewData
+  Ua as BigScreenAlertRow,
+  Ya as BigScreenBuildDistribution,
+  Qa as BigScreenBuildProjects,
+  Ha as BigScreenDutyContent,
+  Va as BigScreenEndpointDistribution,
+  Ja as BigScreenExternalEmbed,
+  Fa as BigScreenHeader,
+  ja as BigScreenMetricCard,
+  Te as BigScreenPanel,
+  Wa as BigScreenRobotSummary,
+  Ka as QuarkRobot,
+  Xa as QuarkRobotHalo,
+  Ga as bigScreenPreviewFixtures,
+  ei as getBigScreenPreviewData
 };