Merge pull request #679 from miurla/fix/message-actions-visibility

fix: avoid invisible action row in text parts

Author: miurla

components/message-actions.tsx

@@ -44,6 +44,13 @@ export function MessageActions({
   const [isSubmittingFeedback, setIsSubmittingFeedback] = useState(false)
   const isLoading = status === 'submitted' || status === 'streaming'
 
+  // Do not render at all when actions should be hidden.
+  // Rendering while loading is allowed so previous messages keep their actions
+  // visible even during a new message's streaming.
+  if (!visible) {
+    return null
+  }
+
   async function handleCopy() {
     await navigator.clipboard.writeText(message)
     toast.success('Message copied to clipboard')
@@ -87,7 +94,7 @@ export function MessageActions({
     <div
       className={cn(
         'flex items-center gap-0.5 self-end transition-opacity duration-200',
-        !visible || isLoading ? 'opacity-0' : 'opacity-100',
+        'opacity-100',
         className
       )}
     >