dsh-niuma 0.2.1 → 0.2.3

package/CHANGELOG.md

@@ -2,6 +2,40 @@
 
 本文件记录用户可感知的变化。版本号遵循语义化版本。
 
+## 0.2.3 — 2026-10-22
+
+### 新增：版本号显示 + 自动更新机制
+
+- **面板底部显示版本号**：`牛马加速器 v0.2.x`（取自宿主 package.json，固定放最底部）
+- **自动检查更新**：宿主启动 8 秒后查一次 npm `dsh-niuma@latest`；有新版本自动下载 tarball 解包到
+  `$DSH_HOME/niuma/updates/<version>/`，**下次启动 DSH 自动覆盖安装并生效**
+- **手动更新**：面板发现新版本时显示「发现新版本 vX · 立即更新」按钮，点击即下载（重启生效）
+- **安全守卫**：
+  - git 开发工作区（存在 `.git`）不自动更新，避免覆盖未提交代码
+  - `NIUMA_UPDATE_DISABLED=1` 可整体关闭
+  - 网络失败只写日志，面板继续用当前版本，不影响计时
+  - 版本比较用内部 semver 实现，不引第三方依赖
+- 新增 `GET/POST /niuma/update` 路由；`GET /niuma/config` 载荷增加 `version`
+- 主金额改为纯文本渲染（逐位轮盘在面板滚动容器里会出现重影）；「加速」= 毫秒级刷新（rAF），
+  末位小数每帧高速变化，视觉上就是数字持续快速上涨
+- 新增 `lib/update.js`（semver 比较、tarball 解包、暂存/应用）与 `tools/verify-update.mjs`（27 项断言）
+
+## 0.2.2 — 2026-10-22
+
+### 新增：主金额小数位 + 刷新频率 + 滚动数字/加速
+
+- **主金额改连续「里程表」滚动**：每一位按位权连续转动——最后一位小数转得最快（0-9 快速循环），
+  前一位慢 10 倍，整数位几乎不动；不是整块金额跳变，而是数字持续往上滚
+- **加速开关**：主金额右侧「加速」勾选后强制毫秒级刷新（`requestAnimationFrame`，≈16ms），
+  滚轮每帧更新，低位小数飞快转动、高位慢慢进位
+- **小数位数可选（0–6，默认 4）**：主卡金额右侧「小数 [n] 位」，改完即时保存、立即生效
+- **刷新频率可调**：设置区新增「刷新频率」行
+  - 按秒（1s，默认，最省电）
+  - 250 ms / 100 ms / 50 ms（毫秒级滚动）
+  - 刷新率（≈16 ms，requestAnimationFrame，跟随屏幕刷新连续跳动）
+- core 新增配置 `decimals`（0–6 整数）、`updateMs`（16–1000 整数）与 `turbo`（布尔），宿主写接口同样校验
+- 刷新由 `useClock(updateMs)` 驱动：≥50ms 用 setInterval，≤16ms 用 rAF
+
 ## 0.2.1 — 2026-10-21
 
 ### 新增：本月工作天数进度

package/README.md

@@ -32,6 +32,10 @@
 - 节假日数据内置在插件中（2026 官方 / 2027 预估），设置区不再需要手工维护一长串日期；2027 官方安排公布后随插件更新
 - 午休可设置起止，**可勾选午休是否算工时**；午休不算工时则午休期间金额冻结
 - 状态徽标：休息日 / 未上班 / 搬砖中 / 午休中 / 已下班
+- 面板显示版本号；自动检查 npm 新版本，下载后**重启 DSH 自动生效**（git 开发工作区不覆盖）
+- **加速**：勾选后按屏幕刷新率（≈16ms）刷新，末位小数高速跳动、数字快速上涨；不勾则按刷新频率步进
+- 主金额**小数位可选（0–6）**，右侧下拉即时生效
+- **刷新频率可选**：按秒 / 250ms / 100ms / 50ms / 屏幕刷新率（≈16ms 连续滚动）
 - 今日进度条、距上班/距下班倒计时
 - **本月已工作 / 剩余工作日**（与工资口径一致：节假日、周末、调休都算进去）
 

