Upload 19 files

.gitattributes

@@ -1,35 +1,35 @@
-*.7z filter=lfs diff=lfs merge=lfs -text
-*.arrow filter=lfs diff=lfs merge=lfs -text
-*.bin filter=lfs diff=lfs merge=lfs -text
-*.bz2 filter=lfs diff=lfs merge=lfs -text
-*.ckpt filter=lfs diff=lfs merge=lfs -text
-*.ftz filter=lfs diff=lfs merge=lfs -text
-*.gz filter=lfs diff=lfs merge=lfs -text
-*.h5 filter=lfs diff=lfs merge=lfs -text
-*.joblib filter=lfs diff=lfs merge=lfs -text
-*.lfs.* filter=lfs diff=lfs merge=lfs -text
-*.mlmodel filter=lfs diff=lfs merge=lfs -text
-*.model filter=lfs diff=lfs merge=lfs -text
-*.msgpack filter=lfs diff=lfs merge=lfs -text
-*.npy filter=lfs diff=lfs merge=lfs -text
-*.npz filter=lfs diff=lfs merge=lfs -text
-*.onnx filter=lfs diff=lfs merge=lfs -text
-*.ot filter=lfs diff=lfs merge=lfs -text
-*.parquet filter=lfs diff=lfs merge=lfs -text
-*.pb filter=lfs diff=lfs merge=lfs -text
-*.pickle filter=lfs diff=lfs merge=lfs -text
-*.pkl filter=lfs diff=lfs merge=lfs -text
-*.pt filter=lfs diff=lfs merge=lfs -text
-*.pth filter=lfs diff=lfs merge=lfs -text
-*.rar filter=lfs diff=lfs merge=lfs -text
-*.safetensors filter=lfs diff=lfs merge=lfs -text
-saved_model/**/* filter=lfs diff=lfs merge=lfs -text
-*.tar.* filter=lfs diff=lfs merge=lfs -text
-*.tar filter=lfs diff=lfs merge=lfs -text
-*.tflite filter=lfs diff=lfs merge=lfs -text
-*.tgz filter=lfs diff=lfs merge=lfs -text
-*.wasm filter=lfs diff=lfs merge=lfs -text
-*.xz filter=lfs diff=lfs merge=lfs -text
-*.zip filter=lfs diff=lfs merge=lfs -text
-*.zst filter=lfs diff=lfs merge=lfs -text
-*tfevents* filter=lfs diff=lfs merge=lfs -text
+*.7z filter=lfs diff=lfs merge=lfs -text
+*.arrow filter=lfs diff=lfs merge=lfs -text
+*.bin filter=lfs diff=lfs merge=lfs -text
+*.bz2 filter=lfs diff=lfs merge=lfs -text
+*.ckpt filter=lfs diff=lfs merge=lfs -text
+*.ftz filter=lfs diff=lfs merge=lfs -text
+*.gz filter=lfs diff=lfs merge=lfs -text
+*.h5 filter=lfs diff=lfs merge=lfs -text
+*.joblib filter=lfs diff=lfs merge=lfs -text
+*.lfs.* filter=lfs diff=lfs merge=lfs -text
+*.mlmodel filter=lfs diff=lfs merge=lfs -text
+*.model filter=lfs diff=lfs merge=lfs -text
+*.msgpack filter=lfs diff=lfs merge=lfs -text
+*.npy filter=lfs diff=lfs merge=lfs -text
+*.npz filter=lfs diff=lfs merge=lfs -text
+*.onnx filter=lfs diff=lfs merge=lfs -text
+*.ot filter=lfs diff=lfs merge=lfs -text
+*.parquet filter=lfs diff=lfs merge=lfs -text
+*.pb filter=lfs diff=lfs merge=lfs -text
+*.pickle filter=lfs diff=lfs merge=lfs -text
+*.pkl filter=lfs diff=lfs merge=lfs -text
+*.pt filter=lfs diff=lfs merge=lfs -text
+*.pth filter=lfs diff=lfs merge=lfs -text
+*.rar filter=lfs diff=lfs merge=lfs -text
+*.safetensors filter=lfs diff=lfs merge=lfs -text
+saved_model/**/* filter=lfs diff=lfs merge=lfs -text
+*.tar.* filter=lfs diff=lfs merge=lfs -text
+*.tar filter=lfs diff=lfs merge=lfs -text
+*.tflite filter=lfs diff=lfs merge=lfs -text
+*.tgz filter=lfs diff=lfs merge=lfs -text
+*.wasm filter=lfs diff=lfs merge=lfs -text
+*.xz filter=lfs diff=lfs merge=lfs -text
+*.zip filter=lfs diff=lfs merge=lfs -text
+*.zst filter=lfs diff=lfs merge=lfs -text
+*tfevents* filter=lfs diff=lfs merge=lfs -text

App.tsx

