feat: 新增 BotOps 子模块——aibox 的 Textual TUI 前端（流式 Markdown 渲染+自动重连+任务侧栏）
This commit is contained in:
qing committed
1 parent
afb55494e5
commit
f91d4166d6
14 files changed
+569
No files matched your search
+230
@@ -0,0 +1,230 @@
|
||||
#!/usr/bin/env python3
|
||||
"""BotOps — aibox 智能体的现代化 TUI 前端（Textual）。
|
||||
|
||||
复刻并增强 aibox/client.py：
|
||||
- AI 回复流式 Markdown 渲染（Markdown 部件增量追加，无闪烁）
|
||||
- 断线指数退避自动重连（/disconnect 抑制）
|
||||
- 任务事件独立侧栏（task_process / task_status / task_error）
|
||||
- Ctrl+C 中断生成、Ctrl+Q 退出、Ctrl+L 清屏
|
||||
|
||||
用法:
|
||||
python app.py [ws://host:port] # 默认 ws://localhost:8765
|
||||
"""
|
||||
import sys
|
||||
|
||||
from textual.app import App, ComposeResult
|
||||
from textual.binding import Binding
|
||||
from textual.containers import Horizontal
|
||||
from textual.widgets import Footer, Header, Input, RichLog
|
||||
|
||||
from commands import CommandRegistry
|
||||
from widgets.chat_view import ChatView
|
||||
from widgets.status_bar import StatusBar
|
||||
from ws_client import BotWSClient
|
||||
|
||||
DEFAULT_URI = "ws://localhost:8765"
|
||||
|
||||
|
||||
class BotOpsApp(App):
|
||||
TITLE = "BotOps"
|
||||
SUB_TITLE = "aibox TUI"
|
||||
|
||||
CSS = """
|
||||
#chat {
|
||||
width: 3fr;
|
||||
border: solid $primary;
|
||||
}
|
||||
#tasks {
|
||||
width: 1fr;
|
||||
border: solid $secondary;
|
||||
}
|
||||
.msg-user {
|
||||
color: cyan;
|
||||
padding: 0 1;
|
||||
margin-top: 1;
|
||||
}
|
||||
.msg-ai {
|
||||
padding: 0 1;
|
||||
}
|
||||
.msg-system {
|
||||
color: $text-muted;
|
||||
padding: 0 1;
|
||||
}
|
||||
.msg-error {
|
||||
color: red;
|
||||
padding: 0 1;
|
||||
}
|
||||
.msg-task {
|
||||
color: yellow;
|
||||
padding: 0 1;
|
||||
}
|
||||
#status {
|
||||
height: 1;
|
||||
}
|
||||
"""
|
||||
|
||||
BINDINGS = [
|
||||
Binding("ctrl+c", "interrupt", "中断", show=True),
|
||||
Binding("ctrl+q", "quit", "退出", show=True),
|
||||
Binding("ctrl+l", "clear", "清屏", show=True),
|
||||
]
|
||||
|
||||
def __init__(self, uri: str = DEFAULT_URI):
|
||||
super().__init__()
|
||||
self.ws = BotWSClient(uri)
|
||||
self.ws.on_message = self._on_ws_message
|
||||
self.ws.on_state = self._on_ws_state
|
||||
self.registry = CommandRegistry(self)
|
||||
|
||||
# ── 布局 ─────────────────────────────────────────────────────────────
|
||||
def compose(self) -> ComposeResult:
|
||||
yield Header()
|
||||
with Horizontal():
|
||||
yield ChatView(id="chat")
|
||||
yield RichLog(id="tasks", max_lines=1000)
|
||||
yield Input(placeholder="输入消息，/help 查看命令，Enter 发送", id="input")
|
||||
yield StatusBar(id="status")
|
||||
yield Footer()
|
||||
|
||||
async def on_mount(self):
|
||||
self.query_one("#input", Input).focus()
|
||||
self._refresh_status("")
|
||||
self.run_worker(self.connect_to(self.ws.uri))
|
||||
|
||||
@property
|
||||
def chat(self) -> ChatView:
|
||||
return self.query_one("#chat", ChatView)
|
||||
|
||||
@property
|
||||
def tasks(self) -> RichLog:
|
||||
return self.query_one("#tasks", RichLog)
|
||||
|
||||
# ── 连接管理 ──────────────────────────────────────────────────────────
|
||||
async def connect_to(self, uri: str):
|
||||
if self.ws.connected:
|
||||
await self.ws.disconnect()
|
||||
self.ws.uri = uri
|
||||
await self.notify_system(f"正在连接 {uri} …")
|
||||
await self.ws.connect()
|
||||
|
||||
async def disconnect(self):
|
||||
await self.ws.disconnect()
|
||||
|
||||
async def send_interrupt(self):
|
||||
if await self.ws.send_interrupt():
|
||||
await self.notify_system("🛑 已发送中断信号")
|
||||
else:
|
||||
await self.notify_system("未连接到服务器", level="error")
|
||||
|
||||
# ── UI 操作 ───────────────────────────────────────────────────────────
|
||||
async def notify_system(self, text: str, level: str = "info"):
|
||||
css = {"info": "msg-system", "error": "msg-error", "task": "msg-task"}.get(level, "msg-system")
|
||||
await self.chat.add_system(text, css)
|
||||
|
||||
async def clear_chat(self):
|
||||
await self.chat.reset()
|
||||
|
||||
def _refresh_status(self, extra: str):
|
||||
self.query_one("#status", StatusBar).set_state(
|
||||
self.ws.connected, self.ws.uri if self.ws.connected else "", extra)
|
||||
|
||||
# ── 输入处理 ──────────────────────────────────────────────────────────
|
||||
async def on_input_submitted(self, event: Input.Submitted):
|
||||
text = event.value.strip()
|
||||
event.input.value = ""
|
||||
if not text:
|
||||
return
|
||||
if text.startswith("/") and await self.registry.execute(text):
|
||||
return
|
||||
if not self.ws.connected:
|
||||
await self.notify_system("未连接到服务器，先 /connect", level="error")
|
||||
return
|
||||
await self.chat.add_user(text)
|
||||
await self.chat.start_ai() # 预建 AI 消息框，即时反馈
|
||||
await self.ws.send_message(text)
|
||||
|
||||
# ── 快捷键 ────────────────────────────────────────────────────────────
|
||||
async def action_interrupt(self):
|
||||
await self.send_interrupt()
|
||||
|
||||
async def action_clear(self):
|
||||
await self.clear_chat()
|
||||
|
||||
def action_quit(self):
|
||||
self.exit()
|
||||
|
||||
# ── aibox 协议消息路由（对应 client.py 的 _handle_message）─────────────
|
||||
async def _on_ws_message(self, data: dict):
|
||||
t = data.get("type", "")
|
||||
content = data.get("content", "")
|
||||
|
||||
if t == "chunk":
|
||||
if content.startswith("🔧 调用工具"):
|
||||
await self.notify_system(content, level="task")
|
||||
elif content.startswith(("✅ 对话记忆已保存", "💾 保存记忆", "❌", "⚠️")):
|
||||
await self.notify_system(content, level="task")
|
||||
else:
|
||||
await self.chat.append_ai(content)
|
||||
elif t == "complete":
|
||||
await self.chat.finish_ai(content or self.chat.ai_text)
|
||||
elif t == "dialogue_ended":
|
||||
await self.chat.finish_ai(self.chat.ai_text)
|
||||
if content:
|
||||
await self.notify_system(f"✅ {content}")
|
||||
elif t == "task_process":
|
||||
sub = data.get("msg_type", "")
|
||||
title = data.get("task_title", "未知任务")
|
||||
if sub == "chunk":
|
||||
tail = str(data.get("content", ""))[-200:]
|
||||
if tail:
|
||||
self.tasks.write(f"⚡ {title}: {tail}")
|
||||
elif sub == "complete":
|
||||
self.tasks.write(f"✅ 任务完成: {title}")
|
||||
elif t == "task_status":
|
||||
icon = {"executing": "⚙️", "complete": "✅", "failed": "❌",
|
||||
"added": "➕", "batch_start": "🚀", "batch_complete": "🏁"
|
||||
}.get(data.get("status", ""), "📋")
|
||||
self.tasks.write(
|
||||
f"{icon} [{data.get('task_id', '?')}] {data.get('title', '')}: "
|
||||
f"{data.get('message', content)}")
|
||||
elif t == "task_error":
|
||||
self.tasks.write(
|
||||
f"❌ [{data.get('task_id', '?')}] {data.get('task_title', '?')}: "
|
||||
f"{data.get('error', '未知错误')}")
|
||||
elif t == "interrupt_ack":
|
||||
await self.notify_system(f"🛑 {content}")
|
||||
elif t == "error":
|
||||
await self.notify_system(f"❌ {content}", level="error")
|
||||
elif t == "info":
|
||||
await self.notify_system(f"ℹ️ {content}")
|
||||
elif t == "command_result":
|
||||
await self.notify_system(content)
|
||||
elif t == "connection_ack":
|
||||
await self.notify_system(f"✅ {content}")
|
||||
elif t == "notification":
|
||||
await self.notify_system(f"🔔 {content}")
|
||||
elif content:
|
||||
await self.chat.append_ai(content)
|
||||
|
||||
# ── 连接状态回调 ──────────────────────────────────────────────────────
|
||||
async def _on_ws_state(self, state: str, detail: str):
|
||||
if state == "connected":
|
||||
self._refresh_status("")
|
||||
await self.notify_system(f"✅ 已连接到 {self.ws.uri}")
|
||||
elif state == "disconnected":
|
||||
self._refresh_status("")
|
||||
await self.notify_system(f"❌ {detail}")
|
||||
elif state == "reconnecting":
|
||||
self._refresh_status(detail)
|
||||
elif state == "error":
|
||||
self._refresh_status("")
|
||||
await self.notify_system(detail, level="error")
|
||||
|
||||
|
||||
def main():
|
||||
uri = sys.argv[1] if len(sys.argv) > 1 else DEFAULT_URI
|
||||
BotOpsApp(uri).run()
|
||||
|
||||
|
||||
if __name__ == "__main__":
|
||||
main()
|
||||
Reference in new issue
Block a user