fix(aibox/botops): 思考区域按时间顺序分布，不再全部堆在顶部

问题根因：
1. ChatView.end_reasoning() 不清空 _reasoning_widget 引用，导致
   多轮工具调用时 start_reasoning() 直接 return，所有轮次的思考
   内容都被追加到第一个思考区域（在聊天区最顶部）。
2. AI widget 在工具调用期间不重置，导致后续轮次的思考区域被
   挂载在AI widget中间，顺序混乱。

修复：
1. end_reasoning()/abort_reasoning() 更新标签后清除引用（widget
   保留在DOM显示），下一轮 reasoning_start 创建新的思考区域。
2. 新增 ai_break 协议信号：服务端在工具调用执行前发送，前端
   break_ai() 清除AI widget引用（保留已显示内容），后续chunk
   创建新的AI widget，确保思考区域按时间顺序插入在两段AI文本之间。
3. ai_break 前flush chunk_buffer，防止工具调用前的最后文本片段丢失。

BotOps/app.py

@@ -197,6 +197,9 @@ class BotOpsApp(App):
             else:
                 # 🔧 调用工具: xxx / 工具输出 / 用户中断提示等 → 任务侧栏
                 self.tasks.write(stripped)
+        elif t == "ai_break":
+            # 工具调用前分段：结束当前AI文本段（保留已显示内容），后续chunk创建新widget
+            await self.chat.break_ai()
         elif t == "complete":
             # complete 携带完整全文，用于对齐已显示内容
             await self.chat.finish_ai(content)