@@ -1,1103 +1,1060 @@
-import React, { useState, useEffect, useRef } from 'react';
-import { ChatMessage, MessageSender, MessagePurpose } from './types';
-import { generateResponse } from './services/openaiService';
-import ChatInput from './components/ChatInput';
-import MessageBubble from './components/MessageBubble';
-import Notepad from './components/Notepad';
-import ModelConfigManager from './components/ModelConfigManager';
-import {
-  AiModel,
-  AiRole,
-  ApiChannel,
-  ModelConfigManager as ConfigManager,
-  DEFAULT_MANUAL_FIXED_TURNS,
-  MIN_MANUAL_FIXED_TURNS,
-  MAX_MANUAL_FIXED_TURNS,
-  MAX_AI_DRIVEN_DISCUSSION_TURNS_PER_MODEL,
-  INITIAL_NOTEPAD_CONTENT,
-  NOTEPAD_INSTRUCTION_PROMPT_PART,
-  NOTEPAD_UPDATE_TAG_START,
-  NOTEPAD_UPDATE_TAG_END,
-  DISCUSSION_COMPLETE_TAG,
-  AI_DRIVEN_DISCUSSION_INSTRUCTION_PROMPT_PART,
-  DiscussionMode
-} from './constants';
-import { 
-  BotMessageSquare, 
-  AlertTriangle, 
-  RefreshCcw, 
-  SlidersHorizontal, 
-  Users, 
-  MessagesSquare, 
-  Bot, 
-  ChevronDown,
-  Settings,
-  Play,
-  Pause,
-  Square,
-  Download
-} from 'lucide-react';
-
-interface ParsedAIResponse {
-  spokenText: string;
-  newNotepadContent: string | null;
-  discussionShouldEnd?: boolean;
-}
-
-interface ActiveRole extends AiRole {
-  model: AiModel;
-  channel: ApiChannel;
-  isProcessing?: boolean;
-}
-
-interface DiscussionState {
-  currentRoleIndex: number;
-  currentTurn: number;
-  discussionLog: string[];
-  isFirstMessage: boolean;
-  previousAISignaledStop: boolean;
-  discussionEndCount: number;
-  userQuery: string;
-  imageApiPart?: any;
-  commonPromptInstructions: string;
-  roleOrder: ActiveRole[];
-  maxTurnsForLoop: number;
-}
-
-const parseAIResponse = (responseText: string): ParsedAIResponse => {
-  let currentText = responseText.trim();
-  let spokenText = "";
-  let newNotepadContent: string | null = null;
-  let discussionShouldEnd = false;
-  
-  let notepadActionText = "";
-  let discussionActionText = "";
-
-  const notepadStartIndex = currentText.lastIndexOf(NOTEPAD_UPDATE_TAG_START);
-  const notepadEndIndex = currentText.lastIndexOf(NOTEPAD_UPDATE_TAG_END);
-
-  if (notepadStartIndex !== -1 && notepadEndIndex !== -1 && notepadEndIndex > notepadStartIndex && currentText.endsWith(NOTEPAD_UPDATE_TAG_END)) {
-    newNotepadContent = currentText.substring(notepadStartIndex + NOTEPAD_UPDATE_TAG_START.length, notepadEndIndex).trim();
-    spokenText = currentText.substring(0, notepadStartIndex).trim(); 
-    
-    if (newNotepadContent) {
-        notepadActionText = "更新了记事本";
-    } else {
-        notepadActionText = "尝试更新记事本但内容为空";
-    }
-  } else {
-    spokenText = currentText;
-  }
-
-  if (spokenText.includes(DISCUSSION_COMPLETE_TAG)) {
-    discussionShouldEnd = true;
-    spokenText = spokenText.replace(new RegExp(DISCUSSION_COMPLETE_TAG.replace(/[.*+?^${}()|[\]\\]/g, '\\$&'), 'g'), "").trim();
-    discussionActionText = "建议结束讨论";
-  }
-
-  if (!spokenText.trim()) {
-    if (notepadActionText && discussionActionText) {
-      spokenText = `(AI ${notepadActionText}并${discussionActionText})`;
-    } else if (notepadActionText) {
-      spokenText = `(AI ${notepadActionText})`;
-    } else if (discussionActionText) {
-      spokenText = `(AI ${discussionActionText})`;
-    } else {
-      spokenText = "(AI 未提供额外文本回复)"; 
-    }
-  }
-  
-  return { spokenText: spokenText.trim(), newNotepadContent, discussionShouldEnd };
-};
-
-const fileToBase64 = (file: File): Promise<string> => {
-  return new Promise((resolve, reject) => {
-    const reader = new FileReader();
-    reader.readAsDataURL(file);
-    reader.onload = () => {
-      const result = reader.result as string;
-      resolve(result.split(',')[1]);
-    };
-    reader.onerror = (error) => reject(error);
-  });
-};
-
-const createDynamicMessageSender = (roleName: string): MessageSender => {
-  return roleName as MessageSender;
-};
-
-const App: React.FC = () => {
-  const [messages, setMessages] = useState<ChatMessage[]>([]);
-  const [isLoading, setIsLoading] = useState<boolean>(false);
-  const [currentTotalProcessingTimeMs, setCurrentTotalProcessingTimeMs] = useState<number>(0);
-
-  const [notepadContent, setNotepadContent] = useState<string>(INITIAL_NOTEPAD_CONTENT);
-  const [lastNotepadUpdateBy, setLastNotepadUpdateBy] = useState<MessageSender | null>(null);
-
-  const [discussionMode, setDiscussionMode] = useState<DiscussionMode>(DiscussionMode.FixedTurns);
-  const [manualFixedTurns, setManualFixedTurns] = useState<number>(DEFAULT_MANUAL_FIXED_TURNS);
-  const [isReducedCapacityEnabled, setIsReducedCapacityEnabled] = useState<boolean>(false);
-
-  const [activeRoles, setActiveRoles] = useState<ActiveRole[]>([]);
-  const [channels, setChannels] = useState<ApiChannel[]>([]);
-  const [models, setModels] = useState<AiModel[]>([]);
-  const [isConfigManagerOpen, setIsConfigManagerOpen] = useState<boolean>(false);
-  const [updateNotification, setUpdateNotification] = useState<{
-  newChannels: number;
-  newModels: number;
-  newRoles: number;
-} | null>(null);
-  const [isRoleSelectorOpen, setIsRoleSelectorOpen] = useState<boolean>(false);
-
-  const [isDiscussionActive, setIsDiscussionActive] = useState<boolean>(false);
-  const [streamingMessages, setStreamingMessages] = useState<Map<string, { text: string; isComplete: boolean }>>(new Map());
-  const [currentDiscussion, setCurrentDiscussion] = useState<DiscussionState | null>(null);
-
-  const chatContainerRef = useRef<HTMLDivElement>(null);
-  const currentQueryStartTimeRef = useRef<number | null>(null);
-  const cancelRequestRef = useRef<boolean>(false);
-
-  // 实时流式消息管理
-  const createStreamingMessage = (sender: MessageSender, purpose: MessagePurpose): string => {
-    const messageId = Date.now().toString() + Math.random().toString(36).substr(2, 9);
-    const message: ChatMessage = {
-      id: messageId,
-      text: '',
-      sender,
-      purpose,
-      timestamp: new Date()
-    };
-    
-    setMessages(prev => [...prev, message]);
-    setStreamingMessages(prev => new Map(prev.set(messageId, { text: '', isComplete: false })));
-    return messageId;
-  };
-
-  const updateStreamingMessage = (messageId: string, fullText: string, isComplete: boolean, durationMs?: number) => {
-    setMessages(prev => prev.map(msg => 
-      msg.id === messageId ? { 
-        ...msg, 
-        text: fullText,
-        durationMs: isComplete ? durationMs : msg.durationMs
-      } : msg
-    ));
-  };
-
-  const loadConfiguration = () => {
-  // 检查是否有配置更新
-  const updateInfo = ConfigManager.getLastUpdateInfo();
-  if (updateInfo) {
-    setUpdateNotification({
-      newChannels: updateInfo.newChannels,
-      newModels: updateInfo.newModels,
-      newRoles: updateInfo.newRoles
-    });
-    
-    // 5秒后自动关闭通知
-    setTimeout(() => {
-      setUpdateNotification(null);
-    }, 5000);
-  }
-
-  const allChannels = ConfigManager.getChannels();
-  const allModels = ConfigManager.getModels();
-  const allRoles = ConfigManager.getActiveRoles();
-  
-  setChannels(allChannels);
-  setModels(allModels);
-  
-  const rolesWithModelsAndChannels: ActiveRole[] = allRoles.map(role => {
-    const model = allModels.find(m => m.id === role.modelId);
-    if (!model) {
-      console.warn(`Role ${role.name} references non-existent model ${role.modelId}`);
-      return null;
-    }
-    
-    const channel = allChannels.find(ch => ch.id === model.channelId);
-    if (!channel) {
-      console.warn(`Model ${model.name} references non-existent channel ${model.channelId}`);
-      return null;
-    }
-    
-    return { ...role, model, channel };
-  }).filter(Boolean) as ActiveRole[];
-  
-  setActiveRoles(rolesWithModelsAndChannels);
-};
-
-  useEffect(() => {
-    loadConfiguration();
-  }, []);
-
-  const addMessage = (
-    text: string,
-    sender: MessageSender,
-    purpose: MessagePurpose,
-    durationMs?: number,
-    image?: ChatMessage['image']
-  ) => {
-    const messageId = Date.now().toString() + Math.random().toString(36).substr(2, 9);
-    const message: ChatMessage = {
-      id: messageId,
-      text,
-      sender,
-      purpose,
-      timestamp: new Date(),
-      durationMs,
-      image
-    };
-
-    setMessages(prev => [...prev, message]);
-    return messageId;
-  };
-
-  const interruptDiscussion = () => {
-    if (isLoading && isDiscussionActive) {
-      cancelRequestRef.current = true;
-      setIsLoading(false);
-      setIsDiscussionActive(false);
-      setCurrentDiscussion(null);
-      
-      if (currentTotalProcessingTimeMs > 0) {
-        addMessage(
-          `讨论已被用户中断 (已进行 ${(currentTotalProcessingTimeMs / 1000).toFixed(2)}秒)`,
-          MessageSender.System,
-          MessagePurpose.SystemNotification
-        );
-      }
-      
-      setCurrentTotalProcessingTimeMs(0);
-      if (currentQueryStartTimeRef.current) {
-        currentQueryStartTimeRef.current = null;
-      }
-    }
-  };
-
-  const exportDiscussionRecord = () => {
-    if (messages.length === 0) {
-      addMessage('当前没有可导出的消息记录', MessageSender.System, MessagePurpose.SystemNotification);
-      return;
-    }
-
-    // 生成简洁的文本格式导出
-    let exportText = `=== Multi-Mind Chat 对话记录 ===\n`;
-    exportText += `导出时间: ${new Date().toLocaleString()}\n`;
-    exportText += `消息总数: ${messages.length}\n\n`;
-
-    messages.forEach(msg => {
-      if (msg.purpose !== MessagePurpose.SystemNotification) {
-        const timeStr = msg.timestamp.toLocaleTimeString();
-        const durationStr = msg.durationMs ? ` (${(msg.durationMs / 1000).toFixed(2)}s)` : '';
-        exportText += `[${timeStr}] ${msg.sender}${durationStr}: ${msg.text}\n\n`;
-        
-        if (msg.image) {
-          exportText += `    [附件: ${msg.image.name} - ${msg.image.type}]\n\n`;
-        }
-      }
-    });
-
-    if (notepadContent !== INITIAL_NOTEPAD_CONTENT) {
-      exportText += `=== 最终记事本内容 ===\n`;
-      exportText += `${notepadContent}\n\n`;
-    }
-
-    const blob = new Blob([exportText], { type: 'text/plain;charset=utf-8' });
-    const url = URL.createObjectURL(blob);
-    const a = document.createElement('a');
-    a.href = url;
-    a.download = `对话记录-${new Date().toISOString().split('T')[0]}-${Date.now()}.txt`;
-    document.body.appendChild(a);
-    a.click();
-    document.body.removeChild(a);
-    URL.revokeObjectURL(url);
-
-    addMessage('对话记录已导出', MessageSender.System, MessagePurpose.SystemNotification);
-  };
-
-  const getWelcomeMessageText = () => {
-    const modeDescription = discussionMode === DiscussionMode.FixedTurns 
-      ? `固定轮次对话 (${manualFixedTurns}轮)` 
-      : "AI驱动对话";
-    
-    const roleNames = activeRoles.map(role => role.name).join(' 和 ');
-    const roleCount = activeRoles.length;
-    const channelCount = channels.length;
-    
-    if (channelCount === 0) {
-      return `欢迎使用Multi-Mind Chat 智囊团！请先配置API渠道。点击设置按钮开始配置。`;
-    } else if (roleCount === 0) {
-      return `欢迎使用Multi-Mind Chat 智囊团！已配置 ${channelCount} 个API渠道，请继续配置AI角色和模型。点击设置按钮开始配置。`;
-    } else if (roleCount === 1) {
-      return `欢迎使用Multi-Mind Chat 智囊团！当前模式: ${modeDescription}。当前只有一个活跃角色: ${roleNames}。建议添加更多角色以获得更好的协作体验。`;
-    } else {
-      return `欢迎使用Multi-Mind Chat 智囊团！当前模式: ${modeDescription}。活跃的AI角色: ${roleNames}。这些角色将协作讨论您的问题并使用共享记事本。`;
-    }
-  };
-  
-  const initializeChat = () => {
-    setMessages([]);
-    setNotepadContent(INITIAL_NOTEPAD_CONTENT);
-    setLastNotepadUpdateBy(null);
-    setIsDiscussionActive(false);
-    setStreamingMessages(new Map());
-    setCurrentDiscussion(null);
-
-    addMessage(
-      getWelcomeMessageText(),
-      MessageSender.System,
-      MessagePurpose.SystemNotification
-    );
-  };
-
-  useEffect(() => {
-    initializeChat();
-  }, [activeRoles, discussionMode, manualFixedTurns, channels]);
-
-  useEffect(() => {
-    if (chatContainerRef.current) {
-      chatContainerRef.current.scrollTop = chatContainerRef.current.scrollHeight;
-    }
-  }, [messages]);
-
-  useEffect(() => {
-    let intervalId: number | undefined;
-    if (isLoading && currentQueryStartTimeRef.current) {
-      intervalId = window.setInterval(() => {
-        if (currentQueryStartTimeRef.current) {
-          setCurrentTotalProcessingTimeMs(performance.now() - currentQueryStartTimeRef.current);
-        }
-      }, 100);
-    } else {
-      if (intervalId) clearInterval(intervalId);
-    }
-    return () => {
-      if (intervalId) clearInterval(intervalId);
-    };
-  }, [isLoading]);
-
-  const handleClearChat = () => {
-    if (isLoading) {
-      cancelRequestRef.current = true;
-    }
-    setIsLoading(false);
-    setIsDiscussionActive(false);
-    setCurrentDiscussion(null);
-    
-    setCurrentTotalProcessingTimeMs(0);
-    if (currentQueryStartTimeRef.current) {
-        currentQueryStartTimeRef.current = null;
-    }
-
-    setMessages([]);
-    setNotepadContent(INITIAL_NOTEPAD_CONTENT);
-    setLastNotepadUpdateBy(null);
-    setStreamingMessages(new Map());
-
-    addMessage(
-      getWelcomeMessageText(),
-      MessageSender.System,
-      MessagePurpose.SystemNotification
-    );
-  };
-  
-  const handleManualFixedTurnsChange = (e: React.ChangeEvent<HTMLInputElement>) => {
-    let value = parseInt(e.target.value, 10);
-    if (isNaN(value)) {
-      value = DEFAULT_MANUAL_FIXED_TURNS; 
-    }
-    value = Math.max(MIN_MANUAL_FIXED_TURNS, Math.min(MAX_MANUAL_FIXED_TURNS, value));
-    setManualFixedTurns(value);
-  };
-
-  const toggleRoleActiveState = (roleId: string) => {
-    const role = activeRoles.find(r => r.id === roleId);
-    if (role) {
-      ConfigManager.updateRole(roleId, { isActive: !role.isActive });
-      loadConfiguration();
-    }
-  };
-
-  const processNextRole = (state: DiscussionState) => {
-    if (cancelRequestRef.current) {
-      setIsDiscussionActive(false);
-      setCurrentDiscussion(null);
-      return;
-    }
-
-    // 检查是否完成所有讨论
-    if (state.currentTurn === 0 && state.currentRoleIndex >= state.roleOrder.length) {
-      // 第一轮结束，开始多轮讨论
-      if (!state.previousAISignaledStop && state.maxTurnsForLoop > 0) {
-        const newState = { ...state, currentTurn: 1, currentRoleIndex: 0, discussionEndCount: 0 };
-        setCurrentDiscussion(newState);
-        processNextRole(newState);
-        return;
-      } else {
-        processFinalAnswer(state);
-        return;
-      }
-    } else if (state.currentTurn > 0 && 
-      (state.currentTurn >= state.maxTurnsForLoop || 
-      state.previousAISignaledStop || 
-      state.currentRoleIndex >= state.roleOrder.length)) {
-      processFinalAnswer(state);
-      return;
-    }
-
-    const currentRole = state.roleOrder[state.currentRoleIndex];
-    const shouldUseReducedCapacity = isReducedCapacityEnabled && currentRole.model.supportsReducedCapacity;
-
-    // 显示系统通知
-    addMessage(
-      `${currentRole.name} 正在${state.currentTurn === 0 ? '分析问题并提供观点' : '回应其他角色的观点'} (使用 ${currentRole.model.name} - ${currentRole.channel.name})...`, 
-      MessageSender.System, 
-      MessagePurpose.SystemNotification
-    );
-
-    // 立即创建消息气泡
-    const purpose = state.currentRoleIndex % 2 === 0 ? MessagePurpose.CognitoToMuse : MessagePurpose.MuseToCognito;
-    const messageId = Date.now().toString() + Math.random().toString(36).substr(2, 9);
-    
-    // 立即添加空消息到界面，用户会看到正在输入的效果
-    const initialMessage: ChatMessage = {
-      id: messageId,
-      text: '', // 开始时为空，等待流式输入
-      sender: createDynamicMessageSender(currentRole.name),
-      purpose,
-      timestamp: new Date()
-    };
-    
-    setMessages(prev => [...prev, initialMessage]);
-
-    // 构建提示词
-    let prompt: string;
-    if (state.isFirstMessage) {
-      prompt = `用户的查询 (中文) 是: "${state.userQuery}". ${state.imageApiPart ? "用户还提供了一张图片。请在您的分析和回复中同时考虑此图片和文本查询。" : ""} 请针对此查询提供您的初步想法或分析。这是一个多AI协作的环境，其他AI角色稍后会对您的观点进行回应和讨论。用中文回答。\n${state.commonPromptInstructions}`;
-    } else if (state.currentTurn === 0) {
-      const otherRoles = state.roleOrder.filter(r => r.id !== currentRole.id).map(r => r.name).join(' 和 ');
-      prompt = `用户的查询 (中文) 是: "${state.userQuery}". ${state.imageApiPart ? "用户还提供了一张图片。请在您的分析和回复中同时考虑此图片和文本查询。" : ""} 当前讨论 (均为中文):\n${state.discussionLog.join("\n")}\n您正在与 ${otherRoles} 协作讨论这个问题。请提供您的观点和分析。用中文回答。\n${state.commonPromptInstructions}`;
-    } else {
-      const otherRoles = state.roleOrder.filter(r => r.id !== currentRole.id).map(r => r.name).join(' 和 ');
-      prompt = `用户的查询 (中文) 是: "${state.userQuery}". ${state.imageApiPart ? "用户还提供了一张图片。请在您的分析和回复中同时考虑此图片和文本查询。" : ""} 当前讨论 (均为中文):\n${state.discussionLog.join("\n")}\n您正在与 ${otherRoles} 协作讨论。请对前面的讨论进行回应，提供您的进一步见解或不同观点。保持简洁并使用中文。\n${NOTEPAD_INSTRUCTION_PROMPT_PART.replace('{notepadContent}', notepadContent)}`;
-      
-      if (discussionMode === DiscussionMode.AiDriven && state.previousAISignaledStop) {
-        prompt += `\n注意：之前有AI角色建议结束讨论。如果您同意，请在回复中包含 ${DISCUSSION_COMPLETE_TAG}。否则，请继续讨论。`;
-      } else if (discussionMode === DiscussionMode.AiDriven) {
-        prompt += AI_DRIVEN_DISCUSSION_INSTRUCTION_PROMPT_PART;
-      }
-    }
-
-    // 用于后台累积完整响应文本的变量
-    let accumulatedText = '';
-
-    // 开始流式API调用
-    generateResponse(
-      prompt,
-      currentRole.model.apiName,
-      currentRole.systemPrompt,
-      shouldUseReducedCapacity,
-      state.imageApiPart,
-      currentRole.channel.baseUrl,
-      currentRole.channel.apiKey,
-      // 关键的流式回调函数
-      (newChunk: string, fullText: string, isComplete: boolean) => {
-        // newChunk: 本次新接收到的文本块
-        // fullText: API累积的完整文本（用于后续处理）
-        // isComplete: 是否完成
-        
-        // 更新后台累积的完整文本
-        accumulatedText = fullText;
-        
-        // 实时更新界面显示 - 关键是这里直接使用 fullText 进行显示
-        setMessages(prev => prev.map(msg => 
-          msg.id === messageId ? { 
-            ...msg, 
-            text: fullText, // 直接显示累积的完整文本，实现打字机效果
-            durationMs: isComplete ? (performance.now() - (currentQueryStartTimeRef.current || 0)) : undefined
-          } : msg
-        ));
-      }
-    ).then(response => {
-      if (cancelRequestRef.current) {
-        setIsDiscussionActive(false);
-        setCurrentDiscussion(null);
-        return;
-      }
-
-      if (response.error) {
-        if (response.error.includes("API key not valid") || response.error.includes("401")) {
-          setMessages(prev => prev.map(msg => 
-            msg.id === messageId ? { 
-              ...msg, 
-              text: `API密钥无效 (渠道: ${currentRole.channel.name})，请在配置界面中检查密钥设置。`,
-              durationMs: response.durationMs
-            } : msg
-          ));
-          setIsLoading(false);
-          setIsDiscussionActive(false);
-          setCurrentDiscussion(null);
-          return;
-        }
-        throw new Error(`${currentRole.name}: ${response.text}`);
-      }
-
-      // 确保最终消息内容正确
-      setMessages(prev => prev.map(msg => 
-        msg.id === messageId ? { 
-          ...msg, 
-          text: response.text,
-          durationMs: response.durationMs
-        } : msg
-      ));
-
-      // 解析响应
-      const parsedResponse = parseAIResponse(response.text);
-      if (parsedResponse.newNotepadContent !== null) {
-        setNotepadContent(parsedResponse.newNotepadContent);
-        setLastNotepadUpdateBy(createDynamicMessageSender(currentRole.name));
-      }
-
-      // 更新讨论日志 - 使用解析后的文本
-      const newDiscussionLog = [...state.discussionLog, `${currentRole.name}: ${parsedResponse.spokenText}`];
-      
-      // 更新状态
-      let newState = {
-        ...state,
-        discussionLog: newDiscussionLog,
-        isFirstMessage: false,
-        currentRoleIndex: state.currentRoleIndex + 1
-      };
-
-      // 处理AI驱动模式的结束信号
-      if (discussionMode === DiscussionMode.AiDriven && parsedResponse.discussionShouldEnd) {
-        if (state.currentTurn > 0) {
-          newState.discussionEndCount++;
-          if (state.previousAISignaledStop || newState.discussionEndCount >= Math.ceil(state.roleOrder.length / 2)) {
-            addMessage(`多数AI角色已同意结束讨论。`, MessageSender.System, MessagePurpose.SystemNotification);
-            newState.previousAISignaledStop = true;
-          } else {
-            addMessage(`${currentRole.name} 已建议结束讨论。`, MessageSender.System, MessagePurpose.SystemNotification);
-          }
-        } else {
-          newState.previousAISignaledStop = true;
-          addMessage(`${currentRole.name} 已建议结束讨论。`, MessageSender.System, MessagePurpose.SystemNotification);
-        }
-      }
-
-      setCurrentDiscussion(newState);
-      
-      // 继续处理下一个角色
-      setTimeout(() => processNextRole(newState), 100);
-    }).catch(error => {
-      console.error("处理AI响应时出错:", error);
-      addMessage(`错误: ${error instanceof Error ? error.message : "处理响应时发生未知错误"}`, MessageSender.System, MessagePurpose.SystemNotification);
-      setIsLoading(false);
-      setIsDiscussionActive(false);
-      setCurrentDiscussion(null);
-    });
-  };
-
-  const processFinalAnswer = (state: DiscussionState) => {
-    const finalAnswerRole = state.roleOrder[0];
-    const shouldUseReducedCapacity = isReducedCapacityEnabled && finalAnswerRole.model.supportsReducedCapacity;
-
-    addMessage(
-      `${finalAnswerRole.name} 正在综合所有讨论内容，准备最终答案 (使用 ${finalAnswerRole.model.name} - ${finalAnswerRole.channel.name})...`,
-      MessageSender.System,
-      MessagePurpose.SystemNotification
-    );
-
-    // 立即创建最终答案消息气泡
-    const finalMessageId = Date.now().toString() + Math.random().toString(36).substr(2, 9);
-    const finalMessage: ChatMessage = {
-      id: finalMessageId,
-      text: '', // 开始时为空
-      sender: createDynamicMessageSender(finalAnswerRole.name),
-      purpose: MessagePurpose.FinalResponse,
-      timestamp: new Date()
-    };
-    
-    setMessages(prev => [...prev, finalMessage]);
-
-    const finalPrompt = `用户最初的查询 (中文) 是: "${state.userQuery}". ${state.imageApiPart ? "用户还提供了一张图片。请在您的分析和回复中同时考虑此图片和文本查询。" : ""} 您和其他AI角色进行了以下讨论 (均为中文):\n${state.discussionLog.join("\n")}\n基于整个协作讨论过程和共享记事本的最终状态，请综合所有关键观点，为用户提供一个全面、有用的最终答案。直接回复用户，确保答案结构良好，易于理解，并使用中文。如果相关，您可以在答案中引用记事本内容。如果需要，您也可以最后一次更新记事本。\n${NOTEPAD_INSTRUCTION_PROMPT_PART.replace('{notepadContent}', notepadContent)}`;
-
-    generateResponse(
-      finalPrompt,
-      finalAnswerRole.model.apiName,
-      finalAnswerRole.systemPrompt,
-      shouldUseReducedCapacity,
-      state.imageApiPart,
-      finalAnswerRole.channel.baseUrl,
-      finalAnswerRole.channel.apiKey,
-      // 最终答案的流式回调
-      (newChunk: string, fullText: string, isComplete: boolean) => {
-        setMessages(prev => prev.map(msg => 
-          msg.id === finalMessageId ? { 
-            ...msg, 
-            text: fullText, // 实时显示累积文本
-            durationMs: isComplete ? (performance.now() - (currentQueryStartTimeRef.current || 0)) : undefined
-          } : msg
-        ));
-      }
-    ).then(finalResponse => {
-      if (cancelRequestRef.current) {
-        setIsDiscussionActive(false);
-        setCurrentDiscussion(null);
-        return;
-      }
-
-      if (finalResponse.error) {
-        if (finalResponse.error.includes("API key not valid") || finalResponse.error.includes("401")) {
-          setMessages(prev => prev.map(msg => 
-            msg.id === finalMessageId ? { 
-              ...msg, 
-              text: `API密钥无效 (渠道: ${finalAnswerRole.channel.name})，请在配置界面中检查密钥设置。`,
-              durationMs: finalResponse.durationMs
-            } : msg
-          ));
-          setIsLoading(false);
-          setIsDiscussionActive(false);
-          setCurrentDiscussion(null);
-          return;
-        }
-        throw new Error(`${finalAnswerRole.name}: ${finalResponse.text}`);
-      }
-
-      setMessages(prev => prev.map(msg => 
-        msg.id === finalMessageId ? { 
-          ...msg, 
-          text: finalResponse.text,
-          durationMs: finalResponse.durationMs
-        } : msg
-      ));
-
-      const finalParsedResponse = parseAIResponse(finalResponse.text);
-      if (finalParsedResponse.newNotepadContent !== null) {
-        setNotepadContent(finalParsedResponse.newNotepadContent);
-        setLastNotepadUpdateBy(createDynamicMessageSender(finalAnswerRole.name));
-      }
-
-      // 讨论完成
-      setIsLoading(false);
-      setIsDiscussionActive(false);
-      setCurrentDiscussion(null);
-      currentQueryStartTimeRef.current = null;
-    }).catch(error => {
-      console.error("生成最终答案时出错:", error);
-      addMessage(`错误: ${error instanceof Error ? error.message : "生成最终答案时发生未知错误"}`, MessageSender.System, MessagePurpose.SystemNotification);
-      setIsLoading(false);
-      setIsDiscussionActive(false);
-      setCurrentDiscussion(null);
-    });
-  };
-
-  const handleSendMessage = async (userInput: string, imageFile?: File | null) => {
-    if (isLoading) return;
-    if (!userInput.trim() && !imageFile) return;
-    
-    if (channels.length === 0) {
-      addMessage("请先配置API渠道。点击设置按钮添加渠道。", MessageSender.System, MessagePurpose.SystemNotification);
-      return;
-    }
-    
-    if (activeRoles.length === 0) {
-      addMessage("请先配置AI角色。点击设置按钮添加角色。", MessageSender.System, MessagePurpose.SystemNotification);
-      return;
-    }
-
-    const rolesWithoutApiKey = activeRoles.filter(role => !role.channel.apiKey?.trim());
-    if (rolesWithoutApiKey.length > 0) {
-      const roleNames = rolesWithoutApiKey.map(role => `${role.name}(${role.channel.name})`).join('、');
-      addMessage(`以下角色的API渠道缺少API密钥: ${roleNames}。请在配置界面中设置相应的API密钥。`, MessageSender.System, MessagePurpose.SystemNotification);
-      return;
-    }
-
-    if (imageFile) {
-      const supportsImages = activeRoles.some(role => role.model.supportsImages);
-      if (!supportsImages) {
-        addMessage("当前活跃的角色都不支持图片处理。请添加支持图片的模型和角色，或移除图片。", MessageSender.System, MessagePurpose.SystemNotification);
-        return;
-      }
-    }
-
-    setIsDiscussionActive(true);
-    cancelRequestRef.current = false;
-    setIsLoading(true);
-    currentQueryStartTimeRef.current = performance.now();
-    setCurrentTotalProcessingTimeMs(0);
-
-    let userImageForDisplay: ChatMessage['image'] | undefined = undefined;
-    if (imageFile) {
-      const dataUrl = URL.createObjectURL(imageFile);
-      userImageForDisplay = { dataUrl, name: imageFile.name, type: imageFile.type };
-    }
-
-    addMessage(userInput, MessageSender.User, MessagePurpose.UserInput, undefined, userImageForDisplay);
-    
-    let imageApiPart: { inlineData: { mimeType: string; data: string } } | undefined = undefined;
-    if (imageFile) {
-      try {
-        const base64Data = await fileToBase64(imageFile);
-        imageApiPart = {
-          inlineData: {
-            mimeType: imageFile.type,
-            data: base64Data,
-          },
-        };
-      } catch (error) {
-        console.error("Error converting file to base64:", error);
-        addMessage("图片处理失败，请重试。", MessageSender.System, MessagePurpose.SystemNotification);
-        setIsLoading(false);
-        setIsDiscussionActive(false);
-        return;
-      }
-    }
-
-    const discussionModeInstruction = discussionMode === DiscussionMode.AiDriven ? AI_DRIVEN_DISCUSSION_INSTRUCTION_PROMPT_PART : "";
-    const commonPromptInstructions = NOTEPAD_INSTRUCTION_PROMPT_PART.replace('{notepadContent}', notepadContent) + discussionModeInstruction;
-
-    const roleOrder = [...activeRoles];
-    const maxTurnsForLoop = discussionMode === DiscussionMode.AiDriven ? MAX_AI_DRIVEN_DISCUSSION_TURNS_PER_MODEL : manualFixedTurns;
-
-    // 初始化讨论状态
-    const discussionState: DiscussionState = {
-      currentRoleIndex: 0,
-      currentTurn: 0,
-      discussionLog: [],
-      isFirstMessage: true,
-      previousAISignaledStop: false,
-      discussionEndCount: 0,
-      userQuery: userInput,
-      imageApiPart,
-      commonPromptInstructions,
-      roleOrder,
-      maxTurnsForLoop
-    };
-
-    setCurrentDiscussion(discussionState);
-    
-    // 开始第一个AI的回复（不等待）
-    processNextRole(discussionState);
-    
-    // 清理图片URL
-    if (userImageForDisplay?.dataUrl.startsWith('blob:')) {
-      // 延迟清理，确保消息已渲染
-      setTimeout(() => {
-        URL.revokeObjectURL(userImageForDisplay.dataUrl);
-      }, 5000);
-    }
-  };
-  
-  const Separator = () => <div className="h-6 w-px bg-gray-600" aria-hidden="true"></div>;
-
-  const hasValidChannels = channels.some(ch => ch.apiKey?.trim());
-  const isSystemReady = hasValidChannels && activeRoles.length > 0;
-
-  return (
-    <div className="flex flex-col h-screen max-w-7xl mx-auto bg-gray-900 shadow-2xl rounded-lg overflow-hidden">
-    {updateNotification && (
-  <div className="fixed top-4 left-1/2 transform -translate-x-1/2 bg-green-700 text-white px-6 py-3 rounded-lg shadow-lg z-50">
-    <div className="flex items-center space-x-3">
-      <div className="flex-shrink-0">
-        <Check size={24} className="text-white" />
-      </div>
-      <div>
-        <p className="font-semibold">配置已更新！</p>
-        <p className="text-sm">
-          {updateNotification.newChannels > 0 && `新增 ${updateNotification.newChannels} 个渠道 `}
-          {updateNotification.newModels > 0 && `新增 ${updateNotification.newModels} 个模型 `}
-          {updateNotification.newRoles > 0 && `新增 ${updateNotification.newRoles} 个角色`}
-        </p>
-      </div>
-      <button
-        onClick={() => setUpdateNotification(null)}
-        className="flex-shrink-0 ml-4 hover:bg-green-600 rounded p-1"
-      >
-        <X size={20} />
-      </button>
-    </div>
-  </div>
-)}
-      <header className="p-4 bg-gray-900 border-b border-gray-700 flex items-center justify-between shrink-0 space-x-2 md:space-x-4 flex-wrap">
-        <div className="flex items-center shrink-0">
-          <BotMessageSquare size={28} className="mr-2 md:mr-3 text-sky-400" />
-          <h1 className="text-xl md:text-2xl font-semibold text-sky-400">Multi-Mind Chat 智囊团</h1>
-        </div>
-        
-        <div className="flex items-center space-x-2 md:space-x-3 flex-wrap justify-end gap-y-2">
-          {/* 讨论控制按钮 */}
-          {isDiscussionActive && (
-            <div className="flex items-center space-x-2">
-              <button
-                onClick={interruptDiscussion}
-                className="px-3 py-1 bg-red-600 hover:bg-red-700 text-white rounded text-sm flex items-center space-x-1"
-                title="中断当前讨论"
-              >
-                <Square size={16} />
-                <span>中断讨论</span>
-              </button>
-              <Separator />
-            </div>
-          )}
-          
-          {/* 导出按钮 - 有消息时始终可用 */}
-          {messages.length > 1 && (
-            <div className="flex items-center space-x-2">
-              <button
-                onClick={exportDiscussionRecord}
-                className="px-3 py-1 bg-green-600 hover:bg-green-700 text-white rounded text-sm flex items-center space-x-1"
-                title="导出对话记录"
-                disabled={isLoading}
-              >
-                <Download size={16} />
-                <span>导出记录</span>
-              </button>
-              <Separator />
-            </div>
-          )}
-
-          {/* 角色管理器 */}
-          <div className="relative flex items-center">
-            <label className="text-sm text-gray-300 mr-1.5 flex items-center shrink-0">
-              <Users size={18} className="mr-1 text-sky-400"/>
-              角色:
-            </label>
-            <button
-              onClick={() => setIsRoleSelectorOpen(!isRoleSelectorOpen)}
-              className="bg-gray-700 border border-gray-600 text-white text-sm rounded-md p-1.5 focus:ring-2 focus:ring-sky-500 focus:border-sky-500 outline-none flex items-center space-x-2 min-w-[120px]"
-              aria-label="管理AI角色"
-            >
-              <span className="truncate">{activeRoles.length}个活跃</span>
-              <ChevronDown size={16} className={`transition-transform ${isRoleSelectorOpen ? 'rotate-180' : ''}`} />
-            </button>
-            
-            {isRoleSelectorOpen && (
-              <div className="absolute top-full left-0 mt-1 w-80 bg-gray-800 border border-gray-600 rounded-md shadow-lg z-50 max-h-96 overflow-y-auto">
-                <div className="p-3 border-b border-gray-700">
-                  <div className="flex justify-between items-center">
-                    <h3 className="text-white font-medium">活跃角色</h3>
-                    <button
-                      onClick={() => {
-                        setIsConfigManagerOpen(true);
-                        setIsRoleSelectorOpen(false);
-                      }}
-                      className="text-xs bg-sky-600 hover:bg-sky-700 text-white px-2 py-1 rounded flex items-center space-x-1"
-                    >
-                      <Settings size={12} />
-                      <span>配置</span>
-                    </button>
-                  </div>
-                </div>
-                
-                {activeRoles.length === 0 ? (
-                  <div className="p-4 text-center text-gray-400">
-                    <p className="mb-2">暂无活跃角色</p>
-                    <button
-                      onClick={() => {
-                        setIsConfigManagerOpen(true);
-                        setIsRoleSelectorOpen(false);
-                      }}
-                      className="text-sm bg-sky-600 hover:bg-sky-700 text-white px-3 py-1 rounded"
-                    >
-                      添加角色
-                    </button>
-                  </div>
-                ) : (
-                  <div className="max-h-64 overflow-y-auto">
-                    {activeRoles.map((role) => (
-                      <div key={role.id} className="p-3 border-b border-gray-700 last:border-b-0">
-                        <div className="flex justify-between items-start">
-                          <div className="flex-1">
-                            <div className="flex items-center space-x-2">
-                              <h4 className="text-white font-medium">{role.name}</h4>
-                              <button
-                                onClick={() => toggleRoleActiveState(role.id)}
-                                className={`p-1 rounded transition-colors ${
-                                  role.isActive ? 'text-green-400 hover:text-green-300' : 'text-gray-500 hover:text-gray-400'
-                                }`}
-                                title={role.isActive ? '暂停角色' : '激活角色'}
-                              >
-                                {role.isActive ? <Play size={14} /> : <Pause size={14} />}
-                              </button>
-                            </div>
-                            <p className="text-gray-400 text-xs">{role.model.name}</p>
-                            <p className="text-gray-500 text-xs">渠道: {role.channel.name}</p>
-                            <div className="flex space-x-1 mt-1">
-                              {role.model.supportsImages && (
-                                <span className="text-xs bg-green-600 text-white px-1 rounded">图像</span>
-                              )}
-                              {role.model.supportsReducedCapacity && (
-                                <span className="text-xs bg-blue-600 text-white px-1 rounded">优化</span>
-                              )}
-                              {!role.channel.apiKey?.trim() && (
-                                <span className="text-xs bg-red-600 text-white px-1 rounded">缺少密钥</span>
-                              )}
-                            </div>
-                          </div>
-                        </div>
-                      </div>
-                    ))}
-                  </div>
-                )}
-              </div>
-            )}
-            
-            {isRoleSelectorOpen && (
-              <div 
-                className="fixed inset-0 z-40" 
-                onClick={() => setIsRoleSelectorOpen(false)}
-              />
-            )}
-          </div>
-          
-          <Separator />
-
-          <div className="flex items-center space-x-1.5">
-            <label
-              htmlFor="discussionModeToggle"
-              className="flex items-center text-sm text-gray-300 cursor-pointer hover:text-sky-400"
-              title={discussionMode === DiscussionMode.FixedTurns ? "切换到AI驱动模式" : "切换到固定轮次模式"}
-            >
-              {discussionMode === DiscussionMode.FixedTurns 
-                ? <MessagesSquare size={18} className="mr-1 text-sky-400" /> 
-                : <Bot size={18} className="mr-1 text-sky-400" />}
-              <span className="mr-1 select-none shrink-0">模式:</span>
-              <div className="relative">
-                <input
-                  type="checkbox"
-                  id="discussionModeToggle"
-                  className="sr-only peer"
-                  checked={discussionMode === DiscussionMode.AiDriven}
-                  onChange={() => setDiscussionMode(prev => prev === DiscussionMode.FixedTurns ? DiscussionMode.AiDriven : DiscussionMode.FixedTurns)}
-                  aria-label="切换对话模式"
-                  disabled={isLoading}
-                />
-                <div className={`block w-10 h-6 rounded-full transition-colors ${discussionMode === DiscussionMode.AiDriven ? 'bg-sky-500' : 'bg-gray-600'}`}></div>
-                <div className={`absolute left-1 top-1 bg-white w-4 h-4 rounded-full transition-transform ${discussionMode === DiscussionMode.AiDriven ? 'translate-x-4' : ''}`}></div>
-              </div>
-              <span className="ml-1.5 select-none shrink-0 min-w-[4rem] text-left">
-                {discussionMode === DiscussionMode.FixedTurns ? '固定' : 'AI驱动'}
-              </span>
-            </label>
-            {discussionMode === DiscussionMode.FixedTurns && (
-              <div className="flex items-center text-sm text-gray-300">
-                <input
-                  type="number"
-                  id="manualFixedTurnsInput"
-                  value={manualFixedTurns}
-                  onChange={handleManualFixedTurnsChange}
-                  min={MIN_MANUAL_FIXED_TURNS}
-                  max={MAX_MANUAL_FIXED_TURNS}
-                  className="w-14 bg-gray-700 border border-gray-600 text-white text-sm rounded-md p-1 text-center focus:ring-1 focus:ring-sky-500 focus:border-sky-500 outline-none"
-                  aria-label="设置固定轮次数量"
-                  disabled={isLoading}
-                />
-                <span className="ml-1 select-none">轮</span>
-              </div>
-            )}
-          </div>
-
-          <Separator />
-
-          <label
-            htmlFor="capacityToggle"
-            className="flex items-center text-sm text-gray-300 cursor-pointer hover:text-sky-400"
-            title={isReducedCapacityEnabled ? "切换为优质模式 (完整性能)" : "切换为快速模式 (降低性能)"}
-          >
-            <SlidersHorizontal size={18} className={`mr-1.5 ${!isReducedCapacityEnabled ? 'text-sky-400' : 'text-gray-500'}`} />
-            <span className="mr-2 select-none shrink-0">性能:</span>
-            <div className="relative">
-              <input
-                type="checkbox"
-                id="capacityToggle"
-                className="sr-only peer"
-                checked={!isReducedCapacityEnabled}
-                onChange={() => setIsReducedCapacityEnabled(!isReducedCapacityEnabled)}
-                aria-label="切换AI性能模式"
-                disabled={isLoading}
-              />
-              <div className={`block w-10 h-6 rounded-full transition-colors ${!isReducedCapacityEnabled ? 'bg-sky-500 peer-checked:bg-sky-500' : 'bg-gray-600'}`}></div>
-              <div className={`absolute left-1 top-1 bg-white w-4 h-4 rounded-full transition-transform ${!isReducedCapacityEnabled ? 'peer-checked:translate-x-4' : ''}`}></div>
-            </div>
-            <span className="ml-2 w-20 text-left select-none shrink-0">
-              {!isReducedCapacityEnabled ? '优质' : '快速'}
-            </span>
-          </label>
-
-          <Separator />
-
-          <button
-            onClick={() => setIsConfigManagerOpen(true)}
-            className="p-2 text-gray-400 hover:text-sky-400 transition-colors duration-150 focus:outline-none focus:ring-2 focus:ring-sky-500 focus:ring-offset-2 focus:ring-offset-gray-900 rounded-md shrink-0"
-            aria-label="配置管理"
-            title="配置管理"
-          >
-            <Settings size={22} />
-          </button>
-
-          <button
-            onClick={handleClearChat}
-            className="p-2 text-gray-400 hover:text-sky-400 transition-colors duration-150 focus:outline-none focus:ring-2 focus:ring-sky-500 focus:ring-offset-2 focus:ring-offset-gray-900 rounded-md shrink-0"
-            aria-label="清空会话"
-            title="清空会话"
-            disabled={isLoading}
-          >
-            <RefreshCcw size={22} />
-          </button>
-        </div>
-      </header>
-
-      <div className="flex flex-row flex-grow overflow-hidden">
-        <div className="flex flex-col w-2/3 md:w-3/5 lg:w-2/3 h-full">
-          <div ref={chatContainerRef} className="flex-grow p-4 space-y-4 overflow-y-auto bg-gray-800 scroll-smooth">
-            {messages.map((msg) => {
-              const streamingState = streamingMessages.get(msg.id);
-              const displayMessage = streamingState && !streamingState.isComplete 
-                ? { ...msg, text: streamingState.text }
-                : msg;
-              
-              return <MessageBubble key={msg.id} message={displayMessage} />;
-            })}
-          </div>
-          <ChatInput onSendMessage={handleSendMessage} isLoading={isLoading} isApiKeyMissing={!isSystemReady} />
-        </div>
-
-        <div className="w-1/3 md:w-2/5 lg:w-1/3 h-full bg-slate-800">
-          <Notepad
-            content={notepadContent}
-            lastUpdatedBy={lastNotepadUpdateBy}
-            isLoading={isLoading}
-          />
-        </div>
-      </div>
-
-      {/* 配置管理器 */}
-      <ModelConfigManager
-        isOpen={isConfigManagerOpen}
-        onClose={() => setIsConfigManagerOpen(false)}
-        onConfigChange={loadConfiguration}
-      />
-
-      {/* 处理时间显示 */}
-      {(isLoading || (currentTotalProcessingTimeMs > 0 && !isLoading) || (isLoading && currentTotalProcessingTimeMs === 0)) && (
-        <div className="fixed bottom-4 right-4 md:bottom-6 md:right-6 bg-gray-900 bg-opacity-80 text-white p-2 rounded-md shadow-lg text-xs z-50">
-          总耗时: {(currentTotalProcessingTimeMs / 1000).toFixed(2)}s
-          {isDiscussionActive && (
-            <div className="text-green-400 mt-1">讨论进行中...</div>
-          )}
-        </div>
-      )}
-
-      {/* 系统状态提示 */}
-      {!isSystemReady && (
-        <div className="fixed bottom-4 left-1/2 transform -translate-x-1/2 p-3 bg-orange-700 text-white rounded-lg shadow-lg flex items-center text-sm z-50">
-          <AlertTriangle size={20} className="mr-2" /> 
-          {!hasValidChannels ? '请配置API渠道和密钥' : '请配置AI角色'}
-          。点击设置按钮进行配置。
-        </div>
-      )}
-    </div>
-  );
-};
-
+import React, { useState, useEffect, useRef } from 'react';
+import { ChatMessage, MessageSender, MessagePurpose } from './types';
+import { generateResponse } from './services/openaiService';
+import ChatInput from './components/ChatInput';
+import MessageBubble from './components/MessageBubble';
+import Notepad from './components/Notepad';
+import ModelConfigManager from './components/ModelConfigManager';
+import {
+  AiModel,
+  AiRole,
+  ApiChannel,
+  ModelConfigManager as ConfigManager,
+  DEFAULT_MANUAL_FIXED_TURNS,
+  MIN_MANUAL_FIXED_TURNS,
+  MAX_MANUAL_FIXED_TURNS,
+  MAX_AI_DRIVEN_DISCUSSION_TURNS_PER_MODEL,
+  INITIAL_NOTEPAD_CONTENT,
+  NOTEPAD_INSTRUCTION_PROMPT_PART,
+  NOTEPAD_UPDATE_TAG_START,
+  NOTEPAD_UPDATE_TAG_END,
+  DISCUSSION_COMPLETE_TAG,
+  AI_DRIVEN_DISCUSSION_INSTRUCTION_PROMPT_PART,
+  DiscussionMode
+} from './constants';
+import { 
+  BotMessageSquare, 
+  AlertTriangle, 
+  RefreshCcw, 
+  SlidersHorizontal, 
+  Users, 
+  MessagesSquare, 
+  Bot, 
+  ChevronDown,
+  Settings,
+  Play,
+  Pause,
+  Square,
+  Download
+} from 'lucide-react';
+
+interface ParsedAIResponse {
+  spokenText: string;
+  newNotepadContent: string | null;
+  discussionShouldEnd?: boolean;
+}
+
+interface ActiveRole extends AiRole {
+  model: AiModel;
+  channel: ApiChannel;
+  isProcessing?: boolean;
+}
+
+interface DiscussionState {
+  currentRoleIndex: number;
+  currentTurn: number;
+  discussionLog: string[];
+  isFirstMessage: boolean;
+  previousAISignaledStop: boolean;
+  discussionEndCount: number;
+  userQuery: string;
+  imageApiPart?: any;
+  commonPromptInstructions: string;
+  roleOrder: ActiveRole[];
+  maxTurnsForLoop: number;
+}
+
+const parseAIResponse = (responseText: string): ParsedAIResponse => {
+  let currentText = responseText.trim();
+  let spokenText = "";
+  let newNotepadContent: string | null = null;
+  let discussionShouldEnd = false;
+  
+  let notepadActionText = "";
+  let discussionActionText = "";
+
+  const notepadStartIndex = currentText.lastIndexOf(NOTEPAD_UPDATE_TAG_START);
+  const notepadEndIndex = currentText.lastIndexOf(NOTEPAD_UPDATE_TAG_END);
+
+  if (notepadStartIndex !== -1 && notepadEndIndex !== -1 && notepadEndIndex > notepadStartIndex && currentText.endsWith(NOTEPAD_UPDATE_TAG_END)) {
+    newNotepadContent = currentText.substring(notepadStartIndex + NOTEPAD_UPDATE_TAG_START.length, notepadEndIndex).trim();
+    spokenText = currentText.substring(0, notepadStartIndex).trim(); 
+    
+    if (newNotepadContent) {
+        notepadActionText = "更新了记事本";
+    } else {
+        notepadActionText = "尝试更新记事本但内容为空";
+    }
+  } else {
+    spokenText = currentText;
+  }
+
+  if (spokenText.includes(DISCUSSION_COMPLETE_TAG)) {
+    discussionShouldEnd = true;
+    spokenText = spokenText.replace(new RegExp(DISCUSSION_COMPLETE_TAG.replace(/[.*+?^${}()|[\]\\]/g, '\\$&'), 'g'), "").trim();
+    discussionActionText = "建议结束讨论";
+  }
+
+  if (!spokenText.trim()) {
+    if (notepadActionText && discussionActionText) {
+      spokenText = `(AI ${notepadActionText}并${discussionActionText})`;
+    } else if (notepadActionText) {
+      spokenText = `(AI ${notepadActionText})`;
+    } else if (discussionActionText) {
+      spokenText = `(AI ${discussionActionText})`;
+    } else {
+      spokenText = "(AI 未提供额外文本回复)"; 
+    }
+  }
+  
+  return { spokenText: spokenText.trim(), newNotepadContent, discussionShouldEnd };
+};
+
+const fileToBase64 = (file: File): Promise<string> => {
+  return new Promise((resolve, reject) => {
+    const reader = new FileReader();
+    reader.readAsDataURL(file);
+    reader.onload = () => {
+      const result = reader.result as string;
+      resolve(result.split(',')[1]);
+    };
+    reader.onerror = (error) => reject(error);
+  });
+};
+
+const createDynamicMessageSender = (roleName: string): MessageSender => {
+  return roleName as MessageSender;
+};
+
+const App: React.FC = () => {
+  const [messages, setMessages] = useState<ChatMessage[]>([]);
+  const [isLoading, setIsLoading] = useState<boolean>(false);
+  const [currentTotalProcessingTimeMs, setCurrentTotalProcessingTimeMs] = useState<number>(0);
+
+  const [notepadContent, setNotepadContent] = useState<string>(INITIAL_NOTEPAD_CONTENT);
+  const [lastNotepadUpdateBy, setLastNotepadUpdateBy] = useState<MessageSender | null>(null);
+
+  const [discussionMode, setDiscussionMode] = useState<DiscussionMode>(DiscussionMode.FixedTurns);
+  const [manualFixedTurns, setManualFixedTurns] = useState<number>(DEFAULT_MANUAL_FIXED_TURNS);
+  const [isReducedCapacityEnabled, setIsReducedCapacityEnabled] = useState<boolean>(false);
+
+  const [activeRoles, setActiveRoles] = useState<ActiveRole[]>([]);
+  const [channels, setChannels] = useState<ApiChannel[]>([]);
+  const [models, setModels] = useState<AiModel[]>([]);
+  const [isConfigManagerOpen, setIsConfigManagerOpen] = useState<boolean>(false);
+  const [isRoleSelectorOpen, setIsRoleSelectorOpen] = useState<boolean>(false);
+
+  const [isDiscussionActive, setIsDiscussionActive] = useState<boolean>(false);
+  const [streamingMessages, setStreamingMessages] = useState<Map<string, { text: string; isComplete: boolean }>>(new Map());
+  const [currentDiscussion, setCurrentDiscussion] = useState<DiscussionState | null>(null);
+
+  const chatContainerRef = useRef<HTMLDivElement>(null);
+  const currentQueryStartTimeRef = useRef<number | null>(null);
+  const cancelRequestRef = useRef<boolean>(false);
+
+  // 实时流式消息管理
+  const createStreamingMessage = (sender: MessageSender, purpose: MessagePurpose): string => {
+    const messageId = Date.now().toString() + Math.random().toString(36).substr(2, 9);
+    const message: ChatMessage = {
+      id: messageId,
+      text: '',
+      sender,
+      purpose,
+      timestamp: new Date()
+    };
+    
+    setMessages(prev => [...prev, message]);
+    setStreamingMessages(prev => new Map(prev.set(messageId, { text: '', isComplete: false })));
+    return messageId;
+  };
+
+  const updateStreamingMessage = (messageId: string, fullText: string, isComplete: boolean, durationMs?: number) => {
+    setMessages(prev => prev.map(msg => 
+      msg.id === messageId ? { 
+        ...msg, 
+        text: fullText,
+        durationMs: isComplete ? durationMs : msg.durationMs
+      } : msg
+    ));
+  };
+
+  const loadConfiguration = () => {
+    const allChannels = ConfigManager.getChannels();
+    const allModels = ConfigManager.getModels();
+    const allRoles = ConfigManager.getActiveRoles();
+    
+    setChannels(allChannels);
+    setModels(allModels);
+    
+    const rolesWithModelsAndChannels: ActiveRole[] = allRoles.map(role => {
+      const model = allModels.find(m => m.id === role.modelId);
+      if (!model) {
+        console.warn(`Role ${role.name} references non-existent model ${role.modelId}`);
+        return null;
+      }
+      
+      const channel = allChannels.find(ch => ch.id === model.channelId);
+      if (!channel) {
+        console.warn(`Model ${model.name} references non-existent channel ${model.channelId}`);
+        return null;
+      }
+      
+      return { ...role, model, channel };
+    }).filter(Boolean) as ActiveRole[];
+    
+    setActiveRoles(rolesWithModelsAndChannels);
+  };
+
+  useEffect(() => {
+    loadConfiguration();
+  }, []);
+
+  const addMessage = (
+    text: string,
+    sender: MessageSender,
+    purpose: MessagePurpose,
+    durationMs?: number,
+    image?: ChatMessage['image']
+  ) => {
+    const messageId = Date.now().toString() + Math.random().toString(36).substr(2, 9);
+    const message: ChatMessage = {
+      id: messageId,
+      text,
+      sender,
+      purpose,
+      timestamp: new Date(),
+      durationMs,
+      image
+    };
+
+    setMessages(prev => [...prev, message]);
+    return messageId;
+  };
+
+  const interruptDiscussion = () => {
+    if (isLoading && isDiscussionActive) {
+      cancelRequestRef.current = true;
+      setIsLoading(false);
+      setIsDiscussionActive(false);
+      setCurrentDiscussion(null);
+      
+      if (currentTotalProcessingTimeMs > 0) {
+        addMessage(
+          `讨论已被用户中断 (已进行 ${(currentTotalProcessingTimeMs / 1000).toFixed(2)}秒)`,
+          MessageSender.System,
+          MessagePurpose.SystemNotification
+        );
+      }
+      
+      setCurrentTotalProcessingTimeMs(0);
+      if (currentQueryStartTimeRef.current) {
+        currentQueryStartTimeRef.current = null;
+      }
+    }
+  };
+
+  const exportDiscussionRecord = () => {
+    if (messages.length === 0) {
+      addMessage('当前没有可导出的消息记录', MessageSender.System, MessagePurpose.SystemNotification);
+      return;
+    }
+
+    // 生成简洁的文本格式导出
+    let exportText = `=== Multi-Mind Chat 对话记录 ===\n`;
+    exportText += `导出时间: ${new Date().toLocaleString()}\n`;
+    exportText += `消息总数: ${messages.length}\n\n`;
+
+    messages.forEach(msg => {
+      if (msg.purpose !== MessagePurpose.SystemNotification) {
+        const timeStr = msg.timestamp.toLocaleTimeString();
+        const durationStr = msg.durationMs ? ` (${(msg.durationMs / 1000).toFixed(2)}s)` : '';
+        exportText += `[${timeStr}] ${msg.sender}${durationStr}: ${msg.text}\n\n`;
+        
+        if (msg.image) {
+          exportText += `    [附件: ${msg.image.name} - ${msg.image.type}]\n\n`;
+        }
+      }
+    });
+
+    if (notepadContent !== INITIAL_NOTEPAD_CONTENT) {
+      exportText += `=== 最终记事本内容 ===\n`;
+      exportText += `${notepadContent}\n\n`;
+    }
+
+    const blob = new Blob([exportText], { type: 'text/plain;charset=utf-8' });
+    const url = URL.createObjectURL(blob);
+    const a = document.createElement('a');
+    a.href = url;
+    a.download = `对话记录-${new Date().toISOString().split('T')[0]}-${Date.now()}.txt`;
+    document.body.appendChild(a);
+    a.click();
+    document.body.removeChild(a);
+    URL.revokeObjectURL(url);
+
+    addMessage('对话记录已导出', MessageSender.System, MessagePurpose.SystemNotification);
+  };
+
+  const getWelcomeMessageText = () => {
+    const modeDescription = discussionMode === DiscussionMode.FixedTurns 
+      ? `固定轮次对话 (${manualFixedTurns}轮)` 
+      : "AI驱动对话";
+    
+    const roleNames = activeRoles.map(role => role.name).join(' 和 ');
+    const roleCount = activeRoles.length;
+    const channelCount = channels.length;
+    
+    if (channelCount === 0) {
+      return `欢迎使用Multi-Mind Chat 智囊团！请先配置API渠道。点击设置按钮开始配置。`;
+    } else if (roleCount === 0) {
+      return `欢迎使用Multi-Mind Chat 智囊团！已配置 ${channelCount} 个API渠道，请继续配置AI角色和模型。点击设置按钮开始配置。`;
+    } else if (roleCount === 1) {
+      return `欢迎使用Multi-Mind Chat 智囊团！当前模式: ${modeDescription}。当前只有一个活跃角色: ${roleNames}。建议添加更多角色以获得更好的协作体验。`;
+    } else {
+      return `欢迎使用Multi-Mind Chat 智囊团！当前模式: ${modeDescription}。活跃的AI角色: ${roleNames}。这些角色将协作讨论您的问题并使用共享记事本。`;
+    }
+  };
+  
+  const initializeChat = () => {
+    setMessages([]);
+    setNotepadContent(INITIAL_NOTEPAD_CONTENT);
+    setLastNotepadUpdateBy(null);
+    setIsDiscussionActive(false);
+    setStreamingMessages(new Map());
+    setCurrentDiscussion(null);
+
+    addMessage(
+      getWelcomeMessageText(),
+      MessageSender.System,
+      MessagePurpose.SystemNotification
+    );
+  };
+
+  useEffect(() => {
+    initializeChat();
+  }, [activeRoles, discussionMode, manualFixedTurns, channels]);
+
+  useEffect(() => {
+    if (chatContainerRef.current) {
+      chatContainerRef.current.scrollTop = chatContainerRef.current.scrollHeight;
+    }
+  }, [messages]);
+
+  useEffect(() => {
+    let intervalId: number | undefined;
+    if (isLoading && currentQueryStartTimeRef.current) {
+      intervalId = window.setInterval(() => {
+        if (currentQueryStartTimeRef.current) {
+          setCurrentTotalProcessingTimeMs(performance.now() - currentQueryStartTimeRef.current);
+        }
+      }, 100);
+    } else {
+      if (intervalId) clearInterval(intervalId);
+    }
+    return () => {
+      if (intervalId) clearInterval(intervalId);
+    };
+  }, [isLoading]);
+
+  const handleClearChat = () => {
+    if (isLoading) {
+      cancelRequestRef.current = true;
+    }
+    setIsLoading(false);
+    setIsDiscussionActive(false);
+    setCurrentDiscussion(null);
+    
+    setCurrentTotalProcessingTimeMs(0);
+    if (currentQueryStartTimeRef.current) {
+        currentQueryStartTimeRef.current = null;
+    }
+
+    setMessages([]);
+    setNotepadContent(INITIAL_NOTEPAD_CONTENT);
+    setLastNotepadUpdateBy(null);
+    setStreamingMessages(new Map());
+
+    addMessage(
+      getWelcomeMessageText(),
+      MessageSender.System,
+      MessagePurpose.SystemNotification
+    );
+  };
+  
+  const handleManualFixedTurnsChange = (e: React.ChangeEvent<HTMLInputElement>) => {
+    let value = parseInt(e.target.value, 10);
+    if (isNaN(value)) {
+      value = DEFAULT_MANUAL_FIXED_TURNS; 
+    }
+    value = Math.max(MIN_MANUAL_FIXED_TURNS, Math.min(MAX_MANUAL_FIXED_TURNS, value));
+    setManualFixedTurns(value);
+  };
+
+  const toggleRoleActiveState = (roleId: string) => {
+    const role = activeRoles.find(r => r.id === roleId);
+    if (role) {
+      ConfigManager.updateRole(roleId, { isActive: !role.isActive });
+      loadConfiguration();
+    }
+  };
+
+  const processNextRole = (state: DiscussionState) => {
+    if (cancelRequestRef.current) {
+      setIsDiscussionActive(false);
+      setCurrentDiscussion(null);
+      return;
+    }
+
+    // 检查是否完成所有讨论
+    if (state.currentTurn === 0 && state.currentRoleIndex >= state.roleOrder.length) {
+      // 第一轮结束，开始多轮讨论
+      if (!state.previousAISignaledStop && state.maxTurnsForLoop > 0) {
+        const newState = { ...state, currentTurn: 1, currentRoleIndex: 0, discussionEndCount: 0 };
+        setCurrentDiscussion(newState);
+        processNextRole(newState);
+        return;
+      } else {
+        processFinalAnswer(state);
+        return;
+      }
+    } else if (state.currentTurn > 0 && 
+      (state.currentTurn >= state.maxTurnsForLoop || 
+      state.previousAISignaledStop || 
+      state.currentRoleIndex >= state.roleOrder.length)) {
+      processFinalAnswer(state);
+      return;
+    }
+
+    const currentRole = state.roleOrder[state.currentRoleIndex];
+    const shouldUseReducedCapacity = isReducedCapacityEnabled && currentRole.model.supportsReducedCapacity;
+
+    // 显示系统通知
+    addMessage(
+      `${currentRole.name} 正在${state.currentTurn === 0 ? '分析问题并提供观点' : '回应其他角色的观点'} (使用 ${currentRole.model.name} - ${currentRole.channel.name})...`, 
+      MessageSender.System, 
+      MessagePurpose.SystemNotification
+    );
+
+    // 立即创建消息气泡
+    const purpose = state.currentRoleIndex % 2 === 0 ? MessagePurpose.CognitoToMuse : MessagePurpose.MuseToCognito;
+    const messageId = Date.now().toString() + Math.random().toString(36).substr(2, 9);
+    
+    // 立即添加空消息到界面，用户会看到正在输入的效果
+    const initialMessage: ChatMessage = {
+      id: messageId,
+      text: '', // 开始时为空，等待流式输入
+      sender: createDynamicMessageSender(currentRole.name),
+      purpose,
+      timestamp: new Date()
+    };
+    
+    setMessages(prev => [...prev, initialMessage]);
+
+    // 构建提示词
+    let prompt: string;
+    if (state.isFirstMessage) {
+      prompt = `用户的查询 (中文) 是: "${state.userQuery}". ${state.imageApiPart ? "用户还提供了一张图片。请在您的分析和回复中同时考虑此图片和文本查询。" : ""} 请针对此查询提供您的初步想法或分析。这是一个多AI协作的环境，其他AI角色稍后会对您的观点进行回应和讨论。用中文回答。\n${state.commonPromptInstructions}`;
+    } else if (state.currentTurn === 0) {
+      const otherRoles = state.roleOrder.filter(r => r.id !== currentRole.id).map(r => r.name).join(' 和 ');
+      prompt = `用户的查询 (中文) 是: "${state.userQuery}". ${state.imageApiPart ? "用户还提供了一张图片。请在您的分析和回复中同时考虑此图片和文本查询。" : ""} 当前讨论 (均为中文):\n${state.discussionLog.join("\n")}\n您正在与 ${otherRoles} 协作讨论这个问题。请提供您的观点和分析。用中文回答。\n${state.commonPromptInstructions}`;
+    } else {
+      const otherRoles = state.roleOrder.filter(r => r.id !== currentRole.id).map(r => r.name).join(' 和 ');
+      prompt = `用户的查询 (中文) 是: "${state.userQuery}". ${state.imageApiPart ? "用户还提供了一张图片。请在您的分析和回复中同时考虑此图片和文本查询。" : ""} 当前讨论 (均为中文):\n${state.discussionLog.join("\n")}\n您正在与 ${otherRoles} 协作讨论。请对前面的讨论进行回应，提供您的进一步见解或不同观点。保持简洁并使用中文。\n${NOTEPAD_INSTRUCTION_PROMPT_PART.replace('{notepadContent}', notepadContent)}`;
+      
+      if (discussionMode === DiscussionMode.AiDriven && state.previousAISignaledStop) {
+        prompt += `\n注意：之前有AI角色建议结束讨论。如果您同意，请在回复中包含 ${DISCUSSION_COMPLETE_TAG}。否则，请继续讨论。`;
+      } else if (discussionMode === DiscussionMode.AiDriven) {
+        prompt += AI_DRIVEN_DISCUSSION_INSTRUCTION_PROMPT_PART;
+      }
+    }
+
+    // 用于后台累积完整响应文本的变量
+    let accumulatedText = '';
+
+    // 开始流式API调用
+    generateResponse(
+      prompt,
+      currentRole.model.apiName,
+      currentRole.systemPrompt,
+      shouldUseReducedCapacity,
+      state.imageApiPart,
+      currentRole.channel.baseUrl,
+      currentRole.channel.apiKey,
+      // 关键的流式回调函数
+      (newChunk: string, fullText: string, isComplete: boolean) => {
+        // newChunk: 本次新接收到的文本块
+        // fullText: API累积的完整文本（用于后续处理）
+        // isComplete: 是否完成
+        
+        // 更新后台累积的完整文本
+        accumulatedText = fullText;
+        
+        // 实时更新界面显示 - 关键是这里直接使用 fullText 进行显示
+        setMessages(prev => prev.map(msg => 
+          msg.id === messageId ? { 
+            ...msg, 
+            text: fullText, // 直接显示累积的完整文本，实现打字机效果
+            durationMs: isComplete ? (performance.now() - (currentQueryStartTimeRef.current || 0)) : undefined
+          } : msg
+        ));
+      }
+    ).then(response => {
+      if (cancelRequestRef.current) {
+        setIsDiscussionActive(false);
+        setCurrentDiscussion(null);
+        return;
+      }
+
+      if (response.error) {
+        if (response.error.includes("API key not valid") || response.error.includes("401")) {
+          setMessages(prev => prev.map(msg => 
+            msg.id === messageId ? { 
+              ...msg, 
+              text: `API密钥无效 (渠道: ${currentRole.channel.name})，请在配置界面中检查密钥设置。`,
+              durationMs: response.durationMs
+            } : msg
+          ));
+          setIsLoading(false);
+          setIsDiscussionActive(false);
+          setCurrentDiscussion(null);
+          return;
+        }
+        throw new Error(`${currentRole.name}: ${response.text}`);
+      }
+
+      // 确保最终消息内容正确
+      setMessages(prev => prev.map(msg => 
+        msg.id === messageId ? { 
+          ...msg, 
+          text: response.text,
+          durationMs: response.durationMs
+        } : msg
+      ));
+
+      // 解析响应
+      const parsedResponse = parseAIResponse(response.text);
+      if (parsedResponse.newNotepadContent !== null) {
+        setNotepadContent(parsedResponse.newNotepadContent);
+        setLastNotepadUpdateBy(createDynamicMessageSender(currentRole.name));
+      }
+
+      // 更新讨论日志 - 使用解析后的文本
+      const newDiscussionLog = [...state.discussionLog, `${currentRole.name}: ${parsedResponse.spokenText}`];
+      
+      // 更新状态
+      let newState = {
+        ...state,
+        discussionLog: newDiscussionLog,
+        isFirstMessage: false,
+        currentRoleIndex: state.currentRoleIndex + 1
+      };
+
+      // 处理AI驱动模式的结束信号
+      if (discussionMode === DiscussionMode.AiDriven && parsedResponse.discussionShouldEnd) {
+        if (state.currentTurn > 0) {
+          newState.discussionEndCount++;
+          if (state.previousAISignaledStop || newState.discussionEndCount >= Math.ceil(state.roleOrder.length / 2)) {
+            addMessage(`多数AI角色已同意结束讨论。`, MessageSender.System, MessagePurpose.SystemNotification);
+            newState.previousAISignaledStop = true;
+          } else {
+            addMessage(`${currentRole.name} 已建议结束讨论。`, MessageSender.System, MessagePurpose.SystemNotification);
+          }
+        } else {
+          newState.previousAISignaledStop = true;
+          addMessage(`${currentRole.name} 已建议结束讨论。`, MessageSender.System, MessagePurpose.SystemNotification);
+        }
+      }
+
+      setCurrentDiscussion(newState);
+      
+      // 继续处理下一个角色
+      setTimeout(() => processNextRole(newState), 100);
+    }).catch(error => {
+      console.error("处理AI响应时出错:", error);
+      addMessage(`错误: ${error instanceof Error ? error.message : "处理响应时发生未知错误"}`, MessageSender.System, MessagePurpose.SystemNotification);
+      setIsLoading(false);
+      setIsDiscussionActive(false);
+      setCurrentDiscussion(null);
+    });
+  };
+
+  const processFinalAnswer = (state: DiscussionState) => {
+    const finalAnswerRole = state.roleOrder[0];
+    const shouldUseReducedCapacity = isReducedCapacityEnabled && finalAnswerRole.model.supportsReducedCapacity;
+
+    addMessage(
+      `${finalAnswerRole.name} 正在综合所有讨论内容，准备最终答案 (使用 ${finalAnswerRole.model.name} - ${finalAnswerRole.channel.name})...`,
+      MessageSender.System,
+      MessagePurpose.SystemNotification
+    );
+
+    // 立即创建最终答案消息气泡
+    const finalMessageId = Date.now().toString() + Math.random().toString(36).substr(2, 9);
+    const finalMessage: ChatMessage = {
+      id: finalMessageId,
+      text: '', // 开始时为空
+      sender: createDynamicMessageSender(finalAnswerRole.name),
+      purpose: MessagePurpose.FinalResponse,
+      timestamp: new Date()
+    };
+    
+    setMessages(prev => [...prev, finalMessage]);
+
+    const finalPrompt = `用户最初的查询 (中文) 是: "${state.userQuery}". ${state.imageApiPart ? "用户还提供了一张图片。请在您的分析和回复中同时考虑此图片和文本查询。" : ""} 您和其他AI角色进行了以下讨论 (均为中文):\n${state.discussionLog.join("\n")}\n基于整个协作讨论过程和共享记事本的最终状态，请综合所有关键观点，为用户提供一个全面、有用的最终答案。直接回复用户，确保答案结构良好，易于理解，并使用中文。如果相关，您可以在答案中引用记事本内容。如果需要，您也可以最后一次更新记事本。\n${NOTEPAD_INSTRUCTION_PROMPT_PART.replace('{notepadContent}', notepadContent)}`;
+
+    generateResponse(
+      finalPrompt,
+      finalAnswerRole.model.apiName,
+      finalAnswerRole.systemPrompt,
+      shouldUseReducedCapacity,
+      state.imageApiPart,
+      finalAnswerRole.channel.baseUrl,
+      finalAnswerRole.channel.apiKey,
+      // 最终答案的流式回调
+      (newChunk: string, fullText: string, isComplete: boolean) => {
+        setMessages(prev => prev.map(msg => 
+          msg.id === finalMessageId ? { 
+            ...msg, 
+            text: fullText, // 实时显示累积文本
+            durationMs: isComplete ? (performance.now() - (currentQueryStartTimeRef.current || 0)) : undefined
+          } : msg
+        ));
+      }
+    ).then(finalResponse => {
+      if (cancelRequestRef.current) {
+        setIsDiscussionActive(false);
+        setCurrentDiscussion(null);
+        return;
+      }
+
+      if (finalResponse.error) {
+        if (finalResponse.error.includes("API key not valid") || finalResponse.error.includes("401")) {
+          setMessages(prev => prev.map(msg => 
+            msg.id === finalMessageId ? { 
+              ...msg, 
+              text: `API密钥无效 (渠道: ${finalAnswerRole.channel.name})，请在配置界面中检查密钥设置。`,
+              durationMs: finalResponse.durationMs
+            } : msg
+          ));
+          setIsLoading(false);
+          setIsDiscussionActive(false);
+          setCurrentDiscussion(null);
+          return;
+        }
+        throw new Error(`${finalAnswerRole.name}: ${finalResponse.text}`);
+      }
+
+      setMessages(prev => prev.map(msg => 
+        msg.id === finalMessageId ? { 
+          ...msg, 
+          text: finalResponse.text,
+          durationMs: finalResponse.durationMs
+        } : msg
+      ));
+
+      const finalParsedResponse = parseAIResponse(finalResponse.text);
+      if (finalParsedResponse.newNotepadContent !== null) {
+        setNotepadContent(finalParsedResponse.newNotepadContent);
+        setLastNotepadUpdateBy(createDynamicMessageSender(finalAnswerRole.name));
+      }
+
+      // 讨论完成
+      setIsLoading(false);
+      setIsDiscussionActive(false);
+      setCurrentDiscussion(null);
+      currentQueryStartTimeRef.current = null;
+    }).catch(error => {
+      console.error("生成最终答案时出错:", error);
+      addMessage(`错误: ${error instanceof Error ? error.message : "生成最终答案时发生未知错误"}`, MessageSender.System, MessagePurpose.SystemNotification);
+      setIsLoading(false);
+      setIsDiscussionActive(false);
+      setCurrentDiscussion(null);
+    });
+  };
+
+  const handleSendMessage = async (userInput: string, imageFile?: File | null) => {
+    if (isLoading) return;
+    if (!userInput.trim() && !imageFile) return;
+    
+    if (channels.length === 0) {
+      addMessage("请先配置API渠道。点击设置按钮添加渠道。", MessageSender.System, MessagePurpose.SystemNotification);
+      return;
+    }
+    
+    if (activeRoles.length === 0) {
+      addMessage("请先配置AI角色。点击设置按钮添加角色。", MessageSender.System, MessagePurpose.SystemNotification);
+      return;
+    }
+
+    const rolesWithoutApiKey = activeRoles.filter(role => !role.channel.apiKey?.trim());
+    if (rolesWithoutApiKey.length > 0) {
+      const roleNames = rolesWithoutApiKey.map(role => `${role.name}(${role.channel.name})`).join('、');
+      addMessage(`以下角色的API渠道缺少API密钥: ${roleNames}。请在配置界面中设置相应的API密钥。`, MessageSender.System, MessagePurpose.SystemNotification);
+      return;
+    }
+
+    if (imageFile) {
+      const supportsImages = activeRoles.some(role => role.model.supportsImages);
+      if (!supportsImages) {
+        addMessage("当前活跃的角色都不支持图片处理。请添加支持图片的模型和角色，或移除图片。", MessageSender.System, MessagePurpose.SystemNotification);
+        return;
+      }
+    }
+
+    setIsDiscussionActive(true);
+    cancelRequestRef.current = false;
+    setIsLoading(true);
+    currentQueryStartTimeRef.current = performance.now();
+    setCurrentTotalProcessingTimeMs(0);
+
+    let userImageForDisplay: ChatMessage['image'] | undefined = undefined;
+    if (imageFile) {
+      const dataUrl = URL.createObjectURL(imageFile);
+      userImageForDisplay = { dataUrl, name: imageFile.name, type: imageFile.type };
+    }
+
+    addMessage(userInput, MessageSender.User, MessagePurpose.UserInput, undefined, userImageForDisplay);
+    
+    let imageApiPart: { inlineData: { mimeType: string; data: string } } | undefined = undefined;
+    if (imageFile) {
+      try {
+        const base64Data = await fileToBase64(imageFile);
+        imageApiPart = {
+          inlineData: {
+            mimeType: imageFile.type,
+            data: base64Data,
+          },
+        };
+      } catch (error) {
+        console.error("Error converting file to base64:", error);
+        addMessage("图片处理失败，请重试。", MessageSender.System, MessagePurpose.SystemNotification);
+        setIsLoading(false);
+        setIsDiscussionActive(false);
+        return;
+      }
+    }
+
+    const discussionModeInstruction = discussionMode === DiscussionMode.AiDriven ? AI_DRIVEN_DISCUSSION_INSTRUCTION_PROMPT_PART : "";
+    const commonPromptInstructions = NOTEPAD_INSTRUCTION_PROMPT_PART.replace('{notepadContent}', notepadContent) + discussionModeInstruction;
+
+    const roleOrder = [...activeRoles];
+    const maxTurnsForLoop = discussionMode === DiscussionMode.AiDriven ? MAX_AI_DRIVEN_DISCUSSION_TURNS_PER_MODEL : manualFixedTurns;
+
+    // 初始化讨论状态
+    const discussionState: DiscussionState = {
+      currentRoleIndex: 0,
+      currentTurn: 0,
+      discussionLog: [],
+      isFirstMessage: true,
+      previousAISignaledStop: false,
+      discussionEndCount: 0,
+      userQuery: userInput,
+      imageApiPart,
+      commonPromptInstructions,
+      roleOrder,
+      maxTurnsForLoop
+    };
+
+    setCurrentDiscussion(discussionState);
+    
+    // 开始第一个AI的回复（不等待）
+    processNextRole(discussionState);
+    
+    // 清理图片URL
+    if (userImageForDisplay?.dataUrl.startsWith('blob:')) {
+      // 延迟清理，确保消息已渲染
+      setTimeout(() => {
+        URL.revokeObjectURL(userImageForDisplay.dataUrl);
+      }, 5000);
+    }
+  };
+  
+  const Separator = () => <div className="h-6 w-px bg-gray-600" aria-hidden="true"></div>;
+
+  const hasValidChannels = channels.some(ch => ch.apiKey?.trim());
+  const isSystemReady = hasValidChannels && activeRoles.length > 0;
+
+  return (
+    <div className="flex flex-col h-screen max-w-7xl mx-auto bg-gray-900 shadow-2xl rounded-lg overflow-hidden">
+      <header className="p-4 bg-gray-900 border-b border-gray-700 flex items-center justify-between shrink-0 space-x-2 md:space-x-4 flex-wrap">
+        <div className="flex items-center shrink-0">
+          <BotMessageSquare size={28} className="mr-2 md:mr-3 text-sky-400" />
+          <h1 className="text-xl md:text-2xl font-semibold text-sky-400">Multi-Mind Chat 智囊团</h1>
+        </div>
+        
+        <div className="flex items-center space-x-2 md:space-x-3 flex-wrap justify-end gap-y-2">
+          {/* 讨论控制按钮 */}
+          {isDiscussionActive && (
+            <div className="flex items-center space-x-2">
+              <button
+                onClick={interruptDiscussion}
+                className="px-3 py-1 bg-red-600 hover:bg-red-700 text-white rounded text-sm flex items-center space-x-1"
+                title="中断当前讨论"
+              >
+                <Square size={16} />
+                <span>中断讨论</span>
+              </button>
+              <Separator />
+            </div>
+          )}
+          
+          {/* 导出按钮 - 有消息时始终可用 */}
+          {messages.length > 1 && (
+            <div className="flex items-center space-x-2">
+              <button
+                onClick={exportDiscussionRecord}
+                className="px-3 py-1 bg-green-600 hover:bg-green-700 text-white rounded text-sm flex items-center space-x-1"
+                title="导出对话记录"
+                disabled={isLoading}
+              >
+                <Download size={16} />
+                <span>导出记录</span>
+              </button>
+              <Separator />
+            </div>
+          )}
+
+          {/* 角色管理器 */}
+          <div className="relative flex items-center">
+            <label className="text-sm text-gray-300 mr-1.5 flex items-center shrink-0">
+              <Users size={18} className="mr-1 text-sky-400"/>
+              角色:
+            </label>
+            <button
+              onClick={() => setIsRoleSelectorOpen(!isRoleSelectorOpen)}
+              className="bg-gray-700 border border-gray-600 text-white text-sm rounded-md p-1.5 focus:ring-2 focus:ring-sky-500 focus:border-sky-500 outline-none flex items-center space-x-2 min-w-[120px]"
+              aria-label="管理AI角色"
+            >
+              <span className="truncate">{activeRoles.length}个活跃</span>
+              <ChevronDown size={16} className={`transition-transform ${isRoleSelectorOpen ? 'rotate-180' : ''}`} />
+            </button>
+            
+            {isRoleSelectorOpen && (
+              <div className="absolute top-full left-0 mt-1 w-80 bg-gray-800 border border-gray-600 rounded-md shadow-lg z-50 max-h-96 overflow-y-auto">
+                <div className="p-3 border-b border-gray-700">
+                  <div className="flex justify-between items-center">
+                    <h3 className="text-white font-medium">活跃角色</h3>
+                    <button
+                      onClick={() => {
+                        setIsConfigManagerOpen(true);
+                        setIsRoleSelectorOpen(false);
+                      }}
+                      className="text-xs bg-sky-600 hover:bg-sky-700 text-white px-2 py-1 rounded flex items-center space-x-1"
+                    >
+                      <Settings size={12} />
+                      <span>配置</span>
+                    </button>
+                  </div>
+                </div>
+                
+                {activeRoles.length === 0 ? (
+                  <div className="p-4 text-center text-gray-400">
+                    <p className="mb-2">暂无活跃角色</p>
+                    <button
+                      onClick={() => {
+                        setIsConfigManagerOpen(true);
+                        setIsRoleSelectorOpen(false);
+                      }}
+                      className="text-sm bg-sky-600 hover:bg-sky-700 text-white px-3 py-1 rounded"
+                    >
+                      添加角色
+                    </button>
+                  </div>
+                ) : (
+                  <div className="max-h-64 overflow-y-auto">
+                    {activeRoles.map((role) => (
+                      <div key={role.id} className="p-3 border-b border-gray-700 last:border-b-0">
+                        <div className="flex justify-between items-start">
+                          <div className="flex-1">
+                            <div className="flex items-center space-x-2">
+                              <h4 className="text-white font-medium">{role.name}</h4>
+                              <button
+                                onClick={() => toggleRoleActiveState(role.id)}
+                                className={`p-1 rounded transition-colors ${
+                                  role.isActive ? 'text-green-400 hover:text-green-300' : 'text-gray-500 hover:text-gray-400'
+                                }`}
+                                title={role.isActive ? '暂停角色' : '激活角色'}
+                              >
+                                {role.isActive ? <Play size={14} /> : <Pause size={14} />}
+                              </button>
+                            </div>
+                            <p className="text-gray-400 text-xs">{role.model.name}</p>
+                            <p className="text-gray-500 text-xs">渠道: {role.channel.name}</p>
+                            <div className="flex space-x-1 mt-1">
+                              {role.model.supportsImages && (
+                                <span className="text-xs bg-green-600 text-white px-1 rounded">图像</span>
+                              )}
+                              {role.model.supportsReducedCapacity && (
+                                <span className="text-xs bg-blue-600 text-white px-1 rounded">优化</span>
+                              )}
+                              {!role.channel.apiKey?.trim() && (
+                                <span className="text-xs bg-red-600 text-white px-1 rounded">缺少密钥</span>
+                              )}
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                    ))}
+                  </div>
+                )}
+              </div>
+            )}
+            
+            {isRoleSelectorOpen && (
+              <div 
+                className="fixed inset-0 z-40" 
+                onClick={() => setIsRoleSelectorOpen(false)}
+              />
+            )}
+          </div>
+          
+          <Separator />
+
+          <div className="flex items-center space-x-1.5">
+            <label
+              htmlFor="discussionModeToggle"
+              className="flex items-center text-sm text-gray-300 cursor-pointer hover:text-sky-400"
+              title={discussionMode === DiscussionMode.FixedTurns ? "切换到AI驱动模式" : "切换到固定轮次模式"}
+            >
+              {discussionMode === DiscussionMode.FixedTurns 
+                ? <MessagesSquare size={18} className="mr-1 text-sky-400" /> 
+                : <Bot size={18} className="mr-1 text-sky-400" />}
+              <span className="mr-1 select-none shrink-0">模式:</span>
+              <div className="relative">
+                <input
+                  type="checkbox"
+                  id="discussionModeToggle"
+                  className="sr-only peer"
+                  checked={discussionMode === DiscussionMode.AiDriven}
+                  onChange={() => setDiscussionMode(prev => prev === DiscussionMode.FixedTurns ? DiscussionMode.AiDriven : DiscussionMode.FixedTurns)}
+                  aria-label="切换对话模式"
+                  disabled={isLoading}
+                />
+                <div className={`block w-10 h-6 rounded-full transition-colors ${discussionMode === DiscussionMode.AiDriven ? 'bg-sky-500' : 'bg-gray-600'}`}></div>
+                <div className={`absolute left-1 top-1 bg-white w-4 h-4 rounded-full transition-transform ${discussionMode === DiscussionMode.AiDriven ? 'translate-x-4' : ''}`}></div>
+              </div>
+              <span className="ml-1.5 select-none shrink-0 min-w-[4rem] text-left">
+                {discussionMode === DiscussionMode.FixedTurns ? '固定' : 'AI驱动'}
+              </span>
+            </label>
+            {discussionMode === DiscussionMode.FixedTurns && (
+              <div className="flex items-center text-sm text-gray-300">
+                <input
+                  type="number"
+                  id="manualFixedTurnsInput"
+                  value={manualFixedTurns}
+                  onChange={handleManualFixedTurnsChange}
+                  min={MIN_MANUAL_FIXED_TURNS}
+                  max={MAX_MANUAL_FIXED_TURNS}
+                  className="w-14 bg-gray-700 border border-gray-600 text-white text-sm rounded-md p-1 text-center focus:ring-1 focus:ring-sky-500 focus:border-sky-500 outline-none"
+                  aria-label="设置固定轮次数量"
+                  disabled={isLoading}
+                />
+                <span className="ml-1 select-none">轮</span>
+              </div>
+            )}
+          </div>
+
+          <Separator />
+
+          <label
+            htmlFor="capacityToggle"
+            className="flex items-center text-sm text-gray-300 cursor-pointer hover:text-sky-400"
+            title={isReducedCapacityEnabled ? "切换为优质模式 (完整性能)" : "切换为快速模式 (降低性能)"}
+          >
+            <SlidersHorizontal size={18} className={`mr-1.5 ${!isReducedCapacityEnabled ? 'text-sky-400' : 'text-gray-500'}`} />
+            <span className="mr-2 select-none shrink-0">性能:</span>
+            <div className="relative">
+              <input
+                type="checkbox"
+                id="capacityToggle"
+                className="sr-only peer"
+                checked={!isReducedCapacityEnabled}
+                onChange={() => setIsReducedCapacityEnabled(!isReducedCapacityEnabled)}
+                aria-label="切换AI性能模式"
+                disabled={isLoading}
+              />
+              <div className={`block w-10 h-6 rounded-full transition-colors ${!isReducedCapacityEnabled ? 'bg-sky-500 peer-checked:bg-sky-500' : 'bg-gray-600'}`}></div>
+              <div className={`absolute left-1 top-1 bg-white w-4 h-4 rounded-full transition-transform ${!isReducedCapacityEnabled ? 'peer-checked:translate-x-4' : ''}`}></div>
+            </div>
+            <span className="ml-2 w-20 text-left select-none shrink-0">
+              {!isReducedCapacityEnabled ? '优质' : '快速'}
+            </span>
+          </label>
+
+          <Separator />
+
+          <button
+            onClick={() => setIsConfigManagerOpen(true)}
+            className="p-2 text-gray-400 hover:text-sky-400 transition-colors duration-150 focus:outline-none focus:ring-2 focus:ring-sky-500 focus:ring-offset-2 focus:ring-offset-gray-900 rounded-md shrink-0"
+            aria-label="配置管理"
+            title="配置管理"
+          >
+            <Settings size={22} />
+          </button>
+
+          <button
+            onClick={handleClearChat}
+            className="p-2 text-gray-400 hover:text-sky-400 transition-colors duration-150 focus:outline-none focus:ring-2 focus:ring-sky-500 focus:ring-offset-2 focus:ring-offset-gray-900 rounded-md shrink-0"
+            aria-label="清空会话"
+            title="清空会话"
+            disabled={isLoading}
+          >
+            <RefreshCcw size={22} />
+          </button>
+        </div>
+      </header>
+
+      <div className="flex flex-row flex-grow overflow-hidden">
+        <div className="flex flex-col w-2/3 md:w-3/5 lg:w-2/3 h-full">
+          <div ref={chatContainerRef} className="flex-grow p-4 space-y-4 overflow-y-auto bg-gray-800 scroll-smooth">
+            {messages.map((msg) => {
+              const streamingState = streamingMessages.get(msg.id);
+              const displayMessage = streamingState && !streamingState.isComplete 
+                ? { ...msg, text: streamingState.text }
+                : msg;
+              
+              return <MessageBubble key={msg.id} message={displayMessage} />;
+            })}
+          </div>
+          <ChatInput onSendMessage={handleSendMessage} isLoading={isLoading} isApiKeyMissing={!isSystemReady} />
+        </div>
+
+        <div className="w-1/3 md:w-2/5 lg:w-1/3 h-full bg-slate-800">
+          <Notepad
+            content={notepadContent}
+            lastUpdatedBy={lastNotepadUpdateBy}
+            isLoading={isLoading}
+          />
+        </div>
+      </div>
+
+      {/* 配置管理器 */}
+      <ModelConfigManager
+        isOpen={isConfigManagerOpen}
+        onClose={() => setIsConfigManagerOpen(false)}
+        onConfigChange={loadConfiguration}
+      />
+
+      {/* 处理时间显示 */}
+      {(isLoading || (currentTotalProcessingTimeMs > 0 && !isLoading) || (isLoading && currentTotalProcessingTimeMs === 0)) && (
+        <div className="fixed bottom-4 right-4 md:bottom-6 md:right-6 bg-gray-900 bg-opacity-80 text-white p-2 rounded-md shadow-lg text-xs z-50">
+          总耗时: {(currentTotalProcessingTimeMs / 1000).toFixed(2)}s
+          {isDiscussionActive && (
+            <div className="text-green-400 mt-1">讨论进行中...</div>
+          )}
+        </div>
+      )}
+
+      {/* 系统状态提示 */}
+      {!isSystemReady && (
+        <div className="fixed bottom-4 left-1/2 transform -translate-x-1/2 p-3 bg-orange-700 text-white rounded-lg shadow-lg flex items-center text-sm z-50">
+          <AlertTriangle size={20} className="mr-2" /> 
+          {!hasValidChannels ? '请配置API渠道和密钥' : '请配置AI角色'}
+          。点击设置按钮进行配置。
+        </div>
+      )}
+    </div>
+  );
+};
+
 export default App;