package/lib/client.js

@@ -187,7 +187,13 @@ var DEFAULTS = Object.freeze({
   lunchEnd: "13:00",
   lunchPaid: false,
   holidays: DEFAULT_HOLIDAYS,
-  extraWorkdays: DEFAULT_EXTRA_WORKDAYS
+  extraWorkdays: DEFAULT_EXTRA_WORKDAYS,
+  /** 主金额小数位（0-6） */
+  decimals: 4,
+  /** 面板刷新间隔 ms：1000=按秒；16≈屏幕刷新率（连续滚动）；中间值为毫秒级 */
+  updateMs: 1e3,
+  /** 加速（滚动模式）：true 时强制毫秒级刷新（≈屏幕刷新率），数字连续滚动 */
+  turbo: false
 });
 var SALARY_MAX = 1e7;
 var DATE_RE = /^\d{4}-\d{2}-\d{2}$/;
@@ -266,6 +272,21 @@ function normalizeConfig(patch) {
   }
   merged.lunchEnabled = merged.lunchEnabled !== false;
   merged.lunchPaid = merged.lunchPaid === true;
+  merged.turbo = merged.turbo === true;
+  const decimals = Number(merged.decimals);
+  if (!Number.isInteger(decimals) || decimals < 0 || decimals > 6) {
+    errors.push("\u5C0F\u6570\u4F4D\u6570\u9700\u8981\u662F 0~6 \u7684\u6574\u6570");
+    merged.decimals = Number.isInteger(decimals) ? decimals : DEFAULTS.decimals;
+  } else {
+    merged.decimals = decimals;
+  }
+  const updateMs = Number(merged.updateMs);
+  if (!Number.isInteger(updateMs) || updateMs < 16 || updateMs > 1e3) {
+    errors.push("\u5237\u65B0\u95F4\u9694\u9700\u8981\u662F 16~1000ms \u7684\u6574\u6570");
+    merged.updateMs = Number.isInteger(updateMs) ? updateMs : DEFAULTS.updateMs;
+  } else {
+    merged.updateMs = updateMs;
+  }
   const holidays = normalizeDateList(merged.holidays);
   const extraWorkdays = normalizeDateList(merged.extraWorkdays);
   errors.push(...holidays.errors, ...extraWorkdays.errors);
@@ -537,14 +558,6 @@ var CARD = {
   boxSizing: "border-box"
 };
 var NUM = { fontVariantNumeric: "tabular-nums", whiteSpace: "nowrap" };
