pi-sdk-web 0.3.1 → 0.3.3

package/dist/static/app.js

@@ -804,12 +804,14 @@ class PiWebClient {
     const widgetsEl = document.getElementById('widgets');
     if (!widgetsEl) return;
     const key = req.widgetKey || 'widget';
+    const wasAtBottom = this.wasAtBottom();
 
     if (req.widgetLines === undefined || req.widgetLines === null) {
       // Clear this widget
       const el = widgetsEl.querySelector(`[data-widget-key="${CSS.escape(key)}"]`);
       if (el) el.remove();
       if (widgetsEl.children.length === 0) widgetsEl.style.display = 'none';
+      if (wasAtBottom) this.scrollToBottom();
       return;
     }
 
@@ -829,6 +831,8 @@ class PiWebClient {
     el.querySelector('.widget-title').textContent = key;
     el.querySelector('.widget-body').textContent = (req.widgetLines || []).join('\n');
     widgetsEl.style.display = 'block';
+    // Layout change: keep pinned to bottom if already there
+    if (wasAtBottom) this.scrollToBottom();
   }
 
   // ------------------------------------------------------------------
@@ -1205,7 +1209,14 @@ class PiWebClient {
       } else if (builtin && builtin.unsupported) {
         this.appendError(`/${name} is not supported in web mode`);
       } else {
-        this.send({ type: 'command', name: name, args: args });
+        // Prompt templates (/cl etc.) are expanded by Pi's prompt layer -
+        // send as prompt text, same as /skill: commands.
+        const knownTemplate = (this.lastState?.commands || []).find((c) => c.name === name && c.source === 'prompt');
+        if (knownTemplate) {
+          this.send({ type: 'prompt', message: text });
+        } else {
+          this.send({ type: 'command', name: name, args: args });
+        }
       }
     } else {
       this.send({ type: 'prompt', message: text });
@@ -1394,18 +1405,28 @@ class PiWebClient {
   renderStatusItem(req) {
     const el = document.getElementById('ext-status');
     if (!el) return;
+    const wasAtBottom = this.wasAtBottom();
     if (req.statusText === undefined || req.statusText === null) {
       delete this.extStatus[req.statusKey];
     } else {
       this.extStatus[req.statusKey] = req.statusText;
     }
     this.updateExtStatusDisplay();
+    if (wasAtBottom) this.scrollToBottom();
   }
 
   applyExtStatusSnapshot(snapshot) {
     if (!snapshot) return;
+    const wasAtBottom = this.wasAtBottom();
     this.extStatus = Object.assign({}, snapshot);
     this.updateExtStatusDisplay();
+    if (wasAtBottom) this.scrollToBottom();
+  }
+
+  /** Whether the view is currently pinned to the bottom (before layout changes). */
+  wasAtBottom() {
+    const scroller = document.getElementById('scroll-view');
+    return !!scroller && scroller.scrollTop + scroller.clientHeight >= scroller.scrollHeight - 2;
   }
 
   updateExtStatusDisplay() {

package/package.json

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