dsh-worktodo 0.1.3 → 0.2.0

package/lib/index.js

@@ -123,6 +123,27 @@ function readJsonBody(request) {
  * order 取 3050：官方 SECTION_ORDERS 里内置工具段是 1000–3000、MCP_SERVERS 是 3100，
  * 插在两者之间读起来就是「插件工具的使用说明」。
  */
+/**
+ * 版本与更新提示。
+ *
+ * 只查 npm registry 的 dist-tags.latest（不下载、不安装），结果缓存 6 小时，失败静默——
+ * 面板角落显示「当前版本」与「有新版本 vX.Y.Z」，绝不让网络问题影响面板。
+ * 测试里设 WORKTODO_NO_UPDATE_CHECK=1 可完全关掉（单元测试不该打网络）。
+ */
+const UPDATE_CHECK_OFF = process.env.WORKTODO_NO_UPDATE_CHECK === '1';
+const UPDATE_TTL_MS = 6 * 3600 * 1000;
+const PACKAGE_NAME = 'dsh-worktodo';
+
+/** 语义化版本比较：a > b 返回正数。 */
+function compareVersion(a, b) {
+  const pa = String(a).replace(/^v/, '').split('.').map((n) => parseInt(n, 10) || 0);
+  const pb = String(b).replace(/^v/, '').split('.').map((n) => parseInt(n, 10) || 0);
+  for (let i = 0; i < 3; i += 1) {
+    if ((pa[i] ?? 0) !== (pb[i] ?? 0)) return (pa[i] ?? 0) - (pb[i] ?? 0);
+  }
+  return 0;
+}
+
 const GUIDANCE_TEXT = [
   '工作待办（worktodo_*）：属于用户、跨会话持久的工作清单；侧栏面板与这些工具读写同一份数据。',
   '- 该用：用户说出要办的事、承诺或截止日期（「下周要交」「等对方回复」「记一下」），或你在工作中发现超出本会话、仍需人跟进的待办 → worktodo_add。',
@@ -179,6 +200,38 @@ export async function apply(ctx, config = {}) {
     }, 'worktodo: agent tools');
   });
 
