@liguoshuai/pi-web-chat 1.8.7 → 1.8.9

package/docs/CHANGELOG.md

@@ -7,6 +7,30 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ---
 
+## [1.8.9] - 2026-08-29
+
+### Fixed
+- **Markdown 下划线变量与标识符渲染保护 (Markdown Identifier & Underscore Parsing Protection)**：
+  - 优化行内 Markdown 解析器，限定下划线 `_` 仅在非单词边界（空格/标点包裹）时触发斜体，防止编程标识符与文件名（如 `user_id_list`、`process.env.NODE_ENV`）被误切分解析为斜体。
+  - 优化加粗与嵌套斜体（`**bold and *italic***`）的非贪婪匹配规则。
+- **移动端模型选择菜单支持“设为默认” (Mobile Model Selector 'Set Default' Accessibility)**：
+  - 在移动端媒体查询下保持 `.btn-set-default` 可见（`opacity: 1`），修复手机端因缺少 hover 无法将模型设为全局默认的问题。
+- **工具调用头部与顶栏弹性布局溢出保护 (Tool Block & Topbar Flex Overflow Protection)**：
+  - 给 `.tool-head .args` 增加 `min-width: 0`，防止长命令/长文件路径将右侧“复制”按钮与“执行状态”标签挤出卡片。
+  - 给桌面端 `.topbar .session-name` 增加 `min-width: 0`，防止窄屏下超长会话标题破坏顶栏胶囊布局。
+
+---
+
+## [1.8.8] - 2026-08-29
+
+### Fixed
+- **消息发送框确认按钮上下居中与正圆对齐优化 (Composer Send Button Alignment & Circular Sizing)**：
+  - 修复默认单行输入状态下，发送按钮因与 `textarea` 存在高度差并在 `flex-end` 布局下导致严重偏下、没有垂直居中的问题。
+  - 精准对齐单行 `textarea` 高度（32px）与按钮高度（32px），使单行状态下发送/确认按钮在输入框内绝对垂直居中，多行输入时依然平滑吸底。
+  - 将桌面端发送按钮修正为标准正圆（`32px × 32px`，`border-radius: 50%`），并补充字号与行高约束，确保图标居中且不影响手机侧及响应式体验。
+
+---
+
 ## [1.8.5] - 2026-08-23
 
 ### Fixed

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@liguoshuai/pi-web-chat",
-  "version": "1.8.7",
+  "version": "1.8.9",
   "description": "A ChatGPT/Gemini-style web UI for the pi coding agent, powered by pi's RPC mode.",
   "type": "module",
   "main": "server.js",

package/public/app.js

@@ -422,16 +422,16 @@ function renderInlineMd(text) {
 
 // helper state bag attached to the function during line scan
 function mdInlineBlock(text) {
-  function esc(s) { return escapeHtml(s); }
   let s = escapeHtml(text);
   // bold
-  s = s.replace(/\*\*([^*]+)\*\*/g, "<strong>$1</strong>");
-  s = s.replace(/__([^_]+)__/g, "<strong>$1</strong>");
+  s = s.replace(/\*\*(.+?)\*\*/g, "<strong>$1</strong>");
+  s = s.replace(/__(.+?)__/g, "<strong>$1</strong>");
   // strikethrough
-  s = s.replace(/~~([^~]+)~~/g, "<del>$1</del>");
-  // italic
-  s = s.replace(/(^|[^*])\*([^*]+)\*/g, "$1<em>$2</em>");
-  s = s.replace(/(^|[^_])_([^_]+)_/g, "$1<em>$2</em>");
+  s = s.replace(/~~(.+?)~~/g, "<del>$1</del>");
+  // italic (asterisk)
+  s = s.replace(/(^|[^*])\*([^*\s](?:[^*]*?[^*\s])?)\*(?!\*)/g, "$1<em>$2</em>");
+  // italic (underscore): only match boundary/space so identifier_names are preserved
+  s = s.replace(/(^|[\s(\[<,;:])_([^_\s](?:[^_]*?[^_\s])?)_(?=[\s)\]>,;:!?.]|$)/g, "$1<em>$2</em>");
   // links [txt](url)
   s = s.replace(/\[([^\]]+)\]\((https?:\/\/[^\s)]+)\)/g, '<a href="$2" target="_blank" rel="noopener">$1</a>');
   return s;

package/public/style.css

@@ -202,6 +202,7 @@ body {
   color: var(--text);
   font-weight: 500;
   flex: 1;
+  min-width: 0;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
@@ -496,7 +497,7 @@ body {
 }
 .tool-head .ic { color: var(--accent); font-size: 12px; }
 .tool-head .name { font-weight: 600; color: var(--text); }
-.tool-head .args { color: var(--text-muted); font-family: monospace; flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+.tool-head .args { color: var(--text-muted); font-family: monospace; flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
 .tool-head .state { font-size: 11px; color: var(--text-dim); padding: 2px 8px; background: #2a2a2a; border-radius: 999px; }
 .tool-head .state.error { color: var(--danger); background: #3a1a1a; }
 .tool-body {
@@ -718,13 +719,14 @@ body {
 }
 .composer textarea {
   flex: 1; background: transparent; border: none; outline: none; resize: none;
-  color: var(--text); font-family: inherit; font-size: 15px; line-height: 1.5;
-  padding: 10px 0; max-height: 200px; min-height: 24px;
+  color: var(--text); font-family: inherit; font-size: 15px; line-height: 20px;
+  padding: 6px 0; max-height: 200px; min-height: 32px;
 }
 .composer .send-btn {
-  width: 36px; height: 32px; border-radius: 18px; border: none; cursor: pointer;
+  width: 32px; height: 32px; border-radius: 50%; border: none; cursor: pointer;
   background: var(--accent); color: #fff; display: flex; align-items: center; justify-content: center;
-  flex-shrink: 0; transition: background .15s, opacity .15s, transform .1s;
+  flex-shrink: 0; font-size: 16px; font-weight: 600; line-height: 1;
+  transition: background .15s, opacity .15s, transform .1s;
 }
 .composer .send-btn:disabled { background: #3a3a3a; color: #6f6f6f; cursor: not-allowed; }
 .composer .send-btn.stop { background: var(--danger); }
@@ -1364,6 +1366,11 @@ body {
   .model-menu-list {
     max-height: calc(100dvh - 130px);
   }
+  .btn-set-default {
+    opacity: 1;
+    font-size: 10px;
+    padding: 2px 6px;
+  }
 
   .empty-model-banner {
     padding: 10px 12px;
@@ -1453,20 +1460,23 @@ body {
   }
 
   .composer-inner {
-    padding: 4px 6px 4px 12px;
-    border-radius: 20px;
+    padding: 6px 8px 6px 14px;
+    border-radius: 22px;
     gap: 6px;
   }
 
   .composer textarea {
-    padding: 8px 0;
+    padding: 6px 0;
     font-size: 14px;
+    line-height: 20px;
+    min-height: 32px;
     max-height: 160px;
   }
 
   .composer .send-btn {
     width: 32px;
     height: 32px;
+    border-radius: 50%;
   }
 
   /* CWD Modal Mobile Adjustments */