dsh-global-todo 0.6.5 → 0.6.6

package/CHANGELOG.md

@@ -1,3 +1,15 @@
+## [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 = 'ui42'
     /** Last language resolved for the shell; module-level so a fetch failure can be worded too. */
     let activeLang = 'zh'
 
@@ -229,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': '截止时间',
@@ -487,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',
@@ -976,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; }
@@ -1905,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',
@@ -3555,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,
@@ -3591,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,

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.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.5",
+  "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",