feat: v0.3.0 版本 - SSH终端、SFTP、端口转发功能实现

核心功能:
- SSH终端: 密码/密钥认证、XTerm.js终端、多主题配色、IP高亮
- SFTP管理: 双栏文件管理、上传下载、传输队列
- 端口转发: 本地/远程转发、SOCKS5动态代理、规则管理

架构改进:
- 拆分大型组件 (SFTPView/TabBar/Sidebar)
- 添加统一日志和错误处理
- 修复React严格模式下的终端黑屏问题

UI更新:
- 新增端口转发视图
- 更新UI预览文档
- 左侧栏右键菜单支持SFTP快捷打开

src/components/sftp/TransferPanel.tsx

@@ -0,0 +1,70 @@
+/**
+ * TransferPanel - 传输队列面板
+ * 
+ * 显示文件上传/下载的传输队列
+ */
+
+import { ChevronDown, ChevronUp } from 'lucide-react'
+import { TransferItem } from './TransferItem'
+import type { TransferTask } from '../../../shared/types/sftp.types'
+
+interface TransferPanelProps {
+  tasks: TransferTask[]
+  isOpen: boolean
+  onToggle: () => void
+  onCancel: (id: string) => void
+  onRemove: (id: string) => void
+}
+
+export function TransferPanel({ tasks, isOpen, onToggle, onCancel, onRemove }: TransferPanelProps) {
+  const activeCount = tasks.filter(t => t.status === 'pending' || t.status === 'transferring').length
+  const completedCount = tasks.filter(t => t.status === 'completed').length
+
+  return (
+    <div className="bg-dark-800 border-t border-dark-700">
+      {/* Header */}
+      <button
+        onClick={onToggle}
+        className="w-full flex items-center justify-between px-4 py-2 hover:bg-dark-700 transition-colors"
+      >
+        <div className="flex items-center gap-2">
+          <span className="text-sm font-medium">传输队列</span>
+          {activeCount > 0 && (
+            <span className="px-2 py-0.5 bg-accent-blue/20 text-accent-blue text-xs rounded-full">
+              {activeCount} 进行中
+            </span>
+          )}
+          {completedCount > 0 && (
+            <span className="px-2 py-0.5 bg-green-500/20 text-green-400 text-xs rounded-full">
+              {completedCount} 已完成
+            </span>
+          )}
+        </div>
+        <div className="flex items-center gap-2">
+          <span className="text-xs text-gray-500">{tasks.length} 个任务</span>
+          {isOpen ? <ChevronDown className="w-4 h-4" /> : <ChevronUp className="w-4 h-4" />}
+        </div>
+      </button>
+
+      {/* Transfer List */}
+      {isOpen && tasks.length > 0 && (
+        <div className="max-h-48 overflow-y-auto border-t border-dark-700">
+          {tasks.map((task) => (
+            <TransferItem
+              key={task.id}
+              task={task}
+              onCancel={() => onCancel(task.id)}
+              onRemove={() => onRemove(task.id)}
+            />
+          ))}
+        </div>
+      )}
+
+      {isOpen && tasks.length === 0 && (
+        <div className="py-4 text-center text-gray-500 text-sm">
+          暂无传输任务
+        </div>
+      )}
+    </div>
+  )
+}