osdy-pi 1.6.0 → 1.7.0

package/README.md

@@ -132,13 +132,15 @@ The exclusions prevent Gentle's todo, questionnaire, and agents extensions from
 
 The model-facing `todo` tool supports `create`, `update`, `list`, `get`, `delete`, and `clear`. Tool results carry full task snapshots; Pi's current session branch is the TODO authority. Session switches and compaction replay the latest valid branch snapshot, rather than sharing one project-wide list. `/todos` opens a read-only, grouped modal (pending, in progress, completed) in interactive Pi; scroll with arrow or Page Up/Down keys and close with Esc or q. The refreshed modal adds a completed-task progress meter, theme-aware status groups and a scroll-position footer while keeping every task reachable. It is not an interactive Markdown editor. In non-terminal modes with UI support, it retains notification output. ODD's `odd/tasks/*.md` ledger and Engram are separate orchestration records: there is no automatic sync with these Pi TODOs.
 
-In interactive Pi, the persistent widget appears above the editor while visible tasks exist. By default it shows up to five task rows (excluding heading, overflow hint, and spacer), summarizes overflow, and keeps completed rows visible with crossed-out subjects on subsequent turns; expand tool output to view all rows. `ctrl+shift+t` collapses or expands the widget.
+In interactive Pi, the persistent widget appears above the editor while visible tasks exist. Its compact preview shows up to three task rows (excluding heading, overflow hint, and spacer), prioritizes unfinished tasks on overflow, and crosses out completed subjects. In fullscreen Pi, left-click the heading to expand or return to preview; wheel over the expanded widget to move one task at a time beneath the fixed heading. The final task can reach the first task row even in a short dock. A heading-only or hidden dock cannot display tasks; use `/todos` for the full keyboard-accessible list. Regular mode stays compact; Pi's tool-output expansion does not change this widget. `ctrl+shift+t` retains the separate fully collapsed view.
+
+Expansion and scroll position survive same-session refresh, tree navigation, and compaction, with offsets clamped as tasks change. Foreground session replacement and shutdown reset the view; background sessions do not affect it. Task data and `/todos` are unchanged.
 
 ### Try session TODO
 
-Use an installed 1.5.0-or-later package (or a checkout), ask the agent to track a task with `todo`, then run `/todos`. The widget shows up to five tasks by default; the modal shows the entire grouped list with arrow/Page Up/Down scrolling. If your `maxWidgetLines` configuration overrides the default, set it to `7` to show five task rows.
+Use this checkout (or a package containing the three-task preview), ask the agent to track a task with `todo`, then run `/todos`. The modal shows the entire grouped list with arrow/Page Up/Down scrolling. `maxWidgetLines: 7` permits five task rows in the expanded fullscreen widget; the preview remains capped at three. Smaller budgets also constrain the preview. Fullscreen widget mouse handling uses Pi's public 0.99.1 component APIs.
 
-**Verification to date (not complete):** Prior feature checks passed 187 extension tests, 60 script tests, typecheck, and lint. A disposable Pi TUI with seeded tasks showed the modal's progress meter, grouped rows, scroll footer, and close behavior. Authenticated RPC turns exercised all six `todo` actions, and an authenticated TUI smoke observed widget and `/todos` updates. An RPC lifecycle check observed an empty new session and the completed task on switching back. Compaction replay remains unverified because Pi returned “Nothing to compact (session too small).” Language switching in the authenticated TODO flow remains unverified (an isolated TUI with both extensions did switch English to Spanish). Visual strikethrough of completed rows in the authenticated TUI remains unverified. Launch under an installed Osdy account profile remains unverified. These checks do not establish full feature parity or validate a published npm artifact.
+**Verification to date (not complete):** The user confirmed fullscreen appearance and behavior via `pi:dev`. Automated PTY interaction passed 27 assertions, but fixture cleanup failed and the final task snapshot remains unverified; this was not a full end-to-end pass. Prior feature checks passed 187 extension tests, 60 script tests, typecheck, and lint. A disposable Pi TUI with seeded tasks showed the modal's progress meter, grouped rows, scroll footer, and close behavior. Authenticated RPC turns exercised all six `todo` actions, and an authenticated TUI smoke observed widget and `/todos` updates. An RPC lifecycle check observed an empty new session and the completed task on switching back. Compaction replay remains unverified because Pi returned “Nothing to compact (session too small).” Language switching in the authenticated TODO flow remains unverified (an isolated TUI with both extensions did switch English to Spanish). Visual strikethrough of completed rows in the authenticated TUI remains unverified. Launch under an installed Osdy account profile remains unverified. These checks do not establish full feature parity or validate a published npm artifact.
 
 ### TODO configuration and language
 

