From 91460ee82e35a5654c31089c494bde3430b9a4c9 Mon Sep 17 00:00:00 2001
From: andrewwallacespeckle
 <139135120+andrewwallacespeckle@users.noreply.github.com>
Date: Tue, 14 Jan 2025 14:56:25 +0000
Subject: [PATCH] fix(fe2): Gendo Panel bugfixes (#3817)

* Improved overflow on captions

* Fix v-tippy reactivity

* Fix tippy tooltip key
---
 packages/frontend-2/components/viewer/gendo/Item.vue  | 2 +-
 packages/frontend-2/components/viewer/gendo/Panel.vue | 5 ++++-
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/packages/frontend-2/components/viewer/gendo/Item.vue b/packages/frontend-2/components/viewer/gendo/Item.vue
index 4adc504045..7b2d1287e0 100644
--- a/packages/frontend-2/components/viewer/gendo/Item.vue
+++ b/packages/frontend-2/components/viewer/gendo/Item.vue
@@ -66,7 +66,7 @@
         <ExclamationCircleIcon v-else class="w-6 text-danger" />
       </div>
       <div
-        class="absolute bottom-2 left-2 right-2 space-x-2 flex items-center min-w-0 w-fit max-w-full overflow-hidden z-10"
+        class="absolute bottom-2 left-0 gap-x-2 px-2 flex items-center min-w-0 max-w-full overflow-hidden z-10"
       >
         <div
           class="bg-foundation p-0.5 flex items-center gap-x-1 min-w-0 max-w-full rounded-md"
diff --git a/packages/frontend-2/components/viewer/gendo/Panel.vue b/packages/frontend-2/components/viewer/gendo/Panel.vue
index 9596ee7eb4..d007f5d95b 100644
--- a/packages/frontend-2/components/viewer/gendo/Panel.vue
+++ b/packages/frontend-2/components/viewer/gendo/Panel.vue
@@ -47,7 +47,10 @@
               </div>
             </FormButton>
 
-            <View v-tippy="isOutOfCredits ? 'No credits remaining' : undefined">
+            <View
+              :key="`gendo-credits-${isOutOfCredits}`"
+              v-tippy="isOutOfCredits ? 'No credits remaining' : undefined"
+            >
               <FormButton
                 :disabled="!prompt || isLoading || timeOutWait || isOutOfCredits"
                 @click="enqueMagic()"