dsh-global-todo 0.6.1 → 0.6.2

package/CHANGELOG.md

@@ -1,3 +1,15 @@
+## [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 = 'ui38'
     /** 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',
@@ -347,6 +348,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',
@@ -908,7 +910,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; }
@@ -1091,6 +1093,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 +1196,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 +3486,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 +3504,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(
@@ -3910,6 +3933,7 @@ button.gt-chip[data-on="1"] { color: var(--dsw-alias-label-primary); border-colo
               : 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.2'
 
 /** 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.2",
   "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",