package/extensions/osdy-pi/todo-widget.test.ts

@@ -5,6 +5,7 @@ import test from "node:test";
 import { fileURLToPath } from "node:url";
 import ts from "typescript";
 import type { ExtensionAPI, Theme } from "@earendil-works/pi-coding-agent";
+import type { Component, TuiMouseEvent, TuiMode } from "@earendil-works/pi-tui";
 import type { TodoConfig } from "./todo-config.js";
 import type { TodoI18n } from "./todo-i18n.js";
 
@@ -25,11 +26,11 @@ registerHooks({
 const { registerTodoWidget } = await import("./todo-widget.js");
 const { createTodoSessionStore } = await import("./todo-session.js");
 const { applyTodo } = await import("./todo-domain.js");
-const { visibleWidth } = await import("@earendil-works/pi-tui");
+const { visibleWidth, Container } = await import("@earendil-works/pi-tui");
 const theme = { fg: (_color: string, text: string) => text, strikethrough: (text: string) => `~${text}~` };
 function harness(config: () => TodoConfig = () => ({}), i18n?: TodoI18n) {
  type Context = { hasUI: boolean; ui: typeof ui; sessionManager: { getSessionId(): string } };
- type Factory = (tui: { requestRender(force?: boolean): void }, theme: Theme) => { render(width: number): string[] };
+ type Factory = (tui: { mode: TuiMode; requestRender(force?: boolean): void }, theme: Theme) => Component;
  const handlers = new Map<string, ((event: { toolName?: string }, ctx: Context) => void)[]>();
  const shortcuts = new Map<string, (ctx: Context) => void>();
  const widgets: Array<{ key: string; factory: Factory | undefined; options: { placement: string } | undefined }> = [];
@@ -42,8 +43,27 @@ function harness(config: () => TodoConfig = () => ({}), i18n?: TodoI18n) {
  const emit = (name: string, context: Context, event: { toolName?: string } = {}) => { for (const handler of handlers.get(name) ?? []) handler(event, context); };
  const state = (id: string, tasks: { id: number; subject: string; status: "pending" | "in_progress" | "completed" | "deleted"; blockedBy?: number[]; activeForm?: string }[]) => store.set(id, { tasks, nextId: Math.max(1, ...tasks.map((t) => t.id + 1)) });
  const action = (id: string, kind: "create" | "clear", subject?: string) => store.set(id, applyTodo(store.get(id), kind, subject === undefined ? {} : { subject }).state);
- const lines = (width = 80): string[] => widgets.at(-1)?.factory?.({ requestRender(force?: boolean) { renders.push(force === true); } }, theme as Theme).render(width) ?? [];
- return { ui, widgets, renders, shortcuts, ctx, emit, state, action, lines };
+ const host = { mode: "fullscreen" as TuiMode, requestRender(force?: boolean) { renders.push(force === true); } };
+ let factory: Factory | undefined;
+ let component: Component | undefined;
+ const current = () => {
+  if (factory !== widgets.at(-1)?.factory) {
+   factory = widgets.at(-1)?.factory;
+   component = factory?.(host, theme as Theme);
+  }
+  return component;
+ };
+ const lines = (width = 80): string[] => current()?.render(width) ?? [];
+ const mouse = (change: Partial<TuiMouseEvent> = {}, clippedHeight?: number) => {
+  const child = current();
+  if (!child) return undefined;
+  const container = new Container(); container.addChild(child);
+  const rendered = container.render(80);
+  return container.handleMouse({ type: "click", button: "left", x: 0, y: 0,
+   screenX: 0, screenY: 0, width: 80, height: clippedHeight ?? rendered.length,
+   shift: false, alt: false, ctrl: false, ...change });
+ };
+ return { ui, host, widgets, renders, shortcuts, ctx, emit, state, action, lines, mouse, store };
 }
 const task = (id: number, status: "pending" | "in_progress" | "completed" | "deleted" = "pending", extra: { activeForm?: string; blockedBy?: number[] } = {}) => ({ id, status, subject: `Task ${id}`, ...extra });
 
@@ -102,24 +122,23 @@ void test("deleted tasks remain excluded while completed and pending tasks persi
  assert.deepEqual(h.lines(), []);
 });
 
-void test("default widget shows five task rows at the six-task boundary, with a truthful hint", () => {
+void test("default widget shows three task rows at the six-task boundary, with a truthful hint", () => {
  const h = harness(); const c = h.ctx("main"); h.emit("session_start", c);
  h.state("main", Array.from({ length: 6 }, (_, i) => task(i + 1)));
  h.emit("tool_execution_end", c, { toolName: "todo" });
- assert.deepEqual(h.lines(), ["● Todos (0/6)", ...Array.from({ length: 5 }, (_, i) => `├─ ○ Task ${i + 1}`), "└─ +1 more (1 pending)", ""]);
- h.ui.expanded = true;
- assert.equal(h.lines().length, 8);
- assert.equal(h.lines()[6], "└─ ○ Task 6");
+ assert.deepEqual(h.lines(), ["● Todos (0/6)", ...Array.from({ length: 3 }, (_, i) => `├─ ○ Task ${i + 1}`), "└─ +3 more (3 pending)", ""]);
+ h.ui.expanded = true; // Pi's tool expansion is not the widget's display preference.
+ assert.equal(h.lines().length, 6);
 });
 
-void test("five or fewer default task rows keep completed subjects struck through without overflow", () => {
+void test("three or fewer preview rows retain completed subjects and completed overflow counts", () => {
  const h = harness(); const c = h.ctx("main"); h.emit("session_start", c);
- h.state("main", [task(1, "completed"), ...Array.from({ length: 4 }, (_, i) => task(i + 2))]);
+ h.state("main", [task(1, "completed"), task(2), task(3)]);
  h.emit("tool_execution_end", c, { toolName: "todo" });
- assert.deepEqual(h.lines(), ["● Todos (1/5)", "├─ ✓ ~Task 1~", "├─ ○ Task 2", "├─ ○ Task 3", "├─ ○ Task 4", "└─ ○ Task 5", ""]);
+ assert.deepEqual(h.lines(), ["● Todos (1/3)", "├─ ✓ ~Task 1~", "├─ ○ Task 2", "└─ ○ Task 3", ""]);
  h.state("main", [task(1, "completed"), ...Array.from({ length: 5 }, (_, i) => task(i + 2, "completed"))]);
- assert.equal(h.lines().length, 8);
- assert.equal(h.lines().at(-2), "└─ +1 more (1 completed)");
+ assert.equal(h.lines().length, 6);
+ assert.equal(h.lines().at(-2), "└─ +3 more (3 completed)");
  assert.match(h.lines()[1] ?? "", /~Task 1~/);
 });
 
@@ -127,15 +146,16 @@ void test("default widget retains completed strikethrough when overflow contains
  const h = harness(); const c = h.ctx("main"); h.emit("session_start", c);
  h.state("main", [task(1, "completed"), ...Array.from({ length: 14 }, (_, i) => task(i + 2))]);
  h.emit("tool_execution_end", c, { toolName: "todo" });
- assert.deepEqual(h.lines(), ["● Todos (1/15)", ...Array.from({ length: 5 }, (_, i) => `├─ ○ Task ${i + 2}`), "└─ +10 more (1 completed, 9 pending)", ""]);
+ assert.deepEqual(h.lines(), ["● Todos (1/15)", ...Array.from({ length: 3 }, (_, i) => `├─ ○ Task ${i + 2}`), "└─ +12 more (1 completed, 11 pending)", ""]);
  h.ui.expanded = true;
- assert.equal(h.lines().length, 17);
+ assert.equal(h.lines().length, 6);
+ h.mouse();
  assert.equal(h.lines()[1], "├─ ✓ ~Task 1~");
 });
 
 void test("configured widget budget preserves small and boundary lists without hiding overflow", () => {
  for (const maxWidgetLines of [3, 7.5, 8]) {
-  const slots = Math.floor(maxWidgetLines - 2);
+  const slots = Math.min(3, Math.floor(maxWidgetLines - 2));
   const h = harness(() => ({ maxWidgetLines })); const c = h.ctx("main"); h.emit("session_start", c);
   h.state("main", Array.from({ length: slots }, (_, i) => task(i + 1)));
   h.emit("tool_execution_end", c, { toolName: "todo" });
@@ -147,12 +167,12 @@ void test("configured widget budget preserves small and boundary lists without h
  }
 });
 
-void test("overflow drops completed first and expands on Pi tool expansion", () => {
+void test("overflow drops completed first and ignores Pi tool expansion", () => {
  const h = harness(); const c = h.ctx("main"); h.emit("session_start", c);
  h.state("main", Array.from({ length: 15 }, (_, i) => task(i + 1, i % 3 === 0 ? "completed" : "pending")));
  h.emit("tool_execution_end", c, { toolName: "todo" });
- assert.equal(h.lines().length, 8); assert.match(h.lines()[6] ?? "", /\+10 more \(5 completed, 5 pending\)/);
- h.ui.expanded = true; assert.equal(h.lines().length, 17);
+ assert.equal(h.lines().length, 6); assert.match(h.lines()[4] ?? "", /\+12 more \(5 completed, 7 pending\)/);
+ h.ui.expanded = true; assert.equal(h.lines().length, 6);
 });
 
 void test("branch lifecycle retains completed rows and rebinds replacement UI safely", () => {
@@ -174,7 +194,7 @@ void test("overflow unfinished tail reports pending and hides completed first",
  const h = harness(); const c = h.ctx("main"); h.emit("session_start", c);
  h.state("main", [task(1, "completed"), ...Array.from({ length: 14 }, (_, i) => task(i + 2))]);
  h.emit("tool_execution_end", c, { toolName: "todo" });
- assert.match(h.lines()[6] ?? "", /\+10 more \(1 completed, 9 pending\)/);
+ assert.match(h.lines()[4] ?? "", /\+12 more \(1 completed, 11 pending\)/);
  assert.doesNotMatch(h.lines().join(" "), /Task 1(?!\d)/);
 });
 
@@ -185,7 +205,7 @@ void test("configured budget changes each render while key binds once and hint f
  h.emit("tool_execution_end", c, { toolName: "todo" });
  assert.equal(h.lines().length, 4);
  config = { maxWidgetLines: 8, collapseKey: "ctrl+g" };
- assert.equal(h.lines().length, 7);
+ assert.equal(h.lines().length, 6);
  assert.equal(h.shortcuts.has("ctrl+g"), false);
  h.shortcuts.get("alt+f5")?.(c);
  assert.match(h.lines()[1] ?? "", /ctrl\+g to expand/);
@@ -224,6 +244,84 @@ void test("widget reads live translations for heading, overflow, statuses and co
  assert.equal(h.lines()[1], "└─ ctrl+shift+t to expand");
 });
 
+void test("fullscreen header alone toggles bounded expansion; regular mode stays compact", () => {
+ const h = harness(); const c = h.ctx("main");
+ h.state("main", Array.from({ length: 8 }, (_, i) => task(i + 1)));
+ h.emit("session_start", c);
+ const original = structuredClone(h.store.get("main"));
+ assert.equal(h.mouse({ button: "right" }), undefined);
+ assert.equal(h.mouse({ y: 1 }), undefined);
+ assert.equal(h.mouse({ type: "press" }), undefined);
+ assert.equal(h.mouse({ type: "wheel", wheelDelta: 1 }), undefined);
+ h.host.mode = "regular";
+ assert.equal(h.mouse(), undefined);
+ assert.equal(h.lines().length, 6);
+ h.host.mode = "fullscreen";
+ assert.equal(h.mouse()?.handled, true);
+ assert.equal(h.lines().length, 8); // bounded to five tasks, not all eight
+ assert.equal(h.mouse()?.handled, true);
+ assert.equal(h.lines().length, 6);
+ assert.deepEqual(h.store.get("main"), original);
+});
+
+void test("real Container intrinsic-height dispatch reaches the last task with only one dock task row", () => {
+ const h = harness(); const c = h.ctx("main");
+ h.state("main", Array.from({ length: 9 }, (_, i) => task(i + 1)));
+ h.emit("session_start", c); h.mouse({}, 2);
+ const original = structuredClone(h.store.get("main"));
+ for (let id = 1; id <= 9; id++) {
+  const clippedDock = h.lines().slice(0, 2);
+  assert.equal(clippedDock[0], "● Todos (0/9)");
+  assert.match(clippedDock[1] ?? "", new RegExp(`Task ${id}$`));
+  const result = h.mouse({ type: "wheel", button: "none", y: 1, wheelDelta: 7 }, 2);
+  assert.equal(result?.handled, true);
+  assert.ok((result?.target.height ?? 0) > 2); // Container forwards intrinsic height
+ }
+ assert.match(h.lines()[1] ?? "", /Task 9$/);
+ assert.equal(h.mouse({ type: "wheel", wheelDelta: 0 }, 2)?.handled, true);
+ assert.equal(h.mouse({ type: "wheel", wheelDelta: Number.NaN }, 2)?.handled, true);
+ assert.match(h.lines()[1] ?? "", /Task 9$/);
+ assert.equal(h.mouse({ type: "wheel", wheelDelta: -3 }, 2)?.handled, true);
+ assert.match(h.lines()[1] ?? "", /Task 8$/);
+ h.host.mode = "regular";
+ assert.equal(h.mouse({ type: "wheel", wheelDelta: 1 }), undefined);
+ assert.equal(h.lines().length, 6);
+ h.host.mode = "fullscreen";
+ assert.match(h.lines()[1] ?? "", /Task 8$/);
+ assert.deepEqual(h.store.get("main"), original);
+});
+
+void test("expanded offsets survive refresh and tree, clamp on deletion and reset on replacement/shutdown", () => {
+ const h = harness(); const c = h.ctx("main");
+ h.state("main", Array.from({ length: 7 }, (_, i) => task(i + 1)));
+ h.emit("session_start", c); h.mouse();
+ for (let i = 0; i < 6; i++) h.mouse({ type: "wheel", wheelDelta: 1 });
+ h.renders.length = 0;
+ h.emit("tool_execution_end", c, { toolName: "todo" });
+ assert.deepEqual(h.renders, [false]);
+ assert.match(h.lines()[1] ?? "", /Task 7$/);
+ h.emit("session_tree", c); h.emit("session_compact", c);
+ assert.match(h.lines()[1] ?? "", /Task 7$/);
+ h.state("main", [task(1, "completed"), task(2, "deleted"), task(3, "in_progress")]);
+ h.emit("tool_execution_end", c, { toolName: "todo" });
+ assert.equal(h.lines()[0], "● Todos (1/2)");
+ assert.match(h.lines()[1] ?? "", /Task 3$/);
+ assert.match(h.lines().at(-2) ?? "", /\+1 more \(1 completed\)/);
+ h.shortcuts.get("ctrl+shift+t")?.(c);
+ assert.match(h.lines()[1] ?? "", /to expand/);
+ assert.equal(h.mouse({ type: "wheel", wheelDelta: 1 }), undefined);
+ h.shortcuts.get("ctrl+shift+t")?.(c);
+ assert.match(h.lines()[1] ?? "", /Task 3$/);
+ const next = h.ctx("next"); // same foreground UI denotes session replacement
+ h.state("next", Array.from({ length: 7 }, (_, i) => task(i + 1)));
+ h.emit("session_start", next);
+ assert.equal(h.lines().length, 6);
+ h.mouse(); assert.match(h.lines()[1] ?? "", /Task 1$/);
+ h.emit("session_shutdown", c); assert.notEqual(h.widgets.at(-1)?.factory, undefined);
+ h.emit("session_shutdown", next); assert.equal(h.widgets.at(-1)?.factory, undefined);
+ h.emit("session_start", next); assert.equal(h.lines().length, 6);
+});
+
 void test("headless and child sessions do not bind, refresh, collapse or dispose foreground", () => {
  const h = harness(); const main = h.ctx("main"), child = h.ctx("child", true, { ...h.ui });
  h.emit("session_start", h.ctx("headless", false)); h.state("headless", [task(1)]); h.emit("tool_execution_end", h.ctx("headless", false), { toolName: "todo" }); assert.equal(h.widgets.length, 0);

package/extensions/osdy-pi/todo-widget.ts

@@ -1,6 +1,6 @@
 // Widget behavior adapted independently from @juicesharp/rpiv-todo@2.11.0 (MIT); see root LICENSE.
 import type { ExtensionAPI, ExtensionContext, ExtensionUIContext, Theme } from "@earendil-works/pi-coding-agent";
-import { truncateToWidth, type TUI } from "@earendil-works/pi-tui";
+import { truncateToWidth, type TUI, type TuiMouseEvent, type TuiMouseEventResult } from "@earendil-works/pi-tui";
 import { COLLAPSE_KEY_OFF, getMaxWidgetLines, loadTodoConfig, resolveCollapseKey, type TodoConfig } from "./todo-config.js";
 import type { TodoTask } from "./todo-domain.js";
 import { todoI18n, type TodoI18n } from "./todo-i18n.js";
@@ -42,6 +42,9 @@ export function registerTodoWidget(pi: ExtensionAPI, store: Store, config: () =>
  let mounted = false;
  let tui: TUI | undefined;
  let collapsed = false;
+ let expanded = false;
+ let offset = 0;
+ const clampOffset = (length: number) => { offset = Math.max(0, Math.min(offset, length - 1)); };
  const visible = () => store.get(foreground ?? "").tasks.filter((task) => task.status !== "deleted");
  const render = (theme: Theme, width: number): string[] => {
   const tasks = visible();
@@ -55,8 +58,14 @@ export function registerTodoWidget(pi: ExtensionAPI, store: Store, config: () =>
    const hint = key === COLLAPSE_KEY_OFF ? i18n.t("overlay.collapsed", "collapsed") : i18n.t("overlay.expandHint", "{key} to expand").replace("{key}", key);
    return [heading, trunc(`${theme.fg("dim", "└─")} ${theme.fg("dim", hint)}`), ""];
   }
-  const expanded = ui?.getToolsExpanded?.() === true;
-  const { rows, completed, pending } = layout(tasks, expanded ? tasks.length + 1 : getMaxWidgetLines(config()) - 1);
+  clampOffset(tasks.length);
+  const slots = Math.max(1, Math.floor(getMaxWidgetLines(config()) - 2));
+  const viewport = expanded && tui?.mode === "fullscreen";
+  const rows = viewport ? tasks.slice(offset, offset + slots) : layout(tasks, Math.min(3, slots) + 1).rows;
+  const kept = new Set(rows);
+  const omitted = tasks.filter((task) => !kept.has(task));
+  const completed = omitted.filter((task) => task.status === "completed").length;
+  const pending = omitted.length - completed;
   const ids = tasks.some((task) => (task.blockedBy?.length ?? 0) > 0);
   const lines = [heading];
   for (const task of rows) {
@@ -72,14 +81,29 @@ export function registerTodoWidget(pi: ExtensionAPI, store: Store, config: () =>
   lines.push("");
   return lines;
  };
+ const handleMouse = (event: TuiMouseEvent): TuiMouseEventResult | undefined => {
+  if (tui?.mode !== "fullscreen" || !visible().length) return undefined;
+  if (event.type === "click" && event.button === "left" && event.y === 0) {
+   collapsed = false; expanded = !expanded; offset = 0;
+  } else if (event.type === "wheel" && expanded && !collapsed) {
+   // Container supplies intrinsic height, not the clipped dock height. Move one
+   // task per event, allowing the final task to reach the first row below heading.
+   const delta = event.wheelDelta ?? 0;
+   if (Number.isFinite(delta)) offset += Math.sign(delta);
+   clampOffset(visible().length);
+  } else return undefined;
+  tui.requestRender();
+  return { handled: true };
+ };
  const refresh = () => {
+  clampOffset(visible().length);
   if (!ui) return;
   if (!visible().length) {
    if (mounted) { ui.setWidget(KEY, undefined); mounted = false; tui = undefined; }
   } else if (!mounted) {
    ui.setWidget(KEY, (host, theme) => {
     tui = host;
-    return { render: (width: number) => render(ui?.theme ?? theme, width), invalidate() {} };
+    return { render: (width: number) => render(ui?.theme ?? theme, width), handleMouse, invalidate() {} };
    }, { placement: "aboveEditor" });
    mounted = true;
   } else tui?.requestRender();
@@ -89,7 +113,10 @@ export function registerTodoWidget(pi: ExtensionAPI, store: Store, config: () =>
  pi.on("session_start", (_event, ctx) => {
   if (!ctx.hasUI) return;
   const session = id(ctx);
-  if (foreground !== undefined && foreground !== session) return;
+  // A different session on another UI is a background child. The foreground
+  // UI reused for a new session is replacement; tree/compact keep preference.
+  if (foreground !== undefined && foreground !== session && ctx.ui !== ui) return;
+  if (foreground !== session) { collapsed = false; expanded = false; offset = 0; }
   if (ui && ui !== ctx.ui && mounted) ui.setWidget(KEY, undefined);
   if (ui !== ctx.ui) { mounted = false; tui = undefined; }
   foreground = session; ui = ctx.ui; refresh();
@@ -99,7 +126,7 @@ export function registerTodoWidget(pi: ExtensionAPI, store: Store, config: () =>
  pi.on("session_shutdown", (_event, ctx) => {
   if (!foregroundEvent(ctx)) return;
   if (mounted) ui?.setWidget(KEY, undefined);
-  mounted = false; tui = undefined; ui = undefined; foreground = undefined; collapsed = false;
+  mounted = false; tui = undefined; ui = undefined; foreground = undefined; collapsed = false; expanded = false; offset = 0;
  });
  pi.on("tool_execution_end", (event, ctx) => {
   if (event.toolName === "todo" && event.isError !== true && foregroundEvent(ctx)) refresh();

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "osdy-pi",
-	"version": "1.6.0",
+	"version": "1.7.0",
 	"description": "Osdy Pi package: themes, header, and custom editor for Pi.",
 	"license": "MIT",
 	"type": "module",
@@ -56,7 +56,8 @@
 	"peerDependencies": {
 		"@earendil-works/pi-coding-agent": "*",
 		"@earendil-works/pi-tui": "*",
-		"@juicesharp/rpiv-i18n": "*"
+		"@juicesharp/rpiv-i18n": "*",
+		"typebox": "*"
 	},
 	"peerDependenciesMeta": {
 		"@juicesharp/rpiv-i18n": {
@@ -64,15 +65,13 @@
 		}
 	},
 	"devDependencies": {
-		"@earendil-works/pi-coding-agent": "^0.84.4",
-		"@earendil-works/pi-tui": "^0.84.4",
+		"@earendil-works/pi-coding-agent": "0.99.1",
+		"@earendil-works/pi-tui": "0.99.1",
 		"@eslint/js": "^9.39.1",
 		"@types/node": "^25.8.0",
 		"eslint": "^9.39.1",
+		"typebox": "^1.3.7",
 		"typescript": "^5.9.3",
 		"typescript-eslint": "^8.46.3"
-	},
-	"dependencies": {
-		"typebox": "^1.3.7"
 	}
 }