refactor: 清理 P1 类型债与 React key 债

- 消除 useChat.ts 中 13 处 (message as any).timestamp,改用已收窄变量的 .timestamp
- 给 ExecutionCancelled 接口补 timestamp?: number 字段,与后端对齐
- 修复 MessageInput 附件列表 key={index}: 给 FileAttachment 加 id 字段(crypto.randomUUID())
- 修复 ConfigPage TagEditor key={i} → key={t}(tag 值唯一)
- 修复 ConfigPage SourceEditor customPaths key={i} → key={p}(路径值唯一)

web/src/components/Chat/MessageInput.tsx

@@ -16,6 +16,7 @@ interface MessageInputProps {
 }
 
 interface FileAttachment {
+  id: string
   file: File
   attachment: Attachment
   preview?: string // 用于图片预览
@@ -92,6 +93,7 @@ export function MessageInput({
       }
 
       const fileAttachment: FileAttachment = {
+        id: crypto.randomUUID(),
         file,
         attachment,
         preview: mediaType === 'image' ? base64 : undefined,
@@ -170,6 +172,7 @@ export function MessageInput({
         }
 
         const fileAttachment: FileAttachment = {
+          id: crypto.randomUUID(),
           file,
           attachment,
           preview: mediaType === 'image' ? base64 : undefined,
@@ -295,7 +298,7 @@ export function MessageInput({
           <div className="mb-2 flex flex-wrap gap-2">
             {attachments.map((att, index) => (
               <div
-                key={index}
+                key={att.id}
                 className="flex items-center gap-2 rounded-lg border border-[var(--border-color)] bg-[var(--bg-tertiary)] px-2 py-1.5 text-sm"
               >
                 {att.preview ? (

web/src/components/Settings/ConfigPage.tsx

@@ -192,7 +192,7 @@ function TagEditor({ tags, onChange }: { tags: string[]; onChange: (t: string[])
     <div className="space-y-2">
       <div className="flex flex-wrap gap-1.5">
         {tags.map((t, i) => (
-          <span key={i} className="inline-flex items-center gap-1 px-2 py-0.5 rounded-md bg-[var(--accent-cyan)]/10 border border-[var(--accent-cyan)]/20 text-xs text-[var(--accent-cyan)]">
+          <span key={t} className="inline-flex items-center gap-1 px-2 py-0.5 rounded-md bg-[var(--accent-cyan)]/10 border border-[var(--accent-cyan)]/20 text-xs text-[var(--accent-cyan)]">
             {t}
             <button onClick={() => onChange(tags.filter((_, j) => j !== i))} className="hover:text-white transition-colors"><X className="h-3 w-3" /></button>
           </span>
@@ -286,8 +286,8 @@ function SourceEditor({
           <div className="text-xs font-medium text-[var(--text-muted)] uppercase tracking-wider">自定义路径</div>
           {customPaths.length > 0 && (
             <div className="flex flex-wrap gap-1.5">
-              {customPaths.map((p, i) => (
+              {customPaths.map((p) => (
-                <span key={i} className="inline-flex items-center gap-1 px-2 py-0.5 rounded-md bg-[var(--accent-cyan)]/10 border border-[var(--accent-cyan)]/20 text-xs text-[var(--accent-cyan)] font-mono">
+                <span key={p} className="inline-flex items-center gap-1 px-2 py-0.5 rounded-md bg-[var(--accent-cyan)]/10 border border-[var(--accent-cyan)]/20 text-xs text-[var(--accent-cyan)] font-mono">
                   {p}
                   <button onClick={() => removeCustom(p)} className="hover:text-white transition-colors"><X className="h-3 w-3" /></button>
                 </span>

web/src/hooks/useChat.ts

@@ -236,7 +236,7 @@ export function useChat(): UseChatReturn {
           id: msg.id,
           role: role as ChatMessage['role'],
           content: msg.content,
-          timestamp: (message as any).timestamp ?? Math.floor(Date.now() / 1000),
+          timestamp: msg.timestamp ?? Math.floor(Date.now() / 1000),
           type: 'message',
           attachments: msg.attachments,
           subagentTaskId: msg.subagent_task_id,
@@ -249,7 +249,7 @@ export function useChat(): UseChatReturn {
           id: msg.id,
           role: 'tool',
           content: msg.content,
-          timestamp: (message as any).timestamp ?? Math.floor(Date.now() / 1000),
+          timestamp: msg.timestamp ?? Math.floor(Date.now() / 1000),
           type: 'tool_call',
           toolName: msg.tool_name,
           toolCallId: msg.tool_call_id,
@@ -264,7 +264,7 @@ export function useChat(): UseChatReturn {
           id: msg.id,
           role: 'tool',
           content: msg.content,
-          timestamp: (message as any).timestamp ?? Math.floor(Date.now() / 1000),
+          timestamp: msg.timestamp ?? Math.floor(Date.now() / 1000),
           type: 'tool_result',
           toolName: msg.tool_name,
           toolCallId: msg.tool_call_id,
@@ -278,7 +278,7 @@ export function useChat(): UseChatReturn {
           id: msg.id,
           role: 'tool',
           content: `${msg.content}\n\n${msg.resume_hint}`,
-          timestamp: (message as any).timestamp ?? Math.floor(Date.now() / 1000),
+          timestamp: msg.timestamp ?? Math.floor(Date.now() / 1000),
           type: 'tool_pending',
           toolName: msg.tool_name,
           toolCallId: msg.tool_call_id,
@@ -302,7 +302,7 @@ export function useChat(): UseChatReturn {
           id: generateMessageId(),
           role: 'assistant',
           content: `Error: ${message.message}`,
-          timestamp: (message as any).timestamp ?? Math.floor(Date.now() / 1000),
+          timestamp: message.timestamp ?? Math.floor(Date.now() / 1000),
           type: 'message',
         }
       }
@@ -362,7 +362,7 @@ export function useChat(): UseChatReturn {
         id: generateMessageId(),
         role: 'assistant',
         content: `Error: ${errMsg.message}`,
-        timestamp: (message as any).timestamp ?? Math.floor(Date.now() / 1000),
+        timestamp: errMsg.timestamp ?? Math.floor(Date.now() / 1000),
         type: 'message',
       }
       setSubAgentStack((prev) => {
@@ -423,7 +423,7 @@ export function useChat(): UseChatReturn {
           id: generateMessageId(),
           role: 'assistant',
           content: `Error: ${errMsg.message}`,
-          timestamp: (message as any).timestamp ?? Math.floor(Date.now() / 1000),
+          timestamp: errMsg.timestamp ?? Math.floor(Date.now() / 1000),
           type: 'message',
         }
         const newStack = [...prev]
@@ -800,7 +800,7 @@ export function useChat(): UseChatReturn {
             id: msg.id,
             role,
             content: msg.content,
-            timestamp: (message as any).timestamp ?? Math.floor(Date.now() / 1000),
+            timestamp: msg.timestamp ?? Math.floor(Date.now() / 1000),
             type: 'message',
             attachments: msg.attachments,
             reasoningContent: msg.reasoning_content,
@@ -833,7 +833,7 @@ export function useChat(): UseChatReturn {
             id: msg.id,
             role: 'tool',
             content: msg.content,
-            timestamp: (message as any).timestamp ?? Math.floor(Date.now() / 1000),
+            timestamp: msg.timestamp ?? Math.floor(Date.now() / 1000),
             type: 'tool_call',
             toolName: msg.tool_name,
             toolCallId: msg.tool_call_id,
@@ -856,7 +856,7 @@ export function useChat(): UseChatReturn {
             id: msg.id,
             role: 'tool',
             content: msg.content,
-            timestamp: (message as any).timestamp ?? Math.floor(Date.now() / 1000),
+            timestamp: msg.timestamp ?? Math.floor(Date.now() / 1000),
             type: 'tool_result',
             toolName: msg.tool_name,
             toolCallId: msg.tool_call_id,
@@ -877,7 +877,7 @@ export function useChat(): UseChatReturn {
             id: msg.id,
             role: 'tool',
             content: `${msg.content}\n\n${msg.resume_hint}`,
-            timestamp: (message as any).timestamp ?? Math.floor(Date.now() / 1000),
+            timestamp: msg.timestamp ?? Math.floor(Date.now() / 1000),
             type: 'tool_pending',
             toolName: msg.tool_name,
             toolCallId: msg.tool_call_id,
@@ -893,7 +893,7 @@ export function useChat(): UseChatReturn {
             id: generateMessageId(),
             role: 'assistant',
             content: (message as { type: 'execution_cancelled'; message: string }).message,
-            timestamp: (message as any).timestamp ?? Math.floor(Date.now() / 1000),
+            timestamp: message.timestamp ?? Math.floor(Date.now() / 1000),
             type: 'message',
           },
         ])
@@ -910,7 +910,7 @@ export function useChat(): UseChatReturn {
             id: generateMessageId(),
             role: 'assistant',
             content: `Error: ${message.message}`,
-            timestamp: (message as any).timestamp ?? Math.floor(Date.now() / 1000),
+            timestamp: message.timestamp ?? Math.floor(Date.now() / 1000),
             type: 'message',
           },
         ])

web/src/types/protocol.ts

@@ -260,6 +260,7 @@ export interface TaskMessagesLoaded {
 export interface ExecutionCancelled {
   type: 'execution_cancelled'
   message: string
+  timestamp?: number
 }
 
 export interface StreamDelta {