fix(ChatBubble): message regen menu, moved from gap to bottom padding to fix high bubble menus

Author: lancewilhelm

app/components/Chat/Bubble/ChatBubble.vue

@@ -46,7 +46,7 @@ function resizeTextarea() {
   <div
     v-if="message"
     :class="[
-      'flex cursor-default w-full',
+      'flex cursor-default w-full pb-4',
       message.role === 'user'
         ? 'flex-row-reverse chat-bubble-user'
         : 'flex-row chat-bubble-assistant',

app/components/Chat/ChatContainer.vue

@@ -78,7 +78,7 @@ watch(bottomPadding, () => {
     class="h-full w-full overflow-x-hidden overflow-y-auto pt-2 chat-container focus:outline-none"
   >
     <div
-      class="max-w-(--chat-max-width) mx-auto px-6 flex flex-col gap-4 chat-container-content"
+      class="max-w-(--chat-max-width) mx-auto px-6 flex flex-col chat-container-content"
     >
       <div :style="{ height: topPadding + 'px' }" />
       <div v-for="message in activeMessages" :key="message?.id" v-measure>