feat(hooks): 添加 Hooks 配置管理功能

- 新增 Server Hooks API 路由 (CRUD + 测试执行)
- 新增 HooksPanel 组件用于管理所有钩子类型
- 新增 HookEditor 组件用于编辑单个钩子规则
- 支持 file_edited/file_created/file_deleted/session_completed 四种钩子
- 集成到 web 和 desktop 应用

packages/web/src/App.tsx

@@ -11,6 +11,7 @@ import {
   ConfigPanel,
   CommandPanel,
   MCPPanel,
+  HooksPanel,
   Toaster,
   listSessions,
   createSession,
@@ -25,6 +26,7 @@ export function App() {
   const [showConfig, setShowConfig] = useState(false);
   const [showCommands, setShowCommands] = useState(false);
   const [showMCP, setShowMCP] = useState(false);
+  const [showHooks, setShowHooks] = useState(false);
   const [sessionTitleUpdate, setSessionTitleUpdate] = useState<{ sessionId: string; name: string } | null>(null);
 
   // 初始化：加载或创建会话
@@ -111,6 +113,7 @@ export function App() {
               onOpenConfig={() => setShowConfig(true)}
               onOpenCommands={() => setShowCommands(true)}
               onOpenMCP={() => setShowMCP(true)}
+              onOpenHooks={() => setShowHooks(true)}
             />
           ) : (
             <div className="flex-1 flex items-center justify-center h-full">
@@ -165,6 +168,9 @@ export function App() {
       {/* MCP 面板 */}
       {showMCP && <MCPPanel onClose={() => setShowMCP(false)} responsive />}
 
+      {/* Hooks 面板 */}
+      {showHooks && <HooksPanel onClose={() => setShowHooks(false)} responsive />}
+
       {/* 移动端底部文件按钮 */}
       <button
         onClick={() => setShowFileBrowser(true)}

packages/web/src/pages/Chat.tsx

@@ -3,7 +3,7 @@
  */
 
 import { useEffect, useRef } from 'react';
-import { WifiOff, MessageSquare, Settings, FolderOpen, Terminal, Plug } from 'lucide-react';
+import { WifiOff, MessageSquare, Settings, FolderOpen, Terminal, Plug, Zap } from 'lucide-react';
 import { motion, AnimatePresence } from 'framer-motion';
 import {
   useChat,
@@ -24,6 +24,7 @@ interface ChatPageProps {
   onOpenConfig?: () => void;
   onOpenCommands?: () => void;
   onOpenMCP?: () => void;
+  onOpenHooks?: () => void;
 }
 
 export function ChatPage({
@@ -36,6 +37,7 @@ export function ChatPage({
   onOpenConfig,
   onOpenCommands,
   onOpenMCP,
+  onOpenHooks,
 }: ChatPageProps) {
   const {
     messages,
@@ -130,8 +132,21 @@ export function ChatPage({
           <ConnectionStatus />
 
           {/* 工具栏按钮 */}
-          {(onOpenConfig || onToggleFileBrowser || onOpenCommands || onOpenMCP) && (
+          {(onOpenConfig || onToggleFileBrowser || onOpenCommands || onOpenMCP || onOpenHooks) && (
             <div className="flex items-center gap-1.5 border-l border-gray-600 pl-3">
+              {/* Hooks 按钮 */}
+              {onOpenHooks && (
+                <motion.button
+                  whileHover={{ scale: 1.1 }}
+                  whileTap={{ scale: 0.9 }}
+                  onClick={onOpenHooks}
+                  className="p-1.5 rounded-lg text-gray-400 hover:text-gray-200 hover:bg-gray-700 transition-colors"
+                  title="Hooks"
+                >
+                  <Zap size={20} />
+                </motion.button>
+              )}
+
               {/* MCP 按钮 */}
               {onOpenMCP && (
                 <motion.button