Upload 67 files

components/Sidebar.tsx

@@ -1,4 +1,4 @@
-import React, { useState, useEffect, useMemo } from 'react';
+import React, { useState, useEffect, useLayoutEffect } from 'react';
 import { LayoutDashboard, Users, BookOpen, GraduationCap, Settings, LogOut, FileText, School, UserCog, Palette, X, Building, Gamepad2, CalendarCheck, UserCircle, MessageSquare, Bot, ArrowUp, ArrowDown, Save, UserCheck, Download, Smartphone } from 'lucide-react';
 import { UserRole } from '../types';
 import { api } from '../services/api';
@@ -49,17 +49,24 @@ export const Sidebar: React.FC<SidebarProps> = ({ currentView, onChangeView, use
   const [installPrompt, setInstallPrompt] = useState<any>(null);
   const [isStandalone, setIsStandalone] = useState(false);
 
-  // Capture PWA Prompt
-  useEffect(() => {
-    // 1. Check Standalone
+  // Robust PWA Check
+  useLayoutEffect(() => {
     const checkStandalone = () => {
-        const isStandaloneMode = window.matchMedia('(display-mode: standalone)').matches || 
-                                 (window.navigator as any).standalone === true;
+        const isStandaloneMode = 
+            window.matchMedia('(display-mode: standalone)').matches || 
+            (window.navigator as any).standalone === true ||
+            document.referrer.includes('android-app://');
+        
         setIsStandalone(isStandaloneMode);
     };
+    
     checkStandalone();
     window.matchMedia('(display-mode: standalone)').addEventListener('change', checkStandalone);
+    return () => window.matchMedia('(display-mode: standalone)').removeEventListener('change', checkStandalone);
+  }, []);
 
+  // Capture PWA Prompt
+  useEffect(() => {
     if ((window as any).deferredPrompt) {
         setInstallPrompt((window as any).deferredPrompt);
     }
@@ -71,10 +78,7 @@ export const Sidebar: React.FC<SidebarProps> = ({ currentView, onChangeView, use
     };
 
     window.addEventListener('beforeinstallprompt', handler);
-    return () => {
-        window.removeEventListener('beforeinstallprompt', handler);
-        window.matchMedia('(display-mode: standalone)').removeEventListener('change', checkStandalone);
-    };
+    return () => window.removeEventListener('beforeinstallprompt', handler);
   }, []);
 
   const handleInstallClick = async () => {
@@ -199,22 +203,24 @@ export const Sidebar: React.FC<SidebarProps> = ({ currentView, onChangeView, use
         </div>
 
         <div className="p-4 border-t border-slate-700 shrink-0 space-y-2">
-          {!isStandalone && installPrompt && (
-            <button onClick={handleInstallClick} className="w-full flex items-center space-x-3 px-4 py-3 rounded-lg bg-gradient-to-r from-blue-600 to-indigo-600 text-white hover:shadow-lg transition-all duration-200 animate-in fade-in slide-in-from-bottom-2">
-              <Download size={20} />
-              <span className="font-bold">安装到桌面/手机</span>
-            </button>
-          )}
-          
-          {!isStandalone && !installPrompt && (
-             <div className="lg:hidden px-4 py-2 bg-slate-800 rounded-lg text-[10px] text-slate-400 border border-slate-700 flex gap-2 items-start">
-                 <Smartphone size={14} className="mt-0.5 shrink-0"/>
-                 <div>
-                     若未显示安装按钮：
-                     <br/>iOS: 点击分享 → 添加到主屏幕
-                     <br/>Android: 点击菜单 → 安装应用
+          {!isStandalone && (
+             <>
+               {installPrompt ? (
+                <button onClick={handleInstallClick} className="w-full flex items-center space-x-3 px-4 py-3 rounded-lg bg-gradient-to-r from-blue-600 to-indigo-600 text-white hover:shadow-lg transition-all duration-200 animate-in fade-in slide-in-from-bottom-2">
+                  <Download size={20} />
+                  <span className="font-bold">安装到桌面/手机</span>
+                </button>
+               ) : (
+                 <div className="lg:hidden px-4 py-2 bg-slate-800 rounded-lg text-[10px] text-slate-400 border border-slate-700 flex gap-2 items-start">
+                     <Smartphone size={14} className="mt-0.5 shrink-0"/>
+                     <div>
+                         若未显示安装按钮：
+                         <br/>iOS: 点击分享 → 添加到主屏幕
+                         <br/>Android: 点击菜单 → 安装应用
+                     </div>
                  </div>
-             </div>
+               )}
+             </>
           )}
 
           <div className="px-4 py-2 text-xs text-slate-500 flex justify-between">

components/ai/ChatPanel.tsx

@@ -48,10 +48,9 @@ export const ChatPanel: React.FC<ChatPanelProps> = ({ currentUser }) => {
     const audioContextRef = useRef<AudioContext | null>(null);
     const currentSourceRef = useRef<AudioBufferSourceNode | null>(null);
     const messagesEndRef = useRef<HTMLDivElement>(null);
-    const scrollContainerRef = useRef<HTMLDivElement>(null); // New Ref for Scroll Container
+    const scrollContainerRef = useRef<HTMLDivElement>(null); 
     const fileInputRef = useRef<HTMLInputElement>(null);
     
-    // Abort Controller Ref
     const abortControllerRef = useRef<AbortController | null>(null);
 
     // Initialize AudioContext
@@ -80,12 +79,8 @@ export const ChatPanel: React.FC<ChatPanelProps> = ({ currentUser }) => {
     // SMART SCROLL LOGIC
     useEffect(() => {
         if (!scrollContainerRef.current || !messagesEndRef.current) return;
-        
         const container = scrollContainerRef.current;
         const { scrollTop, scrollHeight, clientHeight } = container;
-        
-        // Threshold: If user is within 100px of the bottom, auto-scroll.
-        // Also force scroll if it's a brand new user message (we assume user wants to see their own msg)
         const isNearBottom = scrollHeight - scrollTop - clientHeight < 150;
         const lastMsg = messages[messages.length - 1];
         const isUserMsg = lastMsg?.role === 'user';
@@ -115,7 +110,6 @@ export const ChatPanel: React.FC<ChatPanelProps> = ({ currentUser }) => {
 
     const playAudio = async (msg: AIChatMessage) => {
         stopPlayback();
-        // 1. Try playing pre-generated audio (Gemini TTS)
         if (msg.audio) {
             try {
                 if (!audioContextRef.current) {
@@ -141,7 +135,6 @@ export const ChatPanel: React.FC<ChatPanelProps> = ({ currentUser }) => {
             }
         }
         
-        // 2. Fallback to Browser TTS
         if (!msg.text) return;
         const cleanText = cleanTextForTTS(msg.text);
         const utterance = new SpeechSynthesisUtterance(cleanText);
@@ -153,7 +146,7 @@ export const ChatPanel: React.FC<ChatPanelProps> = ({ currentUser }) => {
     };
 
     const startRecording = async () => {
-        if (audioAttachment) return; // Already has audio
+        if (audioAttachment) return;
         try {
             const stream = await navigator.mediaDevices.getUserMedia({ audio: true });
             const mediaRecorder = new MediaRecorder(stream);
@@ -179,7 +172,7 @@ export const ChatPanel: React.FC<ChatPanelProps> = ({ currentUser }) => {
             mediaRecorderRef.current.onstop = async () => {
                 const audioBlob = new Blob(audioChunksRef.current, { type: 'audio/webm' });
                 const base64 = await blobToBase64(audioBlob);
-                setAudioAttachment(base64); // Save as attachment, don't send yet
+                setAudioAttachment(base64);
                 mediaRecorderRef.current?.stream.getTracks().forEach(track => track.stop());
             };
         }
@@ -204,22 +197,17 @@ export const ChatPanel: React.FC<ChatPanelProps> = ({ currentUser }) => {
         const currentAudio = audioAttachment;
         const currentImages = [...selectedImages]; 
 
-        // Clear Inputs
         setTextInput('');
         setAudioAttachment(null);
         setSelectedImages([]);
 
-        // Ensure Context Ready
         if (audioContextRef.current?.state === 'suspended') {
             try { await audioContextRef.current.resume(); } catch(e){}
         }
         
         setIsChatProcessing(true);
-        
-        // Init Abort Controller
         abortControllerRef.current = new AbortController();
 
-        // Fix: Use UUID to avoid collision
         const newAiMsgId = crypto.randomUUID(); 
         const newUserMsgId = crypto.randomUUID();
 
@@ -239,7 +227,6 @@ export const ChatPanel: React.FC<ChatPanelProps> = ({ currentUser }) => {
 
             setMessages(prev => [...prev, newUserMsg, newAiMsg]);
             
-            // Force scroll to bottom when new user message is added
             setTimeout(() => {
                 messagesEndRef.current?.scrollIntoView({ behavior: 'smooth', block: 'end' });
             }, 100);
@@ -293,7 +280,6 @@ export const ChatPanel: React.FC<ChatPanelProps> = ({ currentUser }) => {
                                     setIsThinkingExpanded(prev => ({ ...prev, [newAiMsgId]: false }));
                                 }
                                 aiTextAccumulated += data.content;
-                                // Clear searching state when text arrives
                                 setMessages(prev => prev.map(m => m.id === newAiMsgId ? { ...m, text: aiTextAccumulated, isSearching: false } : m));
                             } 
                             else if (data.type === 'thinking') {
@@ -301,7 +287,6 @@ export const ChatPanel: React.FC<ChatPanelProps> = ({ currentUser }) => {
                                 setMessages(prev => prev.map(m => m.id === newAiMsgId ? { ...m, thought: aiThoughtAccumulated } : m));
                             }
                             else if (data.type === 'search') {
-                                // Enable search visual explicitly
                                 setMessages(prev => prev.map(m => m.id === newAiMsgId ? { ...m, isSearching: true } : m));
                             }
                             else if (data.type === 'status' && data.status === 'tts') {
@@ -328,13 +313,10 @@ export const ChatPanel: React.FC<ChatPanelProps> = ({ currentUser }) => {
             }
 
         } catch (error: any) {
-            if (error.name === 'AbortError') {
-                // Ignore abort errors
-            } else {
+            if (error.name !== 'AbortError') {
                 setMessages(prev => prev.map(m => m.id === newAiMsgId ? { ...m, text: '抱歉，连接断开或发生错误。', isSearching: false } : m));
             }
         } finally { 
-            // CRITICAL: Ensure states are cleared even if error occurs or stream finishes
             setMessages(prev => prev.map(m => m.id === newAiMsgId ? { ...m, isSearching: false, isGeneratingAudio: false } : m));
             setIsChatProcessing(false);
             abortControllerRef.current = null;
@@ -354,7 +336,7 @@ export const ChatPanel: React.FC<ChatPanelProps> = ({ currentUser }) => {
                     <Trash2 size={14}/> 清除
                 </button>
             </div>
-            {/* Chat History with Ref for Scroll Container */}
+            
             <div ref={scrollContainerRef} className="flex-1 overflow-y-auto p-4 space-y-4 pb-4 custom-scrollbar">
                 {messages.map(msg => (
                     <div key={msg.id} className={`flex gap-3 ${msg.role === 'user' ? 'flex-row-reverse' : ''}`}>
@@ -380,7 +362,6 @@ export const ChatPanel: React.FC<ChatPanelProps> = ({ currentUser }) => {
                                 </div>
                             )}
                             
-                            {/* Search Status Bubble (Added) */}
                             {msg.role === 'model' && msg.isSearching && (
                                 <div className="flex items-center gap-2 bg-blue-50 text-blue-600 px-3 py-2 rounded-xl mb-2 text-xs border border-blue-100 animate-pulse w-fit">
                                     <Globe size={14} className="animate-spin"/>
@@ -439,30 +420,24 @@ export const ChatPanel: React.FC<ChatPanelProps> = ({ currentUser }) => {
                 <div ref={messagesEndRef} />
             </div>
             
-            {/* Input Area */}
             <div className="p-4 bg-white border-t border-gray-200 shrink-0 z-20">
                 <div className="max-w-4xl mx-auto flex flex-col gap-2">
-                    
-                    {/* Toolbar */}
                     <div className="flex justify-between items-center px-1">
                         <div className="flex gap-3">
                             <button 
                                 onClick={() => setEnableThinking(!enableThinking)}
                                 className={`flex items-center gap-1 text-xs px-2 py-1 rounded-md border transition-all ${enableThinking ? 'bg-purple-50 text-purple-600 border-purple-200' : 'bg-gray-50 text-gray-500 border-transparent hover:bg-gray-100'}`}
-                                title="开启后AI将进行深度思考 (仅部分模型支持)"
                             >
                                 <Brain size={14} className={enableThinking ? "fill-current" : ""}/> 深度思考
                             </button>
                             <button 
                                 onClick={() => setEnableSearch(!enableSearch)}
                                 className={`flex items-center gap-1 text-xs px-2 py-1 rounded-md border transition-all ${enableSearch ? 'bg-blue-50 text-blue-600 border-blue-200' : 'bg-gray-50 text-gray-500 border-transparent hover:bg-gray-100'}`}
-                                title="开启后AI将联网搜索最新信息 (仅部分模型支持)"
                             >
                                 <Globe size={14}/> 联网搜索
                             </button>
                         </div>
                     </div>
-                    {/* Attachments Preview */}
                     {(selectedImages.length > 0 || audioAttachment) && (
                         <div className="flex gap-2 overflow-x-auto pb-2">
                             {selectedImages.map((file, idx) => (
@@ -483,7 +458,6 @@ export const ChatPanel: React.FC<ChatPanelProps> = ({ currentUser }) => {
                         </div>
                     )}
                     <div className="flex items-end gap-2 bg-gray-100 p-2 rounded-2xl border border-gray-200">
-                        {/* Image Button */}
                         <button onClick={() => fileInputRef.current?.click()} className="p-2 text-gray-500 hover:bg-white hover:text-blue-600 rounded-full transition-colors shrink-0">
                             <ImageIcon size={22}/>
                         </button>
@@ -494,9 +468,8 @@ export const ChatPanel: React.FC<ChatPanelProps> = ({ currentUser }) => {
                             ref={fileInputRef} 
                             className="hidden" 
                             onChange={handleImageSelect}
-                            onClick={(e) => (e.currentTarget.value = '')} // RESET VALUE
+                            onClick={(e) => (e.currentTarget.value = '')} 
                         />
-                        {/* Input Area */}
                         <div className="flex-1 min-h-[40px] flex items-center">
                             {audioAttachment ? (
                                 <div className="w-full text-center text-sm text-gray-400 italic bg-transparent">
@@ -518,13 +491,19 @@ export const ChatPanel: React.FC<ChatPanelProps> = ({ currentUser }) => {
                                 />
                             )}
                         </div>
-                        {/* Right Actions */}
                         {isChatProcessing ? (
                             <button onClick={handleStopGeneration} className="p-2 bg-red-500 text-white rounded-full hover:bg-red-600 transition-all shrink-0 shadow-sm animate-pulse" title="停止生成">
                                 <Square size={20} fill="currentColor"/>
                             </button>
                         ) : ((textInput.trim() || audioAttachment || selectedImages.length > 0) ? (
-                            <button onClick={handleSubmit} className="p-2 bg-blue-600 text-white rounded-full hover:bg-blue-700 transition-all shrink-0 shadow-sm disabled:opacity-50">
+                            <button 
+                                onClick={handleSubmit} 
+                                // FIX: Add onMouseDown/onTouchEnd to prevent focus loss issues on mobile
+                                onMouseDown={(e) => e.preventDefault()}
+                                onTouchEnd={(e) => { e.preventDefault(); handleSubmit(); }}
+                                type="button"
+                                className="p-2 bg-blue-600 text-white rounded-full hover:bg-blue-700 transition-all shrink-0 shadow-sm disabled:opacity-50"
+                            >
                                 <Send size={20}/>
                             </button>
                         ) : (
@@ -533,7 +512,7 @@ export const ChatPanel: React.FC<ChatPanelProps> = ({ currentUser }) => {
                                 onMouseUp={stopRecording} 
                                 onTouchStart={startRecording} 
                                 onTouchEnd={stopRecording}
-                                onContextMenu={(e) => { e.preventDefault(); e.stopPropagation(); }} // Prevent menu on long press
+                                onContextMenu={(e) => { e.preventDefault(); e.stopPropagation(); }} 
                                 className={`p-2 rounded-full transition-all shrink-0 select-none ${isRecording ? 'bg-red-500 text-white scale-110 shadow-lg ring-4 ring-red-200' : 'bg-gray-200 text-gray-600 hover:bg-gray-300'}`}
                             >
                                 {isRecording ? <StopCircle size={22}/> : <Mic size={22}/>}
@@ -545,4 +524,4 @@ export const ChatPanel: React.FC<ChatPanelProps> = ({ currentUser }) => {
             </div>
         </div>
     );
-};
+};

components/ai/WorkAssistantPanel.tsx

@@ -144,24 +144,21 @@ export const WorkAssistantPanel: React.FC<WorkAssistantPanelProps> = ({ currentU
     const [enableThinking, setEnableThinking] = useState(false);
     const [enableSearch, setEnableSearch] = useState(false);
     
-    // Chat State
     const [messages, setMessages] = useState<AIChatMessage[]>([]);
     const [textInput, setTextInput] = useState('');
     const [selectedImages, setSelectedImages] = useState<File[]>([]);
     
-    // Document State
     const [docFile, setDocFile] = useState<File | null>(null);
     const [docContent, setDocContent] = useState<string>('');
     const [docLoading, setDocLoading] = useState(false);
 
     const [isProcessing, setIsProcessing] = useState(false);
     
-    // UI State
     const [toast, setToast] = useState<ToastState>({ show: false, message: '', type: 'success' });
     const [isThinkingExpanded, setIsThinkingExpanded] = useState<Record<string, boolean>>({});
     
     const messagesEndRef = useRef<HTMLDivElement>(null);
-    const scrollContainerRef = useRef<HTMLDivElement>(null); // New Scroll Container
+    const scrollContainerRef = useRef<HTMLDivElement>(null); 
     const fileInputRef = useRef<HTMLInputElement>(null);
     const docInputRef = useRef<HTMLInputElement>(null);
     const abortControllerRef = useRef<AbortController | null>(null);
@@ -169,11 +166,8 @@ export const WorkAssistantPanel: React.FC<WorkAssistantPanelProps> = ({ currentU
     // Smart Scroll
     useEffect(() => {
         if (!scrollContainerRef.current || !messagesEndRef.current) return;
-        
         const container = scrollContainerRef.current;
         const { scrollTop, scrollHeight, clientHeight } = container;
-        
-        // Auto scroll if user is near bottom OR if it's a new user prompt (start of turn)
         const isNearBottom = scrollHeight - scrollTop - clientHeight < 150;
         const lastMsg = messages[messages.length - 1];
         const isUserMsg = lastMsg?.role === 'user';
@@ -237,7 +231,6 @@ export const WorkAssistantPanel: React.FC<WorkAssistantPanelProps> = ({ currentU
         const currentDocText = docContent;
         const currentDocName = docFile?.name;
         
-        // Reset Inputs
         setTextInput('');
         setSelectedImages([]);
         clearDoc();
@@ -248,10 +241,8 @@ export const WorkAssistantPanel: React.FC<WorkAssistantPanelProps> = ({ currentU
         const aiMsgId = crypto.randomUUID();
 
         try {
-            // Process Images to Base64
             const base64Images = await Promise.all(currentImages.map(f => compressImage(f)));
 
-            // User Message
             const newUserMsg: AIChatMessage = { 
                 id: userMsgId, 
                 role: 'user', 
@@ -260,7 +251,6 @@ export const WorkAssistantPanel: React.FC<WorkAssistantPanelProps> = ({ currentU
                 timestamp: Date.now() 
             };
             
-            // AI Placeholder
             const newAiMsg: AIChatMessage = { 
                 id: aiMsgId, 
                 role: 'model', 
@@ -273,7 +263,6 @@ export const WorkAssistantPanel: React.FC<WorkAssistantPanelProps> = ({ currentU
 
             setMessages(prev => [...prev, newUserMsg, newAiMsg]);
             
-            // Force scroll to bottom on submit
             setTimeout(() => {
                 messagesEndRef.current?.scrollIntoView({ behavior: 'smooth', block: 'end' });
             }, 100);
@@ -282,18 +271,14 @@ export const WorkAssistantPanel: React.FC<WorkAssistantPanelProps> = ({ currentU
                 setIsThinkingExpanded(prev => ({ ...prev, [aiMsgId]: true }));
             }
 
-            // Inject Image Count into System Prompt
             const dynamicSystemPrompt = selectedRole.prompt.replace(/{{IMAGE_COUNT}}/g, String(base64Images.length));
 
-            // Construct Final Prompt
             let finalPrompt = currentText;
             
-            // Add Doc Content
             if (currentDocText) {
                 finalPrompt += `\n\n【参考文档内容 (${currentDocName})】:\n${currentDocText}\n\n请根据上述文档内容和我的要求进行创作。`;
             }
 
-            // Add Image Logic
             if (base64Images.length > 0) {
                 finalPrompt += `\n\n[系统提示] 用户上传了 ${base64Images.length} 张图片。请务必在文章中合理位置插入 （图1-图X） 格式的占位符。`;
             } else {
@@ -311,7 +296,7 @@ export const WorkAssistantPanel: React.FC<WorkAssistantPanelProps> = ({ currentU
                 body: JSON.stringify({ 
                     text: finalPrompt, 
                     images: base64Images, 
-                    history: [], // Work assistant keeps context short
+                    history: [], 
                     enableThinking,
                     enableSearch,
                     overrideSystemPrompt: dynamicSystemPrompt, 
@@ -355,7 +340,6 @@ export const WorkAssistantPanel: React.FC<WorkAssistantPanelProps> = ({ currentU
                                 aiTextAccumulated += data.content;
                                 setMessages(prev => prev.map(m => m.id === aiMsgId ? { ...m, text: aiTextAccumulated, isSearching: false } : m));
                             } else if (data.type === 'search') {
-                                // Enable search visual
                                 setMessages(prev => prev.map(m => m.id === aiMsgId ? { ...m, isSearching: true } : m));
                             } else if (data.type === 'error') {
                                 setMessages(prev => prev.map(m => m.id === aiMsgId ? { ...m, text: `⚠️ 错误: ${data.message}`, isSearching: false } : m));
@@ -376,25 +360,19 @@ export const WorkAssistantPanel: React.FC<WorkAssistantPanelProps> = ({ currentU
         }
     };
 
-    /**
-     * Advanced Text Renderer
-     * Detects (图N) or (图N-图M) patterns and renders image grids
-     */
     const renderContent = (text: string, sourceImages: string[] | undefined) => {
         if (!sourceImages || sourceImages.length === 0) {
             return <ReactMarkdown remarkPlugins={[remarkGfm]}>{text}</ReactMarkdown>;
         }
 
-        // Regex to catch: （图1） or （图1-图3） or (图1) ...
         const splitRegex = /(（?图\d+(?:-图\d+)?）?)/g;
         const parts = text.split(splitRegex);
 
         return (
             <div>
                 {parts.map((part, idx) => {
-                    // Check if part matches image placeholder pattern
-                    const rangeMatch = part.match(/图(\d+)-图(\d+)/); // Range: 图1-图5
-                    const singleMatch = part.match(/图(\d+)/); // Single: 图1
+                    const rangeMatch = part.match(/图(\d+)-图(\d+)/); 
+                    const singleMatch = part.match(/图(\d+)/); 
 
                     if (rangeMatch) {
                         const start = parseInt(rangeMatch[1]);
@@ -421,7 +399,6 @@ export const WorkAssistantPanel: React.FC<WorkAssistantPanelProps> = ({ currentU
                             );
                         }
                     } else if (singleMatch && !part.includes('-')) {
-                        // Single Image
                         const imgIndex = parseInt(singleMatch[1]) - 1;
                         if (sourceImages[imgIndex]) {
                             return (
@@ -436,8 +413,6 @@ export const WorkAssistantPanel: React.FC<WorkAssistantPanelProps> = ({ currentU
                             );
                         }
                     }
-
-                    // Standard text
                     return <ReactMarkdown key={idx} remarkPlugins={[remarkGfm]} components={{p: ({node, ...props}) => <p className="mb-2 last:mb-0 inline" {...props}/>}}>{part}</ReactMarkdown>;
                 })}
             </div>
@@ -448,7 +423,6 @@ export const WorkAssistantPanel: React.FC<WorkAssistantPanelProps> = ({ currentU
         <div className="flex flex-col h-full bg-slate-50 relative">
             {toast.show && <Toast message={toast.message} type={toast.type} onClose={()=>setToast({...toast, show: false})}/>}
             
-            {/* Toolbar */}
             <div className="bg-white px-6 py-3 border-b border-gray-200 flex flex-wrap gap-4 items-center justify-between shadow-sm shrink-0 z-20">
                 <div className="flex items-center gap-2">
                     <span className="text-sm font-bold text-gray-700">工作模式:</span>
@@ -497,7 +471,6 @@ export const WorkAssistantPanel: React.FC<WorkAssistantPanelProps> = ({ currentU
                 </div>
             </div>
 
-            {/* Chat Area with Ref for Scroll Container */}
             <div ref={scrollContainerRef} className="flex-1 overflow-y-auto p-6 space-y-6 custom-scrollbar">
                 {messages.length === 0 && (
                     <div className="flex flex-col items-center justify-center h-full text-gray-400 opacity-60">
@@ -544,7 +517,6 @@ export const WorkAssistantPanel: React.FC<WorkAssistantPanelProps> = ({ currentU
                                     </div>
                                 )}
 
-                                {/* Search Status Bubble */}
                                 {msg.role === 'model' && msg.isSearching && (
                                     <div className="flex items-center gap-2 bg-blue-50 text-blue-600 px-3 py-2 rounded-xl mb-2 text-xs border border-blue-100 animate-pulse w-fit">
                                         <Globe size={14} className="animate-spin"/>
@@ -553,7 +525,6 @@ export const WorkAssistantPanel: React.FC<WorkAssistantPanelProps> = ({ currentU
                                 )}
 
                                 <div className={`p-5 rounded-2xl shadow-sm text-sm overflow-hidden relative group w-full ${msg.role === 'user' ? 'bg-blue-600 text-white rounded-tr-none' : 'bg-white text-gray-800 border border-gray-100 rounded-tl-none'}`}>
-                                    {/* User Image Preview Grid */}
                                     {msg.role === 'user' && sourceImages.length > 0 && (
                                         <div className="grid grid-cols-4 gap-2 mb-3">
                                             {sourceImages.map((img, i) => (
@@ -565,12 +536,10 @@ export const WorkAssistantPanel: React.FC<WorkAssistantPanelProps> = ({ currentU
                                         </div>
                                     )}
 
-                                    {/* Content Rendering */}
                                     <div className={`markdown-body ${msg.role === 'user' ? 'text-white' : ''}`}>
                                         {msg.role === 'model' ? renderContent(msg.text || '', sourceImages) : <p className="whitespace-pre-wrap">{msg.text}</p>}
                                     </div>
 
-                                    {/* Copy Button for Model */}
                                     {msg.role === 'model' && !isProcessing && (
                                         <button 
                                             onClick={() => handleCopy(msg.text || '')} 
@@ -596,14 +565,10 @@ export const WorkAssistantPanel: React.FC<WorkAssistantPanelProps> = ({ currentU
                 <div ref={messagesEndRef} />
             </div>
 
-            {/* Input Area */}
             <div className="bg-white border-t border-gray-200 p-4 z-20">
                 <div className="max-w-4xl mx-auto flex flex-col gap-3">
-                    
-                    {/* Attachments Preview */}
                     {(selectedImages.length > 0 || docFile) && (
                         <div className="flex gap-2 overflow-x-auto pb-2 px-1 custom-scrollbar">
-                            {/* Images */}
                             {selectedImages.map((file, idx) => (
                                 <div key={idx} className="relative w-16 h-16 shrink-0 group rounded-lg overflow-hidden border border-gray-200 shadow-sm">
                                     <img src={URL.createObjectURL(file)} className="w-full h-full object-cover" />
@@ -613,8 +578,6 @@ export const WorkAssistantPanel: React.FC<WorkAssistantPanelProps> = ({ currentU
                                     <div className="absolute bottom-0 right-0 bg-blue-600 text-white text-[9px] px-1 rounded-tl">图{idx+1}</div>
                                 </div>
                             ))}
-                            
-                            {/* Document */}
                             {docFile && (
                                 <div className="relative h-16 px-3 bg-indigo-50 border border-indigo-200 rounded-lg flex items-center justify-center shrink-0 min-w-[120px] max-w-[200px]">
                                     <div className="flex flex-col items-start overflow-hidden">
@@ -660,7 +623,10 @@ export const WorkAssistantPanel: React.FC<WorkAssistantPanelProps> = ({ currentU
                             </button>
                         ) : (
                             <button 
-                                onClick={handleSubmit} 
+                                onClick={handleSubmit}
+                                onMouseDown={(e) => e.preventDefault()}
+                                onTouchEnd={(e) => { e.preventDefault(); handleSubmit(); }}
+                                type="button"
                                 disabled={(!textInput.trim() && selectedImages.length === 0 && !docFile) || isProcessing || docLoading}
                                 className={`p-3 rounded-xl transition-all shrink-0 shadow-sm ${(!textInput.trim() && selectedImages.length === 0 && !docFile) || isProcessing || docLoading ? 'bg-gray-200 text-gray-400 cursor-not-allowed' : 'bg-indigo-600 text-white hover:bg-indigo-700 hover:scale-105'}`}
                             >
@@ -676,4 +642,4 @@ export const WorkAssistantPanel: React.FC<WorkAssistantPanelProps> = ({ currentU
             </div>
         </div>
     );
-};
+};

utils/documentParser.ts

@@ -1,9 +1,4 @@
 
-// @ts-ignore
-import mammoth from 'mammoth';
-// @ts-ignore
-import * as pdfjsProxy from 'pdfjs-dist';
-
 export interface ParsedDocument {
     fileName: string;
     content: string;
@@ -33,7 +28,16 @@ const parseTxt = (file: File): Promise<string> => {
     });
 };
 
-const parseDocx = (file: File): Promise<string> => {
+const parseDocx = async (file: File): Promise<string> => {
+    // Dynamic import to prevent page crash if module is missing
+    let mammoth;
+    try {
+        // @ts-ignore
+        mammoth = await import('mammoth');
+    } catch (e) {
+        throw new Error('无法加载文档解析组件(mammoth)，请检查网络连接。');
+    }
+
     return new Promise((resolve, reject) => {
         const reader = new FileReader();
         reader.onload = (e) => {
@@ -48,40 +52,39 @@ const parseDocx = (file: File): Promise<string> => {
 };
 
 const parsePdf = async (file: File): Promise<string> => {
-    // Lazy initialize worker to prevent top-level await/import crashes
+    // Dynamic import
+    let pdfjsLib: any;
     try {
-        const pdfjsLib = (pdfjsProxy as any).default || pdfjsProxy;
-        if (pdfjsLib && !pdfjsLib.GlobalWorkerOptions.workerSrc) {
+        // @ts-ignore
+        const pdfjsModule = await import('pdfjs-dist');
+        pdfjsLib = pdfjsModule.default || pdfjsModule;
+        if (!pdfjsLib.GlobalWorkerOptions.workerSrc) {
             pdfjsLib.GlobalWorkerOptions.workerSrc = 'https://esm.sh/pdfjs-dist@3.11.174/build/pdf.worker.min.js';
         }
-        
-        return new Promise((resolve, reject) => {
-            const reader = new FileReader();
-            reader.onload = async (e) => {
-                try {
-                    const typedarray = new Uint8Array(e.target?.result as ArrayBuffer);
-                    if (!pdfjsLib || !pdfjsLib.getDocument) {
-                        throw new Error('PDF.js library not loaded correctly');
-                    }
-                    const pdf = await pdfjsLib.getDocument(typedarray).promise;
-                    let fullText = '';
-                    
-                    for (let i = 1; i <= pdf.numPages; i++) {
-                        const page = await pdf.getPage(i);
-                        const textContent = await page.getTextContent();
-                        const pageText = textContent.items.map((item: any) => item.str).join(' ');
-                        fullText += pageText + '\n';
-                    }
-                    resolve(fullText);
-                } catch (err) {
-                    reject(err);
-                }
-            };
-            reader.onerror = (e) => reject(e);
-            reader.readAsArrayBuffer(file);
-        });
     } catch (e) {
-        console.error("PDF Init Error", e);
-        throw new Error("PDF 解析库初始化失败，请检查网络或使用纯文本/Word。");
+        throw new Error('无法加载 PDF 解析组件，请检查网络连接。');
     }
+
+    return new Promise((resolve, reject) => {
+        const reader = new FileReader();
+        reader.onload = async (e) => {
+            try {
+                const typedarray = new Uint8Array(e.target?.result as ArrayBuffer);
+                const pdf = await pdfjsLib.getDocument(typedarray).promise;
+                let fullText = '';
+                
+                for (let i = 1; i <= pdf.numPages; i++) {
+                    const page = await pdf.getPage(i);
+                    const textContent = await page.getTextContent();
+                    const pageText = textContent.items.map((item: any) => item.str).join(' ');
+                    fullText += pageText + '\n';
+                }
+                resolve(fullText);
+            } catch (err) {
+                reject(err);
+            }
+        };
+        reader.onerror = (e) => reject(e);
+        reader.readAsArrayBuffer(file);
+    });
 };