Address review feedback: improve CSS layout, consolidate utility function, add missing translations

Co-authored-by: PeterDaveHello <[email protected]>

Author: Copilot

src/_locales/de/main.json

@@ -97,6 +97,8 @@
   "Delete Conversation": "Konversation löschen",
   "Clear conversations": "Konversationen löschen",
   "Settings": "Einstellungen",
+  "Search": "Suchen",
+  "Search conversations...": "Gespräche durchsuchen...",
   "Feature Pages": "Funktionsseiten",
   "Keyboard Shortcuts": "Tastenkombinationen",
   "Open Conversation Page": "Konversationsseite öffnen",

src/_locales/in/main.json

@@ -97,6 +97,8 @@
   "Delete Conversation": "Hapus Percakapan",
   "Clear conversations": "Hapus Percakapan",
   "Settings": "Pengaturan",
+  "Search": "Cari",
+  "Search conversations...": "Cari percakapan...",
   "Feature Pages": "Halaman Fitur",
   "Keyboard Shortcuts": "Pintasan Keyboard",
   "Open Conversation Page": "Buka Halaman Percakapan",

src/_locales/it/main.json

@@ -97,6 +97,8 @@
   "Delete Conversation": "Elimina la conversazione",
   "Clear conversations": "Pulisci le conversazioni",
   "Settings": "Impostazioni",
+  "Search": "Cerca",
+  "Search conversations...": "Cerca conversazioni...",
   "Feature Pages": "Pagine delle funzionalità",
   "Keyboard Shortcuts": "Scorciatoie da tastiera",
   "Open Conversation Page": "Apri la pagina della conversazione",

src/_locales/ko/main.json

@@ -97,6 +97,8 @@
   "Delete Conversation": "대화 삭제",
   "Clear conversations": "대화 기록 지우기",
   "Settings": "설정",
+  "Search": "검색",
+  "Search conversations...": "대화 검색...",
   "Feature Pages": "기능 페이지",
   "Keyboard Shortcuts": "키보드 단축키 설정",
   "Open Conversation Page": "대화 페이지 열기",

src/_locales/pt/main.json

@@ -97,6 +97,8 @@
   "Delete Conversation": "Excluir Conversa",
   "Clear conversations": "Limpar conversas",
   "Settings": "Configurações",
+  "Search": "Pesquisar",
+  "Search conversations...": "Pesquisar conversas...",
   "Feature Pages": "Páginas de Recursos",
   "Keyboard Shortcuts": "Atalhos de Teclado",
   "Open Conversation Page": "Abrir Página de Conversa",

src/_locales/ru/main.json

@@ -97,6 +97,8 @@
   "Delete Conversation": "Удалить беседу",
   "Clear conversations": "Очистить историю бесед",
   "Settings": "Настройки",
+  "Search": "Поиск",
+  "Search conversations...": "Поиск разговоров...",
   "Feature Pages": "Страницы функций",
   "Keyboard Shortcuts": "Горячие клавиши",
   "Open Conversation Page": "Открыть страницу бесед",

src/_locales/tr/main.json

@@ -97,6 +97,8 @@
   "Delete Conversation": "Konuşmayı Sil",
   "Clear conversations": "Konuşmaları temizle",
   "Settings": "Ayarlar",
+  "Search": "Ara",
+  "Search conversations...": "Konuşmaları ara...",
   "Feature Pages": "Özellik Sayfaları",
   "Keyboard Shortcuts": "Klavye Kısayolları",
   "Open Conversation Page": "Konuşma Sayfasını Aç",

src/pages/IndependentPanel/App.jsx

@@ -104,16 +104,15 @@ function App() {
     await setSessionIdSafe(sessions[0].sessionId)
   }
 
+  // Utility function to safely convert any value to a string
+  const toSafeString = (value) =>
+    typeof value === 'string' ? value : value == null ? '' : String(value)
+
   // Filter sessions based on search query (memoized for performance)
   const filteredSessions = useMemo(() => {
-    const query = String(searchQuery || '')
-      .trim()
-      .toLowerCase()
+    const query = toSafeString(searchQuery).trim().toLowerCase()
     if (!query) return sessions
 
-    const toSafeString = (value) =>
-      typeof value === 'string' ? value : value == null ? '' : String(value)
-
     return sessions.filter((session) => {
       // Search in session name
       const sessionName = toSafeString(session.sessionName).toLowerCase()

src/pages/IndependentPanel/styles.scss

@@ -90,8 +90,8 @@
   }
 
   .search-container {
-    padding: 0;
-    background-color: var(--theme-color);
+    padding: 10px;
+    background-color: inherit;
   }
 
   .search-input {
@@ -100,7 +100,7 @@
     padding: 8px 12px;
     border: 1px solid var(--theme-border-color);
     border-radius: 5px;
-    background-color: var(--theme-color);
+    background-color: var(--theme-secondary-color, #1f1f1f);
     color: var(--font-color);
     font-size: 14px;
     font-family: 'Cairo', sans-serif;