重构了main.html的主函数

重构了大量的页面的sidebar
优化了代码结构

web/js/config/constants.js

@@ -0,0 +1,66 @@
+/**
+ * 常量定义
+ * 集中管理所有硬编码的配置值
+ */
+
+// API 配置
+window.API_CONFIG = {
+    PORT: 7861,
+    TIMEOUT: 30000,  // 请求超时时间
+
+    // 系统监控
+    METRICS_INTERVAL: 30000,  // 系统指标刷新间隔(ms)
+
+    // 训练进度
+    TRAINING_REFRESH_INTERVAL: 5000,  // 训练进度刷新间隔(ms)
+    PROGRESS_BAR_WIDTH: 200,  // 进度条宽度
+
+    // 合并操作
+    MERGE_TIMEOUT: 5 * 60 * 1000,  // 合并状态超时时间(ms)
+
+    // 分页
+    PAGE_SIZE: 10,
+
+    // 消息提示
+    TOAST_DURATION: 3000,  // toast提示显示时间(ms)
+
+    // 模型类型
+    MODEL_TYPES: {
+        'LLM': '大语言模型',
+        'CV': '计算机视觉',
+        'NLP': '自然语言处理',
+        'Embedding': '向量模型',
+        'Other': '其他'
+    },
+
+    // 用途映射
+    PURPOSE_MAP: {
+        'training': { text: '训练', class: 'bg-blue-100 text-blue-700' },
+        'inference': { text: '推理', class: 'bg-green-100 text-green-700' },
+        'evaluation': { text: '评测', class: 'bg-purple-100 text-purple-700' }
+    },
+
+    // 模型来源
+    SOURCE_MAP: {
+        'local': '本地模型',
+        'api': '在线模型',
+        'online': '在线模型'
+    },
+
+    // 训练方法显示名称
+    TRAIN_METHOD_MAP: {
+        'lora': 'LoRA',
+        'qlora': 'QLoRA',
+        'full': '全量微调',
+        'prefix': 'Prefix Tuning',
+        'adapter': 'Adapter',
+        'peft': 'PEFT',
+        'adalora': 'AdaLoRA',
+        'longlora': 'LongLoRA',
+        'dpo': 'DPO',
+        'cpt': 'CPT'
+    }
+};
+
+// 导出为常量引用方便使用
+window.CONSTANTS = window.API_CONFIG;