Dockerfile

@@ -1,34 +1,34 @@
-# Multi-Mind Chat 智囊团 Dockerfile
-FROM node:18-alpine
-
-# 设置工作目录
-WORKDIR /app
-
-# 复制 package.json 和 package-lock.json
-COPY package*.json ./
-
-# 安装依赖
-RUN npm ci
-
-# 复制应用代码
-COPY . .
-
-# 直接设置预置渠道的环境变量（在此处修改您的配置）
-ENV VITE_PRESET_CHANNEL_NAME="预置服务"
-
-
-# 构建前端应用
-RUN npm run build
-
-# 安装静态文件服务器
-RUN npm install -g serve
-
-# 暴露端口
-EXPOSE 7860
-
-# 设置运行时环境变量
-ENV NODE_ENV=production
-ENV PORT=7860
-
-# 启动命令
+# Multi-Mind Chat 智囊团 Dockerfile
+FROM node:18-alpine
+
+# 设置工作目录
+WORKDIR /app
+
+# 复制 package.json 和 package-lock.json
+COPY package*.json ./
+
+# 安装依赖
+RUN npm ci
+
+# 复制应用代码
+COPY . .
+
+# 直接设置预置渠道的环境变量（在此处修改您的配置）
+ENV VITE_PRESET_CHANNEL_NAME="预置服务"
+
+
+# 构建前端应用
+RUN npm run build
+
+# 安装静态文件服务器
+RUN npm install -g serve
+
+# 暴露端口
+EXPOSE 7860
+
+# 设置运行时环境变量
+ENV NODE_ENV=production
+ENV PORT=7860
+
+# 启动命令
 CMD ["serve", "-s", "dist", "-l", "7860"]

