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

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

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

@@ -150,7 +150,7 @@ export function ChatView() {
             <h2 className="text-lg font-semibold text-zinc-800">开始新对话</h2>
             <p className="text-sm text-zinc-400 mt-1">输入消息开始创作，对话将自动创建</p>
           </div>
-          <ChatInput onSend={handleSend} disabled={thinking || creatingRef.current} />
+          <ChatInput onSend={handleSend} disabled={thinking || !connected || creatingRef.current} connecting={!connected} />
           {accounts.length > 0 && (
             <div className="flex items-center gap-2 mt-3 justify-center">
               <span className="text-xs text-zinc-400">当前账号:</span>
@@ -275,7 +275,7 @@ export function ChatView() {
           )}
 
           {/* Input */}
-          <ChatInput onSend={handleSend} disabled={thinking} />
+          <ChatInput onSend={handleSend} disabled={thinking || !connected} connecting={!connected} />
         </div>
       </div>
     </div>