Prevent focusing input when warning is present

- use axios instead of fetch

Author: robertpiosik

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

@@ -302,7 +302,9 @@ export const PromptField: React.FC<PromptFieldProps> = (props) => {
           raw_text: props.value,
           context_file_paths: props.selected_files ?? []
         })
-        input_ref.current.focus()
+        if (!props.warning) {
+          input_ref.current.focus()
+        }
         set_caret_position_for_div(input_ref.current, display_pos)
       } else if (is_focused) {
         set_caret_position_for_div(input_ref.current, selection_start)
@@ -375,7 +377,7 @@ export const PromptField: React.FC<PromptFieldProps> = (props) => {
           [styles['container__inner--selecting']]: is_text_selecting
         })}
         onKeyDown={handle_container_key_down}
-        onClick={() => input_ref.current?.focus()}
+        onClick={() => !props.warning && input_ref.current?.focus()}
       >
         <div className={styles['input-wrapper']}>
           {props.tabs_count > 1 ? (
@@ -496,7 +498,7 @@ export const PromptField: React.FC<PromptFieldProps> = (props) => {
         <div
           className={styles.footer}
           onClick={() => {
-            if (input_ref.current) {
+            if (input_ref.current && !props.warning) {
               input_ref.current.focus()
               const selection = window.getSelection()
               if (selection) {

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

@@ -157,7 +157,7 @@ export const use_handlers = (
   useEffect(() => {
     if (params.input_ref.current && !props_ref.current.warning) {
       requestAnimationFrame(() => {
-        if (!params.input_ref.current) return
+        if (!params.input_ref.current || props_ref.current.warning) return
         params.input_ref.current.focus({ preventScroll: true })
       })
     }
@@ -166,7 +166,7 @@ export const use_handlers = (
   useEffect(() => {
     if (params.input_ref.current && !props_ref.current.warning) {
       requestAnimationFrame(() => {
-        if (!params.input_ref.current) return
+        if (!params.input_ref.current || props_ref.current.warning) return
         params.input_ref.current.focus({ preventScroll: true })
         const selection = window.getSelection()
         if (selection) {