-var GOLD = {
-  color: "#D9A441",
-  backgroundImage: "linear-gradient(180deg, #FFE9A8 0%, #F2C14E 40%, #D79A2B 72%, #B87A16 100%)",
-  WebkitBackgroundClip: "text",
-  backgroundClip: "text",
-  WebkitTextFillColor: "transparent",
-  textShadow: "0 1px 0 rgba(0,0,0,.05)"
-};
 var GOLD_TINT = "#E7B84D";
 var STATUS_META = {
   rest: { key: "statusRest", color: C.label3 },
@@ -588,6 +601,16 @@ var zh = {
   "configFailed": "\u8BBE\u7F6E\u8BFB\u53D6\u5931\u8D25\uFF0C\u4F7F\u7528\u9ED8\u8BA4\u503C",
   "retry": "\u91CD\u8BD5",
   "settings": "\u8BBE\u7F6E",
+  "decimalsLabel": "\u5C0F\u6570",
+  "decimalsUnit": "\u4F4D",
+  "turboLabel": "\u52A0\u901F",
+  "updateAvailable": "\u53D1\u73B0\u65B0\u7248\u672C v{version}",
+  "updateNow": "\u7ACB\u5373\u66F4\u65B0",
+  "updating": "\u6B63\u5728\u4E0B\u8F7D\u65B0\u7248\u672C\u2026",
+  "updateStaged": "v{version} \u5DF2\u4E0B\u8F7D \xB7 \u91CD\u542F DSH \u751F\u6548",
+  "refreshRate": "\u5237\u65B0\u9891\u7387",
+  "rateSecond": "\u6309\u79D2\uFF081s\uFF09",
+  "rateFrame": "\u5237\u65B0\u7387\uFF08\u224816ms\uFF09",
   "settingsHint": "\u6539\u5B8C\u70B9\u300C\u4FDD\u5B58\u300D\u751F\u6548\uFF1B\u683C\u5F0F\u4E0D\u5BF9\u4F1A\u5728\u4E0B\u65B9\u7EA2\u5B57\u63D0\u793A\uFF0C\u4E0D\u5F71\u54CD\u8BA1\u65F6\u3002",
   "salaryField": "\u5B9E\u6536\u6708\u85AA",
   "groupSalary": "\u5DE5\u8D44",
@@ -686,6 +709,16 @@ var en = {
   "configFailed": "Failed to load settings, using defaults",
   "retry": "Retry",
   "settings": "Settings",
+  "decimalsLabel": "Decimals",
+  "decimalsUnit": "dp",
+  "turboLabel": "Turbo",
+  "updateAvailable": "New version v{version}",
+  "updateNow": "Update now",
+  "updating": "Downloading update\u2026",
+  "updateStaged": "v{version} downloaded \xB7 restart DSH to apply",
+  "refreshRate": "Refresh rate",
+  "rateSecond": "Per second (1s)",
+  "rateFrame": "Display rate (~16ms)",
   "settingsHint": "Click Save to apply. Invalid input is shown in red below; the ticker keeps running.",
   "salaryField": "Net monthly salary",
   "groupSalary": "Salary",
@@ -763,7 +796,8 @@ function formFromConfig(config) {
     lunchEnabled: config.lunchEnabled !== false,
     lunchStart: String(config.lunchStart == null ? "" : config.lunchStart),
     lunchEnd: String(config.lunchEnd == null ? "" : config.lunchEnd),
-    lunchPaid: config.lunchPaid === true
+    lunchPaid: config.lunchPaid === true,
+    updateMs: String(config.updateMs == null ? 1e3 : config.updateMs)
   };
 }
 function patchFromForm(form) {
@@ -775,7 +809,8 @@ function patchFromForm(form) {
     lunchEnabled: Boolean(form.lunchEnabled),
     lunchStart: String(form.lunchStart || "").trim(),
     lunchEnd: String(form.lunchEnd || "").trim(),
-    lunchPaid: Boolean(form.lunchPaid)
+    lunchPaid: Boolean(form.lunchPaid),
+    updateMs: Number(form.updateMs)
   };
 }
 function useRemoteConfig() {
@@ -811,18 +846,50 @@ function useRemoteConfig() {
   const refresh = import_react.default.useCallback(() => setTick((n) => n + 1), []);
   return { ...state, refresh };
 }
-function useSecondClock() {
-  const [now, setNow] = import_react.default.useState(() => /* @__PURE__ */ new Date());
+function useUpdateInfo() {
+  const [state, setState] = import_react.default.useState({ status: "loading", data: null, error: null });
+  const load = import_react.default.useCallback(() => {
+    if (typeof fetch !== "function") {
+      setState({ status: "failed", data: null, error: "fetch unavailable" });
+      return;
+    }
+    fetch(`${ROUTE_BASE}/update`, { cache: "no-store", credentials: "same-origin" }).then(async (response) => {
+      const body = await response.json();
+      if (!response.ok || !body || body.ok !== true) throw new Error(body && body.error || `HTTP ${response.status}`);
+      return body.data || null;
+    }).then((data) => setState({ status: "ready", data, error: null })).catch((error) => setState({ status: "failed", data: null, error: String(error && error.message || error) }));
+  }, []);
   import_react.default.useEffect(() => {
-    let lastSecond = -1;
-    const timer = setInterval(() => {
-      const second = Math.floor(Date.now() / 1e3);
-      if (second === lastSecond) return;
-      lastSecond = second;
-      setNow(/* @__PURE__ */ new Date());
-    }, 250);
+    load();
+    const timer = setInterval(load, 6 * 3600 * 1e3);
     return () => clearInterval(timer);
+  }, [load]);
+  const download = import_react.default.useCallback(() => {
+    setState((prev) => ({ ...prev, status: "updating" }));
+    if (typeof fetch !== "function") return;
+    fetch(`${ROUTE_BASE}/update`, { method: "POST", credentials: "same-origin" }).then(async (response) => {
+      const body = await response.json();
+      if (!response.ok || !body || body.ok !== true) throw new Error(body && body.error || `HTTP ${response.status}`);
+      return body.data || null;
+    }).then((data) => setState({ status: "ready", data, error: null })).catch((error) => setState({ status: "failed", data: null, error: String(error && error.message || error) }));
   }, []);
+  return { ...state, reload: load, download };
+}
+function useClock(updateMs) {
+  const [now, setNow] = import_react.default.useState(() => /* @__PURE__ */ new Date());
+  import_react.default.useEffect(() => {
+    if (updateMs <= 16) {
+      let raf = 0;
+      const loop = () => {
+        setNow(/* @__PURE__ */ new Date());
+        raf = requestAnimationFrame(loop);
+      };
+      raf = requestAnimationFrame(loop);
+      return () => cancelAnimationFrame(raf);
+    }
+    const timer = setInterval(() => setNow(/* @__PURE__ */ new Date()), updateMs);
+    return () => clearInterval(timer);
+  }, [updateMs]);
   return now;
 }
 function NiumaIcon(props) {
@@ -898,10 +965,26 @@ function SectionTitle(props) {
     props.hint ? import_react.default.createElement("span", { key: "h", style: { fontSize: 10.5, color: C.label3, ...NUM } }, props.hint) : null
   ]);
 }
+function RollingMoney(props) {
+  const decimals = Math.max(0, Math.min(6, Number.isInteger(props.decimals) ? props.decimals : 4));
+  return import_react.default.createElement("span", {
+    style: {
+      display: "inline-block",
+      whiteSpace: "nowrap",
+      letterSpacing: "-1.2px",
+      fontVariantNumeric: "tabular-nums",
+      ...props.style || {}
+    }
+  }, formatMoney(props.value, decimals));
+}
 function HeroCard(props) {
   const t = props.t;
   const snap = props.snap;
   const rates = snap.rates;
+  const decimals = Number.isInteger(props.decimals) ? props.decimals : 4;
+  const onDecimalsChange = props.onDecimalsChange;
+  const turbo = props.turbo === true;
+  const onTurboChange = props.onTurboChange;
   const progress = Math.max(0, Math.min(1, Number(snap.todayProgress) || 0));
   const percentText = `${(progress * 100).toFixed(1)}%`;
   const live = snap.status === "working";
@@ -949,28 +1032,88 @@ function HeroCard(props) {
         }) : null,
         t("earnedToday")
       ]),
-      import_react.default.createElement(
-        "span",
-        { key: "b", style: { fontSize: 11, color: C.label3, ...NUM } },
-        `${t("todayOn")} ${snap.dateKey}`
-      )
+      import_react.default.createElement("div", {
+        key: "b",
+        style: { display: "flex", flexDirection: "column", alignItems: "flex-end", gap: 4 }
+      }, [
+        import_react.default.createElement(
+          "span",
+          { key: "d", style: { fontSize: 11, color: C.label3, ...NUM } },
+          `${t("todayOn")} ${snap.dateKey}`
+        ),
+        import_react.default.createElement("div", { key: "c", style: { display: "inline-flex", alignItems: "center", gap: 6 } }, [
+          import_react.default.createElement("label", {
+            key: "dec",
+            title: t("decimalsLabel"),
+            style: { display: "inline-flex", alignItems: "center", gap: 3, fontSize: 10, color: C.label3, ...NUM }
+          }, [
+            import_react.default.createElement("span", { key: "l" }, t("decimalsLabel")),
+            import_react.default.createElement("select", {
+              key: "s",
+              value: String(decimals),
+              "aria-label": t("decimalsLabel"),
+              onChange: (event) => onDecimalsChange && onDecimalsChange(Number(event.target.value)),
+              style: {
+                height: 22,
+                padding: "0 2px",
+                borderRadius: 6,
+                border: `1px solid ${C.border1}`,
+                background: C.layer2,
+                color: C.label2,
+                fontSize: 10.5,
+                fontVariantNumeric: "tabular-nums",
+                outline: "none",
+                cursor: "pointer"
+              }
+            }, [0, 1, 2, 3, 4, 5, 6].map((n) => import_react.default.createElement("option", { key: n, value: String(n) }, String(n)))),
+            import_react.default.createElement("span", { key: "u" }, t("decimalsUnit"))
+          ]),
+          import_react.default.createElement("label", {
+            key: "turbo",
+            title: t("turboLabel"),
+            style: {
+              display: "inline-flex",
+              alignItems: "center",
+              gap: 3,
+              fontSize: 10,
+              padding: "1px 6px",
+              borderRadius: 999,
+              border: `1px solid ${turbo ? `color-mix(in srgb, ${GOLD_TINT} 60%, ${C.border1})` : C.border1}`,
+              background: turbo ? `color-mix(in srgb, ${GOLD_TINT} 16%, transparent)` : "transparent",
+              color: turbo ? C.label2 : C.label3,
+              cursor: "pointer",
+              ...NUM
+            }
+          }, [
+            import_react.default.createElement("input", {
+              key: "i",
+              type: "checkbox",
+              checked: turbo,
+              onChange: (event) => onTurboChange && onTurboChange(event.target.checked),
+              style: { accentColor: GOLD_TINT, width: 12, height: 12, margin: 0, cursor: "inherit" }
+            }),
+            import_react.default.createElement("span", { key: "l" }, t("turboLabel"))
+          ])
+        ])
+      ])
     ]),
     import_react.default.createElement("div", {
       key: "amt",
       style: { display: "flex", alignItems: "baseline", gap: 7, marginTop: 4, flexWrap: "wrap" }
     }, [
-      import_react.default.createElement("span", {
+      import_react.default.createElement(RollingMoney, {
         key: "val",
+        value: snap.todayEarned,
+        decimals,
         style: {
           fontSize: 46,
           lineHeight: 1.12,
           fontWeight: 800,
-          letterSpacing: "-1.2px",
-          ...GOLD,
+          color: "#D9A441",
           ...NUM,
           ...rest ? { opacity: 0.62 } : {}
         }
-      }, formatMoney(snap.todayEarned, 4)),
+      }),
       import_react.default.createElement("span", {
         key: "unit",
         style: { fontSize: 18, fontWeight: 700, color: C.label2, ...NUM }
@@ -1439,6 +1582,13 @@ function SettingsSection(props) {
     import_react.default.createElement("span", { key: "l" }, t(labelKey))
   ]);
   const lunchDisabled = !form.lunchEnabled;
+  const RATE_OPTIONS = [
+    ["1000", t("rateSecond")],
+    ["250", "250 ms"],
+    ["100", "100 ms"],
+    ["50", "50 ms"],
+    ["16", t("rateFrame")]
+  ];
   return import_react.default.createElement("details", {
     open: true,
     style: { background: C.layer1, border: `1px solid ${C.border1}`, borderRadius: 12, padding: "10px 12px" }
@@ -1468,6 +1618,14 @@ function SettingsSection(props) {
         timeRange("lunchStart", "lunchEnd", t("groupLunch"), lunchDisabled),
         toggle("lunchEnabled", "lunchEnabledShort", false),
         toggle("lunchPaid", "lunchPaidShort", lunchDisabled)
+      ]),
+      row("refresh", t("refreshRate"), [
+        import_react.default.createElement("select", {
+          key: "r",
+          value: String(form.updateMs),
+          onChange: (event) => setField("updateMs", event.target.value),
+          style: { ...selectStyle, width: 128, padding: "4px 6px" }
+        }, RATE_OPTIONS.map(([value, label]) => import_react.default.createElement("option", { key: value, value }, label)))
       ])
     ]),
     import_react.default.createElement("div", {
@@ -1505,7 +1663,7 @@ function SettingsSection(props) {
 function NiumaPanel(props) {
   const t = props && typeof props.t === "function" ? props.t : fallbackTranslate;
   const remote = useRemoteConfig();
-  const now = useSecondClock();
+  const update = useUpdateInfo();
   const cfg = import_react.default.useMemo(() => {
     const raw = remote.data && remote.data.config ? remote.data.config : null;
     if (!raw) return DEFAULTS;
@@ -1516,6 +1674,8 @@ function NiumaPanel(props) {
       return DEFAULTS;
     }
   }, [remote.data]);
+  const updateMs = cfg.turbo === true ? 16 : Number.isInteger(cfg.updateMs) ? cfg.updateMs : 1e3;
+  const now = useClock(updateMs);
   const snap = import_react.default.useMemo(() => earnedToday(cfg, now), [cfg, now]);
   const rates = snap && snap.rates ? snap.rates : computeRates(cfg, snap && snap.dateKey);
   const baseForm = import_react.default.useMemo(() => formFromConfig(cfg), [cfg]);
@@ -1605,7 +1765,30 @@ function NiumaPanel(props) {
       setSave({ status: "error", errors: [String(error && error.message || error)], message: "" });
     });
   };
+  const [quickError, setQuickError] = import_react.default.useState("");
+  const postConfig = import_react.default.useCallback((patch) => {
+    if (typeof fetch !== "function") return;
+    fetch(`${ROUTE_BASE}/settings`, {
+      method: "POST",
+      headers: { "content-type": "application/json" },
+      credentials: "same-origin",
+      body: JSON.stringify(patch)
+    }).then(async (response) => {
+      let body = null;
+      try {
+        body = await response.json();
+      } catch (error) {
+        body = null;
+      }
+      if (!response.ok || !body || body.ok !== true) throw new Error(body && body.error || `HTTP ${response.status}`);
+      setQuickError("");
+      remote.refresh();
+    }).catch((error) => setQuickError(String(error && error.message || error)));
+  }, [remote.refresh]);
+  const onDecimalsChange = (value) => postConfig({ decimals: value });
+  const onTurboChange = (checked) => postConfig({ turbo: Boolean(checked) });
   const holidaySource = remote.data && remote.data.holidaySource || HOLIDAY_SOURCE;
+  const versionText = remote.data && remote.data.version || update.data && update.data.currentVersion || "";
   const banner = remote.status === "failed" ? {
     color: C.warn,
     text: `${t("configFailed")}${remote.error ? `\uFF08${remote.error}\uFF09` : ""}`,
@@ -1707,7 +1890,68 @@ function NiumaPanel(props) {
           }
         }, t("retry")) : null
       ]) : null,
-      import_react.default.createElement(HeroCard, { key: "hero", t, snap }),
+      // 版本 / 自动更新提示：已下载→提示重启；发现新版→一键更新
+      update.data && update.data.staged ? import_react.default.createElement("div", {
+        key: "update",
+        style: {
+          display: "flex",
+          alignItems: "center",
+          gap: 8,
+          flexWrap: "wrap",
+          fontSize: 11.5,
+          color: C.label2,
+          padding: "6px 10px",
+          borderRadius: 9,
+          border: `1px solid color-mix(in srgb, ${GOLD_TINT} 45%, transparent)`,
+          background: `color-mix(in srgb, ${GOLD_TINT} 10%, transparent)`
+        }
+      }, [
+        import_react.default.createElement("span", { key: "dot", "aria-hidden": "true", style: { width: 6, height: 6, borderRadius: "50%", background: GOLD_TINT } }),
+        import_react.default.createElement(
+          "span",
+          { key: "txt", style: { flex: "1 1 160px" } },
+          t("updateStaged").replace("{version}", String(update.data.stagedVersion || update.data.latestVersion || ""))
+        )
+      ]) : update.status === "updating" ? import_react.default.createElement("div", {
+        key: "update",
+        style: { fontSize: 11.5, color: C.label3, padding: "2px 2px" }
+      }, t("updating")) : update.data && update.data.hasUpdate ? import_react.default.createElement("div", {
+        key: "update",
+        style: {
+          display: "flex",
+          alignItems: "center",
+          gap: 8,
+          flexWrap: "wrap",
+          fontSize: 11.5,
+          color: C.label2,
+          padding: "6px 10px",
+          borderRadius: 9,
+          border: `1px solid color-mix(in srgb, ${GOLD_TINT} 45%, transparent)`,
+          background: `color-mix(in srgb, ${GOLD_TINT} 10%, transparent)`
+        }
+      }, [
+        import_react.default.createElement(
+          "span",
+          { key: "txt", style: { flex: "1 1 160px" } },
+          t("updateAvailable").replace("{version}", String(update.data.latestVersion || ""))
+        ),
+        import_react.default.createElement("button", {
+          key: "go",
+          type: "button",
+          onClick: update.download,
+          style: {
+            border: `1px solid color-mix(in srgb, ${GOLD_TINT} 70%, rgba(0,0,0,.15))`,
+            color: "#3A2A05",
+            background: "linear-gradient(180deg, #F8DC86 0%, #EFC258 52%, #D99D2C 100%)",
+            borderRadius: 7,
+            padding: "3px 12px",
+            fontSize: 11.5,
+            fontWeight: 700,
+            cursor: "pointer"
+          }
+        }, t("updateNow"))
+      ]) : null,
+      import_react.default.createElement(HeroCard, { key: "hero", t, snap, decimals: cfg.decimals, onDecimalsChange, turbo: cfg.turbo, onTurboChange }),
       import_react.default.createElement(CountdownRow, { key: "countdown", t, snap }),
       import_react.default.createElement("div", {
         key: "ratesHead",
@@ -1771,7 +2015,28 @@ function NiumaPanel(props) {
         setCheck,
         save,
         onSave
-      })
+      }),
+      // 版本信息固定放在面板最底部
+      import_react.default.createElement("div", {
+        key: "version",
+        style: {
+          display: "flex",
+          alignItems: "center",
+          justifyContent: "center",
+          gap: 6,
+          padding: "4px 0 0",
+          fontSize: 10.5,
+          color: C.label3,
+          ...NUM
+        }
+      }, [
+        versionText ? import_react.default.createElement("span", { key: "v" }, `\u725B\u9A6C\u52A0\u901F\u5668 v${versionText}`) : null,
+        update.data && update.data.staged ? import_react.default.createElement(
+          "span",
+          { key: "s", style: { color: C.label3 } },
+          `\xB7 ${t("updateStaged").replace("{version}", String(update.data.stagedVersion || update.data.latestVersion || ""))}`
+        ) : null
+      ])
     ])
   ]);
 }