dsh-global-todo 0.6.4 → 0.6.5

package/CHANGELOG.md

@@ -1,3 +1,15 @@
+## [0.6.5] — 2026-10-20
+
+The three loose ends the spec called out but the earlier passes left behind.
+
+- **Five type sizes, for real.** 12.5/11.5/10.5 collapse into 12 and 11, so the panel now uses
+  exactly 20 / 14 / 13 / 12 / 11 — one ladder instead of eight near-identical steps.
+- **Group actions move behind one kebab.** `Collect` and `Exempt` stop competing with the group
+  title; an exemption keeps a small always-visible mute mark (it is a state, not an action) and
+  the menu states both intents in words (`Collect from this conversation`, `Mute this workspace`).
+- **Escape closes the innermost layer.** Settings, then the add form, then the open row — and a
+  click outside the settings card dismisses it, matching every other popover. The gear toggles.
+
 ## [0.6.4] — 2026-10-20
 
 The settings panel, rebuilt as an inspector instead of a stack of labelled rows.

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 = 'ui40'
+    const UI_REV = 'ui41'
     /** Last language resolved for the shell; module-level so a fetch failure can be worded too. */
     let activeLang = 'zh'
 
@@ -106,6 +106,10 @@ window.__ModuleLoader__.load({
       'settings.cancel': '取消',
       'settings.saved': '设置已保存',
       'settings.about': '关于',
+      'group.actions': '分组操作',
+      'group.capture': '从本对话抓取',
+      'group.exemptOn': '本工作区免打扰',
+      'group.exemptOff': '取消本工作区免打扰',
       'settings.remindersHint': '到期时在面板顶部提示，并按设置提前。',
       'settings.ingestHint': '允许其他工具带 token 写入，先进收件箱。',
       'settings.tokenHint': '留空表示不改动；轮换后旧 token 立刻失效。',
@@ -359,6 +363,10 @@ window.__ModuleLoader__.load({
       'settings.cancel': 'Cancel',
       'settings.saved': 'Settings saved',
       'settings.about': 'About',
+      'group.actions': 'Group actions',
+      'group.capture': 'Collect from this conversation',
+      'group.exemptOn': 'Mute this workspace',
+      'group.exemptOff': 'Unmute this workspace',
       'settings.remindersHint': 'Flag a deadline at the top of the panel when it comes due.',
       'settings.ingestHint': 'Let other tools POST todos with a token; they start in the inbox.',
       'settings.tokenHint': 'Leave blank to keep the current one; rotating invalidates the old token.',
@@ -983,7 +991,7 @@ window.__ModuleLoader__.load({
   font: inherit; font-size: 13px; padding: 0; min-width: 0; }
 .gt-search input:focus { outline: none; }
 .gt-search:focus-within { border-color: var(--dsw-alias-brand-primary); }
-.gt-kbd { font-size: 10.5px; border: 1px solid var(--dsw-alias-border-l1); border-radius: 4px;
+.gt-kbd { font-size: 11px; border: 1px solid var(--dsw-alias-border-l1); border-radius: 4px;
   padding: 0 4px; color: var(--dsw-alias-label-secondary); }
 .gt-dir { display: inline-flex; align-items: center; gap: 5px; font-size: 12px;
   color: var(--dsw-alias-label-secondary); border: 1px solid var(--dsw-alias-border-l1);
@@ -1014,7 +1022,7 @@ window.__ModuleLoader__.load({
    the two toggles. Chips stay for facts about a todo (tags, levels, notes). */
 .gt-tabs { display: inline-flex; gap: 2px; padding: 2px; border-radius: 8px; background: var(--dsw-alias-bg-layer-2); }
 .gt-tab { border: none; background: transparent; color: var(--dsw-alias-label-secondary); font: inherit;
-  font-size: 12.5px; border-radius: 6px; padding: 0 10px; min-height: 24px; box-sizing: border-box;
+  font-size: 12px; border-radius: 6px; padding: 0 10px; min-height: 24px; box-sizing: border-box;
   cursor: pointer; white-space: nowrap; }
 .gt-tab:hover { color: var(--dsw-alias-label-primary); }
 .gt-tab[data-on="1"] { background: var(--dsw-alias-button-ghost-active-fill); color: var(--dsw-alias-label-primary); font-weight: 600; }
@@ -1047,29 +1055,26 @@ button.gt-chip[data-on="1"] { color: var(--dsw-alias-label-primary); border-colo
   display: inline-flex; align-items: center; gap: 6px; font: inherit; padding: 2px 0; }
 .gt-group-head svg { transition: transform .12s ease; transform: rotate(90deg); }
 .gt-group[data-collapsed="1"] .gt-group-head svg { transform: rotate(0deg); }
-.gt-group-action { margin-left: 4px; border: 1px solid transparent; background: transparent; color: inherit;
-  border-radius: 999px; padding: 3px 8px; min-height: 24px; box-sizing: border-box; font: inherit;
-  font-size: 0; letter-spacing: .04em; cursor: pointer; display: inline-flex; align-items: center; gap: 5px;
-  opacity: .72; transition: opacity .12s ease; }
-.gt-group:hover .gt-group-action, .gt-group-action:focus-visible { font-size: 11px; }
-.gt-group:hover .gt-group-action, .gt-group-action:focus-visible { opacity: 1; }
-.gt-group-action:hover { color: var(--dsw-alias-label-primary); border-color: var(--dsw-alias-border-l2); }
-/* An exemption is a state, not an action: it stays visible and reads as "on" without a hover. */
-.gt-group-action[data-on="1"] { opacity: 1; color: var(--dsw-alias-label-primary);
-  border-color: var(--dsw-alias-border-l2); }
+.gt-group-flag { margin-left: 2px; display: inline-flex; align-items: center; color: var(--dsw-alias-label-secondary); }
+/* The group kebab stays quiet until the row is hovered or focused. */
+.gt-group-head .gt-iconbtn { margin-left: 2px; min-width: 24px; min-height: 24px; opacity: 0;
+  transition: opacity .12s ease; }
+.gt-group:hover .gt-group-head .gt-iconbtn, .gt-group-head .gt-iconbtn:focus-visible,
+.gt-group-head .gt-iconbtn[aria-expanded="true"] { opacity: .72; }
+.gt-group-head .gt-iconbtn:hover { opacity: 1; }
 .gt-group-count { color: var(--dsw-alias-label-secondary); font-size: 12px; font-weight: 400; }
 /* A group's level is redundant while it is expanded — the rows show it. */
 .gt-group:not([data-collapsed="1"]) .gt-group-head .gt-level { display: none; }
 .gt-group-label { color: var(--dsw-alias-label-primary); font-weight: 600; font-size: 12px;
   line-height: 18px; max-width: 480px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
-.gt-level { display: inline-flex; align-items: center; gap: 3px; font-size: 11.5px; padding: 0;
+.gt-level { display: inline-flex; align-items: center; gap: 3px; font-size: 11px; padding: 0;
   border: none; color: var(--dsw-alias-label-secondary); }
 .gt-level[data-level="urgent"] { color: var(--dsw-alias-state-error-primary); border-color: var(--dsw-alias-state-error-primary); font-weight: 600; }
 .gt-level[data-level="high"] { color: var(--dsw-alias-state-warn-primary); border-color: var(--dsw-alias-state-warn-primary); }
 .gt-level[data-level="low"] { color: var(--dsw-alias-label-secondary); }
 .gt-dot { width: 6px; height: 6px; border-radius: 999px; background: var(--dsw-alias-state-success-primary);
   display: inline-block; }
-.gt-here { font-size: 10.5px; padding: 0 5px; border-radius: 999px; border: 1px solid var(--dsw-alias-brand-primary);
+.gt-here { font-size: 11px; padding: 0 5px; border-radius: 999px; border: 1px solid var(--dsw-alias-brand-primary);
   color: var(--dsw-alias-brand-primary); }
 .gt-list { display: flex; flex-direction: column; gap: 8px; }
 .gt-item { position: relative; display: flex; flex-direction: column; gap: 8px;
@@ -1102,7 +1107,7 @@ button.gt-chip[data-on="1"] { color: var(--dsw-alias-label-primary); border-colo
 .gt-item-title { font-weight: 600; font-size: 14px; word-break: break-word; line-height: 22px;
   display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
 .gt-input-xs { width: 64px; flex: 0 0 auto; min-width: 0; padding: 0 8px; min-height: 28px;
-  box-sizing: border-box; font-size: 12.5px; }
+  box-sizing: border-box; font-size: 12px; }
 .gt-seq { font-variant-numeric: tabular-nums; color: var(--dsw-alias-label-secondary); }
 .gt-reminders { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; padding: 8px 12px;
   min-height: 36px; box-sizing: border-box; border: 1px solid var(--dsw-alias-border-l1);
@@ -1144,13 +1149,13 @@ button.gt-chip[data-on="1"] { color: var(--dsw-alias-label-primary); border-colo
 .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-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);
+  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; }
 .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-path { font-size: 11px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
 .gt-settings .gt-input { flex: 0 0 auto; width: 100%; min-height: 32px; }
 .gt-settings .gt-input-num { width: 76px; }
 .gt-check-line { display: flex; align-items: center; gap: 8px; justify-content: flex-start;
@@ -1170,7 +1175,7 @@ button.gt-chip[data-on="1"] { color: var(--dsw-alias-label-primary); border-colo
   overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
 .gt-truncated { color: var(--dsw-alias-state-warn-primary); font-size: 12px; }
 .gt-bulk-tag { flex: 0 1 120px; min-width: 90px; }
-.gt-inbox { margin-left: 6px; padding: 1px 6px; border-radius: 999px; font-size: 10.5px; font-weight: 600;
+.gt-inbox { margin-left: 6px; padding: 1px 6px; border-radius: 999px; font-size: 11px; font-weight: 600;
   color: var(--dsw-alias-state-warn-primary); border: 1px solid var(--dsw-alias-state-warn-primary);
   vertical-align: 1px; }
 .gt-item[data-status="done"] .gt-item-title, .gt-item[data-status="cancelled"] .gt-item-title {
@@ -1229,17 +1234,17 @@ button.gt-chip[data-on="1"] { color: var(--dsw-alias-label-primary); border-colo
 .gt-link-main { display: flex; align-items: center; gap: 6px; min-width: 0; flex: 1; }
 .gt-note-item { display: flex; flex-direction: column; gap: 4px; padding: 8px 0; }
 .gt-note-item + .gt-note-item { border-top: 1px solid var(--dsw-alias-border-l1); }
-.gt-note-meta { display: flex; align-items: center; gap: 6px; font-size: 11.5px; color: var(--dsw-alias-label-secondary);
+.gt-note-meta { display: flex; align-items: center; gap: 6px; font-size: 12px; color: var(--dsw-alias-label-secondary);
   white-space: nowrap; }
 .gt-note-text { font-size: 13px; line-height: 1.6; white-space: pre-wrap; word-break: break-word; max-width: 68ch; }
 .gt-link a { color: var(--dsw-alias-brand-primary); text-decoration: none; }
 .gt-link a:hover { text-decoration: underline; }
 .gt-link-title { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 320px; }
-.gt-mono { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 11.5px;
+.gt-mono { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 12px;
   color: var(--dsw-alias-label-secondary); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
 .gt-banner { border-radius: 9px; padding: 8px 11px; border: 1px solid var(--dsw-alias-state-error-primary);
   color: var(--dsw-alias-state-error-primary); display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
-.gt-activity { display: flex; flex-direction: column; gap: 3px; color: var(--dsw-alias-label-secondary); font-size: 11.5px; }
+.gt-activity { display: flex; flex-direction: column; gap: 3px; color: var(--dsw-alias-label-secondary); font-size: 12px; }
 .gt-empty { display: flex; flex-direction: column; gap: 6px; align-items: center; justify-content: center;
   color: var(--dsw-alias-label-secondary); padding: 42px 16px; text-align: center; flex: 1; }
 .gt-empty-title { font-size: 14px; color: var(--dsw-alias-label-primary); }
@@ -2411,6 +2416,8 @@ button.gt-chip[data-on="1"] { color: var(--dsw-alias-label-primary); border-colo
       // The wide-screen detail card floats over the panel, so its offsets are measured from
       // the panel's own column rather than derived from the viewport width.
       const innerRef = useRef(null)
+      const settingsRef = useRef(null)
+      const settingsTriggerRef = useRef(null)
       const [detailAnchor, setDetailAnchor] = useState(null)
       const titleRef = useRef(null)
       const searchRef = useRef(null)
@@ -2572,8 +2579,8 @@ button.gt-chip[data-on="1"] { color: var(--dsw-alias-label-primary); border-colo
         return () => clearInterval(timer)
       }, [reload])
 
-      // Keyboard: `/` search, `n` new, Escape collapse — but never while the
-      // user is typing in a field.
+      // Keyboard: `/` search, `n` new, Escape closes the innermost layer — but never
+      // while the user is typing in a field, where the first Escape only drops focus.
       useEffect(() => {
         if (typeof document === 'undefined') return undefined
         const onKey = (event) => {
@@ -2583,8 +2590,16 @@ button.gt-chip[data-on="1"] { color: var(--dsw-alias-label-primary); border-colo
             target !== undefined &&
             (target.tagName === 'INPUT' || target.tagName === 'TEXTAREA' || target.isContentEditable === true)
           if (event.key === 'Escape') {
-            setExpandedId('')
             if (typing && typeof target.blur === 'function') target.blur()
+            if (settingsOpen) {
+              setSettingsOpen(false)
+              return
+            }
+            if (adding) {
+              setAdding(false)
+              return
+            }
+            setExpandedId('')
             return
           }
           if (typing || event.metaKey || event.ctrlKey || event.altKey) return
@@ -2598,7 +2613,23 @@ 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])
+
+      // The settings card floats over the list, so a click anywhere else dismisses it
+      // the way every other popover on the web does.
+      useEffect(() => {
+        if (!settingsOpen || typeof document === 'undefined') return undefined
+        const onDown = (event) => {
+          const card = settingsRef.current
+          const gear = settingsTriggerRef.current
+          if (card === null) return
+          if (card.contains(event.target) === true) return
+          if (gear !== null && gear.contains(event.target) === true) return
+          setSettingsOpen(false)
+        }
+        document.addEventListener('mousedown', onDown)
+        return () => document.removeEventListener('mousedown', onDown)
+      }, [settingsOpen])
 
       const run = async (id, operation) => {
         setBusyId(id)
@@ -3273,15 +3304,20 @@ button.gt-chip[data-on="1"] { color: var(--dsw-alias-label-primary); border-colo
               'div',
               { className: 'gt-head-actions' },
               h(
-                'button',
-                {
-                  type: 'button',
-                  className: 'gt-iconbtn',
-                  title: t('settings.title'),
-                  'aria-label': t('settings.title'),
-                  onClick: openSettings,
-                },
-                h(Icon, { name: 'gear' }),
+                'span',
+                { ref: settingsTriggerRef, style: { display: 'inline-flex' } },
+                h(
+                  'button',
+                  {
+                    type: 'button',
+                    className: 'gt-iconbtn',
+                    title: t('settings.title'),
+                    'aria-label': t('settings.title'),
+                    'aria-expanded': settingsOpen,
+                    onClick: () => (settingsOpen ? setSettingsOpen(false) : openSettings()),
+                  },
+                  h(Icon, { name: 'gear' }),
+                ),
               ),
               h(
                 'button',
@@ -3323,6 +3359,7 @@ button.gt-chip[data-on="1"] { color: var(--dsw-alias-label-primary); border-colo
             ? h(
                 'div',
                 {
+                  ref: settingsRef,
                   className: 'gt-settings',
                   role: 'dialog',
                   'aria-label': t('settings.title'),
@@ -4108,39 +4145,59 @@ button.gt-chip[data-on="1"] { color: var(--dsw-alias-label-primary); border-colo
                             ? h('span', { className: 'gt-dot', title: t('meta.session.live'), 'aria-label': t('meta.session.live') })
                             : null,
                         ),
-                        group.sessionId === undefined
-                          ? null
-                          : h(
-                              'button',
+                        // An exemption is a state, so it keeps a small always-visible mark; the
+                        // actions themselves live behind one kebab instead of two text buttons
+                        // competing with the group title.
+                        exemptGroup
+                          ? h(
+                              'span',
                               {
-                                type: 'button',
-                                className: 'gt-group-action',
-                                title: t('action.captureGroupHint'),
-                                onClick: (event) => {
-                                  event.stopPropagation()
-                                  void requestCapture(group.sessionId, group.label)
-                                },
-                              },
-                              h(Icon, { name: 'doc', size: 11 }),
-                              t('action.captureShort'),
-                            ),
-                        group.dir === undefined || group.dir === ''
-                          ? null
-                          : h(
-                              'button',
-                              {
-                                type: 'button',
-                                className: 'gt-group-action',
-                                'data-on': exemptGroup ? '1' : '0',
-                                title: exemptGroup ? t('action.exemptHintOn') : t('action.exemptHint'),
-                                onClick: (event) => {
-                                  event.stopPropagation()
-                                  void toggleExemptWorkspace(group.dir, !exemptGroup)
-                                },
+                                className: 'gt-group-flag',
+                                title: t('action.exemptHintOn'),
                               },
                               h(Icon, { name: 'mute', size: 11 }),
-                              exemptGroup ? t('action.exemptOn') : t('action.exempt'),
-                            ),
+                            )
+                          : null,
+                        [
+                          group.sessionId === undefined
+                            ? null
+                            : {
+                                key: 'capture',
+                                label: t('action.captureShort'),
+                                icon: 'doc',
+                                onSelect: () => void requestCapture(group.sessionId, group.label),
+                              },
+                          group.dir === undefined || group.dir === ''
+                            ? null
+                            : {
+                                key: 'exempt',
+                                label: exemptGroup ? t('action.exemptOn') : t('action.exempt'),
+                                icon: 'mute',
+                                onSelect: () => void toggleExemptWorkspace(group.dir, !exemptGroup),
+                              },
+                        ].filter((item) => item !== null).length === 0
+                          ? null
+                          : h(Menu, {
+                              label: t('group.actions'),
+                              items: [
+                                group.sessionId === undefined
+                                  ? null
+                                  : {
+                                      key: 'capture',
+                                      label: t('group.capture'),
+                                      icon: 'doc',
+                                      onSelect: () => void requestCapture(group.sessionId, group.label),
+                                    },
+                                group.dir === undefined || group.dir === ''
+                                  ? null
+                                  : {
+                                      key: 'exempt',
+                                      label: exemptGroup ? t('group.exemptOff') : t('group.exemptOn'),
+                                      icon: 'mute',
+                                      onSelect: () => void toggleExemptWorkspace(group.dir, !exemptGroup),
+                                    },
+                              ].filter((item) => item !== null && item !== undefined),
+                            }),
                       ),
                       isCollapsed
                         ? null

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