refactor(store): split gatewayStore into specialized domain stores

Major restructuring:
- Split monolithic gatewayStore into 5 focused stores:
  - connectionStore: WebSocket connection and gateway lifecycle
  - configStore: quickConfig, workspaceInfo, MCP services
  - agentStore: clones, usage stats, agent management
  - handStore: hands, approvals, triggers, hand runs
  - workflowStore: workflows, workflow runs, execution

- Update all components to use new stores with selector pattern
- Remove

desktop/src/components/Settings/MCPServices.tsx

@@ -1,9 +1,10 @@
 import { FileText, Globe } from 'lucide-react';
-import { useGatewayStore } from '../../store/gatewayStore';
+import { useConfigStore } from '../../store/configStore';
 import { silentErrorHandler } from '../../lib/error-utils';
 
 export function MCPServices() {
-  const { quickConfig, saveQuickConfig } = useGatewayStore();
+  const quickConfig = useConfigStore((s) => s.quickConfig);
+  const saveQuickConfig = useConfigStore((s) => s.saveQuickConfig);
 
   const services = quickConfig.mcpServices || [];
 

desktop/src/components/Settings/Privacy.tsx

@@ -1,10 +1,13 @@
 import { useEffect } from 'react';
 import { ExternalLink } from 'lucide-react';
-import { useGatewayStore } from '../../store/gatewayStore';
+import { useConfigStore } from '../../store/configStore';
 import { silentErrorHandler } from '../../lib/error-utils';
 
 export function Privacy() {
-  const { quickConfig, workspaceInfo, loadWorkspaceInfo, saveQuickConfig } = useGatewayStore();
+  const quickConfig = useConfigStore((s) => s.quickConfig);
+  const workspaceInfo = useConfigStore((s) => s.workspaceInfo);
+  const loadWorkspaceInfo = useConfigStore((s) => s.loadWorkspaceInfo);
+  const saveQuickConfig = useConfigStore((s) => s.saveQuickConfig);
 
   useEffect(() => {
     loadWorkspaceInfo().catch(silentErrorHandler('Privacy'));

desktop/src/components/Settings/UsageStats.tsx

@@ -1,9 +1,12 @@
 import { useEffect, useState } from 'react';
-import { useGatewayStore } from '../../store/gatewayStore';
+import { useAgentStore } from '../../store/agentStore';
+import { useConnectionStore } from '../../store/connectionStore';
 import { BarChart3, TrendingUp, Clock, Zap } from 'lucide-react';
 
 export function UsageStats() {
-  const { usageStats, loadUsageStats, connectionState } = useGatewayStore();
+  const usageStats = useAgentStore((s) => s.usageStats);
+  const loadUsageStats = useAgentStore((s) => s.loadUsageStats);
+  const connectionState = useConnectionStore((s) => s.connectionState);
   const [timeRange, setTimeRange] = useState<'7d' | '30d' | 'all'>('7d');
 
   useEffect(() => {

desktop/src/components/Settings/Workspace.tsx

@@ -1,14 +1,12 @@
 import { useEffect, useState } from 'react';
-import { useGatewayStore } from '../../store/gatewayStore';
+import { useConfigStore } from '../../store/configStore';
 import { silentErrorHandler } from '../../lib/error-utils';
 
 export function Workspace() {
-  const {
-    quickConfig,
-    workspaceInfo,
-    loadWorkspaceInfo,
-    saveQuickConfig,
-  } = useGatewayStore();
+  const quickConfig = useConfigStore((s) => s.quickConfig);
+  const workspaceInfo = useConfigStore((s) => s.workspaceInfo);
+  const loadWorkspaceInfo = useConfigStore((s) => s.loadWorkspaceInfo);
+  const saveQuickConfig = useConfigStore((s) => s.saveQuickConfig);
   const [projectDir, setProjectDir] = useState('~/.openfang/zclaw-workspace');
 
   useEffect(() => {