diff --git a/skyvern-frontend/src/components/CopyButton.tsx b/skyvern-frontend/src/components/CopyButton.tsx
new file mode 100644
index 00000000..a4dfc1b2
--- /dev/null
+++ b/skyvern-frontend/src/components/CopyButton.tsx
@@ -0,0 +1,25 @@
+import { useState } from "react";
+import { CheckIcon, CopyIcon } from "@radix-ui/react-icons";
+
+import { Button } from "@/components/ui/button";
+
+function CopyButton({ value }: { value: string }) {
+ const [copied, setCopied] = useState(false);
+
+ const handleCopy = () => {
+ if (copied) {
+ return;
+ }
+ window.navigator.clipboard.writeText(value);
+ setCopied(true);
+ setTimeout(() => setCopied(false), 1500);
+ };
+
+ return (
+
+ );
+}
+
+export { CopyButton };
diff --git a/skyvern-frontend/src/routes/workflows/editor/WorkflowHeader.tsx b/skyvern-frontend/src/routes/workflows/editor/WorkflowHeader.tsx
index cc7b225c..ae17f4db 100644
--- a/skyvern-frontend/src/routes/workflows/editor/WorkflowHeader.tsx
+++ b/skyvern-frontend/src/routes/workflows/editor/WorkflowHeader.tsx
@@ -1,5 +1,4 @@
import {
- CheckIcon,
ChevronDownIcon,
ChevronUpIcon,
CopyIcon,
@@ -33,25 +32,6 @@ import { WorkflowApiResponse } from "../types/workflowTypes";
import { CacheKeyValuesResponse } from "@/routes/workflows/types/scriptTypes";
import { OrgWalled } from "@/components/Orgwalled";
-function CopyButton({ value }: { value: string }) {
- const [copied, setCopied] = useState(false);
-
- const handleCopy = () => {
- if (copied) {
- return;
- }
- window.navigator.clipboard.writeText(value);
- setCopied(true);
- setTimeout(() => setCopied(false), 1500);
- };
-
- return (
-
- );
-}
-
interface Dom {
input: React.MutableRefObject;
}
@@ -202,7 +182,6 @@ function WorkflowHeader({
}}
/>
)}
-
)}