b52318eeae
- 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>
77 lines
2.8 KiB
TypeScript
77 lines
2.8 KiB
TypeScript
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>
|
|
);
|
|
}
|