Upload 58 files

ai-routes.js

@@ -107,9 +107,15 @@ async function streamOpenRouter(baseParams, res) {
     const messages = convertGeminiToOpenAI(baseParams);
     const keys = await getKeyPool('openrouter');
     if (keys.length === 0) throw new Error("No OpenRouter API keys");
+    
     for (const apiKey of keys) {
-        const client = new OpenAI({ baseURL: "https://openrouter.ai/api/v1", apiKey, defaultHeaders: { "HTTP-Referer": "https://smart.com", "X-Title": "Smart School" } });
         for (const modelName of models) {
+            // Find specific model config to check for custom URL
+            const modelConfig = config?.openRouterModels?.find(m => m.id === modelName);
+            const baseURL = modelConfig?.apiUrl ? modelConfig.apiUrl : "https://openrouter.ai/api/v1";
+            
+            const client = new OpenAI({ baseURL, apiKey, defaultHeaders: { "HTTP-Referer": "https://smart.com", "X-Title": "Smart School" } });
+            
             try {
                 const stream = await client.chat.completions.create({ model: modelName, messages, stream: true });
                 recordUsage(modelName, PROVIDERS.OPENROUTER);
@@ -357,4 +363,4 @@ router.post('/evaluate', checkAIAccess, async (req, res) => {
     }
 });
 
-module.exports = router;
+module.exports = router;

models.js

@@ -123,6 +123,7 @@ const ConfigSchema = new mongoose.Schema({
     openRouterModels: [{ 
         id: String, 
         name: String, 
+        apiUrl: String, // NEW: Custom API URL for this model
         isCustom: { type: Boolean, default: false } 
     }]
 });

pages/AIAssistant.tsx

@@ -26,6 +26,45 @@ const blobToBase64 = (blob: Blob): Promise<string> => {
   });
 };
 
+// Optimized Image Compression Utility
+const compressImage = (file: File, maxWidth = 1600, quality = 0.7): Promise<string> => {
+  return new Promise((resolve, reject) => {
+    const reader = new FileReader();
+    reader.readAsDataURL(file);
+    reader.onload = (event) => {
+      const img = new Image();
+      img.src = event.target?.result as string;
+      img.onload = () => {
+        const canvas = document.createElement('canvas');
+        let width = img.width;
+        let height = img.height;
+
+        if (width > maxWidth) {
+          height = Math.round((height * maxWidth) / width);
+          width = maxWidth;
+        }
+
+        canvas.width = width;
+        canvas.height = height;
+        const ctx = canvas.getContext('2d');
+        if (!ctx) {
+            reject(new Error('Canvas context failed'));
+            return;
+        }
+        ctx.drawImage(img, 0, 0, width, height);
+        
+        // Output as JPEG with quality reduction
+        const dataUrl = canvas.toDataURL('image/jpeg', quality);
+        // Remove prefix to get raw base64
+        const base64 = dataUrl.split(',')[1];
+        resolve(base64);
+      };
+      img.onerror = (err) => reject(err);
+    };
+    reader.onerror = (err) => reject(err);
+  });
+};
+
 const fileToBase64 = (file: File): Promise<string> => {
   return new Promise((resolve, reject) => {
     const reader = new FileReader();
@@ -165,6 +204,7 @@ export const AIAssistant: React.FC = () => {
     const [orModels, setOrModels] = useState<OpenRouterModelConfig[]>([]);
     const [newModelId, setNewModelId] = useState('');
     const [newModelName, setNewModelName] = useState('');
+    const [newModelApiUrl, setNewModelApiUrl] = useState('');
 
     // Audio Refs
     const mediaRecorderRef = useRef<MediaRecorder | null>(null);
@@ -516,12 +556,13 @@ export const AIAssistant: React.FC = () => {
         if (selectedImages.length === 0) return;
         setAssessmentStatus('UPLOADING');
         try {
-            const base64Promises = selectedImages.map(file => fileToBase64(file));
+            // Updated to use compressImage instead of fileToBase64
+            const base64Promises = selectedImages.map(file => compressImage(file));
             const base64Images = await Promise.all(base64Promises);
             handleAssessmentStreamingSubmit({ images: base64Images });
         } catch(e) {
             setAssessmentStatus('IDLE');
-            setToast({ show: true, message: '图片上传失败', type: 'error' });
+            setToast({ show: true, message: '图片压缩上传失败', type: 'error' });
         }
     };
 
@@ -559,8 +600,14 @@ export const AIAssistant: React.FC = () => {
     };
     const handleAddModel = () => {
         if (!newModelId.trim()) return;
-        setOrModels([...orModels, { id: newModelId.trim(), name: newModelName.trim() || newModelId.trim(), isCustom: true }]);
-        setNewModelId(''); setNewModelName('');
+        // Include newModelApiUrl
+        setOrModels([...orModels, { 
+            id: newModelId.trim(), 
+            name: newModelName.trim() || newModelId.trim(), 
+            apiUrl: newModelApiUrl.trim() || undefined,
+            isCustom: true 
+        }]);
+        setNewModelId(''); setNewModelName(''); setNewModelApiUrl('');
     };
     const handleRemoveModel = (idx: number) => setOrModels(orModels.filter((_, i) => i !== idx));
     const handleMoveModel = (idx: number, direction: -1 | 1) => {
@@ -582,7 +629,6 @@ export const AIAssistant: React.FC = () => {
 
     // --- ADMIN VIEW ---
     if (isAdmin) {
-        // (Admin View JSX - Same as before, omitted for brevity as it was not part of the requested change logic, but included in full code return)
         return (
             <div className="p-6 md:p-10 max-w-5xl mx-auto space-y-8 animate-in fade-in pb-20 overflow-y-auto h-full">
                 {toast.show && <Toast message={toast.message} type={toast.type} onClose={()=>setToast({...toast, show: false})}/>}
@@ -647,16 +693,21 @@ export const AIAssistant: React.FC = () => {
                             <div className="flex gap-2"><input className="flex-1 border border-gray-300 rounded px-3 py-1.5 text-sm outline-none focus:ring-2 focus:ring-blue-500" placeholder="输入 Gemini API Key" value={newGeminiKey} onChange={e => setNewGeminiKey(e.target.value)}/><button onClick={() => handleAddKey('gemini')} className="bg-gray-100 hover:bg-gray-200 text-gray-600 px-3 py-1.5 rounded border border-gray-300"><Plus size={16}/></button></div>
                         </div>
                         <div>
-                            <div className="flex items-center justify-between mb-2"><label className="text-sm font-bold text-gray-700">OpenRouter 密钥池</label><span className="text-xs bg-purple-100 text-purple-700 px-2 py-0.5 rounded-full">{openRouterKeys.length} 个</span></div>
-                            <p className="text-xs text-gray-400 mb-3">备用线路。</p>
+                            <div className="flex items-center justify-between mb-2"><label className="text-sm font-bold text-gray-700">OpenRouter (通用) 密钥池</label><span className="text-xs bg-purple-100 text-purple-700 px-2 py-0.5 rounded-full">{openRouterKeys.length} 个</span></div>
+                            <p className="text-xs text-gray-400 mb-3">备用线路。所有下方“大模型列表”中的模型都将使用这里的 Key。</p>
                             <div className="space-y-2 mb-3">{openRouterKeys.map((k, idx) => (<div key={idx} className="flex gap-2 items-center bg-gray-50 p-2 rounded border border-gray-200"><div className="flex-1 font-mono text-xs text-gray-600 truncate">{k.substring(0, 8)}...{k.substring(k.length - 6)}</div><button onClick={() => removeKey('openrouter', idx)} className="text-gray-400 hover:text-red-500"><Trash2 size={14}/></button></div>))}</div>
-                            <div className="flex gap-2"><input className="flex-1 border border-gray-300 rounded px-3 py-1.5 text-sm outline-none focus:ring-2 focus:ring-purple-500" placeholder="输入 OpenRouter API Key" value={newOpenRouterKey} onChange={e => setNewOpenRouterKey(e.target.value)}/><button onClick={() => handleAddKey('openrouter')} className="bg-gray-100 hover:bg-gray-200 text-gray-600 px-3 py-1.5 rounded border border-gray-300"><Plus size={16}/></button></div>
+                            <div className="flex gap-2"><input className="flex-1 border border-gray-300 rounded px-3 py-1.5 text-sm outline-none focus:ring-2 focus:ring-purple-500" placeholder="输入 API Key" value={newOpenRouterKey} onChange={e => setNewOpenRouterKey(e.target.value)}/><button onClick={() => handleAddKey('openrouter')} className="bg-gray-100 hover:bg-gray-200 text-gray-600 px-3 py-1.5 rounded border border-gray-300"><Plus size={16}/></button></div>
                         </div>
                     </div>
                     <div className="mt-8 border-t border-gray-100 pt-6">
-                        <div className="flex justify-between items-center mb-4"><h4 className="font-bold text-gray-700 text-sm">OpenRouter 大模型列表管理</h4></div>
-                        <div className="space-y-2 mb-4 bg-gray-50 p-3 rounded-lg border border-gray-200">{orModels.map((m, idx) => (<div key={idx} className="flex items-center gap-2 bg-white p-2 rounded border border-gray-100 shadow-sm"><div className="flex flex-col gap-0.5 px-1"><button onClick={()=>handleMoveModel(idx, -1)} className="text-gray-400 hover:text-blue-500 disabled:opacity-30" disabled={idx===0}><ArrowUp size={12}/></button><button onClick={()=>handleMoveModel(idx, 1)} className="text-gray-400 hover:text-blue-500 disabled:opacity-30" disabled={idx===orModels.length-1}><ArrowDown size={12}/></button></div><div className="flex-1"><div className="text-sm font-bold text-gray-800">{m.name || m.id}</div><div className="text-xs text-gray-400 font-mono">{m.id}</div></div><div className="flex items-center gap-2">{m.isCustom ? (<span className="text-[10px] bg-blue-50 text-blue-600 px-2 py-0.5 rounded">自定义</span>) : (<span className="text-[10px] bg-gray-100 text-gray-500 px-2 py-0.5 rounded">内置</span>)}<button onClick={() => handleRemoveModel(idx)} className={`p-1.5 rounded transition-colors ${m.isCustom ? 'text-gray-400 hover:text-red-500 hover:bg-red-50' : 'text-gray-200 cursor-not-allowed'}`} disabled={!m.isCustom}><Trash2 size={16}/></button></div></div>))}</div>
-                        <div className="flex gap-2 items-end bg-gray-50 p-3 rounded-lg border border-gray-200"><div className="flex-1"><label className="text-xs text-gray-500 mb-1 block">模型 ID</label><input className="w-full border border-gray-300 rounded px-2 py-1.5 text-sm" value={newModelId} onChange={e=>setNewModelId(e.target.value)} placeholder="如: openai/gpt-4o"/></div><div className="flex-1"><label className="text-xs text-gray-500 mb-1 block">显示名称</label><input className="w-full border border-gray-300 rounded px-2 py-1.5 text-sm" value={newModelName} onChange={e=>setNewModelName(e.target.value)} placeholder="名称"/></div><button onClick={handleAddModel} className="bg-indigo-600 text-white px-4 py-1.5 rounded text-sm hover:bg-indigo-700 h-9">添加</button></div>
+                        <div className="flex justify-between items-center mb-4"><h4 className="font-bold text-gray-700 text-sm">OpenAI 格式大模型列表管理</h4></div>
+                        <div className="space-y-2 mb-4 bg-gray-50 p-3 rounded-lg border border-gray-200">{orModels.map((m, idx) => (<div key={idx} className="flex items-center gap-2 bg-white p-2 rounded border border-gray-100 shadow-sm"><div className="flex flex-col gap-0.5 px-1"><button onClick={()=>handleMoveModel(idx, -1)} className="text-gray-400 hover:text-blue-500 disabled:opacity-30" disabled={idx===0}><ArrowUp size={12}/></button><button onClick={()=>handleMoveModel(idx, 1)} className="text-gray-400 hover:text-blue-500 disabled:opacity-30" disabled={idx===orModels.length-1}><ArrowDown size={12}/></button></div><div className="flex-1 min-w-0"><div className="text-sm font-bold text-gray-800">{m.name || m.id}</div><div className="text-xs text-gray-400 font-mono truncate" title={m.id}>ID: {m.id}</div>{m.apiUrl && <div className="text-[10px] text-blue-500 truncate" title={m.apiUrl}>API: {m.apiUrl}</div>}</div><div className="flex items-center gap-2">{m.isCustom ? (<span className="text-[10px] bg-blue-50 text-blue-600 px-2 py-0.5 rounded">自定义</span>) : (<span className="text-[10px] bg-gray-100 text-gray-500 px-2 py-0.5 rounded">内置</span>)}<button onClick={() => handleRemoveModel(idx)} className={`p-1.5 rounded transition-colors ${m.isCustom ? 'text-gray-400 hover:text-red-500 hover:bg-red-50' : 'text-gray-200 cursor-not-allowed'}`} disabled={!m.isCustom}><Trash2 size={16}/></button></div></div>))}</div>
+                        <div className="flex flex-col md:flex-row gap-2 items-end bg-gray-50 p-3 rounded-lg border border-gray-200">
+                            <div className="flex-1 w-full"><label className="text-xs text-gray-500 mb-1 block">模型 ID *</label><input className="w-full border border-gray-300 rounded px-2 py-1.5 text-sm" value={newModelId} onChange={e=>setNewModelId(e.target.value)} placeholder="如: gpt-4o"/></div>
+                            <div className="flex-1 w-full"><label className="text-xs text-gray-500 mb-1 block">显示名称</label><input className="w-full border border-gray-300 rounded px-2 py-1.5 text-sm" value={newModelName} onChange={e=>setNewModelName(e.target.value)} placeholder="如: GPT-4o"/></div>
+                            <div className="flex-[1.5] w-full"><label className="text-xs text-gray-500 mb-1 block">API URL (选填, 默认 OpenRouter)</label><input className="w-full border border-gray-300 rounded px-2 py-1.5 text-sm" value={newModelApiUrl} onChange={e=>setNewModelApiUrl(e.target.value)} placeholder="https://api.openai.com/v1"/></div>
+                            <button onClick={handleAddModel} className="bg-indigo-600 text-white px-4 py-1.5 rounded text-sm hover:bg-indigo-700 h-9 w-full md:w-auto">添加</button>
+                        </div>
                     </div>
                 </div>
             </div>
@@ -665,7 +716,7 @@ export const AIAssistant: React.FC = () => {
 
     if (!systemConfig?.enableAI) return <div className="flex flex-col items-center justify-center h-full text-center p-6 space-y-4"><div className="bg-gray-100 p-6 rounded-full"><Bot size={48} className="text-gray-400 grayscale"/></div><h2 className="text-xl font-bold text-gray-700">AI 助手维护中</h2><p className="text-gray-500 max-w-md">管理员已暂时关闭 AI 服务。</p></div>;
 
-    // ... (Main Render)
+    // ... (Main Render remains same as provided in previous file, utilizing new compressImage in confirmImageSubmission)
     return (
         <div className="h-full flex flex-col bg-slate-50 overflow-hidden relative">
             {toast.show && <Toast message={toast.message} type={toast.type} onClose={()=>setToast({...toast, show: false})}/>}
@@ -751,7 +802,7 @@ export const AIAssistant: React.FC = () => {
                                                 <>
                                                     <ImageIcon className="mx-auto text-purple-300 mb-2" size={40}/>
                                                     <p className="text-purple-600 font-bold">点击上传作业图片</p>
-                                                    <p className="text-xs text-gray-400">支持批量上传 • 自动批改</p>
+                                                    <p className="text-xs text-gray-400">支持批量上传 • 自动压缩处理</p>
                                                 </>
                                             ) : (
                                                 <div className="z-0 w-full pointer-events-none opacity-50 flex items-center justify-center">
@@ -784,7 +835,7 @@ export const AIAssistant: React.FC = () => {
                                                 className="mt-6 w-full px-8 py-3 bg-purple-600 text-white rounded-lg font-bold hover:bg-purple-700 flex items-center justify-center gap-2 shadow-md transition-all"
                                             >
                                                 {assessmentStatus !== 'IDLE' ? <Loader2 className="animate-spin" size={18}/> : <CheckCircle size={18}/>}
-                                                {assessmentStatus === 'UPLOADING' ? '上传中...' : assessmentStatus === 'ANALYZING' ? 'AI 正在分析...' : assessmentStatus === 'TTS' ? '生成语音...' : `开始批改 (${selectedImages.length}张)`}
+                                                {assessmentStatus === 'UPLOADING' ? '压缩上传中...' : assessmentStatus === 'ANALYZING' ? 'AI 正在分析...' : assessmentStatus === 'TTS' ? '生成语音...' : `开始批改 (${selectedImages.length}张)`}
                                             </button>
                                         )}
                                     </div>
@@ -839,4 +890,4 @@ export const AIAssistant: React.FC = () => {
             )}
         </div>
     );
-};
+};

pages/AchievementTeacher.tsx

@@ -107,7 +107,7 @@ export const AchievementTeacher: React.FC<{className?: string}> = ({ className }
         setToast({ show: true, message: '添加成功', type: 'success' });
     };
 
-    // New Manual Sort Logic (Swapping)
+    // Manual Sort Logic (Swapping)
     const handleMoveItem = (item: AchievementItem, direction: number) => {
         if (!config) return;
         const allItems = [...config.achievements];

types.ts

@@ -168,6 +168,7 @@ export interface Notification {
 export interface OpenRouterModelConfig {
   id: string; // The model name (e.g., qwen/qwen3-coder:free)
   name?: string; // Optional friendly name
+  apiUrl?: string; // Optional custom API URL
   isCustom: boolean; // Built-in vs Custom
 }