dsh-global-todo 0.6.4 → 0.6.6

package/CHANGELOG.md

@@ -1,3 +1,27 @@
+## [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.
+
+- **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 = 'ui42'
     /** 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 立刻失效。',
@@ -225,6 +229,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': '截止时间',
@@ -359,6 +367,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.',
@@ -479,6 +491,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',
@@ -968,6 +984,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; }
@@ -983,7 +1012,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 +1043,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 +1076,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 +1128,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 +1170,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 +1196,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 +1255,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); }
@@ -1900,34 +1926,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',
@@ -2411,6 +2462,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 +2625,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 +2636,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 +2659,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 +3350,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 +3405,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'),
@@ -3518,31 +3601,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,
@@ -3554,14 +3671,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,
@@ -4108,39 +4217,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.6'
 
 /** 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.6",
   "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",