Collapse selection range for empty prompt inputs and remove focus_key effect

Author: robertpiosik

packages/ui/src/components/editor/panel/PromptField/PromptField.tsx

@@ -250,12 +250,6 @@ export const PromptField: React.FC<PromptFieldProps> = (props) => {
     props.context_file_paths
   ])
 
-  useEffect(() => {
-    if (input_ref.current) {
-      input_ref.current.focus()
-    }
-  }, [props.focus_key])
-
   useEffect(() => {
     if (input_ref.current) {
       const handle_click_outside = (event: MouseEvent) => {
@@ -426,6 +420,9 @@ export const PromptField: React.FC<PromptFieldProps> = (props) => {
               if (selection) {
                 const range = document.createRange()
                 range.selectNodeContents(input_ref.current)
+                if (!props.value) {
+                  range.collapse(true)
+                }
                 selection.removeAllRanges()
                 selection.addRange(range)
               }

packages/ui/src/components/editor/panel/PromptField/hooks/use-handlers.ts

@@ -356,6 +356,9 @@ export const use_handlers = (
       if (selection) {
         const range = document.createRange()
         range.selectNodeContents(params.input_ref.current)
+        if (!params.input_ref.current.textContent) {
+          range.collapse(true)
+        }
         selection.removeAllRanges()
         selection.addRange(range)
       }