dsh-global-todo 0.6.1 → 0.6.3

package/CHANGELOG.md

@@ -1,3 +1,27 @@
+## [0.6.3] — 2026-10-20
+
+States that were still speaking to nobody.
+
+- **The selection bar has one primary action.** Count and 全选/清空 sit on the left, `Assign` is
+  the only filled button, `Complete`/`Archive`/tag stay quiet, and the ambiguous `Done` becomes an
+  icon-only exit (it read as a second `Complete`).
+- **The inbox explains itself**, and an empty filter now offers `Clear filter` instead of dead air.
+- **The reminder bar says which set it is.** Copy moves to `Dismiss all` and the bar carries a note
+  that these reached their reminder time, unlike Overdue.
+- **Selection bar is sticky and 36px tall**, so the batch actions stay reachable while scrolling.
+
+## [0.6.2] — 2026-10-20
+
+The narrow-width details the spec called for after the two-column work.
+
+- **Grouping becomes a dropdown when the column is narrow.** The three segmented buttons collapse
+  into one `select` (Conversation / Time / Level) below 960px, so the toolbar stops taking a row
+  for grouping at the width where rows are already tight.
+- **The inbox explains itself.** Opening the inbox view now leads with one line: items were written
+  by external sources or the agent and only join the list after confirmation.
+- **Toasts are anchored to the panel.** `position: absolute` on the panel root instead of `fixed`
+  against the viewport, so a notice appears above the list rather than at the bottom of the window.
+
 ## [0.6.1] — 2026-10-20
 
 The follow-up pass from the design spec: the breakpoint now follows the panel, not the window,

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 = 'ui37'
+    const UI_REV = 'ui39'
     /** Last language resolved for the shell; module-level so a fetch failure can be worded too. */
     let activeLang = 'zh'
 
