Upload 67 files

components/ai/AssessmentPanel.tsx

@@ -15,6 +15,7 @@ export const AssessmentPanel: React.FC<AssessmentPanelProps> = ({ currentUser })
     const [selectedImages, setSelectedImages] = useState<File[]>([]);
     const [isAssessmentRecording, setIsAssessmentRecording] = useState(false);
     const [assessmentStatus, setAssessmentStatus] = useState<'IDLE' | 'UPLOADING' | 'ANALYZING' | 'TTS' | 'COMPLETED'>('IDLE');
+    const [isMobile, setIsMobile] = useState(false);
     
     // Playback state for the report card
     const [isPlayingResponse, setIsPlayingResponse] = useState(false);
@@ -35,11 +36,19 @@ export const AssessmentPanel: React.FC<AssessmentPanelProps> = ({ currentUser })
     const recordingStartTimeRef = useRef<number>(0);
     const cameraInputRef = useRef<HTMLInputElement>(null);
 
-    // Initialize AudioContext
+    // Initialize AudioContext & Check Mobile
     useEffect(() => {
         // @ts-ignore
         const AudioCtor = window.AudioContext || window.webkitAudioContext;
         audioContextRef.current = new AudioCtor();
+        
+        const checkMobile = () => {
+            const userAgent = navigator.userAgent || navigator.vendor || (window as any).opera;
+            const mobile = /android|webos|iphone|ipad|ipod|blackberry|iemobile|opera mini/i.test(userAgent.toLowerCase());
+            setIsMobile(mobile);
+        };
+        checkMobile();
+
         return () => {
             forceStopPlayback();
             window.speechSynthesis.cancel();
@@ -291,7 +300,7 @@ export const AssessmentPanel: React.FC<AssessmentPanelProps> = ({ currentUser })
                         <span className="flex items-center"><Brain className="mr-2 text-purple-600"/> 今日测评题目</span>
                         <div className="flex bg-gray-100 p-1 rounded-lg text-xs font-medium">
                             <button onClick={()=>setAssessmentMode('audio')} className={`px-3 py-1 rounded-md transition-all ${assessmentMode==='audio'?'bg-white shadow text-purple-600':'text-gray-500'}`}>语音回答</button>
-                            <button onClick={()=>setAssessmentMode('image')} className={`px-3 py-1 rounded-md transition-all ${assessmentMode==='image'?'bg-white shadow text-purple-600':'text-gray-500'}`}>拍照上传</button>
+                            <button onClick={()=>setAssessmentMode('image')} className={`px-3 py-1 rounded-md transition-all ${assessmentMode==='image'?'bg-white shadow text-purple-600':'text-gray-500'}`}>{isMobile ? '拍照上传' : '图片上传'}</button>
                         </div>
                     </h3>
                     <textarea className="w-full bg-purple-50/50 border border-purple-100 rounded-xl p-4 text-gray-700 font-medium text-lg resize-none focus:ring-2 focus:ring-purple-200 outline-none" value={assessmentTopic} onChange={e => setAssessmentTopic(e.target.value)} rows={3}/>
@@ -321,15 +330,18 @@ export const AssessmentPanel: React.FC<AssessmentPanelProps> = ({ currentUser })
                                         onChange={handleImageUpload}
                                         onClick={(e) => (e.currentTarget.value = '')}
                                     />
-                                    <input 
-                                        type="file" 
-                                        accept="image/*" 
-                                        capture="environment"
-                                        className="hidden" 
-                                        ref={cameraInputRef}
-                                        onChange={handleImageUpload}
-                                        onClick={(e) => (e.currentTarget.value = '')}
-                                    />
+                                    
+                                    {isMobile && (
+                                        <input 
+                                            type="file" 
+                                            accept="image/*" 
+                                            capture="environment"
+                                            className="hidden" 
+                                            ref={cameraInputRef}
+                                            onChange={handleImageUpload}
+                                            onClick={(e) => (e.currentTarget.value = '')}
+                                        />
+                                    )}
                                     
                                     {selectedImages.length === 0 ? (
                                         <>
@@ -337,14 +349,16 @@ export const AssessmentPanel: React.FC<AssessmentPanelProps> = ({ currentUser })
                                             <p className="text-purple-600 font-bold mb-1">上传作业图片</p>
                                             <div className="flex gap-2">
                                                 <label htmlFor="assessment-file-upload" className="px-4 py-2 bg-white border border-purple-200 rounded-lg text-sm font-bold text-purple-600 hover:bg-purple-50 cursor-pointer shadow-sm">
-                                                    从相册选择
+                                                    从相册/文件选择
                                                 </label>
-                                                <button 
-                                                    onClick={() => cameraInputRef.current?.click()}
-                                                    className="px-4 py-2 bg-purple-600 text-white rounded-lg text-sm font-bold hover:bg-purple-700 flex items-center gap-1 shadow-sm"
-                                                >
-                                                    <Camera size={14}/> 拍照
-                                                </button>
+                                                {isMobile && (
+                                                    <button 
+                                                        onClick={() => cameraInputRef.current?.click()}
+                                                        className="px-4 py-2 bg-purple-600 text-white rounded-lg text-sm font-bold hover:bg-purple-700 flex items-center gap-1 shadow-sm"
+                                                    >
+                                                        <Camera size={14}/> 拍照
+                                                    </button>
+                                                )}
                                             </div>
                                             <p className="text-xs text-gray-400 mt-2">支持批量上传 • 自动压缩处理</p>
                                         </>
@@ -353,10 +367,14 @@ export const AssessmentPanel: React.FC<AssessmentPanelProps> = ({ currentUser })
                                             <label htmlFor="assessment-file-upload" className="flex items-center text-purple-400 font-bold cursor-pointer hover:text-purple-600">
                                                 <Plus className="mr-1" size={20}/> 继续添加
                                             </label>
-                                            <span className="text-gray-300">|</span>
-                                            <button onClick={() => cameraInputRef.current?.click()} className="flex items-center text-purple-400 font-bold cursor-pointer hover:text-purple-600">
-                                                <Camera className="mr-1" size={20}/> 拍照
-                                            </button>
+                                            {isMobile && (
+                                                <>
+                                                    <span className="text-gray-300">|</span>
+                                                    <button onClick={() => cameraInputRef.current?.click()} className="flex items-center text-purple-400 font-bold cursor-pointer hover:text-purple-600">
+                                                        <Camera className="mr-1" size={20}/> 拍照
+                                                    </button>
+                                                </>
+                                            )}
                                         </div>
                                     )}
                                 </div>

components/ai/ChatPanel.tsx

@@ -29,6 +29,7 @@ export const ChatPanel: React.FC<ChatPanelProps> = ({ currentUser }) => {
     // Input States
     const [textInput, setTextInput] = useState('');
     const [isRecording, setIsRecording] = useState(false);
+    const [isMobile, setIsMobile] = useState(false);
     
     // Config States
     const [enableThinking, setEnableThinking] = useState(false);
@@ -54,11 +55,19 @@ export const ChatPanel: React.FC<ChatPanelProps> = ({ currentUser }) => {
     
     const abortControllerRef = useRef<AbortController | null>(null);
 
-    // Initialize AudioContext
+    // Initialize AudioContext & Check Mobile
     useEffect(() => {
         // @ts-ignore
         const AudioCtor = window.AudioContext || window.webkitAudioContext;
         audioContextRef.current = new AudioCtor();
+        
+        const checkMobile = () => {
+            const userAgent = navigator.userAgent || navigator.vendor || (window as any).opera;
+            const mobile = /android|webos|iphone|ipad|ipod|blackberry|iemobile|opera mini/i.test(userAgent.toLowerCase());
+            setIsMobile(mobile);
+        };
+        checkMobile();
+
         return () => {
             stopPlayback();
             window.speechSynthesis.cancel();
@@ -463,9 +472,11 @@ export const ChatPanel: React.FC<ChatPanelProps> = ({ currentUser }) => {
                             <button onClick={() => fileInputRef.current?.click()} className="p-2 text-gray-500 hover:bg-white hover:text-blue-600 rounded-full transition-colors shrink-0" title="相册/文件">
                                 <ImageIcon size={22}/>
                             </button>
-                            <button onClick={() => cameraInputRef.current?.click()} className="p-2 text-gray-500 hover:bg-white hover:text-blue-600 rounded-full transition-colors shrink-0" title="拍照">
-                                <Camera size={22}/>
-                            </button>
+                            {isMobile && (
+                                <button onClick={() => cameraInputRef.current?.click()} className="p-2 text-gray-500 hover:bg-white hover:text-blue-600 rounded-full transition-colors shrink-0" title="拍照">
+                                    <Camera size={22}/>
+                                </button>
+                            )}
                         </div>
                         
                         <input 
@@ -477,15 +488,18 @@ export const ChatPanel: React.FC<ChatPanelProps> = ({ currentUser }) => {
                             onChange={handleImageSelect}
                             onClick={(e) => (e.currentTarget.value = '')} 
                         />
-                        <input 
-                            type="file" 
-                            accept="image/*" 
-                            capture="environment"
-                            ref={cameraInputRef} 
-                            className="hidden" 
-                            onChange={handleImageSelect}
-                            onClick={(e) => (e.currentTarget.value = '')} 
-                        />
+                        
+                        {isMobile && (
+                            <input 
+                                type="file" 
+                                accept="image/*" 
+                                capture="environment"
+                                ref={cameraInputRef} 
+                                className="hidden" 
+                                onChange={handleImageSelect}
+                                onClick={(e) => (e.currentTarget.value = '')} 
+                            />
+                        )}
 
                         <div className="flex-1 min-h-[40px] flex items-center">
                             {audioAttachment ? (

components/ai/WorkAssistantPanel.tsx

@@ -143,6 +143,7 @@ export const WorkAssistantPanel: React.FC<WorkAssistantPanelProps> = ({ currentU
     const [selectedRole, setSelectedRole] = useState(ROLES[0]);
     const [enableThinking, setEnableThinking] = useState(false);
     const [enableSearch, setEnableSearch] = useState(false);
+    const [isMobile, setIsMobile] = useState(false);
     
     const [messages, setMessages] = useState<AIChatMessage[]>([]);
     const [textInput, setTextInput] = useState('');
@@ -164,8 +165,15 @@ export const WorkAssistantPanel: React.FC<WorkAssistantPanelProps> = ({ currentU
     const docInputRef = useRef<HTMLInputElement>(null);
     const abortControllerRef = useRef<AbortController | null>(null);
 
-    // Smart Scroll
+    // Smart Scroll & Check Mobile
     useEffect(() => {
+        const checkMobile = () => {
+            const userAgent = navigator.userAgent || navigator.vendor || (window as any).opera;
+            const mobile = /android|webos|iphone|ipad|ipod|blackberry|iemobile|opera mini/i.test(userAgent.toLowerCase());
+            setIsMobile(mobile);
+        };
+        checkMobile();
+
         if (!scrollContainerRef.current || !messagesEndRef.current) return;
         const container = scrollContainerRef.current;
         const { scrollTop, scrollHeight, clientHeight } = container;
@@ -599,13 +607,18 @@ export const WorkAssistantPanel: React.FC<WorkAssistantPanelProps> = ({ currentU
                             <button onClick={() => fileInputRef.current?.click()} className="p-2 text-gray-500 hover:bg-white hover:text-blue-600 rounded-full transition-colors shrink-0" title="相册/文件">
                                 <ImageIcon size={22}/>
                             </button>
-                            <button onClick={() => cameraInputRef.current?.click()} className="p-2 text-gray-500 hover:bg-white hover:text-blue-600 rounded-full transition-colors shrink-0" title="拍照">
-                                <Camera size={22}/>
-                            </button>
+                            {isMobile && (
+                                <button onClick={() => cameraInputRef.current?.click()} className="p-2 text-gray-500 hover:bg-white hover:text-blue-600 rounded-full transition-colors shrink-0" title="拍照">
+                                    <Camera size={22}/>
+                                </button>
+                            )}
                         </div>
                         
                         <input type="file" multiple accept="image/*" ref={fileInputRef} className="hidden" onChange={handleImageSelect} onClick={(e) => (e.currentTarget.value = '')} />
-                        <input type="file" accept="image/*" capture="environment" ref={cameraInputRef} className="hidden" onChange={handleImageSelect} onClick={(e) => (e.currentTarget.value = '')} />
+                        
+                        {isMobile && (
+                            <input type="file" accept="image/*" capture="environment" ref={cameraInputRef} className="hidden" onChange={handleImageSelect} onClick={(e) => (e.currentTarget.value = '')} />
+                        )}
 
                         <button onClick={() => docInputRef.current?.click()} className={`p-2 rounded-full transition-colors shrink-0 ${docFile ? 'text-indigo-600 bg-indigo-50' : 'text-gray-500 hover:bg-white hover:text-indigo-600'}`} title="上传文档 (Docx, PDF, Txt)">
                             <Paperclip size={22}/>