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>

dexto/packages/webui/components/settings/sections/AppearanceSection.tsx

@@ -0,0 +1,64 @@
+import { useTheme } from '../../hooks/useTheme';
+import { usePreferenceStore } from '@/lib/stores/preferenceStore';
+import { Label } from '../../ui/label';
+import { Switch } from '../../ui/switch';
+import { Moon, Sun, Zap } from 'lucide-react';
+
+export function AppearanceSection() {
+    const { theme, toggleTheme } = useTheme();
+    const { isStreaming, setStreaming } = usePreferenceStore();
+
+    return (
+        <div className="space-y-6">
+            <p className="text-sm text-muted-foreground">
+                Customize the look and feel of the application.
+            </p>
+
+            {/* Theme Setting */}
+            <div className="space-y-4">
+                <div className="flex items-center justify-between py-3 px-4 rounded-lg border border-border">
+                    <div className="flex items-center gap-3">
+                        <div className="p-2 rounded-md bg-muted">
+                            {theme === 'dark' ? (
+                                <Moon className="h-4 w-4" />
+                            ) : (
+                                <Sun className="h-4 w-4" />
+                            )}
+                        </div>
+                        <div>
+                            <Label className="text-sm font-medium">Dark Mode</Label>
+                            <p className="text-sm text-muted-foreground">
+                                Switch between light and dark themes
+                            </p>
+                        </div>
+                    </div>
+                    <Switch
+                        checked={theme === 'dark'}
+                        onCheckedChange={toggleTheme}
+                        aria-label="Toggle dark mode"
+                    />
+                </div>
+
+                {/* Streaming Setting */}
+                <div className="flex items-center justify-between py-3 px-4 rounded-lg border border-border">
+                    <div className="flex items-center gap-3">
+                        <div className="p-2 rounded-md bg-muted">
+                            <Zap className="h-4 w-4" />
+                        </div>
+                        <div>
+                            <Label className="text-sm font-medium">Streaming Responses</Label>
+                            <p className="text-sm text-muted-foreground">
+                                Show responses as they are generated (recommended)
+                            </p>
+                        </div>
+                    </div>
+                    <Switch
+                        checked={isStreaming}
+                        onCheckedChange={setStreaming}
+                        aria-label="Toggle streaming mode"
+                    />
+                </div>
+            </div>
+        </div>
+    );
+}