ClawPanel v4.4.0 来了:AI 助手浮窗 + 非 OpenAI 模型兼容性修复
ClawPanel 是个开源的 OpenClaw 管理面板,比官方控制台更直观。支持 20+ 通道、多模型、插件、定时任务,GitHub 地址:https://github.com/zhaoxinyi02/ClawPanel。
v4.4.0 不算大版本,但加了一个很实用的 AI 助手浮窗,还解决了一个困扰非 OpenAI 模型用户的兼容问题。顺便优化了技能中心的布局。
AI 助手浮窗
现在 ClawPanel 右下角多了个浮窗对话框,可以随时和配置好的模型聊天。拖拽标题栏就能移动,右下角有调整大小的手柄,还能一键最大化 / 还原。模型选择下拉框能切换不同的提供者和模型。深色模式也自适应。
技术上,前端是 AIAssistant.tsx,纯 React 写的,拖拽基于 mousedown/move/up 事件链,最大化时会把之前的位置和大小记下来,还原回去。代码不复杂,大概长这样:
// 拖拽
const onDragStart = useCallback((e: React.MouseEvent) => {
dragging.current = true;
dragOffset.current = { x: e.clientX - pos.x, y: e.clientY - pos.y };
}, [pos]);
const [isMaximized, setIsMaximized] = useState(false);
const savedPosSize = useRef({ x: 0, y: 0, w: DEFAULT_W, h: DEFAULT_H });
后端 /api/ai/chat 接口负责转发对话历史给 OpenClaw 模型 API,返回结果:
router.post('/ai/chat', auth, async(req, res)=>{
const{ messages, providerId, modelId }= req.body;
response = (messages, providerId, modelId);
res.({ :, : response });
});


