背景
作为 Hermes WebUI 的长期使用用户，在使用过程中发现以下 3 项 UI 细节可以进一步优化，以提升用户体验。
改进建议
1. 工具调用进度条宽度限制
问题描述：
工具调用（Tool Call）的进度条/卡片在长内容时横向溢出，导致界面布局混乱。
建议方案：
为 .tool-call-item 添加 max-width 限制（建议 300px），超出部分显示省略号。
影响：
- ✅ 保持界面整洁
- ✅ 避免横向滚动
- ✅ 提升长内容可读性
2. 输入框字体大小
问题描述：
输入框字体大小为 14px，对于部分用户（尤其是视力不佳或高分辨率屏幕用户）偏小。
建议方案：
将 .input-textarea 的 font-size 从 14px 调整为 16px。
影响：
- ✅ 提升可读性
- ✅ 符合主流输入框字体标准
- ✅ 减少用户视觉疲劳
3. 输入框最大行数
问题描述：
输入框最大高度限制为 100px（约 5-6 行），输入较长提示词时需要频繁滚动。
建议方案：
将 .input-textarea 的 max-height 从 100px 调整为 200px（约 10-12 行）。
影响：
- ✅ 减少滚动操作
- ✅ 提升长提示词编辑体验
- ✅ 不影响短消息输入
技术实现参考
/* 工具调用宽度限制 */
.tool-call-item[data-v-26a469ff] {
max-width: 300px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
/* 输入框字体和高度 */
.input-textarea[data-v-469897ff] {
font-size: 16px;
max-height: 200px;
}
期望反馈
希望维护团队能考虑以上建议。如果需要，我可以协助测试或提供更详细的截图说明。
标签建议：enhancement, ui-improvement, ux
背景
作为 Hermes WebUI 的长期使用用户，在使用过程中发现以下 3 项 UI 细节可以进一步优化，以提升用户体验。
改进建议
1. 工具调用进度条宽度限制
问题描述：
工具调用（Tool Call）的进度条/卡片在长内容时横向溢出，导致界面布局混乱。
建议方案：
为 .tool-call-item 添加 max-width 限制（建议 300px），超出部分显示省略号。
影响：
2. 输入框字体大小
问题描述：
输入框字体大小为 14px，对于部分用户（尤其是视力不佳或高分辨率屏幕用户）偏小。
建议方案：
将 .input-textarea 的 font-size 从 14px 调整为 16px。
影响：
3. 输入框最大行数
问题描述：
输入框最大高度限制为 100px（约 5-6 行），输入较长提示词时需要频繁滚动。
建议方案：
将 .input-textarea 的 max-height 从 100px 调整为 200px（约 10-12 行）。
影响：
技术实现参考
期望反馈
希望维护团队能考虑以上建议。如果需要，我可以协助测试或提供更详细的截图说明。
标签建议：enhancement, ui-improvement, ux