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

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

packages/desktop/src/App.tsx

@@ -9,6 +9,7 @@ import {
   ConfigPanel,
   CommandPanel,
   MCPPanel,
+  HooksPanel,
   Toaster,
   listSessions,
   createSession,
@@ -23,6 +24,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);
 
   // 初始化：加载或创建会话
@@ -95,6 +97,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">
@@ -124,6 +127,9 @@ export function App() {
       {/* MCP 面板 */}
       {showMCP && <MCPPanel onClose={() => setShowMCP(false)} />}
 
+      {/* Hooks 面板 */}
+      {showHooks && <HooksPanel onClose={() => setShowHooks(false)} />}
+
       {/* Toast 通知 */}
       <Toaster />
     </div>