From fe50519a92f2a2d234edb6e15b48e336101b638b Mon Sep 17 00:00:00 2001
From: Jiayuan Zhang <forrestchang7@gmail.com>
Date: Tue, 17 Feb 2026 01:37:59 +0800
Subject: [PATCH] fix(desktop): keep queued message bar hook order stable

---
 .../src/renderer/src/components/queued-message-bar.tsx | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/apps/desktop/src/renderer/src/components/queued-message-bar.tsx b/apps/desktop/src/renderer/src/components/queued-message-bar.tsx
index 55a6fdda..6fa45e8e 100644
--- a/apps/desktop/src/renderer/src/components/queued-message-bar.tsx
+++ b/apps/desktop/src/renderer/src/components/queued-message-bar.tsx
@@ -1,4 +1,4 @@
-import { useMemo, useState } from 'react'
+import { useState } from 'react'
 import type { QueuedLocalMessage } from '../hooks/use-local-chat'
 
 interface QueuedMessageBarProps {
@@ -11,17 +11,17 @@ interface QueuedMessageBarProps {
 export function QueuedMessageBar({ messages, isRunning, onRemove, onClear }: QueuedMessageBarProps) {
   const [expanded, setExpanded] = useState(false)
 
-  if (messages.length === 0) return null
-
   const statusText = isRunning
     ? 'Agent is running. Queued messages will send automatically.'
     : 'Queued messages are being sent.'
 
-  const firstMessagePreview = useMemo(() => {
+  const firstMessagePreview = (() => {
     const text = messages[0]?.text ?? ''
     if (text.length <= 120) return text
     return `${text.slice(0, 120)}...`
-  }, [messages])
+  })()
+
+  if (messages.length === 0) return null
 
   return (
     <div className="container px-4 pb-2">