@hacky.software/opencode-todo-supervisor 0.3.6 → 0.3.7

package/README.md

@@ -23,7 +23,7 @@ Tested against OpenCode `2.0.24`.
 ## Install
 
 ```sh
-opencode plugin add @hacky.software/opencode-todo-supervisor@0.3.6
+opencode plugin add @hacky.software/opencode-todo-supervisor@0.3.7
 ```
 
 This also loads the bundled TUI entry. To pass options, use the object form:
@@ -174,12 +174,14 @@ effective set is `config.markdownFiles ∪ stored files − removed` per session
 
 - **Composer strip** (`session.composer.top`): `📋 ███░░░░░ 8/17 open` (plus `⏸`
   while paused), hidden when there is neither a list nor a subscription.
-- **Popover** (`/todos`, palette "Todo: open todos"): a centered overlay dialog.
-  Its body and width scale with the terminal (up to 48 rows / a share of the
-  window), so the key legend stays visible on a short terminal and a tall one
+- **Popover** (`/todos`, palette "Todo: open todos"): a centered overlay dialog,
+  opened at the widest preset. The body scales with the terminal height (up to
+  48 rows) so the key legend stays visible on a short terminal and a tall one
   shows more rows; the header shows `open/total` and the selected `row n/m`. `f`
-  cycles the dialog size — medium (70%), large (90%), xlarge (98% of the
-  terminal width, capped at 200 cells) — and `esc` closes it.
+  cycles the host dialog width — medium (60), large (88), xlarge (116 cells) —
+  and `esc` closes it. Rows are laid out to the card width exactly (and render
+  with wrapping off), so content never wraps and the card cannot grow past the
+  bottom of the screen.
   - header: progress bar, `open/total`, and a supervision chip (`idle · quiet
     12s · nudges 2`, `working: 1 tool · 1 shell · quiet 4s`, `paused
     (no-progress)`, `not supervised`);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hacky.software/opencode-todo-supervisor",
-  "version": "0.3.6",
+  "version": "0.3.7",
   "description": "OpenCode V2 plugin that gives every session a todo list (todo_write/todo_read), supervises idle sessions until the list is done, and can drive checklists in markdown files from a TUI panel.",
   "type": "module",
   "license": "MIT",

package/src/panel.test.ts

@@ -189,16 +189,15 @@ describe("panel cursor", () => {
     expect(popoverBodyHeight(200)).toBe(48)
   })
 
