dsh-worktodo 0.1.3 → 0.2.0

package/lib/client.js

@@ -36,6 +36,139 @@ __export(index_exports, {
 });
 module.exports = __toCommonJS(index_exports);
 var import_react = __toESM(require("react"), 1);
+
+// src/parse-due.mjs
+var DAY_MS = 24 * 60 * 60 * 1e3;
+function dayKey(stamp) {
+  const d = new Date(stamp);
+  const pad = (n) => String(n).padStart(2, "0");
+  return `${d.getFullYear()}-${pad(d.getMonth() + 1)}-${pad(d.getDate())}`;
+}
+function weekStartKey(stamp) {
+  const d = new Date(stamp);
+  const day = (d.getDay() + 6) % 7;
+  const monday = new Date(d.getFullYear(), d.getMonth(), d.getDate() - day);
+  return dayKey(monday.getTime());
+}
+var CN_NUM = { \u96F6: 0, \u4E00: 1, \u4E24: 2, \u4E8C: 2, \u4E09: 3, \u56DB: 4, \u4E94: 5, \u516D: 6, \u4E03: 7, \u516B: 8, \u4E5D: 9, \u5341: 10 };
+var WEEKDAY = { \u4E00: 1, \u4E8C: 2, \u4E09: 3, \u56DB: 4, \u4E94: 5, \u516D: 6, \u65E5: 7, \u5929: 7 };
+var PERIOD_HOUR = { \u4ECA\u65E9: 9, \u65E9\u4E0A: 9, \u65E9\u6668: 9, \u4E0A\u5348: 9, \u4E2D\u5348: 12, \u4E0B\u5348: 15, \u508D\u665A: 18, \u4ECA\u665A: 20, \u660E\u665A: 20, \u665A\u4E0A: 20, \u665A: 20, \u591C\u91CC: 21 };
+var toCnNumber = (raw) => {
+  if (/^\d+$/.test(raw)) return Number(raw);
+  if (raw === "\u5341") return 10;
+  if (raw.startsWith("\u5341")) return 10 + (CN_NUM[raw[1]] ?? 0);
+  if (raw.includes("\u5341")) {
+    const [a, b] = raw.split("\u5341");
+    return (CN_NUM[a] ?? 1) * 10 + (CN_NUM[b] ?? 0);
+  }
+  return CN_NUM[raw] ?? null;
+};
+function parseNaturalDue(text, now = Date.now()) {
+  const source = typeof text === "string" ? text : "";
+  const spans = [];
+  let due = null;
+  let dueTime = null;
+  let hourFromPeriod = null;
+  const today = dayKey(now);
+  const todayStart = (/* @__PURE__ */ new Date(`${today}T00:00:00`)).getTime();
+  let m = /(\d{4})[-/年](\d{1,2})[-/月](\d{1,2})日?/.exec(source);
+  if (m) {
+    due = dayKey(new Date(Number(m[1]), Number(m[2]) - 1, Number(m[3])).getTime());
+    spans.push({ start: m.index, end: m.index + m[0].length, kind: "date" });
+  } else {
+    m = /(\d{1,2})月(\d{1,2})日?/.exec(source);
+    if (m) {
+      let year = new Date(now).getFullYear();
+      let candidate = dayKey(new Date(year, Number(m[1]) - 1, Number(m[2])).getTime());
+      if (candidate < today) candidate = dayKey(new Date(year + 1, Number(m[1]) - 1, Number(m[2])).getTime());
+      due = candidate;
+      spans.push({ start: m.index, end: m.index + m[0].length, kind: "date" });
+    }
+  }
+  const weekRe = /(下下|下个|下|本|这)?(?:周|星期|礼拜)([一二三四五六日天1-7])/g;
+  for (let w = weekRe.exec(source); w; w = weekRe.exec(source)) {
+    const offsetWeeks = w[1] === "\u4E0B" || w[1] === "\u4E0B\u4E2A" ? 1 : w[1] === "\u4E0B\u4E0B" ? 2 : 0;
+    const target = WEEKDAY[w[2]] ?? Number(w[2]);
+    const thisWeekStart = (/* @__PURE__ */ new Date(`${weekStartKey(now)}T00:00:00`)).getTime();
+    let stamp = thisWeekStart + (target - 1) * DAY_MS + offsetWeeks * 7 * DAY_MS;
+    if (offsetWeeks === 0 && stamp < todayStart) stamp += 7 * DAY_MS;
+    const candidate = dayKey(stamp);
+    if (due === null || spans.some((s) => s.kind === "date" && s.weekday)) {
+      spans.filter((s) => s.weekday).forEach((s) => {
+        s.dropped = true;
+      });
+    }
+    due = candidate;
+    spans.push({ start: w.index, end: w.index + w[0].length, kind: "date", weekday: true });
+  }
+  if (due === null) {
+    const relWords = { \u4ECA\u5929: 0, \u4ECA\u65E5: 0, \u660E\u5929: 1, \u660E\u65E5: 1, \u540E\u5929: 2, \u5927\u540E\u5929: 3, \u6628\u5929: -1, \u6628: -1 };
+    for (const [word, offset] of Object.entries(relWords)) {
+      const at = source.indexOf(word);
+      if (at !== -1) {
+        due = dayKey(now + offset * DAY_MS);
+        spans.push({ start: at, end: at + word.length, kind: "date" });
+        break;
+      }
+    }
+  }
+  if (due === null) {
+    const plus = /\+(\d{1,3})\s*d(?:ay)?s?/.exec(source);
+    const cn = /([0-9零一两二三四五六七八九十]+)\s*天\s*(?:后|以后|之后)/.exec(source);
+    if (plus) {
+      due = dayKey(now + Number(plus[1]) * DAY_MS);
+      spans.push({ start: plus.index, end: plus.index + plus[0].length, kind: "date" });
+    } else if (cn) {
+      const n = toCnNumber(cn[1]);
+      if (n !== null) {
+        due = dayKey(now + n * DAY_MS);
+        spans.push({ start: cn.index, end: cn.index + cn[0].length, kind: "date" });
+      }
+    }
+  }
+  const periodRe = /(今晚|明晚|明早|早上|早晨|上午|中午|下午|傍晚|晚上|夜里)/;
+  const period = periodRe.exec(source);
+  if (period) {
+    hourFromPeriod = PERIOD_HOUR[period[1]] ?? null;
+    if (due === null) {
+      if (period[1] === "\u4ECA\u665A" || period[1] === "\u660E\u665A") due = dayKey(now + (period[1] === "\u660E\u665A" ? 1 : 0) * DAY_MS);
+      if (period[1] === "\u660E\u65E9") due = dayKey(now + DAY_MS);
+    }
+    spans.push({ start: period.index, end: period.index + period[1].length, kind: "time" });
+  }
+  const hm = /(\d{1,2})[:：](\d{2})/.exec(source);
+  const cnHour = /([0-9零一两二三四五六七八九十]+)\s*[点时](半|[0-9零一两二三四五六七八九十]{1,3}分)?/.exec(source);
+  if (hm) {
+    const h = Number(hm[1]);
+    if (h <= 23 && Number(hm[2]) <= 59) dueTime = `${String(h).padStart(2, "0")}:${hm[2]}`;
+    spans.push({ start: hm.index, end: hm.index + hm[0].length, kind: "time" });
+  } else if (cnHour) {
+    let h = toCnNumber(cnHour[1]);
+    if (h !== null && h <= 23) {
+      if (h <= 12 && hourFromPeriod !== null && hourFromPeriod >= 12) h = h === 12 ? 12 : h + 12;
+      const minute = cnHour[2] === "\u534A" ? 30 : cnHour[2] ? toCnNumber(cnHour[2].replace("\u5206", "")) ?? 0 : 0;
+      if (minute <= 59) dueTime = `${String(h).padStart(2, "0")}:${String(minute).padStart(2, "0")}`;
+      spans.push({ start: cnHour.index, end: cnHour.index + cnHour[0].length, kind: "time" });
+    }
+  } else if (hourFromPeriod !== null) {
+    dueTime = `${String(hourFromPeriod).padStart(2, "0")}:00`;
+  }
+  if (dueTime && !due) due = today;
+  const kept = spans.filter((s) => !s.dropped).sort((a, b) => a.start - b.start);
+  let title = source;
+  for (const span of [...kept].reverse()) {
+    title = title.slice(0, span.start) + " " + title.slice(span.end);
+  }
+  title = title.replace(/\s+/g, " ").trim();
+  return {
+    title: title || source.trim(),
+    due,
+    dueTime,
+    matched: kept.map((s) => source.slice(s.start, s.end))
+  };
+}
+
+// src/client/index.js
 var PKG_NAME = true ? "dsh-worktodo" : "dsh-worktodo";
 var DERIVED_NAME = PKG_NAME.replace(/^dsh-/, "");
 var SHORT_NAME = DERIVED_NAME === "worktodo" ? DERIVED_NAME : "worktodo";
