diff --git a/README.md b/README.md index 1c9c47ee..c917089a 100644 --- a/README.md +++ b/README.md @@ -219,7 +219,7 @@ The most responsive AI coding agent experience on any phone. Full xterm.js termi - + @@ -254,7 +254,12 @@ The security design addresses all 6 critical QR auth flaws identified in ["Demys ### Touch-Optimized Interface +

+ Mobile toolbar: accessory bar with /init, /clear, clipboard and Esc above the Run, case, stop, Enter, voice and settings controls +

+ - **Keyboard accessory bar** — `/init`, `/clear`, `/compact` quick-action buttons above the virtual keyboard. Destructive commands (`/clear`, `/compact`) require a double-press to confirm — first tap arms the button, second tap executes — so you never fire one by accident on a bumpy commute +- **Dedicated Enter button** — submitting is a constant need on a touch keyboard, so the phone toolbar gives it a button of its own. It replays the keypress through the terminal, so text buffered by local echo is flushed first rather than stranded. Starting a shell moves into the Run dropdown (`Terminal / Shell`), which is the rarer action - **Swipe navigation** — left/right on the terminal to switch sessions (80px threshold, 300ms) - **Smart keyboard handling** — toolbar and terminal shift up when keyboard opens (uses `visualViewport` API with 100px threshold for iOS address bar drift) - **Safe area support** — respects iPhone notch and home indicator via `env(safe-area-inset-*)` diff --git a/README.zh-CN.md b/README.zh-CN.md index cb2d6090..de56c278 100644 --- a/README.zh-CN.md +++ b/README.zh-CN.md @@ -209,7 +209,7 @@ codeman web -H 0.0.0.0 # 绑定局域网 —— 必须设置 CODEMAN_
Mobile — landing page with QR authMobile — answering an agent's multiple-choice prompt with the keyboard accessory barMobile — answering an agent's plan prompt with the keyboard accessory bar and Enter button Mobile — active agent session
- + @@ -244,7 +244,12 @@ codeman web -H 0.0.0.0 # 绑定局域网 —— 必须设置 CODEMAN_ ### 触控优化界面 +

+ 移动端工具栏：配件栏的 /init、/clear、剪贴板与 Esc，下方是 Run、案例、停止、Enter、语音与设置控件 +

+ - **键盘配件栏** —— 在虚拟键盘上方提供 `/init`、`/clear`、`/compact` 快捷按钮。破坏性命令（`/clear`、`/compact`）需双击确认 —— 第一次点击「上膛」，第二次点击执行 —— 这样在颠簸的通勤路上也不会误触 +- **独立的 Enter 按钮** —— 在触控键盘上提交是高频操作，因此手机工具栏为它单独设了一个按钮。它会以按键的方式回放，从而先冲刷本地回显缓冲的文本，不会让内容滞留在屏幕上。启动 Shell 这类低频操作则移入 Run 下拉菜单（`Terminal / Shell`） - **滑动导航** —— 在终端上左右滑动切换会话（阈值 80px，300ms） - **智能键盘处理** —— 键盘弹出时工具栏与终端整体上移（使用 `visualViewport` API，并对 iOS 地址栏漂移设置 100px 阈值） - **安全区适配** —— 通过 `env(safe-area-inset-*)` 适配 iPhone 刘海与底部 Home 指示条 diff --git a/docs/screenshots/mobile-session-keyboard-20260727.png b/docs/screenshots/mobile-session-keyboard-20260727.png new file mode 100644 index 00000000..de8897e0 Binary files /dev/null and b/docs/screenshots/mobile-session-keyboard-20260727.png differ diff --git a/docs/screenshots/mobile-session-question-20260727.png b/docs/screenshots/mobile-session-question-20260727.png deleted file mode 100644 index 0c2d0c8f..00000000 Binary files a/docs/screenshots/mobile-session-question-20260727.png and /dev/null differ diff --git a/docs/screenshots/mobile-toolbar-enter-20260727.png b/docs/screenshots/mobile-toolbar-enter-20260727.png new file mode 100644 index 00000000..6df25e7e Binary files /dev/null and b/docs/screenshots/mobile-toolbar-enter-20260727.png differ
移动端 — 带二维码认证的登录页移动端 — 通过键盘配件栏回答智能体的选择题提示移动端 — 通过键盘配件栏与 Enter 按钮回答智能体的方案提示 移动端 — 活动中的智能体会话