refactor(prompt): 重构粘贴和历史导航处理逻辑

- 将粘贴处理逻辑提取到单独的 usePasteHandling hook 中
- 将历史导航逻辑提取到单独的 useHistoryNavigation hook 中
- 用 hook 替代 PromptInput 内部状态管理，简化组件代码
- 支持大文本粘贴显示可折叠的占位符标记
- 实现粘贴内容的展开与折叠控制
- 重置粘贴状态时清理所有历史数据
- 修正状态同步，提升粘贴和历史浏览体验
- 对外提供相关类型定义和状态、操作接口

Author: hqwlkj

src/ui/PromptInput.tsx

@@ -6,16 +6,13 @@ import {
   EMPTY_BUFFER,
   PASTE_MARKER_REGEX,
   backspace,
-  cleanPasteContent,
   deleteForward,
   deletePasteMarkerBackward,
   deletePasteMarkerForward,
   deleteWordBefore,
   deleteWordAfter,
   expandPasteMarkers,
-  findPasteMarkerContaining,
   getCurrentSlashToken,
-  hasActivePasteMarkers,
   insertText,
   isEmpty,
   killLine,
@@ -53,6 +50,8 @@ export type { InputKey } from "./prompt";
 
 import { useTerminalInput } from "./prompt";
 import type { InputKey } from "./prompt";
+import { usePasteHandling } from "./prompt/paste-handling";
+import { useHistoryNavigation } from "./prompt/history-navigation";
 import {
   useHiddenTerminalCursor,
   useTerminalExtendedKeys,
@@ -150,21 +149,22 @@ export const PromptInput = React.memo(function PromptInput({
   const [showModelDropdown, setShowModelDropdown] = useState(false);
   const [fileMentionItems, setFileMentionItems] = useState<FileMentionItem[]>(() => scanFileMentionItems(projectRoot));
   const [dismissedFileMentionKey, setDismissedFileMentionKey] = useState<string | null>(null);
-  const [historyCursor, setHistoryCursor] = useState(-1);
-  const [draftBeforeHistory, setDraftBeforeHistory] = useState<string | null>(null);
   const [hasTerminalFocus, setHasTerminalFocus] = useState(true);
   const lastCtrlDAt = React.useRef<number>(0);
   const undoRedoRef = React.useRef(createPromptUndoRedoState());
   const wasBusyRef = React.useRef(busy);
   const hadFileMentionTokenRef = React.useRef(false);
   const appliedDraftNonceRef = React.useRef<number | null>(null);
-  const pastesRef = React.useRef<Map<number, string>>(new Map());
-  const pasteCounterRef = React.useRef<number>(0);
-  // Track expanded paste regions for toggle (Ctrl+O expand / collapse).
-  const expandedRegionsRef = React.useRef<Map<number, { start: number; end: number; content: string; marker: string }>>(
-    new Map()
+
+  const { historyCursor, navigateHistory, exitHistoryBrowsing } = useHistoryNavigation(
+    buffer,
+    setBuffer,
+    promptHistory
   );
 
+  const { pastesRef, handlePaste, expandPasteMarkerAtCursor, resetPastes, hasCollapsedMarkers, hasExpandedRegions } =
+    usePasteHandling(buffer, updateBuffer, setStatusMessage);
+
   const fileMentionToken = getCurrentFileMentionToken(buffer);
   const hasFileMentionToken = fileMentionToken !== null;
   const fileMentionKey = fileMentionToken ? `${fileMentionToken.start}:${fileMentionToken.query}` : null;
@@ -191,8 +191,6 @@ export const PromptInput = React.memo(function PromptInput({
   const showMenu = slashMenu.length > 0;
   const promptHistoryKey = React.useMemo(() => promptHistory.join("\0"), [promptHistory]);
   const hasRunningProcess = runningProcesses && runningProcesses.size > 0;
-  const hasCollapsedMarkers = hasActivePasteMarkers(buffer.text, pastesRef.current);
-  const hasExpandedRegions = expandedRegionsRef.current.size > 0;
   const processOrPasteHint = hasRunningProcess
     ? " · ctrl+o view output"
     : hasCollapsedMarkers
@@ -268,17 +266,14 @@ export const PromptInput = React.memo(function PromptInput({
     setSelectedSkills([]);
     setShowSkillsDropdown(false);
     setOpenRawModelDropdown(false);
-    setHistoryCursor(-1);
-    setDraftBeforeHistory(null);
+    exitHistoryBrowsing();
     clearPromptUndoRedoState(undoRedoRef.current);
-    pastesRef.current.clear();
-    expandedRegionsRef.current.clear();
-  }, [promptDraft]);
+    resetPastes();
+  }, [promptDraft, exitHistoryBrowsing, resetPastes]);
 
   useEffect(() => {
-    setHistoryCursor(-1);
-    setDraftBeforeHistory(null);
-  }, [promptHistoryKey]);
+    exitHistoryBrowsing();
+  }, [promptHistoryKey, exitHistoryBrowsing]);
 
   useTerminalInput(
     (input, key) => {
@@ -338,8 +333,7 @@ export const PromptInput = React.memo(function PromptInput({
         } else if (!isEmpty(buffer)) {
           setBuffer(EMPTY_BUFFER);
           clearUndoRedoStacks();
-          pastesRef.current.clear();
-          expandedRegionsRef.current.clear();
+          resetPastes();
         } else {
           setStatusMessage("press ctrl+d to exit");
         }
@@ -529,8 +523,7 @@ export const PromptInput = React.memo(function PromptInput({
       }
       if (key.ctrl && (input === "u" || input === "U")) {
         updateBuffer(() => EMPTY_BUFFER);
-        pastesRef.current.clear();
-        expandedRegionsRef.current.clear();
+        resetPastes();
         return;
       }
       if (key.ctrl && (input === "w" || input === "W")) {
@@ -594,11 +587,6 @@ export const PromptInput = React.memo(function PromptInput({
     clearPromptUndoRedoState(undoRedoRef.current);
   }
 
-  function exitHistoryBrowsing(): void {
-    setHistoryCursor(-1);
-    setDraftBeforeHistory(null);
-  }
-
   function updateBuffer(updater: (state: PromptBufferState) => PromptBufferState): void {
     exitHistoryBrowsing();
     setBuffer((current) => {
@@ -608,107 +596,6 @@ export const PromptInput = React.memo(function PromptInput({
     });
   }
 
-  function handlePaste(pastedText: string): void {
-    const totalChars = pastedText.length;
-
-    if (totalChars <= 1000) {
-      const newlineCount = (pastedText.match(/\n/g) ?? []).length;
-      if (newlineCount <= 9) {
-        const clean = pastedText
-          .replace(/\r\n|\r/g, "\n")
-          .replace(/[\x00-\x08\x0b\x0c\x0e-\x1f\x7f]/g, "")
-          .replace(/\t/g, "    ");
-        updateBuffer((s) => insertText(s, clean));
-        return;
-      }
-    }
-
-    // Large paste: store raw text, insert marker with line/char count.
-    const lineCount = (pastedText.match(/\n/g) ?? []).length + 1;
-    pasteCounterRef.current += 1;
-    const pasteId = pasteCounterRef.current;
-    pastesRef.current.set(pasteId, pastedText);
-
-    const marker =
-      lineCount > 10 ? `[paste #${pasteId} +${lineCount} lines]` : `[paste #${pasteId} ${totalChars} chars]`;
-
-    updateBuffer((s) => insertText(s, marker));
-  }
-
-  function expandPasteMarkerAtCursor(): void {
-    // First, try to collapse an already-expanded region at the cursor.
-    for (const [id, region] of expandedRegionsRef.current) {
-      if (buffer.cursor >= region.start && buffer.cursor <= region.end) {
-        // Collapse back to marker.
-        expandedRegionsRef.current.delete(id);
-        pastesRef.current.set(id, region.content);
-        setTimeout(() => {
-          updateBuffer((s) => {
-            const text = s.text.slice(0, region.start) + region.marker + s.text.slice(region.end);
-            return { text, cursor: region.start + region.marker.length };
-          });
-        }, 0);
-        return;
-      }
-    }
-
-    // No expanded region at cursor — try to expand a paste marker.
-    const marker = findPasteMarkerContaining(buffer);
-    if (!marker) {
-      setStatusMessage("No paste marker at cursor");
-      return;
-    }
-    const content = pastesRef.current.get(marker.id);
-    if (!content) {
-      setStatusMessage("Paste content not found");
-      return;
-    }
-
-    const pasteId = marker.id;
-    const originalMarker = buffer.text.slice(marker.start, marker.end);
-    pastesRef.current.delete(pasteId);
-
-    setTimeout(() => {
-      updateBuffer((s) => {
-        const text = s.text.slice(0, marker.start) + cleanPasteContent(content) + s.text.slice(marker.end);
-        const newEnd = marker.start + content.length;
-        expandedRegionsRef.current.set(pasteId, {
-          start: marker.start,
-          end: newEnd,
-          content,
-          marker: originalMarker,
-        });
-        return { text, cursor: marker.start };
-      });
-    }, 0);
-  }
-
-  function navigateHistory(direction: -1 | 1): void {
-    if (promptHistory.length === 0) {
-      return;
-    }
-
-    const previousCursor = historyCursor === -1 ? promptHistory.length : historyCursor;
-    const nextCursor = Math.max(0, Math.min(promptHistory.length, previousCursor + direction));
-    const draft = historyCursor === -1 ? buffer.text : draftBeforeHistory;
-
-    if (historyCursor === -1) {
-      setDraftBeforeHistory(buffer.text);
-    }
-
-    if (nextCursor === promptHistory.length) {
-      const text = draft ?? "";
-      setBuffer({ text, cursor: text.length });
-      setHistoryCursor(-1);
-      setDraftBeforeHistory(null);
-      return;
-    }
-
-    const text = promptHistory[nextCursor] ?? "";
-    setBuffer({ text, cursor: text.length });
-    setHistoryCursor(nextCursor);
-  }
-
   function insertFileMentionSelection(item: FileMentionItem): void {
     if (!fileMentionToken) {
       return;
@@ -723,9 +610,8 @@ export const PromptInput = React.memo(function PromptInput({
     setImageUrls([]);
     setSelectedSkills([]);
     setShowSkillsDropdown(false);
-    pastesRef.current.clear();
-    expandedRegionsRef.current.clear();
-    pasteCounterRef.current = 0;
+    exitHistoryBrowsing();
+    resetPastes();
   }
 
   function handleSlashSelection(item: SlashCommandItem): void {

src/ui/prompt/history-navigation.ts

@@ -0,0 +1,65 @@
+import type React from "react";
+import { useCallback, useState } from "react";
+import type { PromptBufferState } from "../promptBuffer";
+
+export type HistoryNavigationState = {
+  historyCursor: number;
+  draftBeforeHistory: string | null;
+};
+
+export type HistoryNavigationActions = {
+  /**
+   * Navigate through prompt history. Pass -1 for previous, 1 for next.
+   * Stores current draft before entering history mode and restores it when
+   * scrolling past the last entry.
+   */
+  navigateHistory: (direction: -1 | 1) => void;
+  /** Exit history browsing mode, restoring the pre-history draft if any. */
+  exitHistoryBrowsing: () => void;
+};
+
+export function useHistoryNavigation(
+  buffer: PromptBufferState,
+  setBuffer: React.Dispatch<React.SetStateAction<PromptBufferState>>,
+  promptHistory: string[]
+): HistoryNavigationState & HistoryNavigationActions {
+  const [historyCursor, setHistoryCursor] = useState(-1);
+  const [draftBeforeHistory, setDraftBeforeHistory] = useState<string | null>(null);
+
+  const exitHistoryBrowsing = useCallback((): void => {
+    setHistoryCursor(-1);
+    setDraftBeforeHistory(null);
+  }, []);
+
+  function navigateHistory(direction: -1 | 1): void {
+    if (promptHistory.length === 0) {
+      return;
+    }
+
+    const previousCursor = historyCursor === -1 ? promptHistory.length : historyCursor;
+    const nextCursor = Math.max(0, Math.min(promptHistory.length, previousCursor + direction));
+
+    if (historyCursor === -1) {
+      setDraftBeforeHistory(buffer.text);
+    }
+
+    if (nextCursor === promptHistory.length) {
+      const text = draftBeforeHistory ?? "";
+      setBuffer({ text, cursor: text.length });
+      setHistoryCursor(-1);
+      setDraftBeforeHistory(null);
+      return;
+    }
+
+    const text = promptHistory[nextCursor] ?? "";
+    setBuffer({ text, cursor: text.length });
+    setHistoryCursor(nextCursor);
+  }
+
+  return {
+    historyCursor,
+    draftBeforeHistory,
+    navigateHistory,
+    exitHistoryBrowsing,
+  };
+}

src/ui/prompt/index.ts

@@ -9,3 +9,9 @@ export {
   useTerminalFocusReporting,
   getPromptCursorPlacement,
 } from "./cursor";
+
+export { usePasteHandling } from "./paste-handling";
+export type { PasteRegion, PasteHandlingState, PasteHandlingActions } from "./paste-handling";
+
+export { useHistoryNavigation } from "./history-navigation";
+export type { HistoryNavigationState, HistoryNavigationActions } from "./history-navigation";