@@ -79,6 +212,18 @@ var zh = {
   "sortPriority": "\u4F18\u5148\u7EA7",
   "sortCreated": "\u521B\u5EFA\u65F6\u95F4",
   "dragHint": "\u62D6\u52A8\u8C03\u6574\u987A\u5E8F\uFF08\u4F1A\u81EA\u52A8\u5207\u5230\u624B\u52A8\u6392\u5E8F\uFF09",
+  "versionLabel": "\u7248\u672C",
+  "versionHint": "\u5F53\u524D\u5B89\u88C5\u7684 dsh-worktodo \u7248\u672C",
+  "updateAvailable": "\u6709\u65B0\u7248\u672C",
+  "updateHint": "\u66F4\u65B0\u547D\u4EE4\uFF08\u91CD\u542F DSH \u751F\u6548\uFF09",
+  "addOpen": "\u65B0\u589E\u5F85\u529E",
+  "addCancel": "\u53D6\u6D88",
+  "prioNone": "\u65E0",
+  "dateUnset": "\u65E5\u671F \xB7 \u672A\u8BBE",
+  "timeUnset": "\u65F6\u95F4 \xB7 \u672A\u8BBE",
+  "todayWord": "\u4ECA\u5929",
+  "fromParsed": "\u8BC6\u522B",
+  "dueTimeLabel": "\u65F6\u95F4",
   "expand": "\u5C55\u5F00",
   "collapse": "\u6536\u8D77",
   "empty": "\u8FD8\u6CA1\u6709\u5F85\u529E",
@@ -145,6 +290,18 @@ var en = {
   "sortPriority": "Priority",
   "sortCreated": "Created",
   "dragHint": "Drag to reorder (switches to manual sort)",
+  "versionLabel": "Version",
+  "versionHint": "Installed dsh-worktodo version",
+  "updateAvailable": "Update available",
+  "updateHint": "Update command (restart DSH to apply)",
+  "addOpen": "New todo",
+  "addCancel": "Cancel",
+  "prioNone": "None",
+  "dateUnset": "Date \xB7 unset",
+  "timeUnset": "Time \xB7 unset",
+  "todayWord": "Today",
+  "fromParsed": "parsed",
+  "dueTimeLabel": "Time",
   "expand": "Expand",
   "collapse": "Collapse",
   "empty": "No to-dos yet",
@@ -175,6 +332,11 @@ var en = {
   "titleEmpty": "Type something first",
   "untitled": "(untitled)"
 };
+function dayKey2(stamp) {
+  const d = new Date(stamp);
+  const pad = (n) => String(n).padStart(2, "0");
+  return `${d.getFullYear()}-${pad(d.getMonth() + 1)}-${pad(d.getDate())}`;
+}
 var C = {
   label: "var(--dsw-alias-label-primary)",
   label2: "var(--dsw-alias-label-secondary)",
@@ -254,6 +416,20 @@ var STYLE_TEXT = `
 .wt-seg-btn:hover { color: ${C.label}; }
 .wt-row[draggable="true"] { cursor: grab; }
 .wt-row[draggable="true"]:active { cursor: grabbing; }
+.wt-plus {
+  width: 100%; display: flex; align-items: center; justify-content: center; gap: 8px;
+  padding: 12px 14px; margin-bottom: 10px; cursor: pointer; font: inherit; font-size: 13.5px; font-weight: 600;
+  color: ${C.label2}; background: ${C.layer1};
+  border: 1px dashed ${C.border}; border-radius: 12px;
+}
+.wt-plus:hover { color: ${C.label}; border-color: ${C.brand}; background: ${tint(C.brand, 8)}; }
+.wt-plus-mark { font-size: 24px; line-height: 1; font-weight: 400; color: ${C.brand}; }
+.wt-flag-btn {
+  appearance: none; display: inline-flex; align-items: center; gap: 5px; cursor: pointer;
+  font: inherit; font-size: 11.5px; padding: 5px 9px; border-radius: 9px;
+  background: transparent; border: 1px solid ${C.border}; color: ${C.label2};
+}
+.wt-flag-btn.is-on { border-color: currentColor; background: color-mix(in srgb, currentColor 12%, transparent); color: inherit; }
 .wt-group-head {
   display: flex; align-items: center; gap: 7px; padding: 3px 8px; border-radius: 8px;
   cursor: pointer; user-select: none; color: ${C.label2};
@@ -418,72 +594,250 @@ function useList(sort) {
   const refresh = import_react.default.useCallback(() => setTick((n) => n + 1), []);
   return { ...state, refresh };
 }
+function IconFlag({ filled, dashed }) {
+  return import_react.default.createElement("svg", { width: 13, height: 13, viewBox: "0 0 16 16", "aria-hidden": "true" }, [
+    import_react.default.createElement("path", {
+      key: "pole",
+      d: "M3.6 1.6v13",
+      stroke: "currentColor",
+      strokeWidth: 1.6,
+      strokeLinecap: "round",
+      fill: "none",
+      strokeDasharray: dashed ? "1.5 1.5" : void 0
+    }),
+    import_react.default.createElement("path", {
+      key: "cloth",
+      d: "M5.2 2.4h7.4L11 5.2l1.6 2.8H5.2z",
+      fill: filled ? "currentColor" : "none",
+      stroke: "currentColor",
+      strokeWidth: 1.3,
+      strokeLinejoin: "round",
+      strokeDasharray: dashed ? "1.5 1.5" : void 0
+    })
+  ]);
+}
+var IconCal = () => import_react.default.createElement("svg", { width: 13, height: 13, viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", strokeWidth: 1.4, "aria-hidden": "true" }, [
+  import_react.default.createElement("rect", { key: "r", x: 2.2, y: 3.4, width: 11.6, height: 10.4, rx: 2 }),
+  import_react.default.createElement("path", { key: "p", d: "M2.2 6.6h11.6M5.4 2.2v2.4M10.6 2.2v2.4" })
+]);
+var IconClock = () => import_react.default.createElement("svg", { width: 13, height: 13, viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", strokeWidth: 1.4, "aria-hidden": "true" }, [
+  import_react.default.createElement("circle", { key: "c", cx: 8, cy: 8, r: 5.8 }),
+  import_react.default.createElement("path", { key: "p", d: "M8 4.9V8l2.2 1.4" })
+]);
 function QuickAdd({ t, onAdd, busy }) {
   const [title, setTitle] = import_react.default.useState("");
   const [due, setDue] = import_react.default.useState("");
-  const [priority, setPriority] = import_react.default.useState("normal");
+  const [dueTime, setDueTime] = import_react.default.useState("");
+  const [priority, setPriority] = import_react.default.useState("none");
+  const [parsed, setParsed] = import_react.default.useState(null);
+  const [manual, setManual] = import_react.default.useState(false);
+  const [flagOpen, setFlagOpen] = import_react.default.useState(false);
+  const dateRef = import_react.default.useRef(null);
+  const timeRef = import_react.default.useRef(null);
+  const openPicker = (ref) => {
+    const el = ref.current;
+    if (!el) return;
+    if (typeof el.showPicker === "function") {
+      try {
+        el.showPicker();
+        return;
+      } catch {
+      }
+    }
+    el.focus();
+    try {
+      el.click();
+    } catch {
+    }
+  };
+  import_react.default.useEffect(() => {
+    if (manual) return void 0;
+    const text = title;
+    if (!text || !text.trim()) {
+      setParsed(null);
+      return void 0;
+    }
+    const timer = setTimeout(() => {
+      const result = parseNaturalDue(text, Date.now());
+      if (result.matched.length) {
+        setParsed(result);
+        setDue(result.due ?? "");
+        setDueTime(result.dueTime ?? "");
+      } else {
+        setParsed(null);
+      }
+    }, 300);
+    return () => clearTimeout(timer);
+  }, [title, manual]);
   const submit = () => {
     if (busy) return;
-    Promise.resolve(onAdd({ title, due, priority })).then((ok) => {
-      if (ok !== false) setTitle("");
+    let payloadTitle = title;
+    if (!manual) {
+      const result = parseNaturalDue(title, Date.now());
+      if (result.matched.length) payloadTitle = result.title;
+    }
+    Promise.resolve(onAdd({
+      title: payloadTitle,
+      due: due || null,
+      dueTime: dueTime || null,
+      priority
+    })).then((ok) => {
+      if (ok !== false) {
+        setTitle("");
+        setParsed(null);
+        setManual(false);
+        setFlagOpen(false);
+      }
     }).catch(() => {
     });
   };
-  return import_react.default.createElement("div", {
-    style: { display: "flex", alignItems: "center", gap: 6, flexWrap: "wrap", marginBottom: 10 }
-  }, [
-    import_react.default.createElement("input", {
-      key: "ti",
-      className: "wt-input",
-      style: { flex: "1 1 200px", fontSize: 12.5, padding: "5px 9px" },
-      value: title,
-      placeholder: t("addPlaceholder"),
-      "aria-label": t("addPlaceholder"),
-      onChange: (event) => setTitle(event.target.value),
-      onKeyDown: (event) => {
-        if (event.key === "Enter") submit();
-      }
-    }),
-    import_react.default.createElement("label", {
-      key: "due",
-      title: t("dueLabel"),
-      style: { display: "inline-flex", alignItems: "center", gap: 4, fontSize: 11, color: C.label3 }
-    }, [
-      t("dueLabel"),
+  const today = dayKey2(Date.now());
+  const dateLabel = due ? due === today ? t("todayWord") : `${due.slice(5).replace("-", "-")}` : t("dateUnset");
+  const timeLabel = dueTime || t("timeUnset");
+  const prioLabel = priority === "high" ? t("prioHigh") : priority === "normal" ? t("prioNormal") : priority === "low" ? t("prioLow") : t("prioNone");
+  const prioColor = priority === "high" ? C.error : priority === "normal" ? C.warn : C.label3;
+  const flags = [
+    { value: "none", label: t("prioNone"), color: C.label3, dashed: true },
+    { value: "high", label: t("prioHigh"), color: C.error },
+    { value: "normal", label: t("prioNormal"), color: C.warn },
+    { value: "low", label: t("prioLow"), color: C.label3 }
+  ];
+  const setDate = (value) => {
+    setManual(true);
+    setDue(value);
+    if (!value) setDueTime("");
+    setFlagOpen(false);
+  };
+  const setTime = (value) => {
+    setManual(true);
+    if (value && !due) setDue(dayKey2(Date.now()));
+    setDueTime(value);
+  };
+  return import_react.default.createElement("div", { key: "qa", style: { marginBottom: 12 } }, [
+    // ---- 第一行：内容 + 添加 ----
+    import_react.default.createElement("div", { key: "l1", style: { display: "flex", alignItems: "center", gap: 8 } }, [
       import_react.default.createElement("input", {
-        key: "i",
+        key: "ti",
         className: "wt-input",
-        type: "date",
-        value: due,
-        "aria-label": t("dueLabel"),
-        onChange: (event) => setDue(event.target.value)
-      })
+        style: { flex: "1 1 auto", fontSize: 13, padding: "7px 10px" },
+        value: title,
+        placeholder: t("addPlaceholder"),
+        "aria-label": t("addPlaceholder"),
+        onChange: (event) => {
+          const next = event.target.value;
+          setTitle(next);
+          if (!next.trim()) {
+            setManual(false);
+            setParsed(null);
+          }
+        },
+        onKeyDown: (event) => {
+          if (event.key === "Enter") submit();
+        }
+      }),
+      import_react.default.createElement("button", {
+        key: "add",
+        type: "button",
+        className: "wt-btn wt-btn-primary",
+        disabled: Boolean(busy),
+        onClick: submit
+      }, t("add"))
     ]),
-    import_react.default.createElement("label", {
-      key: "prio",
-      title: t("priorityLabel"),
-      style: { display: "inline-flex", alignItems: "center", gap: 4, fontSize: 11, color: C.label3 }
-    }, [
-      t("priorityLabel"),
-      import_react.default.createElement("select", {
-        key: "s",
-        className: "wt-input",
-        value: priority,
-        "aria-label": t("priorityLabel"),
-        onChange: (event) => setPriority(event.target.value)
+    // ---- 第二行（更小）：日期 / 时间 / 优先级 ----
+    import_react.default.createElement("div", { key: "l2", style: { display: "flex", alignItems: "center", gap: 10, marginTop: 8, fontSize: 11.5, flexWrap: "wrap" } }, [
+      // 日期：label 里套一个透明的原生 date 输入，点它即弹系统日历
+      import_react.default.createElement("label", {
+        key: "due",
+        className: `wt-chip${parsed && parsed.due ? " is-parsed" : ""}`,
+        title: t("dueLabel"),
+        onClick: (event) => {
+          event.preventDefault();
+          openPicker(dateRef);
+        },
+        style: { position: "relative", cursor: "pointer", color: due ? C.label : C.label3, borderColor: parsed && parsed.due ? C.brand : void 0 }
       }, [
-        import_react.default.createElement("option", { key: "high", value: "high" }, t("prioHigh")),
-        import_react.default.createElement("option", { key: "normal", value: "normal" }, t("prioNormal")),
-        import_react.default.createElement("option", { key: "low", value: "low" }, t("prioLow"))
+        import_react.default.createElement(IconCal, { key: "i" }),
+        import_react.default.createElement("span", { key: "v" }, due ? `${today === due ? t("todayWord") : due}${parsed && parsed.due ? ` \xB7 ${t("fromParsed")}` : ""}` : t("dateUnset")),
+        import_react.default.createElement("input", {
+          key: "in",
+          ref: dateRef,
+          type: "date",
+          value: due,
+          "aria-label": t("dueLabel"),
+          style: { position: "absolute", inset: 0, opacity: 0, border: 0, padding: 0, width: "100%", height: "100%", cursor: "pointer" },
+          onChange: (event) => setDate(event.target.value)
+        })
+      ]),
+      // 时间：同样用原生 time 输入；只选时间时自动补今天
+      import_react.default.createElement("label", {
+        key: "time",
+        className: `wt-chip${parsed && parsed.dueTime ? " is-parsed" : ""}`,
+        title: t("dueTimeLabel"),
+        onClick: (event) => {
+          event.preventDefault();
+          openPicker(timeRef);
+        },
+        style: { position: "relative", cursor: "pointer", color: dueTime ? C.label : C.label3, borderColor: parsed && parsed.dueTime ? C.brand : void 0 }
+      }, [
+        import_react.default.createElement(IconClock, { key: "i" }),
+        import_react.default.createElement("span", { key: "v" }, `${timeLabel}${parsed && parsed.dueTime ? ` \xB7 ${t("fromParsed")}` : ""}`),
+        import_react.default.createElement("input", {
+          key: "in",
+          ref: timeRef,
+          type: "time",
+          value: dueTime,
+          lang: "zh-CN",
+          "aria-label": t("dueTimeLabel"),
+          style: { position: "absolute", inset: 0, opacity: 0, border: 0, padding: 0, width: "100%", height: "100%", cursor: "pointer" },
+          onChange: (event) => setTime(event.target.value)
+        })
+      ]),
+      // 优先级：点开四个小旗
+      import_react.default.createElement("span", { key: "prio", style: { position: "relative" } }, [
+        import_react.default.createElement("button", {
+          key: "btn",
+          type: "button",
+          className: "wt-chip",
+          style: { color: prioColor, cursor: "pointer", font: "inherit", fontSize: 11.5 },
+          title: t("priorityLabel"),
+          "aria-expanded": flagOpen,
+          onClick: () => setFlagOpen((open) => !open)
+        }, [
+          import_react.default.createElement(IconFlag, { key: "f", dashed: priority === "none", filled: priority !== "none" }),
+          import_react.default.createElement("span", { key: "v" }, `${t("priorityLabel")} \xB7 ${prioLabel}`)
+        ]),
+        flagOpen ? import_react.default.createElement("div", {
+          key: "pop",
+          style: {
+            position: "absolute",
+            top: "100%",
+            left: 0,
+            zIndex: 5,
+            marginTop: 4,
+            padding: 6,
+            display: "flex",
+            gap: 4,
+            background: C.layer1,
+            border: `1px solid ${C.border}`,
+            borderRadius: 10,
+            boxShadow: "0 8px 24px rgba(0,0,0,.12)"
+          }
+        }, flags.map((flag) => import_react.default.createElement("button", {
+          key: flag.value,
+          type: "button",
+          className: "wt-chip",
+          style: { color: flag.color, font: "inherit", fontSize: 11.5, cursor: "pointer", borderColor: priority === flag.value ? flag.color : void 0 },
+          title: flag.label,
+          onClick: () => {
+            setPriority(flag.value);
+            setFlagOpen(false);
+          }
+        }, [
+          import_react.default.createElement(IconFlag, { key: "f", filled: priority === flag.value, dashed: flag.value === "none" }),
+          import_react.default.createElement("span", { key: "v" }, flag.label)
+        ]))) : null
       ])
-    ]),
-    import_react.default.createElement("button", {
-      key: "add",
-      type: "button",
-      className: "wt-btn wt-btn-primary",
-      disabled: Boolean(busy),
-      onClick: submit
-    }, t("add"))
+    ])
   ]);
 }
 function TodoRow({ todo, today, t, onToggle, onRemove, onSave, drag }) {
@@ -506,6 +860,7 @@ function TodoRow({ todo, today, t, onToggle, onRemove, onSave, drag }) {
       due,
       priority: row.priority === "high" || row.priority === "low" ? row.priority : "normal",
       project: typeof row.project === "string" ? row.project : "",
+      dueTime: typeof row.dueTime === "string" ? row.dueTime : "",
       notes: typeof row.notes === "string" ? row.notes : ""
     });
     setNotesOpen(Boolean(row.notes));
@@ -521,7 +876,12 @@ function TodoRow({ todo, today, t, onToggle, onRemove, onSave, drag }) {
     const title = String(draft.title ?? "").trim();
     if (title !== (row.title ?? "")) patch.title = title;
     const nextDue = draft.due || "";
-    if (nextDue !== due) patch.due = nextDue;
+    if (nextDue !== due) {
+      patch.due = nextDue;
+      if (!nextDue) patch.dueTime = "none";
+    }
+    const nextDueTime = String(draft.dueTime ?? "").trim();
+    if (nextDue && nextDueTime !== (row.dueTime ?? "")) patch.dueTime = nextDueTime === "" ? "none" : nextDueTime;
     const priority = draft.priority || "normal";
     if (priority !== (row.priority ?? "normal")) patch.priority = priority;
     const project = String(draft.project ?? "").trim();
@@ -580,6 +940,15 @@ function TodoRow({ todo, today, t, onToggle, onRemove, onSave, drag }) {
           "aria-label": t("dueLabel"),
           onChange: (event) => setDraft((prev) => ({ ...prev, due: event.target.value }))
         })),
+        field("tm", t("dueTimeLabel"), import_react.default.createElement("input", {
+          className: "wt-input",
+          style: inputStyle,
+          type: "time",
+          value: draft.dueTime,
+          disabled: !draft.due,
+          "aria-label": t("dueTimeLabel"),
+          onChange: (event) => setDraft((prev) => ({ ...prev, dueTime: event.target.value }))
+        })),
         field("prio", t("priorityLabel"), import_react.default.createElement("select", {
           className: "wt-input",
           style: inputStyle,
@@ -678,7 +1047,17 @@ function TodoRow({ todo, today, t, onToggle, onRemove, onSave, drag }) {
     title: drag.hint,
     style: drag.dragging ? { opacity: 0.45 } : void 0
   } : {};
-  return import_react.default.createElement("div", { className: "wt-row", ...dragAttrs }, [
+  return import_react.default.createElement("div", { className: "wt-row", ...dragAttrs, style: row.priority === "high" ? { borderLeft: `2px solid ${C.error}`, paddingLeft: 8 } : void 0 }, [
+    /* 优先级呈现（设计稿 v5）：高＝红色左缘 + 实心红旗；中＝琥珀；低＝灰；无＝什么都不显示 */
+    row.priority && row.priority !== "none" ? import_react.default.createElement("span", {
+      key: "prio-flag",
+      title: row.priority === "high" ? t("prioHigh") : row.priority === "normal" ? t("prioNormal") : t("prioLow"),
+      style: {
+        display: "inline-flex",
+        flex: "0 0 auto",
+        color: row.priority === "high" ? C.error : row.priority === "normal" ? C.warn : C.label3
+      }
+    }, import_react.default.createElement(IconFlag, { filled: row.priority === "high" })) : null,
     import_react.default.createElement("button", {
       key: "check",
       type: "button",
@@ -922,6 +1301,8 @@ function WorkTodoPanel(props) {
   const stats = data?.stats ?? {};
   const today = typeof data?.today === "string" && data.today ? data.today : localToday();
   const store = data?.store ?? null;
+  const version = typeof data?.version === "string" ? data.version : "";
+  const update = data?.update ?? null;
   const num = (value) => Number.isFinite(Number(value)) ? Number(value) : 0;
   const overdueCount = num(stats.overdue);
   const projectGroups = asArray(data?.projectGroups);
@@ -1084,11 +1465,30 @@ function WorkTodoPanel(props) {
     import_react.default.createElement("div", {
       key: "foot",
       style: { marginTop: 14, paddingTop: 8, borderTop: `1px solid ${C.border1}`, fontSize: 10.5, color: C.label3, lineHeight: 1.7 }
-    }, store && store.location ? import_react.default.createElement("div", {
-      key: "store",
-      title: `${t("storeAt")}\uFF1A${store.location}`,
-      style: { wordBreak: "break-all" }
-    }, `${t("storeAt")} \xB7 ${store.kind === "domain" ? t("storeDomain") : t("storeFile")} \xB7 ${store.location}`) : null)
+    }, [
+      /* 角落信息：装了哪一版 + 有没有新版（一眼可见，不占主区） */
+      import_react.default.createElement("div", {
+        key: "ver",
+        style: { display: "flex", alignItems: "center", gap: 6, flexWrap: "wrap", marginBottom: 2 }
+      }, [
+        import_react.default.createElement("span", {
+          key: "v",
+          title: t("versionHint"),
+          style: { color: C.label3 }
+        }, `${t("versionLabel")} ${version ? `v${version}` : "\u2014"}`),
+        update?.hasUpdate ? import_react.default.createElement("span", {
+          key: "u",
+          className: "wt-chip",
+          style: { fontSize: 10, color: C.ok, borderColor: tint(C.ok, 50), background: tint(C.ok, 12) },
+          title: `${t("updateHint")}\uFF1Adsh plugin --profile desktop add dsh-worktodo@${update.latest}`
+        }, `${t("updateAvailable")} v${update.latest}`) : null
+      ]),
+      store && store.location ? import_react.default.createElement("div", {
+        key: "store",
+        title: `${t("storeAt")}\uFF1A${store.location}`,
+        style: { wordBreak: "break-all" }
+      }, `${t("storeAt")} \xB7 ${store.kind === "domain" ? t("storeDomain") : t("storeFile")} \xB7 ${store.location}`) : null
+    ])
   ]);
 }
 var inject = ["slots", "locale"];