dsh-niuma 0.2.0 → 0.2.2

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);
@@ -384,6 +405,13 @@ function earnedToday(config, now) {
   const monthEarned = earnedThisMonth(config, key, date, todayEarned, rates);
   const secondsToStart = workday && nowSec < startSec ? startSec - nowSec : 0;
   const secondsToEnd = workday && nowSec < endSec ? endSec - nowSec : 0;
+  const monthWorkdays = rates.monthlyWorkdays;
+  let monthWorkdaysDone = 0;
+  for (let day = 1; day < date.getDate(); day += 1) {
+    if (isWorkday(dateKeyOf(new Date(date.getFullYear(), date.getMonth(), day)), config)) monthWorkdaysDone += 1;
+  }
+  if (workday && status === "off") monthWorkdaysDone += 1;
+  const monthWorkdaysLeft = Math.max(0, monthWorkdays - monthWorkdaysDone);
   return {
     dateKey: key,
     isWorkday: workday,
@@ -394,6 +422,9 @@ function earnedToday(config, now) {
     todayTarget,
     todayProgress,
     monthEarned,
+    monthWorkdays,
+    monthWorkdaysDone,
+    monthWorkdaysLeft,
     secondsToStart,
     secondsToEnd,
     rates
@@ -571,19 +602,33 @@ var zh = {
   "paidHoursPerDay": "\u65E5\u6709\u6548\u5DE5\u65F6",
   "todayTarget": "\u4ECA\u65E5\u76EE\u6807",
   "monthEarned": "\u672C\u6708\u5DF2\u8D5A",
+  "monthWorkedDays": "\u672C\u6708\u5DF2\u5DE5\u4F5C",
+  "monthRemainingDays": "\u5269\u4F59\u5DE5\u4F5C\u65E5",
   "holidaySourceLink": "\u56FD\u52A1\u9662\u529E\u516C\u5385 2026 \u5E74\u8282\u5047\u65E5\u5B89\u6392",
   "configLoading": "\u6B63\u5728\u8BFB\u53D6\u8BBE\u7F6E\u2026",
   "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",
+  "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\uFF08\u5143/\u6708\uFF09",
+  "salaryField": "\u5B9E\u6536\u6708\u85AA",
+  "groupSalary": "\u5DE5\u8D44",
+  "groupWorkTime": "\u5DE5\u4F5C\u65F6\u95F4",
+  "groupLunch": "\u5348\u4F11",
+  "salaryUnit": "\u5143 / \u6708",
   "workStartField": "\u4E0A\u73ED\u65F6\u95F4",
   "workEndField": "\u4E0B\u73ED\u65F6\u95F4",
   "lunchEnabledField": "\u542F\u7528\u5348\u4F11",
+  "lunchEnabledShort": "\u542F\u7528",
   "lunchStartField": "\u5348\u4F11\u5F00\u59CB",
   "lunchEndField": "\u5348\u4F11\u7ED3\u675F",
   "lunchPaidField": "\u5348\u4F11\u7B97\u5DE5\u65F6",
+  "lunchPaidShort": "\u7B97\u5DE5\u65F6",
   "holidaysCardTitle": "\u8282\u5047\u65E5\u5B89\u6392",
   "holidays2026Label": "2026 \u5E74\uFF08\u5B98\u65B9\uFF09",
   "holidays2027Label": "2027 \u5E74\uFF08\u9884\u4F30\uFF09",
@@ -607,6 +652,7 @@ var zh = {
   "saveFailed": "\u4FDD\u5B58\u5931\u8D25\uFF1A",
   "dayUnit": "\u5929",
   "hourUnit": "\u5C0F\u65F6",
+  "minuteUnit": "\u5206\u949F",
   "viewLabel": "\u67E5\u770B",
   "viewCurrent": "\u672C\u6708",
   "viewYear": "\u5168\u5E74\u5E73\u5747",
@@ -660,19 +706,33 @@ var en = {
   "paidHoursPerDay": "Paid hours / day",
   "todayTarget": "Today's target",
   "monthEarned": "Earned this month",
+  "monthWorkedDays": "Worked this month",
+  "monthRemainingDays": "Workdays left",
   "holidaySourceLink": "State Council 2026 holiday schedule",
   "configLoading": "Loading settings\u2026",
   "configFailed": "Failed to load settings, using defaults",
   "retry": "Retry",
   "settings": "Settings",
+  "decimalsLabel": "Decimals",
+  "decimalsUnit": "dp",
+  "turboLabel": "Turbo",
+  "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 (CNY)",
+  "salaryField": "Net monthly salary",
+  "groupSalary": "Salary",
+  "groupWorkTime": "Working hours",
+  "groupLunch": "Lunch break",
+  "salaryUnit": "CNY / month",
   "workStartField": "Work start",
   "workEndField": "Work end",
   "lunchEnabledField": "Enable lunch break",
+  "lunchEnabledShort": "On",
   "lunchStartField": "Lunch start",
   "lunchEndField": "Lunch end",
   "lunchPaidField": "Lunch is paid",
+  "lunchPaidShort": "Paid",
   "holidaysCardTitle": "Holiday calendar",
   "holidays2026Label": "2026 (official)",
   "holidays2027Label": "2027 (estimated)",
@@ -696,6 +756,7 @@ var en = {
   "saveFailed": "Save failed: ",
   "dayUnit": "d",
   "hourUnit": "h",
+  "minuteUnit": "min",
   "viewLabel": "View",
   "viewCurrent": "This month",
   "viewYear": "Year average",
@@ -735,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) {
@@ -747,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() {
@@ -783,18 +846,21 @@ function useRemoteConfig() {
   const refresh = import_react.default.useCallback(() => setTick((n) => n + 1), []);
   return { ...state, refresh };
 }
-function useSecondClock() {
+function useClock(updateMs) {
   const [now, setNow] = import_react.default.useState(() => /* @__PURE__ */ new Date());
   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);
+    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) {
@@ -870,10 +936,106 @@ function SectionTitle(props) {
     props.hint ? import_react.default.createElement("span", { key: "h", style: { fontSize: 10.5, color: C.label3, ...NUM } }, props.hint) : null
   ]);
 }
+var ROLL_BLOCKS = Array.from({ length: 11 }, (_, i) => String(i % 10));
+function RollingDigit(props) {
+  const heightEm = 1.22;
+  const widthEm = 0.62;
+  const pos = Number.isFinite(props.position) ? props.position : 0;
+  const wheel = (pos % 10 + 10) % 10;
+  return import_react.default.createElement("span", {
+    "aria-hidden": "true",
+    style: {
+      display: "inline-block",
+      position: "relative",
+      overflow: "hidden",
+      width: `${widthEm}em`,
+      height: `${heightEm}em`,
+      verticalAlign: "baseline"
+    }
+  }, [
+    import_react.default.createElement("span", {
+      key: "ghost",
+      style: { visibility: "hidden", display: "block", height: `${heightEm}em`, lineHeight: `${heightEm}em` }
+    }, "0"),
+    import_react.default.createElement("span", {
+      key: "strip",
+      style: {
+        position: "absolute",
+        left: 0,
+        top: 0,
+        display: "flex",
+        flexDirection: "column",
+        transform: `translateY(${-(wheel * heightEm)}em)`,
+        willChange: "transform"
+      }
+    }, ROLL_BLOCKS.map((value, i) => import_react.default.createElement("span", {
+      key: i,
+      style: { display: "block", height: `${heightEm}em`, lineHeight: `${heightEm}em` }
+    }, value)))
+  ]);
+}
+function RollingMoney(props) {
+  const decimals = Math.max(0, Math.min(6, Number.isInteger(props.decimals) ? props.decimals : 4));
+  const text = formatMoney(props.value, decimals);
+  const scale = 10 ** decimals;
+  const chars = text.split("");
+  const significances = new Array(chars.length).fill(-1);
+  let seen = 0;
+  for (let i = chars.length - 1; i >= 0; i -= 1) {
+    if (/[0-9]/.test(chars[i])) {
+      significances[i] = seen;
+      seen += 1;
+    }
+  }
+  return import_react.default.createElement("span", {
+    style: {
+      display: "inline-flex",
+      alignItems: "baseline",
+      letterSpacing: 0,
+      position: "relative",
+      // 等宽字体保证每个数字轮宽度稳定（不裁字、不抖动）
+      fontFamily: "ui-monospace, SFMono-Regular, Menlo, Consolas, monospace",
+      ...props.style || {}
+    }
+  }, [
+    import_react.default.createElement("span", {
+      key: "sr",
+      style: {
+        position: "absolute",
+        width: 1,
+        height: 1,
+        padding: 0,
+        margin: -1,
+        overflow: "hidden",
+        clip: "rect(0,0,0,0)",
+        whiteSpace: "nowrap",
+        border: 0
+      }
+    }, text),
+    import_react.default.createElement("span", {
+      key: "visual",
+      "aria-hidden": "true",
+      style: { display: "inline-flex", alignItems: "baseline" }
+    }, chars.map((char, i) => {
+      if (!/[0-9]/.test(char)) {
+        return import_react.default.createElement("span", {
+          key: `s${i}`,
+          style: { display: "inline-block", lineHeight: "1.22em" }
+        }, char);
+      }
+      const position = (Number(props.value) || 0) * scale / 10 ** significances[i];
+      return import_react.default.createElement(RollingDigit, { key: `d${i}`, position });
+    }))
+  ]);
+}
 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";
@@ -931,22 +1093,83 @@ function HeroCard(props) {
       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,
           ...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 }
-      }, "\u5143")
+      }, "\u5143"),
+      import_react.default.createElement("label", {
+        key: "dec",
+        title: t("decimalsLabel"),
+        style: {
+          marginLeft: "auto",
+          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: "chips",
@@ -1131,7 +1354,9 @@ function DetailsFooter(props) {
     { key: "workdays", label: t("workdaysThisMonth"), value: `${rates.monthlyWorkdays}${t("dayUnit")}` },
     { key: "hours", label: t("paidHoursPerDay"), value: `${trimNumber(rates.paidHours, 2)}${t("hourUnit")}` },
     { key: "target", label: t("todayTarget"), value: money(snap.todayTarget, 2) },
-    { key: "month", label: t("monthEarned"), value: money(snap.monthEarned, 2) }
+    { key: "month", label: t("monthEarned"), value: money(snap.monthEarned, 2) },
+    { key: "worked", label: t("monthWorkedDays"), value: `${snap.monthWorkdaysDone}${t("dayUnit")}` },
+    { key: "left", label: t("monthRemainingDays"), value: `${snap.monthWorkdaysLeft}${t("dayUnit")}` }
   ];
   return import_react.default.createElement("div", {
     style: {
@@ -1302,84 +1527,162 @@ function SettingsSection(props) {
   const setCheck = props.setCheck;
   const save = props.save;
   const onSave = props.onSave;
+  const rowStyle = {
+    display: "flex",
+    alignItems: "center",
+    gap: 10,
+    minHeight: 33,
+    padding: "2px 0",
+    borderTop: `1px solid ${C.border1}`
+  };
+  const rowKeyStyle = { width: 62, flex: "0 0 62px", fontSize: 11.5, color: C.label3 };
+  const rowValStyle = { display: "flex", alignItems: "center", gap: 4, flexWrap: "wrap", minWidth: 0 };
   const inputStyle = {
-    width: "100%",
     boxSizing: "border-box",
-    padding: "6px 9px",
-    borderRadius: 8,
+    width: 88,
+    minHeight: 28,
+    padding: "4px 8px",
+    borderRadius: 7,
     border: `1px solid ${C.border}`,
     background: C.layer2,
     color: C.label,
-    fontSize: 13,
+    fontSize: 12.5,
     fontVariantNumeric: "tabular-nums",
     outline: "none"
   };
-  const labelStyle = { fontSize: 10.5, color: C.label3, fontWeight: 500 };
-  const textField = (field, labelKey, placeholder) => import_react.default.createElement("label", {
-    key: field,
-    style: { display: "flex", flexDirection: "column", gap: 4, flex: "1 1 130px", minWidth: 112 }
+  const selectStyle = {
+    boxSizing: "border-box",
+    width: 48,
+    minHeight: 28,
+    padding: "4px 2px 4px 6px",
+    borderRadius: 7,
+    border: `1px solid ${C.border}`,
+    background: C.layer2,
+    color: C.label,
+    fontSize: 12.5,
+    fontVariantNumeric: "tabular-nums",
+    outline: "none",
+    cursor: "pointer"
+  };
+  const unitStyle = { fontSize: 10.5, color: C.label3, whiteSpace: "nowrap" };
+  const dashStyle = { fontSize: 11, color: C.label3, margin: "0 1px" };
+  const HOUR_OPTIONS = Array.from({ length: 24 }, (_, i) => String(i).padStart(2, "0"));
+  const MINUTE_OPTIONS = Array.from({ length: 60 }, (_, i) => String(i).padStart(2, "0"));
+  const row = (key, label, values) => import_react.default.createElement("div", { key, style: rowStyle }, [
+    import_react.default.createElement("span", { key: "k", style: rowKeyStyle }, label),
+    import_react.default.createElement("div", { key: "v", style: rowValStyle }, values)
+  ]);
+  const timeSelects = (field, label, disabled = false) => {
+    const [rawHour = "00", rawMinute = "00"] = String(form[field] || "00:00").split(":");
+    const hour = HOUR_OPTIONS.includes(rawHour) ? rawHour : "00";
+    const minute = MINUTE_OPTIONS.includes(rawMinute) ? rawMinute : "00";
+    const commit = (nextHour, nextMinute) => setField(field, `${nextHour}:${nextMinute}`);
+    const style = { ...selectStyle, opacity: disabled ? 0.45 : 1, cursor: disabled ? "default" : "pointer" };
+    return import_react.default.createElement("span", { key: field, style: { display: "inline-flex", alignItems: "center", gap: 2 } }, [
+      import_react.default.createElement("select", {
+        key: "h",
+        value: hour,
+        disabled,
+        "aria-label": `${label} ${t("hourUnit")}`,
+        onChange: (event) => commit(event.target.value, minute),
+        style
+      }, HOUR_OPTIONS.map((value) => import_react.default.createElement("option", { key: value, value }, value))),
+      import_react.default.createElement("span", { key: "c", style: { color: C.label3, fontWeight: 700, fontSize: 12 } }, ":"),
+      import_react.default.createElement("select", {
+        key: "m",
+        value: minute,
+        disabled,
+        "aria-label": `${label} ${t("minuteUnit")}`,
+        onChange: (event) => commit(hour, event.target.value),
+        style
+      }, MINUTE_OPTIONS.map((value) => import_react.default.createElement("option", { key: value, value }, value)))
+    ]);
+  };
+  const timeRange = (startField, endField, label, disabled) => import_react.default.createElement("span", {
+    key: `${startField}-${endField}`,
+    style: { display: "inline-flex", alignItems: "center", gap: 2 }
   }, [
-    import_react.default.createElement("span", { key: "l", style: labelStyle }, t(labelKey)),
-    import_react.default.createElement("input", {
-      key: "i",
-      type: "text",
-      value: form[field],
-      placeholder: placeholder || "HH:mm",
-      onChange: (event) => setField(field, event.target.value),
-      style: inputStyle
-    })
+    timeSelects(startField, label, disabled),
+    import_react.default.createElement("span", { key: "dash", style: dashStyle }, "\u2013"),
+    timeSelects(endField, label, disabled)
   ]);
-  const checkField = (field, labelKey) => import_react.default.createElement("label", {
+  const toggle = (field, labelKey, disabled) => import_react.default.createElement("label", {
     key: field,
     style: {
-      display: "flex",
+      display: "inline-flex",
       alignItems: "center",
-      gap: 6,
-      flex: "1 1 140px",
-      fontSize: 12,
-      color: C.label2,
-      cursor: "pointer",
-      minHeight: 30
+      gap: 5,
+      padding: "2px 6px",
+      borderRadius: 8,
+      border: `1px solid ${C.border1}`,
+      background: C.layer2,
+      fontSize: 10.5,
+      color: disabled ? C.label3 : C.label2,
+      whiteSpace: "nowrap",
+      cursor: disabled ? "default" : "pointer",
+      opacity: disabled ? 0.55 : 1
     }
   }, [
     import_react.default.createElement("input", {
       key: "i",
       type: "checkbox",
       checked: Boolean(form[field]),
-      onChange: (event) => setCheck(field, event.target.checked)
+      disabled,
+      onChange: (event) => setCheck(field, event.target.checked),
+      style: { accentColor: GOLD_TINT, width: 13, height: 13, margin: 0, cursor: "inherit" }
     }),
     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", {
-    style: { background: C.layer1, border: `1px solid ${C.border1}`, borderRadius: 12, padding: "11px 13px" }
+    open: true,
+    style: { background: C.layer1, border: `1px solid ${C.border1}`, borderRadius: 12, padding: "10px 12px" }
   }, [
     import_react.default.createElement("summary", {
       key: "sum",
-      style: { cursor: "pointer", fontSize: 13, fontWeight: 650, color: C.label, userSelect: "none" }
+      style: { cursor: "pointer", fontSize: 12.5, fontWeight: 650, color: C.label, userSelect: "none" }
     }, t("settings")),
-    import_react.default.createElement("div", {
-      key: "hint",
-      style: { fontSize: 10.5, color: C.label3, margin: "5px 0 10px" }
-    }, t("settingsHint")),
-    import_react.default.createElement("div", {
-      key: "dataNote",
-      style: { fontSize: 10.5, color: C.label3, margin: "-4px 0 10px", lineHeight: 1.55 }
-    }, t("settingsDataNote")),
-    import_react.default.createElement("div", {
-      key: "fields",
-      style: { display: "flex", flexWrap: "wrap", gap: 9 }
-    }, [
-      textField("monthlySalary", "salaryField", "10000"),
-      textField("workStart", "workStartField", "09:00"),
-      textField("workEnd", "workEndField", "18:00"),
-      textField("lunchStart", "lunchStartField", "12:00"),
-      textField("lunchEnd", "lunchEndField", "13:00"),
-      checkField("lunchEnabled", "lunchEnabledField"),
-      checkField("lunchPaid", "lunchPaidField")
+    import_react.default.createElement("div", { key: "body", style: { marginTop: 7 } }, [
+      row("salary", t("salaryField"), [
+        import_react.default.createElement("input", {
+          key: "i",
+          type: "text",
+          inputMode: "decimal",
+          value: form.monthlySalary,
+          placeholder: "10000",
+          onChange: (event) => setField("monthlySalary", event.target.value),
+          style: inputStyle
+        }),
+        import_react.default.createElement("span", { key: "u", style: unitStyle }, t("salaryUnit"))
+      ]),
+      row("worktime", t("groupWorkTime"), [
+        timeRange("workStart", "workEnd", t("groupWorkTime"), false)
+      ]),
+      row("lunch", t("groupLunch"), [
+        // 时间在前、两个开关在后（放到行尾）
+        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", {
       key: "actions",
-      style: { display: "flex", alignItems: "center", gap: 10, flexWrap: "wrap", marginTop: 11 }
+      style: { display: "flex", alignItems: "center", gap: 10, marginTop: 7, paddingTop: 7, borderTop: `1px solid ${C.border1}` }
     }, [
       import_react.default.createElement("button", {
         key: "save",
@@ -1387,25 +1690,24 @@ function SettingsSection(props) {
         onClick: onSave,
         disabled: save.status === "saving",
         style: {
-          // 金色按钮：与主卡金额、节假日强调同一套金色系；深棕字保证任何主题下都有对比度
           border: `1px solid color-mix(in srgb, ${GOLD_TINT} 72%, rgba(0,0,0,.18))`,
           color: "#3A2A05",
           background: save.status === "saving" ? `color-mix(in srgb, ${GOLD_TINT} 52%, #fff)` : "linear-gradient(180deg, #F8DC86 0%, #EFC258 52%, #D99D2C 100%)",
           borderRadius: 8,
-          padding: "7px 20px",
-          fontSize: 13,
+          padding: "5px 16px",
+          fontSize: 12.5,
           fontWeight: 700,
           letterSpacing: ".3px",
           cursor: save.status === "saving" ? "default" : "pointer",
           opacity: save.status === "saving" ? 0.72 : 1,
-          boxShadow: `0 2px 10px color-mix(in srgb, ${GOLD_TINT} 36%, transparent), inset 0 1px 0 rgba(255,255,255,.45)`,
+          boxShadow: `0 2px 9px color-mix(in srgb, ${GOLD_TINT} 34%, transparent), inset 0 1px 0 rgba(255,255,255,.45)`,
           textShadow: "0 1px 0 rgba(255,255,255,.28)"
         }
       }, save.status === "saving" ? t("saving") : t("save")),
-      save.status === "ok" ? import_react.default.createElement("span", { key: "ok", style: { fontSize: 12, color: C.ok } }, save.message || t("saved")) : null,
+      save.status === "ok" ? import_react.default.createElement("span", { key: "ok", style: { fontSize: 11.5, color: C.ok } }, save.message || t("saved")) : null,
       save.status === "error" ? import_react.default.createElement("span", {
         key: "err",
-        style: { fontSize: 12, color: C.error, flex: "1 1 220px", whiteSpace: "pre-wrap" }
+        style: { fontSize: 11.5, color: C.error, flex: "1 1 200px", whiteSpace: "pre-wrap" }
       }, `${t("saveFailed")}${save.errors.join("\uFF1B")}`) : null
     ])
   ]);
@@ -1413,7 +1715,6 @@ function SettingsSection(props) {
 function NiumaPanel(props) {
   const t = props && typeof props.t === "function" ? props.t : fallbackTranslate;
   const remote = useRemoteConfig();
-  const now = useSecondClock();
   const cfg = import_react.default.useMemo(() => {
     const raw = remote.data && remote.data.config ? remote.data.config : null;
     if (!raw) return DEFAULTS;
@@ -1424,6 +1725,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]);
@@ -1513,6 +1816,28 @@ 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 banner = remote.status === "failed" ? {
     color: C.warn,
@@ -1615,7 +1940,7 @@ function NiumaPanel(props) {
           }
         }, t("retry")) : null
       ]) : null,
-      import_react.default.createElement(HeroCard, { key: "hero", t, snap }),
+      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",