pi-web-ui 0.48.3 → 0.50.0

package/dist/server/agent-service.js

@@ -1027,6 +1027,42 @@ export class ClientSession {
                 conv.queueSteering = [...event.steering];
                 conv.queueFollowUp = [...event.followUp];
                 break;
+            // 手动 /compact 或阈值/溢出自动压缩开始——立即反馈，避免「没反应」
+            // （此前 compaction_start/end 事件被 switch 静默丢弃，issue #33）。
+            case "compaction_start": {
+                this.emit({
+                    type: "notice",
+                    level: "info",
+                    text: "正在压缩上下文…（压缩摘要将显示在消息区）",
+                });
+                break;
+            }
+            case "compaction_end": {
+                if (event.errorMessage) {
+                    this.emit({
+                        type: "notice",
+                        level: "error",
+                        text: `压缩上下文失败：${event.errorMessage}`,
+                    });
+                }
+                else if (event.aborted) {
+                    this.emit({
+                        type: "notice",
+                        level: "warning",
+                        text: "压缩上下文已取消",
+                    });
+                }
+                else if (event.result) {
+                    const { tokensBefore, estimatedTokensAfter } = event.result;
+                    const after = estimatedTokensAfter ?? tokensBefore;
+                    this.emit({
+                        type: "notice",
+                        level: "info",
+                        text: `上下文压缩完成：${tokensBefore.toLocaleString()} → ${after.toLocaleString()} tokens（摘要已插入消息区）`,
+                    });
+                }
+                break;
+            }
             // A run finished or a new entry was persisted — keep the session list fresh
             // (new chat + first message, completed turns, compaction, etc.).
             case "agent_end": {
@@ -1108,7 +1144,9 @@ export class ClientSession {
         // Snapshot checkpoint policy: deltas carry live rendering during streaming;
         // full snapshots are reconciliation checkpoints taken immediately at
         // run/tool boundaries and on a slow timer otherwise.
-        if (event.type === "agent_end" || event.type === "tool_execution_end") {
+        if (event.type === "agent_end" ||
+            event.type === "tool_execution_end" ||
+            event.type === "compaction_end") {
             this.flushSnapshot();
         }
         else {

package/dist/server/index.js

@@ -179,9 +179,7 @@ const here = dirname(fileURLToPath(import.meta.url)); // <pkg>/dist/server or <p
 // Resolve the package root robustly: dev runs from <repo>/server (tsx), prod
 // from <pkg>/dist/server — the ancestor that actually has package.json wins.
 function resolvePkgRoot() {
-    // PI_WEB_PKG_ROOT: Electron 桌面版打包后，server 子进程从 extraResources 目录
-    //（process.resourcesPath）加载 web/dist 和 themes。通过这个 env var 告诉
-    // server 去哪里找 pkgRoot，避免 resolvePkgRoot 的候选路径找不到 package.json。
+    // 可选：显式指定 pkgRoot（如部署在自定义目录时），否则按候选路径探测。
     if (process.env.PI_WEB_PKG_ROOT)
         return process.env.PI_WEB_PKG_ROOT;
     const candidates = [

package/dist/server/slash-commands.js

@@ -157,12 +157,10 @@ export class SlashCommandsService {
                 try {
                     await this.host.getSession().compact(args || undefined);
                 }
-                catch (err) {
-                    this.host.emit({
-                        type: "notice",
-                        level: "error",
-                        text: `压缩上下文失败：${err.message}`,
-                    });
+                catch {
+                    // 压缩过程/结果/错误反馈统一由 agent-service onEvent 的
+                    // compaction_start / compaction_end 事件处理（含 errorMessage），
+                    // 这里不重复发通知；SDK 在 throw 前必发 compaction_end（issue #33）。
                 }
                 return true;
             case "cwd":

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pi-web-ui",
-  "version": "0.48.3",
+  "version": "0.50.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",
   "author": {
@@ -11,7 +11,7 @@
   "bin": {
     "pi-web-ui": "bin/pi-web-ui.mjs"
   },
-  "main": "electron/main.mjs",
+  "main": "bin/pi-web-ui.mjs",
   "files": [
     "bin/",
     "dist/",
@@ -59,20 +59,13 @@
     "test:smoke": "node tests/run-smoke.mjs",
     "check:protocol": "node scripts/check-protocol-sync.mjs",
     "test:freeze": "node tests/freeze-test.mjs",
-    "start": "node dist/server/index.js",
-    "start:electron": "electron .",
-    "build:electron": "electron-builder build",
-    "build:electron:mac": "electron-builder build --mac",
-    "build:electron:win": "electron-builder build --win",
-    "build:electron:linux": "electron-builder build --linux",
-    "publish:electron": "electron-builder build --publish always"
+    "start": "node dist/server/index.js"
   },
   "dependencies": {
     "@earendil-works/pi-coding-agent": "^0.84.4",
     "@xterm/addon-fit": "^0.11.0",
     "@xterm/xterm": "^6.0.0",
     "compression": "^1.8.1",
-    "electron-updater": "^6.0.0",
     "express": "^4.21.2",
     "highlight.js": "^11.10.0",
     "node-pty": "^1.1.0",
@@ -99,12 +92,9 @@
     "tsx": "^4.19.2",
     "typescript": "^5.7.2",
     "vite": "^6.0.3",
-    "vitest": "^4.1.11",
-    "electron": "^41.0.0",
-    "electron-builder": "^25.0.0"
+    "vitest": "^4.1.11"
   },
   "allowScripts": {
-    "node-pty@1.1.0": true,
-    "electron@41.10.7": true
+    "node-pty@1.1.0": true
   }
 }

package/themes/cyberpunk.css

@@ -3836,17 +3836,38 @@ span.msg-editor-hint svg {
 	background: #0a0a0f !important;
 	border: 1px solid var(--border);
 	border-radius: 8px;
-	padding: 12px 14px;
+	padding: 10px 0;
 	overflow-x: auto;
 	margin: 0;
 }
-.codeblock code {
+/* 每个逻辑行一行（issue #36）：行号 gutter + 自动换行主体 */
+.code-line {
+	display: flex;
+	align-items: flex-start;
+	min-width: 0;
+	padding: 0 14px;
+}
+.code-line .code-num {
+	flex: 0 0 auto;
+	text-align: right;
+	color: var(--text-faint);
+	font-family: var(--mono);
+	font-size: 12.5px;
+	line-height: 1.55;
+	user-select: none;
+	padding-right: 12px;
+}
+.codeblock code.code-line-body {
 	background: transparent;
 	border: none;
 	padding: 0;
 	font-family: var(--mono);
 	font-size: 12.5px;
 	line-height: 1.55;
+	flex: 1;
+	min-width: 0;
+	white-space: pre-wrap;
+	word-break: break-word;
 }
 
 .copy-btn {
@@ -7204,15 +7225,18 @@ span.msg-editor-hint svg {
 .fp-markdown .codeblock pre {
 	max-width: 100%;
 	min-width: 0;
-	padding: 14px 16px;
+		padding: 14px 0;
 	border-color: var(--border);
 	border-radius: 10px;
 	font-size: 12.5px;
 	line-height: 1.65;
 }
+.fp-markdown .code-line {
+	padding: 0 16px;
+}
 .fp-markdown .codeblock pre code {
-	white-space: pre;
-	word-break: normal;
+		white-space: pre-wrap;
+	word-break: break-word;
 }
 .fp-markdown img {
 	display: block;

package/themes/dazzle.css

@@ -3836,17 +3836,38 @@ span.msg-editor-hint svg {
 	background: #0b0b14 !important;
 	border: 1px solid var(--border);
 	border-radius: 8px;
-	padding: 12px 14px;
+	padding: 10px 0;
 	overflow-x: auto;
 	margin: 0;
 }
-.codeblock code {
+/* 每个逻辑行一行（issue #36）：行号 gutter + 自动换行主体 */
+.code-line {
+	display: flex;
+	align-items: flex-start;
+	min-width: 0;
+	padding: 0 14px;
+}
+.code-line .code-num {
+	flex: 0 0 auto;
+	text-align: right;
+	color: var(--text-faint);
+	font-family: var(--mono);
+	font-size: 12.5px;
+	line-height: 1.55;
+	user-select: none;
+	padding-right: 12px;
+}
+.codeblock code.code-line-body {
 	background: transparent;
 	border: none;
 	padding: 0;
 	font-family: var(--mono);
 	font-size: 12.5px;
 	line-height: 1.55;
+	flex: 1;
+	min-width: 0;
+	white-space: pre-wrap;
+	word-break: break-word;
 }
 
 .copy-btn {
@@ -7204,15 +7225,18 @@ span.msg-editor-hint svg {
 .fp-markdown .codeblock pre {
 	max-width: 100%;
 	min-width: 0;
-	padding: 14px 16px;
+		padding: 14px 0;
 	border-color: var(--border);
 	border-radius: 10px;
 	font-size: 12.5px;
 	line-height: 1.65;
 }
+.fp-markdown .code-line {
+	padding: 0 16px;
+}
 .fp-markdown .codeblock pre code {
-	white-space: pre;
-	word-break: normal;
+		white-space: pre-wrap;
+	word-break: break-word;
 }
 .fp-markdown img {
 	display: block;

package/themes/light.css

@@ -2391,7 +2391,7 @@ body.panel-resizing {
 		color: var(--text);
 	}
 	.bg-task-cmd.open code {
-		white-space: pre-wrap;
+	white-space: pre-wrap;
 		overflow-wrap: anywhere;
 	}
 	.bg-task-stop {
@@ -3493,17 +3493,38 @@ body.panel-resizing {
 	background: #f6f8fa !important;
 	border: 1px solid var(--border);
 	border-radius: 8px;
-	padding: 12px 14px;
+	padding: 10px 0;
 	overflow-x: auto;
 	margin: 0;
 }
-.codeblock code {
+/* 每个逻辑行一行（issue #36）：行号 gutter + 自动换行主体 */
+.code-line {
+	display: flex;
+	align-items: flex-start;
+	min-width: 0;
+	padding: 0 14px;
+}
+.code-line .code-num {
+	flex: 0 0 auto;
+	text-align: right;
+	color: var(--text-faint);
+	font-family: var(--mono);
+	font-size: 12.5px;
+	line-height: 1.55;
+	user-select: none;
+	padding-right: 12px;
+}
+.codeblock code.code-line-body {
 	background: transparent;
 	border: none;
 	padding: 0;
 	font-family: var(--mono);
 	font-size: 12.5px;
 	line-height: 1.55;
+	flex: 1;
+	min-width: 0;
+	white-space: pre-wrap;
+	word-break: break-word;
 }
 
 .copy-btn {
@@ -6418,15 +6439,18 @@ body.panel-resizing {
 .fp-markdown .codeblock pre {
 	max-width: 100%;
 	min-width: 0;
-	padding: 14px 16px;
+	padding: 14px 0;
 	border-color: var(--border);
 	border-radius: 10px;
 	font-size: 12.5px;
 	line-height: 1.65;
 }
+.fp-markdown .code-line {
+	padding: 0 16px;
+}
 .fp-markdown .codeblock pre code {
-	white-space: pre;
-	word-break: normal;
+	white-space: pre-wrap;
+	word-break: break-word;
 }
 .fp-markdown img {
 	display: block;