Remove the file path autocompletion hint feature entirely

Author: robertpiosik

packages/ui/src/components/editor/panel/PromptField/PromptField.module.scss

@@ -115,25 +115,6 @@
   }
 }
 
-.input-with-file-match-hint {
-  &::after {
-    content: '\\';
-    display: inline-flex;
-    align-items: center;
-    justify-content: center;
-    color: var(--cwc-text-color);
-    font-size: 10px;
-    padding: 0 3px;
-    margin-left: 2px;
-    transform: translateY(-1px);
-    font-weight: 500;
-    border: 1px solid var(--cwc-border-color);
-    border-radius: 5px;
-    pointer-events: none;
-    opacity: var(--dimmed-opacity);
-  }
-}
-
 .selection-keyword {
   background-color: var(--vscode-editor-selectionBackground);
   border-radius: 2px;

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

@@ -19,7 +19,6 @@ import {
   map_raw_pos_to_display_pos
 } from './utils/position-mapping'
 import { dictionary } from '@shared/constants/dictionary'
-import { get_file_match_hint_data } from './utils/get-file-match-hint-data'
 
 const Tooltip: React.FC<{
   message: string
@@ -83,12 +82,6 @@ export const PromptField: React.FC<PromptFieldProps> = (props) => {
   const [show_submit_tooltip, set_show_submit_tooltip] = useState(false)
   const [is_text_selecting, set_is_text_selecting] = useState(false)
   const [is_focused, set_is_focused] = useState(false)
-  const [show_file_match_hint, set_show_file_match_hint] = useState(false)
-  const file_match_hint_timer_ref = useRef<ReturnType<
-    typeof setTimeout
-  > | null>(null)
-  const has_shown_hint_once_ref = useRef(false)
-  const last_matching_word_ref = useRef<string | null>(null)
 
   const is_narrow_viewport = use_is_narrow_viewport(268)
   const {
@@ -157,48 +150,6 @@ export const PromptField: React.FC<PromptFieldProps> = (props) => {
     return get_display_text(props.value, props.context_file_paths ?? [])
   }, [props.value, props.context_file_paths])
 
-  const should_show_hint = useMemo(() => {
-    const hint_data = get_file_match_hint_data(
-      display_text,
-      caret_position,
-      props.context_file_paths
-    )
-    return hint_data ? hint_data.word : false
-  }, [display_text, caret_position, props.context_file_paths])
-
-  useEffect(() => {
-    if (file_match_hint_timer_ref.current) {
-      clearTimeout(file_match_hint_timer_ref.current)
-      file_match_hint_timer_ref.current = null
-    }
-
-    if (should_show_hint) {
-      const matching_word = should_show_hint as string
-      const is_same_word = matching_word === last_matching_word_ref.current
-      if (has_shown_hint_once_ref.current && is_same_word) {
-        set_show_file_match_hint(true)
-      } else {
-        file_match_hint_timer_ref.current = setTimeout(() => {
-          set_show_file_match_hint(true)
-          has_shown_hint_once_ref.current = true
-          last_matching_word_ref.current = matching_word
-        }, 300)
-      }
-    } else {
-      set_show_file_match_hint(false)
-      if (last_matching_word_ref.current !== null) {
-        has_shown_hint_once_ref.current = false
-        last_matching_word_ref.current = null
-      }
-    }
-
-    return () => {
-      if (file_match_hint_timer_ref.current) {
-        clearTimeout(file_match_hint_timer_ref.current)
-      }
-    }
-  }, [should_show_hint])
-
   const highlighted_html = useMemo(() => {
     return get_highlighted_text({
       text: props.value,
@@ -375,7 +326,6 @@ export const PromptField: React.FC<PromptFieldProps> = (props) => {
           onFocus={() => set_is_focused(true)}
           onBlur={() => set_is_focused(false)}
           className={cn(styles.input, {
-            [styles['input-with-file-match-hint']]: show_file_match_hint,
             [styles['input--empty']]: !props.value
           })}
           data-placeholder={placeholder}

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

@@ -8,7 +8,6 @@ import {
   map_display_pos_to_raw_pos,
   map_raw_pos_to_display_pos
 } from '../utils/position-mapping'
-import { get_file_match_hint_data } from '../utils/get-file-match-hint-data'
 
 type HistoryEntry = {
   value: string
@@ -410,39 +409,6 @@ export const use_handlers = (
     const caret_position = get_caret_position_from_div(currentTarget)
     const char_before_caret = new_display_value.charAt(caret_position - 1)
 
-    if (char_before_caret == '\\') {
-      const display_value_before_backslash = new_display_value.substring(
-        0,
-        caret_position - 1
-      )
-      const hint_data = get_file_match_hint_data(
-        display_value_before_backslash,
-        caret_position - 1,
-        props.context_file_paths
-      )
-
-      if (hint_data) {
-        const { word: last_word, path: matched_path } = hint_data
-        const old_raw_value = props.value
-
-        const last_word_in_raw_index = old_raw_value.lastIndexOf(last_word)
-        if (
-          last_word_in_raw_index !== -1 &&
-          old_raw_value.endsWith(last_word)
-        ) {
-          const value_before = old_raw_value.substring(
-            0,
-            last_word_in_raw_index
-          )
-          const final_new_value = `${value_before}\`${matched_path}\` `
-          has_modified_current_entry_ref.current = true
-          update_value(final_new_value, final_new_value.length)
-          set_history_index(-1)
-          return
-        }
-      }
-    }
-
     has_modified_current_entry_ref.current = new_raw_value !== ''
     update_value(new_raw_value)