-  test("popover width follows the dialog size and clamps", () => {
-    expect(dialogWidth("medium", 200)).toBe(140)
-    expect(dialogWidth("large", 200)).toBe(180)
-    expect(dialogWidth("xlarge", 200)).toBe(196)
-    expect(dialogWidth("medium", 80)).toBe(56)
-    expect(dialogWidth("large", 80)).toBe(72)
-    expect(dialogWidth("xlarge", 80)).toBe(76)
-    expect(dialogWidth("xlarge", 20)).toBe(36)
-    // xlarge tracks the window instead of a fixed cap.
-    expect(dialogWidth("xlarge", 120)).toBe(116)
+  test("popover width matches the host dialog card and clamps", () => {
+    expect(dialogWidth("medium", 200)).toBe(60)
+    expect(dialogWidth("large", 200)).toBe(88)
+    expect(dialogWidth("xlarge", 200)).toBe(116)
+    expect(dialogWidth("medium", 80)).toBe(60)
+    expect(dialogWidth("large", 80)).toBe(78)
+    expect(dialogWidth("xlarge", 80)).toBe(78)
+    // Never wider than the window (minus the host card's 2-cell inset).
+    expect(dialogWidth("xlarge", 20)).toBe(20)
   })
 
   test("id and priority tags and their column widths", () => {

package/src/panel.ts

@@ -306,15 +306,19 @@ export function popoverBodyHeight(viewportHeight: number, extraRows = 0): number
 
 export type DialogSizeName = "medium" | "large" | "xlarge"
 
-const DIALOG_FACTOR: Record<DialogSizeName, number> = { medium: 0.7, large: 0.9, xlarge: 0.98 }
-
 /**
- * Content width for the popover dialog, as a fraction of the terminal width so
- * it scales with the window (`medium` 70%, `large` 90%, `xlarge` 98%), clamped
- * for small terminals and capped so it never spans an ultrawide screen.
+ * The host draws a dialog inside a card of a *fixed* width per size preset
+ * (`medium` 60, `large` 88, `xlarge` 116 cells), capped at the render width
+ * minus two columns; the card height hugs its content.
+ *
+ * Content must be laid out to exactly that width. Text passed a wider budget
+ * wraps (`wrapMode` defaults to `"word"`), which grows the content-hugging card
+ * past the bottom of the screen. So we mirror the host preset rather than a
+ * share of the terminal.
  */
+const DIALOG_WIDTH: Record<DialogSizeName, number> = { medium: 60, large: 88, xlarge: 116 }
+
+/** Content width for the popover dialog: the host card width for `size`. */
 export function dialogWidth(size: DialogSizeName, viewportWidth: number): number {
-  const total = Math.max(40, viewportWidth)
-  const target = Math.round(total * DIALOG_FACTOR[size])
-  return Math.max(36, Math.min(target, total - 4, 200))
+  return Math.min(DIALOG_WIDTH[size], Math.max(20, viewportWidth - 2))
 }

package/src/tui.tsx

@@ -539,7 +539,7 @@ export default Plugin.define({
           const background = () => (isCurrent() ? selectedBg() : undefined)
           if (row.kind === "section") {
             return (
-              <text fg={muted()}>
+              <text fg={muted()} wrapMode="none">
                 {prefix() + truncate(row.label + (row.detail ? "  ·  " + row.detail : ""), width() - 6)}
               </text>
             )
@@ -549,7 +549,7 @@ export default Plugin.define({
             const detail = `${row.open} open of ${row.total}`
             return (
               <box backgroundColor={background()}>
-                <text fg={isCurrent() ? accent() : base()}>
+                <text fg={isCurrent() ? accent() : base()} wrapMode="none">
                   {prefix() + (row.collapsed ? "▸ " : "▾ ") + truncate(`${label}  ·  ${detail}`, width() - 6)}
                 </text>
               </box>
@@ -562,7 +562,7 @@ export default Plugin.define({
           parts.push(truncate(row.content + (row.line !== undefined ? `  :${row.line}` : ""), contentWidth()))
           return (
             <box backgroundColor={background()}>
-              <text fg={row.status === "completed" ? muted() : isCurrent() ? accent() : base()}>
+              <text fg={row.status === "completed" ? muted() : isCurrent() ? accent() : base()} wrapMode="none">
                 {parts.join("  ")}
               </text>
             </box>
@@ -571,14 +571,23 @@ export default Plugin.define({
 
         return (
           <box flexDirection="column">
-            <text fg={base()}>
-              {"Todos  " + progressBar(totals().total - totals().open, totals().total, barWidth()) + "  "}
-              {`${totals().open}/${totals().total} open` +
-                (position() ? `  ·  row ${position()!.index}/${position()!.total}` : "")}
+            <text fg={base()} wrapMode="none">
+              {truncate(
+                "Todos  " +
+                  progressBar(totals().total - totals().open, totals().total, barWidth()) +
+                  "  " +
+                  `${totals().open}/${totals().total} open` +
+                  (position() ? `  ·  row ${position()!.index}/${position()!.total}` : ""),
+                width() - 2,
+              )}
+            </text>
+            <text fg={muted()} wrapMode="none">
+              {truncate("supervision: " + supervisorChip(snap().supervisor), width() - 2)}
             </text>
-            <text fg={muted()}>{"supervision: " + supervisorChip(snap().supervisor)}</text>
             <Show when={(filter() ?? "") !== ""}>
-              <text fg={muted()}>{`filter: "${filter()}"  (press / to change)`}</text>
+              <text fg={muted()} wrapMode="none">
+                {truncate(`filter: "${filter()}"  (press / to change)`, width() - 2)}
+              </text>
             </Show>
             <scrollbox
               ref={(node: unknown) => (scrollNode = node as typeof scrollNode)}
@@ -593,7 +602,9 @@ export default Plugin.define({
                 )}
               </For>
             </scrollbox>
-            <text fg={muted()}>{truncate(footerHints(width()).join("  ·  "), Math.max(10, width() - 2))}</text>
+            <text fg={muted()} wrapMode="none">
+              {truncate(footerHints(width()).join("  ·  "), Math.max(10, width() - 2))}
+            </text>
           </box>
         )
       }
@@ -601,7 +612,7 @@ export default Plugin.define({
       // ---- popover (an overlay dialog, like the host's own panes) -----------
 
       function TodoPopover(props: { sessionID: string }) {
-        const [size, setSize] = createSignal<DialogSize>("large")
+        const [size, setSize] = createSignal<DialogSize>("xlarge")
         const cycleSize = () => {
           const next = SIZE_ORDER[(SIZE_ORDER.indexOf(size()) + 1) % SIZE_ORDER.length]!
           setSize(next)
@@ -625,7 +636,7 @@ export default Plugin.define({
 
       const openPopover = (sessionID: string): boolean => {
         try {
-          context.ui.dialog.set({ size: "large", centered: true })
+          context.ui.dialog.set({ size: "xlarge", centered: true })
           context.ui.dialog.show(
             () => <TodoPopover sessionID={sessionID} />,
             () => logFile("tui", "popover closed"),