Add search functionality to Independent Panel chat history, close #550

PeterDaveHello · Copilot · qodo-merge-pro[bot] · PeterDaveHello · commit 43f9ab4d1db4 · 2025-09-08T02:49:11.000+08:00
Add a sidebar search with debounced, diacritic-insensitive filtering
across conversation titles and content. Include i18n strings for the
search UI.

Keep the panel responsive and accessible: precompute a normalized
per-session index to keep typing smooth on long lists, improve keyboard
navigation and shortcuts to focus the search and temporarily expand the
sidebar, and move sidebar styling into SCSS.

Persist and reliably sync the sidebar's collapsed state across reloads,
handling storage failures without blocking the UI.

Harden deletion and clear flows, sanitize inputs, and guard async
updates to keep state consistent.

Co-authored-by: copilot-swe-agent[bot] &lt;198982749+Copilot@users.noreply.github.com&gt;
Co-authored-by: qodo-merge-pro[bot] &lt;151058649+qodo-merge-pro[bot]@users.noreply.github.com&gt;
diff --git a/src/_locales/de/main.json b/src/_locales/de/main.json
@@ -97,6 +97,9 @@
   "Delete Conversation": "Konversation löschen",
   "Clear conversations": "Konversationen löschen",
   "Settings": "Einstellungen",
+  "Search": "Suchen",
+  "Search conversations...": "In Gesprächen suchen...",
+  "No conversations found": "Keine passenden Konversationen gefunden",
   "Feature Pages": "Funktionsseiten",
   "Keyboard Shortcuts": "Tastenkombinationen",
   "Open Conversation Page": "Konversationsseite öffnen",
diff --git a/src/_locales/en/main.json b/src/_locales/en/main.json
@@ -97,6 +97,9 @@
   "Delete Conversation": "Delete Conversation",
   "Clear conversations": "Clear conversations",
   "Settings": "Settings",
+  "Search": "Search",
+  "Search conversations...": "Search conversations...",
+  "No conversations found": "No conversations found",
   "Feature Pages": "Feature Pages",
   "Keyboard Shortcuts": "Keyboard Shortcuts",
   "Open Conversation Page": "Open Conversation Page",
diff --git a/src/_locales/es/main.json b/src/_locales/es/main.json
@@ -97,6 +97,9 @@
   "Delete Conversation": "Eliminar conversación",
   "Clear conversations": "Borrar todas las conversaciones",
   "Settings": "Configuración",
+  "Search": "Buscar",
+  "Search conversations...": "Buscar en las conversaciones...",
+  "No conversations found": "No se encontraron conversaciones coincidentes",
   "Feature Pages": "Páginas de características",
   "Keyboard Shortcuts": "Atajos de teclado",
   "Open Conversation Page": "Abrir página de conversación independiente",
diff --git a/src/_locales/fr/main.json b/src/_locales/fr/main.json
@@ -97,6 +97,9 @@
   "Delete Conversation": "Supprimer la conversation",
   "Clear conversations": "Effacer les conversations",
   "Settings": "Paramètres",
+  "Search": "Rechercher",
+  "Search conversations...": "Rechercher des conversations...",
+  "No conversations found": "Aucune conversation correspondante",
   "Feature Pages": "Pages de fonctionnalités",
   "Keyboard Shortcuts": "Raccourcis clavier",
   "Open Conversation Page": "Ouvrir la page de conversation",
diff --git a/src/_locales/in/main.json b/src/_locales/in/main.json
@@ -97,6 +97,9 @@
   "Delete Conversation": "Hapus Percakapan",
   "Clear conversations": "Hapus Percakapan",
   "Settings": "Pengaturan",
+  "Search": "Cari",
+  "Search conversations...": "Cari di percakapan...",
+  "No conversations found": "Tidak ditemukan percakapan yang cocok",
   "Feature Pages": "Halaman Fitur",
   "Keyboard Shortcuts": "Pintasan Keyboard",
   "Open Conversation Page": "Buka Halaman Percakapan",
diff --git a/src/_locales/it/main.json b/src/_locales/it/main.json
@@ -97,6 +97,9 @@
   "Delete Conversation": "Elimina la conversazione",
   "Clear conversations": "Pulisci le conversazioni",
   "Settings": "Impostazioni",
+  "Search": "Cerca",
+  "Search conversations...": "Cerca nelle conversazioni...",
+  "No conversations found": "Nessuna conversazione corrispondente",
   "Feature Pages": "Pagine delle funzionalità",
   "Keyboard Shortcuts": "Scorciatoie da tastiera",
   "Open Conversation Page": "Apri la pagina della conversazione",
diff --git a/src/_locales/ja/main.json b/src/_locales/ja/main.json
@@ -97,6 +97,9 @@
   "Delete Conversation": "会話を削除",
   "Clear conversations": "会話をクリア",
   "Settings": "設定",
+  "Search": "検索",
+  "Search conversations...": "会話内を検索...",
+  "No conversations found": "一致する会話が見つかりません",
   "Feature Pages": "機能ページ",
   "Keyboard Shortcuts": "キーボードショートカット",
   "Open Conversation Page": "会話ページを開く",
diff --git a/src/_locales/ko/main.json b/src/_locales/ko/main.json
@@ -97,6 +97,9 @@
   "Delete Conversation": "대화 삭제",
   "Clear conversations": "대화 기록 지우기",
   "Settings": "설정",
+  "Search": "검색",
+  "Search conversations...": "대화에서 검색...",
+  "No conversations found": "일치하는 대화가 없습니다",
   "Feature Pages": "기능 페이지",
   "Keyboard Shortcuts": "키보드 단축키 설정",
   "Open Conversation Page": "대화 페이지 열기",
