diff --git a/components/automation/AutomationHeader.tsx b/components/automation/AutomationHeader.tsx index 8d20f03..804587a 100644 --- a/components/automation/AutomationHeader.tsx +++ b/components/automation/AutomationHeader.tsx @@ -1,7 +1,7 @@ 'use client'; import * as React from 'react'; -import { Eye, EyeOff, ChevronDown, ChevronUp } from 'lucide-react'; +import { Eye, EyeOff, ChevronDown, ChevronUp, Copy, Clipboard } from 'lucide-react'; import { Button } from '@/components/ui/Button'; import { cn } from '@/lib/utils/cn'; import type { AutomationMode } from '@/types/automation'; @@ -21,6 +21,9 @@ export interface AutomationHeaderProps { availableParameters?: Array<{ id: string; name: string }>; selectedParameterId?: string; onParameterChange?: (parameterId: string) => void; + // Copy/Paste automation + onCopyAutomation?: () => void; + onPasteAutomation?: () => void; } const MODE_LABELS: Record = { @@ -51,6 +54,8 @@ export function AutomationHeader({ availableParameters, selectedParameterId, onParameterChange, + onCopyAutomation, + onPasteAutomation, }: AutomationHeaderProps) { const modes: AutomationMode[] = ['read', 'write', 'touch', 'latch']; const currentModeIndex = modes.indexOf(mode); @@ -145,6 +150,34 @@ export function AutomationHeader({ )} + {/* Copy/Paste automation controls */} + {(onCopyAutomation || onPasteAutomation) && ( +
+ {onCopyAutomation && ( + + )} + {onPasteAutomation && ( + + )} +
+ )} + {/* Show/hide toggle - Positioned absolutely on the right */}