pi-web-ui 0.5.1 → 0.6.0

package/README.md

@@ -21,6 +21,7 @@ your existing pi auth/config/extensions — nothing extra to install or configur
 - 📂 **Project memory**: the last workspace of each browser is remembered and restored on restart; a "Recent projects" list in the left panel switches workspaces in one click, and each project keeps its own sessions so you can always pick up an old conversation
 - ✏️ **Edit & re-ask**: every past question has an edit button — change it and re-ask from that point. The server forks a new branch session (keeping the full history before that question) while the original conversation stays untouched in the session list
 - ⚡ **Long chats stay fast**: past 30 messages, older messages collapse into summary rows (role + first-line preview + block counts — no Markdown/thinking/tool output rendered); click to expand the full content. The latest 15 messages always render in full
+- ⬇️ **Self-update**: the top-right corner shows the running version; the update panel checks npm for the latest release and can run `npm i -g` in one click (a restart is required to take effect)
 - 🔄 Model & thinking-level cycling (same as pi's TUI), new chat, abort/stop
 - 📎 Markdown rendering with GFM tables, syntax-highlighted code blocks and copy buttons
 - 📁 Workspace-aware: the agent reads/edits/runs code in a configurable directory using **your** `~/.pi/agent` auth, models, skills and extensions

package/README.zh-CN.md

@@ -23,6 +23,8 @@ pi 认证/配置/扩展——无需额外安装或配置任何东西。
   新分支会话（该问题之前的历史完整保留），原对话原样留在会话列表，随时可切回
 - ⚡ **长对话不卡**：超过 30 条消息后，早期消息自动折叠成摘要行（角色 + 首行预览 + 块计数，
   不渲染 Markdown/思考/工具输出），点击才展开完整内容；最近 15 条始终完整显示
+- ⬇️ **一键自更新**：右上角显示当前版本，打开更新面板检查 npm 最新版，发现新版本可一键
+  `npm i -g` 升级（更新后需重启服务生效）
 - 🔄 模型与思考强度切换（与 pi TUI 一致）、新对话、中止/停止
 - 📎 Markdown 渲染：GFM 表格、语法高亮代码块、复制按钮
 - 📁 工作区感知：智能体在你指定的目录里读/改/跑代码，使用**你自己的** `~/.pi/agent` 认证、模型、技能和扩展

package/dist/server/agent-service.js

@@ -11,7 +11,8 @@
  */
 import { spawn } from "node:child_process";
 import { existsSync, readFileSync, statSync, writeFileSync, mkdirSync, } from "node:fs";
-import { dirname, join } from "node:path";
+import { dirname, join, resolve } from "node:path";
+import { fileURLToPath } from "node:url";
 import { createAgentSessionFromServices, createAgentSessionRuntime, createAgentSessionServices, getAgentDir, SessionManager, } from "@earendil-works/pi-coding-agent";
 import { serializeMessage, serializeStreamingMessage, } from "./serialize.js";
 import { loadCommands, saveCommandsFile, TerminalManager, } from "./terminals.js";
@@ -817,6 +818,116 @@ export class ClientSession {
      * pi CLI globally (npm i -g). Auth is configured afterwards via the API key
      * form or by running `pi` in a terminal.
      */
+    /**
+     * Version of the RUNNING pi-web-ui package (read from its own package.json,
+     * resolved from this compiled module: <pkg>/dist/server → <pkg>).
+     */
+    static currentAppVersion() {
+        try {
+            const here = dirname(fileURLToPath(import.meta.url));
+            const pkgRoot = resolve(here, "..", "..");
+            const pkg = JSON.parse(readFileSync(join(pkgRoot, "package.json"), "utf8"));
+            return pkg.version ?? "0.0.0";
+        }
+        catch {
+            return "0.0.0";
+        }
+    }
+    /** Simple numeric semver compare: >0 means a newer than b. */
+    static compareVersions(a, b) {
+        const pa = a.split(".").map((n) => parseInt(n, 10) || 0);
+        const pb = b.split(".").map((n) => parseInt(n, 10) || 0);
+        for (let i = 0; i < 3; i++) {
+            const x = pa[i] ?? 0;
+            const y = pb[i] ?? 0;
+            if (x !== y)
+                return x - y;
+        }
+        return 0;
+    }
+    /** True once updateApp succeeded — the process must restart to run new code. */
+    pendingRestart = false;
+    /** Ask the npm registry for the latest pi-web-ui version and report it. */
+    async checkUpdate() {
+        const current = ClientSession.currentAppVersion();
+        try {
+            const res = await fetch("https://registry.npmjs.org/pi-web-ui/latest", {
+                signal: AbortSignal.timeout(8_000),
+            });
+            if (!res.ok)
+                throw new Error(`HTTP ${res.status}`);
+            const data = (await res.json());
+            const latest = data.version ?? null;
+            const upToDate = latest === null || ClientSession.compareVersions(current, latest) >= 0;
+            this.emit({
+                type: "update_status",
+                current,
+                latest,
+                upToDate,
+                pendingRestart: this.pendingRestart,
+            });
+        }
+        catch (err) {
+            this.emit({
+                type: "update_status",
+                current,
+                latest: null,
+                upToDate: false,
+                pendingRestart: this.pendingRestart,
+                error: `检查更新失败：${err.message}`,
+            });
+        }
+    }
+    /** npm i -g pi-web-ui@latest — the new code only takes effect after a restart. */
+    async updateApp() {
+        try {
+            this.emit({
+                type: "notice",
+                level: "info",
+                text: "正在更新 pi-web-ui（npm i -g pi-web-ui@latest）…",
+            });
+            const { code, out } = await this.runAsync("npm", ["i", "-g", "pi-web-ui@latest"], 180_000);
+            if (code === 0) {
+                this.pendingRestart = true;
+                this.emit({
+                    type: "update_result",
+                    ok: true,
+                    detail: out.slice(0, 400),
+                });
+                this.emit({
+                    type: "notice",
+                    level: "info",
+                    text: "✅ 已更新 pi-web-ui，重启服务后生效（pi-web-ui server restart）",
+                });
+            }
+            else {
+                this.emit({
+                    type: "update_result",
+                    ok: false,
+                    detail: `npm i 失败（${code ?? "timeout"}）：${out.slice(0, 400)}`,
+                });
+                this.emit({
+                    type: "notice",
+                    level: "error",
+                    text: `更新 pi-web-ui 失败（${code ?? "timeout"}）：${out.slice(0, 300)}`,
+                });
+            }
+        }
+        catch (err) {
+            this.emit({
+                type: "update_result",
+                ok: false,
+                detail: String(err),
+            });
+            this.emit({
+                type: "notice",
+                level: "error",
+                text: `更新 pi-web-ui 失败：${err.message}`,
+            });
+        }
+        // Re-check so the UI reflects the new state (pendingRestart included).
+        void this.checkUpdate();
+    }
     async installPiAgent() {
         try {
             mkdirSync(this.agentDir, { recursive: true });

package/dist/server/index.js

@@ -163,6 +163,12 @@ wss.on("connection", (ws) => {
             case "complete_path":
                 void cs.completePath(msg.path);
                 break;
+            case "check_update":
+                void cs.checkUpdate();
+                break;
+            case "update_app":
+                void cs.updateApp();
+                break;
             case "dialog_response":
                 cs.resolveDialog(msg.id, msg.value);
                 break;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pi-web-ui",
-  "version": "0.5.1",
+  "version": "0.6.0",
   "description": "Web chat interface for the pi coding agent, powered by the pi SDK (@earendil-works/pi-coding-agent) — one-command run, Docker/systemd/launchd deployable",
   "license": "MIT",
   "type": "module",