@marktowin/prototype-core 1.2.11 → 1.2.12

package/dist/{App-MjTvdWQt.js → App-BhB7oRZJ.js}

@@ -1,6 +1,6 @@
-import { defineComponent as tn, computed as k, openBlock as d, createBlock as Me, resolveDynamicComponent as ro, createElementBlock as v, Fragment as D, renderList as T, normalizeClass as A, createTextVNode as K, toDisplayString as c, createElementVNode as e, normalizeStyle as Te, createCommentVNode as S, ref as y, watch as Ye, createVNode as V, Transition as Ta, withCtx as Na, unref as i, withModifiers as Ce, withDirectives as N, vModelText as z, createStaticVNode as Ii, reactive as lo, onBeforeUnmount as Xo, vModelSelect as st, onMounted as Wi, nextTick as Sa, isRef as so, vModelCheckbox as wd, withKeys as Ca } from "vue";
-import { Save as Sd, CloudUpload as Cd, Download as kd, X as vn, Plus as Pn, ChevronDown as xd, ChevronRight as Id, Trash2 as Dn, RefreshCw as Yi, AlertTriangle as $d, CheckCircle2 as _d, CircleDot as $i, Bug as Pd, ImagePlus as _i, Filter as Dd, Search as Ra, ArrowLeft as Pi, FileJson as Xi, FileSpreadsheet as Ad, ArrowUp as Ed, ArrowDown as Td, Check as Zi, CircleAlert as qi, Clipboard as Qi, SunMedium as Nd, RotateCcw as Rd, PanelTop as er, BookOpen as Di, Cloud as Od, Database as Bd, Keyboard as jd } from "@lucide/vue";
-import { g as vo, a as js, s as Ud } from "./index-CxLROYE8.js";
+import { defineComponent as tn, computed as k, openBlock as d, createBlock as Me, resolveDynamicComponent as ro, createElementBlock as v, Fragment as D, renderList as E, normalizeClass as A, createTextVNode as K, toDisplayString as c, createElementVNode as e, normalizeStyle as Ee, createCommentVNode as S, ref as y, watch as Ye, createVNode as V, Transition as Ea, withCtx as Na, unref as i, withModifiers as Ce, withDirectives as N, vModelText as z, createStaticVNode as Ii, reactive as lo, onBeforeUnmount as Xo, vModelSelect as st, onMounted as Wi, nextTick as Sa, isRef as so, vModelCheckbox as wd, withKeys as Ca } from "vue";
+import { Save as Sd, CloudUpload as Cd, Download as kd, X as vn, Plus as Pn, ChevronDown as xd, ChevronRight as Id, Trash2 as Dn, RefreshCw as Yi, AlertTriangle as $d, CheckCircle2 as _d, CircleDot as $i, Bug as Pd, ImagePlus as _i, Filter as Dd, Search as Ra, ArrowLeft as Pi, FileJson as Xi, FileSpreadsheet as Ad, ArrowUp as Td, ArrowDown as Ed, Check as Zi, CircleAlert as qi, Clipboard as Qi, SunMedium as Nd, RotateCcw as Rd, PanelTop as er, BookOpen as Di, Cloud as Od, Database as Bd, Keyboard as jd } from "@lucide/vue";
+import { g as vo, a as js, s as Ud } from "./index-CQZFzzRZ.js";
 const Lo = /* @__PURE__ */ tn({
   __name: "ScreenRenderer",
   props: {
@@ -19,7 +19,7 @@ const Lo = /* @__PURE__ */ tn({
   emits: ["change"],
   setup(t) {
     return (n, o) => (d(), v("div", Md, [
-      (d(!0), v(D, null, T(t.items, (a) => (d(), v("button", {
+      (d(!0), v(D, null, E(t.items, (a) => (d(), v("button", {
         key: a.id,
         class: A(["flex flex-col items-center gap-1 rounded-full py-2 text-xs font-normal transition active:scale-95", t.active === a.id ? "bg-soft text-ocean" : "text-muted"]),
         onClick: (r) => n.$emit("change", a.id)
@@ -46,7 +46,7 @@ const Lo = /* @__PURE__ */ tn({
     const o = n;
     return (a, r) => (d(), v("aside", Fd, [
       e("p", null, c(t.title), 1),
-      (d(!0), v(D, null, T(t.options, (p) => {
+      (d(!0), v(D, null, E(t.options, (p) => {
         var g, h;
         return d(), v("button", {
           key: p.id,
@@ -57,7 +57,7 @@ const Lo = /* @__PURE__ */ tn({
           (g = t.highlightedColors) != null && g[p.id] ? (d(), v("span", {
             key: 0,
             class: "prototype-state-highlight-bookmark",
-            style: Te({ backgroundColor: t.highlightedColors[p.id] }),
+            style: Ee({ backgroundColor: t.highlightedColors[p.id] }),
             "aria-hidden": "true"
           }, null, 4)) : (d(), v("span", zd)),
           K(" " + c(p.label) + " ", 1),
@@ -89,7 +89,7 @@ const Lo = /* @__PURE__ */ tn({
 }, _p = {
   class: "screen-content",
   style: { height: "100%", overflow: "hidden", "padding-bottom": "20px" }
-}, Pp = ["onClick"], Dp = { class: "flex items-center justify-center gap-1 max-w-full" }, Ap = { class: "text-center text-[11px] text-ink leading-tight truncate" }, Ep = { class: "text-center text-[10px] text-muted" }, Tp = {
+}, Pp = ["onClick"], Dp = { class: "flex items-center justify-center gap-1 max-w-full" }, Ap = { class: "text-center text-[11px] text-ink leading-tight truncate" }, Tp = { class: "text-center text-[10px] text-muted" }, Ep = {
   key: 1,
   class: "flex flex-col items-center justify-center w-full h-48 text-muted relative"
 }, Np = {
@@ -108,7 +108,7 @@ const Lo = /* @__PURE__ */ tn({
 }, Kp = { key: 1 }, Jp = { class: "grid grid-cols-2 gap-3" }, Wp = ["onDragstart"], Yp = { class: "desktop-frame-thumb" }, Xp = { class: "desktop-screen-content-thumb" }, Zp = { class: "flex items-center gap-1 px-0.5" }, qp = { class: "text-[10px] font-mono text-muted" }, Qp = { class: "text-[10px] text-ink leading-tight truncate" }, ev = {
   key: 0,
   class: "px-0.5 text-[10px] leading-tight text-ocean truncate"
-}, tv = 0.18, nv = 0.38, Ai = 393, ov = 852, jo = 640, Ei = 360, Ti = 1920, sv = /* @__PURE__ */ tn({
+}, tv = 0.18, nv = 0.38, Ai = 393, ov = 852, jo = 640, Ti = 360, Ei = 1920, sv = /* @__PURE__ */ tn({
   __name: "FlowEditor",
   props: {
     flows: {},
@@ -127,18 +127,18 @@ const Lo = /* @__PURE__ */ tn({
       return ((I = h.value) == null ? void 0 : I.rows[g.value]) ?? [];
     }), P = y(0.28);
     function oe(I) {
-      return I === "pc" ? P.value * jo / Ti : P.value;
+      return I === "pc" ? P.value * jo / Ei : P.value;
     }
     function xe(I) {
-      const _ = I === "pc" ? jo : Ai, Y = I === "pc" ? Ei : ov;
+      const _ = I === "pc" ? jo : Ai, Y = I === "pc" ? Ti : ov;
       return {
         width: `${Math.ceil(_ * P.value) + 2}px`,
         height: `${Math.ceil(Y * P.value) + 2}px`
       };
     }
-    const pe = k(() => Math.ceil(Ai * P.value) + 16), ue = k(() => Math.ceil(jo * P.value) + 16), ae = k(() => P.value * 0.55), B = k(() => ae.value * jo / Ti), ke = k(() => ({
+    const pe = k(() => Math.ceil(Ai * P.value) + 16), ue = k(() => Math.ceil(jo * P.value) + 16), ae = k(() => P.value * 0.55), B = k(() => ae.value * jo / Ei), ke = k(() => ({
       width: `${Math.ceil(jo * ae.value) + 2}px`,
-      height: `${Math.ceil(Ei * ae.value) + 2}px`
+      height: `${Math.ceil(Ti * ae.value) + 2}px`
     })), ge = y(/* @__PURE__ */ new Set([0]));
     function Ae(I) {
       ge.value.has(I) ? ge.value.delete(I) : ge.value.add(I);
@@ -146,7 +146,7 @@ const Lo = /* @__PURE__ */ tn({
     function J(I, _) {
       p.value = I, g.value = _;
     }
-    function Ee(I) {
+    function Te(I) {
       return o.screens.find((_) => _.id === I);
     }
     function Re() {
@@ -198,7 +198,7 @@ const Lo = /* @__PURE__ */ tn({
     ), Ve = k(() => H.value.filter((I) => I.screen.platform === "mobile")), Oe = k(() => H.value.filter((I) => I.screen.platform === "pc"));
     function ce(I) {
       var _;
-      return ((_ = Ee(I.screenId)) == null ? void 0 : _.platform) ?? "mobile";
+      return ((_ = Te(I.screenId)) == null ? void 0 : _.platform) ?? "mobile";
     }
     function fe(I) {
       return {
@@ -209,7 +209,7 @@ const Lo = /* @__PURE__ */ tn({
     }
     function Ie(I) {
       var we;
-      const _ = Ee(I.screenId) ?? o.screens[0], Y = I.stateId ? (we = o.stateOptionsByScreen(_.id).find((E) => E.id === I.stateId)) == null ? void 0 : we.label : void 0;
+      const _ = Te(I.screenId) ?? o.screens[0], Y = I.stateId ? (we = o.stateOptionsByScreen(_.id).find((T) => T.id === I.stateId)) == null ? void 0 : we.label : void 0;
       return {
         ..._,
         stateId: I.stateId,
@@ -236,8 +236,8 @@ const Lo = /* @__PURE__ */ tn({
     }
     function $(I, _) {
       I.preventDefault();
-      const we = I.currentTarget.getBoundingClientRect(), E = we.left + we.width / 2;
-      _e.value = I.clientX < E ? "before" : "after", Z.value = _;
+      const we = I.currentTarget.getBoundingClientRect(), T = we.left + we.width / 2;
+      _e.value = I.clientX < T ? "before" : "after", Z.value = _;
     }
     function C(I, _) {
       var Je;
@@ -246,20 +246,20 @@ const Lo = /* @__PURE__ */ tn({
       Z.value = -1, ze.value = null, G.value = -1, de.value = null;
       const we = (Je = I.dataTransfer) == null ? void 0 : Je.getData("text/plain");
       if (!we) return;
-      let E;
+      let T;
       try {
-        E = JSON.parse(we);
+        T = JSON.parse(we);
       } catch {
         return;
       }
       const q = Ge();
       if (!q) return;
       const Ke = Y === "before" ? _ : _ + 1;
-      if (E.type === "palette" && E.screenId) {
-        const We = { screenId: E.screenId, stateId: E.stateId };
+      if (T.type === "palette" && T.screenId) {
+        const We = { screenId: T.screenId, stateId: T.stateId };
         q.splice(Ke, 0, We);
-      } else if (E.type === "sort" && typeof E.fromIndex == "number") {
-        const We = E.fromIndex;
+      } else if (T.type === "sort" && typeof T.fromIndex == "number") {
+        const We = T.fromIndex;
         if (We === Ke) return;
         const [yo] = q.splice(We, 1), Ft = We < Ke ? Ke - 1 : Ke;
         q.splice(Ft, 0, yo);
@@ -277,9 +277,9 @@ const Lo = /* @__PURE__ */ tn({
         return;
       }
       if (Y.type === "palette" && Y.screenId) {
-        const E = Ge();
-        if (!E) return;
-        E.push({ screenId: Y.screenId, stateId: Y.stateId });
+        const T = Ge();
+        if (!T) return;
+        T.push({ screenId: Y.screenId, stateId: Y.stateId });
       }
     }
     function He(I, _) {
@@ -322,7 +322,7 @@ const Lo = /* @__PURE__ */ tn({
             _[4] || (_[4] = e("h2", { class: "text-lg font-semibold text-ink" }, "流程编排", -1)),
             e("span", Zd, c((Y = h.value) == null ? void 0 : Y.title) + " · 子流程 " + c(g.value + 1) + " / " + c((we = h.value) == null ? void 0 : we.rows.length), 1)
           ]),
-          V(Ta, { name: "toast" }, {
+          V(Ea, { name: "toast" }, {
             default: Na(() => [
               rt.value ? (d(), v("div", {
                 key: 0,
@@ -376,8 +376,8 @@ const Lo = /* @__PURE__ */ tn({
               ])
             ]),
             e("div", sp, [
-              (d(!0), v(D, null, T(r.value, (E, q) => (d(), v("div", {
-                key: E.id,
+              (d(!0), v(D, null, E(r.value, (T, q) => (d(), v("div", {
+                key: T.id,
                 class: A(["rounded-xl border border-line bg-soft overflow-hidden", { "ring-1 ring-ocean": p.value === q }])
               }, [
                 e("div", {
@@ -386,7 +386,7 @@ const Lo = /* @__PURE__ */ tn({
                 }, [
                   (d(), Me(ro(ge.value.has(q) ? i(xd) : i(Id)), { class: "h-4 w-4 text-muted" })),
                   e("input", {
-                    value: E.title,
+                    value: T.title,
                     class: "flex-1 min-w-0 bg-transparent text-sm font-semibold text-ink outline-none",
                     onClick: _[0] || (_[0] = Ce(() => {
                     }, ["stop"])),
@@ -401,7 +401,7 @@ const Lo = /* @__PURE__ */ tn({
                   ], 8, ip)
                 ], 8, ap),
                 ge.value.has(q) ? (d(), v("div", rp, [
-                  (d(!0), v(D, null, T(E.rows, (Ke, Je) => (d(), v("div", {
+                  (d(!0), v(D, null, E(T.rows, (Ke, Je) => (d(), v("div", {
                     key: Je,
                     class: A(["group/row flex items-center gap-2 py-2 text-xs cursor-pointer hover:bg-canvas transition", [
                       p.value === q && g.value === Je ? "pl-[9px] pr-3 bg-ocean/5 border-l-[3px] border-ocean" : "px-3"
@@ -413,7 +413,7 @@ const Lo = /* @__PURE__ */ tn({
                     }, null, 2),
                     e("span", {
                       class: A(["flex-1 min-w-0 truncate", p.value === q && g.value === Je ? "text-ink font-medium" : "text-muted"])
-                    }, c(M(E, Je)), 3),
+                    }, c(M(T, Je)), 3),
                     e("span", {
                       class: A(["", p.value === q && g.value === Je ? "text-ocean" : "text-muted/60"])
                     }, c(Ke.length) + " 页", 3),
@@ -444,14 +444,14 @@ const Lo = /* @__PURE__ */ tn({
                   value: M(h.value, g.value),
                   class: "rounded-lg border border-line bg-canvas px-3 py-1.5 text-sm text-ink outline-none focus:border-ocean",
                   placeholder: "输入子流程名称...",
-                  onInput: _[1] || (_[1] = (E) => ye(g.value, E.target.value))
+                  onInput: _[1] || (_[1] = (T) => ye(g.value, T.target.value))
                 }, null, 40, mp)
               ]),
               e("div", gp, [
                 e("div", hp, [
                   _[9] || (_[9] = e("span", { class: "text-xs text-muted" }, "缩略图", -1)),
                   N(e("input", {
-                    "onUpdate:modelValue": _[2] || (_[2] = (E) => P.value = E),
+                    "onUpdate:modelValue": _[2] || (_[2] = (T) => P.value = T),
                     type: "range",
                     min: tv,
                     max: nv,
@@ -485,15 +485,15 @@ const Lo = /* @__PURE__ */ tn({
               onDrop: se
             }, [
               e("div", bp, [
-                b.value.length > 0 ? (d(!0), v(D, { key: 0 }, T(b.value, (E, q) => {
+                b.value.length > 0 ? (d(!0), v(D, { key: 0 }, E(b.value, (T, q) => {
                   var Ke, Je;
                   return d(), v("div", {
-                    key: `${E.screenId}-${q}`,
+                    key: `${T.screenId}-${q}`,
                     class: A(["group relative flex flex-col items-center gap-2", {
                       "opacity-40 scale-[0.96]": G.value === q,
                       "transition-all duration-150": !0
                     }]),
-                    style: Te({ width: `${ce(E) === "pc" ? ue.value : pe.value}px` }),
+                    style: Ee({ width: `${ce(T) === "pc" ? ue.value : pe.value}px` }),
                     draggable: "true",
                     onDragstart: (We) => te(We, q),
                     onDragend: qe,
@@ -504,26 +504,26 @@ const Lo = /* @__PURE__ */ tn({
                     q === b.value.length - 1 && Rt.value === b.value.length ? (d(), v("div", Cp)) : S("", !0),
                     e("div", kp, [
                       e("div", {
-                        class: A(["thumb-frame", { "pc-thumb-frame": ce(E) === "pc" }]),
-                        style: Te(xe(ce(E)))
+                        class: A(["thumb-frame", { "pc-thumb-frame": ce(T) === "pc" }]),
+                        style: Ee(xe(ce(T)))
                       }, [
                         e("div", {
                           class: "thumb-scale",
-                          style: Te({ transform: `scale(${oe(ce(E))})` })
+                          style: Ee({ transform: `scale(${oe(ce(T))})` })
                         }, [
-                          ce(E) === "pc" ? (d(), v("div", xp, [
+                          ce(T) === "pc" ? (d(), v("div", xp, [
                             e("div", Ip, [
-                              E.screenId ? (d(), Me(Lo, {
+                              T.screenId ? (d(), Me(Lo, {
                                 key: 0,
-                                screen: Ie(E)
+                                screen: Ie(T)
                               }, null, 8, ["screen"])) : S("", !0)
                             ])
                           ])) : (d(), v("div", $p, [
                             _[11] || (_[11] = Ii('<div class="status-bar" data-v-f5226710><span data-v-f5226710>9:41</span><span class="flex items-center gap-1" data-v-f5226710><svg class="h-3 w-3" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" data-v-f5226710><path d="M12 2a4 4 0 0 0-4 4c0 2.5 3 5.5 4 9 1-3.5 4-6.5 4-9a4 4 0 0 0-4-4Z" data-v-f5226710></path><circle cx="12" cy="6" r="1.5" data-v-f5226710></circle></svg> 86% </span></div>', 1)),
                             e("div", _p, [
-                              E.screenId ? (d(), Me(Lo, {
+                              T.screenId ? (d(), Me(Lo, {
                                 key: 0,
-                                screen: Ie(E)
+                                screen: Ie(T)
                               }, null, 8, ["screen"])) : S("", !0)
                             ])
                           ]))
@@ -538,18 +538,18 @@ const Lo = /* @__PURE__ */ tn({
                     ]),
                     e("div", Dp, [
                       e("span", {
-                        class: A(["platform-badge is-small", ce(E) === "pc" ? "is-pc" : "is-mobile"])
-                      }, c(ce(E) === "pc" ? "P" : "M"), 3),
-                      e("span", Ap, c(((Ke = Ee(E.screenId)) == null ? void 0 : Ke.title) ?? E.screenId), 1)
+                        class: A(["platform-badge is-small", ce(T) === "pc" ? "is-pc" : "is-mobile"])
+                      }, c(ce(T) === "pc" ? "P" : "M"), 3),
+                      e("span", Ap, c(((Ke = Te(T.screenId)) == null ? void 0 : Ke.title) ?? T.screenId), 1)
                     ]),
-                    e("span", Ep, [
-                      K(c(((Je = Ee(E.screenId)) == null ? void 0 : Je.code) ?? ""), 1),
-                      E.stateId ? (d(), v(D, { key: 0 }, [
-                        K(" · " + c(Ie(E).stateLabel), 1)
+                    e("span", Tp, [
+                      K(c(((Je = Te(T.screenId)) == null ? void 0 : Je.code) ?? ""), 1),
+                      T.stateId ? (d(), v(D, { key: 0 }, [
+                        K(" · " + c(Ie(T).stateLabel), 1)
                       ], 64)) : S("", !0)
                     ])
                   ], 46, wp);
-                }), 128)) : (d(), v("div", Tp, [
+                }), 128)) : (d(), v("div", Ep, [
                   ze.value ? (d(), v("div", Np)) : S("", !0),
                   e("div", Rp, [
                     V(i(Pn), { class: "h-6 w-6" })
@@ -568,28 +568,28 @@ const Lo = /* @__PURE__ */ tn({
               Ve.value.length ? (d(), v("div", jp, [
                 _[15] || (_[15] = e("p", { class: "mb-2 text-xs font-semibold text-muted" }, "移动端", -1)),
                 e("div", Up, [
-                  (d(!0), v(D, null, T(Ve.value, (E) => (d(), v("div", {
-                    key: E.key,
+                  (d(!0), v(D, null, E(Ve.value, (T) => (d(), v("div", {
+                    key: T.key,
                     class: A(["group flex flex-col gap-1 p-2 rounded-xl border border-line bg-soft hover:border-ocean hover:shadow-sm transition cursor-grab active:cursor-grabbing", {
-                      "opacity-40 ring-2 ring-ocean/40": de.value === E.key
+                      "opacity-40 ring-2 ring-ocean/40": de.value === T.key
                     }]),
                     draggable: "true",
-                    onDragstart: (q) => be(q, E),
+                    onDragstart: (q) => be(q, T),
                     onDragend: qe
                   }, [
                     e("div", {
                       class: "thumb-frame",
-                      style: Te(xe("mobile"))
+                      style: Ee(xe("mobile"))
                     }, [
                       e("div", {
                         class: "thumb-scale",
-                        style: Te({ transform: `scale(${P.value})` })
+                        style: Ee({ transform: `scale(${P.value})` })
                       }, [
                         e("div", Vp, [
                           _[13] || (_[13] = Ii('<div class="status-bar" data-v-f5226710><span data-v-f5226710>9:41</span><span class="flex items-center gap-1" data-v-f5226710><svg class="h-3 w-3" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" data-v-f5226710><path d="M12 2a4 4 0 0 0-4 4c0 2.5 3 5.5 4 9 1-3.5 4-6.5 4-9a4 4 0 0 0-4-4Z" data-v-f5226710></path><circle cx="12" cy="6" r="1.5" data-v-f5226710></circle></svg> 86% </span></div>', 1)),
                           e("div", Lp, [
                             V(Lo, {
-                              screen: fe(E)
+                              screen: fe(T)
                             }, null, 8, ["screen"])
                           ])
                         ])
@@ -597,37 +597,37 @@ const Lo = /* @__PURE__ */ tn({
                     ], 4),
                     e("div", Fp, [
                       _[14] || (_[14] = e("span", { class: "platform-badge is-small is-mobile" }, "M", -1)),
-                      e("span", Gp, c(E.screen.code), 1),
-                      e("span", zp, c(E.screen.title), 1)
+                      e("span", Gp, c(T.screen.code), 1),
+                      e("span", zp, c(T.screen.title), 1)
                     ]),
-                    E.stateLabel ? (d(), v("span", Hp, c(E.stateLabel), 1)) : S("", !0)
+                    T.stateLabel ? (d(), v("span", Hp, c(T.stateLabel), 1)) : S("", !0)
                   ], 42, Mp))), 128))
                 ])
               ])) : S("", !0),
               Oe.value.length ? (d(), v("div", Kp, [
                 _[17] || (_[17] = e("p", { class: "mb-2 text-xs font-semibold text-muted" }, "PC 端", -1)),
                 e("div", Jp, [
-                  (d(!0), v(D, null, T(Oe.value, (E) => (d(), v("div", {
-                    key: E.key,
+                  (d(!0), v(D, null, E(Oe.value, (T) => (d(), v("div", {
+                    key: T.key,
                     class: A(["group flex flex-col gap-1 p-2 rounded-xl border border-line bg-soft hover:border-ocean hover:shadow-sm transition cursor-grab active:cursor-grabbing", {
-                      "opacity-40 ring-2 ring-ocean/40": de.value === E.key
+                      "opacity-40 ring-2 ring-ocean/40": de.value === T.key
                     }]),
                     draggable: "true",
-                    onDragstart: (q) => be(q, E),
+                    onDragstart: (q) => be(q, T),
                     onDragend: qe
                   }, [
                     e("div", {
                       class: "thumb-frame pc-thumb-frame",
-                      style: Te(ke.value)
+                      style: Ee(ke.value)
                     }, [
                       e("div", {
                         class: "thumb-scale",
-                        style: Te({ transform: `scale(${B.value})` })
+                        style: Ee({ transform: `scale(${B.value})` })
                       }, [
                         e("div", Yp, [
                           e("div", Xp, [
                             V(Lo, {
-                              screen: fe(E)
+                              screen: fe(T)
                             }, null, 8, ["screen"])
                           ])
                         ])
@@ -635,10 +635,10 @@ const Lo = /* @__PURE__ */ tn({
                     ], 4),
                     e("div", Zp, [
                       _[16] || (_[16] = e("span", { class: "platform-badge is-small is-pc" }, "P", -1)),
-                      e("span", qp, c(E.screen.code), 1),
-                      e("span", Qp, c(E.screen.title), 1)
+                      e("span", qp, c(T.screen.code), 1),
+                      e("span", Qp, c(T.screen.title), 1)
                     ]),
-                    E.stateLabel ? (d(), v("span", ev, c(E.stateLabel), 1)) : S("", !0)
+                    T.stateLabel ? (d(), v("span", ev, c(T.stateLabel), 1)) : S("", !0)
                   ], 42, Wp))), 128))
                 ])
               ])) : S("", !0)
@@ -884,7 +884,7 @@ async function gv(t, n, o) {
     return await mv(ur(), r, a != null && a.legacy ? null : (a == null ? void 0 : a.sha) ?? null, fv(t, n)), pr();
   });
 }
-const vr = ["功能异常", "UI/文案", "流程阻塞", "数据/报告", "设备/蓝牙", "性能/稳定性", "兼容性", "其他"], fr = ["P0", "P1", "P2", "P3", "P4"], mr = ["安卓侧", "iOS 侧", "后端"], gr = ["后端开发", "iOS 开发", "安卓开发", "产品经理", "算法开发", "硬件嵌入式开发"], hr = ["待处理", "已确认", "修复中", "已修复", "已验证", "无需处理"], yr = ["待处理", "已确认", "修复中"], Et = y([]), Ka = y(ir), br = y(ir ? "loading" : "idle"), Ja = y("");
+const vr = ["功能异常", "UI/文案", "流程阻塞", "数据/报告", "设备/蓝牙", "性能/稳定性", "兼容性", "其他"], fr = ["P0", "P1", "P2", "P3", "P4"], mr = ["安卓侧", "iOS 侧", "后端"], gr = ["后端开发", "iOS 开发", "安卓开发", "产品经理", "算法开发", "硬件嵌入式开发"], hr = ["待处理", "已确认", "修复中", "已修复", "已验证", "无需处理"], yr = ["待处理", "已确认", "修复中"], Tt = y([]), Ka = y(ir), br = y(ir ? "loading" : "idle"), Ja = y("");
 let Bi = !1;
 function hv(t) {
   return typeof t == "string" && vr.includes(t);
@@ -955,13 +955,13 @@ async function wr() {
     try {
       Yt("loading", "正在同步 Gitee Bug 数据");
       const n = await pr();
-      Et.value = io((n == null ? void 0 : n.value) ?? []), Zt("bugs", Et.value, (n == null ? void 0 : n.sha) ?? null, (/* @__PURE__ */ new Date()).toISOString(), "synced"), Yt("success", "已同步 Gitee Bug 数据");
+      Tt.value = io((n == null ? void 0 : n.value) ?? []), Zt("bugs", Tt.value, (n == null ? void 0 : n.sha) ?? null, (/* @__PURE__ */ new Date()).toISOString(), "synced"), Yt("success", "已同步 Gitee Bug 数据");
       return;
     } catch (n) {
       const o = Xt("bugs");
       o && Zt("bugs", o.value, o.revision, o.lastRemoteSyncAt, "stale", n instanceof Error ? n.message : "Gitee Bug 数据同步失败"), Yt("error", n instanceof Error ? n.message : "Gitee Bug 数据同步失败，已切换本地兜底");
     }
-  Et.value = io(((t = Xt("bugs")) == null ? void 0 : t.value) ?? []), Ja.value || Yt("idle", "当前使用本地 Bug 数据");
+  Tt.value = io(((t = Xt("bugs")) == null ? void 0 : t.value) ?? []), Ja.value || Yt("idle", "当前使用本地 Bug 数据");
 }
 async function xv() {
   if (!Bi) {
@@ -969,25 +969,25 @@ async function xv() {
     try {
       await wr();
     } catch {
-      Et.value = [], Yt("error", "Bug 数据初始化失败");
+      Tt.value = [], Yt("error", "Bug 数据初始化失败");
     }
   }
 }
 async function Iv(t, n, o) {
   const a = () => {
-    Et.value = io(o(Et.value)), kv(Et.value);
+    Tt.value = io(o(Tt.value)), kv(Tt.value);
   };
   if (Ka.value)
     try {
       Yt("loading", "正在提交 Gitee Bug 数据");
       const r = await gv(t, n, (p) => io(o(io(p))));
-      return Et.value = io((r == null ? void 0 : r.value) ?? []), Zt("bugs", Et.value, (r == null ? void 0 : r.sha) ?? null, (/* @__PURE__ */ new Date()).toISOString(), "synced"), Yt("success", "Bug 数据已提交"), !0;
+      return Tt.value = io((r == null ? void 0 : r.value) ?? []), Zt("bugs", Tt.value, (r == null ? void 0 : r.sha) ?? null, (/* @__PURE__ */ new Date()).toISOString(), "synced"), Yt("success", "Bug 数据已提交"), !0;
     } catch (r) {
       return Yt("error", r instanceof Error ? r.message : "Bug 数据提交失败"), !1;
     }
   return a(), Yt("success", "Bug 数据已保存到本地"), !0;
 }
-const $v = k(() => Et.value.filter((t) => yr.includes(t.status)).length);
+const $v = k(() => Tt.value.filter((t) => yr.includes(t.status)).length);
 function _v(t) {
   const n = t.reduce((o, a) => {
     const r = /^BUG-(\d+)$/i.exec(a.id.trim());
@@ -997,7 +997,7 @@ function _v(t) {
 }
 function Sr() {
   return {
-    bugs: Et,
+    bugs: Tt,
     bugTypes: vr,
     bugSeverities: fr,
     bugSourceSides: mr,
@@ -1030,7 +1030,7 @@ async function Av(t, n) {
   const o = new TextEncoder(), a = await crypto.subtle.importKey("raw", o.encode(n), { name: "HMAC", hash: "SHA-1" }, !1, ["sign"]), r = await crypto.subtle.sign("HMAC", a, o.encode(t));
   return Dv(r);
 }
-function Ev(t, n) {
+function Tv(t, n) {
   const o = new Date(Date.now() + 6e5).toISOString();
   return btoa(
     JSON.stringify({
@@ -1043,7 +1043,7 @@ function Ev(t, n) {
     })
   );
 }
-function Tv() {
+function Ev() {
   return !!Wa();
 }
 function Nv(t) {
@@ -1056,7 +1056,7 @@ function xa(t) {
 async function Rv(t, n) {
   const o = Wa();
   if (!o) throw new Error("缺少 OSS 上传配置");
-  const a = Ev(t, n.size), r = await Av(a, o.accessKeySecret), p = new FormData();
+  const a = Tv(t, n.size), r = await Av(a, o.accessKeySecret), p = new FormData();
   p.set("key", t), p.set("policy", a), p.set("OSSAccessKeyId", o.accessKeyId), p.set("signature", r), p.set("success_action_status", "201"), p.set("Content-Type", n.type || "application/octet-stream"), p.set("file", n);
   const g = await fetch(o.baseUrl, {
     method: "POST",
@@ -1083,10 +1083,10 @@ const Ov = { class: "bug-page" }, Bv = { class: "bug-page-head" }, jv = ["disabl
 }, xf = ["disabled"], If = ["disabled"], $f = { class: "bug-list" }, _f = {
   key: 0,
   class: "bug-empty"
-}, Pf = { class: "bug-list-main" }, Df = { class: "bug-list-meta" }, Af = { key: 0 }, Ef = {
+}, Pf = { class: "bug-list-main" }, Df = { class: "bug-list-meta" }, Af = { key: 0 }, Tf = {
   key: 0,
   class: "bug-list-images"
-}, Tf = ["onClick"], Nf = ["src", "alt"], Rf = { key: 0 }, Of = ["onClick"], Bf = {
+}, Ef = ["onClick"], Nf = ["src", "alt"], Rf = { key: 0 }, Of = ["onClick"], Bf = {
   key: 1,
   class: "bug-pagination"
 }, jf = ["disabled"], Uf = ["disabled"], Mf = { class: "bug-detail-panel" }, Vf = { class: "bug-detail-head" }, Lf = { class: "bug-detail-summary" }, Ff = { key: 0 }, Gf = { class: "bug-detail-actions" }, zf = { key: 1 }, Hf = {
@@ -1155,7 +1155,7 @@ const Ov = { class: "bug-page" }, Bv = { class: "bug-page-head" }, jv = ["disabl
       P2: 2,
       P3: 3,
       P4: 4
-    }, Ee = [
+    }, Te = [
       { value: "createdDesc", label: "创建时间 新→旧" },
       { value: "createdAsc", label: "创建时间 旧→新" },
       { value: "updatedDesc", label: "更新时间 新→旧" },
@@ -1209,7 +1209,7 @@ const Ov = { class: "bug-page" }, Bv = { class: "bug-page-head" }, jv = ["disabl
       sourceSideVersion: "",
       ownerRole: "后端开发",
       description: ""
-    }), de = y([]), Rt = y(null), be = y([]), te = y(""), qe = y(null), $ = Tv(), C = k(() => a.value.find((x) => x.id === ye.value) ?? null), se = k(() => !!(C.value && !["已验证", "无需处理"].includes(C.value.status))), He = k(() => a.value.filter((x) => x.status === "已修复" || x.status === "已验证").length), rt = k(() => a.value.filter((x) => x.status === "无需处理").length), ut = k(
+    }), de = y([]), Rt = y(null), be = y([]), te = y(""), qe = y(null), $ = Ev(), C = k(() => a.value.find((x) => x.id === ye.value) ?? null), se = k(() => !!(C.value && !["已验证", "无需处理"].includes(C.value.status))), He = k(() => a.value.filter((x) => x.status === "已修复" || x.status === "已验证").length), rt = k(() => a.value.filter((x) => x.status === "无需处理").length), ut = k(
       () => Array.from(new Set(a.value.map((x) => {
         var f;
         return (f = x.sourceSideVersion) == null ? void 0 : f.trim();
@@ -1244,7 +1244,7 @@ const Ov = { class: "bug-page" }, Bv = { class: "bug-page-head" }, jv = ["disabl
       const W = (/* @__PURE__ */ new Date()).toISOString().replace(/\D/g, "").slice(0, 14);
       return `bugs/${x}/${W}-${_(f.name)}.${Y(f)}`;
     }
-    async function E(x) {
+    async function T(x) {
       if (!["image/png", "image/jpeg", "image/jpg", "image/webp"].includes(x.type)) throw new Error("仅支持 png、jpg、jpeg、webp 图片");
       return {
         id: `pending-image-${Date.now()}-${Math.random().toString(16).slice(2)}`,
@@ -1268,7 +1268,7 @@ const Ov = { class: "bug-page" }, Bv = { class: "bug-page-head" }, jv = ["disabl
       }
       for (const Q of f.slice(0, m))
         try {
-          be.value = [...be.value, await E(Q)];
+          be.value = [...be.value, await T(Q)];
         } catch (Qe) {
           te.value = Qe instanceof Error ? Qe.message : "图片处理失败";
         }
@@ -1519,7 +1519,7 @@ const Ov = { class: "bug-page" }, Bv = { class: "bug-page-head" }, jv = ["disabl
             onPaste: Je
           }, [
             e("datalist", zv, [
-              (d(!0), v(D, null, T(ut.value, (m) => (d(), v("option", {
+              (d(!0), v(D, null, E(ut.value, (m) => (d(), v("option", {
                 key: m,
                 value: m
               }, null, 8, Hv))), 128))
@@ -1554,7 +1554,7 @@ const Ov = { class: "bug-page" }, Bv = { class: "bug-page-head" }, jv = ["disabl
                 N(e("select", {
                   "onUpdate:modelValue": f[4] || (f[4] = (m) => L.type = m)
                 }, [
-                  (d(!0), v(D, null, T(i(r), (m) => (d(), v("option", {
+                  (d(!0), v(D, null, E(i(r), (m) => (d(), v("option", {
                     key: m,
                     value: m
                   }, c(m), 9, Wv))), 128))
@@ -1567,7 +1567,7 @@ const Ov = { class: "bug-page" }, Bv = { class: "bug-page-head" }, jv = ["disabl
                 N(e("select", {
                   "onUpdate:modelValue": f[5] || (f[5] = (m) => L.severity = m)
                 }, [
-                  (d(!0), v(D, null, T(i(p), (m) => (d(), v("option", {
+                  (d(!0), v(D, null, E(i(p), (m) => (d(), v("option", {
                     key: m,
                     value: m
                   }, c(m), 9, Yv))), 128))
@@ -1580,7 +1580,7 @@ const Ov = { class: "bug-page" }, Bv = { class: "bug-page-head" }, jv = ["disabl
                 N(e("select", {
                   "onUpdate:modelValue": f[6] || (f[6] = (m) => L.sourceSide = m)
                 }, [
-                  (d(!0), v(D, null, T(i(g), (m) => (d(), v("option", {
+                  (d(!0), v(D, null, E(i(g), (m) => (d(), v("option", {
                     key: m,
                     value: m
                   }, c(m), 9, Xv))), 128))
@@ -1604,7 +1604,7 @@ const Ov = { class: "bug-page" }, Bv = { class: "bug-page-head" }, jv = ["disabl
                 N(e("select", {
                   "onUpdate:modelValue": f[8] || (f[8] = (m) => L.ownerRole = m)
                 }, [
-                  (d(!0), v(D, null, T(i(h), (m) => (d(), v("option", {
+                  (d(!0), v(D, null, E(i(h), (m) => (d(), v("option", {
                     key: m,
                     value: m
                   }, c(m), 9, Zv))), 128))
@@ -1647,7 +1647,7 @@ const Ov = { class: "bug-page" }, Bv = { class: "bug-page-head" }, jv = ["disabl
               }, null, 544),
               f[55] || (f[55] = e("p", { class: "bug-image-hint" }, "支持 png、jpg、webp；最多 10 张；图片将按原文件直接上传 OSS。", -1)),
               be.value.length ? (d(), v("div", tf, [
-                (d(!0), v(D, null, T(be.value, (m) => (d(), v("article", {
+                (d(!0), v(D, null, E(be.value, (m) => (d(), v("article", {
                   key: m.id,
                   class: A(`is-${m.status}`)
                 }, [
@@ -1695,7 +1695,7 @@ const Ov = { class: "bug-page" }, Bv = { class: "bug-page-head" }, jv = ["disabl
                 }, [
                   f[57] || (f[57] = e("option", { value: "未修复" }, "未修复", -1)),
                   f[58] || (f[58] = e("option", { value: "全部" }, "全部状态", -1)),
-                  (d(!0), v(D, null, T(i(b), (m) => (d(), v("option", {
+                  (d(!0), v(D, null, E(i(b), (m) => (d(), v("option", {
                     key: m,
                     value: m
                   }, c(m), 9, vf))), 128))
@@ -1706,7 +1706,7 @@ const Ov = { class: "bug-page" }, Bv = { class: "bug-page-head" }, jv = ["disabl
                   "onUpdate:modelValue": f[12] || (f[12] = (m) => H.type = m)
                 }, [
                   f[59] || (f[59] = e("option", { value: "全部" }, "全部类型", -1)),
-                  (d(!0), v(D, null, T(i(r), (m) => (d(), v("option", {
+                  (d(!0), v(D, null, E(i(r), (m) => (d(), v("option", {
                     key: m,
                     value: m
                   }, c(m), 9, ff))), 128))
@@ -1717,7 +1717,7 @@ const Ov = { class: "bug-page" }, Bv = { class: "bug-page-head" }, jv = ["disabl
                   "onUpdate:modelValue": f[13] || (f[13] = (m) => H.severity = m)
                 }, [
                   f[60] || (f[60] = e("option", { value: "全部" }, "全部等级", -1)),
-                  (d(!0), v(D, null, T(i(p), (m) => (d(), v("option", {
+                  (d(!0), v(D, null, E(i(p), (m) => (d(), v("option", {
                     key: m,
                     value: m
                   }, c(m), 9, mf))), 128))
@@ -1728,7 +1728,7 @@ const Ov = { class: "bug-page" }, Bv = { class: "bug-page-head" }, jv = ["disabl
                   "onUpdate:modelValue": f[14] || (f[14] = (m) => H.ownerRole = m)
                 }, [
                   f[61] || (f[61] = e("option", { value: "全部" }, "全部归属", -1)),
-                  (d(!0), v(D, null, T(i(h), (m) => (d(), v("option", {
+                  (d(!0), v(D, null, E(i(h), (m) => (d(), v("option", {
                     key: m,
                     value: m
                   }, c(m), 9, gf))), 128))
@@ -1739,7 +1739,7 @@ const Ov = { class: "bug-page" }, Bv = { class: "bug-page-head" }, jv = ["disabl
                   "onUpdate:modelValue": f[15] || (f[15] = (m) => H.sourceSide = m)
                 }, [
                   f[62] || (f[62] = e("option", { value: "全部" }, "全部发生侧", -1)),
-                  (d(!0), v(D, null, T(i(g), (m) => (d(), v("option", {
+                  (d(!0), v(D, null, E(i(g), (m) => (d(), v("option", {
                     key: m,
                     value: m
                   }, c(m), 9, hf))), 128))
@@ -1750,7 +1750,7 @@ const Ov = { class: "bug-page" }, Bv = { class: "bug-page-head" }, jv = ["disabl
                   "onUpdate:modelValue": f[16] || (f[16] = (m) => H.sourceSideVersion = m)
                 }, [
                   f[63] || (f[63] = e("option", { value: "全部" }, "全部发生侧版本", -1)),
-                  (d(!0), v(D, null, T(ut.value, (m) => (d(), v("option", {
+                  (d(!0), v(D, null, E(ut.value, (m) => (d(), v("option", {
                     key: m,
                     value: m
                   }, c(m), 9, yf))), 128))
@@ -1774,7 +1774,7 @@ const Ov = { class: "bug-page" }, Bv = { class: "bug-page-head" }, jv = ["disabl
                   N(e("select", {
                     "onUpdate:modelValue": f[18] || (f[18] = (m) => Ve.value = m)
                   }, [
-                    (d(), v(D, null, T(Ee, (m) => e("option", {
+                    (d(), v(D, null, E(Te, (m) => e("option", {
                       key: m.value,
                       value: m.value
                     }, c(m.label), 9, Sf)), 64))
@@ -1787,7 +1787,7 @@ const Ov = { class: "bug-page" }, Bv = { class: "bug-page-head" }, jv = ["disabl
                   N(e("select", {
                     "onUpdate:modelValue": f[19] || (f[19] = (m) => Oe.value = m)
                   }, [
-                    (d(), v(D, null, T(Re, (m) => e("option", {
+                    (d(), v(D, null, E(Re, (m) => e("option", {
                       key: m,
                       value: m
                     }, c(m) + " 条", 9, Cf)), 64))
@@ -1820,7 +1820,7 @@ const Ov = { class: "bug-page" }, Bv = { class: "bug-page-head" }, jv = ["disabl
             ])) : S("", !0),
             e("div", $f, [
               vt.value.length ? S("", !0) : (d(), v("p", _f, "当前筛选条件下暂无 Bug。")),
-              (d(!0), v(D, null, T($e.value, (m) => {
+              (d(!0), v(D, null, E($e.value, (m) => {
                 var Q;
                 return d(), v("article", {
                   key: m.id,
@@ -1842,8 +1842,8 @@ const Ov = { class: "bug-page" }, Bv = { class: "bug-page-head" }, jv = ["disabl
                     ]),
                     e("h2", null, c(m.title), 1),
                     e("p", null, c(m.description), 1),
-                    (Q = m.attachments) != null && Q.length ? (d(), v("div", Ef, [
-                      (d(!0), v(D, null, T(m.attachments.slice(0, 3), (Qe) => (d(), v("button", {
+                    (Q = m.attachments) != null && Q.length ? (d(), v("div", Tf, [
+                      (d(!0), v(D, null, E(m.attachments.slice(0, 3), (Qe) => (d(), v("button", {
                         key: Qe.id,
                         type: "button",
                         onClick: (bn) => qe.value = Qe
@@ -1853,7 +1853,7 @@ const Ov = { class: "bug-page" }, Bv = { class: "bug-page-head" }, jv = ["disabl
                           alt: Qe.name,
                           loading: "lazy"
                         }, null, 8, Nf)
-                      ], 8, Tf))), 128)),
+                      ], 8, Ef))), 128)),
                       m.attachments.length > 3 ? (d(), v("span", Rf, "+" + c(m.attachments.length - 3), 1)) : S("", !0)
                     ])) : S("", !0),
                     e("small", null, [
@@ -1991,7 +1991,7 @@ const Ov = { class: "bug-page" }, Bv = { class: "bug-page-head" }, jv = ["disabl
                   N(e("select", {
                     "onUpdate:modelValue": f[26] || (f[26] = (m) => G.type = m)
                   }, [
-                    (d(!0), v(D, null, T(i(r), (m) => (d(), v("option", {
+                    (d(!0), v(D, null, E(i(r), (m) => (d(), v("option", {
                       key: m,
                       value: m
                     }, c(m), 9, Wf))), 128))
@@ -2004,7 +2004,7 @@ const Ov = { class: "bug-page" }, Bv = { class: "bug-page-head" }, jv = ["disabl
                   N(e("select", {
                     "onUpdate:modelValue": f[27] || (f[27] = (m) => G.severity = m)
                   }, [
-                    (d(!0), v(D, null, T(i(p), (m) => (d(), v("option", {
+                    (d(!0), v(D, null, E(i(p), (m) => (d(), v("option", {
                       key: m,
                       value: m
                     }, c(m), 9, Yf))), 128))
@@ -2017,7 +2017,7 @@ const Ov = { class: "bug-page" }, Bv = { class: "bug-page-head" }, jv = ["disabl
                   N(e("select", {
                     "onUpdate:modelValue": f[28] || (f[28] = (m) => G.sourceSide = m)
                   }, [
-                    (d(!0), v(D, null, T(i(g), (m) => (d(), v("option", {
+                    (d(!0), v(D, null, E(i(g), (m) => (d(), v("option", {
                       key: m,
                       value: m
                     }, c(m), 9, Xf))), 128))
@@ -2041,7 +2041,7 @@ const Ov = { class: "bug-page" }, Bv = { class: "bug-page-head" }, jv = ["disabl
                   N(e("select", {
                     "onUpdate:modelValue": f[30] || (f[30] = (m) => G.ownerRole = m)
                   }, [
-                    (d(!0), v(D, null, T(i(h), (m) => (d(), v("option", {
+                    (d(!0), v(D, null, E(i(h), (m) => (d(), v("option", {
                       key: m,
                       value: m
                     }, c(m), 9, Zf))), 128))
@@ -2073,7 +2073,7 @@ const Ov = { class: "bug-page" }, Bv = { class: "bug-page-head" }, jv = ["disabl
                   })
                 }, " 添加图片 / 粘贴截图 ", 8, em),
                 de.value.length ? (d(), v("div", tm, [
-                  (d(!0), v(D, null, T(de.value, (m) => (d(), v("article", {
+                  (d(!0), v(D, null, E(de.value, (m) => (d(), v("article", {
                     key: m.id
                   }, [
                     e("button", {
@@ -2101,7 +2101,7 @@ const Ov = { class: "bug-page" }, Bv = { class: "bug-page-head" }, jv = ["disabl
                   ]))), 128))
                 ])) : S("", !0),
                 be.value.length ? (d(), v("div", am, [
-                  (d(!0), v(D, null, T(be.value, (m) => (d(), v("article", {
+                  (d(!0), v(D, null, E(be.value, (m) => (d(), v("article", {
                     key: m.id,
                     class: A(`is-${m.status}`)
                   }, [
@@ -2141,7 +2141,7 @@ const Ov = { class: "bug-page" }, Bv = { class: "bug-page-head" }, jv = ["disabl
             !_e.value && ((W = C.value.attachments) != null && W.length) ? (d(), v("section", mm, [
               f[77] || (f[77] = e("h3", null, "问题截图", -1)),
               e("div", null, [
-                (d(!0), v(D, null, T(C.value.attachments, (m) => (d(), v("button", {
+                (d(!0), v(D, null, E(C.value.attachments, (m) => (d(), v("button", {
                   key: m.id,
                   type: "button",
                   onClick: (Q) => qe.value = m
@@ -2168,7 +2168,7 @@ const Ov = { class: "bug-page" }, Bv = { class: "bug-page-head" }, jv = ["disabl
                 N(e("select", {
                   "onUpdate:modelValue": f[33] || (f[33] = (m) => fe.status = m)
                 }, [
-                  (d(!0), v(D, null, T(i(b), (m) => (d(), v("option", {
+                  (d(!0), v(D, null, E(i(b), (m) => (d(), v("option", {
                     key: m,
                     value: m
                   }, c(m), 9, bm))), 128))
@@ -2217,7 +2217,7 @@ const Ov = { class: "bug-page" }, Bv = { class: "bug-page-head" }, jv = ["disabl
             e("section", xm, [
               f[83] || (f[83] = e("h3", null, "处理记录", -1)),
               C.value.history.length ? S("", !0) : (d(), v("p", Im, "暂无状态变更记录。")),
-              (d(!0), v(D, null, T(C.value.history, (m) => (d(), v("article", {
+              (d(!0), v(D, null, E(C.value.history, (m) => (d(), v("article", {
                 key: m.id
               }, [
                 e("b", null, c(m.fromStatus) + " → " + c(m.toStatus), 1),
@@ -2253,7 +2253,7 @@ const Ov = { class: "bug-page" }, Bv = { class: "bug-page-head" }, jv = ["disabl
       ]);
     };
   }
-}), Em = {
+}), Tm = {
   prototypeStateSwitch: "切换业务状态",
   annotationExpand: "展开注释面板",
   annotationCollapse: "收起注释面板",
@@ -2332,12 +2332,12 @@ const Ov = { class: "bug-page" }, Bv = { class: "bug-page-head" }, jv = ["disabl
   testCaseUnknown: "未知页面或状态"
 };
 function ve(t) {
-  const n = Em[t];
+  const n = Tm[t];
   if (typeof n != "string" || n.length === 0)
     throw new Error(`🈶 [内核文案] 缺少中文文案：${t}`);
   return n;
 }
-function Tm(t, n, o, a = o) {
+function Em(t, n, o, a = o) {
   return t[n][o] ?? t.zh[o] ?? a;
 }
 function tt(t, n) {
@@ -2627,10 +2627,10 @@ async function Km(t, n, o) {
 function Ar() {
   return Vt("pageDescriptions");
 }
-function Er(t) {
+function Tr(t) {
   return Vt("pageDescriptions", t);
 }
-function Tr(t, n, o) {
+function Er(t, n, o) {
   return Dr("pageDescriptions", o, t, n, "保存");
 }
 function Nr(t, n, o) {
@@ -2657,9 +2657,9 @@ function Ym() {
 function Xm(t, n) {
   return Dr("flows", { version: "1.0.0", flows: n }, "", t, "保存");
 }
-const Qt = y([]), Bt = y(null), po = y(""), zo = y(!1), Or = y(!1), Tn = y({ source: "local-seed", status: "idle" }), dn = js(), Nt = Ze();
+const Qt = y([]), Bt = y(null), po = y(""), zo = y(!1), Or = y(!1), En = y({ source: "local-seed", status: "idle" }), dn = js(), Nt = Ze();
 function gt(t, n, o = "", a) {
-  Tn.value = { source: t, status: n, ...o ? { message: o } : {}, ...a ? { syncedAt: a } : {} };
+  En.value = { source: t, status: n, ...o ? { message: o } : {}, ...a ? { syncedAt: a } : {} };
 }
 async function Zm() {
   try {
@@ -2717,10 +2717,10 @@ async function Za(t = !1) {
   var o;
   if (!zo.value || !Nt.remoteReadable || !po.value) return;
   if (Ms(t, Or.value)) {
-    gt(Tn.value.source, "idle", "检测到未保存编辑，已暂缓轮询覆盖");
+    gt(En.value.source, "idle", "检测到未保存编辑，已暂缓轮询覆盖");
     return;
   }
-  gt(Tn.value.source, "syncing");
+  gt(En.value.source, "syncing");
   const n = po.value;
   try {
     const [a, r] = await Promise.all([Rr(), Xa(n)]);
@@ -2743,7 +2743,7 @@ async function Za(t = !1) {
     nt("testCases", n, b, r.sha, P, "synced"), Ho(n, b), Ba(n, b.length), gt("gitee", "success", "", P);
   } catch (a) {
     const r = it("testCases").scopes[n];
-    r && nt("testCases", n, r.value, r.revision, r.lastRemoteSyncAt, r.status === "pending" ? "pending" : "stale", a instanceof Error ? a.message : "测试用例同步失败"), gt(r ? "local-cache" : Tn.value.source, "error", a instanceof Error ? a.message : "测试用例同步失败");
+    r && nt("testCases", n, r.value, r.revision, r.lastRemoteSyncAt, r.status === "pending" ? "pending" : "stale", a instanceof Error ? a.message : "测试用例同步失败"), gt(r ? "local-cache" : En.value.source, "error", a instanceof Error ? a.message : "测试用例同步失败");
   }
 }
 async function tg(t, n) {
@@ -2755,7 +2755,7 @@ async function tg(t, n) {
     const g = it("testCases").scopes[o];
     return nt("testCases", o, p, (g == null ? void 0 : g.revision) ?? null, (g == null ? void 0 : g.lastRemoteSyncAt) ?? null, "pending"), Ba(o, p.length), gt("local-cache", "success", `${Nt.unavailableReason || "Gitee 当前不可写"}，修改尚未同步`), !0;
   }
-  gt(Tn.value.source, "syncing");
+  gt(En.value.source, "syncing");
   try {
     const p = await Jm(o, a, t, (P) => Ui(co(P), t, n));
     if (!p) throw new Error("测试用例写入后未能回读");
@@ -2766,7 +2766,7 @@ async function tg(t, n) {
     return Bt.value = b.value, gt("gitee", "success", "", h), !0;
   } catch (p) {
     const g = p instanceof Error ? p.message : "测试用例保存失败";
-    return gt(Tn.value.source, p instanceof mo ? "conflict" : "error", g), !1;
+    return gt(En.value.source, p instanceof mo ? "conflict" : "error", g), !1;
   }
 }
 async function ng() {
@@ -2798,7 +2798,7 @@ function jr() {
     testCaseManifest: Bt,
     selectedScopeId: po,
     initialized: zo,
-    sourceState: Tn,
+    sourceState: En,
     selectedScopeCases: k(() => Qt.value.filter((t) => tt(t.screenId, t.stateId) === po.value)),
     scopes: Br,
     initializeTestCases: Qm,
@@ -2817,10 +2817,10 @@ const og = { class: "test-case-workbench" }, sg = { class: "test-case-toolbar" }
 }, Ig = { class: "test-case-table-wrap" }, $g = { class: "test-case-table" }, _g = ["onClick"], Pg = { key: 0 }, Dg = ["aria-label", "onClick"], Ag = {
   key: 0,
   class: "test-case-empty"
-}, Eg = {
+}, Tg = {
   key: 0,
   class: "test-case-editor"
-}, Tg = ["aria-label"], Ng = { class: "test-case-editor-body" }, Rg = ["value"], Og = ["onUpdate:modelValue"], Bg = ["aria-label", "disabled", "onClick"], jg = ["aria-label", "disabled", "onClick"], Ug = ["aria-label", "disabled", "onClick"], Mg = ["disabled"], Vg = /* @__PURE__ */ tn({
+}, Eg = ["aria-label"], Ng = { class: "test-case-editor-body" }, Rg = ["value"], Og = ["onUpdate:modelValue"], Bg = ["aria-label", "disabled", "onClick"], jg = ["aria-label", "disabled", "onClick"], Ug = ["aria-label", "disabled", "onClick"], Mg = ["disabled"], Vg = /* @__PURE__ */ tn({
   __name: "TestCaseWorkbench",
   props: {
     lang: {},
@@ -2876,7 +2876,7 @@ const og = { class: "test-case-workbench" }, sg = { class: "test-case-toolbar" }
       moveDown: ve("testCaseMoveDown"),
       removeStep: ve("testCaseRemoveStep"),
       unknown: ve("testCaseUnknown")
-    }, ke = y(""), ge = y(""), Ae = y("current"), J = y("cases"), Ee = y(!1), Re = y(""), F = lo(Ia()), Fe = y(""), he = y(""), L = y(!1), M = k(() => b(o.lang)), ye = k(() => M.value.find(($) => $.id === g.value) ?? M.value[0]), H = k(() => {
+    }, ke = y(""), ge = y(""), Ae = y("current"), J = y("cases"), Te = y(!1), Re = y(""), F = lo(Ia()), Fe = y(""), he = y(""), L = y(!1), M = k(() => b(o.lang)), ye = k(() => M.value.find(($) => $.id === g.value) ?? M.value[0]), H = k(() => {
       const $ = ke.value.trim().toLowerCase();
       return $ ? M.value.filter((C) => `${C.screenCode} ${C.screenTitle} ${C.stateLabel}`.toLowerCase().includes($)) : M.value;
     }), Ve = k(() => {
@@ -2888,7 +2888,7 @@ const og = { class: "test-case-workbench" }, sg = { class: "test-case-toolbar" }
     }), Oe = k(() => {
       const $ = Ae.value === "all" ? r.value : r.value.filter((se) => tt(se.screenId, se.stateId) === g.value), C = ge.value.trim().toLowerCase();
       return C ? $.filter((se) => [se.module, se.testItem, se.testPoint, se.preconditions, se.steps.join(" "), se.expectedResult, se.actualResult].join(" ").toLowerCase().includes(C)) : $;
-    }), ce = k(() => Ee.value && JSON.stringify(F) !== Fe.value), fe = k(() => {
+    }), ce = k(() => Te.value && JSON.stringify(F) !== Fe.value), fe = k(() => {
       const $ = h.value.source === "gitee" ? "Gitee" : h.value.source === "local-cache" ? "本地缓存" : "JSON 种子", C = h.value.status === "syncing" ? "同步中" : h.value.status === "conflict" ? "冲突" : h.value.status === "error" ? "失败" : h.value.source === "local-cache" ? "待同步" : "已就绪";
       return `${$} · ${C}`;
     });
@@ -2903,7 +2903,7 @@ const og = { class: "test-case-workbench" }, sg = { class: "test-case-toolbar" }
     }
     function ze() {
       var $;
-      Re.value = "", Ie(Ia((($ = ye.value) == null ? void 0 : $.screenTitle) ?? "")), Ee.value = !0;
+      Re.value = "", Ie(Ia((($ = ye.value) == null ? void 0 : $.screenTitle) ?? "")), Te.value = !0;
     }
     function Z($) {
       Re.value = $.id, Ie({
@@ -2914,10 +2914,10 @@ const og = { class: "test-case-workbench" }, sg = { class: "test-case-toolbar" }
         steps: [...$.steps],
         expectedResult: $.expectedResult,
         actualResult: $.actualResult
-      }), Ee.value = !0;
+      }), Te.value = !0;
     }
     function _e($ = !0) {
-      $ && !Le() || (Ee.value = !1, Re.value = "", Ie(Ia()));
+      $ && !Le() || (Te.value = !1, Re.value = "", Ie(Ia()));
     }
     function G($, C) {
       const se = $ + C;
@@ -3031,7 +3031,7 @@ const og = { class: "test-case-workbench" }, sg = { class: "test-case-toolbar" }
           ])
         ]),
         e("div", {
-          class: A(["test-case-grid", [{ "has-editor": Ee.value }, `mobile-${J.value}`]])
+          class: A(["test-case-grid", [{ "has-editor": Te.value }, `mobile-${J.value}`]])
         }, [
           e("aside", cg, [
             e("label", dg, [
@@ -3045,14 +3045,14 @@ const og = { class: "test-case-workbench" }, sg = { class: "test-case-toolbar" }
               ])
             ]),
             e("div", vg, [
-              (d(!0), v(D, null, T(Ve.value, (R) => (d(), v("section", {
+              (d(!0), v(D, null, E(Ve.value, (R) => (d(), v("section", {
                 key: R.screenId
               }, [
                 e("div", fg, [
                   e("b", null, c(R.code), 1),
                   e("span", null, c(R.title), 1)
                 ]),
-                (d(!0), v(D, null, T(R.scopes, (ne) => {
+                (d(!0), v(D, null, E(R.scopes, (ne) => {
                   var $e, It, ft;
                   return d(), v("button", {
                     key: ne.id,
@@ -3137,7 +3137,7 @@ const og = { class: "test-case-workbench" }, sg = { class: "test-case-toolbar" }
                   ])
                 ]),
                 e("tbody", null, [
-                  (d(!0), v(D, null, T(Oe.value, (R) => {
+                  (d(!0), v(D, null, E(Oe.value, (R) => {
                     var ne;
                     return d(), v("tr", {
                       key: R.id,
@@ -3152,7 +3152,7 @@ const og = { class: "test-case-workbench" }, sg = { class: "test-case-toolbar" }
                       e("td", null, c(R.preconditions), 1),
                       e("td", null, [
                         e("ol", null, [
-                          (d(!0), v(D, null, T(R.steps, ($e, It) => (d(), v("li", { key: It }, c($e), 1))), 128))
+                          (d(!0), v(D, null, E(R.steps, ($e, It) => (d(), v("li", { key: It }, c($e), 1))), 128))
                         ])
                       ]),
                       e("td", null, c(R.expectedResult), 1),
@@ -3176,7 +3176,7 @@ const og = { class: "test-case-workbench" }, sg = { class: "test-case-toolbar" }
               ]))
             ])
           ]),
-          Ee.value ? (d(), v("aside", Eg, [
+          Te.value ? (d(), v("aside", Tg, [
             e("header", null, [
               e("div", null, [
                 e("small", null, c((ut = ye.value) == null ? void 0 : ut.screenCode) + " · " + c((vt = ye.value) == null ? void 0 : vt.stateLabel), 1),
@@ -3188,7 +3188,7 @@ const og = { class: "test-case-workbench" }, sg = { class: "test-case-toolbar" }
                 onClick: C[8] || (C[8] = (R) => _e())
               }, [
                 V(i(vn))
-              ], 8, Tg)
+              ], 8, Eg)
             ]),
             e("div", Ng, [
               e("label", null, [
@@ -3237,7 +3237,7 @@ const og = { class: "test-case-workbench" }, sg = { class: "test-case-toolbar" }
               ]),
               e("fieldset", null, [
                 e("legend", null, c(B.steps) + " *", 1),
-                (d(!0), v(D, null, T(F.steps, (R, ne) => (d(), v("div", {
+                (d(!0), v(D, null, E(F.steps, (R, ne) => (d(), v("div", {
                   key: ne,
                   class: "test-case-step"
                 }, [
@@ -3255,7 +3255,7 @@ const og = { class: "test-case-workbench" }, sg = { class: "test-case-toolbar" }
                       disabled: ne === 0,
                       onClick: ($e) => G(ne, -1)
                     }, [
-                      V(i(Ed))
+                      V(i(Td))
                     ], 8, Bg),
                     e("button", {
                       type: "button",
@@ -3263,7 +3263,7 @@ const og = { class: "test-case-workbench" }, sg = { class: "test-case-toolbar" }
                       disabled: ne === F.steps.length - 1,
                       onClick: ($e) => G(ne, 1)
                     }, [
-                      V(i(Td))
+                      V(i(Ed))
                     ], 8, jg),
                     e("button", {
                       type: "button",
@@ -3637,13 +3637,27 @@ export const product: PrototypeProductDefinition = {
 
 用户确认后再实施；纯文案、颜色或已确定样式的局部修正可直接修改。
 
+#### 6.2.1 手机画布与消费者容器边界
+
+内核负责手机外框、状态栏、滚动容器和 TabBar 预留空间，消费者负责手机画布内的业务页面。实现移动端页面前必须先检查当前安装版本的内核样式，确认 \`.screen-content\` 已提供的横向、顶部和底部留白；不得在业务页面根节点机械重复同等 padding。当前默认手机预览内容区已有 \`20px\` 横向留白，实际值仍以消费者安装版本为准。
+
+- 页面背景需要覆盖完整业务画布时，把背景设置在页面根节点，并确保根节点至少覆盖可用高度；不要只给内部内容块着色，形成四周或底部断层。
+- 需要全幅背景、全幅标题或贴边分区时，只在一个共享页面根类中统一抵消内核留白，并在交互、全图、流程和演示模式中验证；不要让每个页面分别硬编码负边距。
+- 需要保留画布留白时，卡片、标题和表单只增加业务层间距；先检查父级，再决定是否增加子级 padding，禁止层层叠加导致组件宽度被挤压。
+- 背景颜色不同的相邻区域必须选择一种清晰关系：全幅分区使用 \`--ds-rounded-none\` 并铺满边界；内嵌卡片与画布保持明确间距，并使用统一的 \`--ds-rounded-*\` 圆角。不得让异色矩形直接贴住手机边框，也不得只处理上圆角或下圆角。
+- 同一产品中重复出现的普通标题、返回标题、状态摘要等结构应封装为消费者公共组件；标题、返回热区、边距、圆角和深浅色变体从同一处维护。
+- TabBar 由内核渲染时不得在业务页面重复实现。必须按实际 Tab 数量检查等宽分栏、选中态和点击热区；项目 Tab 数量与内核当前布局不匹配时，应明确记录为内核兼容问题，不通过压缩业务内容掩盖。
+- 颜色、圆角、间距和阴影优先使用 \`--ds-*\` token。触控目标不小于 \`44 × 44px\`，并在 \`393 × 852\` 基准画布及至少 \`375px\` 宽度检查溢出、滚动、固定底栏和键盘遮挡。
+
 ### 6.3 编写业务组件
 
 - 页面只实现业务内容，不复制手机外框、顶部模式栏、协作面板等内核 UI。
 - 页内弹窗、输入、展开、加载等使用普通 Vue 状态。
 - 跨页面、Tab 和评审状态切换使用内核上下文。
-- 页面组件会收到 \`screen\` 属性；需要元数据时显式声明 prop。
+- 页面组件会收到响应式 \`screen: DisplayScreen\` 属性；状态页面必须显式声明该 prop，并以 \`screen.stateId\` 渲染当前页面实例。
 - 保持消费者现有组件库、尺寸体系和样式约定，不顺手重构其他页面。
+- 定时器、\`requestAnimationFrame\`、音频、Canvas 绘制任务和设备监听必须在重新开始前先清理，并在 \`onBeforeUnmount\` 中释放；不得假设状态切换后组件实例仍然存在。
+- 状态评审数据与真实业务数据分离。状态按钮用于展示空、失败、加载等评审结果时，不得写入真实缓存、最近记录、导入草稿或正式报告；真实业务动作只在明确的确认点写入。
 
 ### 6.4 注册页面
 
@@ -3663,17 +3677,72 @@ export const product: PrototypeProductDefinition = {
 - \`states[screenId]\` 中的状态 ID。
 - \`copy.zh\` 与 \`copy.en\` 对应 \`labelKey\`。
 - \`copy.zh/en\` 只维护消费者业务文案；注释、页面描述、协作状态、数据源和测试工具等内核文案固定为中文，不得复制到消费者配置中。
-- 页面组件根据 \`activePrototypeStateId\` 呈现该状态。
+- 页面组件根据传入实例的 \`screen.stateId\` 呈现该状态；不得把 \`activePrototypeStateId\` 作为页面内容的首要展示来源。
 - 流程需要时引用同一 \`stateId\`。
 - 状态级页面描述使用相同 scope。
 
+#### 6.5.1 \`screen.stateId\` 与 \`activePrototypeStateId\`
+
+两者用途不同：
+
+| 值 | 含义 | 正确用途 |
+| --- | --- | --- |
+| \`screen.stateId\` | 当前这一张 \`DisplayScreen\` 页面实例要展示的状态 | 消费者页面模板、计算属性、状态数据选择和状态级 UI |
+| \`activePrototypeStateId\` | 当前交互页面在内核中的活动状态 | 没有 \`screen\` prop 的外围控制、当前协作 scope 或主动状态控制 |
+
+交互模式通常只渲染当前页面，因此两个值看起来可能相同；全图模式会同时为同一页面生成多张不同 \`stateId\` 的卡片，流程模式也会按节点传入各自状态。此时如果业务组件读取全局 \`activePrototypeStateId\`，多张卡片会错误地显示成同一个状态。
+
+状态页面使用以下模式：
+
+\`\`\`vue
+<script setup lang="ts">
+import { computed } from 'vue'
+import { usePrototypeContext } from '@marktowin/prototype-core'
+import type { DisplayScreen } from '@marktowin/prototype-core'
+
+const props = defineProps<{ screen: DisplayScreen }>()
+const { setPrototypeState } = usePrototypeContext()
+
+const stateId = computed(() => props.screen.stateId ?? 'ready')
+const isEmpty = computed(() => stateId.value === 'empty')
+
+function showEmptyState() {
+  setPrototypeState(props.screen.id, 'empty')
+}
+<\/script>
+
+<template>
+  <p v-if="isEmpty">暂无数据</p>
+  <p v-else>正常内容</p>
+  <button type="button" @click="showEmptyState">显示空状态</button>
+</template>
+\`\`\`
+
+禁止以下实现：
+
+- 只在 \`setup\` 初始化时执行 \`ref(props.screen.stateId === 'empty')\`，后续状态切换不会自动同步。
+- 仅在 \`mode === 'overview'\` 时读取 \`screen.stateId\`，导致交互模式的状态按钮只改变标签、不改变页面内容。
+- 页面内容优先读取 Store，只有 Store 为空时才读取状态 ID，导致“空状态”仍显示真实数据。
+- 为了展示评审状态而修改真实业务 Store、\`localStorage\` 或 \`sessionStorage\`。
+
+当状态需要演示数据时，为各状态提供只读预览数据；非运行态的评审展示由当前页面实例的 \`screen.stateId\` 决定。真实业务流程可以通过显式的 \`runtimeDriven\`（或同义状态）暂时展示 Store 中的实时结果，但手动切换评审状态时必须退出运行态并恢复为 \`screen.stateId\` 驱动，不能让 Store 静默覆盖状态选择器。编辑、删除和确认操作必须明确区分“预览数据”与“真实草稿”。
+
+#### 6.5.2 状态切换与长任务生命周期
+
+内核当前使用包含 \`screen.id\` 和 \`screen.stateId\` 的 key 渲染页面实例。调用 \`setPrototypeState\` 后，消费者页面可能被卸载并重新创建；组件内的计时器、采样进度、Canvas 动画和局部 ref 不会自动延续。
+
+- 纯展示状态可以直接调用 \`setPrototypeState\`。
+- 采集、上传、轮询、倒计时等运行中阶段，如果任务依赖组件本地计时器，不要在每个中间阶段调用 \`setPrototypeState\`；先用页内 Vue 状态推进，任务结束并清理资源后再同步终态或跳转。
+- 如果评审面板必须实时反映“进行中”状态，应把任务、时间基准和可恢复进度移到组件外的 Store 或独立 composable；组件重建后从外部状态恢复，而不是依赖旧实例继续运行。
+- 页面离开、手动切换评审状态或重新测试时，必须停止旧任务。Canvas 不可用或绘制失败时，文字状态和业务判定仍应保留。
+
 ### 6.6 实现跳转
 
 \`\`\`vue
 <script setup lang="ts">
 import { usePrototypeContext } from '@marktowin/prototype-core'
 
-const { activePrototypeStateId, go, goTab, setPrototypeState } = usePrototypeContext()
+const { go, goTab, setPrototypeState } = usePrototypeContext()
 
 // go('detail')：跳转到已注册页面
 // goTab('home')：按 Tab 语义切换到已注册页面
@@ -3685,6 +3754,7 @@ const { activePrototypeStateId, go, goTab, setPrototypeState } = usePrototypeCon
 - \`go\` 与 \`goTab\` 只接收已注册 ID。
 - 当前不是 Vue Router，不假设 URL、历史栈、参数、守卫或文件路由。
 - 流程节点不会自动生成点击逻辑；页面事件与流程数据必须分别实现并保持一致。
+- \`go/goTab\` 修改当前页面，但不应被当作“自动退出全图/流程模式”的承诺。业务按钮以交互模式为主要运行环境；如果产品明确要求从其他模式触发业务跳转，应先显式切回 \`interactive\`，并回归状态面板、页面导航和业务按钮的点击层级。
 
 ### 6.7 补入流程
 
@@ -3720,15 +3790,18 @@ const { activePrototypeStateId, go, goTab, setPrototypeState } = usePrototypeCon
 - 页面/状态描述已补全。
 - 交互、全图、流程模式均可展示。
 - 移动端/PC 尺寸、滚动、遮挡和交互已回归。
+- 每个状态切换后，手机内容、状态文案、按钮可用性和演示数据同步变化，而不只是状态按钮的选中样式变化。
+- 页面根背景铺满预期画布，未出现重复内边距、异色直角贴边、局部背景断层或 TabBar 非等宽布局。
+- 长任务可从开始推进到终态；状态切换、重新开始和页面离开后没有残留计时器、绘制任务或设备监听。
 - 相关协作资源已按任务要求完成本地与远端验证。
 
 ## 7. 核心操作规范
 
 ### 7.1 新增或修改状态
 
-标准动作：确认状态语义 → 注册 ID → 补双语标签 → 实现页面展示 → 更新跳转/流程 → 补状态描述 → 回归连续切换。
+标准动作：确认状态语义 → 注册 ID → 补双语标签 → 使用 \`screen.stateId\` 实现响应式展示 → 隔离预览与真实数据 → 更新跳转/流程 → 补状态描述 → 回归连续切换和组件重建。
 
-禁止：只在组件中写字符串状态、只改 UI 不注册、复用含义不同的旧状态 ID。
+禁止：只在组件中写字符串状态、只改 UI 不注册、复用含义不同的旧状态 ID、只改变状态按钮选中态而不改变页面内容、用评审状态覆盖真实业务缓存。
 
 ### 7.2 删除页面或状态
 
@@ -3998,11 +4071,13 @@ const runtimeConfig: PrototypeRuntimeConfig = {
 
 ### 11.3 运行时回归
 
-- 交互模式：点击、输入、弹窗、跳转、Tab、状态切换。
-- 全图模式：所有页面和状态可见，缩放与布局正常。
-- 流程模式：节点、顺序、分支与页面实现一致。
+- 交互模式：点击、输入、弹窗、跳转、Tab、状态切换；逐个状态确认页面内容确实变化，不能只看状态按钮是否选中。
+- 全图模式：所有页面和状态可见，每张卡片按自身 \`screen.stateId\` 独立渲染，缩放与布局正常。
+- 流程模式：节点、顺序、分支与页面实现一致；同一页面的不同流程状态不得显示成同一内容。
 - 批注模式：任意位置可落点，交互组件不会抢占标注点击。
 - 演示模式：移动端保持基准比例整体缩放。
+- 动态任务：采集、上传、轮询、倒计时和 Canvas 动画能完整到达终态；重新开始、切换状态和离开页面后旧任务停止。
+- 移动端视觉：在基准画布和窄屏检查根背景、有效内容宽度、滚动、键盘、固定底栏、圆角过渡和触控热区；展开的内核面板不得遮挡状态按钮或页面导航。
 - 协作工具：注释、页面描述、测试用例和流程的读、写、冲突、失败降级和轮询行为符合预期。
 
 ### 11.4 远端精确验证
@@ -4041,7 +4116,10 @@ Git 状态：未提交 / 已提交 / 已推送
 - [ ] 页面清单、状态清单和流程清单来自真实需求。
 - [ ] 每个页面有唯一 ID、正确端型和组件注册。
 - [ ] 页面状态、双语文案、流程节点和跳转调用完全一致。
+- [ ] 状态页面以响应式 \`screen.stateId\` 渲染；全图和流程中的同页多状态可以同时显示不同内容。
 - [ ] 页面 UI 方案已确认，页内与跨页交互均实现。
+- [ ] 页面根背景、有效内容宽度、内边距、圆角和 TabBar 分栏已在基准画布及窄屏验证。
+- [ ] 状态预览不污染真实缓存；长任务在组件重建、重新开始和页面离开后可以正确继续或清理。
 - [ ] 页面/状态描述与真实实现一致。
 - [ ] 测试用例按页面/状态 scope 维护，远端真值和整体导出范围已核对。
 - [ ] 本地种子、缓存和 Gitee 真值的状态已区分报告。
@@ -4058,7 +4136,7 @@ Git 状态：未提交 / 已提交 / 已推送
   __name: "PrototypeCoreHelpPage",
   emits: ["close"],
   setup(t) {
-    const n = y("idle"), o = "1.2.11";
+    const n = y("idle"), o = "1.2.12";
     let a;
     function r() {
       const g = document.createElement("textarea");
@@ -4130,7 +4208,7 @@ Git 状态：未提交 / 已提交 / 已推送
   __name: "PrototypeCoreThemeGuidePage",
   emits: ["close"],
   setup(t) {
-    const n = y("idle"), o = "1.2.11";
+    const n = y("idle"), o = "1.2.12";
     let a;
     function r() {
       const g = document.createElement("textarea");
@@ -4405,7 +4483,7 @@ const ch = Wt({
 Object.entries(Vr).forEach(([t, n]) => {
   n.length && (Qa[t] = n[0].id);
 });
-const vh = y("annotations"), nn = y($r), pn = y("idle"), fn = y($r ? "云端协作已启用" : "本地兜底模式"), xt = y(""), uo = y(qr), Es = y(String(qr)), Ts = y(""), fh = y(!1), mh = y(!0), Ls = y(!1), Fs = y(""), Zo = y(null), el = y(""), qo = y("view"), An = y({ featureName: "", featureDescription: "", specialNote: "", color: Ot.ocean }), ie = y([]), mn = y(null), Xe = y([]), ht = y(null), jn = y("local-seed"), nu = y(!1), Ut = y({
+const vh = y("annotations"), nn = y($r), pn = y("idle"), fn = y($r ? "云端协作已启用" : "本地兜底模式"), xt = y(""), uo = y(qr), Ts = y(String(qr)), Es = y(""), fh = y(!1), mh = y(!0), Ls = y(!1), Fs = y(""), Zo = y(null), el = y(""), qo = y("view"), An = y({ featureName: "", featureDescription: "", specialNote: "", color: Ot.ocean }), ie = y([]), mn = y(null), Xe = y([]), ht = y(null), jn = y("local-seed"), nu = y(!1), Ut = y({
   gitee: {},
   "local-cache": {},
   "local-seed": {}
@@ -4426,7 +4504,7 @@ const vh = y("annotations"), nn = y($r), pn = y("idle"), fn = y($r ? "云端协
   pageDescriptions: { source: "local-seed", status: "idle" },
   testCases: { source: "local-seed", status: "idle" },
   flows: { source: "local-seed", status: "idle" }
-}), cn = y("idle"), at = y({ current: 0, total: 0, label: "" }), En = y(""), gh = y(!1), su = k(() => nn.value && Pe.remoteWritable), hh = y(1), yh = y(3), Wo = y(null), Bn = Mr;
+}), cn = y("idle"), at = y({ current: 0, total: 0, label: "" }), Tn = y(""), gh = y(!1), su = k(() => nn.value && Pe.remoteWritable), hh = y(1), yh = y(3), Wo = y(null), Bn = Mr;
 function jt() {
   return typeof window > "u" ? null : window.localStorage;
 }
@@ -4453,7 +4531,7 @@ const bh = k(() => {
   return t[t.length - 1] ?? "";
 }), Sh = k(() => {
   if (cn.value === "running") return `正在初始化 Gitee · ${at.value.current} / ${at.value.total}`;
-  if (En.value) return En.value;
+  if (Tn.value) return Tn.value;
   if (!Pe.remoteWritable) return Pe.unavailableReason;
   if (iu.value === "conflict") return "远端已更新，请处理本地草稿";
   const t = Object.values(Ne.value).find((n) => n.status === "error");
@@ -4469,7 +4547,7 @@ function nl(t, n, o, a, r) {
   var g, h, b;
   if (!o || !n) return;
   const p = t === "flows" ? (g = Xt("flows")) == null ? void 0 : g.revision : t === "annotations" ? (h = it("annotations").scopes[r ?? ""]) == null ? void 0 : h.revision : (b = it("pageDescriptions").scopes[r ?? ""]) == null ? void 0 : b.revision;
-  p && p !== n && (Ts.value = `检测到远端${a}更新，已同步到当前页面`);
+  p && p !== n && (Es.value = `检测到远端${a}更新，已同步到当前页面`);
 }
 function ol(t, n) {
   re(t, Ne.value[t].source, "conflict", n), pn.value = "error", fn.value = n;
@@ -4478,7 +4556,7 @@ function kh(t, n) {
   Jo.value = { ...Jo.value, [t]: n };
 }
 function ru(t, n = t) {
-  return Tm(rh, tu.value, t, n);
+  return Em(rh, tu.value, t, n);
 }
 function Yo(t) {
   return /^#[0-9a-fA-F]{6}$/.test(t);
@@ -4555,10 +4633,10 @@ function Dh(t, n) {
 function Ah(t, n) {
   n.trim() && (De.value = { ...De.value, radius: { ...De.value.radius, [t]: n.trim() } }, St.value = "custom");
 }
-function Eh() {
+function Th() {
   De.value = Wt(), St.value = "default";
 }
-function Th(t) {
+function Eh(t) {
   var n;
   return ((n = Yr[t.nameKey]) == null ? void 0 : n.name) ?? t.nameKey;
 }
@@ -4672,7 +4750,7 @@ const Fa = k(() => ie.value.filter((t) => j(t.screenId, t.stateId) === en())), i
 function Ga(t) {
   return Object.fromEntries(t.map((n) => [j(n.screenId, n.stateId), n]));
 }
-function Tt(t, n, o) {
+function Et(t, n, o) {
   const a = { ...Ut.value[t] };
   o ? a[n] = o : delete a[n], Ut.value = { ...Ut.value, [t]: a };
 }
@@ -4789,7 +4867,7 @@ async function Yh() {
   const t = (Re = jt()) == null ? void 0 : Re.getItem(Xr);
   t && (xt.value = t);
   const n = (F = jt()) == null ? void 0 : F.getItem(Zr), o = n == null ? Number.NaN : Number(n);
-  Number.isFinite(o) && (uo.value = Math.min(eu, Math.max(Qr, o)), Es.value = String(uo.value));
+  Number.isFinite(o) && (uo.value = Math.min(eu, Math.max(Qr, o)), Ts.value = String(uo.value));
   try {
     const M = JSON.parse(((Fe = jt()) == null ? void 0 : Fe.getItem(ja)) ?? "null");
     (M != null && M.colors || M != null && M.designColors || M != null && M.typography || M != null && M.radius || M != null && M.spacing || M != null && M.shadow) && (De.value = uu(M), St.value = M.selectedThemeId ?? St.value);
@@ -4818,12 +4896,12 @@ async function Yh() {
       M[j(ye.screenId, ye.stateId)] = { value: ye, revision: null, cachedAt: (/* @__PURE__ */ new Date()).toISOString(), lastRemoteSyncAt: null, status: "stale" };
     }), Ri("pageDescriptions", M);
   }
-  const P = it("annotations"), oe = it("pageDescriptions"), xe = Object.values(P.scopes).flatMap((M) => M.value), pe = Object.values(oe.scopes).map((M) => M.value), ue = new Set(Object.keys(P.scopes)), ae = new Set(Object.keys(oe.scopes)), B = [...g.annotations.filter((M) => !ue.has(j(M.screenId, M.stateId))), ...xe], ke = [...g.pageDescriptions.filter((M) => !ae.has(j(M.screenId, M.stateId))), ...pe], ge = ar("flows"), Ae = ue.size ? { value: B, source: "local-cache" } : { value: g.annotations, source: "local-seed" }, J = ae.size ? { value: ke, source: "local-cache" } : { value: g.pageDescriptions, source: "local-seed" }, Ee = rv(ge, g.flows);
+  const P = it("annotations"), oe = it("pageDescriptions"), xe = Object.values(P.scopes).flatMap((M) => M.value), pe = Object.values(oe.scopes).map((M) => M.value), ue = new Set(Object.keys(P.scopes)), ae = new Set(Object.keys(oe.scopes)), B = [...g.annotations.filter((M) => !ue.has(j(M.screenId, M.stateId))), ...xe], ke = [...g.pageDescriptions.filter((M) => !ae.has(j(M.screenId, M.stateId))), ...pe], ge = ar("flows"), Ae = ue.size ? { value: B, source: "local-cache" } : { value: g.annotations, source: "local-seed" }, J = ae.size ? { value: ke, source: "local-cache" } : { value: g.pageDescriptions, source: "local-seed" }, Te = rv(ge, g.flows);
   ie.value = Ae.value, Xe.value = J.value, Ut.value = {
     gitee: {},
     "local-cache": Ga(pe),
     "local-seed": Ga(g.pageDescriptions)
-  }, jn.value = Ut.value["local-cache"][en()] ? "local-cache" : "local-seed", et.value = Ee.value, re("annotations", Ae.source, "idle"), re("pageDescriptions", J.source, "idle"), re("flows", Ee.source, "idle"), Lt.value = ((L = et.value[0]) == null ? void 0 : L.id) ?? "", nn.value ? await Bs(!1) : fn.value = Pe.unavailableReason, Un(), ou.value = !0;
+  }, jn.value = Ut.value["local-cache"][en()] ? "local-cache" : "local-seed", et.value = Te.value, re("annotations", Ae.source, "idle"), re("pageDescriptions", J.source, "idle"), re("flows", Te.source, "idle"), Lt.value = ((L = et.value[0]) == null ? void 0 : L.id) ?? "", nn.value ? await Bs(!1) : fn.value = Pe.unavailableReason, Un(), ou.value = !0;
 }
 Ye([De, St], () => {
   var t;
@@ -4876,19 +4954,19 @@ async function Xh(t, n = Qo(t, wt.value), o = !1) {
   return nt("annotations", r, p, a.sha, h, "synced"), ie.value = g, Gs(t, n, p.length), re("annotations", "gitee", "success", a.legacy ? "已读取主分支旧目录" : "", h), !0;
 }
 async function Zh(t = !1) {
-  const n = pt.value, o = wt.value, a = j(n, o), r = await Er(j(n, o));
+  const n = pt.value, o = wt.value, a = j(n, o), r = await Tr(j(n, o));
   if (!r) return !1;
   nl("pageDescriptions", r.sha, t, "页面描述", a);
   const p = Nn([{ ...r.value, screenId: n, stateId: o }])[0];
   if (!p) return;
   const g = (/* @__PURE__ */ new Date()).toISOString();
-  Tt("gitee", a, p);
+  Et("gitee", a, p);
   const h = it("pageDescriptions").scopes[a];
   if ((h == null ? void 0 : h.status) === "pending")
     re("pageDescriptions", "local-cache", "idle", "已读取 Gitee，本地缓存仍有待推送修改", g);
   else {
     const b = [...Xe.value.filter((P) => j(P.screenId, P.stateId) !== a), p];
-    nt("pageDescriptions", a, p, r.sha, g, "synced"), Tt("local-cache", a, p), Xe.value = b, zs(n, o, 1, p.highlighted, p.highlightColor), nu.value || (jn.value = "gitee"), re("pageDescriptions", "gitee", "success", r.legacy ? "已读取主分支旧目录" : "", g);
+    nt("pageDescriptions", a, p, r.sha, g, "synced"), Et("local-cache", a, p), Xe.value = b, zs(n, o, 1, p.highlighted, p.highlightColor), nu.value || (jn.value = "gitee"), re("pageDescriptions", "gitee", "success", r.legacy ? "已读取主分支旧目录" : "", g);
   }
   return a === en() && Un(), !0;
 }
@@ -4929,9 +5007,9 @@ async function ul(t = !1) {
       ht.value = (o == null ? void 0 : o.value) ?? ht.value;
       const a = await Zh(t), r = en();
       if (!a && !((n = o == null ? void 0 : o.value.scopes) != null && n[r])) {
-        Tt("gitee", r, null);
+        Et("gitee", r, null);
         const p = it("pageDescriptions").scopes[r];
-        (p == null ? void 0 : p.status) === "pending" ? re("pageDescriptions", "local-cache", "idle", "Gitee 当前 Scope 不存在，本地缓存待推送") : (Ha("pageDescriptions", r), Tt("local-cache", r, null), Xe.value = Xe.value.filter((g) => j(g.screenId, g.stateId) !== r), re("pageDescriptions", "gitee", "success", "", (/* @__PURE__ */ new Date()).toISOString())), Un();
+        (p == null ? void 0 : p.status) === "pending" ? re("pageDescriptions", "local-cache", "idle", "Gitee 当前 Scope 不存在，本地缓存待推送") : (Ha("pageDescriptions", r), Et("local-cache", r, null), Xe.value = Xe.value.filter((g) => j(g.screenId, g.stateId) !== r), re("pageDescriptions", "gitee", "success", "", (/* @__PURE__ */ new Date()).toISOString())), Un();
       } else if (!a) throw new Error("Gitee 当前页面描述不存在");
       pn.value = "success", fn.value = Ne.value.pageDescriptions.source === "local-cache" ? "已读取 Gitee，本地缓存待推送" : "页面说明已同步";
     } catch (o) {
@@ -4987,14 +5065,14 @@ function Fi(t) {
 async function qh() {
   if (!Pe.remoteWritable || cn.value === "running") return;
   const t = xt.value.trim() || "初始化工具";
-  cn.value = "running", En.value = "", at.value = { current: 0, total: 1, label: "检查初始化状态" };
+  cn.value = "running", Tn.value = "", at.value = { current: 0, total: 1, label: "检查初始化状态" };
   try {
     if (await Fm()) {
-      cn.value = "success", at.value = { current: 1, total: 1, label: "远端已初始化" }, En.value = "远端已初始化：未逐文件检查，未产生重复提交", await Bs(!1);
+      cn.value = "success", at.value = { current: 1, total: 1, label: "远端已初始化" }, Tn.value = "远端已初始化：未逐文件检查，未产生重复提交", await Bs(!1);
       return;
     }
   } catch (r) {
-    cn.value = "partial", at.value = { current: 1, total: 1, label: "初始化状态检查失败" }, En.value = r instanceof Error ? r.message : "无法检查 Gitee 初始化状态", console.error("❌ [Gitee 初始化] 初始化状态检查失败", { error: r });
+    cn.value = "partial", at.value = { current: 1, total: 1, label: "初始化状态检查失败" }, Tn.value = r instanceof Error ? r.message : "无法检查 Gitee 初始化状态", console.error("❌ [Gitee 初始化] 初始化状态检查失败", { error: r });
     return;
   }
   const n = [], o = /* @__PURE__ */ new Map();
@@ -5022,7 +5100,7 @@ async function qh() {
     } catch (r) {
       a.failed += 1, console.error("❌ [Gitee 初始化] 完成标记写入失败", { error: r });
     }
-  at.value = { ...at.value, current: at.value.current + 1 }, cn.value = a.failed ? "partial" : "success", En.value = a.failed ? `初始化部分完成：新建 ${a.created}，跳过 ${a.unchanged + a.protected}，失败 ${a.failed}` : a.created ? `初始化成功：新建 ${a.created}，跳过 ${a.unchanged + a.protected}` : `远端已初始化：未重复创建，检查 ${a.unchanged + a.protected}`, await Bs(!1);
+  at.value = { ...at.value, current: at.value.current + 1 }, cn.value = a.failed ? "partial" : "success", Tn.value = a.failed ? `初始化部分完成：新建 ${a.created}，跳过 ${a.unchanged + a.protected}，失败 ${a.failed}` : a.created ? `初始化成功：新建 ${a.created}，跳过 ${a.unchanged + a.protected}` : `远端已初始化：未重复创建，检查 ${a.unchanged + a.protected}`, await Bs(!1);
 }
 function Qh() {
   Ls.value = !0, Zo.value = null;
@@ -5167,21 +5245,21 @@ function cl() {
 }
 function dl() {
   const t = cl(), n = j(t.screenId, t.stateId), o = it("pageDescriptions").scopes[n];
-  return nt("pageDescriptions", n, t, (o == null ? void 0 : o.revision) ?? null, (o == null ? void 0 : o.lastRemoteSyncAt) ?? null, "pending"), Tt("local-cache", n, t), Xe.value = [...Xe.value.filter((a) => j(a.screenId, a.stateId) !== n), t], zs(t.screenId, t.stateId, 1, t.highlighted, t.highlightColor), re("pageDescriptions", "local-cache", "success", "页面描述已保存到本地缓存，尚未推送 Gitee"), !0;
+  return nt("pageDescriptions", n, t, (o == null ? void 0 : o.revision) ?? null, (o == null ? void 0 : o.lastRemoteSyncAt) ?? null, "pending"), Et("local-cache", n, t), Xe.value = [...Xe.value.filter((a) => j(a.screenId, a.stateId) !== n), t], zs(t.screenId, t.stateId, 1, t.highlighted, t.highlightColor), re("pageDescriptions", "local-cache", "success", "页面描述已保存到本地缓存，尚未推送 Gitee"), !0;
 }
 async function Su(t) {
   if (!Pe.remoteWritable)
     return re("pageDescriptions", jn.value, "error", Pe.unavailableReason || "Gitee 当前不可写"), !1;
   const n = j(t.screenId, t.stateId);
   try {
-    const o = await Tr(n, t.authorName ?? "未署名", t);
+    const o = await Er(n, t.authorName ?? "未署名", t);
     if (!o || (zs(t.screenId, t.stateId, 1, t.highlighted, t.highlightColor), !ht.value)) return !1;
     const a = await Nr(ht.value, t.authorName ?? "未署名", n);
     if (!a) throw new Error(`页面描述 ${n} 已写入，但 manifest 回读失败`);
     const r = Nn([{ ...o.value, screenId: t.screenId, stateId: t.stateId }])[0];
     if (!r) throw new Error(`页面描述 ${n} 回读内容无效`);
     const p = (/* @__PURE__ */ new Date()).toISOString();
-    return nt("pageDescriptions", n, r, o.sha, p, "synced"), Tt("gitee", n, r), Tt("local-cache", n, r), Xe.value = [...Xe.value.filter((g) => j(g.screenId, g.stateId) !== n), r], ht.value = a.value, re("pageDescriptions", "gitee", "success", "", p), !0;
+    return nt("pageDescriptions", n, r, o.sha, p, "synced"), Et("gitee", n, r), Et("local-cache", n, r), Xe.value = [...Xe.value.filter((g) => j(g.screenId, g.stateId) !== n), r], ht.value = a.value, re("pageDescriptions", "gitee", "success", "", p), !0;
   } catch (o) {
     const a = o instanceof Error ? o.message : "页面描述保存失败";
     return o instanceof mo ? ol("pageDescriptions", a) : re("pageDescriptions", Ne.value.pageDescriptions.source, "error", a), !1;
@@ -5221,18 +5299,18 @@ async function Cu(t = {}) {
   for (const ue of p) {
     const ae = j(ue.screenId, ue.stateId), B = ((pe = ue.authorName) == null ? void 0 : pe.trim()) || xt.value.trim() || "AI";
     try {
-      const ke = await Er(ae), ge = ke ? Nn([{ ...ke.value, screenId: ue.screenId, stateId: ue.stateId }])[0] : void 0;
+      const ke = await Tr(ae), ge = ke ? Nn([{ ...ke.value, screenId: ue.screenId, stateId: ue.stateId }])[0] : void 0;
       if (ke && ge && nr(ge, ue)) {
         const F = (/* @__PURE__ */ new Date()).toISOString();
-        nt("pageDescriptions", ae, ge, ke.sha, F, "synced"), Tt("gitee", ae, ge), Tt("local-cache", ae, ge), Xe.value = [...Xe.value.filter((Fe) => j(Fe.screenId, Fe.stateId) !== ae), ge], b.push(ae);
+        nt("pageDescriptions", ae, ge, ke.sha, F, "synced"), Et("gitee", ae, ge), Et("local-cache", ae, ge), Xe.value = [...Xe.value.filter((Fe) => j(Fe.screenId, Fe.stateId) !== ae), ge], b.push(ae);
         continue;
       }
-      const Ae = await Tr(ae, B, ue);
+      const Ae = await Er(ae, B, ue);
       if (!Ae) throw new Error(`页面描述 ${ae} 写入后未能回读`);
       const J = Nn([{ ...Ae.value, screenId: ue.screenId, stateId: ue.stateId }])[0];
       if (!J) throw new Error(`页面描述 ${ae} 回读内容无效`);
-      const Ee = (/* @__PURE__ */ new Date()).toISOString();
-      if (nt("pageDescriptions", ae, J, Ae.sha, Ee, "synced"), Tt("gitee", ae, J), Tt("local-cache", ae, J), Xe.value = [...Xe.value.filter((F) => j(F.screenId, F.stateId) !== ae), J], zs(J.screenId, J.stateId, 1, J.highlighted, J.highlightColor), !ht.value) throw new Error("页面描述索引未初始化");
+      const Te = (/* @__PURE__ */ new Date()).toISOString();
+      if (nt("pageDescriptions", ae, J, Ae.sha, Te, "synced"), Et("gitee", ae, J), Et("local-cache", ae, J), Xe.value = [...Xe.value.filter((F) => j(F.screenId, F.stateId) !== ae), J], zs(J.screenId, J.stateId, 1, J.highlighted, J.highlightColor), !ht.value) throw new Error("页面描述索引未初始化");
       const Re = await Nr(ht.value, B, ae);
       if (!Re) throw new Error(`页面描述 ${ae} 已写入，但 manifest 回读失败`);
       ht.value = Re.value, h.push(ae);
@@ -5254,12 +5332,12 @@ function py() {
 }
 function vy() {
   var n;
-  const t = Number(Es.value);
+  const t = Number(Ts.value);
   if (!Number.isFinite(t)) {
-    Ts.value = "请输入数字";
+    Es.value = "请输入数字";
     return;
   }
-  uo.value = Math.min(eu, Math.max(Qr, t)), Es.value = String(uo.value), (n = jt()) == null || n.setItem(Zr, String(uo.value)), Ts.value = "已保存同步间隔";
+  uo.value = Math.min(eu, Math.max(Qr, t)), Ts.value = String(uo.value), (n = jt()) == null || n.setItem(Zr, String(uo.value)), Es.value = "已保存同步间隔";
 }
 const fy = k(() => ({
   "--flow-zoom": String(dt.value)
@@ -5367,12 +5445,12 @@ async function Ay(t) {
     return r instanceof mo ? ol("flows", p) : re("flows", Ne.value.flows.source, "error", p), !1;
   }
 }
-function Ey(t = et.value) {
+function Ty(t = et.value) {
   const n = new Blob([JSON.stringify({ version: "1.0.0", flows: t }, null, 2)], { type: "application/json;charset=utf-8" }), o = document.createElement("a");
   o.href = URL.createObjectURL(n), o.download = "flows.json", o.click(), URL.revokeObjectURL(o.href);
 }
-function Ty() {
-  return { saveFlowsToSession: $u, pushFlowsToGitee: Ay, exportFlows: Ey };
+function Ey() {
+  return { saveFlowsToSession: $u, pushFlowsToGitee: Ay, exportFlows: Ty };
 }
 function Ny() {
   const t = {
@@ -5400,8 +5478,8 @@ function Ny() {
     annotationSyncLabel: fn,
     annotationAuthorName: xt,
     annotationPollingIntervalSeconds: uo,
-    annotationPollingIntervalInput: Es,
-    annotationPollingNotice: Ts,
+    annotationPollingIntervalInput: Ts,
+    annotationPollingNotice: Es,
     collaborationInitialized: ou,
     collaborationContext: Pe,
     collaborationSources: Ne,
@@ -5411,7 +5489,7 @@ function Ny() {
     collaborationLastSyncedAt: wh,
     collaborationBootstrapStatus: cn,
     collaborationBootstrapProgress: at,
-    collaborationBootstrapMessage: En,
+    collaborationBootstrapMessage: Tn,
     canInitializeRemote: Ch,
     annotationPanelCollapsed: fh,
     annotationPointsVisible: mh,
@@ -5430,7 +5508,7 @@ function Ny() {
     activeDesignColors: xh,
     themeOptions: cu,
     themeStyle: Ih,
-    themeLabel: Th,
+    themeLabel: Eh,
     themeDescription: Nh,
     screens: Bn,
     mainFlows: et,
@@ -5465,7 +5543,7 @@ function Ny() {
     updateCustomThemeDesignColor: Ph,
     updateCustomThemeTypography: Dh,
     updateCustomThemeRadius: Ah,
-    resetCustomTheme: Eh,
+    resetCustomTheme: Th,
     exportCustomTheme: Rh,
     importCustomTheme: Oh,
     setPrototypeState: La,
@@ -5586,7 +5664,7 @@ const Ry = {
 }, _b = {
   key: 1,
   class: "apple-side-nav overview-side-nav"
-}, Pb = { class: "px-2 pb-4" }, Db = { class: "flex items-center gap-3" }, Ab = { class: "min-w-5 text-center text-xs font-semibold text-ink" }, Eb = { class: "px-2" }, Tb = { class: "flex items-center gap-2" }, Nb = { class: "min-w-10 text-center text-xs font-semibold text-ink" }, Rb = {
+}, Pb = { class: "px-2 pb-4" }, Db = { class: "flex items-center gap-3" }, Ab = { class: "min-w-5 text-center text-xs font-semibold text-ink" }, Tb = { class: "px-2" }, Eb = { class: "flex items-center gap-2" }, Nb = { class: "min-w-10 text-center text-xs font-semibold text-ink" }, Rb = {
   key: 2,
   class: "apple-side-nav flow-side-nav lg:w-80"
 }, Ob = { class: "flex items-center justify-between px-2 pb-3" }, Bb = ["onClick"], jb = { class: "min-w-0 flex-1 text-left" }, Ub = {
@@ -5644,7 +5722,7 @@ const Ry = {
 }, _1 = { class: "page-description-editor-source-row" }, P1 = {
   class: "page-description-source-switcher",
   "aria-label": "切换编辑数据源"
-}, D1 = ["aria-pressed", "onClick"], A1 = ["disabled"], E1 = { class: "page-description-highlight-field" }, T1 = {
+}, D1 = ["aria-pressed", "onClick"], A1 = ["disabled"], T1 = { class: "page-description-highlight-field" }, E1 = {
   key: 0,
   class: "page-description-highlight-colors"
 }, N1 = { class: "page-description-highlight-swatches" }, R1 = ["aria-label", "title", "onClick"], O1 = { class: "page-description-custom-color" }, B1 = ["onKeydown"], j1 = { key: 0 }, U1 = ["placeholder"], M1 = ["placeholder"], V1 = ["placeholder"], L1 = ["placeholder"], F1 = ["placeholder"], G1 = {
@@ -5670,7 +5748,7 @@ const Ry = {
   role: "dialog",
   "aria-modal": "true",
   "aria-label": "原型健康检查"
-}, _w = { class: "prototype-health-head" }, Pw = { class: "prototype-health-tabs" }, Dw = { class: "prototype-health-stat-grid" }, Aw = { class: "prototype-health-section" }, Ew = { class: "prototype-health-section-head" }, Tw = { class: "prototype-health-issues" }, Nw = {
+}, _w = { class: "prototype-health-head" }, Pw = { class: "prototype-health-tabs" }, Dw = { class: "prototype-health-stat-grid" }, Aw = { class: "prototype-health-section" }, Tw = { class: "prototype-health-section-head" }, Ew = { class: "prototype-health-issues" }, Nw = {
   key: 1,
   class: "prototype-health-section prototype-health-matrix-section"
 }, Rw = { class: "prototype-health-table-wrap" }, Ow = { class: "prototype-health-table" }, Bw = { class: "w-full max-w-xl rounded-[24px] border border-line bg-panel p-5 text-left shadow-[0_24px_70px_rgb(0_0_0/0.18)]" }, jw = { class: "flex items-start justify-between gap-4" }, Uw = { class: "mt-1 text-xs text-muted" }, Mw = { class: "mt-4 max-h-[60vh] space-y-3 overflow-y-auto pr-1" }, Vw = ["onClick"], Lw = { class: "flex items-center justify-between gap-3" }, Fw = { class: "text-sm font-semibold text-ink" }, Gw = { class: "flex shrink-0 items-center gap-2" }, zw = { class: "rounded-full bg-panel px-2 py-1 text-xs text-muted" }, Hw = { class: "mt-2 text-sm leading-5 text-muted" }, Kw = {
@@ -5685,13 +5763,13 @@ const Ry = {
 }, Yw = {
   key: 0,
   class: "rounded-[16px] bg-soft p-3 text-sm text-muted"
-}, Xw = { class: "mobile-page-picker" }, Zw = { class: "mobile-page-picker-list" }, qw = ["onClick"], Qw = { class: "mobile-page-picker-code" }, e0 = { class: "mobile-page-picker-copy" }, t0 = {
+}, Xw = { class: "mobile-page-picker" }, Zw = { class: "mobile-page-picker-list" }, qw = ["onClick"], Qw = { class: "mobile-page-picker-code" }, eS = { class: "mobile-page-picker-copy" }, tS = {
   key: 0,
   class: "mobile-page-picker-count"
-}, n0 = {
+}, nS = {
   key: 0,
   class: "mobile-page-picker-states"
-}, o0 = ["onClick"], Ki = "prototype-core-authenticated", Vo = "prototype-core-page-description-summary-sections", Ps = "prototype-core-panel-state-v1", ao = 393, Aa = 852, s0 = 24, Ea = 1920, a0 = 1080, l0 = 640, c0 = /* @__PURE__ */ tn({
+}, oS = ["onClick"], Ki = "prototype-core-authenticated", Vo = "prototype-core-page-description-summary-sections", Ps = "prototype-core-panel-state-v1", ao = 393, Aa = 852, sS = 24, Ta = 1920, aS = 1080, lS = 640, cS = /* @__PURE__ */ tn({
   __name: "App",
   setup(t) {
     var ki;
@@ -5715,7 +5793,7 @@ const Ry = {
       annotationSyncStatus: ge,
       annotationSyncLabel: Ae,
       annotationAuthorName: J,
-      annotationPollingIntervalSeconds: Ee,
+      annotationPollingIntervalSeconds: Te,
       annotationPollingIntervalInput: Re,
       annotationPollingNotice: F,
       collaborationInitialized: Fe,
@@ -5757,7 +5835,7 @@ const Ry = {
       flowRows: _,
       visibleScreens: Y,
       prototypeStateOptions: we,
-      activePrototypeStateId: E,
+      activePrototypeStateId: T,
       getPrototypeStateOptions: q,
       getPrototypeStateLabel: Ke,
       normalizePrototypeStateId: Je,
@@ -5800,12 +5878,12 @@ const Ry = {
       annotationCountByState: Pu,
       refreshPrototypeAnnotations: Du,
       refreshPageDescriptions: Au,
-      refreshAllCollaborationData: Eu,
+      refreshAllCollaborationData: Tu,
       setCollaborationEditing: qs,
       initializeRemoteCollaborationData: bl,
       saveAnnotationPollingInterval: wl,
       exportAnnotations: Sl,
-      saveCurrentPageDescription: Tu,
+      saveCurrentPageDescription: Eu,
       saveCurrentPageDescriptionToCache: Nu,
       pushPageDescriptionSourceToGitee: Ru,
       selectPageDescriptionSource: Cl,
@@ -5822,7 +5900,7 @@ const Ry = {
       zoomFlowAtPoint: Vu,
       overviewZoom: Gt,
       overviewColumns: wn
-    } = Ny(), { saveFlowsToSession: Lu, pushFlowsToGitee: Fu, exportFlows: Gu } = Ty(), { unresolvedBugCount: Pl, initializeBugs: zu } = Sr(), { initializeTestCases: Hu, refreshTestCases: Ku, sourceState: Ju } = jr(), Wu = k(
+    } = Ny(), { saveFlowsToSession: Lu, pushFlowsToGitee: Fu, exportFlows: Gu } = Ey(), { unresolvedBugCount: Pl, initializeBugs: zu } = Sr(), { initializeTestCases: Hu, refreshTestCases: Ku, sourceState: Ju } = jr(), Wu = k(
       () => R.filter((u) => u.platform === "mobile" && u.hasTabBar).map((u) => ({ id: u.id, label: u.title, icon: u.icon }))
     ), is = {
       gitee: "Gitee",
@@ -5837,7 +5915,7 @@ const Ry = {
     Ye(Ju, (u) => {
       L.value = { ...L.value, testCases: { ...u } };
     }, { deep: !0, immediate: !0 });
-    const Qu = ["structure", "features"], rs = y(""), us = y(""), wo = y(""), Fn = y(!1), Al = y(!1), sn = y(!1), Sn = y(!1), So = y("overview"), _t = y(!1), an = y(""), bt = y([...Qu]), zt = y(!1), Gn = y(""), El = ["#ef4444", "#f97316", "#eab308", "#22c55e", "#3b82f6", "#8b5cf6"], Tl = El, cs = y(""), Co = y(""), Nl = `prototype-highlight-colors:${he.projectId}`, ds = y(ec()), zn = y(""), Cn = y(""), Rl = `prototype-annotation-colors:${he.projectId}`, ko = y(tc());
+    const Qu = ["structure", "features"], rs = y(""), us = y(""), wo = y(""), Fn = y(!1), Al = y(!1), sn = y(!1), Sn = y(!1), So = y("overview"), _t = y(!1), an = y(""), bt = y([...Qu]), zt = y(!1), Gn = y(""), Tl = ["#ef4444", "#f97316", "#eab308", "#22c55e", "#3b82f6", "#8b5cf6"], El = Tl, cs = y(""), Co = y(""), Nl = `prototype-highlight-colors:${he.projectId}`, ds = y(ec()), zn = y(""), Cn = y(""), Rl = `prototype-annotation-colors:${he.projectId}`, ko = y(tc());
     function ec() {
       try {
         const u = window.localStorage.getItem(Nl);
@@ -5953,7 +6031,7 @@ const Ry = {
           ]
         }
       ];
-    }), Bl = k(() => ta.value.reduce((u, s) => u + s.items.length, 0)), jl = k(() => ta.value.reduce((u, s) => u + s.items.filter((l) => l.configured).length, 0)), na = k(() => Bl.value - jl.value), oa = "1.2.11", sa = y(""), kn = y("idle"), oc = k(() => kn.value === "success" && sa.value !== oa), sc = k(() => kn.value === "success" ? `v${sa.value}` : kn.value === "error" ? "版本暂不可用" : "版本检测中");
+    }), Bl = k(() => ta.value.reduce((u, s) => u + s.items.length, 0)), jl = k(() => ta.value.reduce((u, s) => u + s.items.filter((l) => l.configured).length, 0)), na = k(() => Bl.value - jl.value), oa = "1.2.12", sa = y(""), kn = y("idle"), oc = k(() => kn.value === "success" && sa.value !== oa), sc = k(() => kn.value === "success" ? `v${sa.value}` : kn.value === "error" ? "版本暂不可用" : "版本检测中");
     async function ac() {
       if (kn.value !== "idle") return;
       kn.value = "loading";
@@ -6034,7 +6112,7 @@ const Ry = {
     const ee = k(() => me.value ? "interactive" : g.value), fc = k(
       () => me.value ? [$t.value] : Y.value
     ), qn = k(
-      () => E.value ? Ke(h.value, E.value) : ""
+      () => T.value ? Ke(h.value, T.value) : ""
     ), mc = k(() => {
       const u = Io.value.trim().toLowerCase();
       return R.map((s) => {
@@ -6047,9 +6125,9 @@ const Ry = {
         };
       }).filter((s) => s.visible);
     }), gc = k(
-      () => !!(Z.value && Z.value.screenId === h.value && Z.value.stateId === Je(h.value, E.value))
+      () => !!(Z.value && Z.value.screenId === h.value && Z.value.stateId === Je(h.value, T.value))
     );
-    Ye([h, E, B], () => {
+    Ye([h, T, B], () => {
       zt.value = !1;
     }), Ye(zt, (u) => qs("pageDescriptions", u), { immediate: !0 }), Ye($e, (u) => qs("flows", u), { immediate: !0 }), Ye([G, Z], ([u, s]) => {
       qs("annotations", u !== "view" || !!s);
@@ -6091,14 +6169,14 @@ const Ry = {
       Hl(), zt.value = !1;
     }
     async function yc() {
-      await Tu() && (zt.value = !1);
+      await Eu() && (zt.value = !1);
     }
     function bc() {
       Nu() && (zt.value = !1);
     }
     async function wc() {
       if (te.value === "gitee") return;
-      const u = To(h.value, E.value), s = he.branchKey || "未知分支", l = `projects/${he.projectId}/branches/${s}/page-descriptions/${u}.json`, w = te.value === "local-cache" ? "本地缓存" : "JSON";
+      const u = Eo(h.value, T.value), s = he.branchKey || "未知分支", l = `projects/${he.projectId}/branches/${s}/page-descriptions/${u}.json`, w = te.value === "local-cache" ? "本地缓存" : "JSON";
       if (!window.confirm(`将${w}中的当前页面描述覆盖推送到 Gitee？
 
 Scope：${u}
@@ -6118,7 +6196,7 @@ Scope：${u}
     function kc() {
       hs && (window.clearTimeout(hs), hs = null);
     }
-    function Eo() {
+    function To() {
       kc(), Hn.value = "", Be = null;
     }
     function Kl(u, s) {
@@ -6157,7 +6235,7 @@ Scope：${u}
     function Dc(u, s) {
       if (s.pointerType === "mouse" && s.button !== 0 || Kn.value.has(u.id)) return;
       const l = s.currentTarget.closest(".screen-content");
-      l && (Eo(), ze.value = "", Hn.value = u.id, Be = {
+      l && (To(), ze.value = "", Hn.value = u.id, Be = {
         annotation: u,
         pointerId: s.pointerId,
         startClientX: s.clientX,
@@ -6178,17 +6256,17 @@ Scope：${u}
     function Ac(u) {
       if (!Be || Be.pointerId !== u.pointerId) return;
       if (!Be.activated) {
-        Math.hypot(u.clientX - Be.startClientX, u.clientY - Be.startClientY) > 8 && Eo();
+        Math.hypot(u.clientX - Be.startClientX, u.clientY - Be.startClientY) > 8 && To();
         return;
       }
       u.preventDefault(), u.stopPropagation();
       const { x: s, y: l } = Jl(u.clientX, u.clientY, Be.content);
       Pt.value = { id: Be.annotation.id, x: s, y: l };
     }
-    function Ec(u) {
+    function Tc(u) {
       if (!Be || Be.pointerId !== u.pointerId) return;
       const s = Be, l = Pt.value;
-      if (Eo(), !s.activated || !l || l.id !== s.annotation.id) return;
+      if (To(), !s.activated || !l || l.id !== s.annotation.id) return;
       if (u.preventDefault(), u.stopPropagation(), ea = s.annotation.id, Math.max(
         Math.abs(l.x - s.annotation.x),
         Math.abs(l.y - s.annotation.y)
@@ -6208,8 +6286,8 @@ Scope：${u}
       }, 300);
       $o.set(s.annotation.id, X);
     }
-    function Tc(u) {
-      !Be || Be.pointerId !== u.pointerId || (Eo(), Pt.value = null);
+    function Ec(u) {
+      !Be || Be.pointerId !== u.pointerId || (To(), Pt.value = null);
     }
     function Nc(u, s) {
       Hn.value || Pt.value || (gs.value = s.currentTarget.getBoundingClientRect(), hl(u.id));
@@ -6224,7 +6302,7 @@ Scope：${u}
       if (!((s = Se.value) != null && s.authorName) && !((l = Se.value) != null && l.updatedAt)) return "";
       const u = pa(Se.value.updatedAt);
       return `${Se.value.authorName || "未署名"}${u ? ` · ${u}` : ""}`;
-    }), Oc = k(() => To(h.value, E.value)), Wl = [
+    }), Oc = k(() => Eo(h.value, T.value)), Wl = [
       { source: "gitee", label: "Gitee", icon: Od },
       { source: "local-cache", label: "本地缓存", icon: Bd },
       { source: "local-seed", label: "JSON", icon: Xi }
@@ -6258,7 +6336,7 @@ Scope：${u}
 
 `)
     );
-    function To(u, s) {
+    function Eo(u, s) {
       return s ? `${u}__${s}` : u;
     }
     const da = k(
@@ -6276,7 +6354,7 @@ Scope：${u}
       )
     ), Zl = k(() => {
       var s;
-      const u = new Set(Rt.value.map((l) => To(l.screenId, l.stateId)));
+      const u = new Set(Rt.value.map((l) => Eo(l.screenId, l.stateId)));
       return ke.value && ((s = be.value) != null && s.scopes) && Object.entries(be.value.scopes).forEach(([l, w]) => {
         ((w == null ? void 0 : w.count) ?? 0) > 0 && u.add(l);
       }), u;
@@ -6286,10 +6364,10 @@ Scope：${u}
     }), Qn = k(
       () => R.map((u) => {
         const s = q(u.id), l = s.length ? s.map((X) => ({
-          id: To(u.id, X.id),
+          id: Eo(u.id, X.id),
           stateId: X.id,
           label: X.label
-        })) : [{ id: To(u.id), stateId: void 0, label: "默认" }], w = l.filter((X) => Zl.value.has(X.id)).length, O = da.value.filter((X) => X.screenId === u.id).length;
+        })) : [{ id: Eo(u.id), stateId: void 0, label: "默认" }], w = l.filter((X) => Zl.value.has(X.id)).length, O = da.value.filter((X) => X.screenId === u.id).length;
         return {
           ...u,
           stateCount: l.length,
@@ -6377,14 +6455,14 @@ Scope：${u}
       bt.value = xn.value.map((s) => s.id).filter((s) => !u.has(s)), window.localStorage.setItem(Vo, JSON.stringify(bt.value));
     }
     const va = k(() => {
-      const u = Math.max(1, wn.value), l = ((ua.value || window.innerWidth) - s0 * (u - 1)) / u;
+      const u = Math.max(1, wn.value), l = ((ua.value || window.innerWidth) - sS * (u - 1)) / u;
       return Math.min(1, Math.max(0.36, Number((l / ao).toFixed(3))));
     }), ni = k(() => Math.round(ao * va.value * 100) / 100), zc = k(() => Math.round(Aa * va.value * 100) / 100);
     function Hc() {
       if (lt.value)
-        return Math.min(Ea, Yn.value, Math.max(0, Do.value - 48) * 16 / 9);
+        return Math.min(Ta, Yn.value, Math.max(0, Do.value - 48) * 16 / 9);
       if (ee.value === "overview") return ni.value;
-      if (ee.value === "flow") return l0;
+      if (ee.value === "flow") return lS;
       const u = ua.value || Yn.value;
       return Math.min(1440, u, Math.max(0, Do.value - 120) * 16 / 9);
     }
@@ -6404,12 +6482,12 @@ Scope：${u}
           "--presentation-phone-scale": String(O / ao)
         };
       }
-      const l = Math.max(1, Hc()), w = l * a0 / Ea;
+      const l = Math.max(1, Hc()), w = l * aS / Ta;
       return {
         ...s,
         "--desktop-display-width": `${l}px`,
         "--desktop-display-height": `${w}px`,
-        "--desktop-preview-scale": String(l / Ea)
+        "--desktop-preview-scale": String(l / Ta)
       };
     }
     const Jc = k(() => ({
@@ -6610,10 +6688,10 @@ Scope：${u}
     );
     function pi() {
       ui(), ke.value && (Is = window.setInterval(() => {
-        console.info("🔄 [协作同步] 开始轮询注释、页面描述、测试用例和流程"), Eu(!0), Ku(!0);
-      }, Ee.value * 1e3));
+        console.info("🔄 [协作同步] 开始轮询注释、页面描述、测试用例和流程"), Tu(!0), Ku(!0);
+      }, Te.value * 1e3));
     }
-    Ye(Ee, () => {
+    Ye(Te, () => {
       Fe.value && pi();
     });
     function ld() {
@@ -6791,13 +6869,13 @@ Scope：${u}
       var u;
       ha(), Vc(), ad(), In = window.matchMedia("(max-width: 640px)"), ba(In), In.addEventListener("change", ba), window.addEventListener("touchstart", wi, { passive: !0 }), window.addEventListener("touchmove", Si, { passive: !1 }), window.addEventListener("touchend", $s, { passive: !0 }), window.addEventListener("touchcancel", $s, { passive: !0 }), window.addEventListener("resize", Ci), window.addEventListener("hashchange", ha), wa(), eo = new ResizeObserver(wa), ws.value && eo.observe(ws.value), window.addEventListener("keydown", di), Fn.value = ((u = Ct.auth) == null ? void 0 : u.enabled) !== !0 || window.localStorage.getItem(Ki) === "true", Fn.value ? Ll() : Vl() || console.error("🔐 [前端认证] 已启用认证但未提供用户名或密码，访问页将无法登录");
     }), Xo(() => {
-      ui(), Eo(), xc(), In == null || In.removeEventListener("change", ba), In = void 0, window.removeEventListener("touchstart", wi), window.removeEventListener("touchmove", Si), window.removeEventListener("touchend", $s), window.removeEventListener("touchcancel", $s), window.removeEventListener("resize", Ci), window.removeEventListener("hashchange", ha), window.removeEventListener("keydown", di), eo == null || eo.disconnect(), eo = void 0, id(), Jn && window.clearTimeout(Jn), Wn && window.clearTimeout(Wn);
+      ui(), To(), xc(), In == null || In.removeEventListener("change", ba), In = void 0, window.removeEventListener("touchstart", wi), window.removeEventListener("touchmove", Si), window.removeEventListener("touchend", $s), window.removeEventListener("touchcancel", $s), window.removeEventListener("resize", Ci), window.removeEventListener("hashchange", ha), window.removeEventListener("keydown", di), eo == null || eo.disconnect(), eo = void 0, id(), Jn && window.clearTimeout(Jn), Wn && window.clearTimeout(Wn);
     }), (u, s) => (d(), v("main", {
       class: A(["min-h-screen bg-canvas text-ink transition-[padding] duration-200", [
         me.value ? "mobile-pure-interactive" : "",
         le.value === "help" || le.value === "themeGuide" ? "prototype-help-route" : le.value === "testCases" ? "test-cases-route" : lt.value ? "presentation-mode" : !me.value && (No.value ? "has-update-banner pt-[120px]" : "pt-[68px]")
       ]]),
-      style: Te(i(rt))
+      style: Ee(i(rt))
     }, [
       No.value && Fn.value ? (d(), v("div", Ry, [
         e("div", { class: "update-banner-inner" }, [
@@ -6902,7 +6980,7 @@ Scope：${u}
                 }, [
                   e("span", {
                     class: "theme-swatch",
-                    style: Te({ "--swatch-color": i(se).primary })
+                    style: Ee({ "--swatch-color": i(se).primary })
                   }, null, 4),
                   s[100] || (s[100] = K(" 主题切换 ", -1))
                 ], 2),
@@ -6931,14 +7009,14 @@ Scope：${u}
                   ]),
                   s[102] || (s[102] = e("p", { class: "theme-section-title" }, "预设主题", -1)),
                   e("div", eb, [
-                    (d(!0), v(D, null, T(i(He), (l) => (d(), v("button", {
+                    (d(!0), v(D, null, E(i(He), (l) => (d(), v("button", {
                       key: l.id,
                       class: A(["theme-scheme-btn", { active: i(P) === l.id }]),
                       onClick: (w) => i(Ys)(l.id)
                     }, [
                       e("span", {
                         class: "theme-swatch",
-                        style: Te({ "--swatch-color": l.designColors.primary })
+                        style: Ee({ "--swatch-color": l.designColors.primary })
                       }, null, 4),
                       e("span", nb, [
                         e("b", null, c(i(ut)(l)), 1),
@@ -6971,7 +7049,7 @@ Scope：${u}
                   ]),
                   s[103] || (s[103] = e("p", { class: "theme-section-title" }, "设计系统颜色", -1)),
                   e("div", sb, [
-                    (d(!0), v(D, null, T(i(o), (l) => (d(), v("label", {
+                    (d(!0), v(D, null, E(i(o), (l) => (d(), v("label", {
                       key: l.key,
                       class: "theme-color-field"
                     }, [
@@ -6993,7 +7071,7 @@ Scope：${u}
                   ]),
                   s[104] || (s[104] = e("p", { class: "theme-section-title" }, "字体", -1)),
                   e("div", ib, [
-                    (d(!0), v(D, null, T(i(a), (l) => {
+                    (d(!0), v(D, null, E(i(a), (l) => {
                       var w;
                       return d(), v("label", {
                         key: l.key,
@@ -7013,7 +7091,7 @@ Scope：${u}
                   ]),
                   s[105] || (s[105] = e("p", { class: "theme-section-title" }, "形状", -1)),
                   e("div", ub, [
-                    (d(!0), v(D, null, T(i(r), (l) => {
+                    (d(!0), v(D, null, E(i(r), (l) => {
                       var w;
                       return d(), v("label", {
                         key: l.key,
@@ -7033,7 +7111,7 @@ Scope：${u}
                   ]),
                   s[106] || (s[106] = e("p", { class: "theme-section-title" }, "内核兼容颜色", -1)),
                   e("div", db, [
-                    (d(!0), v(D, null, T(i(n), (l) => (d(), v("label", {
+                    (d(!0), v(D, null, E(i(n), (l) => (d(), v("label", {
                       key: l.key,
                       class: "theme-color-field"
                     }, [
@@ -7071,7 +7149,7 @@ Scope：${u}
           key: 1,
           lang: i(p),
           "current-screen-id": i(h),
-          "current-state-id": i(E),
+          "current-state-id": i(T),
           "author-name": i(J),
           "onUpdate:authorName": s[13] || (s[13] = (l) => J.value = l),
           onClose: pd
@@ -7086,7 +7164,7 @@ Scope：${u}
           me.value ? S("", !0) : (d(), v("section", fb, [
             ee.value === "interactive" ? (d(), v("div", mb, [
               e("div", gb, [
-                (d(), v(D, null, T(Wl, (l) => e("button", {
+                (d(), v(D, null, E(Wl, (l) => e("button", {
                   key: l.source,
                   type: "button",
                   class: A({ active: i(te) === l.source }),
@@ -7136,7 +7214,7 @@ Scope：${u}
                   class: "interactive-side-nav-scroll",
                   onScroll: fa
                 }, [
-                  (d(!0), v(D, null, T(i(R), (l) => (d(), v("button", {
+                  (d(!0), v(D, null, E(i(R), (l) => (d(), v("button", {
                     key: l.id,
                     class: A(["nav-row", { active: i(h) === l.id }]),
                     onClick: (w) => i(Qe)(l.id)
@@ -7149,7 +7227,7 @@ Scope：${u}
                     i(Ks)(l.id) ? (d(), v("span", {
                       key: 0,
                       class: "screen-highlight-bookmark",
-                      style: Te({ backgroundColor: i(Js)(l.id) }),
+                      style: Ee({ backgroundColor: i(Js)(l.id) }),
                       "aria-hidden": "true"
                     }, null, 4)) : S("", !0),
                     e("span", Cb, c(l.code) + " " + c(l.title), 1),
@@ -7192,9 +7270,9 @@ Scope：${u}
                   e("strong", Ab, c(i(wn)), 1)
                 ])
               ]),
-              e("div", Eb, [
+              e("div", Tb, [
                 s[114] || (s[114] = e("label", { class: "mb-2 block text-xs font-semibold text-muted" }, "缩放", -1)),
-                e("div", Tb, [
+                e("div", Eb, [
                   e("button", {
                     type: "button",
                     class: "overview-zoom-btn",
@@ -7238,7 +7316,7 @@ Scope：${u}
                   K(" 编辑流程 ", -1)
                 ])])
               ]),
-              (d(!0), v(D, null, T(i(ne), (l) => (d(), v("button", {
+              (d(!0), v(D, null, E(i(ne), (l) => (d(), v("button", {
                 key: l.id,
                 class: A(["nav-row flow-nav-row", { active: i(b) === l.id }]),
                 onClick: (w) => i(Ou)(l.id)
@@ -7295,7 +7373,7 @@ Scope：${u}
                   ee.value === "overview" ? "overview-canvas" : ee.value === "flow" ? "flow-grid" : "grid gap-6 place-items-center",
                   { "is-flow-panning": i(ue), "is-overview-panning": Ss.value }
                 ]),
-                style: Te(ee.value === "flow" ? i(We) : void 0),
+                style: Ee(ee.value === "flow" ? i(We) : void 0),
                 onMousedown: s[25] || (s[25] = (l) => ee.value === "flow" ? i(Uu)(l) : ee.value === "overview" ? Yc(l) : void 0),
                 onMousemove: s[26] || (s[26] = (l) => ee.value === "flow" ? i(Mu)(l) : ee.value === "overview" ? Xc(l) : void 0),
                 onMouseup: s[27] || (s[27] = (l) => ee.value === "flow" ? i(_l)() : ai()),
@@ -7306,17 +7384,17 @@ Scope：${u}
                   ref_key: "overviewGridRef",
                   ref: zl,
                   class: A(ee.value === "overview" ? "overview-grid" : "contents"),
-                  style: Te(ee.value === "overview" ? Jc.value : void 0)
+                  style: Ee(ee.value === "overview" ? Jc.value : void 0)
                 }, [
-                  (d(!0), v(D, null, T(ee.value === "flow" ? i(_) : [], (l) => (d(), v("div", {
+                  (d(!0), v(D, null, E(ee.value === "flow" ? i(_) : [], (l) => (d(), v("div", {
                     key: l.key,
                     class: "flow-row-label",
-                    style: Te(i(ju)(l.row))
+                    style: Ee(i(ju)(l.row))
                   }, [
                     s[119] || (s[119] = e("span", null, "子流程", -1)),
                     e("strong", null, c(l.label), 1)
                   ], 4))), 128)),
-                  (d(!0), v(D, null, T(fc.value, (l) => (d(), v("article", {
+                  (d(!0), v(D, null, E(fc.value, (l) => (d(), v("article", {
                     key: ee.value === "flow" ? `${l.id}-${l.stateId ?? "default"}-${l.flowRow}-${l.flowCol}` : `${l.id}-${l.stateId ?? "default"}`,
                     class: A([
                       l.platform === "pc" ? "desktop-shell" : "phone-shell",
@@ -7326,7 +7404,7 @@ Scope：${u}
                         "flow-has-next": ee.value === "flow" && l.hasNext
                       }
                     ]),
-                    style: Te(Kc(l))
+                    style: Ee(Kc(l))
                   }, [
                     e("div", {
                       class: A(["prototype-preview-scaler", {
@@ -7334,11 +7412,11 @@ Scope：${u}
                         "overview-desktop-scale": ee.value === "overview" && l.platform === "pc"
                       }])
                     }, [
-                      ee.value === "interactive" && !me.value && l.platform === "mobile" && i(we).length && i(E) ? (d(), Me(Jd, {
+                      ee.value === "interactive" && !me.value && l.platform === "mobile" && i(we).length && i(T) ? (d(), Me(Jd, {
                         key: 0,
                         title: i(U)("prototypeStateSwitch"),
                         options: i(we),
-                        "active-id": i(E),
+                        "active-id": i(T),
                         "count-for-state": (w) => i(Pu)(i(h), w),
                         "highlighted-colors": i(Mn),
                         onChange: s[23] || (s[23] = (w) => i(m)(i(h), w))
@@ -7361,7 +7439,7 @@ Scope：${u}
                           e("div", Fb, [
                             V(Lo, { screen: l }, null, 8, ["screen"]),
                             ee.value === "interactive" && !me.value && !lt.value && i(B) === "annotations" && i(Le) ? (d(), v("div", Gb, [
-                              (d(!0), v(D, null, T(i(Ft), (w, O) => {
+                              (d(!0), v(D, null, E(i(Ft), (w, O) => {
                                 var X;
                                 return d(), v("div", {
                                   key: w.id,
@@ -7371,7 +7449,7 @@ Scope：${u}
                                     "is-dragging": ((X = Pt.value) == null ? void 0 : X.id) === w.id,
                                     "is-syncing-position": Kn.value.has(w.id)
                                   }]),
-                                  style: Te(Ic(w)),
+                                  style: Ee(Ic(w)),
                                   onMouseenter: (je) => Nc(w, je),
                                   onMouseleave: s[24] || (s[24] = //@ts-ignore
                                   (...je) => i(Ln) && i(Ln)(...je))
@@ -7384,15 +7462,15 @@ Scope：${u}
                                     onClick: Ce((je) => _c(w), ["stop"]),
                                     onPointerdown: Ce((je) => Dc(w, je), ["stop"]),
                                     onPointermove: Ac,
-                                    onPointerup: Ec,
-                                    onPointercancel: Tc
+                                    onPointerup: Tc,
+                                    onPointercancel: Ec
                                   }, c(O + 1), 41, Hb)
                                 ], 46, zb);
                               }), 128)),
                               gc.value ? (d(), v("div", {
                                 key: 0,
                                 class: "annotation-point-wrap draft",
-                                style: Te(i(xl)(i(Z)))
+                                style: Ee(i(xl)(i(Z)))
                               }, [...s[121] || (s[121] = [
                                 e("button", {
                                   class: "annotation-point",
@@ -7539,7 +7617,7 @@ Scope：${u}
                 e("small", null, c(i(U)("annotationPollingUnit")), 1),
                 e("button", {
                   type: "button",
-                  disabled: Number(i(Re)) === i(Ee),
+                  disabled: Number(i(Re)) === i(Te),
                   onClick: s[41] || (s[41] = //@ts-ignore
                   (...l) => i(wl) && i(wl)(...l))
                 }, c(i(U)("annotationPollingSave")), 9, o1)
@@ -7548,7 +7626,7 @@ Scope：${u}
             i(F) ? (d(), v("p", s1, c(i(F)), 1)) : S("", !0),
             i(B) === "annotations" ? (d(), v("div", a1, [
               i(Ft).length ? S("", !0) : (d(), v("p", l1, c(i(U)("annotationEmpty")), 1)),
-              (d(!0), v(D, null, T(i(Ft), (l, w) => (d(), v("section", {
+              (d(!0), v(D, null, E(i(Ft), (l, w) => (d(), v("section", {
                 key: l.id,
                 onMouseenter: (O) => Rc(l),
                 onMouseleave: s[42] || (s[42] = //@ts-ignore
@@ -7584,7 +7662,7 @@ Scope：${u}
             ])) : (d(), v("div", p1, [
               i(Se) ? (d(), v(D, { key: 1 }, [
                 Cs.value ? (d(), v("small", f1, c(Cs.value), 1)) : S("", !0),
-                (d(!0), v(D, null, T(xn.value, (l) => (d(), v("section", {
+                (d(!0), v(D, null, E(xn.value, (l) => (d(), v("section", {
                   key: l.id
                 }, [
                   e("h3", null, c(l.label), 1),
@@ -7657,11 +7735,11 @@ Scope：${u}
               }, "×")
             ]),
             e("div", b1, [
-              (d(!0), v(D, null, T(ta.value, (l) => (d(), v("section", {
+              (d(!0), v(D, null, E(ta.value, (l) => (d(), v("section", {
                 key: l.id
               }, [
                 e("h3", null, c(l.title), 1),
-                (d(!0), v(D, null, T(l.items, (w) => (d(), v("div", {
+                (d(!0), v(D, null, E(l.items, (w) => (d(), v("div", {
                   key: w.name,
                   class: A(["environment-check-row", { missing: !w.configured }])
                 }, [
@@ -7692,12 +7770,12 @@ Scope：${u}
               e("strong", null, "当前面板快捷键"),
               e("span", null, "输入内容时自动停用")
             ], -1)),
-            (d(), v(D, null, T(ci, (l) => e("section", {
+            (d(), v(D, null, E(ci, (l) => e("section", {
               key: l.title,
               class: "shortcut-group"
             }, [
               e("h3", null, c(l.title), 1),
-              (d(!0), v(D, null, T(l.items, (w) => (d(), v("div", {
+              (d(!0), v(D, null, E(l.items, (w) => (d(), v("div", {
                 key: w.key,
                 class: "shortcut-row"
               }, [
@@ -7707,13 +7785,13 @@ Scope：${u}
             ])), 64))
           ], 64))
         ], 2)) : S("", !0),
-        V(Ta, { name: "shortcut-toast" }, {
+        V(Ea, { name: "shortcut-toast" }, {
           default: Na(() => [
             le.value === "prototype" && la.value && !me.value && !lt.value ? (d(), v("div", S1, " 按快捷键 P 可以进入/退出演示模式 ")) : S("", !0)
           ]),
           _: 1
         }),
-        V(Ta, { name: "shortcut-toast" }, {
+        V(Ea, { name: "shortcut-toast" }, {
           default: Na(() => [
             ia.value && !me.value && !lt.value ? (d(), v("div", C1, " 还未配置产品文档地址，请在 PrototypeProductDefinition.document.url 中配置 ")) : S("", !0)
           ]),
@@ -7748,7 +7826,7 @@ Scope：${u}
               i(Se) ? Cs.value ? (d(), v("small", $1, c(Cs.value), 1)) : S("", !0) : (d(), v("p", I1, c(i(U)("pageDescriptionEmpty")), 1)),
               e("div", _1, [
                 e("div", P1, [
-                  (d(), v(D, null, T(Wl, (l) => e("button", {
+                  (d(), v(D, null, E(Wl, (l) => e("button", {
                     key: l.source,
                     type: "button",
                     class: A({ active: i(te) === l.source }),
@@ -7767,7 +7845,7 @@ Scope：${u}
                 class: "page-description-editor-fields",
                 disabled: i(te) === "local-seed"
               }, [
-                e("label", E1, [
+                e("label", T1, [
                   N(e("input", {
                     "onUpdate:modelValue": s[49] || (s[49] = (l) => i($).highlighted = l),
                     type: "checkbox"
@@ -7776,14 +7854,14 @@ Scope：${u}
                   ]),
                   s[125] || (s[125] = e("span", null, "重点标注当前状态页", -1))
                 ]),
-                i($).highlighted ? (d(), v("section", T1, [
+                i($).highlighted ? (d(), v("section", E1, [
                   s[126] || (s[126] = e("span", null, "标记颜色", -1)),
                   e("div", N1, [
-                    (d(!0), v(D, null, T([...El, ...ds.value], (l) => (d(), v("button", {
+                    (d(!0), v(D, null, E([...Tl, ...ds.value], (l) => (d(), v("button", {
                       key: l,
                       type: "button",
                       class: A({ active: i($).highlightColor === l }),
-                      style: Te({ backgroundColor: l }),
+                      style: Ee({ backgroundColor: l }),
                       "aria-label": `选择颜色 ${l}`,
                       title: l,
                       onClick: (w) => nc(l)
@@ -7919,7 +7997,7 @@ Scope：${u}
         le.value === "prototype" && i(on) && !me.value && !lt.value ? (d(), v("div", {
           key: 9,
           class: "annotation-popover annotation-floating-popover",
-          style: Te($c.value),
+          style: Ee($c.value),
           onMouseenter: s[61] || (s[61] = //@ts-ignore
           (...l) => i(gl) && i(gl)(...l)),
           onMouseleave: s[62] || (s[62] = //@ts-ignore
@@ -7979,11 +8057,11 @@ Scope：${u}
             e("section", q1, [
               s[132] || (s[132] = e("span", null, "注释点颜色", -1)),
               e("div", Q1, [
-                (d(!0), v(D, null, T([...i(Tl), ...ko.value], (l) => (d(), v("button", {
+                (d(!0), v(D, null, E([...i(El), ...ko.value], (l) => (d(), v("button", {
                   key: l,
                   type: "button",
                   class: A({ active: i(Z).color === l }),
-                  style: Te({ backgroundColor: l }),
+                  style: Ee({ backgroundColor: l }),
                   "aria-label": `选择颜色 ${l}`,
                   title: l,
                   onClick: (w) => Qs(l, "draft")
@@ -8070,11 +8148,11 @@ Scope：${u}
             i(G) === "edit" ? (d(), v("section", cw, [
               s[133] || (s[133] = e("span", null, "注释点颜色", -1)),
               e("div", dw, [
-                (d(!0), v(D, null, T([...i(Tl), ...ko.value], (l) => (d(), v("button", {
+                (d(!0), v(D, null, E([...i(El), ...ko.value], (l) => (d(), v("button", {
                   key: l,
                   type: "button",
                   class: A({ active: i(de).color === l }),
-                  style: Te({ backgroundColor: l }),
+                  style: Ee({ backgroundColor: l }),
                   "aria-label": `选择颜色 ${l}`,
                   title: l,
                   onClick: (w) => Qs(l, "editor")
@@ -8160,7 +8238,7 @@ Scope：${u}
                 }, "反选")
               ]),
               e("div", null, [
-                (d(!0), v(D, null, T(xn.value, (l) => (d(), v("label", {
+                (d(!0), v(D, null, E(xn.value, (l) => (d(), v("label", {
                   key: l.id
                 }, [
                   e("input", {
@@ -8173,7 +8251,7 @@ Scope：${u}
               ])
             ]),
             e("div", Cw, [
-              ks.value.length ? (d(!0), v(D, { key: 1 }, T(ks.value, (l) => (d(), v("p", {
+              ks.value.length ? (d(!0), v(D, { key: 1 }, E(ks.value, (l) => (d(), v("p", {
                 key: l.id
               }, [
                 e("b", null, c(l.label) + "：", 1),
@@ -8221,7 +8299,7 @@ Scope：${u}
             ]),
             So.value === "overview" ? (d(), v(D, { key: 0 }, [
               e("div", Dw, [
-                (d(!0), v(D, null, T(Uc.value, (l) => (d(), v("section", {
+                (d(!0), v(D, null, E(Uc.value, (l) => (d(), v("section", {
                   key: l.label
                 }, [
                   e("span", null, c(l.label), 1),
@@ -8230,12 +8308,12 @@ Scope：${u}
                 ]))), 128))
               ]),
               e("div", Aw, [
-                e("div", Ew, [
+                e("div", Tw, [
                   s[137] || (s[137] = e("p", null, "问题清单", -1)),
                   e("span", null, c(ti.value.filter((l) => l.tone !== "success").length) + " 个待关注项", 1)
                 ]),
-                e("div", Tw, [
-                  (d(!0), v(D, null, T(ti.value, (l) => (d(), v("section", {
+                e("div", Ew, [
+                  (d(!0), v(D, null, E(ti.value, (l) => (d(), v("section", {
                     key: l.title,
                     class: A(`is-${l.tone}`)
                   }, [
@@ -8263,7 +8341,7 @@ Scope：${u}
                     ])
                   ], -1)),
                   e("tbody", null, [
-                    (d(!0), v(D, null, T(Qn.value, (l) => (d(), v("tr", {
+                    (d(!0), v(D, null, E(Qn.value, (l) => (d(), v("tr", {
                       key: l.id,
                       class: A({ "has-gap": l.describedCount < l.stateCount || !l.inFlow })
                     }, [
@@ -8301,7 +8379,7 @@ Scope：${u}
               }, " × ")
             ]),
             e("div", Mw, [
-              (d(!0), v(D, null, T(i(ys), (l) => (d(), v("section", {
+              (d(!0), v(D, null, E(i(ys), (l) => (d(), v("section", {
                 key: l.hash,
                 class: "overflow-hidden rounded-[16px] bg-soft transition"
               }, [
@@ -8323,7 +8401,7 @@ Scope：${u}
                 ], 8, Vw),
                 bs.value === l.hash ? (d(), v("div", Kw, [
                   li(l).length ? (d(), v("div", Jw, [
-                    (d(!0), v(D, null, T(li(l), (w) => (d(), v("p", {
+                    (d(!0), v(D, null, E(li(l), (w) => (d(), v("p", {
                       key: `${l.hash}-${w}`,
                       class: "rounded-[12px] bg-panel px-3 py-2 text-xs leading-5 text-muted"
                     }, c(w), 1))), 128))
@@ -8366,7 +8444,7 @@ Scope：${u}
               [z, Io.value]
             ]),
             e("div", Zw, [
-              (d(!0), v(D, null, T(mc.value, (l) => (d(), v("section", {
+              (d(!0), v(D, null, E(mc.value, (l) => (d(), v("section", {
                 key: l.screen.id,
                 class: "mobile-page-picker-item"
               }, [
@@ -8376,22 +8454,22 @@ Scope：${u}
                   onClick: (w) => l.states.length ? hd(l.screen.id) : yd(l.screen.id)
                 }, [
                   e("span", Qw, c(l.screen.code), 1),
-                  e("span", e0, [
+                  e("span", eS, [
                     e("b", null, c(l.screen.title), 1),
                     e("small", null, c(l.screen.subtitle), 1)
                   ]),
-                  l.states.length ? (d(), v("span", t0, c(l.states.length), 1)) : S("", !0)
+                  l.states.length ? (d(), v("span", tS, c(l.states.length), 1)) : S("", !0)
                 ], 10, qw),
-                l.states.length && (l.forceExpanded || vs.value.has(l.screen.id)) ? (d(), v("div", n0, [
-                  (d(!0), v(D, null, T(l.states, (w) => (d(), v("button", {
+                l.states.length && (l.forceExpanded || vs.value.has(l.screen.id)) ? (d(), v("div", nS, [
+                  (d(!0), v(D, null, E(l.states, (w) => (d(), v("button", {
                     key: w.id,
                     type: "button",
-                    class: A({ active: i(h) === l.screen.id && i(E) === w.id }),
+                    class: A({ active: i(h) === l.screen.id && i(T) === w.id }),
                     onClick: (O) => bd(l.screen.id, w.id)
                   }, [
                     s[142] || (s[142] = e("span", null, null, -1)),
                     K(" " + c(w.label), 1)
-                  ], 10, o0))), 128))
+                  ], 10, oS))), 128))
                 ])) : S("", !0)
               ]))), 128))
             ])
@@ -8456,5 +8534,5 @@ Scope：${u}
   }
 });
 export {
-  c0 as default
+  cS as default
 };