Phone: a step's name stays on one line; every step says what it does

From looking at the real phone page after the fixes: a long command squeezed its step's name into
one character per line (執/行/指/令), and sending a file showed as 「工具」. The name keeps its width,
the detail is cut with an ellipsis, and send_file, react and view_demo_step have names; the window
says 「正在傳檔案給你」 instead of 「正在記下來」 while a file is sent.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01Uirha2RVfSYmrhqNnqx9Z4
This commit is contained in:
王性驊 2026-11-06 19:55:40 +08:00
parent ee92da8519
commit b9fc134c99
3 changed files with 8 additions and 2 deletions

View File

@ -90,7 +90,8 @@ header .sub{font-size:12px;color:var(--text3);font-weight:400}
.tool .st{width:14px;text-align:center;color:var(--text3);flex:none;display:inline-flex} .tool .st{width:14px;text-align:center;color:var(--text3);flex:none;display:inline-flex}
.ic{vertical-align:-2px;flex:none} .ic{vertical-align:-2px;flex:none}
.tool.waiting .st{color:var(--accent)}.tool.failed .st{color:var(--danger)} .tool.waiting .st{color:var(--accent)}.tool.failed .st{color:var(--danger)}
.tool .d{font:12px var(--mono);color:var(--text3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0} .tool .d{font:12px var(--mono);color:var(--text3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;flex:1}
.tool>span:nth-child(2){flex:none;white-space:nowrap}
.att{display:inline-flex;gap:6px;align-items:center;font-size:12.5px;background:var(--raise);border-radius:8px;padding:3px 8px;margin:3px 0 0;color:inherit;text-decoration:none;cursor:pointer} .att{display:inline-flex;gap:6px;align-items:center;font-size:12.5px;background:var(--raise);border-radius:8px;padding:3px 8px;margin:3px 0 0;color:inherit;text-decoration:none;cursor:pointer}
.attimg{margin:6px 0 0;max-width:100%}.attimg img{display:block;max-width:100%;max-height:70vh;border-radius:12px;border:1px solid var(--line);cursor:zoom-in}.attimg .wait{font-size:12.5px;color:var(--text3)} .attimg{margin:6px 0 0;max-width:100%}.attimg img{display:block;max-width:100%;max-height:70vh;border-radius:12px;border:1px solid var(--line);cursor:zoom-in}.attimg .wait{font-size:12.5px;color:var(--text3)}
.card{border:1px solid var(--line);border-radius:14px;padding:12px 14px;margin:6px 0;background:var(--surface);max-width:420px} .card{border:1px solid var(--line);border-radius:14px;padding:12px 14px;margin:6px 0;background:var(--surface);max-width:420px}

View File

@ -33,7 +33,9 @@ pub fn status_phrase(tool: Option<&str>, on_box: bool, waiting: bool, has_text:
let Some(name) = tool else { return if has_text { pick(&WORKING) } else { pick(&THINKING) } }; let Some(name) = tool else { return if has_text { pick(&WORKING) } else { pick(&THINKING) } };
match name { match name {
"read_file" | "list_dir" | "search" => "正在讀取檔案".into(), "read_file" | "list_dir" | "search" => "正在讀取檔案".into(),
"edit_file" | "send_file" => "正在記下來".into(), "edit_file" => "正在記下來".into(),
"send_file" => "正在傳檔案給你".into(),
"computer_use_show" => "正在把畫面傳給你".into(),
"shell" | "write_terminal" => "正在執行幾個指令".into(), "shell" | "write_terminal" => "正在執行幾個指令".into(),
"read_terminal" => "正在等待結果".into(), "read_terminal" => "正在等待結果".into(),
"web_fetch" | "browser_read" => "正在閱讀資料".into(), "web_fetch" | "browser_read" => "正在閱讀資料".into(),

View File

@ -77,6 +77,9 @@ pub fn label(name: &str) -> &'static str {
"read_terminal" => "查看背景指令", "read_terminal" => "查看背景指令",
"write_terminal" => "輸入到背景指令", "write_terminal" => "輸入到背景指令",
"open_for_person" => "打開給你看", "open_for_person" => "打開給你看",
"send_file" => "傳檔案給你",
"react" => "按表情",
"view_demo_step" => "看示範",
"publish_site" => "發布網站", "publish_site" => "發布網站",
"place_call" => "打電話", "place_call" => "打電話",
"send_sms" => "傳簡訊", "send_sms" => "傳簡訊",