pi-sdk-web 0.5.9 → 0.5.11

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/static/index.html

@@ -4,6 +4,7 @@
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>pi-web</title>
+  <link rel="icon" type="image/svg+xml" href="pi-logo.svg">
   <link rel="stylesheet" href="style.css">
 </head>
 <body>

package/dist/static/pi-logo.svg

@@ -0,0 +1,28 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 800 800">
+  <style>
+    .logo-mark { fill: #000; }
+    @media (prefers-color-scheme: dark) {
+      .logo-mark { fill: #fff; }
+    }
+  </style>
+  <!-- P shape: outer boundary clockwise, inner hole counter-clockwise -->
+  <path class="logo-mark" fill-rule="evenodd" d="
+    M165.29 165.29
+    H517.36
+    V400
+    H400
+    V517.36
+    H282.65
+    V634.72
+    H165.29
+    Z
+    M282.65 282.65
+    V400
+    H400
+    V282.65
+    Z
+  "/>
+  <!-- i dot -->
+  <path class="logo-mark" d="M517.36 400 H634.72 V634.72 H517.36 Z"/>
+</svg>

package/package.json

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