/chat 运行态 UI 7 处问题:双 loading、消息流内第二个输入框、内部文案外露、整页滚空 bug、蝴蝶重画
- Dominant language
- TypeScript
- Stars
- 0
- Forks
- 0
- Avg merge
- 1h 7m
- Merged PRs (30d)
- 969
Description
2026-09-06 devapp 人类实测截图(run 进行中的 /chat):
1. **两个 loading 同时转**:进度卡已有「准备 → 执行 → 回复 · 已用 N 秒」,`InterjectionComposer` 提示条里又放了一个 spinner。
2. **消息流里出现第二个输入框**,与底部主 composer 功能重复(主 composer 运行中已走 `sendWhileRunning` 插话),且两处行为不一致(一处回显消息、一处不回显)。
3. **内部约束文案外露**:「运行中输入框保持可交互(非 disabled)」「不会打断当前正在执行的这一步」是给测试/评审看的,不是给用户看的。
4. **提示层级混乱、字太小**:提示条 / placeholder / 快捷键提示三层文案 + ack / pending / error 三种状态框,最多同时四个灰框并列。
5. **输入框与按钮比例失衡、宽度不与上下对齐**(`max-w-xl` 与进度卡、气泡右边界各不相同)。
6. **蝴蝶**:换一个颜色,形态要更抽象、更简化、有艺术感。
处置:1–5 通过撤掉消息流里的 `ChatHostInterjection`、插话统一收敛到主 composer 一并解决;6 重画为四片笔触花瓣 + 一线身体,颜色改 `text-success`。
**不在本 issue 范围**(人类指示另派 agent 处理):整页被程序化滚动推到底、屏幕滚空的 bug。排查线索:AppShell 根节点 `overflow-hidden` 挡不住 `focus()` / `scrollIntoView` 推动 `scrollTop`,可考虑 `overflow-clip` + `focus({ preventScroll: true })`。
Contributor guide
No contributing guide indexed for this repository
Research direction
Start by locating the /chat UI, InterjectionComposer, ChatHostInterjection, the main composer, progress card, and butterfly rendering mentioned in the issue. Remove the message-stream interjection UI, consolidate running-state input behavior in the main composer, simplify the visible status text and layout, and redraw the butterfly with four abstract text-success petals and one body line. Leave the AppShell scroll bug out of scope.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- typescript
- Domain
- frontend
- Issue type
- Bug
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Activity status
- Active
- Clarity
- Clearly specified
- Newbie friendliness
- 68/100