Independent Panel: Polish search input and key binding

Sanitize search input by removing control chars (incl. DEL) and truncating at 500 code points; keep Tab/LF/CR intact

Bind keyboard shortcut handler once (remove [collapsed] dependency) to avoid unnecessary rebinds; no behavior change

Motivation: Improve stability for pasted or edge inputs and simplify listener lifecycle without altering the intended UX

Author: PeterDaveHello

src/pages/IndependentPanel/App.jsx

@@ -124,9 +124,20 @@ function App() {
 
   const handleSearchChange = (e) => {
     const raw = e?.target?.value ?? ''
-    // Keep Tab/LF/CR and printable range; strip other control chars
-    const cleaned = raw.replace(/[^\t\n\r\x20-\uFFFF]/g, '').slice(0, 500)
-    setSearchQuery(cleaned)
+    // Keep Tab/LF/CR, remove other control chars (incl. DEL), then truncate by code points
+    const CP_TAB = 9
+    const CP_LF = 10
+    const CP_CR = 13
+    const CP_PRINTABLE_MIN = 32
+    const CP_DEL = 127
+    const isAllowedCodePoint = (cp) =>
+      cp === CP_TAB || cp === CP_LF || cp === CP_CR || (cp >= CP_PRINTABLE_MIN && cp !== CP_DEL)
+    const sanitizedArr = Array.from(raw).filter((ch) => {
+      const cp = ch.codePointAt(0)
+      return cp != null && isAllowedCodePoint(cp)
+    })
+    const limited = sanitizedArr.slice(0, 500).join('')
+    setSearchQuery(limited)
   }
 
   // Debounce search input for performance
@@ -166,7 +177,7 @@ function App() {
     }
     window.addEventListener('keydown', onKeyDown)
     return () => window.removeEventListener('keydown', onKeyDown)
-  }, [collapsed])
+  }, [])
 
   // Utility function to safely convert any value to a string
   const toSafeString = (value) =>