pi-sdk-web 0.4.8 → 0.4.10

package/dist/server.js

@@ -290,6 +290,7 @@ export class PiWebServer {
             gitBranch: this.getGitBranch(this.session.sessionManager.getCwd()),
             commands: this.getCommands(),
             tools: this.getActiveTools(),
+            extensions: this.getLoadedExtensions(),
         };
         try {
             state.sessionStats = this.session.getSessionStats();
@@ -377,6 +378,42 @@ export class PiWebServer {
             return [];
         }
     }
+    /** Loaded extensions with their package names and versions (sidebar list). */
+    getLoadedExtensions() {
+        try {
+            const result = this.session.resourceLoader.getExtensions();
+            const list = [];
+            const seen = new Set();
+            for (const ext of result.extensions) {
+                // ext.path points at the extension entry (e.g. .../lib/node_modules/
+                // pi-magic-context/dist/index.js); walk up to the nearest package.json
+                // for the name/version.
+                let dir = dirname(ext.path);
+                while (dir !== dirname(dir)) {
+                    const pkgFile = join(dir, "package.json");
+                    if (existsSync(pkgFile)) {
+                        try {
+                            const pkg = JSON.parse(readFileSync(pkgFile, "utf8"));
+                            const key = pkg.name ?? ext.path;
+                            if (!seen.has(key)) {
+                                seen.add(key);
+                                list.push({ name: pkg.name ?? key, version: pkg.version ?? "?" });
+                            }
+                        }
+                        catch {
+                            // unreadable package.json - skip
+                        }
+                        break;
+                    }
+                    dir = dirname(dir);
+                }
+            }
+            return list;
+        }
+        catch {
+            return [];
+        }
+    }
     handleClientMessage(ws, raw) {
         let data;
         try {

package/dist/static/app.js

@@ -397,7 +397,7 @@ class PiWebClient {
     }
 
     // Loaded resources
-    this.renderLoadedResources(state.commands, state.tools);
+    this.renderLoadedResources(state.commands, state.tools, state.extensions);
 
     // First footer line: pwd (branch) • session name
     const pwd = state.cwd || '';
@@ -409,7 +409,7 @@ class PiWebClient {
     this.renderStats(state.sessionStats, state);
   }
 
-  renderLoadedResources(commands, tools) {
+  renderLoadedResources(commands, tools, extensions) {
     if (!this.loadedResourcesEl) return;
     this.loadedResourcesEl.innerHTML = '';
 
@@ -443,7 +443,7 @@ class PiWebClient {
         sections.push(this.resourceSection('Prompts', groups.prompt.map((c) => c.name)));
       }
       if (groups.extension.length > 0) {
-        sections.push(this.resourceSection('Extensions', groups.extension.map((c) => c.name)));
+        sections.push(this.resourceSection('Extension Cmds', groups.extension.map((c) => c.name)));
       }
       body.innerHTML = sections.join('');
 
@@ -493,6 +493,37 @@ class PiWebClient {
       });
       this.loadedResourcesEl.appendChild(div);
     }
+
+    // Separate Extensions block below Tools: loaded extension name + version
+    if (extensions && extensions.length > 0) {
+      const div = document.createElement('div');
+      div.className = 'resources-block';
+      div.dataset.expanded = 'false';
+      div.style.marginTop = '6px';
+
+      const header = document.createElement('div');
+      header.className = 'resources-header';
+      header.textContent = `Extensions (${extensions.length})`;
+
+      const body = document.createElement('div');
+      body.className = 'resources-body';
+      body.style.display = 'none';
+      body.innerHTML = extensions
+        .map((e) => `<div class="resources-item ext-item"><span>${this.escapeHtml(e.name)}</span><span class="ext-version">${this.escapeHtml(e.version)}</span></div>`)
+        .join('');
+
+      div.appendChild(header);
+      div.appendChild(body);
+      div.addEventListener('click', () => {
+        const expanded = div.dataset.expanded === 'true';
+        div.dataset.expanded = expanded ? 'false' : 'true';
+        body.style.display = expanded ? 'none' : 'block';
+        header.textContent = expanded
+          ? `Extensions (${extensions.length}) · click to expand`
+          : `Extensions (${extensions.length}) · click to collapse`;
+      });
+      this.loadedResourcesEl.appendChild(div);
+    }
   }
 
   resourceSection(name, items) {

package/dist/static/style.css

@@ -213,6 +213,25 @@ body {
   text-overflow: ellipsis;
 }
 
+.ext-item {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: space-between;
+  gap: 0 6px;
+}
+
+.ext-item > span:first-child {
+  min-width: 0;
+  overflow-wrap: anywhere;
+}
+
+.ext-version {
+  color: var(--dim);
+  font-size: 10px;
+  flex-shrink: 0;
+  margin-left: auto;
+}
+
 #conn-status.connected {
   color: var(--accent);
   background: var(--accent-hover);

package/package.json

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