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/ui/collapsible.tsx

@@ -0,0 +1,76 @@
+import React, { useState } from 'react';
+import { ChevronDown } from 'lucide-react';
+import { cn } from '@/lib/utils';
+import { Tooltip, TooltipContent, TooltipTrigger } from './tooltip';
+
+interface CollapsibleProps {
+    title: string;
+    children: React.ReactNode;
+    defaultOpen?: boolean;
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    errorCount?: number;
+    sectionErrors?: string[];
+    className?: string;
+}
+
+export function Collapsible({
+    title,
+    children,
+    defaultOpen = true,
+    open: controlledOpen,
+    onOpenChange,
+    errorCount = 0,
+    sectionErrors = [],
+    className,
+}: CollapsibleProps) {
+    const [uncontrolledOpen, setUncontrolledOpen] = useState(defaultOpen);
+
+    const isControlled = controlledOpen !== undefined;
+    const isOpen = isControlled ? controlledOpen : uncontrolledOpen;
+
+    const handleToggle = () => {
+        const newOpen = !isOpen;
+        if (isControlled) {
+            onOpenChange?.(newOpen);
+        } else {
+            setUncontrolledOpen(newOpen);
+        }
+    };
+
+    return (
+        <div className={cn('border border-border rounded-lg overflow-hidden', className)}>
+            <button
+                onClick={handleToggle}
+                className="w-full flex items-center justify-between px-4 py-3 bg-muted/50 hover:bg-muted transition-colors text-left"
+            >
+                <div className="flex items-center gap-2">
+                    <span className="font-medium">{title}</span>
+                    {errorCount > 0 && (
+                        <Tooltip>
+                            <TooltipTrigger asChild>
+                                <span className="inline-flex items-center justify-center px-2 py-0.5 text-xs font-medium bg-destructive text-destructive-foreground rounded-full cursor-help">
+                                    {errorCount} {errorCount === 1 ? 'error' : 'errors'}
+                                </span>
+                            </TooltipTrigger>
+                            <TooltipContent side="top" className="max-w-sm">
+                                <ul className="space-y-1 text-left">
+                                    {sectionErrors.map((error, idx) => (
+                                        <li key={idx}>• {error}</li>
+                                    ))}
+                                </ul>
+                            </TooltipContent>
+                        </Tooltip>
+                    )}
+                </div>
+                <ChevronDown
+                    className={cn(
+                        'h-4 w-4 transition-transform duration-200',
+                        isOpen && 'transform rotate-180'
+                    )}
+                />
+            </button>
+            {isOpen && <div className="px-4 py-4 space-y-4">{children}</div>}
+        </div>
+    );
+}