Files
SuperCharged-Claude-Code-Up…/dexto/packages/webui/components/ui/copy-button.tsx
admin b52318eeae 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

42 lines
1.0 KiB
TypeScript

import { useState } from 'react';
import { Check as CheckIcon, Copy as CopyIcon } from 'lucide-react';
import { TooltipIconButton } from '@/components/ui/tooltip-icon-button';
export type CopyButtonProps = {
value: string;
tooltip?: string;
copiedTooltip?: string;
className?: string;
size?: number;
};
export function CopyButton({
value,
tooltip = 'Copy',
copiedTooltip = 'Copied!',
className,
size = 12,
}: CopyButtonProps) {
const [copied, setCopied] = useState(false);
const onCopy = () => {
navigator.clipboard
.writeText(value)
.then(() => {
setCopied(true);
setTimeout(() => setCopied(false), 2000);
})
.catch(() => {});
};
return (
<TooltipIconButton
tooltip={copied ? copiedTooltip : tooltip}
onClick={onCopy}
className={className}
>
{copied ? <CheckIcon size={size} /> : <CopyIcon size={size} />}
</TooltipIconButton>
);
}