feat: Add intelligent auto-router and enhanced integrations

- Add intelligent-router.sh hook for automatic agent routing - Add AUTO-TRIGGER-SUMMARY.md documentation - Add FINAL-INTEGRATION-SUMMARY.md documentation - Complete Prometheus integration (6 commands + 4 tools) - Complete Dexto integration (12 commands + 5 tools) - Enhanced Ralph with access to all agents - Fix /clawd command (removed disable-model-invocation) - Update hooks.json to v5 with intelligent routing - 291 total skills now available - All 21 commands with automatic routing 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
2026-01-28 00:27:56 +04:00
parent 3b128ba3bd
commit b52318eeae
1724 changed files with 351216 additions and 0 deletions
--- a/dexto/packages/webui/components/hooks/useTheme.ts
+++ b/dexto/packages/webui/components/hooks/useTheme.ts
@@ -0,0 +1,33 @@
+import { useEffect, useState } from 'react';
+
+export function useTheme() {
+    // Initialize from SSR-provided class on <html> to avoid flicker
+    const [theme, setTheme] = useState<'light' | 'dark'>(() => {
+        if (typeof document !== 'undefined') {
+            return document.documentElement.classList.contains('dark') ? 'dark' : 'light';
+        }
+        // Match SSR default from layout (dark)
+        return 'dark';
+    });
+
+    // Sync DOM class, localStorage and cookie when theme changes
+    useEffect(() => {
+        if (typeof document === 'undefined') return;
+        document.documentElement.classList.toggle('dark', theme === 'dark');
+        try {
+            localStorage.setItem('theme', theme);
+            const isSecure =
+                typeof window !== 'undefined' && window.location?.protocol === 'https:';
+            document.cookie = `theme=${encodeURIComponent(theme)}; path=/; max-age=31536000; SameSite=Lax${isSecure ? '; Secure' : ''}`;
+        } catch {
+            // Ignore storage errors in restrictive environments
+        }
+    }, [theme]);
+
+    const toggleTheme = (checked: boolean) => {
+        setTheme(checked ? 'dark' : 'light');
+    };
+
+    // Keep API shape backward-compatible
+    return { theme, toggleTheme, hasMounted: true } as const;
+}