+  // ---- 版本与更新（后台、不阻塞任何请求）----
+  let updateState = { at: 0, latest: null, error: null };
+  const refreshUpdate = async () => {
+    if (UPDATE_CHECK_OFF) return updateState;
+    const now = Date.now();
+    if (updateState.at && now - updateState.at < UPDATE_TTL_MS) return updateState;
+    updateState = { ...updateState, at: now }; // 先占位，避免并发重复请求
+    try {
+      const res = await fetch(`https://registry.npmjs.org/${PACKAGE_NAME}`, {
+        headers: { accept: 'application/json' },
+        signal: AbortSignal.timeout(8000),
+      });
+      if (!res.ok) throw new Error(`HTTP ${res.status}`);
+      const body = await res.json();
+      const latest = String(body?.['dist-tags']?.latest ?? '');
+      updateState = { at: now, latest: /^\d+\.\d+\.\d+$/.test(latest) ? latest : null, error: null };
+    } catch (error) {
+      updateState = { at: now, latest: null, error: String(error?.message ?? error) };
+    }
+    return updateState;
+  };
+  const updatePayload = () => {
+    const latest = updateState.latest;
+    return {
+      current: PLUGIN_VERSION,
+      latest: latest ?? undefined,
+      hasUpdate: Boolean(latest) && !UPDATE_CHECK_OFF && compareVersion(latest, PLUGIN_VERSION) > 0,
+      page: `https://www.npmjs.com/package/${PACKAGE_NAME}`,
+    };
+  };
+  if (!UPDATE_CHECK_OFF) void refreshUpdate(); // 启动时后台查一次（失败静默）
+
   // ---- 给模型的用法指引（可选服务；缺 systemPrompt 时静默跳过）----
   ctx.inject(['systemPrompt'], (spCtx) => {
     spCtx.effect(() => {
@@ -251,13 +304,16 @@ export async function apply(ctx, config = {}) {
         path: `${ROUTE_BASE}/list`,
         handler: method('GET', async (request, response) => {
           const url = new URL(request.url ?? ROUTE_BASE, 'http://localhost');
+          if (!UPDATE_CHECK_OFF && Date.now() - updateState.at >= UPDATE_TTL_MS) void refreshUpdate();
           const result = await service.list({
             filter: url.searchParams.get('filter') ?? 'open',
             project: url.searchParams.get('project') ?? undefined,
             query: url.searchParams.get('query') ?? undefined,
             sort: url.searchParams.get('sort') ?? undefined,
           });
-          reply(response, result);
+          reply(response, result.ok
+            ? { ...result, version: PLUGIN_VERSION, update: updatePayload() }
+            : result);
         }),
       }),
       // 写：手动排序（拖动）。body: { ids: [待办 id，按新顺序排列] }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dsh-worktodo",
-  "version": "0.1.3",
+  "version": "0.2.0",
   "description": "DSH 工作待办面板（社区插件，非官方）：归你所有、跨会话持久的工作待办——优先级 / 截止日期 / 项目 / 逾期与本周视图，agent 通过 worktodo_* 工具读写同一份列表。官方 todo_write 属于单个会话且只能整表替换，这份列表属于人。Human-owned cross-session work todo list for DeepSeek Harness: priorities, due dates, projects, overdue/week views and worktodo_* tools the agent shares with you.",
   "type": "module",
   "main": "lib/index.js",

package/src/client/index.js

@@ -1,4 +1,6 @@
 import React from 'react';
+// 与宿主共用同一份解析器：人机一致，且零依赖（会被 esbuild 内联进 bundle）
+import { parseNaturalDue } from '../parse-due.mjs';
 
 /**
  * worktodo 浏览器半侧：DSH 侧栏入口 + 中栏「工作待办」面板。
@@ -71,6 +73,18 @@ const zh = {
   'sortPriority': '优先级',
   'sortCreated': '创建时间',
   'dragHint': '拖动调整顺序（会自动切到手动排序）',
+  'versionLabel': '版本',
+  'versionHint': '当前安装的 dsh-worktodo 版本',
+  'updateAvailable': '有新版本',
+  'updateHint': '更新命令（重启 DSH 生效）',
+  'addOpen': '新增待办',
+  'addCancel': '取消',
+  'prioNone': '无',
+  'dateUnset': '日期 · 未设',
+  'timeUnset': '时间 · 未设',
+  'todayWord': '今天',
+  'fromParsed': '识别',
+  'dueTimeLabel': '时间',
   'expand': '展开',
   'collapse': '收起',
   'empty': '还没有待办',
@@ -138,6 +152,18 @@ const 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 · unset',
+  'timeUnset': 'Time · unset',
+  'todayWord': 'Today',
+  'fromParsed': 'parsed',
+  'dueTimeLabel': 'Time',
   'expand': 'Expand',
   'collapse': 'Collapse',
   'empty': 'No to-dos yet',
@@ -174,6 +200,13 @@ const en = {
  * 不写任何颜色字面量兜底——兜底值等于写死某一种主题下的颜色，另一套主题就花了。
  * 需要「淡淡的底色」时用 color-mix 把语义色混进 transparent，仍然是变量驱动。
  * ------------------------------------------------------------------ */
+/** 本地时区的 YYYY-MM-DD（面板里判断"今天 / 逾期"用；与宿主 records.mjs 的 dayKey 同语义）。 */
+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())}`;
+}
+
 const C = {
   label: 'var(--dsw-alias-label-primary)',
   label2: 'var(--dsw-alias-label-secondary)',
@@ -256,6 +289,20 @@ const 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};
@@ -434,72 +481,220 @@ function useList(sort) {
 /* ------------------------------------------------------------------ *
  * 快速添加
  * ------------------------------------------------------------------ */
+/** 小红旗图标：填充与描边都用 currentColor，颜色由按钮的 color 决定。 */
+
+/**
+ * 新增待办：平时只是一个**大加号**，点开才展开表单。
+ * 日期用原生日历（`type=date`）、时间用原生时钟（`type=time`），
+ * 优先级用三个不同颜色的**小红旗**表示（高=红、普通=琥珀、低=灰）。
+ */
+
+/** 小红旗图标：颜色由父级 color 决定；filled=选中档位。 */
+function IconFlag({ filled, dashed }) {
+  return React.createElement('svg', { width: 13, height: 13, viewBox: '0 0 16 16', 'aria-hidden': 'true' }, [
+    React.createElement('path', {
+      key: 'pole', d: 'M3.6 1.6v13', stroke: 'currentColor', strokeWidth: 1.6,
+      strokeLinecap: 'round', fill: 'none', strokeDasharray: dashed ? '1.5 1.5' : undefined,
+    }),
+    React.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' : undefined,
+    }),
+  ]);
+}
+
+const IconCal = () => React.createElement('svg', { width: 13, height: 13, viewBox: '0 0 16 16', fill: 'none', stroke: 'currentColor', strokeWidth: 1.4, 'aria-hidden': 'true' }, [
+  React.createElement('rect', { key: 'r', x: 2.2, y: 3.4, width: 11.6, height: 10.4, rx: 2 }),
+  React.createElement('path', { key: 'p', d: 'M2.2 6.6h11.6M5.4 2.2v2.4M10.6 2.2v2.4' }),
+]);
+const IconClock = () => React.createElement('svg', { width: 13, height: 13, viewBox: '0 0 16 16', fill: 'none', stroke: 'currentColor', strokeWidth: 1.4, 'aria-hidden': 'true' }, [
+  React.createElement('circle', { key: 'c', cx: 8, cy: 8, r: 5.8 }),
+  React.createElement('path', { key: 'p', d: 'M8 4.9V8l2.2 1.4' }),
+]);
+
+/**
+ * 快速添加：两行布局（设计稿 v5）。
+ *   第一行：待办内容 + 添加；
+ *   第二行（更小）：日期 / 时间 / 优先级——显示**当前值**，点开才选。
+ * 标题里写了「明天下午3点」这类说法会被实时解析：第二行自动点亮并标"· 识别"，
+ * 且日期词会从标题里摘掉。**手动改过就不再被自动覆盖**（手动优先）。
+ */
 function QuickAdd({ t, onAdd, busy }) {
   const [title, setTitle] = React.useState('');
   const [due, setDue] = React.useState('');
-  const [priority, setPriority] = React.useState('normal');
+  const [dueTime, setDueTime] = React.useState('');
+  const [priority, setPriority] = React.useState('none');
+  const [parsed, setParsed] = React.useState(null);
+  const [manual, setManual] = React.useState(false); // 用户手动改过日期/时间
+  const [flagOpen, setFlagOpen] = React.useState(false);
+  // 点"整块胶囊"都要弹出选择器：Safari 里带值的 date/time 输入光靠点击只会聚焦，
+  // 所以统一主动调 showPicker()（不可用时退回 focus+click）
+  const dateRef = React.useRef(null);
+  const timeRef = React.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 { /* 忽略 */ }
+  };
+
+  // 输入防抖 300ms 再解析（每按一键就解析会闪烁）
+  React.useEffect(() => {
+    if (manual) return undefined;
+    const text = title;
+    if (!text || !text.trim()) { setParsed(null); return undefined; }
+    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('');
-    }).catch(() => { /* onAdd 内部已经吞掉错误并显示在错误条上 */ });
+    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(() => { /* onAdd 内部已显示错误 */ });
   };
 
-  return React.createElement('div', {
-    style: { display: 'flex', alignItems: 'center', gap: 6, flexWrap: 'wrap', marginBottom: 10 },
-  }, [
-    React.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(); },
-    }),
-    React.createElement('label', {
-      key: 'due',
-      title: t('dueLabel'),
-      style: { display: 'inline-flex', alignItems: 'center', gap: 4, fontSize: 11, color: C.label3 },
-    }, [
-      t('dueLabel'),
+  const today = dayKey(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(dayKey(Date.now())); // 只选时间＝今天
+    setDueTime(value);
+  };
+
+  return React.createElement('div', { key: 'qa', style: { marginBottom: 12 } }, [
+    // ---- 第一行：内容 + 添加 ----
+    React.createElement('div', { key: 'l1', style: { display: 'flex', alignItems: 'center', gap: 8 } }, [
       React.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(); },
       }),
+      React.createElement('button', {
+        key: 'add', type: 'button', className: 'wt-btn wt-btn-primary',
+        disabled: Boolean(busy), onClick: submit,
+      }, t('add')),
     ]),
-    React.createElement('label', {
-      key: 'prio',
-      title: t('priorityLabel'),
-      style: { display: 'inline-flex', alignItems: 'center', gap: 4, fontSize: 11, color: C.label3 },
-    }, [
-      t('priorityLabel'),
-      React.createElement('select', {
-        key: 's',
-        className: 'wt-input',
-        value: priority,
-        'aria-label': t('priorityLabel'),
-        onChange: (event) => setPriority(event.target.value),
+
+    // ---- 第二行（更小）：日期 / 时间 / 优先级 ----
+    React.createElement('div', { key: 'l2', style: { display: 'flex', alignItems: 'center', gap: 10, marginTop: 8, fontSize: 11.5, flexWrap: 'wrap' } }, [
+      // 日期：label 里套一个透明的原生 date 输入，点它即弹系统日历
+      React.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 : undefined },
       }, [
-        React.createElement('option', { key: 'high', value: 'high' }, t('prioHigh')),
-        React.createElement('option', { key: 'normal', value: 'normal' }, t('prioNormal')),
-        React.createElement('option', { key: 'low', value: 'low' }, t('prioLow')),
+        React.createElement(IconCal, { key: 'i' }),
+        React.createElement('span', { key: 'v' }, due ? `${today === due ? t('todayWord') : due}${parsed && parsed.due ? ` · ${t('fromParsed')}` : ''}` : t('dateUnset')),
+        React.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 输入；只选时间时自动补今天
+      React.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 : undefined },
+      }, [
+        React.createElement(IconClock, { key: 'i' }),
+        React.createElement('span', { key: 'v' }, `${timeLabel}${parsed && parsed.dueTime ? ` · ${t('fromParsed')}` : ''}`),
+        React.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),
+        }),
+      ]),
+      // 优先级：点开四个小旗
+      React.createElement('span', { key: 'prio', style: { position: 'relative' } }, [
+        React.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),
+        }, [
+          React.createElement(IconFlag, { key: 'f', dashed: priority === 'none', filled: priority !== 'none' }),
+          React.createElement('span', { key: 'v' }, `${t('priorityLabel')} · ${prioLabel}`),
+        ]),
+        flagOpen ? React.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) => React.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 : undefined },
+          title: flag.label,
+          onClick: () => { setPriority(flag.value); setFlagOpen(false); },
+        }, [
+          React.createElement(IconFlag, { key: 'f', filled: priority === flag.value, dashed: flag.value === 'none' }),
+          React.createElement('span', { key: 'v' }, flag.label),
+        ]))) : null,
       ]),
     ]),
-    React.createElement('button', {
-      key: 'add',
-      type: 'button',
-      className: 'wt-btn wt-btn-primary',
-      disabled: Boolean(busy),
-      onClick: submit,
-    }, t('add')),
   ]);
 }
 
@@ -531,6 +726,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));
@@ -549,7 +745,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();
@@ -601,6 +802,11 @@ 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'), React.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'), React.createElement('select', {
           className: 'wt-input', style: inputStyle, value: draft.priority,
           'aria-label': t('priorityLabel'),
@@ -692,7 +898,16 @@ function TodoRow({ todo, today, t, onToggle, onRemove, onSave, drag }) {
       style: drag.dragging ? { opacity: 0.45 } : undefined,
     }
     : {};
-  return React.createElement('div', { className: 'wt-row', ...dragAttrs }, [
+  return React.createElement('div', { className: 'wt-row', ...dragAttrs, style: row.priority === 'high' ? { borderLeft: `2px solid ${C.error}`, paddingLeft: 8 } : undefined }, [
+    /* 优先级呈现（设计稿 v5）：高＝红色左缘 + 实心红旗；中＝琥珀；低＝灰；无＝什么都不显示 */
+    row.priority && row.priority !== 'none' ? React.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,
+      },
+    }, React.createElement(IconFlag, { filled: row.priority === 'high' })) : null,
     React.createElement('button', {
       key: 'check',
       type: 'button',
@@ -993,6 +1208,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);
   // 视图分桶：按截止（原有 GROUPS）或按项目（宿主给的 projectGroups，附 未完成/总数/逾期）
@@ -1157,13 +1374,34 @@ function WorkTodoPanel(props) {
     React.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
-      ? React.createElement('div', {
-        key: 'store',
-        title: `${t('storeAt')}：${store.location}`,
-        style: { wordBreak: 'break-all' },
-      }, `${t('storeAt')} · ${store.kind === 'domain' ? t('storeDomain') : t('storeFile')} · ${store.location}`)
-      : null),
+    }, [
+      /* 角落信息：装了哪一版 + 有没有新版（一眼可见，不占主区） */
+      React.createElement('div', {
+        key: 'ver',
+        style: { display: 'flex', alignItems: 'center', gap: 6, flexWrap: 'wrap', marginBottom: 2 },
+      }, [
+        React.createElement('span', {
+          key: 'v',
+          title: t('versionHint'),
+          style: { color: C.label3 },
+        }, `${t('versionLabel')} ${version ? `v${version}` : '—'}`),
+        update?.hasUpdate
+          ? React.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')}：dsh plugin --profile desktop add dsh-worktodo@${update.latest}`,
+          }, `${t('updateAvailable')} v${update.latest}`)
+          : null,
+      ]),
+      store && store.location
+        ? React.createElement('div', {
+          key: 'store',
+          title: `${t('storeAt')}：${store.location}`,
+          style: { wordBreak: 'break-all' },
+        }, `${t('storeAt')} · ${store.kind === 'domain' ? t('storeDomain') : t('storeFile')} · ${store.location}`)
+        : null,
+    ]),
   ]);
 }