From fee4677ba37662c395f3e021f32ac161e5614a80 Mon Sep 17 00:00:00 2001
From: Dexploarer <211557447+Dexploarer@users.noreply.github.com>
Date: Mon, 27 Apr 2026 22:10:36 +0000
Subject: [PATCH] =?UTF-8?q?=E2=9A=A1=20Bolt:=20Memoize=20conversation=20so?=
 =?UTF-8?q?rting=20and=20optimize=20comparison?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 apps/app/src/components/ConversationsSidebar.tsx | 14 ++++++++------
 1 file changed, 8 insertions(+), 6 deletions(-)

diff --git a/apps/app/src/components/ConversationsSidebar.tsx b/apps/app/src/components/ConversationsSidebar.tsx
index 75d768bee2..9204ef36d7 100644
--- a/apps/app/src/components/ConversationsSidebar.tsx
+++ b/apps/app/src/components/ConversationsSidebar.tsx
@@ -2,7 +2,7 @@
  * Conversations sidebar component — left sidebar with conversation list.
  */
 
-import { useEffect, useRef, useState } from "react";
+import { useEffect, useMemo, useRef, useState } from "react";
 import { useApp } from "../AppContext";
 
 interface ConversationsSidebarProps {
@@ -54,11 +54,13 @@ export function ConversationsSidebar({
     }
   }, [editingId]);
 
-  const sortedConversations = [...conversations].sort((a, b) => {
-    const aTime = new Date(a.updatedAt).getTime();
-    const bTime = new Date(b.updatedAt).getTime();
-    return bTime - aTime;
-  });
+  // ⚡ Bolt: Memoize the sorting of conversations and use lexicographical string comparison
+  // instead of new Date() allocations to improve render performance on every state update.
+  const sortedConversations = useMemo(() => {
+    return [...conversations].sort((a, b) =>
+      b.updatedAt.localeCompare(a.updatedAt),
+    );
+  }, [conversations]);
 
   const handleDoubleClick = (conv: { id: string; title: string }) => {
     setEditingId(conv.id);