dsh-global-todo 0.4.3 → 0.4.4

package/CHANGELOG.md

@@ -7,6 +7,16 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ## [Unreleased]
 
+## [0.4.4] — 2026-10-19
+
+Opening a todo on a wide screen used to push the list down and leave half the window unused.
+
+- **The open row's detail is now a card beside the list**, above a 1100px viewport: it sits at
+  the panel's right edge, the list keeps its own column, and the card scrolls on its own. Narrow
+  windows keep the familiar inline expansion. The change is CSS-only over the existing markup —
+  `.gt-root[data-wide-detail]` plus one media query — so there is still exactly one detail
+  implementation; a second wide-screen render path would drift from the inline one at the first
+  field change.
 ## [0.4.3] — 2026-10-19
 
 The list is meant to live in a synced folder; a change from another machine should not be

package/docs/DESIGN.md

@@ -57,6 +57,15 @@ $DSH_HOME/global-todo/todos.json     ← { version: 1, todos: [ … ] }
   version, and a future migration step would run before the first write, keeping the old
   file as a backup.
 
+## On a wide window, the detail stands beside the list
+
+Expanding a row inline is right on a narrow window and wrong on a wide one: the list jumps, the
+row you were reading slides away, and the rest of the screen sits empty. Above 1100px the open
+row's detail is lifted out of the flow into a card at the panel's right edge, and the list gets
+right padding equal to that card. This is a CSS-only override over unchanged markup
+(`.gt-root[data-wide-detail]` plus one media query) precisely so there is still exactly one
+detail implementation — a second render path for wide screens would drift from the inline one at
+the first field change.
 ## A shared file changes without asking
 
 The list is deliberately portable — a notes repo, a synced folder, a NAS — so another machine

package/docs/ROADMAP.md

@@ -110,6 +110,9 @@ in `skipped[]`, and archived/cancelled rows deliberately do not block a new one.
 counts a disagreement once (`externalChanges`, `lastExternalAt` in `lib/store.js`; surfaced by
 `/health.store`). The panel shows a one-line notice instead of letting a synced folder change the
 list silently.
+**Side detail on wide windows** — above 1100px the open row's detail becomes a card at the
+panel's right edge instead of pushing the list down (CSS-only over the same markup; one detail
+implementation), while narrow windows keep the inline expansion.
 ### Partly landed
 
 - **Batch and multi-select** — the selection mode, its per-row markers and the batch

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 = 'ui26'
+    const UI_REV = 'ui27'
     /** Last language resolved for the shell; module-level so a fetch failure can be worded too. */
     let activeLang = 'zh'
 
@@ -1008,6 +1008,19 @@ button.gt-chip[data-on="1"] { color: var(--dsw-alias-label-primary); border-colo
 .gt-menu button[data-danger="1"] { color: var(--dsw-alias-state-error-primary); }
 .gt-detail { display: flex; flex-direction: column; gap: 10px; border-top: 1px solid var(--dsw-alias-border-l1);
   padding-top: 10px; margin-top: 2px; }
+/* Wide screens: the open row's detail becomes a card on the right instead of pushing the list
+   down. Deliberately CSS-only over unchanged markup: one detail implementation, and it only
+   applies where there is room for a second column. */
+@media (min-width: 1100px) {
+  .gt-root[data-wide-detail="1"] .gt-inner { padding-right: 408px; }
+  .gt-root[data-wide-detail="1"] .gt-item[data-open="1"] .gt-detail {
+    /* Follow the panel's own right edge (it is centred and capped at 980px) instead of the
+       viewport's, so the card stays attached to the list on ultra-wide screens. */
+    position: fixed; top: 96px; right: max(24px, calc(50vw - 466px)); width: 360px; max-height: calc(100vh - 140px);
+    overflow: auto; padding: 16px; margin: 0; border: 1px solid var(--dsw-alias-border-l2);
+    border-radius: 12px; background: var(--dsw-alias-bg-overlay); z-index: 30;
+  }
+}
 .gt-section { display: flex; flex-direction: column; gap: 5px; }
 .gt-completion { white-space: pre-wrap; word-break: break-word; line-height: 1.5; }
 .gt-section-title { color: var(--dsw-alias-label-secondary); font-size: 11.5px; text-transform: uppercase;
@@ -2760,7 +2773,7 @@ button.gt-chip[data-on="1"] { color: var(--dsw-alias-label-primary); border-colo
 
       return h(
         'div',
-        { className: 'gt-root' },
+        { className: 'gt-root', 'data-wide-detail': expandedId === '' ? '0' : '1' },
         h(
           'div',
           { className: 'gt-inner' },

package/lib/index.js

@@ -35,7 +35,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.4.3'
+export const VERSION = '0.4.4'
 
 /** 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.4.3",
+  "version": "0.4.4",
   "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",