pi-web-ui 0.49.0 → 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/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.49.0",
+  "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": {

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;