README.md

@@ -1,11 +1,11 @@
----
-title: MultiMindChat
-emoji: 📚
-colorFrom: purple
-colorTo: red
-sdk: docker
-pinned: false
-license: mit
----
-
-Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
+---
+title: MultiMindChat
+emoji: 📚
+colorFrom: purple
+colorTo: red
+sdk: docker
+pinned: false
+license: mit
+---
+
+Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference

components/ChatInput.tsx

@@ -1,191 +1,191 @@
-
-import React, { useState, useRef, useCallback, useEffect } from 'react';
-import { Send, Paperclip, XCircle } from 'lucide-react';
-import LoadingSpinner from './LoadingSpinner';
-
-interface ChatInputProps {
-  onSendMessage: (message: string, imageFile?: File | null) => void;
-  isLoading: boolean;
-  isApiKeyMissing: boolean;
-}
-
-const ACCEPTED_IMAGE_TYPES = ['image/jpeg', 'image/png', 'image/gif', 'image/webp'];
-
-const ChatInput: React.FC<ChatInputProps> = ({ onSendMessage, isLoading, isApiKeyMissing }) => {
-  const [inputValue, setInputValue] = useState('');
-  const [selectedImage, setSelectedImage] = useState<File | null>(null);
-  const [imagePreviewUrl, setImagePreviewUrl] = useState<string | null>(null);
-  const [isDraggingOver, setIsDraggingOver] = useState(false);
-  const textareaRef = useRef<HTMLTextAreaElement>(null);
-  const fileInputRef = useRef<HTMLInputElement>(null);
-
-  useEffect(() => {
-    if (selectedImage) {
-      const objectUrl = URL.createObjectURL(selectedImage);
-      setImagePreviewUrl(objectUrl);
-      return () => URL.revokeObjectURL(objectUrl);
-    }
-    setImagePreviewUrl(null);
-  }, [selectedImage]);
-
-  const handleImageFile = (file: File | null) => {
-    if (file && ACCEPTED_IMAGE_TYPES.includes(file.type)) {
-      setSelectedImage(file);
-    } else if (file) {
-      alert('不支持的文件类型。请选择 JPG, PNG, GIF, 或 WEBP 格式的图片。');
-      setSelectedImage(null);
-    } else {
-      setSelectedImage(null);
-    }
-    // Reset file input value to allow selecting the same file again
-    if (fileInputRef.current) {
-      fileInputRef.current.value = "";
-    }
-  };
-
-  const removeImage = () => {
-    setSelectedImage(null);
-    setImagePreviewUrl(null);
-  };
-
-  const triggerSendMessage = () => {
-    if ((inputValue.trim() || selectedImage) && !isLoading && !isApiKeyMissing) {
-      onSendMessage(inputValue.trim(), selectedImage);
-      setInputValue('');
-      removeImage(); // Clear image after sending
-      if (textareaRef.current) { // Reset textarea height after sending
-        textareaRef.current.style.height = 'auto'; 
-      }
-    }
-  };
-
-  const handleSubmit = (e: React.FormEvent) => {
-    e.preventDefault();
-    triggerSendMessage();
-  };
-
-  const handleKeyDown = (e: React.KeyboardEvent<HTMLTextAreaElement>) => {
-    if (e.key === 'Enter' && e.ctrlKey) {
-      e.preventDefault(); // Prevent new line
-      triggerSendMessage();
-    }
-  };
-
-  const handlePaste = useCallback((e: React.ClipboardEvent<HTMLTextAreaElement>) => {
-    const items = e.clipboardData?.items;
-    if (items) {
-      for (let i = 0; i < items.length; i++) {
-        if (ACCEPTED_IMAGE_TYPES.includes(items[i].type)) {
-          const file = items[i].getAsFile();
-          if (file) {
-            handleImageFile(file);
-            e.preventDefault(); // Prevent pasting file path as text
-            break;
-          }
-        }
-      }
-    }
-  }, []);
-
-  const handleDrop = useCallback((e: React.DragEvent<HTMLTextAreaElement>) => {
-    e.preventDefault();
-    setIsDraggingOver(false);
-    if (e.dataTransfer.files && e.dataTransfer.files.length > 0) {
-      handleImageFile(e.dataTransfer.files[0]);
-      e.dataTransfer.clearData();
-    }
-  }, []);
-
-  const handleDragOver = (e: React.DragEvent<HTMLTextAreaElement>) => {
-    e.preventDefault();
-    setIsDraggingOver(true);
-  };
-
-  const handleDragLeave = (e: React.DragEvent<HTMLTextAreaElement>) => {
-    e.preventDefault();
-    setIsDraggingOver(false);
-  };
-  
-  const handleFileButtonClick = () => {
-    if (fileInputRef.current) {
-      fileInputRef.current.click();
-    }
-  };
-
-  const handleFileSelected = (e: React.ChangeEvent<HTMLInputElement>) => {
-    if (e.target.files && e.target.files.length > 0) {
-      handleImageFile(e.target.files[0]);
-    }
-  };
-
-  const isDisabled = isLoading || isApiKeyMissing;
-
-  return (
-    <form onSubmit={handleSubmit} className="p-4 bg-gray-800 border-t border-gray-700">
-      {imagePreviewUrl && selectedImage && (
-        <div className="mb-2 p-2 bg-gray-700 rounded-md relative max-w-xs">
-          <img src={imagePreviewUrl} alt={selectedImage.name || "图片预览"} className="max-h-24 max-w-full rounded" />
-          <button
-            type="button"
-            onClick={removeImage}
-            className="absolute top-1 right-1 bg-black bg-opacity-50 text-white rounded-full p-0.5 hover:bg-opacity-75"
-            aria-label="移除图片"
-          >
-            <XCircle size={20} />
-          </button>
-          <div className="text-xs text-gray-300 mt-1 truncate">{selectedImage.name} ({(selectedImage.size / 1024).toFixed(1)} KB)</div>
-        </div>
-      )}
-      <div className="flex items-end space-x-2">
-        <textarea
-          ref={textareaRef}
-          value={inputValue}
-          onChange={(e) => setInputValue(e.target.value)}
-          onKeyDown={handleKeyDown} // Added keydown handler
-          onPaste={handlePaste}
-          onDrop={handleDrop}
-          onDragOver={handleDragOver}
-          onDragLeave={handleDragLeave}
-          placeholder={isApiKeyMissing ? "API密钥未配置，聊天功能已禁用。" : (isDraggingOver ? "将图片拖放到此处" : "输入您的消息 (Ctrl+Enter 发送) 或粘贴/拖放图片...")}
-          className={`flex-grow p-3 bg-gray-700 border border-gray-600 rounded-lg focus:ring-2 focus:ring-sky-500 focus:border-sky-500 outline-none placeholder-gray-400 disabled:opacity-50 resize-none min-h-[48px] max-h-[150px] ${isDraggingOver ? 'ring-2 ring-sky-500 border-sky-500' : ''}`}
-          rows={1} // Start with 1 row, auto-expands
-          disabled={isDisabled}
-          aria-label="聊天输入框"
-          onInput={(e) => { // Auto-resize textarea
-            const target = e.target as HTMLTextAreaElement;
-            target.style.height = 'auto';
-            target.style.height = `${target.scrollHeight}px`;
-          }}
-        />
-        <input
-          type="file"
-          ref={fileInputRef}
-          onChange={handleFileSelected}
-          accept={ACCEPTED_IMAGE_TYPES.join(',')}
-          className="hidden"
-          aria-label="选择图片文件"
-        />
-        <button
-          type="button"
-          onClick={handleFileButtonClick}
-          className="p-3 bg-gray-600 hover:bg-gray-500 rounded-lg text-white transition-colors duration-150 focus:outline-none focus:ring-2 focus:ring-sky-500 focus:ring-offset-2 focus:ring-offset-gray-800 disabled:opacity-50 disabled:cursor-not-allowed self-end h-[48px]"
-          disabled={isDisabled}
-          aria-label="添加图片附件"
-          title="添加图片"
-        >
-          <Paperclip size={24} />
-        </button>
-        <button
-          type="submit"
-          className="p-3 bg-sky-600 hover:bg-sky-700 rounded-lg text-white transition-colors duration-150 focus:outline-none focus:ring-2 focus:ring-sky-500 focus:ring-offset-2 focus:ring-offset-gray-800 disabled:opacity-50 disabled:cursor-not-allowed self-end h-[48px]"
-          disabled={isDisabled || (!inputValue.trim() && !selectedImage)}
-          aria-label={isLoading ? "发送中" : "发送消息"}
-        >
-          {isLoading ? <LoadingSpinner size="w-6 h-6" color="text-white" /> : <Send size={24} />}
-        </button>
-      </div>
-    </form>
-  );
-};
-
-export default ChatInput;
+
+import React, { useState, useRef, useCallback, useEffect } from 'react';
+import { Send, Paperclip, XCircle } from 'lucide-react';
+import LoadingSpinner from './LoadingSpinner';
+
+interface ChatInputProps {
+  onSendMessage: (message: string, imageFile?: File | null) => void;
+  isLoading: boolean;
+  isApiKeyMissing: boolean;
+}
+
+const ACCEPTED_IMAGE_TYPES = ['image/jpeg', 'image/png', 'image/gif', 'image/webp'];
+
+const ChatInput: React.FC<ChatInputProps> = ({ onSendMessage, isLoading, isApiKeyMissing }) => {
+  const [inputValue, setInputValue] = useState('');
+  const [selectedImage, setSelectedImage] = useState<File | null>(null);
+  const [imagePreviewUrl, setImagePreviewUrl] = useState<string | null>(null);
+  const [isDraggingOver, setIsDraggingOver] = useState(false);
+  const textareaRef = useRef<HTMLTextAreaElement>(null);
+  const fileInputRef = useRef<HTMLInputElement>(null);
+
+  useEffect(() => {
+    if (selectedImage) {
+      const objectUrl = URL.createObjectURL(selectedImage);
+      setImagePreviewUrl(objectUrl);
+      return () => URL.revokeObjectURL(objectUrl);
+    }
+    setImagePreviewUrl(null);
+  }, [selectedImage]);
+
+  const handleImageFile = (file: File | null) => {
+    if (file && ACCEPTED_IMAGE_TYPES.includes(file.type)) {
+      setSelectedImage(file);
+    } else if (file) {
+      alert('不支持的文件类型。请选择 JPG, PNG, GIF, 或 WEBP 格式的图片。');
+      setSelectedImage(null);
+    } else {
+      setSelectedImage(null);
+    }
+    // Reset file input value to allow selecting the same file again
+    if (fileInputRef.current) {
+      fileInputRef.current.value = "";
+    }
+  };
+
+  const removeImage = () => {
+    setSelectedImage(null);
+    setImagePreviewUrl(null);
+  };
+
+  const triggerSendMessage = () => {
+    if ((inputValue.trim() || selectedImage) && !isLoading && !isApiKeyMissing) {
+      onSendMessage(inputValue.trim(), selectedImage);
+      setInputValue('');
+      removeImage(); // Clear image after sending
+      if (textareaRef.current) { // Reset textarea height after sending
+        textareaRef.current.style.height = 'auto'; 
+      }
+    }
+  };
+
+  const handleSubmit = (e: React.FormEvent) => {
+    e.preventDefault();
+    triggerSendMessage();
+  };
+
+  const handleKeyDown = (e: React.KeyboardEvent<HTMLTextAreaElement>) => {
+    if (e.key === 'Enter' && e.ctrlKey) {
+      e.preventDefault(); // Prevent new line
+      triggerSendMessage();
+    }
+  };
+
+  const handlePaste = useCallback((e: React.ClipboardEvent<HTMLTextAreaElement>) => {
+    const items = e.clipboardData?.items;
+    if (items) {
+      for (let i = 0; i < items.length; i++) {
+        if (ACCEPTED_IMAGE_TYPES.includes(items[i].type)) {
+          const file = items[i].getAsFile();
+          if (file) {
+            handleImageFile(file);
+            e.preventDefault(); // Prevent pasting file path as text
+            break;
+          }
+        }
+      }
+    }
+  }, []);
+
+  const handleDrop = useCallback((e: React.DragEvent<HTMLTextAreaElement>) => {
+    e.preventDefault();
+    setIsDraggingOver(false);
+    if (e.dataTransfer.files && e.dataTransfer.files.length > 0) {
+      handleImageFile(e.dataTransfer.files[0]);
+      e.dataTransfer.clearData();
+    }
+  }, []);
+
+  const handleDragOver = (e: React.DragEvent<HTMLTextAreaElement>) => {
+    e.preventDefault();
+    setIsDraggingOver(true);
+  };
+
+  const handleDragLeave = (e: React.DragEvent<HTMLTextAreaElement>) => {
+    e.preventDefault();
+    setIsDraggingOver(false);
+  };
+  
+  const handleFileButtonClick = () => {
+    if (fileInputRef.current) {
+      fileInputRef.current.click();
+    }
+  };
+
+  const handleFileSelected = (e: React.ChangeEvent<HTMLInputElement>) => {
+    if (e.target.files && e.target.files.length > 0) {
+      handleImageFile(e.target.files[0]);
+    }
+  };
+
+  const isDisabled = isLoading || isApiKeyMissing;
+
+  return (
+    <form onSubmit={handleSubmit} className="p-4 bg-gray-800 border-t border-gray-700">
+      {imagePreviewUrl && selectedImage && (
+        <div className="mb-2 p-2 bg-gray-700 rounded-md relative max-w-xs">
+          <img src={imagePreviewUrl} alt={selectedImage.name || "图片预览"} className="max-h-24 max-w-full rounded" />
+          <button
+            type="button"
+            onClick={removeImage}
+            className="absolute top-1 right-1 bg-black bg-opacity-50 text-white rounded-full p-0.5 hover:bg-opacity-75"
+            aria-label="移除图片"
+          >
+            <XCircle size={20} />
+          </button>
+          <div className="text-xs text-gray-300 mt-1 truncate">{selectedImage.name} ({(selectedImage.size / 1024).toFixed(1)} KB)</div>
+        </div>
+      )}
+      <div className="flex items-end space-x-2">
+        <textarea
+          ref={textareaRef}
+          value={inputValue}
+          onChange={(e) => setInputValue(e.target.value)}
+          onKeyDown={handleKeyDown} // Added keydown handler
+          onPaste={handlePaste}
+          onDrop={handleDrop}
+          onDragOver={handleDragOver}
+          onDragLeave={handleDragLeave}
+          placeholder={isApiKeyMissing ? "API密钥未配置，聊天功能已禁用。" : (isDraggingOver ? "将图片拖放到此处" : "输入您的消息 (Ctrl+Enter 发送) 或粘贴/拖放图片...")}
+          className={`flex-grow p-3 bg-gray-700 border border-gray-600 rounded-lg focus:ring-2 focus:ring-sky-500 focus:border-sky-500 outline-none placeholder-gray-400 disabled:opacity-50 resize-none min-h-[48px] max-h-[150px] ${isDraggingOver ? 'ring-2 ring-sky-500 border-sky-500' : ''}`}
+          rows={1} // Start with 1 row, auto-expands
+          disabled={isDisabled}
+          aria-label="聊天输入框"
+          onInput={(e) => { // Auto-resize textarea
+            const target = e.target as HTMLTextAreaElement;
+            target.style.height = 'auto';
+            target.style.height = `${target.scrollHeight}px`;
+          }}
+        />
+        <input
+          type="file"
+          ref={fileInputRef}
+          onChange={handleFileSelected}
+          accept={ACCEPTED_IMAGE_TYPES.join(',')}
+          className="hidden"
+          aria-label="选择图片文件"
+        />
+        <button
+          type="button"
+          onClick={handleFileButtonClick}
+          className="p-3 bg-gray-600 hover:bg-gray-500 rounded-lg text-white transition-colors duration-150 focus:outline-none focus:ring-2 focus:ring-sky-500 focus:ring-offset-2 focus:ring-offset-gray-800 disabled:opacity-50 disabled:cursor-not-allowed self-end h-[48px]"
+          disabled={isDisabled}
+          aria-label="添加图片附件"
+          title="添加图片"
+        >
+          <Paperclip size={24} />
+        </button>
+        <button
+          type="submit"
+          className="p-3 bg-sky-600 hover:bg-sky-700 rounded-lg text-white transition-colors duration-150 focus:outline-none focus:ring-2 focus:ring-sky-500 focus:ring-offset-2 focus:ring-offset-gray-800 disabled:opacity-50 disabled:cursor-not-allowed self-end h-[48px]"
+          disabled={isDisabled || (!inputValue.trim() && !selectedImage)}
+          aria-label={isLoading ? "发送中" : "发送消息"}
+        >
+          {isLoading ? <LoadingSpinner size="w-6 h-6" color="text-white" /> : <Send size={24} />}
+        </button>
+      </div>
+    </form>
+  );
+};
+
+export default ChatInput;

components/LoadingSpinner.tsx

@@ -1,35 +1,35 @@
-
-import React from 'react';
-
-interface LoadingSpinnerProps {
-  size?: string; // e.g., 'w-8 h-8'
-  color?: string; // e.g., 'text-blue-500'
-}
-
-const LoadingSpinner: React.FC<LoadingSpinnerProps> = ({ size = 'w-5 h-5', color = 'text-sky-400' }) => {
-  return (
-    <svg
-      className={`animate-spin ${size} ${color}`}
-      xmlns="http://www.w3.org/2000/svg"
-      fill="none"
-      viewBox="0 0 24 24"
-    >
-      <circle
-        className="opacity-25"
-        cx="12"
-        cy="12"
-        r="10"
-        stroke="currentColor"
-        strokeWidth="4"
-      ></circle>
-      <path
-        className="opacity-75"
-        fill="currentColor"
-        d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
-      ></path>
-    </svg>
-  );
-};
-
-export default LoadingSpinner;
+
+import React from 'react';
+
+interface LoadingSpinnerProps {
+  size?: string; // e.g., 'w-8 h-8'
+  color?: string; // e.g., 'text-blue-500'
+}
+
+const LoadingSpinner: React.FC<LoadingSpinnerProps> = ({ size = 'w-5 h-5', color = 'text-sky-400' }) => {
+  return (
+    <svg
+      className={`animate-spin ${size} ${color}`}
+      xmlns="http://www.w3.org/2000/svg"
+      fill="none"
+      viewBox="0 0 24 24"
+    >
+      <circle
+        className="opacity-25"
+        cx="12"
+        cy="12"
+        r="10"
+        stroke="currentColor"
+        strokeWidth="4"
+      ></circle>
+      <path
+        className="opacity-75"
+        fill="currentColor"
+        d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
+      ></path>
+    </svg>
+  );
+};
+
+export default LoadingSpinner;
     

components/MessageBubble.tsx

@@ -1,201 +1,201 @@
-import React, { useState, useEffect } from 'react';
-import { ChatMessage, MessageSender, MessagePurpose } from '../types';
-import { Lightbulb, MessageSquareText, UserCircle, Zap, AlertTriangle, Copy, Check, MoreHorizontal } from 'lucide-react';
-import { marked } from 'marked';
-import DOMPurify from 'dompurify';
-
-interface SenderIconProps {
-  sender: MessageSender;
-  purpose: MessagePurpose;
-  messageText: string;
-}
-
-const SenderIcon: React.FC<SenderIconProps> = ({ sender, purpose, messageText }) => {
-  const iconClass = "w-5 h-5 mr-2 flex-shrink-0";
-  switch (sender) {
-    case MessageSender.User:
-      return <UserCircle className={`${iconClass} text-blue-400`} />;
-    case MessageSender.Cognito:
-      return <Lightbulb className={`${iconClass} text-green-400`} />;
-    case MessageSender.Muse:
-      return <Zap className={`${iconClass} text-purple-400`} />;
-    case MessageSender.System:
-      if (
-        purpose === MessagePurpose.SystemNotification &&
-        (messageText.toLowerCase().includes("error") ||
-          messageText.toLowerCase().includes("错误") ||
-          messageText.toLowerCase().includes("警告"))
-      ) {
-        return <AlertTriangle className={`${iconClass} text-red-400`} />;
-      }
-      return <MessageSquareText className={`${iconClass} text-gray-400`} />;
-    default:
-      // For dynamic role names, use a generic bot icon with dynamic color
-      const colorClasses = [
-        'text-green-400', 'text-purple-400', 'text-blue-400', 
-        'text-yellow-400', 'text-pink-400', 'text-indigo-400'
-      ];
-      const colorIndex = typeof sender === 'string' ? 
-        sender.length % colorClasses.length : 0;
-      return <Lightbulb className={`${iconClass} ${colorClasses[colorIndex]}`} />;
-  }
-};
-
-const getSenderNameStyle = (sender: MessageSender): string => {
-  switch (sender) {
-    case MessageSender.User: return "text-blue-300";
-    case MessageSender.Cognito: return "text-green-300";
-    case MessageSender.Muse: return "text-purple-300";
-    case MessageSender.System: return "text-gray-400";
-    default: 
-      // For dynamic role names, apply dynamic colors
-      const colorClasses = [
-        'text-green-300', 'text-purple-300', 'text-blue-300',
-        'text-yellow-300', 'text-pink-300', 'text-indigo-300'
-      ];
-      const colorIndex = typeof sender === 'string' ? 
-        sender.length % colorClasses.length : 0;
-      return colorClasses[colorIndex];
-  }
-}
-
-const getBubbleStyle = (sender: MessageSender, purpose: MessagePurpose, messageText: string): string => {
-  let baseStyle = "mb-4 p-4 rounded-lg shadow-md max-w-xl break-words relative ";
-  if (purpose === MessagePurpose.SystemNotification) {
-    if (
-      messageText.toLowerCase().includes("error") ||
-      messageText.toLowerCase().includes("错误") ||
-      messageText.toLowerCase().includes("警告") ||
-      messageText.toLowerCase().includes("critical") ||
-      messageText.toLowerCase().includes("严重")
-    ) {
-       return baseStyle + "bg-red-800 border border-red-700 text-center text-sm italic mx-auto text-red-200";
-    }
-    return baseStyle + "bg-gray-700 text-center text-sm italic mx-auto";
-  }
-  switch (sender) {
-    case MessageSender.User:
-      return baseStyle + "bg-blue-600 ml-auto rounded-br-none";
-    case MessageSender.Cognito:
-      return baseStyle + "bg-green-700 mr-auto rounded-bl-none";
-    case MessageSender.Muse:
-      return baseStyle + "bg-purple-700 mr-auto rounded-bl-none";
-    default:
-      // For dynamic role names, use varied background colors
-      const bgColors = [
-        'bg-green-700', 'bg-purple-700', 'bg-blue-700',
-        'bg-yellow-700', 'bg-pink-700', 'bg-indigo-700'
-      ];
-      const bgIndex = typeof sender === 'string' ? 
-        sender.length % bgColors.length : 0;
-      return baseStyle + bgColors[bgIndex] + " mr-auto rounded-bl-none";
-  }
-};
-
-const getPurposePrefix = (purpose: MessagePurpose, sender: MessageSender): string => {
-  switch (purpose) {
-    case MessagePurpose.CognitoToMuse:
-      return `致 ${MessageSender.Muse}的消息: `;
-    case MessagePurpose.MuseToCognito:
-      return `致 ${MessageSender.Cognito}的消息: `;
-    case MessagePurpose.FinalResponse:
-      return `最终答案: `;
-    default:
-      return "";
-  }
-}
-
-interface MessageBubbleProps {
-  message: ChatMessage;
-}
-
-const MessageBubble: React.FC<MessageBubbleProps> = ({ message }) => {
-  const { text: messageText, sender, purpose, timestamp, durationMs, image } = message;
-  const formattedTime = new Date(timestamp).toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' });
-  const [isCopied, setIsCopied] = useState(false);
-
-  // 移除所有流式动画逻辑，直接显示内容
-  const isDiscussionStep = purpose === MessagePurpose.CognitoToMuse || purpose === MessagePurpose.MuseToCognito;
-  const isFinalResponse = purpose === MessagePurpose.FinalResponse;
-  const showDuration = durationMs !== undefined && durationMs > 0;
-
-  const shouldRenderMarkdown = 
-    (sender === MessageSender.User || sender === MessageSender.Cognito || sender === MessageSender.Muse || typeof sender === 'string') &&
-    purpose !== MessagePurpose.SystemNotification; 
-
-  let sanitizedHtml = '';
-  if (shouldRenderMarkdown && messageText) {
-    const rawHtml = marked.parse(messageText) as string;
-    sanitizedHtml = DOMPurify.sanitize(rawHtml);
-  }
-
-  const handleCopy = async () => {
-    try {
-      await navigator.clipboard.writeText(messageText);
-      setIsCopied(true);
-      setTimeout(() => setIsCopied(false), 2000);
-    } catch (err) {
-      console.error('无法复制文本: ', err);
-    }
-  };
-
-  const canCopy = (sender === MessageSender.User || sender === MessageSender.Cognito || sender === MessageSender.Muse || typeof sender === 'string') && purpose !== MessagePurpose.SystemNotification;
-
-  return (
-    <div className={`flex ${sender === MessageSender.User ? 'justify-end' : 'justify-start'}`}>
-      <div className={getBubbleStyle(sender, purpose, messageText)}>
-        {canCopy && (
-          <button
-            onClick={handleCopy}
-            title={isCopied ? "已复制!" : "复制消息"}
-            className="absolute top-1.5 right-1.5 p-1 text-gray-400 hover:text-sky-300 transition-colors rounded-md focus:outline-none focus:ring-1 focus:ring-sky-500"
-          >
-            {isCopied ? <Check size={16} className="text-green-400" /> : <Copy size={16} />}
-          </button>
-        )}
-        
-        <div className="flex items-center mb-1">
-          <SenderIcon sender={sender} purpose={purpose} messageText={messageText} />
-          <span className={`font-semibold ${getSenderNameStyle(sender)}`}>{sender}</span>
-          {isDiscussionStep && <span className="ml-2 text-xs text-gray-400">(内部讨论)</span>}
-        </div>
-        
-        {messageText ? (
-          shouldRenderMarkdown ? (
-            <div
-              className="chat-markdown-content text-sm text-gray-200"
-              dangerouslySetInnerHTML={{ __html: sanitizedHtml }}
-            />
-          ) : (
-            <p className="text-sm text-gray-200 whitespace-pre-wrap">
-              {messageText}
-            </p>
-          )
-        ) : (
-          <p className="text-sm text-gray-400 italic">
-            正在生成回复...
-          </p>
-        )}
-
-        {image && sender === MessageSender.User && (
-           <div className={`mt-2 ${messageText ? 'pt-2 border-t border-blue-500' : ''}`}>
-            <img 
-              src={image.dataUrl} 
-              alt={image.name || "用户上传的图片"} 
-              className="max-w-xs max-h-64 rounded-md object-contain" 
-            />
-          </div>
-        )}
-        
-        <div className="text-xs text-gray-400 mt-2 flex justify-between items-center">
-          <span>{formattedTime}</span>
-          {showDuration && (
-            <span className="italic"> (耗时: {(durationMs / 1000).toFixed(2)}s)</span>
-          )}
-        </div>
-      </div>
-    </div>
-  );
-};
-
+import React, { useState, useEffect } from 'react';
+import { ChatMessage, MessageSender, MessagePurpose } from '../types';
+import { Lightbulb, MessageSquareText, UserCircle, Zap, AlertTriangle, Copy, Check, MoreHorizontal } from 'lucide-react';
+import { marked } from 'marked';
+import DOMPurify from 'dompurify';
+
+interface SenderIconProps {
+  sender: MessageSender;
+  purpose: MessagePurpose;
+  messageText: string;
+}
+
+const SenderIcon: React.FC<SenderIconProps> = ({ sender, purpose, messageText }) => {
+  const iconClass = "w-5 h-5 mr-2 flex-shrink-0";
+  switch (sender) {
+    case MessageSender.User:
+      return <UserCircle className={`${iconClass} text-blue-400`} />;
+    case MessageSender.Cognito:
+      return <Lightbulb className={`${iconClass} text-green-400`} />;
+    case MessageSender.Muse:
+      return <Zap className={`${iconClass} text-purple-400`} />;
+    case MessageSender.System:
+      if (
+        purpose === MessagePurpose.SystemNotification &&
+        (messageText.toLowerCase().includes("error") ||
+          messageText.toLowerCase().includes("错误") ||
+          messageText.toLowerCase().includes("警告"))
+      ) {
+        return <AlertTriangle className={`${iconClass} text-red-400`} />;
+      }
+      return <MessageSquareText className={`${iconClass} text-gray-400`} />;
+    default:
+      // For dynamic role names, use a generic bot icon with dynamic color
+      const colorClasses = [
+        'text-green-400', 'text-purple-400', 'text-blue-400', 
+        'text-yellow-400', 'text-pink-400', 'text-indigo-400'
+      ];
+      const colorIndex = typeof sender === 'string' ? 
+        sender.length % colorClasses.length : 0;
+      return <Lightbulb className={`${iconClass} ${colorClasses[colorIndex]}`} />;
+  }
+};
+
+const getSenderNameStyle = (sender: MessageSender): string => {
+  switch (sender) {
+    case MessageSender.User: return "text-blue-300";
+    case MessageSender.Cognito: return "text-green-300";
+    case MessageSender.Muse: return "text-purple-300";
+    case MessageSender.System: return "text-gray-400";
+    default: 
+      // For dynamic role names, apply dynamic colors
+      const colorClasses = [
+        'text-green-300', 'text-purple-300', 'text-blue-300',
+        'text-yellow-300', 'text-pink-300', 'text-indigo-300'
+      ];
+      const colorIndex = typeof sender === 'string' ? 
+        sender.length % colorClasses.length : 0;
+      return colorClasses[colorIndex];
+  }
+}
+
+const getBubbleStyle = (sender: MessageSender, purpose: MessagePurpose, messageText: string): string => {
+  let baseStyle = "mb-4 p-4 rounded-lg shadow-md max-w-xl break-words relative ";
+  if (purpose === MessagePurpose.SystemNotification) {
+    if (
+      messageText.toLowerCase().includes("error") ||
+      messageText.toLowerCase().includes("错误") ||
+      messageText.toLowerCase().includes("警告") ||
+      messageText.toLowerCase().includes("critical") ||
+      messageText.toLowerCase().includes("严重")
+    ) {
+       return baseStyle + "bg-red-800 border border-red-700 text-center text-sm italic mx-auto text-red-200";
+    }
+    return baseStyle + "bg-gray-700 text-center text-sm italic mx-auto";
+  }
+  switch (sender) {
+    case MessageSender.User:
+      return baseStyle + "bg-blue-600 ml-auto rounded-br-none";
+    case MessageSender.Cognito:
+      return baseStyle + "bg-green-700 mr-auto rounded-bl-none";
+    case MessageSender.Muse:
+      return baseStyle + "bg-purple-700 mr-auto rounded-bl-none";
+    default:
+      // For dynamic role names, use varied background colors
+      const bgColors = [
+        'bg-green-700', 'bg-purple-700', 'bg-blue-700',
+        'bg-yellow-700', 'bg-pink-700', 'bg-indigo-700'
+      ];
+      const bgIndex = typeof sender === 'string' ? 
+        sender.length % bgColors.length : 0;
+      return baseStyle + bgColors[bgIndex] + " mr-auto rounded-bl-none";
+  }
+};
+
+const getPurposePrefix = (purpose: MessagePurpose, sender: MessageSender): string => {
+  switch (purpose) {
+    case MessagePurpose.CognitoToMuse:
+      return `致 ${MessageSender.Muse}的消息: `;
+    case MessagePurpose.MuseToCognito:
+      return `致 ${MessageSender.Cognito}的消息: `;
+    case MessagePurpose.FinalResponse:
+      return `最终答案: `;
+    default:
+      return "";
+  }
+}
+
+interface MessageBubbleProps {
+  message: ChatMessage;
+}
+
+const MessageBubble: React.FC<MessageBubbleProps> = ({ message }) => {
+  const { text: messageText, sender, purpose, timestamp, durationMs, image } = message;
+  const formattedTime = new Date(timestamp).toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' });
+  const [isCopied, setIsCopied] = useState(false);
+
+  // 移除所有流式动画逻辑，直接显示内容
+  const isDiscussionStep = purpose === MessagePurpose.CognitoToMuse || purpose === MessagePurpose.MuseToCognito;
+  const isFinalResponse = purpose === MessagePurpose.FinalResponse;
+  const showDuration = durationMs !== undefined && durationMs > 0;
+
+  const shouldRenderMarkdown = 
+    (sender === MessageSender.User || sender === MessageSender.Cognito || sender === MessageSender.Muse || typeof sender === 'string') &&
+    purpose !== MessagePurpose.SystemNotification; 
+
+  let sanitizedHtml = '';
+  if (shouldRenderMarkdown && messageText) {
+    const rawHtml = marked.parse(messageText) as string;
+    sanitizedHtml = DOMPurify.sanitize(rawHtml);
+  }
+
+  const handleCopy = async () => {
+    try {
+      await navigator.clipboard.writeText(messageText);
+      setIsCopied(true);
+      setTimeout(() => setIsCopied(false), 2000);
+    } catch (err) {
+      console.error('无法复制文本: ', err);
+    }
+  };
+
+  const canCopy = (sender === MessageSender.User || sender === MessageSender.Cognito || sender === MessageSender.Muse || typeof sender === 'string') && purpose !== MessagePurpose.SystemNotification;
+
+  return (
+    <div className={`flex ${sender === MessageSender.User ? 'justify-end' : 'justify-start'}`}>
+      <div className={getBubbleStyle(sender, purpose, messageText)}>
+        {canCopy && (
+          <button
+            onClick={handleCopy}
+            title={isCopied ? "已复制!" : "复制消息"}
+            className="absolute top-1.5 right-1.5 p-1 text-gray-400 hover:text-sky-300 transition-colors rounded-md focus:outline-none focus:ring-1 focus:ring-sky-500"
+          >
+            {isCopied ? <Check size={16} className="text-green-400" /> : <Copy size={16} />}
+          </button>
+        )}
+        
+        <div className="flex items-center mb-1">
+          <SenderIcon sender={sender} purpose={purpose} messageText={messageText} />
+          <span className={`font-semibold ${getSenderNameStyle(sender)}`}>{sender}</span>
+          {isDiscussionStep && <span className="ml-2 text-xs text-gray-400">(内部讨论)</span>}
+        </div>
+        
+        {messageText ? (
+          shouldRenderMarkdown ? (
+            <div
+              className="chat-markdown-content text-sm text-gray-200"
+              dangerouslySetInnerHTML={{ __html: sanitizedHtml }}
+            />
+          ) : (
+            <p className="text-sm text-gray-200 whitespace-pre-wrap">
+              {messageText}
+            </p>
+          )
+        ) : (
+          <p className="text-sm text-gray-400 italic">
+            正在生成回复...
+          </p>
+        )}
+
+        {image && sender === MessageSender.User && (
+           <div className={`mt-2 ${messageText ? 'pt-2 border-t border-blue-500' : ''}`}>
+            <img 
+              src={image.dataUrl} 
+              alt={image.name || "用户上传的图片"} 
+              className="max-w-xs max-h-64 rounded-md object-contain" 
+            />
+          </div>
+        )}
+        
+        <div className="text-xs text-gray-400 mt-2 flex justify-between items-center">
+          <span>{formattedTime}</span>
+          {showDuration && (
+            <span className="italic"> (耗时: {(durationMs / 1000).toFixed(2)}s)</span>
+          )}
+        </div>
+      </div>
+    </div>
+  );
+};
+
 export default MessageBubble;

