@gamflaz/opencode-todolist 1.0.9 → 1.0.11

package/README.md

@@ -21,17 +21,20 @@ git clone https://github.com/MomoPi-Dark/opencode-todolist.git \
   ~/.config/opencode/plugins/todolist
 cd ~/.config/opencode/plugins/todolist
 bun install
-bun run build
 ```
 
+`bun install` runs the `prepare` script, which compiles `dist/` from `src/`
+(TypeScript declarations plus Solid-compiled JSX). No extra step is required.
+
 Or add it directly through the OpenCode CLI:
 
 ```bash
 opencode plugin add @gamflaz/opencode-todolist
 ```
 
-OpenCode loads local plugins from the plugins directory, but it does not install
-their dependencies, so `bun install` is required before use.
+The npm package ships the prebuilt `dist/`, so no local build runs. OpenCode
+loads local plugins from the plugins directory but does not install their
+dependencies, so `bun install` is required before use.
 
 ## Tool: `manage_todo_list`
 
@@ -141,11 +144,23 @@ tracked work.
 ## Development
 
 ```bash
-bun install
+bun install     # runs prepare -> compiles dist/
 bun run check   # typecheck + tests
-bun run build   # compile the plugin entrypoints
+bun run compile # rebuild dist/ (tsc + Solid JSX transform)
 ```
 
+`bun run compile` must be used instead of `bun run build`: the raw `tsc` pass
+alone leaves intermediate `.jsx` files in `dist/`, which Bun then prefers over
+the compiled `.js` and reports as `No renderer found` / `ENOENT ... dist/tui.jsx`.
+
 ## Publishing notes
 
-Do not commit environment files, local dependencies, or generated build output.
+`dist/`, `index.js`, and `tui.js` are generated build output and are not
+committed. They reach users through the npm tarball: npm runs `prepare`
+(`bun run compile`) before packing, and `files` ships the built `dist/`
+directory. The `opencode plugin add` installer skips lifecycle scripts
+(`ignoreScripts: true`), so the tarball — not a post-install build — must
+contain `dist/`.
+
+Before publishing, run `bun run check && bun run compile` and confirm
+`dist/` contains no `.jsx` files.

package/dist/icons/svg-icon.js

@@ -11,7 +11,7 @@ import { usePlugin } from "@opencode/plugin/tui";
 import { rgbToHex } from "@opentui/core";
 import { Resvg } from "@resvg/resvg-js";
 import { createMemo, createSignal, onCleanup, Show } from "solid-js";
-import { supportsImageRendering } from "./image-capabilities";
+import { supportsImageRendering } from "./image-capabilities.js";
 export function SvgIcon(props) {
   const {
     source: _,

package/dist/index.js

@@ -1,10 +1,10 @@
 import { Plugin } from "@opencode/plugin";
-import { TodoInputToolSchema, TodoOutputToolSchema, } from "./schemas/todo";
-import { registerTodoSkills } from "./skills/loader";
-import { readTodoData, readTodos, updateTodos } from "./storage/todo-store";
-import { buildTodoHint, consumeTodoHint, findNextTodo, findStuckParent, flattenLeaves, isAnyTodoActive, } from "./todos/hint";
-import { TodoTree } from "./todos/todo-tree";
-import { updateTodoById } from "./todos/update";
+import { TodoInputToolSchema, TodoOutputToolSchema, } from "./schemas/todo.js";
+import { registerTodoSkills } from "./skills/loader.js";
+import { readTodoData, readTodos, updateTodos } from "./storage/todo-store.js";
+import { buildTodoHint, consumeTodoHint, findNextTodo, findStuckParent, flattenLeaves, isAnyTodoActive, } from "./todos/hint.js";
+import { TodoTree } from "./todos/todo-tree.js";
+import { updateTodoById } from "./todos/update.js";
 export function formatReadOutput(todos) {
     if (todos.length === 0)
         return "No todos recorded.";
@@ -181,6 +181,6 @@ export async function registerTodoPromptHook(ctx) {
     }
 }
 export default Plugin.define({
-    id: "opencode.todolist.tool1",
+    id: "opencode.todolist.tool",
     setup: registerTodoTools,
 });

package/dist/schemas/todo.js

@@ -1,5 +1,5 @@
 import z from "zod";
-import { PrioritySchema, TodoStatusSchema } from "./status";
+import { PrioritySchema, TodoStatusSchema } from "./status.js";
 // Child id format: <root_id>.<n> as a number -> 1.1, 2.3, etc.
 // Only a single decimal digit (1-9) is allowed, see the note below.
 const ChildIdSchema = z

package/dist/storage/todo-store.js

@@ -4,9 +4,9 @@ import { chmod, mkdir, readFile, rename, rm, writeFile, } from "node:fs/promises
 import { homedir, tmpdir } from "node:os";
 import { join, posix, win32 } from "node:path";
 import * as lockfile from "proper-lockfile";
-import { TodoRootItemSchema } from "../schemas/todo";
-import { TodoTree } from "../todos/todo-tree";
-import { InvalidTodoDataError } from "./errors";
+import { TodoRootItemSchema } from "../schemas/todo.js";
+import { TodoTree } from "../todos/todo-tree.js";
+import { InvalidTodoDataError } from "./errors.js";
 /**
  * Per-session todo persistence.
  *

package/dist/todos/display.js

@@ -1,4 +1,4 @@
-import { TodoTree } from "./todo-tree";
+import { TodoTree } from "./todo-tree.js";
 export function getStatusIcon(status) {
     switch (status) {
         case "completed":

package/dist/todos/hint.js

@@ -1,6 +1,6 @@
 import { readFileSync, renameSync, writeFileSync } from "node:fs";
-import { getHintMarkerPath, readTodoData, TodoStore } from "../storage/todo-store";
-import { TodoTree } from "./todo-tree";
+import { getHintMarkerPath, readTodoData, TodoStore } from "../storage/todo-store.js";
+import { TodoTree } from "./todo-tree.js";
 export const DEFAULT_STALE_MS = 30 * 60 * 1000; // 30 minutes (prompt fallback)
 export const CONTEXT_STALE_MS = 6 * 60 * 60 * 1000; // 6 hours
 const UPCOMING_LIMIT = 3;

package/dist/tui/layout.js

@@ -1,4 +1,4 @@
-import { TodoTree } from "../todos/todo-tree";
+import { TodoTree } from "../todos/todo-tree.js";
 /** Rendered prefix of an error detail row. */
 export const ERROR_PREFIX = "↳ error: ";
 /**

package/dist/tui/todo-panel.d.ts

@@ -1,6 +1,6 @@
 import { Plugin } from "@opencode/plugin/tui";
-import { ColorInput, ScrollBoxRenderable } from "@opentui/core";
-import { TodoStatus } from "../schemas/status";
+import { type ColorInput, ScrollBoxRenderable } from "@opentui/core";
+import { type TodoStatus } from "../schemas/status";
 /** How many open items the Continue prompt lists before collapsing the rest. */
 export declare const CONTINUE_PROMPT_MAX_ITEMS = 3;
 /** Per-field caps so one long note cannot flood the prompt. */

package/dist/tui/todo-panel.js

@@ -1,23 +1,25 @@
+import { effect as _$effect } from "@opentui/solid";
 import { memo as _$memo } from "@opentui/solid";
 import { createTextNode as _$createTextNode } from "@opentui/solid";
-import { effect as _$effect } from "@opentui/solid";
 import { insertNode as _$insertNode } from "@opentui/solid";
 import { insert as _$insert } from "@opentui/solid";
 import { createComponent as _$createComponent } from "@opentui/solid";
 import { setProp as _$setProp } from "@opentui/solid";
 import { use as _$use } from "@opentui/solid";
+import { spread as _$spread } from "@opentui/solid";
+import { mergeProps as _$mergeProps } from "@opentui/solid";
 import { createElement as _$createElement } from "@opentui/solid";
 import { mkdirSync, watch } from "node:fs";
 import { createEffect, createMemo, createSignal, For, onCleanup, Show } from "solid-js";
-import { supportsImageRendering } from "../icons/image-capabilities";
-import { SvgIcon } from "../icons/svg-icon";
-import { arrowDownSvgIcon, arrowRightSvgIcon, continuePromptSvgIcon, removeSvgIcon } from "../icons/svg-icons";
-import { StatusLabel } from "../schemas/status";
-import { getTodosDirectory, hashSessionID, readTodosSync, writeTodos } from "../storage/todo-store";
-import { getTodoDisplaySummary, hasOpenTodos } from "../todos/display";
-import { TodoTree } from "../todos/todo-tree";
-import { shorten } from "./text";
-import { ERROR_PREFIX, ErrorRowWidth, RowWidth } from "./layout";
+import { supportsImageRendering } from "../icons/image-capabilities.js";
+import { SvgIcon } from "../icons/svg-icon.js";
+import { arrowDownSvgIcon, arrowRightSvgIcon, continuePromptSvgIcon, removeSvgIcon } from "../icons/svg-icons.js";
+import { StatusLabel } from "../schemas/status.js";
+import { getTodosDirectory, hashSessionID, readTodosSync, writeTodos } from "../storage/todo-store.js";
+import { getTodoDisplaySummary, hasOpenTodos } from "../todos/display.js";
+import { TodoTree } from "../todos/todo-tree.js";
+import { ERROR_PREFIX, ErrorRowWidth, RowWidth } from "./layout.js";
+import { shorten } from "./text.js";
 
 /** How many open items the Continue prompt lists before collapsing the rest. */
 export const CONTINUE_PROMPT_MAX_ITEMS = 3;
@@ -167,21 +169,29 @@ export function TodoList(props) {
     if (el) followActiveRow(el);
   });
   const scrollbarOptions = () => props.scrollbarColor ? {
-    trackOptions: {
-      backgroundColor: props.scrollbarColor,
-      foregroundColor: props.scrollbarColor
+    verticalScrollbarOptions: {
+      trackOptions: {
+        backgroundColor: props.scrollbarColor,
+        foregroundColor: props.scrollbarColor
+      }
     }
-  } : undefined;
+  } : {};
   const isExpanded = id => (props.expandedIds ?? []).includes(id);
   return (() => {
     var _el$ = _$createElement("scrollbox"),
       _el$2 = _$createElement("box");
     _$insertNode(_el$, _el$2);
     _$use(attach, _el$);
-    _$setProp(_el$, "width", "100%");
-    _$setProp(_el$, "horizontalScrollbarOptions", {
-      visible: false
-    });
+    _$setProp(_el$, "width", "auto");
+    _$spread(_el$, _$mergeProps({
+      get height() {
+        return Math.min(entries().length, TODO_PANEL_MAX_ROWS);
+      }
+    }, scrollbarOptions, {
+      "horizontalScrollbarOptions": {
+        visible: false
+      }
+    }), true);
     _$setProp(_el$2, "flexDirection", "column");
     _$setProp(_el$2, "flexShrink", 0);
     _$insert(_el$2, _$createComponent(For, {
@@ -239,23 +249,23 @@ export function TodoList(props) {
           }
         }), null);
         _$effect(_p$ => {
-          var _v$3 = rowId(entry.row.id),
-            _v$4 = RowWidth(entry.row),
-            _v$5 = {
+          var _v$ = rowId(entry.row.id),
+            _v$2 = RowWidth(entry.row),
+            _v$3 = {
               fg: entry.row.iconColor
             },
-            _v$6 = {
+            _v$4 = {
               fg: entry.row.textColor
             },
-            _v$7 = {
+            _v$5 = {
               fg: entry.row.textColor,
               strikethrough: entry.row.status === "completed"
             };
-          _v$3 !== _p$.e && (_p$.e = _$setProp(_el$3, "id", _v$3, _p$.e));
-          _v$4 !== _p$.t && (_p$.t = _$setProp(_el$3, "width", _v$4, _p$.t));
-          _v$5 !== _p$.a && (_p$.a = _$setProp(_el$7, "style", _v$5, _p$.a));
-          _v$6 !== _p$.o && (_p$.o = _$setProp(_el$9, "style", _v$6, _p$.o));
-          _v$7 !== _p$.i && (_p$.i = _$setProp(_el$0, "style", _v$7, _p$.i));
+          _v$ !== _p$.e && (_p$.e = _$setProp(_el$3, "id", _v$, _p$.e));
+          _v$2 !== _p$.t && (_p$.t = _$setProp(_el$3, "width", _v$2, _p$.t));
+          _v$3 !== _p$.a && (_p$.a = _$setProp(_el$7, "style", _v$3, _p$.a));
+          _v$4 !== _p$.o && (_p$.o = _$setProp(_el$9, "style", _v$4, _p$.o));
+          _v$5 !== _p$.i && (_p$.i = _$setProp(_el$0, "style", _v$5, _p$.i));
           return _p$;
         }, {
           e: undefined,
@@ -287,21 +297,21 @@ export function TodoList(props) {
         _$insert(_el$13, ERROR_PREFIX, null);
         _$insert(_el$14, () => entry.row.content);
         _$effect(_p$ => {
-          var _v$8 = `${rowId(entry.row.id)}-note`,
-            _v$9 = ErrorRowWidth({
+          var _v$6 = `${rowId(entry.row.id)}-note`,
+            _v$7 = ErrorRowWidth({
               error: entry.row.content,
               depth: entry.row.depth
             }),
-            _v$0 = {
+            _v$8 = {
               fg: props.scrollbarColor
             },
-            _v$1 = {
+            _v$9 = {
               fg: entry.row.textColor
             };
-          _v$8 !== _p$.e && (_p$.e = _$setProp(_el$11, "id", _v$8, _p$.e));
-          _v$9 !== _p$.t && (_p$.t = _$setProp(_el$11, "width", _v$9, _p$.t));
-          _v$0 !== _p$.a && (_p$.a = _$setProp(_el$13, "style", _v$0, _p$.a));
-          _v$1 !== _p$.o && (_p$.o = _$setProp(_el$14, "style", _v$1, _p$.o));
+          _v$6 !== _p$.e && (_p$.e = _$setProp(_el$11, "id", _v$6, _p$.e));
+          _v$7 !== _p$.t && (_p$.t = _$setProp(_el$11, "width", _v$7, _p$.t));
+          _v$8 !== _p$.a && (_p$.a = _$setProp(_el$13, "style", _v$8, _p$.a));
+          _v$9 !== _p$.o && (_p$.o = _$setProp(_el$14, "style", _v$9, _p$.o));
           return _p$;
         }, {
           e: undefined,
@@ -312,16 +322,6 @@ export function TodoList(props) {
         return _el$11;
       })()
     }));
-    _$effect(_p$ => {
-      var _v$ = Math.min(entries().length, TODO_PANEL_MAX_ROWS),
-        _v$2 = scrollbarOptions();
-      _v$ !== _p$.e && (_p$.e = _$setProp(_el$, "height", _v$, _p$.e));
-      _v$2 !== _p$.t && (_p$.t = _$setProp(_el$, "verticalScrollbarOptions", _v$2, _p$.t));
-      return _p$;
-    }, {
-      e: undefined,
-      t: undefined
-    });
     return _el$;
   })();
 }
@@ -654,12 +654,12 @@ export function TodoProgress(props) {
           _$insertNode(_el$25, _$createTextNode(`Continue`));
           _$setProp(_el$25, "wrapMode", "none");
           _$effect(_p$ => {
-            var _v$10 = continueHover.onMouseOver,
-              _v$11 = continueHover.onMouseOut,
-              _v$12 = hoverColor(continueHover.hovered(), theme().text.action.primary.base);
-            _v$10 !== _p$.e && (_p$.e = _$setProp(_el$24, "onMouseOver", _v$10, _p$.e));
-            _v$11 !== _p$.t && (_p$.t = _$setProp(_el$24, "onMouseOut", _v$11, _p$.t));
-            _v$12 !== _p$.a && (_p$.a = _$setProp(_el$25, "fg", _v$12, _p$.a));
+            var _v$0 = continueHover.onMouseOver,
+              _v$1 = continueHover.onMouseOut,
+              _v$10 = hoverColor(continueHover.hovered(), theme().text.action.primary.base);
+            _v$0 !== _p$.e && (_p$.e = _$setProp(_el$24, "onMouseOver", _v$0, _p$.e));
+            _v$1 !== _p$.t && (_p$.t = _$setProp(_el$24, "onMouseOut", _v$1, _p$.t));
+            _v$10 !== _p$.a && (_p$.a = _$setProp(_el$25, "fg", _v$10, _p$.a));
             return _p$;
           }, {
             e: undefined,
@@ -708,24 +708,24 @@ export function TodoProgress(props) {
         }
       }), null);
       _$effect(_p$ => {
-        var _v$13 = theme().border.base,
-          _v$14 = imageSupported() ? 0 : 1,
-          _v$15 = {
+        var _v$11 = theme().border.base,
+          _v$12 = imageSupported() ? 0 : 1,
+          _v$13 = {
             fg: theme().text.base
           },
-          _v$16 = {
+          _v$14 = {
             fg: theme().text.muted
           },
-          _v$17 = !imageSupported() ? 1.5 : 0,
-          _v$18 = clearHover.onMouseOver,
-          _v$19 = clearHover.onMouseOut;
-        _v$13 !== _p$.e && (_p$.e = _$setProp(_el$15, "borderColor", _v$13, _p$.e));
-        _v$14 !== _p$.t && (_p$.t = _$setProp(_el$18, "marginLeft", _v$14, _p$.t));
-        _v$15 !== _p$.a && (_p$.a = _$setProp(_el$21, "style", _v$15, _p$.a));
-        _v$16 !== _p$.o && (_p$.o = _$setProp(_el$23, "style", _v$16, _p$.o));
-        _v$17 !== _p$.i && (_p$.i = _$setProp(_el$27, "marginRight", _v$17, _p$.i));
-        _v$18 !== _p$.n && (_p$.n = _$setProp(_el$27, "onMouseOver", _v$18, _p$.n));
-        _v$19 !== _p$.s && (_p$.s = _$setProp(_el$27, "onMouseOut", _v$19, _p$.s));
+          _v$15 = !imageSupported() ? 1.5 : 0,
+          _v$16 = clearHover.onMouseOver,
+          _v$17 = clearHover.onMouseOut;
+        _v$11 !== _p$.e && (_p$.e = _$setProp(_el$15, "borderColor", _v$11, _p$.e));
+        _v$12 !== _p$.t && (_p$.t = _$setProp(_el$18, "marginLeft", _v$12, _p$.t));
+        _v$13 !== _p$.a && (_p$.a = _$setProp(_el$21, "style", _v$13, _p$.a));
+        _v$14 !== _p$.o && (_p$.o = _$setProp(_el$23, "style", _v$14, _p$.o));
+        _v$15 !== _p$.i && (_p$.i = _$setProp(_el$27, "marginRight", _v$15, _p$.i));
+        _v$16 !== _p$.n && (_p$.n = _$setProp(_el$27, "onMouseOver", _v$16, _p$.n));
+        _v$17 !== _p$.s && (_p$.s = _$setProp(_el$27, "onMouseOut", _v$17, _p$.s));
         return _p$;
       }, {
         e: undefined,

package/dist/tui.js

@@ -1,9 +1,9 @@
 import { createComponent as _$createComponent } from "@opentui/solid";
 import { Plugin } from "@opencode/plugin/tui";
 import { RendererContext } from "@opentui/solid";
-import { TodoProgress } from "./tui/todo-panel";
+import { TodoProgress } from "./tui/todo-panel.js";
 export default Plugin.define({
-  id: "opencode.todolist.tui1",
+  id: "opencode.todolist.tui",
   setup(context) {
     const releaseSlot = context.ui.slot({
       append: "session.composer.top",

package/index.js

@@ -1 +1 @@
-export { default } from "./dist/index";
+export { default } from "./dist/index.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gamflaz/opencode-todolist",
-  "version": "1.0.9",
+  "version": "1.0.11",
   "description": "Hierarchical todo list plugin for OpenCode with a real-time TUI widget.",
   "type": "module",
   "files": [

package/tui.js

@@ -1 +1 @@
-export { default } from "./dist/tui";
+export { default } from "./dist/tui.js";

package/dist/icons/svg-icon.jsx

@@ -1,37 +0,0 @@
-import { usePlugin } from "@opencode/plugin/tui";
-import { rgbToHex } from "@opentui/core";
-import { Resvg } from "@resvg/resvg-js";
-import { createMemo, createSignal, onCleanup, Show } from "solid-js";
-import { supportsImageRendering } from "./image-capabilities";
-export function SvgIcon(props) {
-    const { source: _, color: __, fallback, ...prop } = props;
-    const context = usePlugin();
-    const [imageSupported, setImageSupported] = createSignal(supportsImageRendering(context.renderer.capabilities));
-    const updateImageSupport = (capabilities) => {
-        setImageSupported(supportsImageRendering(capabilities));
-    };
-    context.renderer.on("capabilities", updateImageSupport);
-    onCleanup(() => context.renderer.off("capabilities", updateImageSupport));
-    const iconColor = () => props.color
-        ? typeof props.color === "string"
-            ? props.color
-            : rgbToHex(props.color)
-        : "currentColor";
-    const pngBuffer = createMemo(() => {
-        const bgToken = context.theme.background.base;
-        const bg = rgbToHex(bgToken);
-        let svg = props.source
-            .replace(/stroke="[^"]*"/g, `stroke="${iconColor()}"`)
-            .replace(/color="[^"]*"/g, `color="${iconColor()}"`);
-        const resvg = new Resvg(svg, {
-            fitTo: { mode: "width", value: 64 },
-            background: bg,
-        });
-        return resvg.render().asPng();
-    });
-    return (<Show when={imageSupported()} fallback={<text>
-          <span style={{ fg: iconColor() }}>{fallback}</span>
-        </text>}>
-      <image source={pngBuffer()} width={props.width ?? 2} height={props.height ?? 1} {...prop}/>
-    </Show>);
-}

package/dist/tui/todo-panel.jsx

@@ -1,503 +0,0 @@
-import { mkdirSync, watch } from "node:fs";
-import { createEffect, createMemo, createSignal, For, onCleanup, Show, } from "solid-js";
-import { supportsImageRendering } from "../icons/image-capabilities";
-import { SvgIcon } from "../icons/svg-icon";
-import { arrowDownSvgIcon, arrowRightSvgIcon, continuePromptSvgIcon, removeSvgIcon, } from "../icons/svg-icons";
-import { StatusLabel } from "../schemas/status";
-import { getTodosDirectory, hashSessionID, readTodosSync, writeTodos, } from "../storage/todo-store";
-import { getTodoDisplaySummary, hasOpenTodos, } from "../todos/display";
-import { TodoTree } from "../todos/todo-tree";
-import { shorten } from "./text";
-import { ERROR_PREFIX, ErrorRowWidth, RowWidth } from "./layout";
-/** How many open items the Continue prompt lists before collapsing the rest. */
-export const CONTINUE_PROMPT_MAX_ITEMS = 3;
-/** Per-field caps so one long note cannot flood the prompt. */
-export const CONTINUE_PROMPT_MAX_CONTENT = 60;
-export const CONTINUE_PROMPT_MAX_NOTE = 60;
-const SPINNER_FRAMES = ["⠋", "⠙", "⠹", "⠸", "⠼", "⠴", "⠦", "⠧", "⠇", "⠏"];
-const SPINNER_INTERVAL_MS = 100;
-const WATCH_DEBOUNCE_MS = 50;
-/**
- * Maximum number of todo rows the panel shows before it starts scrolling.
- * Keeping the panel compact protects the composer; scrolling guarantees no
- * row is ever silently dropped.
- */
-export const TODO_PANEL_MAX_ROWS = 8;
-const isOpen = (status) => status !== "completed" && status !== "cancelled";
-function ContinuePrompt(summary) {
-    const open = summary?.items.filter((item) => isOpen(item.status)) ?? [];
-    const shown = open.slice(0, CONTINUE_PROMPT_MAX_ITEMS);
-    const hidden = open.length - shown.length;
-    const lines = [
-        "Continue the current todolist.",
-        "First call manage_todo_list [read] and reconcile the stored list with this summary.",
-    ];
-    if (summary) {
-        lines.push(`Progress: ${summary.completed}/${summary.total} completed.`);
-    }
-    if (open.length) {
-        lines.push("Open items that still need work (short summary):");
-        for (const item of shown) {
-            const note = item.note
-                ? ` — ${shorten(item.note, CONTINUE_PROMPT_MAX_NOTE)}`
-                : "";
-            lines.push(`${item.depth ? "  " : ""}- ${item.id} (${StatusLabel[item.status]}) ${shorten(item.content, CONTINUE_PROMPT_MAX_CONTENT)}${note}`);
-        }
-        if (hidden > 0)
-            lines.push(`... (${hidden} more open item(s))`);
-    }
-    else {
-        lines.push("No open items are listed. Verify the stored state before stopping.");
-    }
-    lines.push("Continue the next open item immediately. Keep exactly one item in_progress and update the todo list after verification.");
-    return lines.join("\n");
-}
-/**
- * Flattens rows into renderable lines, inserting an error detail right below
- * an expanded error row (click to toggle).
- */
-export function TodoListEntries(rows, expandedIds) {
-    const expanded = new Set(expandedIds);
-    const entries = [];
-    for (const row of rows) {
-        entries.push({ kind: "row", row });
-        if (row.status === "error" && expanded.has(row.id)) {
-            entries.push({ kind: "error", row });
-        }
-    }
-    return entries;
-}
-/**
- * Follow the most advanced active row: the last `in_progress` entry is the
- * task currently being executed. Error lines are skipped.
- */
-export function FindActiveEntryIndex(entries) {
-    for (let index = entries.length - 1; index >= 0; index -= 1) {
-        const entry = entries[index];
-        if (entry.kind === "row" && entry.row.status === "in_progress") {
-            return index;
-        }
-    }
-    return -1;
-}
-/**
- * Scroll offset needed to reveal the active row, or `undefined` when nothing
- * should move (no active row, already visible, or the list fits).
- *
- * Kept pure so the follow behaviour is testable without a live renderer.
- */
-export function NextFollowScrollTop(input) {
-    const { currentTop, activeIndex, rowCount, viewportHeight } = input;
-    if (activeIndex < 0)
-        return undefined;
-    const viewport = Math.max(1, viewportHeight);
-    const maxTop = Math.max(0, rowCount - viewport);
-    if (maxTop === 0)
-        return undefined;
-    const activeBottom = activeIndex + 1;
-    const visibleBottom = currentTop + viewport;
-    if (activeIndex >= currentTop && activeBottom <= visibleBottom) {
-        return undefined;
-    }
-    const targetTop = activeIndex >= visibleBottom ? activeBottom - viewport : activeIndex;
-    return Math.min(Math.max(0, targetTop), maxTop);
-}
-/**
- * Presentational, context-free todo list.
- *
- * The panel is deliberately chrome-free: no indicator row, and the horizontal
- * scrollbar stays hidden. Long titles never wrap — they are reached by
- * scrolling left/right, and the vertical list scrolls when it exceeds
- * `TODO_PANEL_MAX_ROWS`. When a row is `in_progress` the panel follows it.
- *
- * `activeIcon` is an accessor so the spinner updates only the icon text node
- * instead of forcing every row object to be rebuilt on each animation frame.
- */
-export function TodoList(props) {
-    const rowId = (id) => `todo-row-${id}`;
-    const [box, setBox] = createSignal();
-    const entries = createMemo(() => TodoListEntries(props.rows, props.expandedIds ?? []));
-    const iconOf = (row) => row.status === "in_progress"
-        ? (props.activeIcon?.() ?? row.icon)
-        : row.icon;
-    const followActiveRow = (el) => {
-        if (el.isDestroyed)
-            return;
-        const target = NextFollowScrollTop({
-            currentTop: el.scrollTop,
-            activeIndex: FindActiveEntryIndex(entries()),
-            rowCount: entries().length,
-            viewportHeight: el.viewport.height,
-        });
-        if (target !== undefined)
-            el.scrollTo(target);
-    };
-    const attach = (el) => {
-        setBox(el);
-        el.content.maxWidth = undefined;
-        const internalOnSizeChange = el.content.onSizeChange;
-        el.content.onSizeChange = () => {
-            internalOnSizeChange?.call(el.content);
-            followActiveRow(el);
-        };
-        props.ref?.(el);
-    };
-    // `entries()` already changes whenever rows or expanded ids change.
-    createEffect(() => {
-        entries();
-        const el = box();
-        if (el)
-            followActiveRow(el);
-    });
-    const scrollbarOptions = () => props.scrollbarColor
-        ? {
-            trackOptions: {
-                backgroundColor: props.scrollbarColor,
-                foregroundColor: props.scrollbarColor,
-            },
-        }
-        : undefined;
-    const isExpanded = (id) => (props.expandedIds ?? []).includes(id);
-    return (<scrollbox ref={attach} width="100%" height={Math.min(entries().length, TODO_PANEL_MAX_ROWS)} verticalScrollbarOptions={scrollbarOptions()} horizontalScrollbarOptions={{ visible: false }}>
-      <box flexDirection="column" flexShrink={0}>
-        <For each={entries()}>
-          {(entry) => entry.kind === "row" ? (<box id={rowId(entry.row.id)} flexDirection="row" height={1} flexShrink={0} width={RowWidth(entry.row)} onMouseDown={(e) => {
-                if (e.button === 0 && entry.row.status === "error") {
-                    e.stopPropagation?.();
-                    props.onToggleRow?.(entry.row.id);
-                }
-            }}>
-                <text wrapMode="none">
-                  <Show when={entry.row.depth > 0}>
-                    <span>{"  "}</span>
-                  </Show>
-                  <span style={{ fg: entry.row.iconColor }}>
-                    {iconOf(entry.row)}{" "}
-                  </span>
-                  <span style={{ fg: entry.row.textColor }}>
-                    {TodoTree.formatIdPrefix(entry.row.id, entry.row.depth)}
-                  </span>
-                  <span style={{
-                fg: entry.row.textColor,
-                strikethrough: entry.row.status === "completed",
-            }}>
-                    {entry.row.content}
-                  </span>
-                  <Show when={entry.row.status === "error"}>
-                    <span style={{ fg: props.scrollbarColor }}>
-                      {" "}
-                      {isExpanded(entry.row.id) ? "⌄" : "›"}
-                    </span>
-                  </Show>
-                </text>
-              </box>) : (<box id={`${rowId(entry.row.id)}-note`} flexDirection="row" height={1} flexShrink={0} width={ErrorRowWidth({
-                error: entry.row.content,
-                depth: entry.row.depth,
-            })} onMouseDown={(e) => {
-                if (e.button === 0) {
-                    e.stopPropagation?.();
-                    props.onToggleRow?.(entry.row.id);
-                }
-            }}>
-                <text wrapMode="none">
-                  <span style={{ fg: props.scrollbarColor }}>
-                    {entry.row.depth > 0 ? "    " : "  "}
-                    {ERROR_PREFIX}
-                  </span>
-                  <span style={{ fg: entry.row.textColor }}>
-                    {entry.row.content}
-                  </span>
-                </text>
-              </box>)}
-        </For>
-      </box>
-    </scrollbox>);
-}
-/** Small helper so each hover target does not repeat three lines. */
-function createHover() {
-    const [hovered, setHovered] = createSignal(false);
-    return {
-        hovered,
-        onMouseOver: () => setHovered(true),
-        onMouseOut: () => setHovered(false),
-    };
-}
-/**
- * Watches the todos directory and calls `onChange` (debounced) when a file
- * belonging to the current session changes. Cleans up with the owner scope.
- */
-function watchSessionTodos(sessionID, onChange) {
-    let timer;
-    let watcher;
-    const hashed = createMemo(() => {
-        const sid = sessionID();
-        if (!sid)
-            return "";
-        try {
-            return hashSessionID(sid);
-        }
-        catch {
-            return "";
-        }
-    });
-    const notify = () => {
-        clearTimeout(timer);
-        timer = setTimeout(onChange, WATCH_DEBOUNCE_MS);
-    };
-    const belongsToSession = (name) => {
-        const sid = sessionID();
-        if (!sid)
-            return true;
-        const hash = hashed();
-        return ((hash !== "" && name.startsWith(hash)) ||
-            name.startsWith(sid) ||
-            name.startsWith(`todos-${sid}-`));
-    };
-    try {
-        const baseDir = getTodosDirectory();
-        mkdirSync(baseDir, { recursive: true });
-        watcher = watch(baseDir, { recursive: true, persistent: false }, (_, filename) => {
-            if (!filename || belongsToSession(String(filename)))
-                notify();
-        });
-    }
-    catch (err) {
-        console.error("[todos] watcher initialization failed:", err);
-    }
-    onCleanup(() => {
-        clearTimeout(timer);
-        watcher?.close();
-    });
-}
-export function TodoProgress(props) {
-    const { context } = props;
-    const sessionID = () => props.sessionID ?? "";
-    const theme = () => context.theme;
-    const [refresh, setRefresh] = createSignal(0);
-    const [isCollapsed, setIsCollapsed] = createSignal(true);
-    const [isContinuePending, setIsContinuePending] = createSignal(false);
-    const [animFrame, setAnimFrame] = createSignal(0);
-    const [expandedIds, setExpandedIds] = createSignal([]);
-    const clearHover = createHover();
-    const continueHover = createHover();
-    // Image capability
-    const [imageSupported, setImageSupported] = createSignal(supportsImageRendering(context.renderer?.capabilities));
-    const onCapabilities = (caps) => setImageSupported(supportsImageRendering(caps));
-    context.renderer.on("capabilities", onCapabilities);
-    onCleanup(() => context.renderer.off("capabilities", onCapabilities));
-    // Running state
-    const readRunning = () => {
-        const sid = sessionID();
-        if (!sid)
-            return false;
-        try {
-            return context.data.session.status(sid) === "running";
-        }
-        catch {
-            return false;
-        }
-    };
-    const [isRunning, setIsRunning] = createSignal(readRunning());
-    createEffect(() => setIsRunning(readRunning()));
-    const unsubscribe = context.data.listen(({ details }) => {
-        const sid = sessionID();
-        switch (details.type) {
-            case "session.execution.started":
-            case "session.execution.interrupted":
-            case "session.execution.succeeded":
-            case "session.execution.failed":
-            case "session.idle":
-                if (!sid || details.data.sessionID === sid) {
-                    setIsRunning(details.type === "session.execution.started");
-                    setIsContinuePending(false);
-                }
-                break;
-            case "session.status":
-                if (!sid || details.data.sessionID === sid) {
-                    setIsRunning(details.data.status.type !== "idle");
-                    setIsContinuePending(false);
-                }
-                break;
-        }
-    });
-    onCleanup(() => {
-        try {
-            unsubscribe();
-        }
-        catch { }
-    });
-    // Todo data
-    watchSessionTodos(sessionID, () => setRefresh((v) => v + 1));
-    const summary = createMemo(() => {
-        refresh();
-        const sid = sessionID();
-        if (!sid)
-            return null;
-        try {
-            return getTodoDisplaySummary(readTodosSync(sid));
-        }
-        catch {
-            return null;
-        }
-    });
-    // Spinner: one interval, only while something is actually running.
-    const hasInProgress = createMemo(() => summary()?.items.some((i) => i.status === "in_progress") ?? false);
-    createEffect(() => {
-        if (!(hasInProgress() && isRunning()))
-            return;
-        const id = setInterval(() => setAnimFrame((prev) => (prev + 1) % SPINNER_FRAMES.length), SPINNER_INTERVAL_MS);
-        onCleanup(() => clearInterval(id));
-    });
-    const activeIcon = () => (isRunning() ? SPINNER_FRAMES[animFrame()] : "-");
-    const itemIcon = (status, fallback) => status === "in_progress" ? activeIcon() : fallback;
-    const activeItem = createMemo(() => {
-        const items = summary()?.items;
-        if (!items)
-            return null;
-        return (items.find((i) => i.status === "in_progress" && i.depth > 0) ??
-            items.find((i) => i.status === "in_progress") ??
-            null);
-    });
-    // Colors
-    const getStatusColor = (status) => {
-        const t = theme();
-        switch (status) {
-            case "in_progress":
-                return isRunning()
-                    ? (t.text.action?.primary?.base ??
-                        t.text.feedback.info?.base ??
-                        t.text.base)
-                    : t.text.muted;
-            case "completed":
-                return t.text.feedback.success.base;
-            case "error":
-            case "cancelled":
-                return t.text.feedback.error.base;
-            default:
-                return t.text.muted;
-        }
-    };
-    const getTextColor = (status) => status === "completed" || status === "cancelled" || status === "error"
-        ? theme().text.muted
-        : theme().text.base;
-    /**
-     * Rows are built only while the panel is expanded and do NOT depend on the
-     * spinner frame, so the row objects stay stable between animation ticks.
-     */
-    const rows = createMemo(() => {
-        if (isCollapsed())
-            return [];
-        return (summary()?.items ?? []).map((item) => ({
-            id: item.id,
-            content: item.content,
-            icon: item.icon,
-            iconColor: getStatusColor(item.status),
-            textColor: getTextColor(item.status),
-            depth: item.depth,
-            status: item.status,
-        }));
-    });
-    // Actions
-    const toggleRowNote = (id) => setExpandedIds((current) => current.includes(id)
-        ? current.filter((entry) => entry !== id)
-        : [...current, id]);
-    const continueTodos = async () => {
-        if (isRunning() || isContinuePending())
-            return;
-        const sid = sessionID();
-        if (!sid)
-            return;
-        setIsContinuePending(true);
-        try {
-            await context.client.session.prompt({
-                sessionID: sid,
-                text: ContinuePrompt(summary()),
-            });
-        }
-        catch (error) {
-            setIsContinuePending(false);
-            console.error("[todos] continue failed:", error);
-        }
-    };
-    const clearTodos = async () => {
-        const sid = sessionID();
-        if (!sid)
-            return;
-        try {
-            await writeTodos(sid, []);
-            setRefresh((v) => v + 1);
-        }
-        catch (error) {
-            console.error("[todos] clear failed:", error);
-        }
-    };
-    const hoverColor = (hovered, active) => hovered ? active : theme().text.muted;
-    return (<Show when={summary()}>
-      {(data) => (<box flexDirection="column" border={true} borderStyle="rounded" borderColor={theme().border.base} paddingLeft={1} paddingRight={1}>
-          <box flexDirection="row" justifyContent="space-between">
-            <box flexDirection="row" flexGrow={1} onMouseDown={(e) => {
-                if (e.button === 0) {
-                    e.stopPropagation?.();
-                    setIsCollapsed((v) => !v);
-                }
-            }}>
-              <box flexDirection="row" width={2} height={1} marginRight={1} marginLeft={imageSupported() ? 0 : 1} alignItems="flex-start">
-                <SvgIcon source={isCollapsed() ? arrowRightSvgIcon : arrowDownSvgIcon} color={theme().text.muted} fallback={isCollapsed() ? "▶" : "▼"} width={2} height={1}/>
-              </box>
-
-              <box flexDirection="row" flexGrow={1} flexShrink={1} overflow="hidden" marginRight={1}>
-                <text wrapMode="none">
-                  <span style={{ fg: theme().text.base }}>{"Todos "}</span>
-                  <span style={{ fg: theme().text.muted }}>
-                    {`(${data().completed}/${data().total})`}
-                  </span>
-                  <Show when={isCollapsed() && activeItem()}>
-                    {(active) => (<>
-                        <span style={{ fg: theme().text.muted }}>{"  "}</span>
-                        <span style={{ fg: getStatusColor(active().status) }}>
-                          {itemIcon(active().status, active().icon)}{" "}
-                        </span>
-                        <span style={{ fg: getTextColor(active().status) }}>
-                          {TodoTree.formatIdPrefix(active().id, active().depth)}
-                          {active().content}
-                        </span>
-                      </>)}
-                  </Show>
-                </text>
-              </box>
-            </box>
-
-            <Show when={hasOpenTodos(data().items) &&
-                !isRunning() &&
-                !isContinuePending()}>
-              <box flexDirection="row" gap={1} marginRight={3} onMouseOver={continueHover.onMouseOver} onMouseOut={continueHover.onMouseOut} onMouseDown={(e) => {
-                if (e.button === 0) {
-                    e.stopPropagation();
-                    void continueTodos();
-                }
-            }}>
-                <SvgIcon source={continuePromptSvgIcon} color={hoverColor(continueHover.hovered(), theme().text.action.primary.base)} fallback="↻" width={2} height={1}/>
-                <text wrapMode="none" fg={hoverColor(continueHover.hovered(), theme().text.action.primary.base)}>
-                  Continue
-                </text>
-              </box>
-            </Show>
-
-            <box marginRight={!imageSupported() ? 1.5 : 0} flexDirection="row" onMouseOver={clearHover.onMouseOver} onMouseOut={clearHover.onMouseOut} onMouseDown={(e) => {
-                if (e.button === 0) {
-                    e.stopPropagation();
-                    void clearTodos();
-                }
-            }}>
-              <SvgIcon color={hoverColor(clearHover.hovered(), theme().text.feedback.error.base)} source={removeSvgIcon} fallback="✖" height={1} width={2}/>
-            </box>
-          </box>
-
-          <Show when={!isCollapsed()}>
-            <box flexDirection="column" paddingTop={1} paddingLeft={0.5}>
-              <TodoList rows={rows()} expandedIds={expandedIds()} activeIcon={activeIcon} onToggleRow={toggleRowNote}/>
-            </box>
-          </Show>
-        </box>)}
-    </Show>);
-}

package/dist/tui.jsx

@@ -1,23 +0,0 @@
-import { Plugin } from "@opencode/plugin/tui";
-import { RendererContext } from "@opentui/solid";
-import { TodoProgress } from "./tui/todo-panel";
-export default Plugin.define({
-    id: "opencode.todolist.tui1",
-    setup(context) {
-        const releaseSlot = context.ui.slot({
-            append: "session.composer.top",
-            render: (props) => {
-                const directory = context.data.session.get(props.sessionID)?.location
-                    .directory;
-                if (!directory)
-                    return null;
-                return (<RendererContext.Provider value={context.renderer}>
-            <TodoProgress context={context} sessionID={props.sessionID}/>
-          </RendererContext.Provider>);
-            },
-        });
-        return () => {
-            releaseSlot();
-        };
-    },
-});