feat(desktop): add WebMCP debugging tools for structured AI agent access

Register 15 structured tools via navigator.modelContext (Chrome 146+)
for direct state queries without DOM scraping. Reduces token consumption
~67% vs DevTools MCP snapshot-based debugging. Dev mode only.

Tools: get_zclaw_state, check_connection, send_message, cancel_stream,
get_streaming_state, list_conversations, get_current_conversation,
switch_conversation, get_token_usage, get_offline_queue,
get_saas_account, get_available_models, get_current_agent,
list_agents, get_console_errors

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

desktop/src/main.tsx

@@ -4,6 +4,7 @@ import App from './App';
 import './index.css';
 import { ToastProvider } from './components/ui/Toast';
 import { GlobalErrorBoundary } from './components/ui/ErrorBoundary';
+import { initWebMCPTools } from './lib/webmcp-tools';
 
 // Global error handler for uncaught errors
 const handleGlobalError = (error: Error, errorInfo: React.ErrorInfo) => {
@@ -25,6 +26,9 @@ const handleGlobalReset = () => {
   sessionStorage.clear();
 };
 
+// Initialize WebMCP debugging tools (dev mode only, Chrome 146+)
+initWebMCPTools();
+
 ReactDOM.createRoot(document.getElementById('root')!).render(
   <React.StrictMode>
     <GlobalErrorBoundary