diff --git a/src/renderer/App.tsx b/src/renderer/App.tsx
index 223ba73..326e52e 100644
--- a/src/renderer/App.tsx
+++ b/src/renderer/App.tsx
@@ -173,6 +173,15 @@ export default function App() {
     [workspace?.projects],
   );
 
+  const jumpToMessage = useCallback((messageId: string) => {
+    const element = document.querySelector(`[data-message-id="${CSS.escape(messageId)}"]`);
+    if (element) {
+      element.scrollIntoView({ behavior: 'smooth', block: 'center' });
+      element.classList.add('ring-1', 'ring-indigo-500/40', 'rounded-lg');
+      setTimeout(() => element.classList.remove('ring-1', 'ring-indigo-500/40', 'rounded-lg'), 1500);
+    }
+  }, []);
+
   // Loading state
   if (!workspace) {
     return (
@@ -192,15 +201,6 @@ export default function App() {
     }
   };
 
-  const jumpToMessage = useCallback((messageId: string) => {
-    const element = document.querySelector(`[data-message-id="${CSS.escape(messageId)}"]`);
-    if (element) {
-      element.scrollIntoView({ behavior: 'smooth', block: 'center' });
-      element.classList.add('ring-1', 'ring-indigo-500/40', 'rounded-lg');
-      setTimeout(() => element.classList.remove('ring-1', 'ring-indigo-500/40', 'rounded-lg'), 1500);
-    }
-  }, []);
-
   // Determine main content
   let content: React.ReactNode;
   let detailPanel: React.ReactNode | undefined;