feat(assets): 优化资产预览性能并添加资源管理器连接状态提示

- 使用缩略图替代原图展示，通过 sharp 库生成缓存缩略图
- 优化资产分组逻辑，避免不必要的重计算
- 添加 WebSocket 连接状态提示到输入框
- 使用 `useCallback` 和 `useRef` 优化组件渲染性能
- 添加 AbortController 支持请求取消，防止内存泄漏
- 添加 `disconnected` 事件处理，自动重置会话状态

web/client/src/components/chat/ChatInput.tsx

@@ -15,7 +15,7 @@ export interface ImageAttachment {
   preview: string;
 }
 
-export function ChatInput({ onSend, disabled }: { onSend: (content: string, images?: Array<{ data: string; mimeType: string }>) => void; disabled?: boolean }) {
+export function ChatInput({ onSend, disabled, connecting }: { onSend: (content: string, images?: Array<{ data: string; mimeType: string }>) => void; disabled?: boolean; connecting?: boolean }) {
   const [input, setInput] = useState('');
   const [showCmds, setShowCmds] = useState(false);
   const [cmdIdx, setCmdIdx] = useState(0);
@@ -186,7 +186,7 @@ export function ChatInput({ onSend, disabled }: { onSend: (content: string, imag
               onChange={(e) => setInput(e.target.value)}
               onKeyDown={handleKeyDown}
               rows={1}
-              placeholder={disabled ? '等待回复中...' : '输入消息...'}
+              placeholder={disabled ? (connecting ? '连接中...' : '等待回复中...') : '输入消息...'}
               className="flex-1 bg-transparent text-[15px] resize-none outline-none placeholder:text-zinc-300 text-zinc-800 min-h-[40px] max-h-[140px] py-2 leading-relaxed"
               disabled={disabled}
               style={{ height: 'auto' }}