pi-sdk-web 0.5.8 → 0.5.10

package/dist/server.js

@@ -12,7 +12,7 @@ import { execFileSync } from "node:child_process";
 import { existsSync, readFileSync } from "node:fs";
 import { readFile, unlink } from "node:fs/promises";
 import { createServer } from "node:http";
-import { dirname, join, resolve, sep } from "node:path";
+import { dirname, join, relative, resolve, sep } from "node:path";
 import { fileURLToPath } from "node:url";
 import { ModelRegistry, VERSION, } from "@earendil-works/pi-coding-agent";
 import { WebSocket, WebSocketServer } from "ws";
@@ -22,6 +22,18 @@ const DEFAULT_PORT = 4080;
 // Static frontend: prefer the in-package copy (built by `npm run build` for
 // global installs), fall back to the repo-root static/ during development.
 const PACKAGE_DIR = resolve(dirname(fileURLToPath(import.meta.url)), "..");
+/** Format a local file extension path for the sidebar: relative to baseDir,
+ * with the ".pi/extensions/" prefix and the entry suffix (".ts"/".js"/"/index")
+ * stripped, e.g. ".../.pi/extensions/import-repro.ts" -> "import-repro",
+ * ".../extensions/refresh-deepinfra/index.ts" -> "refresh-deepinfra". */
+function describeLocalExtension(entryPath, baseDir) {
+    const rel = baseDir
+        ? relative(baseDir, entryPath).replace(/\\/g, "/")
+        : entryPath.replace(/\\/g, "/");
+    let name = rel.replace(/^extensions\//, "");
+    name = name.replace(/\/index\.[jt]s$/, "").replace(/\.[jt]s$/, "");
+    return name || rel;
+}
 // Static frontend source:
 //  - dev (tsx runs src/server.ts): always the repo-root static/ (live files)
 //  - published (dist/server.js): the built copy at dist/static (packaged)
@@ -435,9 +447,29 @@ export class PiWebServer {
             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.
+                // Inline extensions (Pi built-ins like <inline:llama.cpp>, hidden:
+                // true) are virtual - no package.json, no disk entry. Skip them so
+                // the sidebar lists only real, on-disk extensions.
+                if (ext.path.startsWith("<") && ext.path.endsWith(">")) {
+                    continue;
+                }
+                const sourceInfo = ext
+                    .sourceInfo;
+                // Local file extensions (~/.pi/agent/extensions/*.ts or project
+                // .pi/extensions/*.ts): the nearest package.json is the HOST repo's
+                // (e.g. Pi's own monorepo root) and would show a misleading name.
+                // Show the extension file name + scope instead.
+                if (sourceInfo?.origin === "top-level") {
+                    const name = describeLocalExtension(ext.path, sourceInfo.baseDir);
+                    const key = `local:${ext.path}`;
+                    if (!seen.has(key)) {
+                        seen.add(key);
+                        list.push({ name, version: sourceInfo.scope ?? "local" });
+                    }
+                    continue;
+                }
+                // Package extensions: walk up to the nearest package.json (e.g.
+                // .../node_modules/pi-magic-context/dist/index.js -> pi-magic-context)
                 let dir = dirname(ext.path);
                 while (dir !== dirname(dir)) {
                     const pkgFile = join(dir, "package.json");
@@ -447,7 +479,14 @@ export class PiWebServer {
                             const key = pkg.name ?? ext.path;
                             if (!seen.has(key)) {
                                 seen.add(key);
-                                list.push({ name: pkg.name ?? key, version: pkg.version ?? "?" });
+                                // Append the install scope (user/project, from sourceInfo) so
+                                // package extensions show the same dimension as local ones.
+                                const scope = sourceInfo?.scope;
+                                const version = pkg.version ?? "?";
+                                list.push({
+                                    name: pkg.name ?? key,
+                                    version: scope ? `${version} · ${scope}` : version,
+                                });
                             }
                         }
                         catch {

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.8",
+  "version": "0.5.10",
   "description": "Browser Web access for Pi (AI coding agent) via the Pi SDK - standalone module, zero modification to Pi itself",
   "type": "module",
   "bin": {