diff --git a/src/_locales/pt/main.json b/src/_locales/pt/main.json
@@ -97,6 +97,9 @@
   "Delete Conversation": "Excluir Conversa",
   "Clear conversations": "Limpar conversas",
   "Settings": "Configurações",
+  "Search": "Pesquisar",
+  "Search conversations...": "Pesquisar nas conversas...",
+  "No conversations found": "Nenhuma conversa correspondente",
   "Feature Pages": "Páginas de Recursos",
   "Keyboard Shortcuts": "Atalhos de Teclado",
   "Open Conversation Page": "Abrir Página de Conversa",
diff --git a/src/_locales/ru/main.json b/src/_locales/ru/main.json
@@ -97,6 +97,9 @@
   "Delete Conversation": "Удалить беседу",
   "Clear conversations": "Очистить историю бесед",
   "Settings": "Настройки",
+  "Search": "Поиск",
+  "Search conversations...": "Искать в беседах...",
+  "No conversations found": "Подходящих бесед не найдено",
   "Feature Pages": "Страницы функций",
   "Keyboard Shortcuts": "Горячие клавиши",
   "Open Conversation Page": "Открыть страницу бесед",
diff --git a/src/_locales/tr/main.json b/src/_locales/tr/main.json
@@ -97,6 +97,9 @@
   "Delete Conversation": "Konuşmayı Sil",
   "Clear conversations": "Konuşmaları temizle",
   "Settings": "Ayarlar",
+  "Search": "Ara",
+  "Search conversations...": "Konuşmalarda ara...",
+  "No conversations found": "Eşleşen konuşma bulunamadı",
   "Feature Pages": "Özellik Sayfaları",
   "Keyboard Shortcuts": "Klavye Kısayolları",
   "Open Conversation Page": "Konuşma Sayfasını Aç",
diff --git a/src/_locales/zh-hans/main.json b/src/_locales/zh-hans/main.json
@@ -97,6 +97,9 @@
   "Delete Conversation": "删除对话",
   "Clear conversations": "清空记录",
   "Settings": "设置",
+  "Search": "搜索",
+  "Search conversations...": "搜索对话内容...",
+  "No conversations found": "未找到匹配的聊天记录",
   "Feature Pages": "功能页",
   "Keyboard Shortcuts": "快捷键设置",
   "Open Conversation Page": "打开独立对话页",
diff --git a/src/_locales/zh-hant/main.json b/src/_locales/zh-hant/main.json
@@ -97,6 +97,9 @@
   "Delete Conversation": "刪除對話",
   "Clear conversations": "清空對話記錄",
   "Settings": "設定",
+  "Search": "搜尋",
+  "Search conversations...": "搜尋對話紀錄...",
+  "No conversations found": "沒有符合的對話紀錄",
   "Feature Pages": "功能頁面",
   "Keyboard Shortcuts": "快速鍵設定",
   "Open Conversation Page": "開啟獨立對話頁面",
diff --git a/src/components/DeleteButton/index.jsx b/src/components/DeleteButton/index.jsx
@@ -13,6 +13,7 @@ function DeleteButton({ onConfirm, size, text }) {
   const { t } = useTranslation()
   const [waitConfirm, setWaitConfirm] = useState(false)
   const confirmRef = useRef(null)
+  const [confirming, setConfirming] = useState(false)
 
   useEffect(() => {
     if (waitConfirm) confirmRef.current.focus()
@@ -28,25 +29,51 @@ function DeleteButton({ onConfirm, size, text }) {
           fontSize: '10px',
           ...(waitConfirm ? {} : { display: 'none' }),
         }}
+        disabled={confirming}
+        aria-busy={confirming ? 'true' : 'false'}
         onMouseDown={(e) => {
           e.preventDefault()
           e.stopPropagation()
         }}
         onBlur={() => {
-          setWaitConfirm(false)
+          if (!confirming) setWaitConfirm(false)
         }}
-        onClick={() => {
-          setWaitConfirm(false)
-          onConfirm()
+        onClick={async (e) => {
+          if (confirming) return
+          e.preventDefault()
+          e.stopPropagation()
+          setConfirming(true)
+          try {
+            await onConfirm()
+            setWaitConfirm(false)
+          } catch (err) {
+            // Keep confirmation visible to allow retry; optionally log
+            // eslint-disable-next-line no-console
+            console.error(err)
+          } finally {
+            setConfirming(false)
+          }
         }}
       >
         {t('Confirm')}
       </button>
       <span
         title={text}
         className="gpt-util-icon"
-        style={waitConfirm ? { display: 'none' } : {}}
-        onClick={() => {
+        role="button"
+        tabIndex={0}
+        aria-label={text}
+        aria-hidden={waitConfirm ? 'true' : undefined}
+        style={waitConfirm ? { visibility: 'hidden' } : {}}
+        onKeyDown={(e) => {
+          if (e.key === 'Enter' || e.key === ' ') {
+            e.preventDefault()
+            e.stopPropagation()
+            setWaitConfirm(true)
+          }
+        }}
+        onClick={(e) => {
+          e.stopPropagation()
           setWaitConfirm(true)
         }}
       >
diff --git a/src/config/index.mjs b/src/config/index.mjs
@@ -475,6 +475,7 @@ export const defaultConfig = {
   selectionToolsNextToInputBox: false,
   alwaysPinWindow: false,
   focusAfterAnswer: true,
+  independentPanelCollapsed: true,
 
   apiKey: '', // openai ApiKey
 
diff --git a/src/pages/IndependentPanel/App.jsx b/src/pages/IndependentPanel/App.jsx
diff --git a/src/pages/IndependentPanel/styles.scss b/src/pages/IndependentPanel/styles.scss
