fix

Author: PeterDaveHello

src/pages/IndependentPanel/App.jsx

@@ -27,6 +27,7 @@ function App() {
   const [currentSession, setCurrentSession] = useState(null)
   const [searchQuery, setSearchQuery] = useState('')
   const [debouncedQuery, setDebouncedQuery] = useState('')
+  const [forceExpand, setForceExpand] = useState(false)
   const currentPort = useRef(null)
   const searchInputRef = useRef(null)
 
@@ -134,19 +135,12 @@ function App() {
     return () => clearTimeout(id)
   }, [searchQuery])
 
-  // Keyboard shortcuts: Ctrl/Cmd+F and '/' to focus search
+  // Keyboard shortcuts: Ctrl/Cmd+F and '/' to focus search (不改釘選狀態)
   useEffect(() => {
     const focusSearch = () => {
-      if (collapsed) {
-        setCollapsed(false)
-        setUserConfig({ independentPanelCollapsed: false })
-        setTimeout(() => {
-          if (searchInputRef.current) {
-            searchInputRef.current.focus()
-            searchInputRef.current.select()
-          }
-        }, 0)
-      } else if (searchInputRef.current) {
+      if (searchInputRef.current) {
+        // Ensure the sidebar temporarily expands when using shortcuts
+        setForceExpand(true)
         searchInputRef.current.focus()
         searchInputRef.current.select()
       }
@@ -157,7 +151,7 @@ function App() {
         target &&
         (target.tagName === 'INPUT' || target.tagName === 'TEXTAREA' || target.isContentEditable)
 
-      // Always override browser find to route to panel search
+      // Always override browser find to route to panel search（不自動釘選）
       if ((e.ctrlKey || e.metaKey) && !e.altKey && !e.shiftKey && e.key.toLowerCase() === 'f') {
         e.preventDefault()
         focusSearch()
@@ -171,7 +165,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) =>
@@ -218,7 +212,7 @@ function App() {
   return (
     <div className="IndependentPanel">
       <div className="chat-container">
-        <div className={`chat-sidebar ${collapsed ? 'collapsed' : ''}`}>
+        <div className={`chat-sidebar ${collapsed && !forceExpand ? 'collapsed' : ''}`}>
           <div className="chat-sidebar-button-group">
             <button
               type="button"
@@ -242,6 +236,8 @@ function App() {
               placeholder={t('Search conversations...')}
               value={searchQuery}
               onChange={handleSearchChange}
+              onFocus={() => setForceExpand(true)}
+              onBlur={() => setForceExpand(false)}
               className="search-input"
               aria-label={t('Search')}
               aria-controls="chat-list"

src/pages/IndependentPanel/styles.scss

@@ -136,7 +136,8 @@
     display: flex;
     flex-direction: column;
     flex-grow: 1;
-    padding: 0 2px 0 0;
+    // Add right padding to keep actions clear of the vertical scrollbar
+    padding: 0 12px 0 0;
     background-color: var(--theme-color);
     overflow-y: auto;
     overflow-x: hidden;
@@ -167,6 +168,7 @@
 
   // Ensure title shrinks and ellipsizes, keeping util group visible
   .chat-list-title {
+    // Grow to use remaining space but allow shrinking with ellipsis
     flex: 1 1 auto;
     min-width: 0;
     overflow: hidden;
@@ -179,9 +181,11 @@
     display: flex;
     gap: 15px;
     align-items: center;
-    flex: 0 0 auto;
+    flex: 0 0 auto; // 工具區不縮小，確保可見
   }
 
+  // 保持工具區在收合時仍可見，符合 3768a06 行為
+
   .normal-button {
     width: 100%;
     min-height: 40px;
@@ -197,6 +201,18 @@
     overflow: hidden;
   }
 
+  // Avoid inner utility confirm button stretching across the entire row
+  .gpt-util-group .normal-button {
+    width: auto;
+    min-height: unset;
+    padding: 2px 8px;
+  }
+
+  // Keep list rows within sidebar bounds
+  .normal-button.chat-list-item {
+    overflow: hidden;
+  }
+
   .normal-button:focus-visible {
     outline: 2px solid var(--font-active-color);
     outline-offset: 2px;