diff --git a/src/frontend/src/components/core/flowToolbarComponent/components/deploy-dropdown.tsx b/src/frontend/src/components/core/flowToolbarComponent/components/deploy-dropdown.tsx
index cefd32d0a..2bce6133e 100644
--- a/src/frontend/src/components/core/flowToolbarComponent/components/deploy-dropdown.tsx
+++ b/src/frontend/src/components/core/flowToolbarComponent/components/deploy-dropdown.tsx
@@ -14,6 +14,7 @@ import { ENABLE_PUBLISH, ENABLE_WIDGET } from "@/customization/feature-flags";
import { customMcpOpen } from "@/customization/utils/custom-mcp-open";
import ApiModal from "@/modals/apiModal";
import EmbedModal from "@/modals/EmbedModal/embed-modal";
+import ExportModal from "@/modals/exportModal";
import useAlertStore from "@/stores/alertStore";
import useAuthStore from "@/stores/authStore";
import useFlowsManagerStore from "@/stores/flowsManagerStore";
@@ -39,6 +40,7 @@ export default function PublishDropdown() {
const hasIO = useFlowStore((state) => state.hasIO);
const isAuth = useAuthStore((state) => !!state.autoLogin);
const [openApiModal, setOpenApiModal] = useState(false);
+ const [openExportModal, setOpenExportModal] = useState(false);
const handlePublishedSwitch = async (checked: boolean) => {
mutateAsync(
@@ -116,6 +118,18 @@ export default function PublishDropdown() {
API access
+ setOpenExportModal(true)}
+ >
+
+
+ Export
+
+
+
>
);
}