From 332464bd3585db58d93e8565aa2f44420f6c3b2b Mon Sep 17 00:00:00 2001
From: sp mac bookpro 2605 <spmacbookpro2605@spdeMacBook-Pro.local>
Date: Sun, 7 Jun 2026 20:40:15 +0800
Subject: [PATCH] fix: correct antd TextAreaRef type import

---
 src/pages/chat/components/ChatInput.tsx | 13 +++++++------
 1 file changed, 7 insertions(+), 6 deletions(-)

diff --git a/src/pages/chat/components/ChatInput.tsx b/src/pages/chat/components/ChatInput.tsx
index b00cbaf..326e587 100644
--- a/src/pages/chat/components/ChatInput.tsx
+++ b/src/pages/chat/components/ChatInput.tsx
@@ -1,5 +1,6 @@
 import { ArrowUpOutlined, BookOutlined, CloseOutlined, DownOutlined, PaperClipOutlined } from '@ant-design/icons';
 import { Button, Image as AntImage, Input, Select, Tag, Tooltip, Upload, Popover } from 'antd';
+import type { TextAreaRef } from 'antd/es/input/TextArea';
 import type { ChatAttachment } from '../../../api';
 import type { Agent } from '../../../api/agents';
 import { HistoryIcon, NewChatIcon } from '../../../components/icons';
@@ -49,7 +50,7 @@ export default function ChatInput(props: {
   const [showMentionPopover, setShowMentionPopover] = useState(false);
   const [mentionQuery, setMentionQuery] = useState('');
   const [mentionPos, setMentionPos] = useState<{ top: number; left: number } | null>(null);
-  const inputRef = useRef<HTMLTextAreaElement>(null);
+  const inputRef = useRef<TextAreaRef>(null);
 
   // 检测 @ 触发提及选择
   const handleInputChange = (e: React.ChangeEvent<HTMLTextAreaElement>) => {
@@ -74,13 +75,13 @@ export default function ChatInput(props: {
       console.log('[@mention] matched @ at position:', { atIndex, query });
       if (!query.includes(' ')) {
         setMentionQuery(query);
-        // 计算位置 - 使用 inputRef 获取最新 DOM 位置
+        // 计算位置 - Ant Design Input.TextArea 需要从 resizableTextArea 获取实际 DOM
         requestAnimationFrame(() => {
-          if (!(inputRef.current instanceof HTMLTextAreaElement)) {
-            console.log('[@mention] inputRef.current is not textarea:', inputRef.current);
+          const textarea = inputRef.current?.resizableTextArea?.textArea;
+          if (!textarea) {
+            console.log('[@mention] cannot get textarea DOM from inputRef:', inputRef.current);
             return;
           }
-          const textarea = inputRef.current;
           const rect = textarea.getBoundingClientRect();
           console.log('[@mention] textarea rect:', rect);
           setMentionPos({ top: rect.bottom, left: rect.left + 10 });
@@ -100,7 +101,7 @@ export default function ChatInput(props: {
   console.log('[@mention] filtered:', { mentionQuery, count: filteredAgents.length, agents: filteredAgents.map(a => a.name) });
 
   const handleSelectAgent = (agent: Agent) => {
-    const textarea = inputRef.current;
+    const textarea = inputRef.current?.resizableTextArea?.textArea;
     if (!textarea) return;
     
     const value = input;