feat(clawbot): add native WeChat ClawBot protocol engine (clawbot.py) and WechatClawModal UI

stacks/portal/web/src/components/TopRibbon.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { BookOpen, LayoutGrid, Moon, Search, Sun, Terminal } from 'lucide-react';
+import { BookOpen, LayoutGrid, MessageSquare, Moon, Search, Sun, Terminal } from 'lucide-react';
 import { usePortalStore } from '../store/usePortalStore';
 import type { RouteModeId } from '../types/telemetry';
 import { Button } from './ui/button';
@@ -24,6 +24,7 @@ export const TopRibbon: React.FC = () => {
     setRouteMode,
     setViewMode,
     setShowAgyModal,
+    setShowWechatModal,
     setShowCmdPalette,
   } = usePortalStore();
 
@@ -98,6 +99,21 @@ export const TopRibbon: React.FC = () => {
               </kbd>
             </Button>
 
+            <Button
+              variant="outline"
+              onClick={() => setShowWechatModal(true)}
+              title="连接微信 ClawBot，在微信内直接收发消息与控制 Mac mini"
+            >
+              <span
+                className="w-2 h-2 rounded-full"
+                style={{
+                  backgroundColor: telemetry.services.clawbot ? 'var(--success)' : 'var(--accent)',
+                }}
+              />
+              <MessageSquare className="w-3.5 h-3.5" />
+              <span>微信 ClawBot</span>
+            </Button>
+
             <Button onClick={() => setShowAgyModal(true)}>
               <Terminal className="w-3.5 h-3.5" />
               <span>AGY 终端</span>