fix(mobile): align conversation overlay in app

AGENTS.md

@@ -42,7 +42,7 @@
 
 ### Frontend（根目录）
 - 安装依赖：`npm install`
-- 构建：`npm run build --silent`（默认使用 silent，减少无关输出）
+- 构建：`npm run build --silent 2>&1 | tail -n 5`（默认只看最后 5 行，减少 Vite 构建资源列表等无关输出）
 - 开发监听（当前脚本是 build watch）：`npm run dev`
 - Lint：`npm run lint`
 
@@ -84,7 +84,7 @@
 - CLI React/TS：保留现有 Ink 渲染方式与光标修正逻辑，不要轻易重写输入框定位策略。
 - 日志：优先复用现有 logger/日志路径，不引入大量临时 `print`。
 - 提交前至少做与改动相关的最小验证（命令输出或手工步骤要可复现）。
-- 运行根目录前端构建时，默认使用 `npm run build --silent`。
+- 运行根目录前端构建时，默认使用 `npm run build --silent 2>&1 | tail -n 5`。
 
 ### CLI 当前交互约束（2026-05-15）
 

android-webview-app/APP_CHANGELOG.md

@@ -1,5 +1,9 @@
 # App 更新说明
 
+# 1.0.21
+- 修复 Android App 内手机端展开“对话记录”时仍沿用旧宽度的问题，面板宽度与桌面端对话侧栏保持一致
+- 修复 Android App 内对话记录展开面板顶部残留系统栏空白的问题，内容从面板顶端开始显示
+
 # 1.0.20
 - 新增“新用户欢迎弹窗 + 新手教程”持久化机制：普通账号首次进入会提示是否开始教程，选择“开始吧”或“不再提示”后将状态写入 `data/users.json`
 - 新增后端教程状态接口（查询/更新），并排除宿主机模式用户，避免 host 模式触发教程弹窗

android-webview-app/app/build.gradle.kts

@@ -16,8 +16,8 @@ android {
         applicationId = "com.cyjai.agent"
         minSdk = 24
         targetSdk = 35
-        versionCode = 22
-        versionName = "1.0.20"
+        versionCode = 23
+        versionName = "1.0.21"
 
         testInstrumentationRunner = "androidx.test.runner.AndroidJUnitRunner"
     }

android-webview-app/app/src/main/java/com/cyjai/agent/MainActivity.kt

@@ -45,7 +45,7 @@ class MainActivity : AppCompatActivity() {
 
         ViewCompat.setOnApplyWindowInsetsListener(webView) { view, insets ->
             val systemBars = insets.getInsets(WindowInsetsCompat.Type.systemBars())
-            view.setPadding(0, systemBars.top, 0, systemBars.bottom)
+            view.setPadding(0, 0, 0, systemBars.bottom)
             insets
         }
         ViewCompat.requestApplyInsets(webView)
@@ -207,8 +207,12 @@ class MainActivity : AppCompatActivity() {
               var styleId = '__android_mobile_overlay_width_patch';
               var css = [
                 '.mobile-panel-sheet.mobile-panel-sheet--conversation {',
-                '  width: min(420px, 65vw) !important;',
-                '  max-width: 65vw !important;',
+                '  width: min(var(--conversation-expanded-width, 306px), 100vw) !important;',
+                '  max-width: 100vw !important;',
+                '  padding-top: 0 !important;',
+                '}',
+                '.mobile-panel-sheet--conversation .mobile-overlay-content {',
+                '  height: 100% !important;',
                 '}',
                 '.mobile-panel-sheet.mobile-panel-sheet--workspace {',
                 '  width: fit-content !important;',

static/src/styles/components/overlays/_overlays.scss

@@ -1794,8 +1794,9 @@
 
 .mobile-panel-sheet--conversation {
   background: var(--claude-left-rail);
-  width: min(420px, 65vw);
-  max-width: 65vw;
+  width: min(var(--conversation-expanded-width, 306px), 100vw);
+  max-width: 100vw;
+  padding-top: 0;
 }
 
 .mobile-panel-sheet--workspace {
@@ -1853,6 +1854,10 @@
   height: 100%;
 }
 
+.mobile-panel-sheet--conversation .mobile-overlay-content {
+  height: 100%;
+}
+
 @media (max-width: 768px) {
   .mobile-panel-sheet .left-sidebar,
   .mobile-panel-sheet .right-sidebar {