pi-sdk-web 0.2.0 → 0.2.1

package/dist/server.js

@@ -215,6 +215,11 @@ export class PiWebServer {
         // Initial state (state + history), mirroring the Python bridge
         this.sendJson(ws, { type: "state", data: this.buildState() });
         this.sendJson(ws, { type: "history", data: this.buildHistory() });
+        // Current extension statuses (setStatus may have fired before this client connected)
+        const extStatus = this.uiContext.getStatusSnapshot();
+        if (Object.keys(extStatus).length > 0) {
+            this.sendJson(ws, { type: "ext_status", data: extStatus });
+        }
     }
     sendJson(ws, obj) {
         if (ws.readyState === WebSocket.OPEN) {

package/dist/static/app.js

@@ -36,6 +36,7 @@ class PiWebClient {
     this.modalMode = null; // 'model' | 'thinking'
     this.hasConnectedBefore = false;
     this.commandMenuIndex = -1;
+    this.extStatus = {};
 
     this.initThemeSwitch();
 
@@ -169,6 +170,9 @@ class PiWebClient {
       case 'pi_error':
         this.appendError(data.error);
         break;
+      case 'ext_status':
+        this.applyExtStatusSnapshot(data.data);
+        break;
       case 'extension_ui_request':
         this.handleExtensionUIRequest(data);
         break;
@@ -1350,8 +1354,36 @@ class PiWebClient {
     } else if (method === 'setWidget') {
       // Persistent widget panel (TUI: above/below editor). Not a popup.
       this.renderWidget(req);
+    } else if (method === 'setStatus') {
+      // Extension status text (e.g. magic-context "mc: 29.3K (4%) · idle")
+      this.renderStatusItem(req);
+    }
+    // setTitle / set_editor_text are handled elsewhere or ignored
+  }
+
+  renderStatusItem(req) {
+    const el = document.getElementById('ext-status');
+    if (!el) return;
+    if (req.statusText === undefined || req.statusText === null) {
+      delete this.extStatus[req.statusKey];
+    } else {
+      this.extStatus[req.statusKey] = req.statusText;
     }
-    // setStatus / setTitle / set_editor_text are handled elsewhere or ignored
+    this.updateExtStatusDisplay();
+  }
+
+  applyExtStatusSnapshot(snapshot) {
+    if (!snapshot) return;
+    this.extStatus = Object.assign({}, snapshot);
+    this.updateExtStatusDisplay();
+  }
+
+  updateExtStatusDisplay() {
+    const el = document.getElementById('ext-status');
+    if (!el) return;
+    const entries = Object.entries(this.extStatus);
+    el.textContent = entries.map(([k, v]) => `${k}: ${v}`).join(' · ');
+    el.style.display = entries.length ? 'block' : 'none';
   }
 
   openExtensionSelect(req) {

package/dist/static/index.html

@@ -35,6 +35,7 @@
     <div id="status"></div>
     <div id="footer">
       <div id="footer-line"></div>
+      <div id="ext-status" style="display:none"></div>
       <div id="footer-stats"></div>
       <div id="command-menu"></div>
       <div class="input-row">

package/dist/static/style.css

@@ -599,6 +599,12 @@ body {
   margin-bottom: 4px;
 }
 
+#ext-status {
+  color: var(--dim);
+  font-size: 12px;
+  margin-bottom: 4px;
+}
+
 #footer-stats {
   display: flex;
   justify-content: space-between;

package/dist/ui-context.js

@@ -21,9 +21,15 @@ export class WebUIContext {
     pending = new Map();
     sink;
     identityTheme = createIdentityTheme();
+    /** Latest setStatus values per key, so late-connecting browsers get current state */
+    statusMap = new Map();
     constructor(sink) {
         this.sink = sink;
     }
+    /** Current extension status snapshot (key -> text) for new connections. */
+    getStatusSnapshot() {
+        return Object.fromEntries(this.statusMap);
+    }
     /** Handle a browser `extension_ui_response` message. */
     respond(id, response) {
         const pending = this.pending.get(id);
@@ -82,6 +88,12 @@ export class WebUIContext {
         this.sink({ type: "extension_ui_request", id: crypto.randomUUID(), method: "notify", message, notifyType: type });
     }
     setStatus(key, text) {
+        if (text === undefined || text === null) {
+            this.statusMap.delete(key);
+        }
+        else {
+            this.statusMap.set(key, text);
+        }
         this.sink({ type: "extension_ui_request", id: crypto.randomUUID(), method: "setStatus", statusKey: key, statusText: text });
     }
     setTitle(title) {

package/package.json

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