pi-sdk-web 0.5.7 → 0.5.9

package/dist/static/app.js

@@ -879,6 +879,11 @@ class PiWebClient {
   // ------------------------------------------------------------------
 
   renderEvent(ev) {
+    // Capture stickiness BEFORE the handler mutates the DOM: updates that
+    // grow content (message_update, tool deltas) increase scrollHeight, so
+    // checking wasAtBottom() after the fact would miss "user was already at
+    // the bottom" and stop following the stream.
+    const wasAtBottom = this.wasAtBottom();
     switch (ev.type) {
       case 'agent_start':
         this.status.working++;
@@ -964,9 +969,9 @@ class PiWebClient {
       default:
         break;
     }
-    // Only auto-scroll when the user is already at the bottom (reading
-    // history must not be yanked down by incoming events).
-    if (this.wasAtBottom()) this.scrollToBottom();
+    // Auto-scroll only if the user was at the bottom before the event
+    // (reading history must not be yanked down by incoming events).
+    if (wasAtBottom) this.scrollToBottom();
   }
 
   onMessageStart(message) {

package/dist/ui-context.js

@@ -196,11 +196,38 @@ export class WebUIContext {
             // evaluate with a no-op tui stub and broadcast as text lines - the
             // browser renders them (with ANSI colors) in the widgets panel.
             try {
-                const stubTui = { requestRender: () => { }, invalidate: () => { } };
-                const component = content(stubTui, this.webTheme);
+                const width = 78;
+                let component;
+                const stubTui = {
+                    // TUI semantics: after registration, updates flow through
+                    // tui.requestRender() -> the component's render() is re-invoked
+                    // with CURRENT state. Without this a widget is frozen at its
+                    // first-registration content (magic-context's todos overlay
+                    // updates via requestRender, never via setWidget, so the browser
+                    // kept showing the initial todo list).
+                    requestRender: () => {
+                        if (!component || typeof component.render !== "function")
+                            return;
+                        let fresh;
+                        try {
+                            const out = component.render(width);
+                            if (Array.isArray(out))
+                                fresh = out.map((l) => String(l));
+                        }
+                        catch {
+                            // A throwing render must not wipe the widget: keep last lines.
+                            return;
+                        }
+                        this.broadcastWidget(key, fresh, options?.placement);
+                    },
+                    invalidate: () => {
+                        // TUI calls invalidate while tearing the widget down; the web
+                        // host never tears a widget down on its own.
+                    },
+                };
+                component = content(stubTui, this.webTheme);
                 const render = component && component.render;
                 if (typeof render === "function") {
-                    const width = 78;
                     const out = render(width);
                     if (Array.isArray(out))
                         lines = out.map((l) => String(l));
@@ -210,16 +237,20 @@ export class WebUIContext {
                 // fall through with no lines - widget renders empty
             }
         }
+        this.broadcastWidget(key, lines, options?.placement);
+    }
+    /** Broadcast a widget update and store it as the snapshot for new clients. */
+    broadcastWidget(key, lines, placement) {
         this.sink({
             type: "extension_ui_request",
             id: crypto.randomUUID(),
             method: "setWidget",
             widgetKey: key,
             widgetLines: lines,
-            widgetPlacement: options?.placement,
+            widgetPlacement: placement,
         });
         // Store for late-connecting browsers (replayed on WS connect).
-        this.widgetMap.set(key, { lines, placement: options?.placement });
+        this.widgetMap.set(key, { lines, placement });
     }
     // ------------------------------------------------------------------
     // Terminal-specific features: no-op in web mode

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pi-sdk-web",
-  "version": "0.5.7",
+  "version": "0.5.9",
   "description": "Browser Web access for Pi (AI coding agent) via the Pi SDK - standalone module, zero modification to Pi itself",
   "type": "module",
   "bin": {