Add cut functionality to the prompt field with proper text selection handling and clipboard integration

Author: robertpiosik

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

@@ -126,6 +126,7 @@ export const PromptField: React.FC<PromptFieldProps> = (props) => {
     handle_key_down,
     is_history_enabled,
     handle_copy,
+    handle_cut,
     handle_paste,
     handle_input_click
   } = use_handlers(props, input_ref, ghost_text, handle_accept_ghost_text)
@@ -391,6 +392,7 @@ export const PromptField: React.FC<PromptFieldProps> = (props) => {
               handle_key_down(e)
             }}
             onCopy={handle_copy}
+            onCut={handle_cut}
             onPaste={handle_paste}
             onClick={handle_input_click}
             onMouseDown={handle_mouse_down}

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

@@ -393,6 +393,45 @@ export const use_handlers = (
     e.clipboardData.setData('text/plain', raw_text_slice)
   }
 
+  const handle_cut = (e: React.ClipboardEvent<HTMLDivElement>) => {
+    const selection = window.getSelection()
+    if (!selection || selection.rangeCount == 0 || selection.isCollapsed) return
+
+    const range = selection.getRangeAt(0)
+    const input_element = input_ref.current
+    if (!input_element || !input_element.contains(range.startContainer)) return
+
+    e.preventDefault()
+
+    const pre_selection_range = document.createRange()
+    pre_selection_range.selectNodeContents(input_element)
+    pre_selection_range.setEnd(range.startContainer, range.startOffset)
+    const display_start = pre_selection_range.toString().length
+
+    pre_selection_range.setEnd(range.endContainer, range.endOffset)
+    const display_end = pre_selection_range.toString().length
+
+    const raw_start = map_display_pos_to_raw_pos(
+      display_start,
+      props.value,
+      props.context_file_paths ?? []
+    )
+    const raw_end = map_display_pos_to_raw_pos(
+      display_end,
+      props.value,
+      props.context_file_paths ?? []
+    )
+
+    const raw_text_slice = props.value.substring(raw_start, raw_end)
+    e.clipboardData.setData('text/plain', raw_text_slice)
+
+    const new_value =
+      props.value.substring(0, raw_start) + props.value.substring(raw_end)
+
+    has_modified_current_entry_ref.current = true
+    update_value(new_value, raw_start)
+  }
+
   const handle_paste = (e: React.ClipboardEvent<HTMLDivElement>) => {
     e.preventDefault()
     const text = e.clipboardData.getData('text/plain')
@@ -1141,6 +1180,7 @@ export const use_handlers = (
     is_history_enabled,
     handle_clear,
     handle_copy,
+    handle_cut,
     handle_paste,
     handle_input_click
   }