diff --git a/apps/builder/src/features/graph/components/nodes/group/GroupFocusToolbar.tsx b/apps/builder/src/features/graph/components/nodes/group/GroupFocusToolbar.tsx
index 8c507d697d..55d579a880 100644
--- a/apps/builder/src/features/graph/components/nodes/group/GroupFocusToolbar.tsx
+++ b/apps/builder/src/features/graph/components/nodes/group/GroupFocusToolbar.tsx
@@ -1,17 +1,27 @@
-import { CopyIcon, PlayIcon, TrashIcon } from '@/components/icons'
-import { HStack, IconButton, useColorModeValue } from '@chakra-ui/react'
+import { CopyIcon, InfoIcon, PlayIcon, TrashIcon } from '@/components/icons'
+import {
+ HStack,
+ IconButton,
+ Tooltip,
+ useClipboard,
+ useColorModeValue,
+} from '@chakra-ui/react'
type Props = {
+ groupId: string
onPlayClick: () => void
onDuplicateClick: () => void
onDeleteClick: () => void
}
export const GroupFocusToolbar = ({
+ groupId,
onPlayClick,
onDuplicateClick,
onDeleteClick,
}: Props) => {
+ const { hasCopied, onCopy } = useClipboard(groupId)
+
return (
+
+ }
+ borderRightWidth="1px"
+ borderRightRadius="none"
+ borderLeftRadius="none"
+ aria-label={'Show group info'}
+ variant="ghost"
+ size="sm"
+ onClick={onCopy}
+ />
+
{
setIsFocused(false)