dsh-global-todo 0.6.5 → 0.6.7

package/CHANGELOG.md

@@ -1,3 +1,31 @@
+## [0.6.7] — 2026-10-20
+
+Copy safety, and the last orphan of the old footer.
+
+- **A test now guards the dictionaries.** `test/locale.test.mjs` reads them as source text
+  (a duplicate key is legal JavaScript and invisible at runtime) and fails on: a key defined
+  twice, a key present in one language and missing in the other, full-width punctuation inside
+  English copy, and a literal `t('…')` key that does not exist. It immediately found a real
+  duplicate — `select.clear` — the same class of bug that shipped "more fields" on the overflow
+  menu.
+- **The duplicate is fixed properly**: the selection bar clears with its own key (`清空`/`Clear`)
+  while the pick toggle and the two ask-bars share `清除`/`取消`.
+- **Keyboard shortcuts get a home.** The hints left the footer in 0.6.0 and only survived in the
+  empty state; they now open from `⋯ → Keyboard shortcuts` as a small card with `kbd` chips, and
+  Escape closes it before anything else.
+
+## [0.6.6] — 2026-10-20
+
+Both forms now look like forms.
+
+- **Add form** gets real labels and a hint under each field instead of placeholder-only inputs
+  (a placeholder vanishes the moment you type, so it can never carry a rule), and the expanded
+  area is separated from the title row by a hairline.
+- **Detail editor** gets the same treatment: labelled Title / Priority / Due / Description rows.
+- **The 340px detail card no longer fights its own grid.** Meta rows stack to one column inside
+  the card, attachments wrap to their own lines, and the raw path is dropped there because the
+  card cannot show it next to two buttons — the title still carries it as a tooltip.
+
 ## [0.6.5] — 2026-10-20
 
 The three loose ends the spec called out but the earlier passes left behind.

package/lib/client.js

