Ensure correct event handling for ChatInput's search shortcut and refine its visual presentation

Author: robertpiosik

packages/ui/src/components/editor/ChatInput/ChatInput.module.scss

@@ -38,7 +38,8 @@
       z-index: 1;
       top: 0;
       right: 0;
-      padding: var(--padding-1px) var(--padding-3px);
+      padding: var(--padding-1px) var(--padding-3px) var(--padding-6px)
+        var(--padding-3px);
       color: var(--vscode-icon-foreground);
       cursor: pointer;
       opacity: 0.7;

packages/ui/src/components/editor/ChatInput/ChatInput.tsx

@@ -262,11 +262,10 @@ export const ChatInput: React.FC<Props> = (props) => {
         onClick={handle_container_click}
         onKeyDown={(e) => {
           if (e.key == 'f' && (e.ctrlKey || e.metaKey)) {
-            e.preventDefault()
+            e.stopPropagation()
             props.on_search_click()
           }
         }}
-        tabIndex={0}
         ref={container_ref}
       >
         <div
@@ -303,7 +302,7 @@ export const ChatInput: React.FC<Props> = (props) => {
           onClick={props.on_search_click}
           title={`${props.translations.search} (${
             navigator.userAgent.toUpperCase().indexOf('MAC') >= 0 ? '⌘' : 'Ctrl'
-          }F)`}
+          }+F)`}
         ></button>
 
         <div className={styles.footer}>

packages/vscode/src/view/backend/message-handlers/handle-show-history-quick-pick.ts

@@ -62,7 +62,7 @@ export const handle_show_history_quick_pick = async (
   }
 
   const quick_pick = vscode.window.createQuickPick()
-  quick_pick.placeholder = 'Search chat history'
+  quick_pick.placeholder = 'Search prompt history'
 
   const to_quick_pick_item = (
     text: string,