From 0aae35c74a1243abfec0216e4949023cf55e08c2 Mon Sep 17 00:00:00 2001
From: Guilhem <guilhemlemouel@gmail.com>
Date: Wed, 12 Feb 2025 12:07:27 +0000
Subject: [PATCH] replace Popup with melt Popover in FlowCopilotStatus

---
 .../copilot/FlowCopilotStatus.svelte          | 35 +++++++++----------
 1 file changed, 16 insertions(+), 19 deletions(-)

diff --git a/frontend/src/lib/components/copilot/FlowCopilotStatus.svelte b/frontend/src/lib/components/copilot/FlowCopilotStatus.svelte
index 682c797c05..3e9c5bb839 100644
--- a/frontend/src/lib/components/copilot/FlowCopilotStatus.svelte
+++ b/frontend/src/lib/components/copilot/FlowCopilotStatus.svelte
@@ -7,7 +7,7 @@
 	import type { FlowCopilotContext } from './flow'
 	import { charsToNumber } from '../flows/idUtils'
 	import { copilotInfo } from '$lib/stores'
-	import Popup from '../common/popup/Popup.svelte'
+	import Popover from '$lib/components/meltComponents/Popover.svelte'
 	import type { FlowModule } from '$lib/gen'
 	import type { FlowEditorContext } from '../flows/types'
 	import { ExternalLink, Wand2 } from 'lucide-svelte'
@@ -114,13 +114,8 @@
 		</div>
 	</ManualPopover>
 {:else}
-	<Popup
-		floatingConfig={{
-			strategy: 'absolute',
-			placement: 'bottom'
-		}}
-	>
-		<svelte:fragment slot="button">
+	<Popover placement="bottom">
+		<svelte:fragment slot="trigger">
 			<Button
 				size="xs"
 				startIcon={{
@@ -134,15 +129,17 @@
 				AI builder
 			</Button>
 		</svelte:fragment>
-		<div class="block text-primary">
-			<p class="text-sm"
-				>Enable Windmill AI in the <a
-					href="{base}/workspace_settings?tab=ai"
-					target="_blank"
-					class="inline-flex flex-row items-center gap-1"
-					>workspace settings <ExternalLink size={16} /></a
-				></p
-			>
-		</div>
-	</Popup>
+		<svelte:fragment slot="content">
+			<div class="block text-primary p-4">
+				<p class="text-sm"
+					>Enable Windmill AI in the <a
+						href="{base}/workspace_settings?tab=ai"
+						target="_blank"
+						class="inline-flex flex-row items-center gap-1"
+						>workspace settings <ExternalLink size={16} /></a
+					></p
+				>
+			</div>
+		</svelte:fragment>
+	</Popover>
 {/if}