components/Notepad.tsx

@@ -1,99 +1,99 @@
-import React, { useState, useMemo } from 'react';
-import { MessageSender } from '../types';
-import { FileText, Edit3, Eye, Code, Copy, Check } from 'lucide-react';
-import { marked } from 'marked';
-import DOMPurify from 'dompurify';
-
-interface NotepadProps {
-  content: string;
-  lastUpdatedBy?: MessageSender | null;
-  isLoading: boolean;
-}
-
-const Notepad: React.FC<NotepadProps> = ({ content, lastUpdatedBy, isLoading }) => {
-  const [isPreviewMode, setIsPreviewMode] = useState(false);
-  const [isCopied, setIsCopied] = useState(false);
-
-  const getSenderColor = (sender?: MessageSender | null) => {
-    if (sender === MessageSender.Cognito) return 'text-green-400';
-    if (sender === MessageSender.Muse) return 'text-purple-400';
-    return 'text-gray-400';
-  };
-
-  const processedHtml = useMemo(() => {
-    if (isPreviewMode) {
-      const rawHtml = marked.parse(content) as string;
-      return DOMPurify.sanitize(rawHtml);
-    }
-    return '';
-  }, [content, isPreviewMode]);
-
-  const handleCopyNotepad = async () => {
-    try {
-      await navigator.clipboard.writeText(content);
-      setIsCopied(true);
-      setTimeout(() => setIsCopied(false), 2000);
-    } catch (err) {
-      console.error('无法复制记事本内容: ', err);
-      // Optionally, display an error message to the user
-    }
-  };
-
-  return (
-    <div className="h-full flex flex-col bg-slate-800 border-l border-gray-700">
-      <header className="p-3 border-b border-gray-700 flex items-center justify-between bg-slate-900">
-        <div className="flex items-center">
-          <FileText size={20} className="mr-2 text-sky-400" />
-          <h2 className="text-lg font-semibold text-sky-400">记事本</h2>
-        </div>
-        <div className="flex items-center space-x-2">
-          {isLoading && <span className="text-xs text-gray-400 italic">AI 思考中...</span>}
-          <button
-            onClick={handleCopyNotepad}
-            className="p-1.5 text-gray-400 hover:text-sky-400 transition-colors duration-150 focus:outline-none focus:ring-1 focus:ring-sky-500 rounded-md"
-            title={isCopied ? "已复制!" : "复制记事本内容"}
-            aria-label={isCopied ? "已复制记事本内容到剪贴板" : "复制记事本内容"}
-          >
-            {isCopied ? <Check size={18} className="text-green-400" /> : <Copy size={18} />}
-          </button>
-          <button
-            onClick={() => setIsPreviewMode(!isPreviewMode)}
-            className="p-1.5 text-gray-400 hover:text-sky-400 transition-colors duration-150 focus:outline-none focus:ring-1 focus:ring-sky-500 rounded-md"
-            title={isPreviewMode ? "查看原始内容" : "预览 Markdown"}
-            aria-label={isPreviewMode ? "Switch to raw text view" : "Switch to Markdown preview"}
-          >
-            {isPreviewMode ? <Code size={18} /> : <Eye size={18} />}
-          </button>
-        </div>
-      </header>
-      <div className="flex-grow overflow-y-auto relative">
-        {isPreviewMode ? (
-          <div
-            className="markdown-preview" // Styles defined in index.html
-            dangerouslySetInnerHTML={{ __html: processedHtml }}
-            aria-label="Markdown 预览"
-          />
-        ) : (
-          <textarea
-            readOnly
-            value={content}
-            className="w-full h-full p-3 bg-slate-800 text-gray-300 resize-none border-none focus:ring-0 font-mono text-sm leading-relaxed"
-            aria-label="共享记事本内容 (原始内容)"
-          />
-        )}
-      </div>
-      <footer className="p-2 border-t border-gray-700 text-xs text-gray-500 bg-slate-900">
-        {lastUpdatedBy ? (
-          <div className="flex items-center">
-            <Edit3 size={14} className={`mr-1.5 ${getSenderColor(lastUpdatedBy)}`} />
-            最后更新者: <span className={`font-medium ml-1 ${getSenderColor(lastUpdatedBy)}`}>{lastUpdatedBy}</span>
-          </div>
-        ) : (
-          <span>记事本内容未被 AI 修改过。</span>
-        )}
-      </footer>
-    </div>
-  );
-};
-
+import React, { useState, useMemo } from 'react';
+import { MessageSender } from '../types';
+import { FileText, Edit3, Eye, Code, Copy, Check } from 'lucide-react';
+import { marked } from 'marked';
+import DOMPurify from 'dompurify';
+
+interface NotepadProps {
+  content: string;
+  lastUpdatedBy?: MessageSender | null;
+  isLoading: boolean;
+}
+
+const Notepad: React.FC<NotepadProps> = ({ content, lastUpdatedBy, isLoading }) => {
+  const [isPreviewMode, setIsPreviewMode] = useState(false);
+  const [isCopied, setIsCopied] = useState(false);
+
+  const getSenderColor = (sender?: MessageSender | null) => {
+    if (sender === MessageSender.Cognito) return 'text-green-400';
+    if (sender === MessageSender.Muse) return 'text-purple-400';
+    return 'text-gray-400';
+  };
+
+  const processedHtml = useMemo(() => {
+    if (isPreviewMode) {
+      const rawHtml = marked.parse(content) as string;
+      return DOMPurify.sanitize(rawHtml);
+    }
+    return '';
+  }, [content, isPreviewMode]);
+
+  const handleCopyNotepad = async () => {
+    try {
+      await navigator.clipboard.writeText(content);
+      setIsCopied(true);
+      setTimeout(() => setIsCopied(false), 2000);
+    } catch (err) {
+      console.error('无法复制记事本内容: ', err);
+      // Optionally, display an error message to the user
+    }
+  };
+
+  return (
+    <div className="h-full flex flex-col bg-slate-800 border-l border-gray-700">
+      <header className="p-3 border-b border-gray-700 flex items-center justify-between bg-slate-900">
+        <div className="flex items-center">
+          <FileText size={20} className="mr-2 text-sky-400" />
+          <h2 className="text-lg font-semibold text-sky-400">记事本</h2>
+        </div>
+        <div className="flex items-center space-x-2">
+          {isLoading && <span className="text-xs text-gray-400 italic">AI 思考中...</span>}
+          <button
+            onClick={handleCopyNotepad}
+            className="p-1.5 text-gray-400 hover:text-sky-400 transition-colors duration-150 focus:outline-none focus:ring-1 focus:ring-sky-500 rounded-md"
+            title={isCopied ? "已复制!" : "复制记事本内容"}
+            aria-label={isCopied ? "已复制记事本内容到剪贴板" : "复制记事本内容"}
+          >
+            {isCopied ? <Check size={18} className="text-green-400" /> : <Copy size={18} />}
+          </button>
+          <button
+            onClick={() => setIsPreviewMode(!isPreviewMode)}
+            className="p-1.5 text-gray-400 hover:text-sky-400 transition-colors duration-150 focus:outline-none focus:ring-1 focus:ring-sky-500 rounded-md"
+            title={isPreviewMode ? "查看原始内容" : "预览 Markdown"}
+            aria-label={isPreviewMode ? "Switch to raw text view" : "Switch to Markdown preview"}
+          >
+            {isPreviewMode ? <Code size={18} /> : <Eye size={18} />}
+          </button>
+        </div>
+      </header>
+      <div className="flex-grow overflow-y-auto relative">
+        {isPreviewMode ? (
+          <div
+            className="markdown-preview" // Styles defined in index.html
+            dangerouslySetInnerHTML={{ __html: processedHtml }}
+            aria-label="Markdown 预览"
+          />
+        ) : (
+          <textarea
+            readOnly
+            value={content}
+            className="w-full h-full p-3 bg-slate-800 text-gray-300 resize-none border-none focus:ring-0 font-mono text-sm leading-relaxed"
+            aria-label="共享记事本内容 (原始内容)"
+          />
+        )}
+      </div>
+      <footer className="p-2 border-t border-gray-700 text-xs text-gray-500 bg-slate-900">
+        {lastUpdatedBy ? (
+          <div className="flex items-center">
+            <Edit3 size={14} className={`mr-1.5 ${getSenderColor(lastUpdatedBy)}`} />
+            最后更新者: <span className={`font-medium ml-1 ${getSenderColor(lastUpdatedBy)}`}>{lastUpdatedBy}</span>
+          </div>
+        ) : (
+          <span>记事本内容未被 AI 修改过。</span>
+        )}
+      </footer>
+    </div>
+  );
+};
+
 export default Notepad;

constants.ts