@@ -106,6 +106,7 @@ window.__ModuleLoader__.load({
       'settings.cancel': '取消',
       'settings.saved': '设置已保存',
       'settings.about': '关于',
+      'inbox.explain': '以下由外部写入或 Agent 提交，确认后才进入清单。',
       'notice.exported': '已导出 {n} 条待办',
       'notice.imported': '已导入 {n} 条（合并，现有共 {total} 条）',
       'import.badJson': '这个文件不是合法的 JSON',
@@ -128,6 +129,7 @@ window.__ModuleLoader__.load({
       'notice.bulkPartial': '已更新 {n} 条，跳过 {m} 条',
       'select.clear': '清除',
       'select.done': '退出选择',
+      'select.clear': '清空',
       'select.hint': '先勾几条待办，再点「一键分配」：优先回到写下它的那个对话，其次同工作区的对话，都找不到才让你选。',
       'assign.working': '正在分配…',
       'assign.summary': '已分配 {n} 条（原对话 {origin} · 同工作区 {workspace} · 你选的 {chosen}）',
@@ -153,6 +155,8 @@ window.__ModuleLoader__.load({
       'notice.autoCollectOff': '已关闭自动获取',
       'notice.externalChange': '清单在别处被改过，已载入最新内容',
       'reminder.title': '到点提醒（{n}）',
+      'reminder.note': '这些是到了设定的提醒时间，和「逾期」不是同一批。',
+      'reminder.dismissAll': '全部知道了',
       'reminder.dismiss': '知道了',
       'reminder.enableNotifications': '开启系统通知',
       'reminder.notifyTitle': '待办到点',
@@ -244,6 +248,8 @@ window.__ModuleLoader__.load({
       'empty.none': '还没有待办。上面写一句，回车就记下了。',
       'empty.add': '记第一条',
       'empty.filtered': '这个筛选下没有待办。',
+      'empty.clearFilter': '清除筛选',
+      'empty.filterHint': '换个筛选，或者清空搜索关键词。',
       'meta.added': '加入于',
       'meta.due': '截止',
       'meta.overdue': '逾期 {n} 天',
@@ -347,6 +353,7 @@ window.__ModuleLoader__.load({
       'settings.cancel': 'Cancel',
       'settings.saved': 'Settings saved',
       'settings.about': 'About',
+      'inbox.explain': 'Written by external sources or the agent. Confirm it before it joins the list.',
       'notice.exported': 'Exported {n} todos',
       'notice.imported': 'Imported {n} (merged; {total} in the list now)',
       'import.badJson': 'That file is not valid JSON',
@@ -368,7 +375,7 @@ window.__ModuleLoader__.load({
       'notice.bulk': 'Updated {n}',
       'notice.bulkPartial': 'Updated {n}, skipped {m}',
       'select.clear': 'Clear',
-      'select.done': 'Done',
+      'select.done': 'Exit selection',
       '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)',
@@ -394,6 +401,8 @@ window.__ModuleLoader__.load({
       'notice.autoCollectOff': 'Auto-collect off',
       'notice.externalChange': 'The list changed somewhere else; the latest content is loaded',
       'reminder.title': 'Due now ({n})',
+      'reminder.note': 'These reached their reminder time — a different set from Overdue.',
+      'reminder.dismissAll': 'Dismiss all',
       'reminder.dismiss': 'Dismiss',
       'reminder.enableNotifications': 'Enable notifications',
       'reminder.notifyTitle': 'Todo due',
@@ -486,6 +495,8 @@ window.__ModuleLoader__.load({
       'empty.none': 'No todos yet. Write one above and press Enter.',
       'empty.add': 'Add your first todo',
       'empty.filtered': 'Nothing matches this filter.',
+      'empty.clearFilter': 'Clear filter',
+      'empty.filterHint': 'Try another filter, or clear the search box.',
       'meta.added': 'added',
       'meta.due': 'due',
       'meta.overdue': '{n} d overdue',
@@ -908,7 +919,7 @@ window.__ModuleLoader__.load({
     // ------------------------------------------------------------------ 样式
 
     const CSS = `
-.gt-root { display: flex; flex-direction: column; height: 100%; min-height: 0; min-width: 0;
+.gt-root { position: relative; display: flex; flex-direction: column; height: 100%; min-height: 0; min-width: 0;
   color: var(--dsw-alias-label-primary); font-size: 13px; line-height: 1.5; }
 .gt-inner { display: flex; flex-direction: column; gap: 14px; width: 100%; max-width: 1040px; min-width: 0;
   box-sizing: border-box; margin: 0 auto; padding: 20px 24px 32px; flex: 1; }
@@ -1069,8 +1080,11 @@ button.gt-chip[data-on="1"] { color: var(--dsw-alias-label-primary); border-colo
   display: inline-flex; align-items: center; justify-content: center; padding: 0; }
 .gt-pick[data-on="1"] { border-color: var(--dsw-alias-brand-primary); background: var(--dsw-alias-brand-primary); color: var(--dsw-alias-bg-base); }
 .gt-item[data-selected="1"] { border-color: var(--dsw-alias-brand-primary); }
-.gt-selectbar { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; padding: 9px 12px;
-  border: 1px solid var(--dsw-alias-brand-primary); border-radius: 10px; background: var(--dsw-alias-bg-layer-1); font-size: 13px; }
+.gt-selectbar { position: sticky; top: 0; z-index: 10; display: flex; align-items: center;
+  gap: 8px; flex-wrap: wrap; padding: 0 12px; min-height: 36px; box-sizing: border-box;
+  border: 1px solid var(--dsw-alias-border-l2); border-radius: 10px;
+  background: var(--dsw-alias-bg-layer-1); font-size: 13px; }
+.gt-selectbar-count { font-weight: 600; white-space: nowrap; }
 .gt-item-body { flex: 1; display: flex; flex-direction: column; gap: 5px; min-width: 0; cursor: pointer; }
 .gt-item-body:focus-visible { outline: 2px solid var(--dsw-alias-brand-primary); outline-offset: 2px; border-radius: 6px; }
 .gt-item-title { font-weight: 600; font-size: 14px; word-break: break-word; line-height: 22px;
@@ -1091,6 +1105,13 @@ button.gt-chip[data-on="1"] { color: var(--dsw-alias-label-primary); border-colo
 .gt-settings { display: flex; flex-direction: column; gap: 12px; padding: 16px; width: 340px;
   box-sizing: border-box; border: 1px solid var(--dsw-alias-border-l2); border-radius: 12px;
   background: var(--dsw-alias-bg-overlay); font-size: 13px; line-height: 20px; }
+.gt-group-select { display: none; min-height: 28px; max-width: 150px; padding: 0 8px; font: inherit;
+  font-size: 12.5px; color: var(--dsw-alias-label-primary); background: var(--dsw-alias-bg-layer-1);
+  border: 1px solid var(--dsw-alias-border-l1); border-radius: 8px; }
+.gt-root[data-wide="0"] .gt-group-tabs { display: none; }
+.gt-root[data-wide="0"] .gt-group-select { display: inline-flex; align-items: center; }
+.gt-inbox-note { padding: 0 2px 2px; color: var(--dsw-alias-label-secondary); font-size: 13px;
+  line-height: 20px; }
 .gt-settings-path { font-size: 11.5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
 .gt-settings .gt-input { flex: 0 0 auto; width: 100%; min-height: 32px; }
 .gt-settings .gt-check-line .gt-input { width: 64px; }
@@ -1187,7 +1208,7 @@ button.gt-chip[data-on="1"] { color: var(--dsw-alias-label-primary); border-colo
 .gt-empty-title { font-size: 14px; color: var(--dsw-alias-label-primary); }
 .gt-foot { color: var(--dsw-alias-label-secondary); font-size: 11px; display: flex; gap: 10px; flex-wrap: wrap;
   align-items: center; }
-.gt-toast { position: fixed; left: 50%; bottom: 26px; transform: translateX(-50%); z-index: 5;
+.gt-toast { position: absolute; left: 50%; bottom: 16px; transform: translateX(-50%); z-index: 50;
   display: flex; align-items: center; gap: 12px; background: var(--dsw-alias-bg-overlay);
   border: 1px solid var(--dsw-alias-border-l2); border-radius: 10px; padding: 9px 13px;
   color: var(--dsw-alias-label-primary); }
@@ -3477,7 +3498,7 @@ button.gt-chip[data-on="1"] { color: var(--dsw-alias-label-primary); border-colo
             h('div', { className: 'gt-spacer' }),
             h(
               'span',
-              { className: 'gt-tabs', role: 'group', 'aria-label': t('group.by'), title: t('group.by') },
+              { className: 'gt-tabs gt-group-tabs', role: 'group', 'aria-label': t('group.by'), title: t('group.by') },
               GROUP_MODES.map((mode) =>
                 h(
                   'button',
@@ -3495,6 +3516,20 @@ button.gt-chip[data-on="1"] { color: var(--dsw-alias-label-primary); border-colo
                 ),
               ),
             ),
+            h(
+              'select',
+              {
+                className: 'gt-group-select',
+                value: groupMode,
+                'aria-label': t('group.by'),
+                title: t('group.by'),
+                onChange: (event) => {
+                  setGroupMode(event.target.value)
+                  storeStoredGroupMode(event.target.value)
+                },
+              },
+              GROUP_MODES.map((mode) => h('option', { key: mode, value: mode }, t(`group.${mode}`))),
+            ),
             ),
             h('div', { className: 'gt-spacer' }),
             h(
@@ -3669,7 +3704,7 @@ button.gt-chip[data-on="1"] { color: var(--dsw-alias-label-primary); border-colo
             ? h(
                 'div',
                 { className: 'gt-selectbar' },
-                h('span', null, t('select.count', { n: Object.keys(selected).length })),
+                h('span', { className: 'gt-selectbar-count' }, t('select.count', { n: Object.keys(selected).length })),
                 h(
                   'button',
                   {
@@ -3691,11 +3726,17 @@ button.gt-chip[data-on="1"] { color: var(--dsw-alias-label-primary); border-colo
                     ? t('select.allOn')
                     : t('select.all'),
                 ),
+                h(
+                  'button',
+                  { type: 'button', className: 'gt-btn gt-btn-quiet', onClick: () => setSelected({}) },
+                  t('select.clear'),
+                ),
+                h('span', { className: 'gt-spacer' }),
                 h(
                   'button',
                   {
                     type: 'button',
-                    className: 'gt-btn gt-btn-brand',
+                    className: 'gt-btn gt-btn-primary',
                     disabled: assignBusy || Object.keys(selected).length === 0,
                     onClick: () => void runAssign(Object.keys(selected)),
                   },
@@ -3769,22 +3810,19 @@ button.gt-chip[data-on="1"] { color: var(--dsw-alias-label-primary); border-colo
                   },
                   t('select.addTag'),
                 ),
-                h(
-                  'button',
-                  { type: 'button', className: 'gt-btn gt-btn-quiet', onClick: () => setSelected({}) },
-                  t('select.clear'),
-                ),
                 h(
                   'button',
                   {
                     type: 'button',
-                    className: 'gt-btn gt-btn-quiet',
+                    className: 'gt-iconbtn',
+                    title: t('select.done'),
+                    'aria-label': t('select.done'),
                     onClick: () => {
                       setSelectMode(false)
                       setSelected({})
                     },
                   },
-                  t('select.done'),
+                  h(Icon, { name: 'close', size: 13 }),
                 ),
               )
             : null,
@@ -3795,7 +3833,7 @@ button.gt-chip[data-on="1"] { color: var(--dsw-alias-label-primary); border-colo
             ? null
             : h(
                 'div',
-                { className: 'gt-reminders', role: 'status' },
+                { className: 'gt-reminders', role: 'status', title: t('reminder.note') },
                 h('span', { className: 'gt-reminders-title' }, t('reminder.title', { n: remindersDue.length })),
                 ...remindersDue.slice(0, 3).map((item) =>
                   h(
@@ -3829,7 +3867,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: () => void ackReminders(remindersDue.map((item) => item.id)) },
-                  t('reminder.dismiss'),
+                  t('reminder.dismissAll'),
                 ),
               ),
 
@@ -3904,12 +3942,23 @@ button.gt-chip[data-on="1"] { color: var(--dsw-alias-label-primary); border-colo
                         },
                         t('empty.add'),
                       )
-                    : null,
-                  h('div', { className: 'gt-sub' }, t('hint.keys')),
+                    : h(
+                        'button',
+                        {
+                          type: 'button',
+                          className: 'gt-btn gt-btn-quiet',
+                          onClick: () => {
+                            setQuery('')
+                            void reload({ filter: 'active', query: '' })
+                          },
+                        },
+                        t('empty.clearFilter'),
+                      ),
                 )
               : h(
                   'div',
                   { className: 'gt-groups', role: 'list' },
+                  filter === 'inbox' ? h('div', { className: 'gt-inbox-note', role: 'note' }, t('inbox.explain')) : null,
                   groups.map((group) => {
                     const isCollapsed = collapsed[group.key] ?? group.collapsed === true
                     const exemptGroup = typeof group.dir === 'string' && group.dir !== '' && exemptWorkspaces.includes(group.dir)

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.1'
+export const VERSION = '0.6.3'
 
 /** 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.1",
+  "version": "0.6.3",
   "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",