pi-sdk-web 0.4.10 → 0.4.11

package/dist/server.js

@@ -764,10 +764,38 @@ export class PiWebServer {
             }
         };
         const unsubscribe = this.session.subscribe(listener);
+        // hasUI by extension: most extensions degrade gracefully to notify()
+        // (our notify -> browser dialog/toast), but a few (magic-context) use
+        // ctx.ui.custom() - an extension-drawn TUI panel we can't render. For
+        // those, hasUI:false routes them to their own text fallback
+        // (appendEntry -> modal), same as before.
+        const cmdPath = (cmd.sourceInfo && cmd.sourceInfo.path) || "";
+        const customOnly = /pi-magic-context|magic-context/.test(cmdPath);
+        const ui = this.uiContext;
+        const originalSink = ui.sink;
         try {
-            await cmd.handler(args, this.buildCommandContext());
+            // While the command runs, notify() broadcasts are tagged with the
+            // command name as title, so the browser shows them as a titled modal
+            // (colored, Markdown-rendered) instead of a plain stream line.
+            ui.sink = (obj) => {
+                const req = obj;
+                if (req && req.method === "notify") {
+                    // Tag command-time notifies with the command name as title so the
+                    // browser renders them as a titled modal (colored, Markdown).
+                    originalSink({ ...obj, title: `/${name}` });
+                }
+                else {
+                    originalSink(obj);
+                }
+            };
+            await cmd.handler(args, this.buildCommandContext(customOnly ? false : true));
+        }
+        catch (e) {
+            ui.sink = originalSink;
+            throw e;
         }
         finally {
+            ui.sink = originalSink;
             unsubscribe();
         }
         // Show command output as a modal (TUI-like). The session entry remains
@@ -790,13 +818,15 @@ export class PiWebServer {
             });
         }
     }
-    buildCommandContext() {
+    buildCommandContext(hasUI) {
         const sm = this.session.sessionManager;
         return {
             ui: this.uiContext,
-            // No dialog-capable UI: extension commands fall back to text output
+            // hasUI is decided per command (see executeCommand): true for
+            // extensions that degrade to notify(), false for custom-panel-only
+            // extensions (magic-context) so they use their text fallback.
             mode: "print",
-            hasUI: false,
+            hasUI,
             cwd: sm.getCwd(),
             sessionManager: sm,
             modelRegistry: new ModelRegistry(this.session.modelRuntime),

package/dist/static/app.js

@@ -1915,8 +1915,9 @@ class PiWebClient {
 
   openExtensionNotify(req) {
     // Command output notifications (title starts with "/", e.g. /ctx-status) keep
-    // the modal. Other extension notifies are lightweight toasts (TUI shows
-    // notify as a transient status message, not a dialog).
+    // the modal. Other extension notifies are appended to the chat stream as
+    // persistent status lines, matching TUI's notify -> showStatus (a dim text
+    // appended to the chat container; NOT a transient toast).
     if (req.title && String(req.title).startsWith('/')) {
       this.openModal(req.title || 'Notification', 'extension-notify');
       this.currentExtRequest = req;
@@ -1924,7 +1925,15 @@ class PiWebClient {
       this.modalList.innerHTML = `<div class="modal-message body-text">${this.renderMarkdown(req.message || '')}</div>`;
       return;
     }
-    this.showToast(req.message || '', req.notifyType);
+    this.appendNotifyLine(req.message || '', req.notifyType);
+  }
+
+  appendNotifyLine(message, type) {
+    const div = document.createElement('div');
+    div.className = 'notify-line' + (type ? ` notify-${type}` : '');
+    div.innerHTML = ansiToHtml(String(message));
+    this.contentEl.appendChild(div);
+    this.scrollToBottom();
   }
 
   showToast(message, type) {

package/dist/static/style.css

@@ -907,6 +907,7 @@ body {
   color: var(--text);
   font-size: 13px;
   line-height: 1.5;
+  white-space: pre-wrap;
   box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
   opacity: 1;
   transition: opacity 0.3s;
@@ -920,6 +921,27 @@ body {
   border-left-color: var(--error);
 }
 
+/* Extension notify lines appended to the chat stream (TUI showStatus
+   equivalent): persistent dim status text, colored by type. */
+.notify-line {
+  color: var(--dim);
+  font-size: 12px;
+  padding: 2px 12px;
+  white-space: pre-wrap;
+  overflow-wrap: anywhere;
+  border-left: 3px solid transparent;
+}
+
+.notify-warning {
+  color: var(--warning);
+  border-left-color: var(--warning);
+}
+
+.notify-error {
+  color: var(--error);
+  border-left-color: var(--error);
+}
+
 .toast-hide {
   opacity: 0;
 }

package/dist/ui-context.js

@@ -199,6 +199,13 @@ export class WebUIContext {
     setFooter() { }
     setHeader() { }
     custom() {
+        // Pi's custom() shows an extension-drawn TUI component. Web has no TUI
+        // renderer, so a full component can't be displayed. Same headless stub
+        // as Pi's RPC mode (rpc-mode.ts: "Custom UI not supported in RPC mode"):
+        // settle immediately so commands awaiting the panel don't hang.
+        // Commands whose extensions branch on hasUI (magic-context ctx-status)
+        // are routed to their text fallback by executeCommand (hasUI:false);
+        // any other custom() caller just gets a no-op close.
         return Promise.resolve(undefined);
     }
     pasteToEditor() { }

package/package.json

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