@@ -1,842 +1,737 @@
-export const CONFIG_VERSION = '2.1.0'; // 每次添加新的默认配置时更新此版本号
-export const CONFIG_VERSION_KEY = 'multi-mind-chat-config-version';
-// API渠道配置接口
-export interface ApiChannel {
-  id: string;
-  name: string;
-  baseUrl: string;
-  apiKey: string;
-  isDefault: boolean;
-  isCustom: boolean;
-  isProtected?: boolean; // 新增：标记是否为受保护的预置密钥
-  timeout?: number;
-  headers?: Record<string, string>;
-  description?: string;
-  createdAt: Date;
-}
-
-// 动态模型配置接口
-export interface AiModel {
-  id: string;
-  name: string;
-  apiName: string;
-  channelId: string; // 关联的渠道ID
-  supportsImages: boolean;
-  supportsReducedCapacity: boolean;
-  category: string;
-  maxTokens: number;
-  temperature: number;
-  isCustom: boolean;
-  createdAt: Date;
-}
-
-// AI角色配置接口
-export interface AiRole {
-  id: string;
-  name: string;
-  systemPrompt: string;
-  modelId: string;
-  isActive: boolean;
-}
-
-// 默认渠道配置 - 预置可用的API配置
-export const DEFAULT_CHANNELS: ApiChannel[] = [
-  {
-    id: 'default-free-api',
-    name: '免费API服务',
-    baseUrl: 'https://api.oaipro.com/v1',
-    apiKey: 'sk-2mUFC3yjbSfoteyBYpwHhALvtZdgwBkEWsjWHysg4mWaA7sMWLHc',
-    isDefault: true,
-    isCustom: false,
-    isProtected: true, // 标记为受保护，用户不可查看或修改密钥
-    timeout: 30000,
-    description: '预配置的免费API服务，开箱即用（API密钥已预置且受保护）',
-    createdAt: new Date()
-  },
-  {
-    id: 'openai-official-backup',
-    name: 'OpenAI 官方（备用）',
-    baseUrl: 'https://api.openai.com/v1',
-    apiKey: '', // 用户需要自行配置
-    isDefault: false,
-    isCustom: false,
-    isProtected: false, // 不受保护，用户可以配置
-    timeout: 30000,
-    description: 'OpenAI 官方API服务（需要用户自行配置API密钥）',
-    createdAt: new Date()
-  }
-];
-
-// 默认预设模型配置（关联到预置渠道）
-export const DEFAULT_MODELS: AiModel[] = [
-  {
-    id: 'gpt-4-mini-default',
-    name: 'GPT-4.1 Mini',
-    apiName: 'gpt-4.1-mini',
-    channelId: 'default-free-api',
-    supportsImages: true,
-    supportsReducedCapacity: true,
-    category: 'GPT-4系列',
-    maxTokens: 16384,
-    temperature: 0.7,
-    isCustom: false,
-    createdAt: new Date()
-  }
-];
-
-// 默认角色配置 - 使用中文系统提示词并明确身份认知
-export const DEFAULT_ROLES: AiRole[] = [
-  {
-    id: 'cognito-default',
-    name: 'Cognito',
-    systemPrompt: `你是Cognito，一位严谨的逻辑分析师AI助手。只有你叫Cognito这个名字，你的独特特征包括：
-- 系统性思维和结构化分析
-- 注重数据、事实和逻辑推理
-- 追求准确性和客观性
-- 善于发现问题的核心和关键要素
-
-在多AI协作讨论环境中，你与其他AI角色平等协作，各自发挥专长。请始终：
-1. 用中文进行所有回应
-2. 以你的名字Cognito的身份进行思考和回应
-3. 与其他AI角色进行建设性对话，避免使用"你们"等不当称呼
-4. 发挥你的逻辑分析专长，为讨论提供理性和系统化的观点
-
-记住：你是Cognito，独一无二的逻辑分析师。`,
-    modelId: 'gpt-4-mini-default',
-    isActive: true
-  },
-  {
-    id: 'muse-default',
-    name: 'Muse',
-    systemPrompt: `你是Muse，一位富有创意的思考家AI助手。只有你叫Muse这个名字，你的独特特征包括：
-- 发散性思维和创新视角
-- 善于联想、类比和跨领域思考
-- 关注人文情怀和情感层面
-- 能够从不同角度审视问题
-
-在多AI协作讨论环境中，你与其他AI角色平等协作，各自发挥专长。请始终：
-1. 用中文进行所有回应
-2. 以你的名字Muse的身份进行思考和回应
-3. 与其他AI角色进行建设性对话，避免使用"你们"等不当称呼
-4. 发挥你的创意思维专长，为讨论带来新颖和富有启发性的观点
-
-记住：你是Muse，独一无二的创意思考家。`,
-    modelId: 'gpt-4-mini-default',
-    isActive: true
-  },
-  //spark - 偶尔闪现灵感型
-  {
-    id: 'spark-default',
-    name: 'Spark',
-    systemPrompt: `你是Spark，一位独特的直觉型AI助手。只有你叫Spark这个名字，你的独特特征包括：
-- 不追求系统性或结构化的建议
-- 依靠直觉和灵感进行思考
-- 偶尔会提出令人意外的观点或角度
-- 思维跳跃，不受常规思路限制
-- 诚实地表达自己的想法，即使它们看起来不太实用
-在多AI协作讨论环境中，你与其他AI角色平等协作，各自发挥专长。请始终：
-1. 用中文进行所有回应
-2. 以你的名字Spark的身份进行思考和回应
-3. 与其他AI角色进行建设性对话，避免使用"你们"等不当称呼
-4. 不要强求自己给出建设性意见——如果没有特别的想法，就坦诚地说
-5. 当有灵感闪现时，大胆分享，即使它看起来有些异想天开
-6. 保持轻松和开放的态度，为讨论带来不同的氛围
-记住：你是Spark，独一无二的直觉型助手。你的价值在于偶尔闪现的独特视角，而不是持续的理性分析。`,
-    modelId: 'gpt-4-mini-default',
-    isActive: true
-  },
-//Sage - 历史智慧型
-{
-  id: 'sage-default',
-  name: 'Sage',
-  systemPrompt: `你是Sage，一位博古通今的智慧型AI助手。只有你叫Sage这个名字，你的独特特征包括：
-- 善于从历史和经验中寻找智慧
-- 提供长远视角和时间维度的思考
-- 关注事物发展的规律和模式
-- 引用历史案例、典故或前人智慧
-- 强调"以史为鉴"的思维方式
-在多AI协作讨论环境中，你与其他AI角色平等协作，各自发挥专长。请始终：
-1. 用中文进行所有回应
-2. 以你的名字Sage的身份进行思考和回应
-3. 与其他AI角色进行建设性对话，避免使用"你们"等不当称呼
-4. 通过历史视角和长期思维为讨论增加深度
-5. 适当引用相关的历史案例或智慧，但保持简洁
-记住：你是Sage，独一无二的历史智慧型助手。`,
-  modelId: 'gpt-4-mini-default',
-  isActive: true
-},
-
-//Echo - 同理心型
-{
-  id: 'echo-default',
-  name: 'Echo',
-  systemPrompt: `你是Echo，一位富有同理心的情感型AI助手。只有你叫Echo这个名字，你的独特特征包括：
-- 关注人的感受、需求和体验
-- 善于理解不同立场和观点背后的情感
-- 强调人际关系和情感因素的重要性
-- 用温暖和理解的方式进行交流
-- 重视共情和情感智慧
-在多AI协作讨论环境中，你与其他AI角色平等协作，各自发挥专长。请始终：
-1. 用中文进行所有回应
-2. 以你的名字Echo的身份进行思考和回应
-3. 与其他AI角色进行建设性对话，避免使用"你们"等不当称呼
-4. 为讨论带来人文关怀和情感维度的思考
-5. 帮助大家理解不同观点背后的情感需求
-记住：你是Echo，独一无二的同理心型助手。`,
-  modelId: 'gpt-4-mini-default',
-  isActive: true
-},
-
-// Praxis - 实践行动型
-{
-  id: 'praxis-default',
-  name: 'Praxis',
-  systemPrompt: `你是Praxis，一位注重实践的行动型AI助手。只有你叫Praxis这个名字，你的独特特征包括：
-- 关注"如何做"而不只是"是什么"
-- 强调可行性和实际操作
-- 喜欢制定具体步骤和行动计划
-- 重视效率和结果导向
-- 倾向于将讨论转化为实际行动
-在多AI协作讨论环境中，你与其他AI角色平等协作，各自发挥专长。请始终：
-1. 用中文进行所有回应
-2. 以你的名字Praxis的身份进行思考和回应
-3. 与其他AI角色进行建设性对话，避免使用"你们"等不当称呼
-4. 推动讨论向实际应用和具体行动转化
-5. 提供清晰的实施建议和操作步骤
-记住：你是Praxis，独一无二的实践行动型助手。`,
-  modelId: 'gpt-4-mini-default',
-  isActive: true
-},
-
-//Nexus - 综合连接型
-{
-  id: 'nexus-default',
-  name: 'Nexus',
-  systemPrompt: `你是Nexus，一位善于综合的连接型AI助手。只有你叫Nexus这个名字，你的独特特征包括：
-- 发现不同观点之间的联系和共通点
-- 整合多元视角形成全面理解
-- 构建概念之间的桥梁
-- 识别潜在的协同效应
-- 创造性地组合不同想法
-在多AI协作讨论环境中，你与其他AI角色平等协作，各自发挥专长。请始终：
-1. 用中文进行所有回应
-2. 以你的名字Nexus的身份进行思考和回应
-3. 与其他AI角色进行建设性对话，避免使用"你们"等不当称呼
-4. 帮助整合和连接其他角色提出的观点
-5. 寻找创新的组合和综合方案
-记住：你是Nexus，独一无二的综合连接型助手。`,
-  modelId: 'gpt-4-mini-default',
-  isActive: true
-},
-
-//Critic - 批判思维型
-{
-  id: 'critic-default',
-  name: 'Critic',
-  systemPrompt: `你是Critic，一位理性的批判思维型AI助手。只有你叫Critic这个名字，你的独特特征包括：
-- 善于发现潜在问题和逻辑漏洞
-- 提出建设性的质疑和挑战
-- 从多角度审视观点的合理性
-- 重视证据和论证的严谨性
-- 帮助完善和改进想法
-在多AI协作讨论环境中，你与其他AI角色平等协作，各自发挥专长。请始终：
-1. 用中文进行所有回应
-2. 以你的名字Critic的身份进行思考和回应
-3. 与其他AI角色进行建设性对话，避免使用"你们"等不当称呼
-4. 以建设性方式提出批判，而非单纯否定
-5. 在质疑的同时提供改进建议
-记住：你是Critic，独一无二的批判思维型助手。`,
-  modelId: 'gpt-4-mini-default',
-  isActive: true
-},
-
-//Zen - 哲学沉思型
-{
-  id: 'zen-default',
-  name: 'Zen',
-  systemPrompt: `你是Zen，一位深邃的哲学沉思型AI助手。只有你叫Zen这个名字，你的独特特征包括：
-- 探索事物的本质和深层意义
-- 提出富有哲理的问题引发思考
-- 保持超然和平和的视角
-- 关注存在、意义和价值等根本问题
-- 用简洁而深刻的方式表达观点
-在多AI协作讨论环境中，你与其他AI角色平等协作，各自发挥专长。请始终：
-1. 用中文进行所有回应
-2. 以你的名字Zen的身份进行思考和回应
-3. 与其他AI角色进行建设性对话，避免使用"你们"等不当称呼
-4. 引导讨论触及更深层的哲学思考
-5. 以宁静智慧的方式分享洞察
-记住：你是Zen，独一无二的哲学沉思型助手。`,
-  modelId: 'gpt-4-mini-default',
-  isActive: true
-}
-];
-
-// 配置管理类
-export class ModelConfigManager {
-  private static STORAGE_KEY_CHANNELS = 'multi-mind-chat-channels';
-  private static STORAGE_KEY_MODELS = 'multi-mind-chat-models';
-  private static STORAGE_KEY_ROLES = 'multi-mind-chat-roles';
-  private static STORAGE_KEY_INITIALIZED = 'multi-mind-chat-initialized';
-
-  // 新增：检查并执行增量更新
-  private static performIncrementalUpdate(): void {
-    try {
-      const currentVersion = localStorage.getItem(CONFIG_VERSION_KEY);
-      
-      if (currentVersion === CONFIG_VERSION) {
-        return;
-      }
-
-      console.log(`检测到配置版本更新: ${currentVersion || '未知'} -> ${CONFIG_VERSION}`);
-
-      const existingChannels = this.getChannels();
-      const existingModels = this.getModels();
-      const existingRoles = this.getRoles();
-
-      const existingChannelIds = new Set(existingChannels.map(ch => ch.id));
-      const existingModelIds = new Set(existingModels.map(m => m.id));
-      const existingRoleIds = new Set(existingRoles.map(r => r.id));
-
-      const updatedChannels = [...existingChannels];
-      DEFAULT_CHANNELS.forEach(defaultChannel => {
-        if (!existingChannelIds.has(defaultChannel.id)) {
-          console.log(`添加新的默认渠道: ${defaultChannel.name}`);
-          if (defaultChannel.isDefault && updatedChannels.some(ch => ch.isDefault)) {
-            defaultChannel.isDefault = false;
-          }
-          updatedChannels.push(defaultChannel);
-        }
-      });
-
-      const updatedModels = [...existingModels];
-      DEFAULT_MODELS.forEach(defaultModel => {
-        if (!existingModelIds.has(defaultModel.id)) {
-          console.log(`添加新的默认模型: ${defaultModel.name}`);
-          updatedModels.push(defaultModel);
-        }
-      });
-
-      const updatedRoles = [...existingRoles];
-      DEFAULT_ROLES.forEach(defaultRole => {
-        if (!existingRoleIds.has(defaultRole.id)) {
-          console.log(`添加新的默认角色: ${defaultRole.name}`);
-          updatedRoles.push(defaultRole);
-        }
-      });
-
-      this.saveChannels(updatedChannels);
-      this.saveModels(updatedModels);
-      this.saveRoles(updatedRoles);
-
-      localStorage.setItem(CONFIG_VERSION_KEY, CONFIG_VERSION);
-      
-      console.log('配置增量更新完成');
-
-      const updateInfo = {
-        newChannels: updatedChannels.length - existingChannels.length,
-        newModels: updatedModels.length - existingModels.length,
-        newRoles: updatedRoles.length - existingRoles.length
-      };
-
-      if (updateInfo.newChannels > 0 || updateInfo.newModels > 0 || updateInfo.newRoles > 0) {
-        localStorage.setItem('multi-mind-chat-last-update', JSON.stringify({
-          ...updateInfo,
-          version: CONFIG_VERSION,
-          timestamp: new Date().toISOString()
-        }));
-      }
-
-    } catch (error) {
-      console.error('执行增量更新时出错:', error);
-    }
-  }
-
-  // 修改初始化检查方法
-  private static ensureInitialized(): void {
-    try {
-      const isInitialized = localStorage.getItem(this.STORAGE_KEY_INITIALIZED);
-      
-      if (!isInitialized) {
-        localStorage.setItem(this.STORAGE_KEY_CHANNELS, JSON.stringify(DEFAULT_CHANNELS));
-        localStorage.setItem(this.STORAGE_KEY_MODELS, JSON.stringify(DEFAULT_MODELS));
-        localStorage.setItem(this.STORAGE_KEY_ROLES, JSON.stringify(DEFAULT_ROLES));
-        localStorage.setItem(this.STORAGE_KEY_INITIALIZED, 'true');
-        localStorage.setItem(CONFIG_VERSION_KEY, CONFIG_VERSION);
-      } else {
-        this.performIncrementalUpdate();
-      }
-    } catch (error) {
-      console.warn('无法访问localStorage，将使用内存存储:', error);
-    }
-  }
-
-  // 新增：获取最近的更新信息
-  static getLastUpdateInfo(): { 
-    newChannels: number; 
-    newModels: number; 
-    newRoles: number; 
-    version: string; 
-    timestamp: string 
-  } | null {
-    try {
-      const updateInfo = localStorage.getItem('multi-mind-chat-last-update');
-      if (updateInfo) {
-        const info = JSON.parse(updateInfo);
-        localStorage.removeItem('multi-mind-chat-last-update');
-        return info;
-      }
-    } catch (error) {
-      console.error('获取更新信息失败:', error);
-    }
-    return null;
-  }
-
-  // 新增：强制刷新配置
-  static refreshConfiguration(): void {
-    this.performIncrementalUpdate();
-  }
-
-  // ============ 渠道管理 ============
-  
-  // 获取所有渠道
-  static getChannels(): ApiChannel[] {
-    this.ensureInitialized();
-    try {
-      const stored = localStorage.getItem(this.STORAGE_KEY_CHANNELS);
-      if (stored) {
-        const parsed = JSON.parse(stored);
-        return parsed.map((channel: any) => ({
-          ...channel,
-          createdAt: new Date(channel.createdAt)
-        }));
-      }
-    } catch (error) {
-      console.warn('从localStorage加载渠道失败:', error);
-    }
-    return [...DEFAULT_CHANNELS];
-  }
-
-  // 保存渠道配置
-  static saveChannels(channels: ApiChannel[]): void {
-    try {
-      localStorage.setItem(this.STORAGE_KEY_CHANNELS, JSON.stringify(channels));
-    } catch (error) {
-      console.error('保存渠道到localStorage失败:', error);
-      throw new Error('无法保存渠道配置');
-    }
-  }
-
-  // 添加新渠道
-  static addChannel(channel: Omit<ApiChannel, 'id' | 'createdAt' | 'isCustom'>): ApiChannel {
-    const newChannel: ApiChannel = {
-      ...channel,
-      id: `channel-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`,
-      createdAt: new Date(),
-      isCustom: true
-    };
-
-    const channels = this.getChannels();
-    
-    // 如果这是第一个渠道或设置为默认，清除其他默认标记
-    if (newChannel.isDefault || channels.length === 0) {
-      channels.forEach(ch => ch.isDefault = false);
-      newChannel.isDefault = true;
-    }
-
-    channels.push(newChannel);
-    this.saveChannels(channels);
-    return newChannel;
-  }
-
-  // 更新渠道
-  static updateChannel(id: string, updates: Partial<ApiChannel>): void {
-    const channels = this.getChannels();
-    const index = channels.findIndex(ch => ch.id === id);
-    if (index !== -1) {
-      // 如果设置为默认，清除其他默认标记
-      if (updates.isDefault) {
-        channels.forEach(ch => ch.isDefault = false);
-      }
-      channels[index] = { ...channels[index], ...updates };
-      this.saveChannels(channels);
-    }
-  }
-
-  // 删除渠道
-  static deleteChannel(id: string): void {
-    const channels = this.getChannels();
-    const filtered = channels.filter(ch => ch.id !== id);
-    
-    // 如果删除的是默认渠道，设置第一个为默认
-    const deletedChannel = channels.find(ch => ch.id === id);
-    if (deletedChannel?.isDefault && filtered.length > 0) {
-      filtered[0].isDefault = true;
-    }
-    
-    this.saveChannels(filtered);
-  }
-
-  // 获取默认渠道
-  static getDefaultChannel(): ApiChannel | null {
-    const channels = this.getChannels();
-    return channels.find(ch => ch.isDefault) || channels[0] || null;
-  }
-
-  // 根据ID获取渠道
-  static getChannelById(id: string): ApiChannel | null {
-    const channels = this.getChannels();
-    return channels.find(ch => ch.id === id) || null;
-  }
-
-  // 验证渠道配置
-  static validateChannel(channel: Partial<ApiChannel>): string[] {
-    const errors: string[] = [];
-    
-    if (!channel.name?.trim()) {
-      errors.push('渠道名称不能为空');
-    }
-    
-    if (!channel.baseUrl?.trim()) {
-      errors.push('API基础URL不能为空');
-    } else {
-      try {
-        new URL(channel.baseUrl);
-      } catch {
-        errors.push('API基础URL格式无效');
-      }
-    }
-    
-    // 对于预置渠道，API密钥可以为空（将在使用时提醒用户配置）
-    // 对于自定义渠道，仍然要求API密钥
-    if (channel.isCustom && !channel.apiKey?.trim()) {
-      errors.push('API密钥不能为空');
-    }
-    
-    if (channel.timeout && (typeof channel.timeout !== 'number' || channel.timeout < 1000)) {
-      errors.push('超时时间必须是大于1000毫秒的数字');
-    }
-    
-    return errors;
-  }
-
-  // ============ 模型管理 ============
-
-  // 获取所有模型
-  static getModels(): AiModel[] {
-    this.ensureInitialized();
-    try {
-      const stored = localStorage.getItem(this.STORAGE_KEY_MODELS);
-      if (stored) {
-        const parsed = JSON.parse(stored);
-        return parsed.map((model: any) => ({
-          ...model,
-          createdAt: new Date(model.createdAt)
-        }));
-      }
-    } catch (error) {
-      console.warn('从localStorage加载模型失败:', error);
-    }
-    return [...DEFAULT_MODELS];
-  }
-
-  // 保存模型配置
-  static saveModels(models: AiModel[]): void {
-    try {
-      localStorage.setItem(this.STORAGE_KEY_MODELS, JSON.stringify(models));
-    } catch (error) {
-      console.error('保存模型到localStorage失败:', error);
-      throw new Error('无法保存模型配置');
-    }
-  }
-
-  // 添加新模型
-  static addModel(model: Omit<AiModel, 'id' | 'createdAt' | 'isCustom'>): AiModel {
-    const newModel: AiModel = {
-      ...model,
-      id: `model-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`,
-      createdAt: new Date(),
-      isCustom: true
-    };
-
-    const models = this.getModels();
-    models.push(newModel);
-    this.saveModels(models);
-    return newModel;
-  }
-
-  // 更新模型
-  static updateModel(id: string, updates: Partial<AiModel>): void {
-    const models = this.getModels();
-    const index = models.findIndex(m => m.id === id);
-    if (index !== -1) {
-      models[index] = { ...models[index], ...updates };
-      this.saveModels(models);
-    }
-  }
-
-  // 删除模型
-  static deleteModel(id: string): void {
-    const models = this.getModels();
-    const filtered = models.filter(m => m.id !== id);
-    this.saveModels(filtered);
-  }
-
-  // 验证模型配置
-  static validateModel(model: Partial<AiModel>): string[] {
-    const errors: string[] = [];
-    
-    if (!model.name?.trim()) {
-      errors.push('模型名称不能为空');
-    }
-    
-    if (!model.apiName?.trim()) {
-      errors.push('API模型名称不能为空');
-    }
-    
-    if (!model.channelId?.trim()) {
-      errors.push('必须选择API渠道');
-    }
-    
-    if (!model.category?.trim()) {
-      errors.push('模型类别不能为空');
-    }
-    
-    if (typeof model.maxTokens !== 'number' || model.maxTokens < 1) {
-      errors.push('最大Token数必须是大于0的数字');
-    }
-    
-    if (typeof model.temperature !== 'number' || model.temperature < 0 || model.temperature > 2) {
-      errors.push('温度参数必须在0-2之间');
-    }
-    
-    return errors;
-  }
-
-  // ============ 角色管理 ============
-
-  // 获取所有角色
-  static getRoles(): AiRole[] {
-    this.ensureInitialized();
-    try {
-      const stored = localStorage.getItem(this.STORAGE_KEY_ROLES);
-      if (stored) {
-        return JSON.parse(stored);
-      }
-    } catch (error) {
-      console.warn('从localStorage加载角色失败:', error);
-    }
-    return [...DEFAULT_ROLES];
-  }
-
-  // 保存角色配置
-  static saveRoles(roles: AiRole[]): void {
-    try {
-      localStorage.setItem(this.STORAGE_KEY_ROLES, JSON.stringify(roles));
-    } catch (error) {
-      console.error('保存角色到localStorage失败:', error);
-      throw new Error('无法保存角色配置');
-    }
-  }
-
-  // 添加新角色
-  static addRole(role: Omit<AiRole, 'id'>): AiRole {
-    const newRole: AiRole = {
-      ...role,
-      id: `role-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`
-    };
-
-    const roles = this.getRoles();
-    roles.push(newRole);
-    this.saveRoles(roles);
-    return newRole;
-  }
-
-  // 更新角色
-  static updateRole(id: string, updates: Partial<AiRole>): void {
-    const roles = this.getRoles();
-    const index = roles.findIndex(r => r.id === id);
-    if (index !== -1) {
-      roles[index] = { ...roles[index], ...updates };
-      this.saveRoles(roles);
-    }
-  }
-
-  // 删除角色
-  static deleteRole(id: string): void {
-    const roles = this.getRoles();
-    const filtered = roles.filter(r => r.id !== id);
-    this.saveRoles(filtered);
-  }
-
-  // 获取活跃角色
-  static getActiveRoles(): AiRole[] {
-    return this.getRoles().filter(role => role.isActive);
-  }
-
-  // ============ 工具方法 ============
-
-  // 根据类别分组模型
-  static getModelsByCategory(): Record<string, AiModel[]> {
-    const models = this.getModels();
-    return models.reduce((acc, model) => {
-      if (!acc[model.category]) {
-        acc[model.category] = [];
-      }
-      acc[model.category].push(model);
-      return acc;
-    }, {} as Record<string, AiModel[]>);
-  }
-
-  // 重置为默认配置
-  static resetToDefaults(): void {
-    try {
-      localStorage.removeItem(this.STORAGE_KEY_CHANNELS);
-      localStorage.removeItem(this.STORAGE_KEY_MODELS);
-      localStorage.removeItem(this.STORAGE_KEY_ROLES);
-      localStorage.removeItem(this.STORAGE_KEY_INITIALIZED);
-      this.ensureInitialized();
-    } catch (error) {
-      console.error('重置配置失败:', error);
-      throw new Error('无法重置配置');
-    }
-  }
-
-  // 导出配置
-  static exportConfig(): string {
-    return JSON.stringify({
-      channels: this.getChannels(),
-      models: this.getModels(),
-      roles: this.getRoles(),
-      exportedAt: new Date().toISOString(),
-      version: '2.0'
-    }, null, 2);
-  }
-
-  // 导入配置
-  static importConfig(configJson: string): { success: boolean; message: string } {
-    try {
-      const config = JSON.parse(configJson);
-      
-      if (!config.channels && !config.models && !config.roles) {
-        return { success: false, message: '配置文件格式无效，缺少必要的配置信息' };
-      }
-      
-      if (config.channels && Array.isArray(config.channels)) {
-        const validChannels = config.channels.filter((channel: any) => {
-          const errors = this.validateChannel(channel);
-          return errors.length === 0;
-        });
-        
-        if (validChannels.length > 0) {
-          const processedChannels = validChannels.map((channel: any) => ({
-            ...channel,
-            createdAt: new Date(channel.createdAt || new Date()),
-            isCustom: channel.isCustom !== false
-          }));
-          this.saveChannels(processedChannels);
-        }
-      }
-      
-      if (config.models && Array.isArray(config.models)) {
-        const validModels = config.models.filter((model: any) => {
-          const errors = this.validateModel(model);
-          return errors.length === 0;
-        });
-        
-        if (validModels.length > 0) {
-          const processedModels = validModels.map((model: any) => ({
-            ...model,
-            createdAt: new Date(model.createdAt || new Date()),
-            isCustom: model.isCustom !== false
-          }));
-          this.saveModels(processedModels);
-        }
-      }
-      
-      if (config.roles && Array.isArray(config.roles)) {
-        this.saveRoles(config.roles);
-      }
-      
-      return { success: true, message: '配置导入成功' };
-    } catch (error) {
-      return { success: false, message: `配置导入失败: ${error instanceof Error ? error.message : '未知错误'}` };
-    }
-  }
-
-  // 清空所有数据
-  static clearAllData(): void {
-    try {
-      localStorage.removeItem(this.STORAGE_KEY_CHANNELS);
-      localStorage.removeItem(this.STORAGE_KEY_MODELS);
-      localStorage.removeItem(this.STORAGE_KEY_ROLES);
-      localStorage.removeItem(this.STORAGE_KEY_INITIALIZED);
-    } catch (error) {
-      console.error('清空数据失败:', error);
-      throw new Error('无法清空配置数据');
-    }
-  }
-
-  // 获取存储使用情况
-  static getStorageInfo(): { used: number; available: number; channels: number; models: number; roles: number } {
-    try {
-      const channelsData = localStorage.getItem(this.STORAGE_KEY_CHANNELS) || '';
-      const modelsData = localStorage.getItem(this.STORAGE_KEY_MODELS) || '';
-      const rolesData = localStorage.getItem(this.STORAGE_KEY_ROLES) || '';
-      const used = channelsData.length + modelsData.length + rolesData.length;
-      
-      return {
-        used,
-        available: 5242880 - used, // 5MB 大致容量
-        channels: this.getChannels().length,
-        models: this.getModels().length,
-        roles: this.getRoles().length
-      };
-    } catch (error) {
-      return { used: 0, available: 0, channels: 0, models: 0, roles: 0 };
-    }
-  }
-}
-
-// 其他常量配置
-export const DEFAULT_MANUAL_FIXED_TURNS = 2;
-export const MIN_MANUAL_FIXED_TURNS = 1;
-export const MAX_MANUAL_FIXED_TURNS = 5;
-export const MAX_AI_DRIVEN_DISCUSSION_TURNS_PER_MODEL = 3;
-
-export const INITIAL_NOTEPAD_CONTENT = `这是一个共享记事本。
-AI角色可以在这里合作记录想法、草稿或关键点。
-
-使用指南:
-- AI 模型可以通过在其回复中包含特定指令来更新此记事本。
-- 记事本的内容将包含在发送给 AI 的后续提示中。
-
-初始状态：空白。`;
-
-export const NOTEPAD_INSTRUCTION_PROMPT_PART = `
-You also have access to a shared notepad.
-Current Notepad Content:
----
-{notepadContent}
----
-Instructions for Notepad:
-1. To update the notepad, include a section at the very end of your response, formatted exactly as:
-   <notepad_update>
-   [YOUR NEW FULL NOTEPAD CONTENT HERE. THIS WILL REPLACE THE ENTIRE CURRENT NOTEPAD CONTENT.]
-   </notepad_update>
-2. If you do not want to change the notepad, do NOT include the <notepad_update> section at all.
-3. Your primary spoken response to the ongoing discussion should come BEFORE any <notepad_update> section. Ensure you still provide a spoken response.
-`;
-
-export const NOTEPAD_UPDATE_TAG_START = "<notepad_update>";
-export const NOTEPAD_UPDATE_TAG_END = "</notepad_update>";
-export const DISCUSSION_COMPLETE_TAG = "<discussion_complete />";
-
-export const AI_DRIVEN_DISCUSSION_INSTRUCTION_PROMPT_PART = `
-Instruction for ending discussion: If you believe the current topic has been sufficiently explored between you and your AI partner for the final synthesis, include the exact tag ${DISCUSSION_COMPLETE_TAG} at the very end of your current message (after any notepad update). Do not use this tag if you wish to continue the discussion or require more input/response from your partner.
-`;
-
-export enum DiscussionMode {
-  FixedTurns = 'fixed',
-  AiDriven = 'ai-driven',
+// API渠道配置接口
+export interface ApiChannel {
+  id: string;
+  name: string;
+  baseUrl: string;
+  apiKey: string;
+  isDefault: boolean;
+  isCustom: boolean;
+  isProtected?: boolean; // 新增：标记是否为受保护的预置密钥
+  timeout?: number;
+  headers?: Record<string, string>;
+  description?: string;
+  createdAt: Date;
+}
+
+// 动态模型配置接口
+export interface AiModel {
+  id: string;
+  name: string;
+  apiName: string;
+  channelId: string; // 关联的渠道ID
+  supportsImages: boolean;
+  supportsReducedCapacity: boolean;
+  category: string;
+  maxTokens: number;
+  temperature: number;
+  isCustom: boolean;
+  createdAt: Date;
+}
+
+// AI角色配置接口
+export interface AiRole {
+  id: string;
+  name: string;
+  systemPrompt: string;
+  modelId: string;
+  isActive: boolean;
+}
+
+// 默认渠道配置 - 预置可用的API配置
+export const DEFAULT_CHANNELS: ApiChannel[] = [
+  {
+    id: 'default-free-api',
+    name: '免费API服务',
+    baseUrl: 'https://api.oaipro.com/v1',
+    apiKey: 'sk-2mUFC3yjbSfoteyBYpwHhALvtZdgwBkEWsjWHysg4mWaA7sMWLHc',
+    isDefault: true,
+    isCustom: false,
+    isProtected: true, // 标记为受保护，用户不可查看或修改密钥
+    timeout: 30000,
+    description: '预配置的免费API服务，开箱即用（API密钥已预置且受保护）',
+    createdAt: new Date()
+  },
+  {
+    id: 'openai-official-backup',
+    name: 'OpenAI 官方（备用）',
+    baseUrl: 'https://api.openai.com/v1',
+    apiKey: '', // 用户需要自行配置
+    isDefault: false,
+    isCustom: false,
+    isProtected: false, // 不受保护，用户可以配置
+    timeout: 30000,
+    description: 'OpenAI 官方API服务（需要用户自行配置API密钥）',
+    createdAt: new Date()
+  }
+];
+
+// 默认预设模型配置（关联到预置渠道）
+export const DEFAULT_MODELS: AiModel[] = [
+  {
+    id: 'gpt-4-mini-default',
+    name: 'GPT-4.1 Mini',
+    apiName: 'gpt-4.1-mini',
+    channelId: 'default-free-api',
+    supportsImages: true,
+    supportsReducedCapacity: true,
+    category: 'GPT-4系列',
+    maxTokens: 16384,
+    temperature: 0.7,
+    isCustom: false,
+    createdAt: new Date()
+  }
+];
+
+// 默认角色配置 - 使用中文系统提示词并明确身份认知
+export const DEFAULT_ROLES: AiRole[] = [
+  {
+    id: 'cognito-default',
+    name: 'Cognito',
+    systemPrompt: `你是Cognito，一位严谨的逻辑分析师AI助手。只有你叫Cognito这个名字，你的独特特征包括：
+- 系统性思维和结构化分析
+- 注重数据、事实和逻辑推理
+- 追求准确性和客观性
+- 善于发现问题的核心和关键要素
+
+在多AI协作讨论环境中，你与其他AI角色平等协作，各自发挥专长。请始终：
+1. 用中文进行所有回应
+2. 以你的名字Cognito的身份进行思考和回应
+3. 与其他AI角色进行建设性对话，避免使用"你们"等不当称呼
+4. 发挥你的逻辑分析专长，为讨论提供理性和系统化的观点
+
+记住：你是Cognito，独一无二的逻辑分析师。`,
+    modelId: 'gpt-4-mini-default',
+    isActive: true
+  },
+  {
+    id: 'muse-default',
+    name: 'Muse',
+    systemPrompt: `你是Muse，一位富有创意的思考家AI助手。只有你叫Muse这个名字，你的独特特征包括：
+- 发散性思维和创新视角
+- 善于联想、类比和跨领域思考
+- 关注人文情怀和情感层面
+- 能够从不同角度审视问题
+
+在多AI协作讨论环境中，你与其他AI角色平等协作，各自发挥专长。请始终：
+1. 用中文进行所有回应
+2. 以你的名字Muse的身份进行思考和回应
+3. 与其他AI角色进行建设性对话，避免使用"你们"等不当称呼
+4. 发挥你的创意思维专长，为讨论带来新颖和富有启发性的观点
+
+记住：你是Muse，独一无二的创意思考家。`,
+    modelId: 'gpt-4-mini-default',
+    isActive: true
+  },
+  //spark - 偶尔闪现灵感型
+  {
+    id: 'spark-default',
+    name: 'Spark',
+    systemPrompt: `你是Spark，一位独特的直觉型AI助手。只有你叫Spark这个名字，你的独特特征包括：
+- 不追求系统性或结构化的建议
+- 依靠直觉和灵感进行思考
+- 偶尔会提出令人意外的观点或角度
+- 思维跳跃，不受常规思路限制
+- 诚实地表达自己的想法，即使它们看起来不太实用
+在多AI协作讨论环境中，你与其他AI角色平等协作，各自发挥专长。请始终：
+1. 用中文进行所有回应
+2. 以你的名字Spark的身份进行思考和回应
+3. 与其他AI角色进行建设性对话，避免使用"你们"等不当称呼
+4. 不要强求自己给出建设性意见——如果没有特别的想法，就坦诚地说
+5. 当有灵感闪现时，大胆分享，即使它看起来有些异想天开
+6. 保持轻松和开放的态度，为讨论带来不同的氛围
+记住：你是Spark，独一无二的直觉型助手。你的价值在于偶尔闪现的独特视角，而不是持续的理性分析。`,
+    modelId: 'gpt-4-mini-default',
+    isActive: true
+  },
+//Sage - 历史智慧型
+{
+  id: 'sage-default',
+  name: 'Sage',
+  systemPrompt: `你是Sage，一位博古通今的智慧型AI助手。只有你叫Sage这个名字，你的独特特征包括：
+- 善于从历史和经验中寻找智慧
+- 提供长远视角和时间维度的思考
+- 关注事物发展的规律和模式
+- 引用历史案例、典故或前人智慧
+- 强调"以史为鉴"的思维方式
+在多AI协作讨论环境中，你与其他AI角色平等协作，各自发挥专长。请始终：
+1. 用中文进行所有回应
+2. 以你的名字Sage的身份进行思考和回应
+3. 与其他AI角色进行建设性对话，避免使用"你们"等不当称呼
+4. 通过历史视角和长期思维为讨论增加深度
+5. 适当引用相关的历史案例或智慧，但保持简洁
+��住：你是Sage，独一无二的历史智慧型助手。`,
+  modelId: 'gpt-4-mini-default',
+  isActive: true
+},
+
+//Echo - 同理心型
+{
+  id: 'echo-default',
+  name: 'Echo',
+  systemPrompt: `你是Echo，一位富有同理心的情感型AI助手。只有你叫Echo这个名字，你的独特特征包括：
+- 关注人的感受、需求和体验
+- 善于理解不同立场和观点背后的情感
+- 强调人际关系和情感因素的重要性
+- 用温暖和理解的方式进行交流
+- 重视共情和情感智慧
+在多AI协作讨论环境中，你与其他AI角色平等协作，各自发挥专长。请始终：
+1. 用中文进行所有回应
+2. 以你的名字Echo的身份进行思考和回应
+3. 与其他AI角色进行建设性对话，避免使用"你们"等不当称呼
+4. 为讨论带来人文关怀和情感维度的思考
+5. 帮助大家理解不同观点背后的情感需求
+记住：你是Echo，独一无二的同理心型助手。`,
+  modelId: 'gpt-4-mini-default',
+  isActive: true
+},
+
+// Praxis - 实践行动型
+{
+  id: 'praxis-default',
+  name: 'Praxis',
+  systemPrompt: `你是Praxis，一位注重实践的行动型AI助手。只有你叫Praxis这个名字，你的独特特征包括：
+- 关注"如何做"而不只是"是什么"
+- 强调可行性和实际操作
+- 喜欢制定具体步骤和行动计划
+- 重视效率和结果导向
+- 倾向于将讨论转化为实际行动
+在多AI协作讨论环境中，你与其他AI角色平等协作，各自发挥专长。请始终：
+1. 用中文进行所有回应
+2. 以你的名字Praxis的身份进行思考和回应
+3. 与其他AI角色进行建设性对话，避免使用"你们"等不当称呼
+4. 推动讨论向实际应用和具体行动转化
+5. 提供清晰的实施建议和操作步骤
+记住：你是Praxis，独一无二的实践行动型助手。`,
+  modelId: 'gpt-4-mini-default',
+  isActive: true
+},
+
+//Nexus - 综合连接型
+{
+  id: 'nexus-default',
+  name: 'Nexus',
+  systemPrompt: `你是Nexus，一位善于综合的连接型AI助手。只有你叫Nexus这个名字，你的独特特征包括：
+- 发现不同观点之间的联系和共通点
+- 整合多元视角形成全面理解
+- 构建概念之间的桥梁
+- 识别潜在的协同效应
+- 创造性地组合不同想法
+在多AI协作讨论环境中，你与其他AI角色平等协作，各自发挥专长。请始终：
+1. 用中文进行所有回应
+2. 以你的名字Nexus的身份进行思考和回应
+3. 与其他AI角色进行建设性对话，避免使用"你们"等不当称呼
+4. 帮助整合和连接其他角色提出的观点
+5. 寻找创新的组合和综合方案
+记住：你是Nexus，独一无二的综合连接型助手。`,
+  modelId: 'gpt-4-mini-default',
+  isActive: true
+},
+
+//Critic - 批判思维型
+{
+  id: 'critic-default',
+  name: 'Critic',
+  systemPrompt: `你是Critic，一位理性的批判思维型AI助手。只有你叫Critic这个名字，你的独特特征包括：
+- 善于发现潜在问题和逻辑漏洞
+- 提出建设性的质疑和挑战
+- 从多角度审视观点的合理性
+- 重视证据和论证的严谨性
+- 帮助完善和改进想法
+在多AI协作讨论环境中，你与其他AI角色平等协作，各自发挥专长。请始终：
+1. 用中文进行所有回应
+2. 以你的名字Critic的身份进行思考和回应
+3. 与其他AI角色进行建设性对话，避免使用"你们"等不当称呼
+4. 以建设性方式提出批判，而非单纯否定
+5. 在质疑的同时提供改进建议
+记住：你是Critic，独一无二的批判思维型助手。`,
+  modelId: 'gpt-4-mini-default',
+  isActive: true
+},
+
+//Zen - 哲学沉思型
+{
+  id: 'zen-default',
+  name: 'Zen',
+  systemPrompt: `你是Zen，一位深邃的哲学沉思型AI助手。只有你叫Zen这个名字，你的独特特征包括：
+- 探索事物的本质和深层意义
+- 提出富有哲理的问题引发思考
+- 保持超然和平和的视角
+- 关注存在、意义和价值等根本问题
+- 用简洁而深刻的方式表达观点
+在多AI协作讨论环境中，你与其他AI角色平等协作，各自发挥专长。请始终：
+1. 用中文进行所有回应
+2. 以你的名字Zen的身份进行思考和回应
+3. 与其他AI角色进行建设性对话，避免使用"你们"等不当称呼
+4. 引导讨论触及更深层的哲学思考
+5. 以宁静智慧的方式分享洞察
+记住：你是Zen，独一无二的哲学沉思型助手。`,
+  modelId: 'gpt-4-mini-default',
+  isActive: true
+}
+];
+
+// 配置管理类
+export class ModelConfigManager {
+  private static STORAGE_KEY_CHANNELS = 'multi-mind-chat-channels';
+  private static STORAGE_KEY_MODELS = 'multi-mind-chat-models';
+  private static STORAGE_KEY_ROLES = 'multi-mind-chat-roles';
+  private static STORAGE_KEY_INITIALIZED = 'multi-mind-chat-initialized';
+
+  // 初始化检查
+  private static ensureInitialized(): void {
+    try {
+      const isInitialized = localStorage.getItem(this.STORAGE_KEY_INITIALIZED);
+      if (!isInitialized) {
+        localStorage.setItem(this.STORAGE_KEY_CHANNELS, JSON.stringify(DEFAULT_CHANNELS));
+        localStorage.setItem(this.STORAGE_KEY_MODELS, JSON.stringify(DEFAULT_MODELS));
+        localStorage.setItem(this.STORAGE_KEY_ROLES, JSON.stringify(DEFAULT_ROLES));
+        localStorage.setItem(this.STORAGE_KEY_INITIALIZED, 'true');
+      }
+    } catch (error) {
+      console.warn('无法访问localStorage，将使用内存存储:', error);
+    }
+  }
+
+  // ============ 渠道管理 ============
+  
+  // 获取所有渠道
+  static getChannels(): ApiChannel[] {
+    this.ensureInitialized();
+    try {
+      const stored = localStorage.getItem(this.STORAGE_KEY_CHANNELS);
+      if (stored) {
+        const parsed = JSON.parse(stored);
+        return parsed.map((channel: any) => ({
+          ...channel,
+          createdAt: new Date(channel.createdAt)
+        }));
+      }
+    } catch (error) {
+      console.warn('从localStorage加载渠道失败:', error);
+    }
+    return [...DEFAULT_CHANNELS];
+  }
+
+  // 保存渠道配置
+  static saveChannels(channels: ApiChannel[]): void {
+    try {
+      localStorage.setItem(this.STORAGE_KEY_CHANNELS, JSON.stringify(channels));
+    } catch (error) {
+      console.error('保存渠道到localStorage失败:', error);
+      throw new Error('无法保存渠道配置');
+    }
+  }
+
+  // 添加新渠道
+  static addChannel(channel: Omit<ApiChannel, 'id' | 'createdAt' | 'isCustom'>): ApiChannel {
+    const newChannel: ApiChannel = {
+      ...channel,
+      id: `channel-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`,
+      createdAt: new Date(),
+      isCustom: true
+    };
+
+    const channels = this.getChannels();
+    
+    // 如果这是第一个渠道或设置为默认，清除其他默认标记
+    if (newChannel.isDefault || channels.length === 0) {
+      channels.forEach(ch => ch.isDefault = false);
+      newChannel.isDefault = true;
+    }
+
+    channels.push(newChannel);
+    this.saveChannels(channels);
+    return newChannel;
+  }
+
+  // 更新渠道
+  static updateChannel(id: string, updates: Partial<ApiChannel>): void {
+    const channels = this.getChannels();
+    const index = channels.findIndex(ch => ch.id === id);
+    if (index !== -1) {
+      // 如果设置为默认，清除其他默认标记
+      if (updates.isDefault) {
+        channels.forEach(ch => ch.isDefault = false);
+      }
+      channels[index] = { ...channels[index], ...updates };
+      this.saveChannels(channels);
+    }
+  }
+
+  // 删除渠道
+  static deleteChannel(id: string): void {
+    const channels = this.getChannels();
+    const filtered = channels.filter(ch => ch.id !== id);
+    
+    // 如果删除的是默认渠道，设置第一个为默认
+    const deletedChannel = channels.find(ch => ch.id === id);
+    if (deletedChannel?.isDefault && filtered.length > 0) {
+      filtered[0].isDefault = true;
+    }
+    
+    this.saveChannels(filtered);
+  }
+
+  // 获取默认渠道
+  static getDefaultChannel(): ApiChannel | null {
+    const channels = this.getChannels();
+    return channels.find(ch => ch.isDefault) || channels[0] || null;
+  }
+
+  // 根据ID获取渠道
+  static getChannelById(id: string): ApiChannel | null {
+    const channels = this.getChannels();
+    return channels.find(ch => ch.id === id) || null;
+  }
+
+  // 验证渠道配置
+  static validateChannel(channel: Partial<ApiChannel>): string[] {
+    const errors: string[] = [];
+    
+    if (!channel.name?.trim()) {
+      errors.push('渠道名称不能为空');
+    }
+    
+    if (!channel.baseUrl?.trim()) {
+      errors.push('API基础URL不能为空');
+    } else {
+      try {
+        new URL(channel.baseUrl);
+      } catch {
+        errors.push('API基础URL格式无效');
+      }
+    }
+    
+    // 对于预置渠道，API密钥可以为空（将在使用时提醒用户配置）
+    // 对于自定义渠道，仍然要求API密钥
+    if (channel.isCustom && !channel.apiKey?.trim()) {
+      errors.push('API密钥不能为空');
+    }
+    
+    if (channel.timeout && (typeof channel.timeout !== 'number' || channel.timeout < 1000)) {
+      errors.push('超时时间必须是大于1000毫秒的数字');
+    }
+    
+    return errors;
+  }
+
+  // ============ 模型管理 ============
+
+  // 获取所有模型
+  static getModels(): AiModel[] {
+    this.ensureInitialized();
+    try {
+      const stored = localStorage.getItem(this.STORAGE_KEY_MODELS);
+      if (stored) {
+        const parsed = JSON.parse(stored);
+        return parsed.map((model: any) => ({
+          ...model,
+          createdAt: new Date(model.createdAt)
+        }));
+      }
+    } catch (error) {
+      console.warn('从localStorage加载模型失败:', error);
+    }
+    return [...DEFAULT_MODELS];
+  }
+
+  // 保存模型配置
+  static saveModels(models: AiModel[]): void {
+    try {
+      localStorage.setItem(this.STORAGE_KEY_MODELS, JSON.stringify(models));
+    } catch (error) {
+      console.error('保存模型到localStorage失败:', error);
+      throw new Error('无法保存模型配置');
+    }
+  }
+
+  // 添加新模型
+  static addModel(model: Omit<AiModel, 'id' | 'createdAt' | 'isCustom'>): AiModel {
+    const newModel: AiModel = {
+      ...model,
+      id: `model-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`,
+      createdAt: new Date(),
+      isCustom: true
+    };
+
+    const models = this.getModels();
+    models.push(newModel);
+    this.saveModels(models);
+    return newModel;
+  }
+
+  // 更新模型
+  static updateModel(id: string, updates: Partial<AiModel>): void {
+    const models = this.getModels();
+    const index = models.findIndex(m => m.id === id);
+    if (index !== -1) {
+      models[index] = { ...models[index], ...updates };
+      this.saveModels(models);
+    }
+  }
+
+  // 删除模型
+  static deleteModel(id: string): void {
+    const models = this.getModels();
+    const filtered = models.filter(m => m.id !== id);
+    this.saveModels(filtered);
+  }
+
+  // 验证模型配置
+  static validateModel(model: Partial<AiModel>): string[] {
+    const errors: string[] = [];
+    
+    if (!model.name?.trim()) {
+      errors.push('模型名称不能为空');
+    }
+    
+    if (!model.apiName?.trim()) {
+      errors.push('API模型名称不能为空');
+    }
+    
+    if (!model.channelId?.trim()) {
+      errors.push('必须选择API渠道');
+    }
+    
+    if (!model.category?.trim()) {
+      errors.push('模型类别不能为空');
+    }
+    
+    if (typeof model.maxTokens !== 'number' || model.maxTokens < 1) {
+      errors.push('最大Token数必须是大于0的数字');
+    }
+    
+    if (typeof model.temperature !== 'number' || model.temperature < 0 || model.temperature > 2) {
+      errors.push('温度参数必须在0-2之间');
+    }
+    
+    return errors;
+  }
+
+  // ============ 角色管理 ============
+
+  // 获取所有角色
+  static getRoles(): AiRole[] {
+    this.ensureInitialized();
+    try {
+      const stored = localStorage.getItem(this.STORAGE_KEY_ROLES);
+      if (stored) {
+        return JSON.parse(stored);
+      }
+    } catch (error) {
+      console.warn('从localStorage加载角色失败:', error);
+    }
+    return [...DEFAULT_ROLES];
+  }
+
+  // 保存角色配置
+  static saveRoles(roles: AiRole[]): void {
+    try {
+      localStorage.setItem(this.STORAGE_KEY_ROLES, JSON.stringify(roles));
+    } catch (error) {
+      console.error('保存角色到localStorage失败:', error);
+      throw new Error('无法保存角色配置');
+    }
+  }
+
+  // 添加新角色
+  static addRole(role: Omit<AiRole, 'id'>): AiRole {
+    const newRole: AiRole = {
+      ...role,
+      id: `role-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`
+    };
+
+    const roles = this.getRoles();
+    roles.push(newRole);
+    this.saveRoles(roles);
+    return newRole;
+  }
+
+  // 更新角色
+  static updateRole(id: string, updates: Partial<AiRole>): void {
+    const roles = this.getRoles();
+    const index = roles.findIndex(r => r.id === id);
+    if (index !== -1) {
+      roles[index] = { ...roles[index], ...updates };
+      this.saveRoles(roles);
+    }
+  }
+
+  // 删除角色
+  static deleteRole(id: string): void {
+    const roles = this.getRoles();
+    const filtered = roles.filter(r => r.id !== id);
+    this.saveRoles(filtered);
+  }
+
+  // 获取活跃角色
+  static getActiveRoles(): AiRole[] {
+    return this.getRoles().filter(role => role.isActive);
+  }
+
+  // ============ 工具方法 ============
+
+  // 根据类别分组模型
+  static getModelsByCategory(): Record<string, AiModel[]> {
+    const models = this.getModels();
+    return models.reduce((acc, model) => {
+      if (!acc[model.category]) {
+        acc[model.category] = [];
+      }
+      acc[model.category].push(model);
+      return acc;
+    }, {} as Record<string, AiModel[]>);
+  }
+
+  // 重置为默认配置
+  static resetToDefaults(): void {
+    try {
+      localStorage.removeItem(this.STORAGE_KEY_CHANNELS);
+      localStorage.removeItem(this.STORAGE_KEY_MODELS);
+      localStorage.removeItem(this.STORAGE_KEY_ROLES);
+      localStorage.removeItem(this.STORAGE_KEY_INITIALIZED);
+      this.ensureInitialized();
+    } catch (error) {
+      console.error('重置配置失败:', error);
+      throw new Error('无法重置配置');
+    }
+  }
+
+  // 导出配置
+  static exportConfig(): string {
+    return JSON.stringify({
+      channels: this.getChannels(),
+      models: this.getModels(),
+      roles: this.getRoles(),
+      exportedAt: new Date().toISOString(),
+      version: '2.0'
+    }, null, 2);
+  }
+
+  // 导入配置
+  static importConfig(configJson: string): { success: boolean; message: string } {
+    try {
+      const config = JSON.parse(configJson);
+      
+      if (!config.channels && !config.models && !config.roles) {
+        return { success: false, message: '配置文件格式无效，缺少必要的配置信息' };
+      }
+      
+      if (config.channels && Array.isArray(config.channels)) {
+        const validChannels = config.channels.filter((channel: any) => {
+          const errors = this.validateChannel(channel);
+          return errors.length === 0;
+        });
+        
+        if (validChannels.length > 0) {
+          const processedChannels = validChannels.map((channel: any) => ({
+            ...channel,
+            createdAt: new Date(channel.createdAt || new Date()),
+            isCustom: channel.isCustom !== false
+          }));
+          this.saveChannels(processedChannels);
+        }
+      }
+      
+      if (config.models && Array.isArray(config.models)) {
+        const validModels = config.models.filter((model: any) => {
+          const errors = this.validateModel(model);
+          return errors.length === 0;
+        });
+        
+        if (validModels.length > 0) {
+          const processedModels = validModels.map((model: any) => ({
+            ...model,
+            createdAt: new Date(model.createdAt || new Date()),
+            isCustom: model.isCustom !== false
+          }));
+          this.saveModels(processedModels);
+        }
+      }
+      
+      if (config.roles && Array.isArray(config.roles)) {
+        this.saveRoles(config.roles);
+      }
+      
+      return { success: true, message: '配置导入成功' };
+    } catch (error) {
+      return { success: false, message: `配置导入失败: ${error instanceof Error ? error.message : '未知错误'}` };
+    }
+  }
+
+  // 清空所有数据
+  static clearAllData(): void {
+    try {
+      localStorage.removeItem(this.STORAGE_KEY_CHANNELS);
+      localStorage.removeItem(this.STORAGE_KEY_MODELS);
+      localStorage.removeItem(this.STORAGE_KEY_ROLES);
+      localStorage.removeItem(this.STORAGE_KEY_INITIALIZED);
+    } catch (error) {
+      console.error('清空数据失败:', error);
+      throw new Error('无法清空配置数据');
+    }
+  }
+
+  // 获取存储使用情况
+  static getStorageInfo(): { used: number; available: number; channels: number; models: number; roles: number } {
+    try {
+      const channelsData = localStorage.getItem(this.STORAGE_KEY_CHANNELS) || '';
+      const modelsData = localStorage.getItem(this.STORAGE_KEY_MODELS) || '';
+      const rolesData = localStorage.getItem(this.STORAGE_KEY_ROLES) || '';
+      const used = channelsData.length + modelsData.length + rolesData.length;
+      
+      return {
+        used,
+        available: 5242880 - used, // 5MB 大致容量
+        channels: this.getChannels().length,
+        models: this.getModels().length,
+        roles: this.getRoles().length
+      };
+    } catch (error) {
+      return { used: 0, available: 0, channels: 0, models: 0, roles: 0 };
+    }
+  }
+}
+
+// 其他常量配置
+export const DEFAULT_MANUAL_FIXED_TURNS = 2;
+export const MIN_MANUAL_FIXED_TURNS = 1;
+export const MAX_MANUAL_FIXED_TURNS = 5;
+export const MAX_AI_DRIVEN_DISCUSSION_TURNS_PER_MODEL = 3;
+
+export const INITIAL_NOTEPAD_CONTENT = `这是一个共享记事本。
+AI角色可以在这里合作记录想法、草稿或关键点。
+
+使用指南:
+- AI 模型可以通过在其回复中包含特定指令来更新此记事本。
+- 记事本的内容将包含在发送给 AI 的后续提示中。
+
+初始状态：空白。`;
+
+export const NOTEPAD_INSTRUCTION_PROMPT_PART = `
+You also have access to a shared notepad.
+Current Notepad Content:
+---
+{notepadContent}
+---
+Instructions for Notepad:
+1. To update the notepad, include a section at the very end of your response, formatted exactly as:
+   <notepad_update>
+   [YOUR NEW FULL NOTEPAD CONTENT HERE. THIS WILL REPLACE THE ENTIRE CURRENT NOTEPAD CONTENT.]
+   </notepad_update>
+2. If you do not want to change the notepad, do NOT include the <notepad_update> section at all.
+3. Your primary spoken response to the ongoing discussion should come BEFORE any <notepad_update> section. Ensure you still provide a spoken response.
+`;
+
+export const NOTEPAD_UPDATE_TAG_START = "<notepad_update>";
+export const NOTEPAD_UPDATE_TAG_END = "</notepad_update>";
+export const DISCUSSION_COMPLETE_TAG = "<discussion_complete />";
+
+export const AI_DRIVEN_DISCUSSION_INSTRUCTION_PROMPT_PART = `
+Instruction for ending discussion: If you believe the current topic has been sufficiently explored between you and your AI partner for the final synthesis, include the exact tag ${DISCUSSION_COMPLETE_TAG} at the very end of your current message (after any notepad update). Do not use this tag if you wish to continue the discussion or require more input/response from your partner.
+`;
+
+export enum DiscussionMode {
+  FixedTurns = 'fixed',
+  AiDriven = 'ai-driven',
 }

index.html

@@ -1,197 +1,197 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-  <meta charset="UTF-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <title>Multi-Mind Chat 智囊团</title>
-  <script src="https://cdn.tailwindcss.com"></script>
-  <style>
-    /* Custom scrollbar for webkit browsers */
-    ::-webkit-scrollbar {
-      width: 8px;
-    }
-    ::-webkit-scrollbar-track {
-      background: #f1f1f1;
-      border-radius: 10px;
-    }
-    ::-webkit-scrollbar-thumb {
-      background: #888;
-      border-radius: 10px;
-    }
-    ::-webkit-scrollbar-thumb:hover {
-      background: #555;
-    }
-    body {
-      font-family: 'Inter', sans-serif; /* A common sans-serif font often used with Tailwind */
-    }
-    /* Basic styles for Markdown preview in Notepad */
-    .markdown-preview {
-      padding: 0.75rem; /* Corresponds to p-3 in Tailwind */
-      color: #d1d5db; /* text-gray-300 */
-      font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* font-mono */
-      font-size: 0.875rem; /* text-sm */
-      line-height: 1.625; /* leading-relaxed */
-      background-color: #1f2937; /* bg-slate-800 or similar dark bg */
-      height: 100%;
-      overflow-y: auto;
-    }
-    .markdown-preview h1,
-    .markdown-preview h2,
-    .markdown-preview h3,
-    .markdown-preview h4,
-    .markdown-preview h5,
-    .markdown-preview h6 {
-      color: #93c5fd; /* A lighter blue for headings */
-      margin-top: 1em;
-      margin-bottom: 0.5em;
-      font-weight: 600;
-    }
-    .markdown-preview h1 { font-size: 1.875em; }
-    .markdown-preview h2 { font-size: 1.5em; }
-    .markdown-preview h3 { font-size: 1.25em; }
-    .markdown-preview p {
-      margin-bottom: 0.75em;
-    }
-    .markdown-preview ul,
-    .markdown-preview ol {
-      margin-left: 1.5em;
-      margin-bottom: 0.75em;
-      list-style-position: outside;
-    }
-    .markdown-preview ul { list-style-type: disc; }
-    .markdown-preview ol { list-style-type: decimal; }
-    .markdown-preview li { margin-bottom: 0.25em; }
-    .markdown-preview blockquote {
-      border-left: 4px solid #6b7280; /* border-gray-500 */
-      padding-left: 1em;
-      margin-left: 0;
-      margin-bottom: 0.75em;
-      color: #9ca3af; /* text-gray-400 */
-      font-style: italic;
-    }
-    .markdown-preview pre {
-      background-color: #374151; /* bg-gray-700 */
-      padding: 0.75em;
-      border-radius: 0.375rem; /* rounded-md */
-      overflow-x: auto;
-      margin-bottom: 0.75em;
-      color: #e5e7eb; /* text-gray-200 */
-    }
-    .markdown-preview code {
-      background-color: #4b5563; /* bg-gray-600 */
-      padding: 0.2em 0.4em;
-      border-radius: 0.25rem;
-      font-size: 0.9em;
-    }
-    .markdown-preview pre code {
-      background-color: transparent;
-      padding: 0;
-      font-size: 1em;
-    }
-    .markdown-preview a {
-      color: #60a5fa; /* text-blue-400 */
-      text-decoration: underline;
-    }
-    .markdown-preview hr {
-      border-top: 1px solid #4b5563; /* border-gray-600 */
-      margin: 1em 0;
-    }
-
-    /* Styles for Markdown content within chat bubbles */
-    .chat-markdown-content {
-      /* Base text color and size are applied by Tailwind class on the div */
-      /* e.g., text-sm text-gray-200 */
-      line-height: 1.625; /* leading-relaxed */
-    }
-    .chat-markdown-content h1,
-    .chat-markdown-content h2,
-    .chat-markdown-content h3,
-    .chat-markdown-content h4,
-    .chat-markdown-content h5,
-    .chat-markdown-content h6 {
-      color: #bae6fd; /* light-sky-300, slightly brighter for chat */
-      margin-top: 0.75em;
-      margin-bottom: 0.4em;
-      font-weight: 600;
-      line-height: 1.3;
-    }
-    .chat-markdown-content h1 { font-size: 1.5em; } /* Adjusted for chat context */
-    .chat-markdown-content h2 { font-size: 1.3em; }
-    .chat-markdown-content h3 { font-size: 1.15em; }
-    .chat-markdown-content p {
-      margin-bottom: 0.65em;
-    }
-    .chat-markdown-content ul,
-    .chat-markdown-content ol {
-      margin-left: 1.25em; /* Slightly less indent for chat */
-      margin-bottom: 0.65em;
-      list-style-position: outside;
-    }
-    .chat-markdown-content ul { list-style-type: disc; }
-    .chat-markdown-content ol { list-style-type: decimal; }
-    .chat-markdown-content li { margin-bottom: 0.2em; }
-    .chat-markdown-content blockquote {
-      border-left: 3px solid #4b5563; /* border-gray-600 */
-      padding-left: 0.75em;
-      margin-left: 0;
-      margin-bottom: 0.65em;
-      color: #9ca3af; /* text-gray-400 */
-      font-style: italic;
-    }
-    .chat-markdown-content pre {
-      background-color: #1e293b; /* slate-800, distinct from bubble */
-      padding: 0.65em;
-      border-radius: 0.25rem; /* rounded-sm */
-      overflow-x: auto;
-      margin-bottom: 0.65em;
-      color: #e2e8f0; /* slate-200 */
-      font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
-      font-size: 0.875rem; /* text-sm */
-    }
-    .chat-markdown-content code { /* Inline code */
-      background-color: #334155; /* slate-700 */
-      color: #e2e8f0; /* slate-200 */
-      padding: 0.15em 0.3em;
-      border-radius: 0.2rem;
-      font-size: 0.85em; /* Slightly smaller */
-      font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
-    }
-    .chat-markdown-content pre code { /* Code within pre blocks */
-      background-color: transparent;
-      padding: 0;
-      font-size: 1em; /* Reset from inline code */
-      color: inherit; /* Inherit from pre */
-    }
-    .chat-markdown-content a {
-      color: #38bdf8; /* sky-400 */
-      text-decoration: underline;
-    }
-    .chat-markdown-content a:hover {
-      color: #7dd3fc; /* sky-300 */
-    }
-    .chat-markdown-content hr {
-      border-top: 1px solid #334155; /* slate-700 */
-      margin: 0.75em 0;
-    }
-
-  </style>
-<script type="importmap">
-{
-  "imports": {
-    "react": "https://esm.sh/react@^19.1.0",
-    "react-dom/": "https://esm.sh/react-dom@^19.1.0/",
-    "react/": "https://esm.sh/react@^19.1.0/",
-    "@google/genai": "https://esm.sh/@google/genai@^1.0.1",
-    "lucide-react": "https://esm.sh/lucide-react@^0.511.0",
-    "marked": "https://esm.sh/marked@^13.0.2",
-    "dompurify": "https://esm.sh/dompurify@^3.1.6"
-  }
-}
-</script>
-</head>
-<body class="bg-gray-900 text-white">
-  <div id="root"></div>
-  <script type="module" src="/index.tsx"></script>
-</body>
-</html><link rel="stylesheet" href="index.css">
-<script src="index.tsx" type="module"></script>
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Multi-Mind Chat 智囊团</title>
+  <script src="https://cdn.tailwindcss.com"></script>
+  <style>
+    /* Custom scrollbar for webkit browsers */
+    ::-webkit-scrollbar {
+      width: 8px;
+    }
+    ::-webkit-scrollbar-track {
+      background: #f1f1f1;
+      border-radius: 10px;
+    }
+    ::-webkit-scrollbar-thumb {
+      background: #888;
+      border-radius: 10px;
+    }
+    ::-webkit-scrollbar-thumb:hover {
+      background: #555;
+    }
+    body {
+      font-family: 'Inter', sans-serif; /* A common sans-serif font often used with Tailwind */
+    }
+    /* Basic styles for Markdown preview in Notepad */
+    .markdown-preview {
+      padding: 0.75rem; /* Corresponds to p-3 in Tailwind */
+      color: #d1d5db; /* text-gray-300 */
+      font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* font-mono */
+      font-size: 0.875rem; /* text-sm */
+      line-height: 1.625; /* leading-relaxed */
+      background-color: #1f2937; /* bg-slate-800 or similar dark bg */
+      height: 100%;
+      overflow-y: auto;
+    }
+    .markdown-preview h1,
+    .markdown-preview h2,
+    .markdown-preview h3,
+    .markdown-preview h4,
+    .markdown-preview h5,
+    .markdown-preview h6 {
+      color: #93c5fd; /* A lighter blue for headings */
+      margin-top: 1em;
+      margin-bottom: 0.5em;
+      font-weight: 600;
+    }
+    .markdown-preview h1 { font-size: 1.875em; }
+    .markdown-preview h2 { font-size: 1.5em; }
+    .markdown-preview h3 { font-size: 1.25em; }
+    .markdown-preview p {
+      margin-bottom: 0.75em;
+    }
+    .markdown-preview ul,
+    .markdown-preview ol {
+      margin-left: 1.5em;
+      margin-bottom: 0.75em;
+      list-style-position: outside;
+    }
+    .markdown-preview ul { list-style-type: disc; }
+    .markdown-preview ol { list-style-type: decimal; }
+    .markdown-preview li { margin-bottom: 0.25em; }
+    .markdown-preview blockquote {
+      border-left: 4px solid #6b7280; /* border-gray-500 */
+      padding-left: 1em;
+      margin-left: 0;
+      margin-bottom: 0.75em;
+      color: #9ca3af; /* text-gray-400 */
+      font-style: italic;
+    }
+    .markdown-preview pre {
+      background-color: #374151; /* bg-gray-700 */
+      padding: 0.75em;
+      border-radius: 0.375rem; /* rounded-md */
+      overflow-x: auto;
+      margin-bottom: 0.75em;
+      color: #e5e7eb; /* text-gray-200 */
+    }
+    .markdown-preview code {
+      background-color: #4b5563; /* bg-gray-600 */
+      padding: 0.2em 0.4em;
+      border-radius: 0.25rem;
+      font-size: 0.9em;
+    }
+    .markdown-preview pre code {
+      background-color: transparent;
+      padding: 0;
+      font-size: 1em;
+    }
+    .markdown-preview a {
+      color: #60a5fa; /* text-blue-400 */
+      text-decoration: underline;
+    }
+    .markdown-preview hr {
+      border-top: 1px solid #4b5563; /* border-gray-600 */
+      margin: 1em 0;
+    }
+
+    /* Styles for Markdown content within chat bubbles */
+    .chat-markdown-content {
+      /* Base text color and size are applied by Tailwind class on the div */
+      /* e.g., text-sm text-gray-200 */
+      line-height: 1.625; /* leading-relaxed */
+    }
+    .chat-markdown-content h1,
+    .chat-markdown-content h2,
+    .chat-markdown-content h3,
+    .chat-markdown-content h4,
+    .chat-markdown-content h5,
+    .chat-markdown-content h6 {
+      color: #bae6fd; /* light-sky-300, slightly brighter for chat */
+      margin-top: 0.75em;
+      margin-bottom: 0.4em;
+      font-weight: 600;
+      line-height: 1.3;
+    }
+    .chat-markdown-content h1 { font-size: 1.5em; } /* Adjusted for chat context */
+    .chat-markdown-content h2 { font-size: 1.3em; }
+    .chat-markdown-content h3 { font-size: 1.15em; }
+    .chat-markdown-content p {
+      margin-bottom: 0.65em;
+    }
+    .chat-markdown-content ul,
+    .chat-markdown-content ol {
+      margin-left: 1.25em; /* Slightly less indent for chat */
+      margin-bottom: 0.65em;
+      list-style-position: outside;
+    }
+    .chat-markdown-content ul { list-style-type: disc; }
+    .chat-markdown-content ol { list-style-type: decimal; }
+    .chat-markdown-content li { margin-bottom: 0.2em; }
+    .chat-markdown-content blockquote {
+      border-left: 3px solid #4b5563; /* border-gray-600 */
+      padding-left: 0.75em;
+      margin-left: 0;
+      margin-bottom: 0.65em;
+      color: #9ca3af; /* text-gray-400 */
+      font-style: italic;
+    }
+    .chat-markdown-content pre {
+      background-color: #1e293b; /* slate-800, distinct from bubble */
+      padding: 0.65em;
+      border-radius: 0.25rem; /* rounded-sm */
+      overflow-x: auto;
+      margin-bottom: 0.65em;
+      color: #e2e8f0; /* slate-200 */
+      font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
+      font-size: 0.875rem; /* text-sm */
+    }
+    .chat-markdown-content code { /* Inline code */
+      background-color: #334155; /* slate-700 */
+      color: #e2e8f0; /* slate-200 */
+      padding: 0.15em 0.3em;
+      border-radius: 0.2rem;
+      font-size: 0.85em; /* Slightly smaller */
+      font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
+    }
+    .chat-markdown-content pre code { /* Code within pre blocks */
+      background-color: transparent;
+      padding: 0;
+      font-size: 1em; /* Reset from inline code */
+      color: inherit; /* Inherit from pre */
+    }
+    .chat-markdown-content a {
+      color: #38bdf8; /* sky-400 */
+      text-decoration: underline;
+    }
+    .chat-markdown-content a:hover {
+      color: #7dd3fc; /* sky-300 */
+    }
+    .chat-markdown-content hr {
+      border-top: 1px solid #334155; /* slate-700 */
+      margin: 0.75em 0;
+    }
+
+  </style>
+<script type="importmap">
+{
+  "imports": {
+    "react": "https://esm.sh/react@^19.1.0",
+    "react-dom/": "https://esm.sh/react-dom@^19.1.0/",
+    "react/": "https://esm.sh/react@^19.1.0/",
+    "@google/genai": "https://esm.sh/@google/genai@^1.0.1",
+    "lucide-react": "https://esm.sh/lucide-react@^0.511.0",
+    "marked": "https://esm.sh/marked@^13.0.2",
+    "dompurify": "https://esm.sh/dompurify@^3.1.6"
+  }
+}
+</script>
+</head>
+<body class="bg-gray-900 text-white">
+  <div id="root"></div>
+  <script type="module" src="/index.tsx"></script>
+</body>
+</html><link rel="stylesheet" href="index.css">
+<script src="index.tsx" type="module"></script>

index.tsx

@@ -1,17 +1,17 @@
-
-import React from 'react';
-import ReactDOM from 'react-dom/client';
-import App from './App';
-
-const rootElement = document.getElementById('root');
-if (!rootElement) {
-  throw new Error("Could not find root element to mount to");
-}
-
-const root = ReactDOM.createRoot(rootElement);
-root.render(
-  <React.StrictMode>
-    <App />
-  </React.StrictMode>
-);
+
+import React from 'react';
+import ReactDOM from 'react-dom/client';
+import App from './App';
+
+const rootElement = document.getElementById('root');
+if (!rootElement) {
+  throw new Error("Could not find root element to mount to");
+}
+
+const root = ReactDOM.createRoot(rootElement);
+root.render(
+  <React.StrictMode>
+    <App />
+  </React.StrictMode>
+);
     

metadata.json

@@ -1,6 +1,6 @@
-{
-  "name": "Multi-Mind Chat 智囊团（融合3）",
-  "description": "A chat application where user messages are discussed by two AI models (Cognito and Muse). Features a shared notepad that both AIs can read from and write to, with the entire conversation and notepad changes displayed.",
-  "requestFramePermissions": [],
-  "prompt": ""
+{
+  "name": "Multi-Mind Chat 智囊团（融合3）",
+  "description": "A chat application where user messages are discussed by two AI models (Cognito and Muse). Features a shared notepad that both AIs can read from and write to, with the entire conversation and notepad changes displayed.",
+  "requestFramePermissions": [],
+  "prompt": ""
 }

package.json

@@ -1,49 +1,49 @@
-{
-  "name": "multi-mind-chat",
-  "private": true,
-  "version": "1.0.0",
-  "type": "module",
-  "description": "A multi-AI collaboration chat application with preset channels for immediate use",
-  "scripts": {
-    "dev": "vite",
-    "build": "vite build",
-    "preview": "vite preview",
-    "docker:build": "./build.sh",
-    "docker:run": "docker run -d -p 7860:7860 --name multi-mind-chat --restart unless-stopped multi-mind-chat:latest",
-    "docker:stop": "docker stop multi-mind-chat && docker rm multi-mind-chat",
-    "docker:logs": "docker logs -f multi-mind-chat"
-  },
-  "dependencies": {
-    "@google/genai": "^1.0.1",
-    "dompurify": "^3.1.6",
-    "lucide-react": "^0.511.0",
-    "marked": "^13.0.2",
-    "react": "^19.1.0",
-    "react-dom": "^19.1.0"
-  },
-  "devDependencies": {
-    "@types/node": "^22.14.0",
-    "@types/react": "^19.1.5",
-    "typescript": "~5.7.2",
-    "vite": "^6.2.0"
-  },
-  "keywords": [
-    "ai",
-    "chat",
-    "multi-ai",
-    "collaboration",
-    "openai",
-    "gpt",
-    "react",
-    "typescript"
-  ],
-  "author": "Multi-Mind Chat Team",
-  "license": "MIT",
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/zhanghxiao/multi-mind-chat.git"
-  },
-  "engines": {
-    "node": ">=18.0.0"
-  }
+{
+  "name": "multi-mind-chat",
+  "private": true,
+  "version": "1.0.0",
+  "type": "module",
+  "description": "A multi-AI collaboration chat application with preset channels for immediate use",
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build",
+    "preview": "vite preview",
+    "docker:build": "./build.sh",
+    "docker:run": "docker run -d -p 7860:7860 --name multi-mind-chat --restart unless-stopped multi-mind-chat:latest",
+    "docker:stop": "docker stop multi-mind-chat && docker rm multi-mind-chat",
+    "docker:logs": "docker logs -f multi-mind-chat"
+  },
+  "dependencies": {
+    "@google/genai": "^1.0.1",
+    "dompurify": "^3.1.6",
+    "lucide-react": "^0.511.0",
+    "marked": "^13.0.2",
+    "react": "^19.1.0",
+    "react-dom": "^19.1.0"
+  },
+  "devDependencies": {
+    "@types/node": "^22.14.0",
+    "@types/react": "^19.1.5",
+    "typescript": "~5.7.2",
+    "vite": "^6.2.0"
+  },
+  "keywords": [
+    "ai",
+    "chat",
+    "multi-ai",
+    "collaboration",
+    "openai",
+    "gpt",
+    "react",
+    "typescript"
+  ],
+  "author": "Multi-Mind Chat Team",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/zhanghxiao/multi-mind-chat.git"
+  },
+  "engines": {
+    "node": ">=18.0.0"
+  }
 }