@@ -50,7 +50,7 @@ window.__ModuleLoader__.load({
      * different mechanisms (restart vs. hot reload), so "which one am I looking
      * at" needs an answer that the bundle itself carries.
      */
-    const UI_REV = 'ui41'
+    const UI_REV = 'ui43'
     /** Last language resolved for the shell; module-level so a fetch failure can be worded too. */
     let activeLang = 'zh'
 
@@ -106,6 +106,11 @@ window.__ModuleLoader__.load({
       'settings.cancel': '取消',
       'settings.saved': '设置已保存',
       'settings.about': '关于',
+      'action.keys': '快捷键',
+      'keys.search': '聚焦搜索',
+      'keys.new': '开始记一条',
+      'keys.save': '保存这条（在标题里）',
+      'keys.close': '收起最内层浮层',
       'group.actions': '分组操作',
       'group.capture': '从本对话抓取',
       'group.exemptOn': '本工作区免打扰',
@@ -139,7 +144,7 @@ window.__ModuleLoader__.load({
       'notice.bulkPartial': '已更新 {n} 条，跳过 {m} 条',
       'select.clear': '清除',
       'select.done': '退出选择',
-      'select.clear': '清空',
+      'select.clearAll': '清空',
       'select.hint': '先勾几条待办，再点「一键分配」：优先回到写下它的那个对话，其次同工作区的对话，都找不到才让你选。',
       'assign.working': '正在分配…',
       'assign.summary': '已分配 {n} 条（原对话 {origin} · 同工作区 {workspace} · 你选的 {chosen}）',
@@ -229,6 +234,10 @@ window.__ModuleLoader__.load({
       'field.title': '要做什么？回车即存',
       'field.description': '描述：验收标准、已知的坑…',
       'field.links': '相关文档与地址，一行一个（/绝对路径 或 https://…）',
+      'field.tagsLabel': '标签',
+      'field.titleLabel': '标题',
+      'field.descriptionHint': '验收标准、已知的坑都可以写在这里。',
+      'field.linksHint': '一行一个：绝对路径或 https:// 链接。',
       'field.tags': '标签，逗号分隔',
       'field.priority': '优先级',
       'field.due': '截止时间',
@@ -363,6 +372,11 @@ window.__ModuleLoader__.load({
       'settings.cancel': 'Cancel',
       'settings.saved': 'Settings saved',
       'settings.about': 'About',
+      'action.keys': 'Keyboard shortcuts',
+      'keys.search': 'Focus the search box',
+      'keys.new': 'Start a new todo',
+      'keys.save': 'Save it (from the title field)',
+      'keys.close': 'Close the innermost layer',
       'group.actions': 'Group actions',
       'group.capture': 'Collect from this conversation',
       'group.exemptOn': 'Mute this workspace',
@@ -396,6 +410,7 @@ window.__ModuleLoader__.load({
       'notice.bulkPartial': 'Updated {n}, skipped {m}',
       'select.clear': 'Clear',
       'select.done': 'Exit selection',
+      'select.clearAll': 'Clear',
       'select.hint': 'Pick a few todos, then Assign: back to the conversation that wrote each one, else a conversation in the same workspace, else you choose.',
       'assign.working': 'Assigning…',
       'assign.summary': 'Assigned {n} ({origin} to origin · {workspace} same workspace · {chosen} chosen)',
@@ -487,6 +502,10 @@ window.__ModuleLoader__.load({
       'field.title': 'What needs doing? Enter to save',
       'field.description': 'Description: acceptance, known traps…',
       'field.links': 'Documents and links, one per line (/abs/path or https://…)',
+      'field.tagsLabel': 'Tags',
+      'field.titleLabel': 'Title',
+      'field.descriptionHint': 'Acceptance criteria and known traps belong here.',
+      'field.linksHint': 'One per line: an absolute path or an https:// link.',
       'field.tags': 'Tags, comma separated',
       'field.priority': 'Priority',
       'field.due': 'Due',
@@ -976,6 +995,19 @@ window.__ModuleLoader__.load({
 .gt-card { background: var(--dsw-alias-bg-layer-1); border: 1px solid var(--dsw-alias-border-l1);
   border-radius: 12px; padding: 12px 14px; }
 .gt-new { display: flex; flex-direction: column; gap: 10px; }
+.gt-new-fields { display: flex; flex-direction: column; gap: 12px; padding-top: 4px;
+  border-top: 1px solid var(--dsw-alias-border-l1); }
+.gt-new-fields .gt-textarea { min-height: 64px; }
+.gt-new-fields .gt-field-row { display: grid; grid-template-columns: minmax(0, 1fr) 190px; gap: 12px; }
+.gt-edit-meta { display: grid; grid-template-columns: minmax(0, 1fr) 190px; gap: 12px; align-items: start; }
+/* The 340px card cannot hold the two-column meta row or a path beside two buttons:
+   stack them there, and let attachments wrap onto their own lines. */
+.gt-root[data-wide="1"][data-wide-detail="1"] .gt-detail .gt-edit-meta,
+.gt-root[data-wide="1"][data-wide-detail="1"] .gt-detail .gt-new-fields .gt-field-row {
+  grid-template-columns: minmax(0, 1fr); }
+.gt-root[data-wide="1"][data-wide-detail="1"] .gt-detail .gt-link { flex-wrap: wrap; row-gap: 4px; }
+.gt-root[data-wide="1"][data-wide-detail="1"] .gt-detail .gt-link .gt-mono { display: none; }
+.gt-root[data-wide="1"][data-wide-detail="1"] .gt-detail .gt-link-main { flex: 1 1 100%; }
 .gt-row { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }
 .gt-input, .gt-select, .gt-textarea { background: var(--dsw-alias-bg-base); color: var(--dsw-alias-label-primary);
   border: 1px solid var(--dsw-alias-border-l1); border-radius: 8px; padding: 7px 10px; font: inherit; }
@@ -1148,6 +1180,9 @@ button.gt-chip[data-on="1"] { color: var(--dsw-alias-label-primary); border-colo
 .gt-about-row { display: grid; grid-template-columns: 88px minmax(0, 1fr); align-items: baseline; gap: 8px; }
 .gt-settings-foot { display: flex; flex: 0 0 auto; justify-content: flex-end; gap: 8px;
   padding: 12px 16px; border-top: 1px solid var(--dsw-alias-border-l1); }
+.gt-keys { width: 320px; }
+.gt-key-row { display: flex; align-items: center; gap: 10px; }
+.gt-key-row .gt-kbd { min-width: 44px; text-align: center; }
 .gt-group-select { display: none; min-height: 28px; max-width: 150px; padding: 0 8px; font: inherit;
   font-size: 12px; color: var(--dsw-alias-label-primary); background: var(--dsw-alias-bg-layer-1);
   border: 1px solid var(--dsw-alias-border-l1); border-radius: 8px; }
@@ -1905,34 +1940,59 @@ button.gt-chip[data-on="1"] { color: var(--dsw-alias-label-primary); border-colo
                 h('div', { className: 'gt-section-title' }, t('detail.edit')),
                 h(
                   'div',
-                  { className: 'gt-row' },
-                  h('input', { className: 'gt-input', value: draft.title, 'aria-label': t('field.title'), onChange: (event) => setDraft({ ...draft, title: event.target.value }) }),
-                  h(Segmented, {
-                    label: t('field.priority'),
-                    value: draft.priority,
-                    onChange: (priority) => setDraft({ ...draft, priority }),
-                    options: [
-                      { value: 'low', label: t('priority.low') },
-                      { value: 'normal', label: t('priority.normal') },
-                      { value: 'high', label: t('priority.high') },
-                      { value: 'urgent', label: t('priority.urgent') },
-                    ],
-                  }),
+                  { className: 'gt-field' },
+                  h('label', { className: 'gt-field-label', htmlFor: 'gt-edit-title' }, t('field.titleLabel')),
                   h('input', {
-                    className: 'gt-input gt-input-sm',
-                    type: 'datetime-local',
-                    value: draft.due,
-                    'aria-label': t('field.due'),
-                    onChange: (event) => setDraft({ ...draft, due: event.target.value }),
+                    id: 'gt-edit-title',
+                    className: 'gt-input',
+                    value: draft.title,
+                    onChange: (event) => setDraft({ ...draft, title: event.target.value }),
+                  }),
+                ),
+                h(
+                  'div',
+                  { className: 'gt-field-row gt-edit-meta' },
+                  h(
+                    'div',
+                    { className: 'gt-field' },
+                    h('span', { className: 'gt-field-label' }, t('field.priority')),
+                    h(Segmented, {
+                      label: t('field.priority'),
+                      value: draft.priority,
+                      onChange: (priority) => setDraft({ ...draft, priority }),
+                      options: [
+                        { value: 'urgent', label: t('priority.urgent') },
+                        { value: 'high', label: t('priority.high') },
+                        { value: 'normal', label: t('priority.normal') },
+                        { value: 'low', label: t('priority.low') },
+                      ],
+                    }),
+                  ),
+                  h(
+                    'div',
+                    { className: 'gt-field' },
+                    h('label', { className: 'gt-field-label', htmlFor: 'gt-edit-due' }, t('field.due')),
+                    h('input', {
+                      id: 'gt-edit-due',
+                      className: 'gt-input',
+                      type: 'datetime-local',
+                      value: draft.due,
+                      onChange: (event) => setDraft({ ...draft, due: event.target.value }),
+                    }),
+                  ),
+                ),
+                h(
+                  'div',
+                  { className: 'gt-field' },
+                  h('label', { className: 'gt-field-label', htmlFor: 'gt-edit-desc' }, t('detail.description')),
+                  h('textarea', {
+                    id: 'gt-edit-desc',
+                    className: 'gt-textarea',
+                    value: draft.description,
+                    placeholder: t('field.description'),
+                    onChange: (event) => setDraft({ ...draft, description: event.target.value }),
                   }),
                 ),
-                h('textarea', {
-                  className: 'gt-textarea',
-                  value: draft.description,
-                  placeholder: t('field.description'),
-                  'aria-label': t('detail.description'),
-                  onChange: (event) => setDraft({ ...draft, description: event.target.value }),
-                }),
                 dirty
                   ? h(
                       'div',
@@ -2233,6 +2293,7 @@ button.gt-chip[data-on="1"] { color: var(--dsw-alias-label-primary); border-colo
       // One settings popover: reminders and the external door both need a place a person can
       // reach without curl.
       const [settingsOpen, setSettingsOpen] = useState(initialSettingsOpen)
+      const [keysOpen, setKeysOpen] = useState(false)
       const [settingsBox, setSettingsBox] = useState(null)
       // The detail card's breakpoint follows the panel's own width, not the viewport: the
       // slot is ~265px narrower than the window, so a viewport query opens the two-column
@@ -2591,6 +2652,10 @@ button.gt-chip[data-on="1"] { color: var(--dsw-alias-label-primary); border-colo
             (target.tagName === 'INPUT' || target.tagName === 'TEXTAREA' || target.isContentEditable === true)
           if (event.key === 'Escape') {
             if (typing && typeof target.blur === 'function') target.blur()
+            if (keysOpen) {
+              setKeysOpen(false)
+              return
+            }
             if (settingsOpen) {
               setSettingsOpen(false)
               return
@@ -2613,7 +2678,7 @@ button.gt-chip[data-on="1"] { color: var(--dsw-alias-label-primary); border-colo
         }
         document.addEventListener('keydown', onKey)
         return () => document.removeEventListener('keydown', onKey)
-      }, [settingsOpen, adding])
+      }, [settingsOpen, keysOpen, adding])
 
       // The settings card floats over the list, so a click anywhere else dismisses it
       // the way every other popover on the web does.
@@ -3343,6 +3408,7 @@ button.gt-chip[data-on="1"] { color: var(--dsw-alias-label-primary); border-colo
                 { key: 'export', label: t('action.export'), icon: 'doc', onSelect: () => void exportJson() },
                 { key: 'import', label: t('action.import'), icon: 'plus', onSelect: () => importRef.current?.click?.() },
                 { key: 'settings', label: t('settings.title'), icon: 'gear', onSelect: () => openSettings() },
+                { key: 'keys', label: t('action.keys'), icon: 'kebab', onSelect: () => setKeysOpen(true) },
               ],
             }),
             ),
@@ -3508,6 +3574,57 @@ button.gt-chip[data-on="1"] { color: var(--dsw-alias-label-primary); border-colo
               )
             : null,
 
+          // The keyboard hints used to sit in a footer nobody read; they belong where the
+          // other occasional things live, one menu away.
+          keysOpen
+            ? h(
+                'div',
+                {
+                  ref: settingsRef,
+                  className: 'gt-settings gt-keys',
+                  role: 'dialog',
+                  'aria-label': t('action.keys'),
+                  style:
+                    settingsBox === null
+                      ? undefined
+                      : {
+                          position: 'fixed',
+                          top: `${settingsBox.top}px`,
+                          right: `${settingsBox.right}px`,
+                          maxHeight: `calc(100dvh - ${settingsBox.top + 20}px)`,
+                          zIndex: 40,
+                        },
+                },
+                h(
+                  'div',
+                  { className: 'gt-settings-head' },
+                  h('span', { className: 'gt-settings-title' }, t('action.keys')),
+                  h(
+                    'button',
+                    { type: 'button', className: 'gt-iconbtn', title: t('action.hide'), 'aria-label': t('action.hide'), onClick: () => setKeysOpen(false) },
+                    h(Icon, { name: 'close', size: 13 }),
+                  ),
+                ),
+                h(
+                  'div',
+                  { className: 'gt-settings-body' },
+                  [
+                    ['/', t('keys.search')],
+                    ['n', t('keys.new')],
+                    ['Enter', t('keys.save')],
+                    ['Esc', t('keys.close')],
+                  ].map(([combo, sentence]) =>
+                    h(
+                      'div',
+                      { className: 'gt-key-row', key: combo },
+                      h('span', { className: 'gt-kbd' }, combo),
+                      h('span', { className: 'gt-hint' }, sentence),
+                    ),
+                  ),
+                ),
+              )
+            : null,
+
           error !== null
             ? h(
                 'div',
@@ -3555,31 +3672,65 @@ button.gt-chip[data-on="1"] { color: var(--dsw-alias-label-primary); border-colo
             more
               ? h(
                   'div',
-                  { className: 'gt-new' },
-                  h('textarea', {
-                    className: 'gt-textarea',
-                    placeholder: t('field.description'),
-                    value: draft.description,
-                    'aria-label': t('detail.description'),
-                    onChange: (event) => setDraft({ ...draft, description: event.target.value }),
-                  }),
-                  h('textarea', {
-                    className: 'gt-textarea',
-                    placeholder: t('field.links'),
-                    value: draft.links,
-                    'aria-label': t('detail.links'),
-                    onChange: (event) => setDraft({ ...draft, links: event.target.value }),
-                  }),
+                  { className: 'gt-new-fields' },
                   h(
                     'div',
-                    { className: 'gt-row' },
-                    h('input', {
-                      className: 'gt-input gt-input-sm',
-                      placeholder: t('field.tags'),
-                      value: draft.tags,
-                      'aria-label': t('field.tags'),
-                      onChange: (event) => setDraft({ ...draft, tags: event.target.value }),
+                    { className: 'gt-field' },
+                    h('label', { className: 'gt-field-label', htmlFor: 'gt-new-desc' }, t('detail.description')),
+                    h('textarea', {
+                      id: 'gt-new-desc',
+                      className: 'gt-textarea',
+                      placeholder: t('field.description'),
+                      value: draft.description,
+                      onChange: (event) => setDraft({ ...draft, description: event.target.value }),
+                    }),
+                    h('span', { className: 'gt-hint' }, t('field.descriptionHint')),
+                  ),
+                  h(
+                    'div',
+                    { className: 'gt-field' },
+                    h('label', { className: 'gt-field-label', htmlFor: 'gt-new-links' }, t('detail.links')),
+                    h('textarea', {
+                      id: 'gt-new-links',
+                      className: 'gt-textarea',
+                      placeholder: t('field.links'),
+                      value: draft.links,
+                      onChange: (event) => setDraft({ ...draft, links: event.target.value }),
                     }),
+                    h('span', { className: 'gt-hint' }, t('field.linksHint')),
+                  ),
+                  h(
+                    'div',
+                    { className: 'gt-field-row' },
+                    h(
+                      'div',
+                      { className: 'gt-field' },
+                      h('label', { className: 'gt-field-label', htmlFor: 'gt-new-tags' }, t('field.tagsLabel')),
+                      h('input', {
+                        id: 'gt-new-tags',
+                        className: 'gt-input gt-input-sm',
+                        placeholder: t('field.tags'),
+                        value: draft.tags,
+                        onChange: (event) => setDraft({ ...draft, tags: event.target.value }),
+                      }),
+                    ),
+                    h(
+                      'div',
+                      { className: 'gt-field' },
+                      h('label', { className: 'gt-field-label', htmlFor: 'gt-new-due' }, t('field.due')),
+                      h('input', {
+                        id: 'gt-new-due',
+                        className: 'gt-input gt-input-sm',
+                        type: 'datetime-local',
+                        value: draft.due,
+                        onChange: (event) => setDraft({ ...draft, due: event.target.value }),
+                      }),
+                    ),
+                  ),
+                  h(
+                    'div',
+                    { className: 'gt-field' },
+                    h('span', { className: 'gt-field-label' }, t('field.priority')),
                     h(Segmented, {
                       label: t('field.priority'),
                       value: draft.priority,
@@ -3591,14 +3742,6 @@ button.gt-chip[data-on="1"] { color: var(--dsw-alias-label-primary); border-colo
                         { value: 'low', label: t('priority.low') },
                       ],
                     }),
-                    h('input', {
-                      className: 'gt-input gt-input-sm',
-                      type: 'datetime-local',
-                      value: draft.due,
-                      title: t('field.due'),
-                      'aria-label': t('field.due'),
-                      onChange: (event) => setDraft({ ...draft, due: event.target.value }),
-                    }),
                   ),
                 )
               : null,
@@ -3877,7 +4020,7 @@ button.gt-chip[data-on="1"] { color: var(--dsw-alias-label-primary); border-colo
                 h(
                   'button',
                   { type: 'button', className: 'gt-btn gt-btn-quiet', onClick: () => setSelected({}) },
-                  t('select.clear'),
+                  t('select.clearAll'),
                 ),
                 h('span', { className: 'gt-spacer' }),
                 h(
@@ -4040,7 +4183,7 @@ button.gt-chip[data-on="1"] { color: var(--dsw-alias-label-primary); border-colo
                 h(
                   'button',
                   { type: 'button', className: 'gt-btn gt-btn-quiet', onClick: () => setAssignAsk(null) },
-                  t('select.clear'),
+                  t('action.cancel'),
                 ),
               ),
 
@@ -4066,7 +4209,7 @@ button.gt-chip[data-on="1"] { color: var(--dsw-alias-label-primary); border-colo
                 h(
                   'button',
                   { type: 'button', className: 'gt-btn gt-btn-quiet', onClick: () => setImportAsk(null) },
-                  t('select.clear'),
+                  t('action.cancel'),
                 ),
               ),
 

package/lib/index.js

@@ -36,7 +36,7 @@ import { createStore, resolveStorePath } from './store.js'
 import { createTools } from './tools.js'
 
 /** Must equal `package.json`'s version; `npm run check` enforces that. */
-export const VERSION = '0.6.5'
+export const VERSION = '0.6.7'
 
 /** Plugin id. Also the Loader row id in `cordis.patch.yml`. */
 export const name = 'dsh-global-todo'

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dsh-global-todo",
-  "version": "0.6.5",
+  "version": "0.6.7",
   "icon": "./docs/icon.svg",
   "description": "Global, cross-session todos for DeepSeek Harness: one list owned by the human and the agent together, with creation time, attached documents and links, and one-click hand-off to an agent session. 全局待办：跨会话一份清单，记录加入时间，可挂文档与地址，可一键交给 Agent 继续干。",
   "type": "module",