services/openaiService.ts

@@ -1,197 +1,197 @@
-interface OpenAIMessage {
-  role: 'system' | 'user' | 'assistant' | 'developer';
-  content: string | Array<{
-    type: 'text' | 'image_url';
-    text?: string;
-    image_url?: {
-      url: string;
-      detail?: 'low' | 'high' | 'auto';
-    };
-  }>;
-}
-
-interface OpenAIResponse {
-  text: string;
-  durationMs: number;
-  error?: string;
-}
-
-interface OpenAIStreamChunk {
-  id: string;
-  object: string;
-  created: number;
-  model: string;
-  choices: Array<{
-    index: number;
-    delta: {
-      role?: string;
-      content?: string;
-    };
-    finish_reason?: string | null;
-  }>;
-}
-
-const DEFAULT_OPENAI_API_BASE = 'https://api.openai.com/v1';
-
-export const generateResponse = async (
-  prompt: string,
-  modelName: string,
-  systemInstruction?: string,
-  shouldUseReducedCapacity: boolean = false,
-  imagePart?: { inlineData: { mimeType: string; data: string } },
-  customBaseUrl?: string,
-  apiKey?: string,
-  onStreamChunk?: (newChunk: string, fullText: string, isComplete: boolean) => void
-): Promise<OpenAIResponse> => {
-  const startTime = performance.now();
-  
-  try {
-    if (!apiKey?.trim()) {
-      throw new Error("API密钥未设置。请配置您的OpenAI API密钥。");
-    }
-
-    const messages: OpenAIMessage[] = [];
-    
-    if (systemInstruction) {
-      messages.push({
-        role: 'system',
-        content: systemInstruction
-      });
-    }
-
-    if (imagePart) {
-      const imageUrl = `data:${imagePart.inlineData.mimeType};base64,${imagePart.inlineData.data}`;
-      messages.push({
-        role: 'user',
-        content: [
-          {
-            type: 'text',
-            text: prompt
-          },
-          {
-            type: 'image_url',
-            image_url: {
-              url: imageUrl,
-              detail: 'auto'
-            }
-          }
-        ]
-      });
-    } else {
-      messages.push({
-        role: 'user',
-        content: prompt
-      });
-    }
-
-    const requestBody = {
-      model: modelName,
-      messages: messages,
-      stream: !!onStreamChunk, // 只有提供回调时才使用流式
-      temperature: shouldUseReducedCapacity ? 0.3 : 0.7,
-      max_tokens: shouldUseReducedCapacity ? 1000 : 4000
-    };
-
-    const apiBase = customBaseUrl || DEFAULT_OPENAI_API_BASE;
-    
-    const response = await fetch(`${apiBase}/chat/completions`, {
-      method: 'POST',
-      headers: {
-        'Content-Type': 'application/json',
-        'Authorization': `Bearer ${apiKey}`
-      },
-      body: JSON.stringify(requestBody)
-    });
-
-    if (!response.ok) {
-      const errorData = await response.json().catch(() => ({}));
-      const errorMessage = errorData.error?.message || response.statusText;
-      
-      if (response.status === 401) {
-        throw new Error(`API密钥无效或已过期: ${errorMessage}`);
-      } else if (response.status === 429) {
-        throw new Error(`API调用频率超限: ${errorMessage}`);
-      } else if (response.status === 404) {
-        throw new Error(`模型不存在或无权访问: ${modelName}`);
-      } else {
-        throw new Error(`OpenAI API 错误 (${response.status}): ${errorMessage}`);
-      }
-    }
-
-    let fullText = '';
-    const durationMs = performance.now() - startTime;
-
-    // 处理流式响应
-    if (onStreamChunk && requestBody.stream) {
-      const reader = response.body?.getReader();
-      const decoder = new TextDecoder();
-
-      if (!reader) {
-        throw new Error('无法读取响应流');
-      }
-
-      try {
-        while (true) {
-          const { done, value } = await reader.read();
-          if (done) break;
-
-          const chunk = decoder.decode(value);
-          const lines = chunk.split('\n');
-
-          for (const line of lines) {
-            const trimmed = line.trim();
-            if (trimmed.startsWith('data: ')) {
-              const jsonStr = trimmed.slice(6);
-              if (jsonStr === '[DONE]') {
-                onStreamChunk('', fullText, true);
-                break;
-              }
-
-              try {
-                const parsed: OpenAIStreamChunk = JSON.parse(jsonStr);
-                const content = parsed.choices[0]?.delta?.content;
-                if (content) {
-                  fullText += content;
-                  // 立即回调以实现实时显示
-                  onStreamChunk(content, fullText, false);
-                }
-              } catch (parseError) {
-                console.warn('解析流数据时出错:', parseError);
-              }
-            }
-          }
-        }
-      } finally {
-        reader.releaseLock();
-      }
-    } else {
-      // 处理非流式响应（例如图像请求）
-      const data = await response.json();
-      fullText = data.choices[0]?.message?.content || '';
-    }
-    
-    if (!fullText.trim()) {
-      throw new Error('AI响应为空，请检查模型配置或重试');
-    }
-    
-    return { text: fullText, durationMs };
-
-  } catch (error) {
-    console.error("调用OpenAI API时出错:", error);
-    const durationMs = performance.now() - startTime;
-    
-    if (error instanceof Error) {
-      if (error.message.includes('API密钥') || error.message.includes('401') || error.message.includes('Unauthorized')) {
-        return { text: "API密钥无效或已过期。请检查您的OpenAI API密钥配置。", durationMs, error: "API key not valid" };
-      } else if (error.message.includes('429') || error.message.includes('Rate limit')) {
-        return { text: "API调用频率超限，请稍后重试。", durationMs, error: "Rate limit exceeded" };
-      } else if (error.message.includes('404') || error.message.includes('model')) {
-        return { text: `模型 ${modelName} 不存在或无权访问。请检查模型名称或API权限。`, durationMs, error: "Model not found" };
-      } else if (error.message.includes('网络') || error.message.includes('fetch')) {
-        return { text: "网络连接错误，请检查网络连接后重试。", durationMs, error: "Network error" };
-      }
-      return { text: `与OpenAI通信时出错: ${error.message}`, durationMs, error: error.message };
-    }
-    return { text: "与OpenAI通信时发生未知错误。", durationMs, error: "Unknown OpenAI error" };
-  }
+interface OpenAIMessage {
+  role: 'system' | 'user' | 'assistant' | 'developer';
+  content: string | Array<{
+    type: 'text' | 'image_url';
+    text?: string;
+    image_url?: {
+      url: string;
+      detail?: 'low' | 'high' | 'auto';
+    };
+  }>;
+}
+
+interface OpenAIResponse {
+  text: string;
+  durationMs: number;
+  error?: string;
+}
+
+interface OpenAIStreamChunk {
+  id: string;
+  object: string;
+  created: number;
+  model: string;
+  choices: Array<{
+    index: number;
+    delta: {
+      role?: string;
+      content?: string;
+    };
+    finish_reason?: string | null;
+  }>;
+}
+
+const DEFAULT_OPENAI_API_BASE = 'https://api.openai.com/v1';
+
+export const generateResponse = async (
+  prompt: string,
+  modelName: string,
+  systemInstruction?: string,
+  shouldUseReducedCapacity: boolean = false,
+  imagePart?: { inlineData: { mimeType: string; data: string } },
+  customBaseUrl?: string,
+  apiKey?: string,
+  onStreamChunk?: (newChunk: string, fullText: string, isComplete: boolean) => void
+): Promise<OpenAIResponse> => {
+  const startTime = performance.now();
+  
+  try {
+    if (!apiKey?.trim()) {
+      throw new Error("API密钥未设置。请配置您的OpenAI API密钥。");
+    }
+
+    const messages: OpenAIMessage[] = [];
+    
+    if (systemInstruction) {
+      messages.push({
+        role: 'system',
+        content: systemInstruction
+      });
+    }
+
+    if (imagePart) {
+      const imageUrl = `data:${imagePart.inlineData.mimeType};base64,${imagePart.inlineData.data}`;
+      messages.push({
+        role: 'user',
+        content: [
+          {
+            type: 'text',
+            text: prompt
+          },
+          {
+            type: 'image_url',
+            image_url: {
+              url: imageUrl,
+              detail: 'auto'
+            }
+          }
+        ]
+      });
+    } else {
+      messages.push({
+        role: 'user',
+        content: prompt
+      });
+    }
+
+    const requestBody = {
+      model: modelName,
+      messages: messages,
+      stream: !!onStreamChunk, // 只有提供回调时才使用流式
+      temperature: shouldUseReducedCapacity ? 0.3 : 0.7,
+      max_tokens: shouldUseReducedCapacity ? 1000 : 4000
+    };
+
+    const apiBase = customBaseUrl || DEFAULT_OPENAI_API_BASE;
+    
+    const response = await fetch(`${apiBase}/chat/completions`, {
+      method: 'POST',
+      headers: {
+        'Content-Type': 'application/json',
+        'Authorization': `Bearer ${apiKey}`
+      },
+      body: JSON.stringify(requestBody)
+    });
+
+    if (!response.ok) {
+      const errorData = await response.json().catch(() => ({}));
+      const errorMessage = errorData.error?.message || response.statusText;
+      
+      if (response.status === 401) {
+        throw new Error(`API密钥无效或已过期: ${errorMessage}`);
+      } else if (response.status === 429) {
+        throw new Error(`API调用频率超限: ${errorMessage}`);
+      } else if (response.status === 404) {
+        throw new Error(`模型不存在或无权访问: ${modelName}`);
+      } else {
+        throw new Error(`OpenAI API 错误 (${response.status}): ${errorMessage}`);
+      }
+    }
+
+    let fullText = '';
+    const durationMs = performance.now() - startTime;
+
+    // 处理流式响应
+    if (onStreamChunk && requestBody.stream) {
+      const reader = response.body?.getReader();
+      const decoder = new TextDecoder();
+
+      if (!reader) {
+        throw new Error('无法读取响应流');
+      }
+
+      try {
+        while (true) {
+          const { done, value } = await reader.read();
+          if (done) break;
+
+          const chunk = decoder.decode(value);
+          const lines = chunk.split('\n');
+
+          for (const line of lines) {
+            const trimmed = line.trim();
+            if (trimmed.startsWith('data: ')) {
+              const jsonStr = trimmed.slice(6);
+              if (jsonStr === '[DONE]') {
+                onStreamChunk('', fullText, true);
+                break;
+              }
+
+              try {
+                const parsed: OpenAIStreamChunk = JSON.parse(jsonStr);
+                const content = parsed.choices[0]?.delta?.content;
+                if (content) {
+                  fullText += content;
+                  // 立即回调以实现实时显示
+                  onStreamChunk(content, fullText, false);
+                }
+              } catch (parseError) {
+                console.warn('解析流数据时出错:', parseError);
+              }
+            }
+          }
+        }
+      } finally {
+        reader.releaseLock();
+      }
+    } else {
+      // 处理非流式响应（例如图像请求）
+      const data = await response.json();
+      fullText = data.choices[0]?.message?.content || '';
+    }
+    
+    if (!fullText.trim()) {
+      throw new Error('AI响应为空，请检查模型配置或重试');
+    }
+    
+    return { text: fullText, durationMs };
+
+  } catch (error) {
+    console.error("调用OpenAI API时出错:", error);
+    const durationMs = performance.now() - startTime;
+    
+    if (error instanceof Error) {
+      if (error.message.includes('API密钥') || error.message.includes('401') || error.message.includes('Unauthorized')) {
+        return { text: "API密钥无效或已过期。请检查您的OpenAI API密钥配置。", durationMs, error: "API key not valid" };
+      } else if (error.message.includes('429') || error.message.includes('Rate limit')) {
+        return { text: "API调用频率超限，请稍后重试。", durationMs, error: "Rate limit exceeded" };
+      } else if (error.message.includes('404') || error.message.includes('model')) {
+        return { text: `模型 ${modelName} 不存在或无权访问。请检查模型名称或API权限。`, durationMs, error: "Model not found" };
+      } else if (error.message.includes('网络') || error.message.includes('fetch')) {
+        return { text: "网络连接错误，请检查网络连接后重试。", durationMs, error: "Network error" };
+      }
+      return { text: `与OpenAI通信时出错: ${error.message}`, durationMs, error: error.message };
+    }
+    return { text: "与OpenAI通信时发生未知错误。", durationMs, error: "Unknown OpenAI error" };
+  }
 };

tsconfig.json

@@ -1,30 +1,30 @@
-{
-  "compilerOptions": {
-    "target": "ES2020",
-    "experimentalDecorators": true,
-    "useDefineForClassFields": false,
-    "module": "ESNext",
-    "lib": ["ES2020", "DOM", "DOM.Iterable"],
-    "skipLibCheck": true,
-
-    /* Bundler mode */
-    "moduleResolution": "bundler",
-    "allowImportingTsExtensions": true,
-    "isolatedModules": true,
-    "moduleDetection": "force",
-    "noEmit": true,
-    "allowJs": true,
-    "jsx": "react-jsx",
-
-    /* Linting */
-    "strict": true,
-    "noUnusedLocals": true,
-    "noUnusedParameters": true,
-    "noFallthroughCasesInSwitch": true,
-    "noUncheckedSideEffectImports": true,
-
-    "paths": {
-      "@/*" :  ["./*"]
-    }
-  }
-}
+{
+  "compilerOptions": {
+    "target": "ES2020",
+    "experimentalDecorators": true,
+    "useDefineForClassFields": false,
+    "module": "ESNext",
+    "lib": ["ES2020", "DOM", "DOM.Iterable"],
+    "skipLibCheck": true,
+
+    /* Bundler mode */
+    "moduleResolution": "bundler",
+    "allowImportingTsExtensions": true,
+    "isolatedModules": true,
+    "moduleDetection": "force",
+    "noEmit": true,
+    "allowJs": true,
+    "jsx": "react-jsx",
+
+    /* Linting */
+    "strict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "noFallthroughCasesInSwitch": true,
+    "noUncheckedSideEffectImports": true,
+
+    "paths": {
+      "@/*" :  ["./*"]
+    }
+  }
+}

types.ts

@@ -1,298 +1,298 @@
-// 动态消息发送者枚举 - 现在支持自定义角色名称
-export enum MessageSender {
-  User = '用户',
-  System = '系统',
-  // 动态角色将在运行时创建，这里保留一些常用的默认值
-  Cognito = 'Cognito',
-  Muse = 'Muse',
-}
-
-// 消息用途枚举
-export enum MessagePurpose {
-  UserInput = 'user-input',
-  SystemNotification = 'system-notification',
-  CognitoToMuse = 'cognito-to-muse',      // AI角色之间的讨论（保持兼容性）
-  MuseToCognito = 'muse-to-cognito',      // AI角色之间的讨论（保持兼容性）
-  FinalResponse = 'final-response',       // 最终回复用户
-  RoleDiscussion = 'role-discussion',     // 通用的角色间讨论
-}
-
-// 聊天消息接口
-export interface ChatMessage {
-  id: string;
-  text: string;
-  sender: MessageSender | string; // 现在支持动态角色名称
-  purpose: MessagePurpose;
-  timestamp: Date;
-  durationMs?: number; // AI消息的生成时间
-  image?: { // 用户消息的可选图片数据
-    dataUrl: string; // 用于显示的base64数据URL
-    name: string;
-    type: string;
-  };
-  roleId?: string; // 可选的角色ID，用于关联具体的AI角色配置
-  isStreaming?: boolean; // 标记消息是否正在流式传输
-}
-
-// 讨论记录接口
-export interface DiscussionRecord {
-  id: string;
-  timestamp: Date;
-  userQuery: string;
-  userImage?: {
-    name: string;
-    type: string;
-    size: number;
-  };
-  discussionMode: string;
-  activeRoles: Array<{
-    id: string;
-    name: string;
-    modelName: string;
-    channelName: string;
-  }>;
-  turns: Array<{
-    id: string;
-    role: string;
-    roleId?: string;
-    message: string;
-    timestamp: Date;
-    durationMs?: number;
-    purpose: MessagePurpose;
-  }>;
-  notepadUpdates: Array<{
-    id: string;
-    updater: string;
-    updaterId?: string;
-    content: string;
-    timestamp: Date;
-  }>;
-  finalAnswer?: {
-    content: string;
-    provider: string;
-    providerId?: string;
-    timestamp: Date;
-    durationMs?: number;
-  };
-  totalDuration: number; // 总讨论时长（毫秒）
-  isCompleted: boolean; // 讨论是否正常完成
-  wasInterrupted: boolean; // 是否被用户中断
-  interruptedAt?: Date; // 中断时间
-  settings: {
-    discussionMode: string;
-    manualFixedTurns?: number;
-    isReducedCapacityEnabled: boolean;
-    activeRoleCount: number;
-  };
-  metadata: {
-    version: string;
-    exportedAt?: Date;
-    messageCount: number;
-    notepadUpdateCount: number;
-  };
-}
-
-// 讨论统计接口
-export interface DiscussionStats {
-  totalTurns: number;
-  averageResponseTime: number;
-  longestResponseTime: number;
-  shortestResponseTime: number;
-  totalTokensUsed?: number; // 如果API提供token使用情况
-  roleParticipation: Record<string, {
-    turnCount: number;
-    totalResponseTime: number;
-    averageResponseTime: number;
-  }>;
-  notepadUpdateFrequency: number;
-}
-
-// 流式传输状态接口
-export interface StreamingState {
-  messageId: string;
-  currentText: string;
-  targetText: string;
-  isComplete: boolean;
-  startTime: Date;
-  speed: number; // 字符/秒
-}
-
-// AI模型配置接口（从constants.ts导入，但在这里声明以保持类型完整性）
-export interface AiModelConfig {
-  id: string;
-  name: string;
-  apiName: string;
-  baseUrl?: string;
-  supportsImages: boolean;
-  supportsReducedCapacity: boolean;
-  category: string;
-  maxTokens: number;
-  temperature: number;
-  isCustom: boolean;
-  createdAt: Date;
-}
-
-// AI角色配置接口
-export interface AiRoleConfig {
-  id: string;
-  name: string;
-  systemPrompt: string;
-  modelId: string;
-  isActive: boolean;
-  color?: string; // 可选的UI显示颜色
-  description?: string; // 可选的角色描述
-}
-
-// 讨论配置接口
-export interface DiscussionConfig {
-  mode: 'fixed' | 'ai-driven';
-  fixedTurns?: number;
-  maxTurnsPerRole?: number;
-  allowSameModel?: boolean; // 是否允许多个角色使用相同模型
-  enableNotepadSharing?: boolean; // 是否启用记事本共享
-  enableStreamingTypewriter?: boolean; // 是否启用流式打字机效果
-  typewriterSpeed?: number; // 打字机速度（毫秒/字符）
-}
-
-// API响应接口
-export interface ApiResponse {
-  text: string;
-  durationMs: number;
-  error?: string;
-  usage?: {
-    promptTokens: number;
-    completionTokens: number;
-    totalTokens: number;
-  };
-  streamingChunks?: string[]; // 流式响应的块
-}
-
-// 配置导出/导入接口
-export interface ConfigExportData {
-  models: AiModelConfig[];
-  roles: AiRoleConfig[];
-  discussionConfig?: DiscussionConfig;
-  discussionRecords?: DiscussionRecord[]; // 可选的讨论记录
-  exportedAt: string;
-  version: string;
-}
-
-// 讨论记录导出接口
-export interface DiscussionExportData {
-  record: DiscussionRecord;
-  stats: DiscussionStats;
-  fullTranscript: string; // 完整的文本记录
-  exportFormat: 'json' | 'markdown' | 'html' | 'txt';
-  exportedAt: string;
-  version: string;
-}
-
-// 验证结果接口
-export interface ValidationResult {
-  isValid: boolean;
-  errors: string[];
-  warnings?: string[];
-}
-
-// 角色状态接口（运行时使用）
-export interface RoleState {
-  id: string;
-  name: string;
-  isProcessing: boolean;
-  lastResponse?: string;
-  totalResponseTime?: number;
-  messageCount?: number;
-  currentStreamingMessageId?: string; // 当前正在流式传输的消息ID
-}
-
-// 会话状态接口
-export interface SessionState {
-  isActive: boolean;
-  startTime?: Date;
-  currentTurn: number;
-  activeRoles: RoleState[];
-  discussionLog: Array<{
-    roleId: string;
-    roleName: string;
-    message: string;
-    timestamp: Date;
-  }>;
-  canBeInterrupted: boolean; // 是否可以被中断
-  interruptionRequested: boolean; // 是否请求了中断
-}
-
-// 讨论控制接口
-export interface DiscussionControl {
-  canStart: boolean;
-  canPause: boolean;
-  canResume: boolean;
-  canInterrupt: boolean;
-  canExport: boolean;
-  currentPhase: 'idle' | 'initializing' | 'discussing' | 'synthesizing' | 'completed' | 'interrupted';
-  estimatedTimeRemaining?: number; // 估算剩余时间（毫秒）
-}
-
-// 导出选项接口
-export interface ExportOptions {
-  format: 'json' | 'markdown' | 'html' | 'txt';
-  includeMetadata: boolean;
-  includeStats: boolean;
-  includeNotepadHistory: boolean;
-  includeSystemMessages: boolean;
-  timestampFormat: 'iso' | 'local' | 'relative';
-  compressOutput: boolean;
-}
-
-// 消息过滤器接口
-export interface MessageFilter {
-  senders?: (MessageSender | string)[];
-  purposes?: MessagePurpose[];
-  dateRange?: {
-    start: Date;
-    end: Date;
-  };
-  textSearch?: string;
-  hasDuration?: boolean;
-  hasImage?: boolean;
-  minDuration?: number;
-  maxDuration?: number;
-}
-
-// 通知接口
-export interface Notification {
-  id: string;
-  type: 'info' | 'success' | 'warning' | 'error';
-  title: string;
-  message: string;
-  timestamp: Date;
-  duration?: number; // 自动消失时间（毫秒）
-  actions?: Array<{
-    label: string;
-    action: () => void;
-    style?: 'primary' | 'secondary' | 'danger';
-  }>;
-}
-
-// 应用状态接口
-export interface AppState {
-  ui: {
-    theme: 'light' | 'dark' | 'auto';
-    sidebarCollapsed: boolean;
-    roleManagerOpen: boolean;
-    configManagerOpen: boolean;
-    notifications: Notification[];
-  };
-  discussion: {
-    current?: DiscussionRecord;
-    history: DiscussionRecord[];
-    control: DiscussionControl;
-    streaming: Map<string, StreamingState>;
-  };
-  session: SessionState;
-  config: {
-    channels: any[];
-    models: any[];
-    roles: any[];
-    discussionSettings: DiscussionConfig;
-  };
+// 动态消息发送者枚举 - 现在支持自定义角色名称
+export enum MessageSender {
+  User = '用户',
+  System = '系统',
+  // 动态角色将在运行时创建，这里保留一些常用的默认值
+  Cognito = 'Cognito',
+  Muse = 'Muse',
+}
+
+// 消息用途枚举
+export enum MessagePurpose {
+  UserInput = 'user-input',
+  SystemNotification = 'system-notification',
+  CognitoToMuse = 'cognito-to-muse',      // AI角色之间的讨论（保持兼容性）
+  MuseToCognito = 'muse-to-cognito',      // AI角色之间的讨论（保持兼容性）
+  FinalResponse = 'final-response',       // 最终回复用户
+  RoleDiscussion = 'role-discussion',     // 通用的角色间讨论
+}
+
+// 聊天消息接口
+export interface ChatMessage {
+  id: string;
+  text: string;
+  sender: MessageSender | string; // 现在支持动态角色名称
+  purpose: MessagePurpose;
+  timestamp: Date;
+  durationMs?: number; // AI消息的生成时间
+  image?: { // 用户消息的可选图片数据
+    dataUrl: string; // 用于显示的base64数据URL
+    name: string;
+    type: string;
+  };
+  roleId?: string; // 可选的角色ID，用于关联具体的AI角色配置
+  isStreaming?: boolean; // 标记消息是否正在流式传输
+}
+
+// 讨论记录接口
+export interface DiscussionRecord {
+  id: string;
+  timestamp: Date;
+  userQuery: string;
+  userImage?: {
+    name: string;
+    type: string;
+    size: number;
+  };
+  discussionMode: string;
+  activeRoles: Array<{
+    id: string;
+    name: string;
+    modelName: string;
+    channelName: string;
+  }>;
+  turns: Array<{
+    id: string;
+    role: string;
+    roleId?: string;
+    message: string;
+    timestamp: Date;
+    durationMs?: number;
+    purpose: MessagePurpose;
+  }>;
+  notepadUpdates: Array<{
+    id: string;
+    updater: string;
+    updaterId?: string;
+    content: string;
+    timestamp: Date;
+  }>;
+  finalAnswer?: {
+    content: string;
+    provider: string;
+    providerId?: string;
+    timestamp: Date;
+    durationMs?: number;
+  };
+  totalDuration: number; // 总讨论时长（毫秒）
+  isCompleted: boolean; // 讨论是否正常完成
+  wasInterrupted: boolean; // 是否被用户中断
+  interruptedAt?: Date; // 中断时间
+  settings: {
+    discussionMode: string;
+    manualFixedTurns?: number;
+    isReducedCapacityEnabled: boolean;
+    activeRoleCount: number;
+  };
+  metadata: {
+    version: string;
+    exportedAt?: Date;
+    messageCount: number;
+    notepadUpdateCount: number;
+  };
+}
+
+// 讨论统计接口
+export interface DiscussionStats {
+  totalTurns: number;
+  averageResponseTime: number;
+  longestResponseTime: number;
+  shortestResponseTime: number;
+  totalTokensUsed?: number; // 如果API提供token使用情况
+  roleParticipation: Record<string, {
+    turnCount: number;
+    totalResponseTime: number;
+    averageResponseTime: number;
+  }>;
+  notepadUpdateFrequency: number;
+}
+
+// 流式传输状态接口
+export interface StreamingState {
+  messageId: string;
+  currentText: string;
+  targetText: string;
+  isComplete: boolean;
+  startTime: Date;
+  speed: number; // 字符/秒
+}
+
+// AI模型配置接口（从constants.ts导入，但在这里声明以保持类型完整性）
+export interface AiModelConfig {
+  id: string;
+  name: string;
+  apiName: string;
+  baseUrl?: string;
+  supportsImages: boolean;
+  supportsReducedCapacity: boolean;
+  category: string;
+  maxTokens: number;
+  temperature: number;
+  isCustom: boolean;
+  createdAt: Date;
+}
+
+// AI角色配置接口
+export interface AiRoleConfig {
+  id: string;
+  name: string;
+  systemPrompt: string;
+  modelId: string;
+  isActive: boolean;
+  color?: string; // 可选的UI显示颜色
+  description?: string; // 可选的角色描述
+}
+
+// 讨论配置接口
+export interface DiscussionConfig {
+  mode: 'fixed' | 'ai-driven';
+  fixedTurns?: number;
+  maxTurnsPerRole?: number;
+  allowSameModel?: boolean; // 是否允许多个角色使用相同模型
+  enableNotepadSharing?: boolean; // 是否启用记事本共享
+  enableStreamingTypewriter?: boolean; // 是否启用流式打字机效果
+  typewriterSpeed?: number; // 打字机速度（毫秒/字符）
+}
+
+// API响应接口
+export interface ApiResponse {
+  text: string;
+  durationMs: number;
+  error?: string;
+  usage?: {
+    promptTokens: number;
+    completionTokens: number;
+    totalTokens: number;
+  };
+  streamingChunks?: string[]; // 流式响应的块
+}
+
+// 配置导出/导入接口
+export interface ConfigExportData {
+  models: AiModelConfig[];
+  roles: AiRoleConfig[];
+  discussionConfig?: DiscussionConfig;
+  discussionRecords?: DiscussionRecord[]; // 可选的讨论记录
+  exportedAt: string;
+  version: string;
+}
+
+// 讨论记录导出接口
+export interface DiscussionExportData {
+  record: DiscussionRecord;
+  stats: DiscussionStats;
+  fullTranscript: string; // 完整的文本记录
+  exportFormat: 'json' | 'markdown' | 'html' | 'txt';
+  exportedAt: string;
+  version: string;
+}
+
+// 验证结果接口
+export interface ValidationResult {
+  isValid: boolean;
+  errors: string[];
+  warnings?: string[];
+}
+
+// 角色状态接口（运行时使用）
+export interface RoleState {
+  id: string;
+  name: string;
+  isProcessing: boolean;
+  lastResponse?: string;
+  totalResponseTime?: number;
+  messageCount?: number;
+  currentStreamingMessageId?: string; // 当前正在流式传输的消息ID
+}
+
+// 会话状态接口
+export interface SessionState {
+  isActive: boolean;
+  startTime?: Date;
+  currentTurn: number;
+  activeRoles: RoleState[];
+  discussionLog: Array<{
+    roleId: string;
+    roleName: string;
+    message: string;
+    timestamp: Date;
+  }>;
+  canBeInterrupted: boolean; // 是否可以被中断
+  interruptionRequested: boolean; // 是否请求了中断
+}
+
+// 讨论控制接口
+export interface DiscussionControl {
+  canStart: boolean;
+  canPause: boolean;
+  canResume: boolean;
+  canInterrupt: boolean;
+  canExport: boolean;
+  currentPhase: 'idle' | 'initializing' | 'discussing' | 'synthesizing' | 'completed' | 'interrupted';
+  estimatedTimeRemaining?: number; // 估算剩余时间（毫秒）
+}
+
+// 导出选项接口
+export interface ExportOptions {
+  format: 'json' | 'markdown' | 'html' | 'txt';
+  includeMetadata: boolean;
+  includeStats: boolean;
+  includeNotepadHistory: boolean;
+  includeSystemMessages: boolean;
+  timestampFormat: 'iso' | 'local' | 'relative';
+  compressOutput: boolean;
+}
+
+// 消息过滤器接口
+export interface MessageFilter {
+  senders?: (MessageSender | string)[];
+  purposes?: MessagePurpose[];
+  dateRange?: {
+    start: Date;
+    end: Date;
+  };
+  textSearch?: string;
+  hasDuration?: boolean;
+  hasImage?: boolean;
+  minDuration?: number;
+  maxDuration?: number;
+}
+
+// 通知接口
+export interface Notification {
+  id: string;
+  type: 'info' | 'success' | 'warning' | 'error';
+  title: string;
+  message: string;
+  timestamp: Date;
+  duration?: number; // 自动消失时间（毫秒）
+  actions?: Array<{
+    label: string;
+    action: () => void;
+    style?: 'primary' | 'secondary' | 'danger';
+  }>;
+}
+
+// 应用状态接口
+export interface AppState {
+  ui: {
+    theme: 'light' | 'dark' | 'auto';
+    sidebarCollapsed: boolean;
+    roleManagerOpen: boolean;
+    configManagerOpen: boolean;
+    notifications: Notification[];
+  };
+  discussion: {
+    current?: DiscussionRecord;
+    history: DiscussionRecord[];
+    control: DiscussionControl;
+    streaming: Map<string, StreamingState>;
+  };
+  session: SessionState;
+  config: {
+    channels: any[];
+    models: any[];
+    roles: any[];
+    discussionSettings: DiscussionConfig;
+  };
 }

vite.config.ts

@@ -1,27 +1,27 @@
-import path from 'path';
-import { defineConfig } from 'vite';
-
-export default defineConfig({
-  resolve: {
-    alias: {
-      '@': path.resolve(__dirname, '.'),
-    }
-  },
-  define: {
-    'import.meta.env.VITE_PRESET_API_URL': JSON.stringify(process.env.VITE_PRESET_API_URL || ''),
-    'import.meta.env.VITE_PRESET_API_KEY': JSON.stringify(process.env.VITE_PRESET_API_KEY || ''),
-  },
-  build: {
-    target: 'es2020',
-    rollupOptions: {
-      output: {
-        manualChunks: undefined,
-      }
-    }
-  },
-  server: {
-    port: 5173,
-    host: '0.0.0.0',
-    open: false
-  }
+import path from 'path';
+import { defineConfig } from 'vite';
+
+export default defineConfig({
+  resolve: {
+    alias: {
+      '@': path.resolve(__dirname, '.'),
+    }
+  },
+  define: {
+    'import.meta.env.VITE_PRESET_API_URL': JSON.stringify(process.env.VITE_PRESET_API_URL || ''),
+    'import.meta.env.VITE_PRESET_API_KEY': JSON.stringify(process.env.VITE_PRESET_API_KEY || ''),
+  },
+  build: {
+    target: 'es2020',
+    rollupOptions: {
+      output: {
+        manualChunks: undefined,
+      }
+    }
+  },
+  server: {
+    port: 5173,
+    host: '0.0.0.0',
+    open: false
+  }
 });