Upload 19 files

App.tsx

@@ -0,0 +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 [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

@@ -0,0 +1,44 @@
+# 使用Node 18作为基础镜像
+FROM node:18-alpine AS builder
+
+# 设置工作目录
+WORKDIR /app
+
+# 复制package.json和package-lock.json
+COPY package*.json ./
+
+# 安装依赖
+RUN npm ci --no-audit --no-fund
+
+# 复制源代码
+COPY . .
+
+# 设置构建时的环境变量（这些会被嵌入到构建产物中）
+ARG VITE_PRESET_NAME="快速体验渠道"
+ARG VITE_PRESET_BASE_URL
+ARG VITE_PRESET_API_KEY
+
+# 构建应用
+RUN npm run build
+
+# 使用轻量级的Node镜像作为运行时
+FROM node:18-alpine
+
+# 安装serve来提供静态文件服务
+RUN npm install -g serve
+
+# 设置工作目录
+WORKDIR /app
+
+# 从构建阶段复制构建产物
+COPY --from=builder /app/dist ./dist
+
+# 暴露端口
+EXPOSE 7860
+
+# 设置健康检查
+HEALTHCHECK --interval=30s --timeout=3s --start-period=5s --retries=3 \
+  CMD node -e "require('http').get('http://localhost:7860', (res) => { process.exit(res.statusCode === 200 ? 0 : 1); })"
+
+# 启动应用
+CMD ["serve", "-s", "dist", "-l", "7860"]

components/ChatInput.tsx

@@ -0,0 +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;

components/LoadingSpinner.tsx

@@ -0,0 +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;
+    

components/MessageBubble.tsx

@@ -0,0 +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>
+  );
+};
+
+export default MessageBubble;

components/ModelConfigManager.tsx

@@ -0,0 +1,1143 @@
+import React, { useState, useEffect } from 'react';
+import { AiModel, AiRole, ApiChannel, ModelConfigManager } from '../constants';
+import { 
+  Settings, 
+  Plus, 
+  Edit3, 
+  Trash2, 
+  Save, 
+  X, 
+  Download, 
+  Upload, 
+  RefreshCw,
+  Bot,
+  Brain,
+  Image,
+  Zap,
+  AlertCircle,
+  Check,
+  HardDrive,
+  Globe,
+  Key,
+  Eye,
+  EyeOff,
+  Star,
+  StarOff
+} from 'lucide-react';
+
+interface ModelConfigManagerProps {
+  isOpen: boolean;
+  onClose: () => void;
+  onConfigChange: () => void;
+}
+
+interface EditingChannel extends Partial<ApiChannel> {
+  isNew?: boolean;
+}
+
+interface EditingModel extends Partial<AiModel> {
+  isNew?: boolean;
+}
+
+interface EditingRole extends Partial<AiRole> {
+  isNew?: boolean;
+}
+
+const ModelConfigManagerComponent: React.FC<ModelConfigManagerProps> = ({ 
+  isOpen, 
+  onClose, 
+  onConfigChange 
+}) => {
+  const [activeTab, setActiveTab] = useState<'channels' | 'models' | 'roles' | 'storage'>('channels');
+  const [channels, setChannels] = useState<ApiChannel[]>([]);
+  const [models, setModels] = useState<AiModel[]>([]);
+  const [roles, setRoles] = useState<AiRole[]>([]);
+  const [editingChannel, setEditingChannel] = useState<EditingChannel | null>(null);
+  const [editingModel, setEditingModel] = useState<EditingModel | null>(null);
+  const [editingRole, setEditingRole] = useState<EditingRole | null>(null);
+  const [validationErrors, setValidationErrors] = useState<string[]>([]);
+  const [importText, setImportText] = useState('');
+  const [showImport, setShowImport] = useState(false);
+  const [message, setMessage] = useState<{ type: 'success' | 'error'; text: string } | null>(null);
+  const [storageInfo, setStorageInfo] = useState<{ used: number; available: number; channels: number; models: number; roles: number }>({ used: 0, available: 0, channels: 0, models: 0, roles: 0 });
+  const [showApiKeys, setShowApiKeys] = useState<Record<string, boolean>>({});
+
+  useEffect(() => {
+    if (isOpen) {
+      loadConfig();
+      updateStorageInfo();
+    }
+  }, [isOpen]);
+
+  const loadConfig = () => {
+    try {
+      setChannels(ModelConfigManager.getChannels());
+      setModels(ModelConfigManager.getModels());
+      setRoles(ModelConfigManager.getRoles());
+    } catch (error) {
+      console.error('加载配置失败:', error);
+      showMessage('error', '加载配置失败，请检查浏览器存储设置');
+    }
+  };
+
+  const updateStorageInfo = () => {
+    try {
+      setStorageInfo(ModelConfigManager.getStorageInfo());
+    } catch (error) {
+      console.error('获取存储信息失败:', error);
+    }
+  };
+
+  const showMessage = (type: 'success' | 'error', text: string) => {
+    setMessage({ type, text });
+    setTimeout(() => setMessage(null), 3000);
+  };
+
+  const toggleApiKeyVisibility = (channelId: string) => {
+    setShowApiKeys(prev => ({
+      ...prev,
+      [channelId]: !prev[channelId]
+    }));
+  };
+
+  // ============ 渠道管理 ============
+
+  const handleSaveChannel = () => {
+    if (!editingChannel) return;
+
+    const errors = ModelConfigManager.validateChannel(editingChannel);
+    if (errors.length > 0) {
+      setValidationErrors(errors);
+      return;
+    }
+
+    try {
+      if (editingChannel.isNew) {
+        const { id, createdAt, isCustom, isNew, ...channelData } = editingChannel;
+        ModelConfigManager.addChannel(channelData as Omit<ApiChannel, 'id' | 'createdAt' | 'isCustom'>);
+        showMessage('success', '渠道添加成功');
+      } else {
+        ModelConfigManager.updateChannel(editingChannel.id!, editingChannel);
+        showMessage('success', '渠道更新成功');
+      }
+      
+      loadConfig();
+      updateStorageInfo();
+      setEditingChannel(null);
+      setValidationErrors([]);
+      onConfigChange();
+    } catch (error) {
+      showMessage('error', '保存渠道失败: ' + (error instanceof Error ? error.message : '未知错误'));
+    }
+  };
+
+  const handleDeleteChannel = (id: string) => {
+    // 检查是否有模型使用此渠道
+    const modelsUsingChannel = models.filter(model => model.channelId === id);
+    if (modelsUsingChannel.length > 0) {
+      showMessage('error', `无法删除渠道：有 ${modelsUsingChannel.length} 个模型正在使用此渠道`);
+      return;
+    }
+
+    if (window.confirm('确定要删除这个渠道吗？此操作不可撤销。')) {
+      try {
+        ModelConfigManager.deleteChannel(id);
+        loadConfig();
+        updateStorageInfo();
+        showMessage('success', '渠道删除成功');
+        onConfigChange();
+      } catch (error) {
+        showMessage('error', '删除渠道失败: ' + (error instanceof Error ? error.message : '未知错误'));
+      }
+    }
+  };
+
+  const handleSetDefaultChannel = (id: string) => {
+    try {
+      ModelConfigManager.updateChannel(id, { isDefault: true });
+      loadConfig();
+      showMessage('success', '默认渠道设置成功');
+    } catch (error) {
+      showMessage('error', '设置默认渠道失败');
+    }
+  };
+
+  // ============ 模型管理 ============
+
+  const handleSaveModel = () => {
+    if (!editingModel) return;
+
+    const errors = ModelConfigManager.validateModel(editingModel);
+    if (errors.length > 0) {
+      setValidationErrors(errors);
+      return;
+    }
+
+    try {
+      if (editingModel.isNew) {
+        const { id, createdAt, isCustom, isNew, ...modelData } = editingModel;
+        ModelConfigManager.addModel(modelData as Omit<AiModel, 'id' | 'createdAt' | 'isCustom'>);
+        showMessage('success', '模型添加成功');
+      } else {
+        ModelConfigManager.updateModel(editingModel.id!, editingModel);
+        showMessage('success', '模型更新成功');
+      }
+      
+      loadConfig();
+      updateStorageInfo();
+      setEditingModel(null);
+      setValidationErrors([]);
+      onConfigChange();
+    } catch (error) {
+      showMessage('error', '保存模型失败: ' + (error instanceof Error ? error.message : '未知错误'));
+    }
+  };
+
+  const handleDeleteModel = (id: string) => {
+    // 检查是否有角色使用此模型
+    const rolesUsingModel = roles.filter(role => role.modelId === id);
+    if (rolesUsingModel.length > 0) {
+      showMessage('error', `无法删除模型：有 ${rolesUsingModel.length} 个角色正在使用此模型`);
+      return;
+    }
+
+    if (window.confirm('确定要删除这个模型吗？此操作不可撤销。')) {
+      try {
+        ModelConfigManager.deleteModel(id);
+        loadConfig();
+        updateStorageInfo();
+        showMessage('success', '模型删除成功');
+        onConfigChange();
+      } catch (error) {
+        showMessage('error', '删除模型失败: ' + (error instanceof Error ? error.message : '未知错误'));
+      }
+    }
+  };
+
+  // ============ 角色管理 ============
+
+  const handleSaveRole = () => {
+    if (!editingRole) return;
+
+    if (!editingRole.name?.trim() || !editingRole.systemPrompt?.trim() || !editingRole.modelId) {
+      setValidationErrors(['角色名称、系统提示词和关联模型都不能为空']);
+      return;
+    }
+
+    try {
+      if (editingRole.isNew) {
+        const { id, isNew, ...roleData } = editingRole;
+        ModelConfigManager.addRole(roleData as Omit<AiRole, 'id'>);
+        showMessage('success', '角色添加成功');
+      } else {
+        ModelConfigManager.updateRole(editingRole.id!, editingRole);
+        showMessage('success', '角色更新成功');
+      }
+      
+      loadConfig();
+      updateStorageInfo();
+      setEditingRole(null);
+      setValidationErrors([]);
+      onConfigChange();
+    } catch (error) {
+      showMessage('error', '保存角色失败: ' + (error instanceof Error ? error.message : '未知错误'));
+    }
+  };
+
+  const handleDeleteRole = (id: string) => {
+    if (window.confirm('确定要删除这个角色吗？此操作不可撤销。')) {
+      try {
+        ModelConfigManager.deleteRole(id);
+        loadConfig();
+        updateStorageInfo();
+        showMessage('success', '角色删除成功');
+        onConfigChange();
+      } catch (error) {
+        showMessage('error', '删除角色失败: ' + (error instanceof Error ? error.message : '未知错误'));
+      }
+    }
+  };
+
+  // ============ 通用操作 ============
+
+  const handleExport = () => {
+    try {
+      const config = ModelConfigManager.exportConfig();
+      const blob = new Blob([config], { type: 'application/json' });
+      const url = URL.createObjectURL(blob);
+      const a = document.createElement('a');
+      a.href = url;
+      a.download = `multi-mind-chat-config-${new Date().toISOString().split('T')[0]}.json`;
+      document.body.appendChild(a);
+      a.click();
+      document.body.removeChild(a);
+      URL.revokeObjectURL(url);
+      showMessage('success', '配置导出成功');
+    } catch (error) {
+      showMessage('error', '导出配置失败: ' + (error instanceof Error ? error.message : '未知错误'));
+    }
+  };
+
+  const handleImport = () => {
+    if (!importText.trim()) {
+      showMessage('error', '请输入配置内容');
+      return;
+    }
+
+    try {
+      const result = ModelConfigManager.importConfig(importText);
+      if (result.success) {
+        loadConfig();
+        updateStorageInfo();
+        setImportText('');
+        setShowImport(false);
+        showMessage('success', result.message);
+        onConfigChange();
+      } else {
+        showMessage('error', result.message);
+      }
+    } catch (error) {
+      showMessage('error', '导入配置时发生错误: ' + (error instanceof Error ? error.message : '未知错误'));
+    }
+  };
+
+  const handleReset = () => {
+    if (window.confirm('确定要重置为默认配置吗？这将删除所有自定义配置。')) {
+      try {
+        ModelConfigManager.resetToDefaults();
+        loadConfig();
+        updateStorageInfo();
+        showMessage('success', '已重置为默认配置');
+        onConfigChange();
+      } catch (error) {
+        showMessage('error', '重置配置失败: ' + (error instanceof Error ? error.message : '未知错误'));
+      }
+    }
+  };
+
+  const handleClearAllData = () => {
+    if (window.confirm('警告：这将清空所有配置数据，包括渠道、模型和角色！此操作不可撤销，确定继续吗？')) {
+      try {
+        ModelConfigManager.clearAllData();
+        loadConfig();
+        updateStorageInfo();
+        showMessage('success', '所有数据已清空');
+        onConfigChange();
+      } catch (error) {
+        showMessage('error', '清空数据失败: ' + (error instanceof Error ? error.message : '未知错误'));
+      }
+    }
+  };
+
+  if (!isOpen) return null;
+
+  return (
+    <div className="fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50 p-4">
+      <div className="bg-gray-800 rounded-lg w-full max-w-6xl h-[90vh] flex flex-col">
+        {/* Header */}
+        <div className="flex items-center justify-between p-4 border-b border-gray-700">
+          <div className="flex items-center space-x-2">
+            <Settings size={24} className="text-sky-400" />
+            <h2 className="text-xl font-semibold text-white">Multi-Mind Chat 配置管理</h2>
+          </div>
+          <div className="flex items-center space-x-2">
+            <button
+              onClick={handleExport}
+              className="px-3 py-1 bg-green-600 hover:bg-green-700 text-white rounded text-sm flex items-center space-x-1"
+              title="导出配置"
+            >
+              <Download size={16} />
+              <span>导出</span>
+            </button>
+            <button
+              onClick={() => setShowImport(!showImport)}
+              className="px-3 py-1 bg-blue-600 hover:bg-blue-700 text-white rounded text-sm flex items-center space-x-1"
+              title="导入配置"
+            >
+              <Upload size={16} />
+              <span>导入</span>
+            </button>
+            <button
+              onClick={handleReset}
+              className="px-3 py-1 bg-orange-600 hover:bg-orange-700 text-white rounded text-sm flex items-center space-x-1"
+              title="重置为默认配置"
+            >
+              <RefreshCw size={16} />
+              <span>重置</span>
+            </button>
+            <button
+              onClick={onClose}
+              className="p-2 hover:bg-gray-700 rounded text-gray-400 hover:text-white"
+              title="关闭"
+            >
+              <X size={20} />
+            </button>
+          </div>
+        </div>
+
+        {/* Message */}
+        {message && (
+          <div className={`mx-4 mt-2 p-2 rounded text-sm flex items-center space-x-2 ${
+            message.type === 'success' ? 'bg-green-600 text-white' : 'bg-red-600 text-white'
+          }`}>
+            {message.type === 'success' ? <Check size={16} /> : <AlertCircle size={16} />}
+            <span>{message.text}</span>
+          </div>
+        )}
+
+        {/* Import Section */}
+        {showImport && (
+          <div className="mx-4 mt-2 p-4 bg-gray-700 rounded">
+            <h3 className="text-white mb-2">导入配置</h3>
+            <textarea
+              value={importText}
+              onChange={(e) => setImportText(e.target.value)}
+              className="w-full h-32 bg-gray-600 text-white p-2 rounded text-sm font-mono"
+              placeholder="粘贴配置JSON内容..."
+            />
+            <div className="flex justify-end space-x-2 mt-2">
+              <button
+                onClick={() => setShowImport(false)}
+                className="px-3 py-1 bg-gray-600 hover:bg-gray-500 text-white rounded text-sm"
+              >
+                取消
+              </button>
+              <button
+                onClick={handleImport}
+                className="px-3 py-1 bg-blue-600 hover:bg-blue-700 text-white rounded text-sm"
+              >
+                导入
+              </button>
+            </div>
+          </div>
+        )}
+
+        {/* Tabs */}
+        <div className="flex border-b border-gray-700">
+          <button
+            onClick={() => setActiveTab('channels')}
+            className={`px-4 py-2 text-sm font-medium transition-colors ${
+              activeTab === 'channels'
+                ? 'text-sky-400 border-b-2 border-sky-400'
+                : 'text-gray-400 hover:text-white'
+            }`}
+          >
+            <div className="flex items-center space-x-2">
+              <Globe size={16} />
+              <span>API渠道配置</span>
+            </div>
+          </button>
+          <button
+            onClick={() => setActiveTab('models')}
+            className={`px-4 py-2 text-sm font-medium transition-colors ${
+              activeTab === 'models'
+                ? 'text-sky-400 border-b-2 border-sky-400'
+                : 'text-gray-400 hover:text-white'
+            }`}
+          >
+            <div className="flex items-center space-x-2">
+              <Brain size={16} />
+              <span>AI模型配置</span>
+            </div>
+          </button>
+          <button
+            onClick={() => setActiveTab('roles')}
+            className={`px-4 py-2 text-sm font-medium transition-colors ${
+              activeTab === 'roles'
+                ? 'text-sky-400 border-b-2 border-sky-400'
+                : 'text-gray-400 hover:text-white'
+            }`}
+          >
+            <div className="flex items-center space-x-2">
+              <Bot size={16} />
+              <span>AI角色配置</span>
+            </div>
+          </button>
+          <button
+            onClick={() => setActiveTab('storage')}
+            className={`px-4 py-2 text-sm font-medium transition-colors ${
+              activeTab === 'storage'
+                ? 'text-sky-400 border-b-2 border-sky-400'
+                : 'text-gray-400 hover:text-white'
+            }`}
+          >
+            <div className="flex items-center space-x-2">
+              <HardDrive size={16} />
+              <span>存储管理</span>
+            </div>
+          </button>
+        </div>
+
+        {/* Content */}
+        <div className="flex-1 overflow-hidden">
+          {activeTab === 'channels' ? (
+            <div className="h-full flex">
+              {/* Channels List */}
+              <div className="w-1/2 border-r border-gray-700 overflow-y-auto">
+                <div className="p-4">
+                  <div className="flex justify-between items-center mb-4">
+                    <h3 className="text-lg font-medium text-white">API渠道列表</h3>
+                    <button
+                      onClick={() => setEditingChannel({ 
+                        isNew: true, 
+                        isDefault: false,
+                        timeout: 30000,
+                        baseUrl: 'https://api.openai.com/v1'
+                      })}
+                      className="px-3 py-1 bg-sky-600 hover:bg-sky-700 text-white rounded text-sm flex items-center space-x-1"
+                    >
+                      <Plus size={16} />
+                      <span>添加渠道</span>
+                    </button>
+                  </div>
+                  
+                  <div className="space-y-2">
+                    {channels.map((channel) => (
+                      <div key={channel.id} className="bg-gray-700 rounded p-3">
+                        <div className="flex justify-between items-start mb-2">
+                          <div>
+                            <div className="flex items-center space-x-2 mb-1">
+                              <h4 className="text-white font-medium">{channel.name}</h4>
+                              {channel.isDefault && (
+                                <Star size={16} className="text-yellow-400" title="默认渠道" />
+                              )}
+                            </div>
+                            <p className="text-gray-400 text-sm">{channel.baseUrl}</p>
+                            <div className="flex items-center space-x-2 mt-2">
+                              <Key size={12} className="text-gray-500" />
+                              <span className="text-gray-500 text-xs">
+                                {showApiKeys[channel.id] 
+                                  ? channel.apiKey || '未设置'
+                                  : '••••••••••••••••••••••••••••••••••••••••'
+                                }
+                              </span>
+                              <button
+                                onClick={() => toggleApiKeyVisibility(channel.id)}
+                                className="text-gray-500 hover:text-gray-300"
+                              >
+                                {showApiKeys[channel.id] ? <EyeOff size={12} /> : <Eye size={12} />}
+                              </button>
+                            </div>
+                            {channel.description && (
+                              <p className="text-gray-500 text-xs mt-1">{channel.description}</p>
+                            )}
+                          </div>
+                          <div className="flex space-x-1">
+                            {!channel.isDefault && (
+                              <button
+                                onClick={() => handleSetDefaultChannel(channel.id)}
+                                className="p-1 text-gray-400 hover:text-yellow-400"
+                                title="设为默认"
+                              >
+                                <StarOff size={16} />
+                              </button>
+                            )}
+                            <button
+                              onClick={() => setEditingChannel(channel)}
+                              className="p-1 text-gray-400 hover:text-sky-400"
+                              title="编辑"
+                            >
+                              <Edit3 size={16} />
+                            </button>
+                            {channel.isCustom && (
+                              <button
+                                onClick={() => handleDeleteChannel(channel.id)}
+                                className="p-1 text-gray-400 hover:text-red-400"
+                                title="删除"
+                              >
+                                <Trash2 size={16} />
+                              </button>
+                            )}
+                          </div>
+                        </div>
+                      </div>
+                    ))}
+                  </div>
+                </div>
+              </div>
+
+              {/* Channel Editor */}
+              <div className="w-1/2 overflow-y-auto">
+                {editingChannel ? (
+                  <div className="p-4">
+                    <h3 className="text-lg font-medium text-white mb-4">
+                      {editingChannel.isNew ? '添加新渠道' : '编辑渠道'}
+                    </h3>
+                    
+                    {validationErrors.length > 0 && (
+                      <div className="mb-4 p-3 bg-red-600 rounded">
+                        <div className="flex items-center space-x-2 mb-2">
+                          <AlertCircle size={16} className="text-white" />
+                          <span className="text-white font-medium">配置错误</span>
+                        </div>
+                        {validationErrors.map((error, index) => (
+                          <p key={index} className="text-white text-sm">{error}</p>
+                        ))}
+                      </div>
+                    )}
+
+                    <div className="space-y-4">
+                      <div>
+                        <label className="block text-gray-300 text-sm mb-1">渠道名称</label>
+                        <input
+                          type="text"
+                          value={editingChannel.name || ''}
+                          onChange={(e) => setEditingChannel({ ...editingChannel, name: e.target.value })}
+                          className="w-full bg-gray-700 text-white p-2 rounded text-sm"
+                          placeholder="例如: OpenAI 官方"
+                        />
+                      </div>
+
+                      <div>
+                        <label className="block text-gray-300 text-sm mb-1">API基础URL</label>
+                        <input
+                          type="text"
+                          value={editingChannel.baseUrl || ''}
+                          onChange={(e) => setEditingChannel({ ...editingChannel, baseUrl: e.target.value })}
+                          className="w-full bg-gray-700 text-white p-2 rounded text-sm"
+                          placeholder="https://api.openai.com/v1"
+                        />
+                      </div>
+
+                      <div>
+                        <label className="block text-gray-300 text-sm mb-1">API密钥</label>
+                        <div className="relative">
+                          <input
+                            type="password"
+                            value={editingChannel.apiKey || ''}
+                            onChange={(e) => setEditingChannel({ ...editingChannel, apiKey: e.target.value })}
+                            className="w-full bg-gray-700 text-white p-2 rounded text-sm"
+                            placeholder="输入API密钥"
+                          />
+                        </div>
+                      </div>
+
+                      <div>
+                        <label className="block text-gray-300 text-sm mb-1">描述（可选）</label>
+                        <textarea
+                          value={editingChannel.description || ''}
+                          onChange={(e) => setEditingChannel({ ...editingChannel, description: e.target.value })}
+                          className="w-full bg-gray-700 text-white p-2 rounded text-sm h-20"
+                          placeholder="渠道用途描述..."
+                        />
+                      </div>
+
+                      <div>
+                        <label className="block text-gray-300 text-sm mb-1">超时时间（毫秒）</label>
+                        <input
+                          type="number"
+                          value={editingChannel.timeout || 30000}
+                          onChange={(e) => setEditingChannel({ ...editingChannel, timeout: parseInt(e.target.value) || 30000 })}
+                          className="w-full bg-gray-700 text-white p-2 rounded text-sm"
+                          min="1000"
+                          max="120000"
+                        />
+                      </div>
+
+                      <div className="space-y-2">
+                        <label className="flex items-center space-x-2">
+                          <input
+                            type="checkbox"
+                            checked={editingChannel.isDefault || false}
+                            onChange={(e) => setEditingChannel({ ...editingChannel, isDefault: e.target.checked })}
+                            className="rounded"
+                          />
+                          <span className="text-gray-300 text-sm">设为默认渠道</span>
+                        </label>
+                      </div>
+
+                      <div className="flex justify-end space-x-2 pt-4">
+                        <button
+                          onClick={() => {
+                            setEditingChannel(null);
+                            setValidationErrors([]);
+                          }}
+                          className="px-4 py-2 bg-gray-600 hover:bg-gray-500 text-white rounded text-sm"
+                        >
+                          取消
+                        </button>
+                        <button
+                          onClick={handleSaveChannel}
+                          className="px-4 py-2 bg-sky-600 hover:bg-sky-700 text-white rounded text-sm flex items-center space-x-1"
+                        >
+                          <Save size={16} />
+                          <span>保存</span>
+                        </button>
+                      </div>
+                    </div>
+                  </div>
+                ) : (
+                  <div className="p-4 h-full flex items-center justify-center">
+                    <p className="text-gray-400">选择一个渠道进行编辑，或添加新渠道</p>
+                  </div>
+                )}
+              </div>
+            </div>
+          ) : activeTab === 'models' ? (
+            <div className="h-full flex">
+              {/* Models List */}
+              <div className="w-1/2 border-r border-gray-700 overflow-y-auto">
+                <div className="p-4">
+                  <div className="flex justify-between items-center mb-4">
+                    <h3 className="text-lg font-medium text-white">模型列表</h3>
+                    <button
+                      onClick={() => setEditingModel({ 
+                        isNew: true, 
+                        supportsImages: true, 
+                        supportsReducedCapacity: true,
+                        category: 'GPT-4系列',
+                        maxTokens: 4096,
+                        temperature: 0.7,
+                        channelId: channels.length > 0 ? channels[0].id : ''
+                      })}
+                      className="px-3 py-1 bg-sky-600 hover:bg-sky-700 text-white rounded text-sm flex items-center space-x-1"
+                    >
+                      <Plus size={16} />
+                      <span>添加模型</span>
+                    </button>
+                  </div>
+                  
+                  <div className="space-y-2">
+                    {models.map((model) => {
+                      const channel = channels.find(ch => ch.id === model.channelId);
+                      return (
+                        <div key={model.id} className="bg-gray-700 rounded p-3">
+                          <div className="flex justify-between items-start mb-2">
+                            <div>
+                              <h4 className="text-white font-medium">{model.name}</h4>
+                              <p className="text-gray-400 text-sm">{model.apiName}</p>
+                              <p className="text-gray-500 text-xs">{model.category}</p>
+                              <p className="text-gray-500 text-xs">
+                                渠道: {channel?.name || '未找到渠道'}
+                              </p>
+                            </div>
+                            <div className="flex space-x-1">
+                              <button
+                                onClick={() => setEditingModel(model)}
+                                className="p-1 text-gray-400 hover:text-sky-400"
+                                title="编辑"
+                              >
+                                <Edit3 size={16} />
+                              </button>
+                              {model.isCustom && (
+                                <button
+                                  onClick={() => handleDeleteModel(model.id)}
+                                  className="p-1 text-gray-400 hover:text-red-400"
+                                  title="删除"
+                                >
+                                  <Trash2 size={16} />
+                                </button>
+                              )}
+                            </div>
+                          </div>
+                          <div className="flex space-x-2">
+                            {model.supportsImages && (
+                              <span className="text-xs bg-green-600 text-white px-2 py-1 rounded flex items-center space-x-1">
+                                <Image size={12} />
+                                <span>图像</span>
+                              </span>
+                            )}
+                            {model.supportsReducedCapacity && (
+                              <span className="text-xs bg-blue-600 text-white px-2 py-1 rounded flex items-center space-x-1">
+                                <Zap size={12} />
+                                <span>优化</span>
+                              </span>
+                            )}
+                          </div>
+                        </div>
+                      );
+                    })}
+                  </div>
+                </div>
+              </div>
+
+              {/* Model Editor */}
+              <div className="w-1/2 overflow-y-auto">
+                {editingModel ? (
+                  <div className="p-4">
+                    <h3 className="text-lg font-medium text-white mb-4">
+                      {editingModel.isNew ? '添加新模型' : '编辑模型'}
+                    </h3>
+                    
+                    {validationErrors.length > 0 && (
+                      <div className="mb-4 p-3 bg-red-600 rounded">
+                        <div className="flex items-center space-x-2 mb-2">
+                          <AlertCircle size={16} className="text-white" />
+                          <span className="text-white font-medium">配置错误</span>
+                        </div>
+                        {validationErrors.map((error, index) => (
+                          <p key={index} className="text-white text-sm">{error}</p>
+                        ))}
+                      </div>
+                    )}
+
+                    <div className="space-y-4">
+                      <div>
+                        <label className="block text-gray-300 text-sm mb-1">显示名称</label>
+                        <input
+                          type="text"
+                          value={editingModel.name || ''}
+                          onChange={(e) => setEditingModel({ ...editingModel, name: e.target.value })}
+                          className="w-full bg-gray-700 text-white p-2 rounded text-sm"
+                          placeholder="例如: GPT-4 Turbo"
+                        />
+                      </div>
+
+                      <div>
+                        <label className="block text-gray-300 text-sm mb-1">API模型名称</label>
+                        <input
+                          type="text"
+                          value={editingModel.apiName || ''}
+                          onChange={(e) => setEditingModel({ ...editingModel, apiName: e.target.value })}
+                          className="w-full bg-gray-700 text-white p-2 rounded text-sm"
+                          placeholder="例如: gpt-4-turbo"
+                        />
+                      </div>
+
+                      <div>
+                        <label className="block text-gray-300 text-sm mb-1">API渠道</label>
+                        <select
+                          value={editingModel.channelId || ''}
+                          onChange={(e) => setEditingModel({ ...editingModel, channelId: e.target.value })}
+                          className="w-full bg-gray-700 text-white p-2 rounded text-sm"
+                        >
+                          <option value="">选择渠道</option>
+                          {channels.map((channel) => (
+                            <option key={channel.id} value={channel.id}>
+                              {channel.name}
+                            </option>
+                          ))}
+                        </select>
+                      </div>
+
+                      <div>
+                        <label className="block text-gray-300 text-sm mb-1">模型类别</label>
+                        <input
+                          type="text"
+                          value={editingModel.category || ''}
+                          onChange={(e) => setEditingModel({ ...editingModel, category: e.target.value })}
+                          className="w-full bg-gray-700 text-white p-2 rounded text-sm"
+                          placeholder="例如: GPT-4系列"
+                        />
+                      </div>
+
+                      <div className="grid grid-cols-2 gap-4">
+                        <div>
+                          <label className="block text-gray-300 text-sm mb-1">最大Token数</label>
+                          <input
+                            type="number"
+                            value={editingModel.maxTokens || 4096}
+                            onChange={(e) => setEditingModel({ ...editingModel, maxTokens: parseInt(e.target.value) || 4096 })}
+                            className="w-full bg-gray-700 text-white p-2 rounded text-sm"
+                            min="1"
+                            max="32768"
+                          />
+                        </div>
+
+                        <div>
+                          <label className="block text-gray-300 text-sm mb-1">默认温度</label>
+                          <input
+                            type="number"
+                            value={editingModel.temperature || 0.7}
+                            onChange={(e) => setEditingModel({ ...editingModel, temperature: parseFloat(e.target.value) || 0.7 })}
+                            className="w-full bg-gray-700 text-white p-2 rounded text-sm"
+                            min="0"
+                            max="2"
+                            step="0.1"
+                          />
+                        </div>
+                      </div>
+
+                      <div className="space-y-2">
+                        <label className="flex items-center space-x-2">
+                          <input
+                            type="checkbox"
+                            checked={editingModel.supportsImages || false}
+                            onChange={(e) => setEditingModel({ ...editingModel, supportsImages: e.target.checked })}
+                            className="rounded"
+                          />
+                          <span className="text-gray-300 text-sm">支持图像处理</span>
+                        </label>
+
+                        <label className="flex items-center space-x-2">
+                          <input
+                            type="checkbox"
+                            checked={editingModel.supportsReducedCapacity || false}
+                            onChange={(e) => setEditingModel({ ...editingModel, supportsReducedCapacity: e.target.checked })}
+                            className="rounded"
+                          />
+                          <span className="text-gray-300 text-sm">支持性能优化模式</span>
+                        </label>
+                      </div>
+
+                      <div className="flex justify-end space-x-2 pt-4">
+                        <button
+                          onClick={() => {
+                            setEditingModel(null);
+                            setValidationErrors([]);
+                          }}
+                          className="px-4 py-2 bg-gray-600 hover:bg-gray-500 text-white rounded text-sm"
+                        >
+                          取消
+                        </button>
+                        <button
+                          onClick={handleSaveModel}
+                          className="px-4 py-2 bg-sky-600 hover:bg-sky-700 text-white rounded text-sm flex items-center space-x-1"
+                        >
+                          <Save size={16} />
+                          <span>保存</span>
+                        </button>
+                      </div>
+                    </div>
+                  </div>
+                ) : (
+                  <div className="p-4 h-full flex items-center justify-center">
+                    <p className="text-gray-400">选择一个模型进行编辑，或添加新模型</p>
+                  </div>
+                )}
+              </div>
+            </div>
+          ) : activeTab === 'roles' ? (
+            <div className="h-full flex">
+              {/* Roles List */}
+              <div className="w-1/2 border-r border-gray-700 overflow-y-auto">
+                <div className="p-4">
+                  <div className="flex justify-between items-center mb-4">
+                    <h3 className="text-lg font-medium text-white">角色列表</h3>
+                    <button
+                      onClick={() => setEditingRole({ 
+                        isNew: true, 
+                        isActive: true,
+                        modelId: models.length > 0 ? models[0].id : ''
+                      })}
+                      className="px-3 py-1 bg-sky-600 hover:bg-sky-700 text-white rounded text-sm flex items-center space-x-1"
+                    >
+                      <Plus size={16} />
+                      <span>添加角色</span>
+                    </button>
+                  </div>
+                  
+                  <div className="space-y-2">
+                    {roles.map((role) => {
+                      const associatedModel = models.find(m => m.id === role.modelId);
+                      const associatedChannel = associatedModel ? channels.find(ch => ch.id === associatedModel.channelId) : null;
+                      return (
+                        <div key={role.id} className="bg-gray-700 rounded p-3">
+                          <div className="flex justify-between items-start mb-2">
+                            <div>
+                              <h4 className="text-white font-medium flex items-center space-x-2">
+                                <span>{role.name}</span>
+                                {role.isActive && (
+                                  <span className="text-xs bg-green-600 text-white px-2 py-1 rounded">活跃</span>
+                                )}
+                              </h4>
+                              <p className="text-gray-400 text-sm">
+                                模型: {associatedModel?.name || '未找到模型'}
+                              </p>
+                              <p className="text-gray-500 text-xs">
+                                渠道: {associatedChannel?.name || '未找到渠道'}
+                              </p>
+                            </div>
+                            <div className="flex space-x-1">
+                              <button
+                                onClick={() => setEditingRole(role)}
+                                className="p-1 text-gray-400 hover:text-sky-400"
+                                title="编辑"
+                              >
+                                <Edit3 size={16} />
+                              </button>
+                              <button
+                                onClick={() => handleDeleteRole(role.id)}
+                                className="p-1 text-gray-400 hover:text-red-400"
+                                title="删除"
+                              >
+                                <Trash2 size={16} />
+                              </button>
+                            </div>
+                          </div>
+                          <p className="text-gray-500 text-xs line-clamp-2">
+                            {role.systemPrompt}
+                          </p>
+                        </div>
+                      );
+                    })}
+                  </div>
+                </div>
+              </div>
+
+              {/* Role Editor */}
+              <div className="w-1/2 overflow-y-auto">
+                {editingRole ? (
+                  <div className="p-4">
+                    <h3 className="text-lg font-medium text-white mb-4">
+                      {editingRole.isNew ? '添加新角色' : '编辑角色'}
+                    </h3>
+                    
+                    {validationErrors.length > 0 && (
+                      <div className="mb-4 p-3 bg-red-600 rounded">
+                        <div className="flex items-center space-x-2 mb-2">
+                          <AlertCircle size={16} className="text-white" />
+                          <span className="text-white font-medium">配置错误</span>
+                        </div>
+                        {validationErrors.map((error, index) => (
+                          <p key={index} className="text-white text-sm">{error}</p>
+                        ))}
+                      </div>
+                    )}
+
+                    <div className="space-y-4">
+                      <div>
+                        <label className="block text-gray-300 text-sm mb-1">角色名称</label>
+                        <input
+                          type="text"
+                          value={editingRole.name || ''}
+                          onChange={(e) => setEditingRole({ ...editingRole, name: e.target.value })}
+                          className="w-full bg-gray-700 text-white p-2 rounded text-sm"
+                          placeholder="例如: 分析师"
+                        />
+                      </div>
+
+                      <div>
+                        <label className="block text-gray-300 text-sm mb-1">关联模型</label>
+                        <select
+                          value={editingRole.modelId || ''}
+                          onChange={(e) => setEditingRole({ ...editingRole, modelId: e.target.value })}
+                          className="w-full bg-gray-700 text-white p-2 rounded text-sm"
+                        >
+                          <option value="">选择模型</option>
+                          {models.map((model) => {
+                            const channel = channels.find(ch => ch.id === model.channelId);
+                            return (
+                              <option key={model.id} value={model.id}>
+                                {model.name} ({channel?.name || '未知渠道'})
+                              </option>
+                            );
+                          })}
+                        </select>
+                      </div>
+
+                      <div>
+                        <label className="block text-gray-300 text-sm mb-1">系统提示词</label>
+                        <textarea
+                          value={editingRole.systemPrompt || ''}
+                          onChange={(e) => setEditingRole({ ...editingRole, systemPrompt: e.target.value })}
+                          className="w-full bg-gray-700 text-white p-2 rounded text-sm h-32"
+                          placeholder="定义AI角色的行为和特性..."
+                        />
+                      </div>
+
+                      <div>
+                        <label className="flex items-center space-x-2">
+                          <input
+                            type="checkbox"
+                            checked={editingRole.isActive || false}
+                            onChange={(e) => setEditingRole({ ...editingRole, isActive: e.target.checked })}
+                            className="rounded"
+                          />
+                          <span className="text-gray-300 text-sm">激活此角色</span>
+                        </label>
+                      </div>
+
+                      <div className="flex justify-end space-x-2 pt-4">
+                        <button
+                          onClick={() => {
+                            setEditingRole(null);
+                            setValidationErrors([]);
+                          }}
+                          className="px-4 py-2 bg-gray-600 hover:bg-gray-500 text-white rounded text-sm"
+                        >
+                          取消
+                        </button>
+                        <button
+                          onClick={handleSaveRole}
+                          className="px-4 py-2 bg-sky-600 hover:bg-sky-700 text-white rounded text-sm flex items-center space-x-1"
+                        >
+                          <Save size={16} />
+                          <span>保存</span>
+                        </button>
+                      </div>
+                    </div>
+                  </div>
+                ) : (
+                  <div className="p-4 h-full flex items-center justify-center">
+                    <p className="text-gray-400">选择一个角色进行编辑，或添加新角色</p>
+                  </div>
+                )}
+              </div>
+            </div>
+          ) : (
+            // Storage Management Tab
+            <div className="p-6">
+              <h3 className="text-lg font-medium text-white mb-6">存储管理</h3>
+              
+              <div className="grid grid-cols-1 md:grid-cols-2 gap-6">
+                <div className="bg-gray-700 rounded-lg p-4">
+                  <h4 className="text-white font-medium mb-3">存储使用情况</h4>
+                  <div className="space-y-2">
+                    <div className="flex justify-between text-sm">
+                      <span className="text-gray-300">已使用:</span>
+                      <span className="text-white">{(storageInfo.used / 1024).toFixed(2)} KB</span>
+                    </div>
+                    <div className="flex justify-between text-sm">
+                      <span className="text-gray-300">可用:</span>
+                      <span className="text-white">{(storageInfo.available / 1024).toFixed(2)} KB</span>
+                    </div>
+                    <div className="w-full bg-gray-600 rounded-full h-2 mt-2">
+                      <div 
+                        className="bg-sky-500 h-2 rounded-full transition-all duration-300" 
+                        style={{ width: `${Math.min((storageInfo.used / (storageInfo.used + storageInfo.available)) * 100, 100)}%` }}
+                      ></div>
+                    </div>
+                  </div>
+                </div>
+
+                <div className="bg-gray-700 rounded-lg p-4">
+                  <h4 className="text-white font-medium mb-3">配置统计</h4>
+                  <div className="space-y-2">
+                    <div className="flex justify-between text-sm">
+                      <span className="text-gray-300">API渠道:</span>
+                      <span className="text-white">{storageInfo.channels}</span>
+                    </div>
+                    <div className="flex justify-between text-sm">
+                      <span className="text-gray-300">模型数量:</span>
+                      <span className="text-white">{storageInfo.models}</span>
+                    </div>
+                    <div className="flex justify-between text-sm">
+                      <span className="text-gray-300">角色数量:</span>
+                      <span className="text-white">{storageInfo.roles}</span>
+                    </div>
+                  </div>
+                </div>
+              </div>
+
+              <div className="mt-6 bg-gray-700 rounded-lg p-4">
+                <h4 className="text-white font-medium mb-3">数据管理</h4>
+                <div className="space-y-3">
+                  <p className="text-gray-300 text-sm">
+                    所有配置数据存储在浏览器的localStorage中。清除浏览器数据可能会导致配置丢失。建议定期导出配置进行备份。
+                  </p>
+                  <div className="flex space-x-3">
+                    <button
+                      onClick={handleReset}
+                      className="px-4 py-2 bg-orange-600 hover:bg-orange-700 text-white rounded text-sm"
+                    >
+                      重置为默认配置
+                    </button>
+                    <button
+                      onClick={handleClearAllData}
+                      className="px-4 py-2 bg-red-600 hover:bg-red-700 text-white rounded text-sm"
+                    >
+                      清空所有数据
+                    </button>
+                  </div>
+                </div>
+              </div>
+            </div>
+          )}
+        </div>
+      </div>
+    </div>
+  );
+};
+
+export default ModelConfigManagerComponent;

components/Notepad.tsx

@@ -0,0 +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>
+  );
+};
+
+export default Notepad;

components/discussion-utils.ts

@@ -0,0 +1,354 @@
+import { DiscussionRecord, DiscussionStats, DiscussionExportData, ExportOptions, ChatMessage, MessagePurpose } from './types';
+
+export class DiscussionRecordManager {
+  private static STORAGE_KEY = 'multi-mind-chat-discussion-records';
+  private static MAX_RECORDS = 50; // 最多保存50条记录
+
+  // 保存讨论记录到本地存储
+  static saveRecord(record: DiscussionRecord): void {
+    try {
+      const existingRecords = this.getAllRecords();
+      const updatedRecords = [record, ...existingRecords.filter(r => r.id !== record.id)];
+      
+      // 保持最大记录数限制
+      const trimmedRecords = updatedRecords.slice(0, this.MAX_RECORDS);
+      
+      localStorage.setItem(this.STORAGE_KEY, JSON.stringify(trimmedRecords));
+    } catch (error) {
+      console.error('保存讨论记录失败:', error);
+      throw new Error('无法保存讨论记录到本地存储');
+    }
+  }
+
+  // 获取所有讨论记录
+  static getAllRecords(): DiscussionRecord[] {
+    try {
+      const stored = localStorage.getItem(this.STORAGE_KEY);
+      if (!stored) return [];
+      
+      const records = JSON.parse(stored);
+      return records.map((record: any) => ({
+        ...record,
+        timestamp: new Date(record.timestamp),
+        turns: record.turns.map((turn: any) => ({
+          ...turn,
+          timestamp: new Date(turn.timestamp)
+        })),
+        notepadUpdates: record.notepadUpdates.map((update: any) => ({
+          ...update,
+          timestamp: new Date(update.timestamp)
+        })),
+        finalAnswer: record.finalAnswer ? {
+          ...record.finalAnswer,
+          timestamp: new Date(record.finalAnswer.timestamp)
+        } : undefined,
+        interruptedAt: record.interruptedAt ? new Date(record.interruptedAt) : undefined,
+        metadata: {
+          ...record.metadata,
+          exportedAt: record.metadata.exportedAt ? new Date(record.metadata.exportedAt) : undefined
+        }
+      }));
+    } catch (error) {
+      console.error('加载讨论记录失败:', error);
+      return [];
+    }
+  }
+
+  // 根据ID获取单个记录
+  static getRecordById(id: string): DiscussionRecord | null {
+    const records = this.getAllRecords();
+    return records.find(record => record.id === id) || null;
+  }
+
+  // 删除指定记录
+  static deleteRecord(id: string): void {
+    try {
+      const records = this.getAllRecords();
+      const filteredRecords = records.filter(record => record.id !== id);
+      localStorage.setItem(this.STORAGE_KEY, JSON.stringify(filteredRecords));
+    } catch (error) {
+      console.error('删除讨论记录失败:', error);
+      throw new Error('无法删除讨论记录');
+    }
+  }
+
+  // 清空所有记录
+  static clearAllRecords(): void {
+    try {
+      localStorage.removeItem(this.STORAGE_KEY);
+    } catch (error) {
+      console.error('清空讨论记录失败:', error);
+      throw new Error('无法清空讨论记录');
+    }
+  }
+
+  // 计算讨论统计信息
+  static calculateStats(record: DiscussionRecord): DiscussionStats {
+    const turns = record.turns.filter(turn => turn.durationMs && turn.durationMs > 0);
+    const responseTimes = turns.map(turn => turn.durationMs!);
+    
+    const roleParticipation: Record<string, any> = {};
+    
+    // 统计每个角色的参与情况
+    record.activeRoles.forEach(role => {
+      const roleTurns = turns.filter(turn => turn.roleId === role.id);
+      const roleResponseTimes = roleTurns.map(turn => turn.durationMs!);
+      
+      roleParticipation[role.name] = {
+        turnCount: roleTurns.length,
+        totalResponseTime: roleResponseTimes.reduce((sum, time) => sum + time, 0),
+        averageResponseTime: roleResponseTimes.length > 0 
+          ? roleResponseTimes.reduce((sum, time) => sum + time, 0) / roleResponseTimes.length 
+          : 0
+      };
+    });
+
+    return {
+      totalTurns: turns.length,
+      averageResponseTime: responseTimes.length > 0 
+        ? responseTimes.reduce((sum, time) => sum + time, 0) / responseTimes.length 
+        : 0,
+      longestResponseTime: responseTimes.length > 0 ? Math.max(...responseTimes) : 0,
+      shortestResponseTime: responseTimes.length > 0 ? Math.min(...responseTimes) : 0,
+      roleParticipation,
+      notepadUpdateFrequency: record.notepadUpdates.length / Math.max(turns.length, 1)
+    };
+  }
+
+  // 生成完整的讨论文本记录
+  static generateTranscript(record: DiscussionRecord, includeMetadata: boolean = true): string {
+    let transcript = '';
+    
+    if (includeMetadata) {
+      transcript += `=== Multi-Mind Chat 讨论记录 ===\n`;
+      transcript += `讨论ID: ${record.id}\n`;
+      transcript += `开始时间: ${record.timestamp.toLocaleString()}\n`;
+      transcript += `讨论模式: ${record.discussionMode}\n`;
+      transcript += `参与角色: ${record.activeRoles.map(r => r.name).join(', ')}\n`;
+      transcript += `总耗时: ${(record.totalDuration / 1000).toFixed(2)}秒\n`;
+      
+      if (record.wasInterrupted) {
+        transcript += `状态: 被用户中断 (${record.interruptedAt?.toLocaleString()})\n`;
+      } else if (record.isCompleted) {
+        transcript += `状态: 正常完成\n`;
+      }
+      
+      transcript += `\n=== 用户查询 ===\n`;
+      transcript += `${record.userQuery}\n\n`;
+    }
+
+    // 添加讨论过程
+    transcript += `=== 讨论过程 ===\n`;
+    record.turns.forEach((turn, index) => {
+      const timeStr = turn.timestamp.toLocaleTimeString();
+      const durationStr = turn.durationMs ? ` (${(turn.durationMs / 1000).toFixed(2)}s)` : '';
+      transcript += `[${timeStr}] ${turn.role}${durationStr}:\n${turn.message}\n\n`;
+    });
+
+    // 添加记事本更新历史
+    if (record.notepadUpdates.length > 0) {
+      transcript += `=== 记事本更新历史 ===\n`;
+      record.notepadUpdates.forEach((update, index) => {
+        const timeStr = update.timestamp.toLocaleTimeString();
+        transcript += `[${timeStr}] ${update.updater} 更新了记事本:\n${update.content}\n\n`;
+      });
+    }
+
+    // 添加最终答案
+    if (record.finalAnswer) {
+      transcript += `=== 最终答案 ===\n`;
+      const timeStr = record.finalAnswer.timestamp.toLocaleTimeString();
+      const durationStr = record.finalAnswer.durationMs ? ` (${(record.finalAnswer.durationMs / 1000).toFixed(2)}s)` : '';
+      transcript += `[${timeStr}] ${record.finalAnswer.provider}${durationStr}:\n${record.finalAnswer.content}\n\n`;
+    }
+
+    return transcript;
+  }
+
+  // 导出讨论记录为指定格式
+  static exportRecord(record: DiscussionRecord, options: ExportOptions): DiscussionExportData {
+    const stats = options.includeStats ? this.calculateStats(record) : {} as DiscussionStats;
+    const transcript = this.generateTranscript(record, options.includeMetadata);
+
+    return {
+      record: options.includeMetadata ? record : {
+        ...record,
+        metadata: { version: record.metadata.version, messageCount: 0, notepadUpdateCount: 0 }
+      } as DiscussionRecord,
+      stats,
+      fullTranscript: transcript,
+      exportFormat: options.format,
+      exportedAt: new Date().toISOString(),
+      version: '1.0'
+    };
+  }
+
+  // 生成Markdown格式的导出
+  static exportAsMarkdown(record: DiscussionRecord, options: ExportOptions): string {
+    let markdown = `# Multi-Mind Chat 讨论记录\n\n`;
+    
+    if (options.includeMetadata) {
+      markdown += `## 基本信息\n\n`;
+      markdown += `- **讨论ID**: ${record.id}\n`;
+      markdown += `- **开始时间**: ${record.timestamp.toLocaleString()}\n`;
+      markdown += `- **讨论模式**: ${record.discussionMode}\n`;
+      markdown += `- **参与角色**: ${record.activeRoles.map(r => r.name).join(', ')}\n`;
+      markdown += `- **总耗时**: ${(record.totalDuration / 1000).toFixed(2)}秒\n`;
+      
+      if (record.wasInterrupted) {
+        markdown += `- **状态**: ⚠️ 被用户中断 (${record.interruptedAt?.toLocaleString()})\n`;
+      } else if (record.isCompleted) {
+        markdown += `- **状态**: ✅ 正常完成\n`;
+      }
+      
+      markdown += `\n`;
+    }
+
+    markdown += `## 用户查询\n\n`;
+    markdown += `> ${record.userQuery}\n\n`;
+
+    if (record.userImage) {
+      markdown += `*用户还上传了图片: ${record.userImage.name} (${(record.userImage.size / 1024).toFixed(1)} KB)*\n\n`;
+    }
+
+    markdown += `## 讨论过程\n\n`;
+    record.turns.forEach((turn, index) => {
+      const timeStr = turn.timestamp.toLocaleTimeString();
+      const durationStr = turn.durationMs ? ` *(${(turn.durationMs / 1000).toFixed(2)}s)*` : '';
+      markdown += `### ${turn.role} - ${timeStr}${durationStr}\n\n`;
+      markdown += `${turn.message}\n\n`;
+    });
+
+    if (record.notepadUpdates.length > 0 && options.includeNotepadHistory) {
+      markdown += `## 记事本更新历史\n\n`;
+      record.notepadUpdates.forEach((update, index) => {
+        const timeStr = update.timestamp.toLocaleTimeString();
+        markdown += `### ${update.updater} - ${timeStr}\n\n`;
+        markdown += `\`\`\`\n${update.content}\n\`\`\`\n\n`;
+      });
+    }
+
+    if (record.finalAnswer) {
+      markdown += `## 最终答案\n\n`;
+      const timeStr = record.finalAnswer.timestamp.toLocaleTimeString();
+      const durationStr = record.finalAnswer.durationMs ? ` *(${(record.finalAnswer.durationMs / 1000).toFixed(2)}s)*` : '';
+      markdown += `### ${record.finalAnswer.provider} - ${timeStr}${durationStr}\n\n`;
+      markdown += `${record.finalAnswer.content}\n\n`;
+    }
+
+    if (options.includeStats) {
+      const stats = this.calculateStats(record);
+      markdown += `## 讨论统计\n\n`;
+      markdown += `- **总轮次**: ${stats.totalTurns}\n`;
+      markdown += `- **平均响应时间**: ${(stats.averageResponseTime / 1000).toFixed(2)}秒\n`;
+      markdown += `- **最长响应时间**: ${(stats.longestResponseTime / 1000).toFixed(2)}秒\n`;
+      markdown += `- **最短响应时间**: ${(stats.shortestResponseTime / 1000).toFixed(2)}秒\n`;
+      markdown += `- **记事本更新频率**: ${(stats.notepadUpdateFrequency * 100).toFixed(1)}%\n\n`;
+      
+      markdown += `### 角色参与度\n\n`;
+      Object.entries(stats.roleParticipation).forEach(([role, data]) => {
+        markdown += `- **${role}**: ${data.turnCount}轮, 平均${(data.averageResponseTime / 1000).toFixed(2)}秒\n`;
+      });
+    }
+
+    markdown += `\n---\n`;
+    markdown += `*导出时间: ${new Date().toLocaleString()}*\n`;
+    markdown += `*导出版本: Multi-Mind Chat v1.0*\n`;
+
+    return markdown;
+  }
+
+  // 下载文件的工具函数
+  static downloadFile(content: string, filename: string, mimeType: string = 'text/plain'): void {
+    const blob = new Blob([content], { type: mimeType });
+    const url = URL.createObjectURL(blob);
+    const link = document.createElement('a');
+    link.href = url;
+    link.download = filename;
+    document.body.appendChild(link);
+    link.click();
+    document.body.removeChild(link);
+    URL.revokeObjectURL(url);
+  }
+
+  // 导出并下载讨论记录
+  static downloadRecord(record: DiscussionRecord, format: 'json' | 'markdown' | 'txt' = 'json'): void {
+    const timestamp = record.timestamp.toISOString().split('T')[0];
+    const safeQuery = record.userQuery.substring(0, 20).replace(/[^\w\s-]/g, '').trim();
+    
+    switch (format) {
+      case 'json':
+        const exportData = this.exportRecord(record, {
+          format: 'json',
+          includeMetadata: true,
+          includeStats: true,
+          includeNotepadHistory: true,
+          includeSystemMessages: false,
+          timestampFormat: 'iso',
+          compressOutput: false
+        });
+        this.downloadFile(
+          JSON.stringify(exportData, null, 2),
+          `讨论记录-${timestamp}-${safeQuery}.json`,
+          'application/json'
+        );
+        break;
+        
+      case 'markdown':
+        const markdownContent = this.exportAsMarkdown(record, {
+          format: 'markdown',
+          includeMetadata: true,
+          includeStats: true,
+          includeNotepadHistory: true,
+          includeSystemMessages: false,
+          timestampFormat: 'local',
+          compressOutput: false
+        });
+        this.downloadFile(
+          markdownContent,
+          `讨论记录-${timestamp}-${safeQuery}.md`,
+          'text/markdown'
+        );
+        break;
+        
+      case 'txt':
+        const txtContent = this.generateTranscript(record, true);
+        this.downloadFile(
+          txtContent,
+          `讨论记录-${timestamp}-${safeQuery}.txt`,
+          'text/plain'
+        );
+        break;
+    }
+  }
+
+  // 搜索讨论记录
+  static searchRecords(query: string, maxResults: number = 10): DiscussionRecord[] {
+    const records = this.getAllRecords();
+    const searchLower = query.toLowerCase();
+    
+    return records
+      .filter(record => 
+        record.userQuery.toLowerCase().includes(searchLower) ||
+        record.turns.some(turn => turn.message.toLowerCase().includes(searchLower)) ||
+        record.finalAnswer?.content.toLowerCase().includes(searchLower)
+      )
+      .slice(0, maxResults);
+  }
+
+  // 获取存储使用情况
+  static getStorageInfo(): { used: number; available: number; recordCount: number } {
+    try {
+      const records = this.getAllRecords();
+      const dataSize = JSON.stringify(records).length;
+      
+      return {
+        used: dataSize,
+        available: 5242880 - dataSize, // 假设5MB存储限制
+        recordCount: records.length
+      };
+    } catch (error) {
+      return { used: 0, available: 0, recordCount: 0 };
+    }
+  }
+}

config/preset.ts

@@ -0,0 +1,29 @@
+// 预置配置管理
+interface PresetConfig {
+  name: string;
+  baseUrl: string;
+  apiKey: string;
+}
+
+// 从环境变量读取预置配置
+export function getPresetConfig(): PresetConfig | null {
+  // 在构建时从环境变量读取
+  const baseUrl = import.meta.env.VITE_PRESET_BASE_URL;
+  const apiKey = import.meta.env.VITE_PRESET_API_KEY;
+  const name = import.meta.env.VITE_PRESET_NAME || '快速体验渠道';
+  
+  if (!baseUrl || !apiKey) {
+    return null;
+  }
+  
+  return {
+    name,
+    baseUrl,
+    apiKey
+  };
+}
+
+// 检查是否有预置配置
+export function hasPresetConfig(): boolean {
+  return getPresetConfig() !== null;
+}

constants.ts

@@ -0,0 +1,637 @@
+import { getPresetConfig, hasPresetConfig } from './config/preset';
+
+// API渠道配置接口
+export interface ApiChannel {
+  id: string;
+  name: string;
+  baseUrl: string;
+  apiKey: string;
+  isDefault: boolean;
+  isCustom: 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;
+}
+
+// 预置渠道ID常量
+export const PRESET_CHANNEL_ID = 'system-preset-channel';
+
+// 默认渠道配置
+export const DEFAULT_CHANNELS: ApiChannel[] = [
+  {
+    id: 'openai-official',
+    name: 'OpenAI 官方',
+    baseUrl: 'https://api.openai.com/v1',
+    apiKey: '',
+    isDefault: false, // 注意这里改为false
+    isCustom: false,
+    timeout: 30000,
+    description: 'OpenAI 官方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: hasPresetConfig() ? PRESET_CHANNEL_ID : 'openai-official',
+    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
+  }
+];
+
+// 配置管理类
+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);
+    }
+  }
+
+  // 获取预置渠道
+  private static getPresetChannel(): ApiChannel | null {
+    const config = getPresetConfig();
+    if (!config) return null;
+    
+    return {
+      id: PRESET_CHANNEL_ID,
+      name: config.name,
+      baseUrl: config.baseUrl,
+      apiKey: config.apiKey,
+      isDefault: true,
+      isCustom: false,
+      timeout: 30000,
+      description: '系统提供的快速体验服务',
+      createdAt: new Date()
+    };
+  }
+
+  // ============ 渠道管理 ============
+  
+  // 获取所有渠道
+  static getChannels(): ApiChannel[] {
+    this.ensureInitialized();
+    
+    const presetChannel = this.getPresetChannel();
+    const channels: ApiChannel[] = [];
+    
+    // 始终将预置渠道放在第一位（如果存在）
+    if (presetChannel) {
+      channels.push(presetChannel);
+    }
+    
+    try {
+      const stored = localStorage.getItem(this.STORAGE_KEY_CHANNELS);
+      if (stored) {
+        const parsed = JSON.parse(stored);
+        const storedChannels = parsed.map((channel: any) => ({
+          ...channel,
+          createdAt: new Date(channel.createdAt)
+        }));
+        
+        // 如果有预置渠道，确保其他渠道的isDefault为false
+        if (presetChannel) {
+          storedChannels.forEach((ch: ApiChannel) => {
+            ch.isDefault = false;
+          });
+        }
+        
+        channels.push(...storedChannels);
+      } else {
+        // 如果没有存储的渠道，添加默认的OpenAI官方渠道
+        const defaultChannels = [...DEFAULT_CHANNELS];
+        if (presetChannel) {
+          defaultChannels.forEach(ch => {
+            ch.isDefault = false;
+          });
+        }
+        channels.push(...defaultChannels);
+      }
+    } catch (error) {
+      console.warn('从localStorage加载渠道失败:', error);
+      channels.push(...DEFAULT_CHANNELS);
+    }
+    
+    return channels;
+  }
+
+  // 保存渠道配置
+  static saveChannels(channels: ApiChannel[]): void {
+    try {
+      // 过滤掉预置渠道，因为它不应该被保存到localStorage
+      const channelsToSave = channels.filter(ch => ch.id !== PRESET_CHANNEL_ID);
+      localStorage.setItem(this.STORAGE_KEY_CHANNELS, JSON.stringify(channelsToSave));
+    } 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 && this.getPresetChannel()) {
+      console.warn('存在预置渠道时，无法设置其他渠道为默认');
+      newChannel.isDefault = false;
+    }
+
+    channels.push(newChannel);
+    this.saveChannels(channels.filter(ch => ch.id !== PRESET_CHANNEL_ID));
+    return newChannel;
+  }
+
+  // 更新渠道
+  static updateChannel(id: string, updates: Partial<ApiChannel>): void {
+    if (id === PRESET_CHANNEL_ID) {
+      console.warn('预置渠道不允许修改');
+      return;
+    }
+    
+    const channels = this.getChannels();
+    const index = channels.findIndex(ch => ch.id === id);
+    if (index !== -1) {
+      // 如果尝试设置为默认，但存在预置渠道，则阻止
+      if (updates.isDefault && this.getPresetChannel()) {
+        console.warn('存在预置渠道时，无法设置其他渠道为默认');
+        return;
+      }
+      
+      channels[index] = { ...channels[index], ...updates };
+      // 保存时过滤掉预置渠道
+      this.saveChannels(channels.filter(ch => ch.id !== PRESET_CHANNEL_ID));
+    }
+  }
+
+  // 删除渠道
+  static deleteChannel(id: string): void {
+    if (id === PRESET_CHANNEL_ID) {
+      console.warn('预置渠道不允许删除');
+      return;
+    }
+    
+    const channels = this.getChannels();
+    const filtered = channels.filter(ch => ch.id !== id && ch.id !== PRESET_CHANNEL_ID);
+    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格式无效');
+      }
+    }
+    
+    if (!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,
+      // 如果没有指定channelId，默认使用OpenAI官方
+      channelId: model.channelId || 'openai-official'
+    };
+
+    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().filter(ch => ch.id !== PRESET_CHANNEL_ID),
+      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

@@ -0,0 +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>

index.tsx

@@ -0,0 +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>
+);
+    

metadata.json

@@ -0,0 +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": ""
+}

package-lock.json

@@ -0,0 +1,2514 @@
+{
+  "name": "dual-ai-chat（融合3）",
+  "version": "0.0.0",
+  "lockfileVersion": 3,
+  "requires": true,
+  "packages": {
+    "": {
+      "name": "dual-ai-chat（融合3）",
+      "version": "0.0.0",
+      "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"
+      }
+    },
+    "node_modules/@esbuild/aix-ppc64": {
+      "version": "0.25.4",
+      "resolved": "https://registry.npmmirror.com/@esbuild/aix-ppc64/-/aix-ppc64-0.25.4.tgz",
+      "integrity": "sha512-1VCICWypeQKhVbE9oW/sJaAmjLxhVqacdkvPLEjwlttjfwENRSClS8EjBz0KzRyFSCPDIkuXW34Je/vk7zdB7Q==",
+      "cpu": [
+        "ppc64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "aix"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/android-arm": {
+      "version": "0.25.4",
+      "resolved": "https://registry.npmmirror.com/@esbuild/android-arm/-/android-arm-0.25.4.tgz",
+      "integrity": "sha512-QNdQEps7DfFwE3hXiU4BZeOV68HHzYwGd0Nthhd3uCkkEKK7/R6MTgM0P7H7FAs5pU/DIWsviMmEGxEoxIZ+ZQ==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/android-arm64": {
+      "version": "0.25.4",
+      "resolved": "https://registry.npmmirror.com/@esbuild/android-arm64/-/android-arm64-0.25.4.tgz",
+      "integrity": "sha512-bBy69pgfhMGtCnwpC/x5QhfxAz/cBgQ9enbtwjf6V9lnPI/hMyT9iWpR1arm0l3kttTr4L0KSLpKmLp/ilKS9A==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/android-x64": {
+      "version": "0.25.4",
+      "resolved": "https://registry.npmmirror.com/@esbuild/android-x64/-/android-x64-0.25.4.tgz",
+      "integrity": "sha512-TVhdVtQIFuVpIIR282btcGC2oGQoSfZfmBdTip2anCaVYcqWlZXGcdcKIUklfX2wj0JklNYgz39OBqh2cqXvcQ==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/darwin-arm64": {
+      "version": "0.25.4",
+      "resolved": "https://registry.npmmirror.com/@esbuild/darwin-arm64/-/darwin-arm64-0.25.4.tgz",
+      "integrity": "sha512-Y1giCfM4nlHDWEfSckMzeWNdQS31BQGs9/rouw6Ub91tkK79aIMTH3q9xHvzH8d0wDru5Ci0kWB8b3up/nl16g==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/darwin-x64": {
+      "version": "0.25.4",
+      "resolved": "https://registry.npmmirror.com/@esbuild/darwin-x64/-/darwin-x64-0.25.4.tgz",
+      "integrity": "sha512-CJsry8ZGM5VFVeyUYB3cdKpd/H69PYez4eJh1W/t38vzutdjEjtP7hB6eLKBoOdxcAlCtEYHzQ/PJ/oU9I4u0A==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/freebsd-arm64": {
+      "version": "0.25.4",
+      "resolved": "https://registry.npmmirror.com/@esbuild/freebsd-arm64/-/freebsd-arm64-0.25.4.tgz",
+      "integrity": "sha512-yYq+39NlTRzU2XmoPW4l5Ifpl9fqSk0nAJYM/V/WUGPEFfek1epLHJIkTQM6bBs1swApjO5nWgvr843g6TjxuQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/freebsd-x64": {
+      "version": "0.25.4",
+      "resolved": "https://registry.npmmirror.com/@esbuild/freebsd-x64/-/freebsd-x64-0.25.4.tgz",
+      "integrity": "sha512-0FgvOJ6UUMflsHSPLzdfDnnBBVoCDtBTVyn/MrWloUNvq/5SFmh13l3dvgRPkDihRxb77Y17MbqbCAa2strMQQ==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-arm": {
+      "version": "0.25.4",
+      "resolved": "https://registry.npmmirror.com/@esbuild/linux-arm/-/linux-arm-0.25.4.tgz",
+      "integrity": "sha512-kro4c0P85GMfFYqW4TWOpvmF8rFShbWGnrLqlzp4X1TNWjRY3JMYUfDCtOxPKOIY8B0WC8HN51hGP4I4hz4AaQ==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-arm64": {
+      "version": "0.25.4",
+      "resolved": "https://registry.npmmirror.com/@esbuild/linux-arm64/-/linux-arm64-0.25.4.tgz",
+      "integrity": "sha512-+89UsQTfXdmjIvZS6nUnOOLoXnkUTB9hR5QAeLrQdzOSWZvNSAXAtcRDHWtqAUtAmv7ZM1WPOOeSxDzzzMogiQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-ia32": {
+      "version": "0.25.4",
+      "resolved": "https://registry.npmmirror.com/@esbuild/linux-ia32/-/linux-ia32-0.25.4.tgz",
+      "integrity": "sha512-yTEjoapy8UP3rv8dB0ip3AfMpRbyhSN3+hY8mo/i4QXFeDxmiYbEKp3ZRjBKcOP862Ua4b1PDfwlvbuwY7hIGQ==",
+      "cpu": [
+        "ia32"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-loong64": {
+      "version": "0.25.4",
+      "resolved": "https://registry.npmmirror.com/@esbuild/linux-loong64/-/linux-loong64-0.25.4.tgz",
+      "integrity": "sha512-NeqqYkrcGzFwi6CGRGNMOjWGGSYOpqwCjS9fvaUlX5s3zwOtn1qwg1s2iE2svBe4Q/YOG1q6875lcAoQK/F4VA==",
+      "cpu": [
+        "loong64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-mips64el": {
+      "version": "0.25.4",
+      "resolved": "https://registry.npmmirror.com/@esbuild/linux-mips64el/-/linux-mips64el-0.25.4.tgz",
+      "integrity": "sha512-IcvTlF9dtLrfL/M8WgNI/qJYBENP3ekgsHbYUIzEzq5XJzzVEV/fXY9WFPfEEXmu3ck2qJP8LG/p3Q8f7Zc2Xg==",
+      "cpu": [
+        "mips64el"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-ppc64": {
+      "version": "0.25.4",
+      "resolved": "https://registry.npmmirror.com/@esbuild/linux-ppc64/-/linux-ppc64-0.25.4.tgz",
+      "integrity": "sha512-HOy0aLTJTVtoTeGZh4HSXaO6M95qu4k5lJcH4gxv56iaycfz1S8GO/5Jh6X4Y1YiI0h7cRyLi+HixMR+88swag==",
+      "cpu": [
+        "ppc64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-riscv64": {
+      "version": "0.25.4",
+      "resolved": "https://registry.npmmirror.com/@esbuild/linux-riscv64/-/linux-riscv64-0.25.4.tgz",
+      "integrity": "sha512-i8JUDAufpz9jOzo4yIShCTcXzS07vEgWzyX3NH2G7LEFVgrLEhjwL3ajFE4fZI3I4ZgiM7JH3GQ7ReObROvSUA==",
+      "cpu": [
+        "riscv64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-s390x": {
+      "version": "0.25.4",
+      "resolved": "https://registry.npmmirror.com/@esbuild/linux-s390x/-/linux-s390x-0.25.4.tgz",
+      "integrity": "sha512-jFnu+6UbLlzIjPQpWCNh5QtrcNfMLjgIavnwPQAfoGx4q17ocOU9MsQ2QVvFxwQoWpZT8DvTLooTvmOQXkO51g==",
+      "cpu": [
+        "s390x"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-x64": {
+      "version": "0.25.4",
+      "resolved": "https://registry.npmmirror.com/@esbuild/linux-x64/-/linux-x64-0.25.4.tgz",
+      "integrity": "sha512-6e0cvXwzOnVWJHq+mskP8DNSrKBr1bULBvnFLpc1KY+d+irZSgZ02TGse5FsafKS5jg2e4pbvK6TPXaF/A6+CA==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/netbsd-arm64": {
+      "version": "0.25.4",
+      "resolved": "https://registry.npmmirror.com/@esbuild/netbsd-arm64/-/netbsd-arm64-0.25.4.tgz",
+      "integrity": "sha512-vUnkBYxZW4hL/ie91hSqaSNjulOnYXE1VSLusnvHg2u3jewJBz3YzB9+oCw8DABeVqZGg94t9tyZFoHma8gWZQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "netbsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/netbsd-x64": {
+      "version": "0.25.4",
+      "resolved": "https://registry.npmmirror.com/@esbuild/netbsd-x64/-/netbsd-x64-0.25.4.tgz",
+      "integrity": "sha512-XAg8pIQn5CzhOB8odIcAm42QsOfa98SBeKUdo4xa8OvX8LbMZqEtgeWE9P/Wxt7MlG2QqvjGths+nq48TrUiKw==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "netbsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/openbsd-arm64": {
+      "version": "0.25.4",
+      "resolved": "https://registry.npmmirror.com/@esbuild/openbsd-arm64/-/openbsd-arm64-0.25.4.tgz",
+      "integrity": "sha512-Ct2WcFEANlFDtp1nVAXSNBPDxyU+j7+tId//iHXU2f/lN5AmO4zLyhDcpR5Cz1r08mVxzt3Jpyt4PmXQ1O6+7A==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "openbsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/openbsd-x64": {
+      "version": "0.25.4",
+      "resolved": "https://registry.npmmirror.com/@esbuild/openbsd-x64/-/openbsd-x64-0.25.4.tgz",
+      "integrity": "sha512-xAGGhyOQ9Otm1Xu8NT1ifGLnA6M3sJxZ6ixylb+vIUVzvvd6GOALpwQrYrtlPouMqd/vSbgehz6HaVk4+7Afhw==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "openbsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/sunos-x64": {
+      "version": "0.25.4",
+      "resolved": "https://registry.npmmirror.com/@esbuild/sunos-x64/-/sunos-x64-0.25.4.tgz",
+      "integrity": "sha512-Mw+tzy4pp6wZEK0+Lwr76pWLjrtjmJyUB23tHKqEDP74R3q95luY/bXqXZeYl4NYlvwOqoRKlInQialgCKy67Q==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "sunos"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/win32-arm64": {
+      "version": "0.25.4",
+      "resolved": "https://registry.npmmirror.com/@esbuild/win32-arm64/-/win32-arm64-0.25.4.tgz",
+      "integrity": "sha512-AVUP428VQTSddguz9dO9ngb+E5aScyg7nOeJDrF1HPYu555gmza3bDGMPhmVXL8svDSoqPCsCPjb265yG/kLKQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/win32-ia32": {
+      "version": "0.25.4",
+      "resolved": "https://registry.npmmirror.com/@esbuild/win32-ia32/-/win32-ia32-0.25.4.tgz",
+      "integrity": "sha512-i1sW+1i+oWvQzSgfRcxxG2k4I9n3O9NRqy8U+uugaT2Dy7kLO9Y7wI72haOahxceMX8hZAzgGou1FhndRldxRg==",
+      "cpu": [
+        "ia32"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/win32-x64": {
+      "version": "0.25.4",
+      "resolved": "https://registry.npmmirror.com/@esbuild/win32-x64/-/win32-x64-0.25.4.tgz",
+      "integrity": "sha512-nOT2vZNw6hJ+z43oP1SPea/G/6AbN6X+bGNhNuq8NtRHy4wsMhw765IKLNmnjek7GvjWBYQ8Q5VBoYTFg9y1UQ==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@google/genai": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmmirror.com/@google/genai/-/genai-1.0.1.tgz",
+      "integrity": "sha512-qf8sq9vpuKUeBKukAn43z2eC1I/Jw63b9wo6O+1x3EIroF3oDouJOtW1AzwvfO+9gzCPfLjuCUONhMKiBC8vkQ==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "google-auth-library": "^9.14.2",
+        "ws": "^8.18.0",
+        "zod": "^3.22.4",
+        "zod-to-json-schema": "^3.22.4"
+      },
+      "engines": {
+        "node": ">=20.0.0"
+      },
+      "peerDependencies": {
+        "@modelcontextprotocol/sdk": "^1.11.0"
+      }
+    },
+    "node_modules/@modelcontextprotocol/sdk": {
+      "version": "1.12.0",
+      "resolved": "https://registry.npmmirror.com/@modelcontextprotocol/sdk/-/sdk-1.12.0.tgz",
+      "integrity": "sha512-m//7RlINx1F3sz3KqwY1WWzVgTcYX52HYk4bJ1hkBXV3zccAEth+jRvG8DBRrdaQuRsPAJOx2MH3zaHNCKL7Zg==",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "ajv": "^6.12.6",
+        "content-type": "^1.0.5",
+        "cors": "^2.8.5",
+        "cross-spawn": "^7.0.5",
+        "eventsource": "^3.0.2",
+        "express": "^5.0.1",
+        "express-rate-limit": "^7.5.0",
+        "pkce-challenge": "^5.0.0",
+        "raw-body": "^3.0.0",
+        "zod": "^3.23.8",
+        "zod-to-json-schema": "^3.24.1"
+      },
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@rollup/rollup-android-arm-eabi": {
+      "version": "4.41.1",
+      "resolved": "https://registry.npmmirror.com/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.41.1.tgz",
+      "integrity": "sha512-NELNvyEWZ6R9QMkiytB4/L4zSEaBC03KIXEghptLGLZWJ6VPrL63ooZQCOnlx36aQPGhzuOMwDerC1Eb2VmrLw==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ]
+    },
+    "node_modules/@rollup/rollup-android-arm64": {
+      "version": "4.41.1",
+      "resolved": "https://registry.npmmirror.com/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.41.1.tgz",
+      "integrity": "sha512-DXdQe1BJ6TK47ukAoZLehRHhfKnKg9BjnQYUu9gzhI8Mwa1d2fzxA1aw2JixHVl403bwp1+/o/NhhHtxWJBgEA==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ]
+    },
+    "node_modules/@rollup/rollup-darwin-arm64": {
+      "version": "4.41.1",
+      "resolved": "https://registry.npmmirror.com/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.41.1.tgz",
+      "integrity": "sha512-5afxvwszzdulsU2w8JKWwY8/sJOLPzf0e1bFuvcW5h9zsEg+RQAojdW0ux2zyYAz7R8HvvzKCjLNJhVq965U7w==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ]
+    },
+    "node_modules/@rollup/rollup-darwin-x64": {
+      "version": "4.41.1",
+      "resolved": "https://registry.npmmirror.com/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.41.1.tgz",
+      "integrity": "sha512-egpJACny8QOdHNNMZKf8xY0Is6gIMz+tuqXlusxquWu3F833DcMwmGM7WlvCO9sB3OsPjdC4U0wHw5FabzCGZg==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ]
+    },
+    "node_modules/@rollup/rollup-freebsd-arm64": {
+      "version": "4.41.1",
+      "resolved": "https://registry.npmmirror.com/@rollup/rollup-freebsd-arm64/-/rollup-freebsd-arm64-4.41.1.tgz",
+      "integrity": "sha512-DBVMZH5vbjgRk3r0OzgjS38z+atlupJ7xfKIDJdZZL6sM6wjfDNo64aowcLPKIx7LMQi8vybB56uh1Ftck/Atg==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ]
+    },
+    "node_modules/@rollup/rollup-freebsd-x64": {
+      "version": "4.41.1",
+      "resolved": "https://registry.npmmirror.com/@rollup/rollup-freebsd-x64/-/rollup-freebsd-x64-4.41.1.tgz",
+      "integrity": "sha512-3FkydeohozEskBxNWEIbPfOE0aqQgB6ttTkJ159uWOFn42VLyfAiyD9UK5mhu+ItWzft60DycIN1Xdgiy8o/SA==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-arm-gnueabihf": {
+      "version": "4.41.1",
+      "resolved": "https://registry.npmmirror.com/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.41.1.tgz",
+      "integrity": "sha512-wC53ZNDgt0pqx5xCAgNunkTzFE8GTgdZ9EwYGVcg+jEjJdZGtq9xPjDnFgfFozQI/Xm1mh+D9YlYtl+ueswNEg==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-arm-musleabihf": {
+      "version": "4.41.1",
+      "resolved": "https://registry.npmmirror.com/@rollup/rollup-linux-arm-musleabihf/-/rollup-linux-arm-musleabihf-4.41.1.tgz",
+      "integrity": "sha512-jwKCca1gbZkZLhLRtsrka5N8sFAaxrGz/7wRJ8Wwvq3jug7toO21vWlViihG85ei7uJTpzbXZRcORotE+xyrLA==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-arm64-gnu": {
+      "version": "4.41.1",
+      "resolved": "https://registry.npmmirror.com/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.41.1.tgz",
+      "integrity": "sha512-g0UBcNknsmmNQ8V2d/zD2P7WWfJKU0F1nu0k5pW4rvdb+BIqMm8ToluW/eeRmxCared5dD76lS04uL4UaNgpNA==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-arm64-musl": {
+      "version": "4.41.1",
+      "resolved": "https://registry.npmmirror.com/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.41.1.tgz",
+      "integrity": "sha512-XZpeGB5TKEZWzIrj7sXr+BEaSgo/ma/kCgrZgL0oo5qdB1JlTzIYQKel/RmhT6vMAvOdM2teYlAaOGJpJ9lahg==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-loongarch64-gnu": {
+      "version": "4.41.1",
+      "resolved": "https://registry.npmmirror.com/@rollup/rollup-linux-loongarch64-gnu/-/rollup-linux-loongarch64-gnu-4.41.1.tgz",
+      "integrity": "sha512-bkCfDJ4qzWfFRCNt5RVV4DOw6KEgFTUZi2r2RuYhGWC8WhCA8lCAJhDeAmrM/fdiAH54m0mA0Vk2FGRPyzI+tw==",
+      "cpu": [
+        "loong64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-powerpc64le-gnu": {
+      "version": "4.41.1",
+      "resolved": "https://registry.npmmirror.com/@rollup/rollup-linux-powerpc64le-gnu/-/rollup-linux-powerpc64le-gnu-4.41.1.tgz",
+      "integrity": "sha512-3mr3Xm+gvMX+/8EKogIZSIEF0WUu0HL9di+YWlJpO8CQBnoLAEL/roTCxuLncEdgcfJcvA4UMOf+2dnjl4Ut1A==",
+      "cpu": [
+        "ppc64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-riscv64-gnu": {
+      "version": "4.41.1",
+      "resolved": "https://registry.npmmirror.com/@rollup/rollup-linux-riscv64-gnu/-/rollup-linux-riscv64-gnu-4.41.1.tgz",
+      "integrity": "sha512-3rwCIh6MQ1LGrvKJitQjZFuQnT2wxfU+ivhNBzmxXTXPllewOF7JR1s2vMX/tWtUYFgphygxjqMl76q4aMotGw==",
+      "cpu": [
+        "riscv64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-riscv64-musl": {
+      "version": "4.41.1",
+      "resolved": "https://registry.npmmirror.com/@rollup/rollup-linux-riscv64-musl/-/rollup-linux-riscv64-musl-4.41.1.tgz",
+      "integrity": "sha512-LdIUOb3gvfmpkgFZuccNa2uYiqtgZAz3PTzjuM5bH3nvuy9ty6RGc/Q0+HDFrHrizJGVpjnTZ1yS5TNNjFlklw==",
+      "cpu": [
+        "riscv64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-s390x-gnu": {
+      "version": "4.41.1",
+      "resolved": "https://registry.npmmirror.com/@rollup/rollup-linux-s390x-gnu/-/rollup-linux-s390x-gnu-4.41.1.tgz",
+      "integrity": "sha512-oIE6M8WC9ma6xYqjvPhzZYk6NbobIURvP/lEbh7FWplcMO6gn7MM2yHKA1eC/GvYwzNKK/1LYgqzdkZ8YFxR8g==",
+      "cpu": [
+        "s390x"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-x64-gnu": {
+      "version": "4.41.1",
+      "resolved": "https://registry.npmmirror.com/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.41.1.tgz",
+      "integrity": "sha512-cWBOvayNvA+SyeQMp79BHPK8ws6sHSsYnK5zDcsC3Hsxr1dgTABKjMnMslPq1DvZIp6uO7kIWhiGwaTdR4Og9A==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-x64-musl": {
+      "version": "4.41.1",
+      "resolved": "https://registry.npmmirror.com/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.41.1.tgz",
+      "integrity": "sha512-y5CbN44M+pUCdGDlZFzGGBSKCA4A/J2ZH4edTYSSxFg7ce1Xt3GtydbVKWLlzL+INfFIZAEg1ZV6hh9+QQf9YQ==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-win32-arm64-msvc": {
+      "version": "4.41.1",
+      "resolved": "https://registry.npmmirror.com/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.41.1.tgz",
+      "integrity": "sha512-lZkCxIrjlJlMt1dLO/FbpZbzt6J/A8p4DnqzSa4PWqPEUUUnzXLeki/iyPLfV0BmHItlYgHUqJe+3KiyydmiNQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ]
+    },
+    "node_modules/@rollup/rollup-win32-ia32-msvc": {
+      "version": "4.41.1",
+      "resolved": "https://registry.npmmirror.com/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.41.1.tgz",
+      "integrity": "sha512-+psFT9+pIh2iuGsxFYYa/LhS5MFKmuivRsx9iPJWNSGbh2XVEjk90fmpUEjCnILPEPJnikAU6SFDiEUyOv90Pg==",
+      "cpu": [
+        "ia32"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ]
+    },
+    "node_modules/@rollup/rollup-win32-x64-msvc": {
+      "version": "4.41.1",
+      "resolved": "https://registry.npmmirror.com/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.41.1.tgz",
+      "integrity": "sha512-Wq2zpapRYLfi4aKxf2Xff0tN+7slj2d4R87WEzqw7ZLsVvO5zwYCIuEGSZYiK41+GlwUo1HiR+GdkLEJnCKTCw==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ]
+    },
+    "node_modules/@types/estree": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmmirror.com/@types/estree/-/estree-1.0.7.tgz",
+      "integrity": "sha512-w28IoSUCJpidD/TGviZwwMJckNESJZXFu7NBZ5YJ4mEUnNraUn9Pm8HSZm/jDF1pDWYKspWE7oVphigUPRakIQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@types/node": {
+      "version": "22.15.21",
+      "resolved": "https://registry.npmmirror.com/@types/node/-/node-22.15.21.tgz",
+      "integrity": "sha512-EV/37Td6c+MgKAbkcLG6vqZ2zEYHD7bvSrzqqs2RIhbA6w3x+Dqz8MZM3sP6kGTeLrdoOgKZe+Xja7tUB2DNkQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "undici-types": "~6.21.0"
+      }
+    },
+    "node_modules/@types/react": {
+      "version": "19.1.5",
+      "resolved": "https://registry.npmmirror.com/@types/react/-/react-19.1.5.tgz",
+      "integrity": "sha512-piErsCVVbpMMT2r7wbawdZsq4xMvIAhQuac2gedQHysu1TZYEigE6pnFfgZT+/jQnrRuF5r+SHzuehFjfRjr4g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "csstype": "^3.0.2"
+      }
+    },
+    "node_modules/@types/trusted-types": {
+      "version": "2.0.7",
+      "resolved": "https://registry.npmmirror.com/@types/trusted-types/-/trusted-types-2.0.7.tgz",
+      "integrity": "sha512-ScaPdn1dQczgbl0QFTeTOmVHFULt394XJgOQNoyVhZ6r2vLnMLJfBPd53SB52T/3G36VI1/g2MZaX0cwDuXsfw==",
+      "license": "MIT",
+      "optional": true
+    },
+    "node_modules/accepts": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmmirror.com/accepts/-/accepts-2.0.0.tgz",
+      "integrity": "sha512-5cvg6CtKwfgdmVqY1WIiXKc3Q1bkRqGLi+2W/6ao+6Y7gu/RCwRuAhGEzh5B4KlszSuTLgZYuqFqo5bImjNKng==",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "mime-types": "^3.0.0",
+        "negotiator": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/agent-base": {
+      "version": "7.1.3",
+      "resolved": "https://registry.npmmirror.com/agent-base/-/agent-base-7.1.3.tgz",
+      "integrity": "sha512-jRR5wdylq8CkOe6hei19GGZnxM6rBGwFl3Bg0YItGDimvjGtAvdZk4Pu6Cl4u4Igsws4a1fd1Vq3ezrhn4KmFw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 14"
+      }
+    },
+    "node_modules/ajv": {
+      "version": "6.12.6",
+      "resolved": "https://registry.npmmirror.com/ajv/-/ajv-6.12.6.tgz",
+      "integrity": "sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "fast-deep-equal": "^3.1.1",
+        "fast-json-stable-stringify": "^2.0.0",
+        "json-schema-traverse": "^0.4.1",
+        "uri-js": "^4.2.2"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/epoberezkin"
+      }
+    },
+    "node_modules/base64-js": {
+      "version": "1.5.1",
+      "resolved": "https://registry.npmmirror.com/base64-js/-/base64-js-1.5.1.tgz",
+      "integrity": "sha512-AKpaYlHn8t4SVbOHCy+b5+KKgvR4vrsD8vbvrbiQJps7fKDTkjkDry6ji0rUJjC0kzbNePLwzxq8iypo41qeWA==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ],
+      "license": "MIT"
+    },
+    "node_modules/bignumber.js": {
+      "version": "9.3.0",
+      "resolved": "https://registry.npmmirror.com/bignumber.js/-/bignumber.js-9.3.0.tgz",
+      "integrity": "sha512-EM7aMFTXbptt/wZdMlBv2t8IViwQL+h6SLHosp8Yf0dqJMTnY6iL32opnAB6kAdL0SZPuvcAzFr31o0c/R3/RA==",
+      "license": "MIT",
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/body-parser": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmmirror.com/body-parser/-/body-parser-2.2.0.tgz",
+      "integrity": "sha512-02qvAaxv8tp7fBa/mw1ga98OGm+eCbqzJOKoRt70sLmfEEi+jyBYVTDGfCL/k06/4EMk/z01gCe7HoCH/f2LTg==",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "bytes": "^3.1.2",
+        "content-type": "^1.0.5",
+        "debug": "^4.4.0",
+        "http-errors": "^2.0.0",
+        "iconv-lite": "^0.6.3",
+        "on-finished": "^2.4.1",
+        "qs": "^6.14.0",
+        "raw-body": "^3.0.0",
+        "type-is": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/buffer-equal-constant-time": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmmirror.com/buffer-equal-constant-time/-/buffer-equal-constant-time-1.0.1.tgz",
+      "integrity": "sha512-zRpUiDwd/xk6ADqPMATG8vc9VPrkck7T07OIx0gnjmJAnHnTVXNQG3vfvWNuiZIkwu9KrKdA1iJKfsfTVxE6NA==",
+      "license": "BSD-3-Clause"
+    },
+    "node_modules/bytes": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmmirror.com/bytes/-/bytes-3.1.2.tgz",
+      "integrity": "sha512-/Nf7TyzTx6S3yRJObOAV7956r8cr2+Oj8AC5dt8wSP3BQAoeX58NoHyCU8P8zGkNXStjTSi6fzO6F0pBdcYbEg==",
+      "license": "MIT",
+      "peer": true,
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/call-bind-apply-helpers": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmmirror.com/call-bind-apply-helpers/-/call-bind-apply-helpers-1.0.2.tgz",
+      "integrity": "sha512-Sp1ablJ0ivDkSzjcaJdxEunN5/XvksFJ2sMBFfq6x0ryhQV/2b/KwFe21cMpmHtPOSij8K99/wSfoEuTObmuMQ==",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "function-bind": "^1.1.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/call-bound": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmmirror.com/call-bound/-/call-bound-1.0.4.tgz",
+      "integrity": "sha512-+ys997U96po4Kx/ABpBCqhA9EuxJaQWDQg7295H4hBphv3IZg0boBKuwYpt4YXp6MZ5AmZQnU/tyMTlRpaSejg==",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "call-bind-apply-helpers": "^1.0.2",
+        "get-intrinsic": "^1.3.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/content-disposition": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmmirror.com/content-disposition/-/content-disposition-1.0.0.tgz",
+      "integrity": "sha512-Au9nRL8VNUut/XSzbQA38+M78dzP4D+eqg3gfJHMIHHYa3bg067xj1KxMUWj+VULbiZMowKngFFbKczUrNJ1mg==",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "safe-buffer": "5.2.1"
+      },
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/content-type": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmmirror.com/content-type/-/content-type-1.0.5.tgz",
+      "integrity": "sha512-nTjqfcBFEipKdXCv4YDQWCfmcLZKm81ldF0pAopTvyrFGVbcR6P/VAAd5G7N+0tTr8QqiU0tFadD6FK4NtJwOA==",
+      "license": "MIT",
+      "peer": true,
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/cookie": {
+      "version": "0.7.2",
+      "resolved": "https://registry.npmmirror.com/cookie/-/cookie-0.7.2.tgz",
+      "integrity": "sha512-yki5XnKuf750l50uGTllt6kKILY4nQ1eNIQatoXEByZ5dWgnKqbnqmTrBE5B4N7lrMJKQ2ytWMiTO2o0v6Ew/w==",
+      "license": "MIT",
+      "peer": true,
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/cookie-signature": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmmirror.com/cookie-signature/-/cookie-signature-1.2.2.tgz",
+      "integrity": "sha512-D76uU73ulSXrD1UXF4KE2TMxVVwhsnCgfAyTg9k8P6KGZjlXKrOLe4dJQKI3Bxi5wjesZoFXJWElNWBjPZMbhg==",
+      "license": "MIT",
+      "peer": true,
+      "engines": {
+        "node": ">=6.6.0"
+      }
+    },
+    "node_modules/cors": {
+      "version": "2.8.5",
+      "resolved": "https://registry.npmmirror.com/cors/-/cors-2.8.5.tgz",
+      "integrity": "sha512-KIHbLJqu73RGr/hnbrO9uBeixNGuvSQjul/jdFvS/KFSIH1hWVd1ng7zOHx+YrEfInLG7q4n6GHQ9cDtxv/P6g==",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "object-assign": "^4",
+        "vary": "^1"
+      },
+      "engines": {
+        "node": ">= 0.10"
+      }
+    },
+    "node_modules/cross-spawn": {
+      "version": "7.0.6",
+      "resolved": "https://registry.npmmirror.com/cross-spawn/-/cross-spawn-7.0.6.tgz",
+      "integrity": "sha512-uV2QOWP2nWzsy2aMp8aRibhi9dlzF5Hgh5SHaB9OiTGEyDTiJJyx0uy51QXdyWbtAHNua4XJzUKca3OzKUd3vA==",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "path-key": "^3.1.0",
+        "shebang-command": "^2.0.0",
+        "which": "^2.0.1"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/csstype": {
+      "version": "3.1.3",
+      "resolved": "https://registry.npmmirror.com/csstype/-/csstype-3.1.3.tgz",
+      "integrity": "sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/debug": {
+      "version": "4.4.1",
+      "resolved": "https://registry.npmmirror.com/debug/-/debug-4.4.1.tgz",
+      "integrity": "sha512-KcKCqiftBJcZr++7ykoDIEwSa3XWowTfNPo92BYxjXiyYEVrUQh2aLyhxBCwww+heortUFxEJYcRzosstTEBYQ==",
+      "license": "MIT",
+      "dependencies": {
+        "ms": "^2.1.3"
+      },
+      "engines": {
+        "node": ">=6.0"
+      },
+      "peerDependenciesMeta": {
+        "supports-color": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/depd": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmmirror.com/depd/-/depd-2.0.0.tgz",
+      "integrity": "sha512-g7nH6P6dyDioJogAAGprGpCtVImJhpPk/roCzdb3fIh61/s/nPsfR6onyMwkCAR/OlC3yBC0lESvUoQEAssIrw==",
+      "license": "MIT",
+      "peer": true,
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/dompurify": {
+      "version": "3.2.6",
+      "resolved": "https://registry.npmmirror.com/dompurify/-/dompurify-3.2.6.tgz",
+      "integrity": "sha512-/2GogDQlohXPZe6D6NOgQvXLPSYBqIWMnZ8zzOhn09REE4eyAzb+Hed3jhoM9OkuaJ8P6ZGTTVWQKAi8ieIzfQ==",
+      "license": "(MPL-2.0 OR Apache-2.0)",
+      "optionalDependencies": {
+        "@types/trusted-types": "^2.0.7"
+      }
+    },
+    "node_modules/dunder-proto": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmmirror.com/dunder-proto/-/dunder-proto-1.0.1.tgz",
+      "integrity": "sha512-KIN/nDJBQRcXw0MLVhZE9iQHmG68qAVIBg9CqmUYjmQIhgij9U5MFvrqkUL5FbtyyzZuOeOt0zdeRe4UY7ct+A==",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "call-bind-apply-helpers": "^1.0.1",
+        "es-errors": "^1.3.0",
+        "gopd": "^1.2.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/ecdsa-sig-formatter": {
+      "version": "1.0.11",
+      "resolved": "https://registry.npmmirror.com/ecdsa-sig-formatter/-/ecdsa-sig-formatter-1.0.11.tgz",
+      "integrity": "sha512-nagl3RYrbNv6kQkeJIpt6NJZy8twLB/2vtz6yN9Z4vRKHN4/QZJIEbqohALSgwKdnksuY3k5Addp5lg8sVoVcQ==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "safe-buffer": "^5.0.1"
+      }
+    },
+    "node_modules/ee-first": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmmirror.com/ee-first/-/ee-first-1.1.1.tgz",
+      "integrity": "sha512-WMwm9LhRUo+WUaRN+vRuETqG89IgZphVSNkdFgeb6sS/E4OrDIN7t48CAewSHXc6C8lefD8KKfr5vY61brQlow==",
+      "license": "MIT",
+      "peer": true
+    },
+    "node_modules/encodeurl": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmmirror.com/encodeurl/-/encodeurl-2.0.0.tgz",
+      "integrity": "sha512-Q0n9HRi4m6JuGIV1eFlmvJB7ZEVxu93IrMyiMsGC0lrMJMWzRgx6WGquyfQgZVb31vhGgXnfmPNNXmxnOkRBrg==",
+      "license": "MIT",
+      "peer": true,
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/es-define-property": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmmirror.com/es-define-property/-/es-define-property-1.0.1.tgz",
+      "integrity": "sha512-e3nRfgfUZ4rNGL232gUgX06QNyyez04KdjFrF+LTRoOXmrOgFKDg4BCdsjW8EnT69eqdYGmRpJwiPVYNrCaW3g==",
+      "license": "MIT",
+      "peer": true,
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-errors": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmmirror.com/es-errors/-/es-errors-1.3.0.tgz",
+      "integrity": "sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==",
+      "license": "MIT",
+      "peer": true,
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-object-atoms": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmmirror.com/es-object-atoms/-/es-object-atoms-1.1.1.tgz",
+      "integrity": "sha512-FGgH2h8zKNim9ljj7dankFPcICIK9Cp5bm+c2gQSYePhpaG5+esrLODihIorn+Pe6FGJzWhXQotPv73jTaldXA==",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "es-errors": "^1.3.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/esbuild": {
+      "version": "0.25.4",
+      "resolved": "https://registry.npmmirror.com/esbuild/-/esbuild-0.25.4.tgz",
+      "integrity": "sha512-8pgjLUcUjcgDg+2Q4NYXnPbo/vncAY4UmyaCm0jZevERqCHZIaWwdJHkf8XQtu4AxSKCdvrUbT0XUr1IdZzI8Q==",
+      "dev": true,
+      "hasInstallScript": true,
+      "license": "MIT",
+      "bin": {
+        "esbuild": "bin/esbuild"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "optionalDependencies": {
+        "@esbuild/aix-ppc64": "0.25.4",
+        "@esbuild/android-arm": "0.25.4",
+        "@esbuild/android-arm64": "0.25.4",
+        "@esbuild/android-x64": "0.25.4",
+        "@esbuild/darwin-arm64": "0.25.4",
+        "@esbuild/darwin-x64": "0.25.4",
+        "@esbuild/freebsd-arm64": "0.25.4",
+        "@esbuild/freebsd-x64": "0.25.4",
+        "@esbuild/linux-arm": "0.25.4",
+        "@esbuild/linux-arm64": "0.25.4",
+        "@esbuild/linux-ia32": "0.25.4",
+        "@esbuild/linux-loong64": "0.25.4",
+        "@esbuild/linux-mips64el": "0.25.4",
+        "@esbuild/linux-ppc64": "0.25.4",
+        "@esbuild/linux-riscv64": "0.25.4",
+        "@esbuild/linux-s390x": "0.25.4",
+        "@esbuild/linux-x64": "0.25.4",
+        "@esbuild/netbsd-arm64": "0.25.4",
+        "@esbuild/netbsd-x64": "0.25.4",
+        "@esbuild/openbsd-arm64": "0.25.4",
+        "@esbuild/openbsd-x64": "0.25.4",
+        "@esbuild/sunos-x64": "0.25.4",
+        "@esbuild/win32-arm64": "0.25.4",
+        "@esbuild/win32-ia32": "0.25.4",
+        "@esbuild/win32-x64": "0.25.4"
+      }
+    },
+    "node_modules/escape-html": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmmirror.com/escape-html/-/escape-html-1.0.3.tgz",
+      "integrity": "sha512-NiSupZ4OeuGwr68lGIeym/ksIZMJodUGOSCZ/FSnTxcrekbvqrgdUxlJOMpijaKZVjAJrWrGs/6Jy8OMuyj9ow==",
+      "license": "MIT",
+      "peer": true
+    },
+    "node_modules/etag": {
+      "version": "1.8.1",
+      "resolved": "https://registry.npmmirror.com/etag/-/etag-1.8.1.tgz",
+      "integrity": "sha512-aIL5Fx7mawVa300al2BnEE4iNvo1qETxLrPI/o05L7z6go7fCw1J6EQmbK4FmJ2AS7kgVF/KEZWufBfdClMcPg==",
+      "license": "MIT",
+      "peer": true,
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/eventsource": {
+      "version": "3.0.7",
+      "resolved": "https://registry.npmmirror.com/eventsource/-/eventsource-3.0.7.tgz",
+      "integrity": "sha512-CRT1WTyuQoD771GW56XEZFQ/ZoSfWid1alKGDYMmkt2yl8UXrVR4pspqWNEcqKvVIzg6PAltWjxcSSPrboA4iA==",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "eventsource-parser": "^3.0.1"
+      },
+      "engines": {
+        "node": ">=18.0.0"
+      }
+    },
+    "node_modules/eventsource-parser": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmmirror.com/eventsource-parser/-/eventsource-parser-3.0.2.tgz",
+      "integrity": "sha512-6RxOBZ/cYgd8usLwsEl+EC09Au/9BcmCKYF2/xbml6DNczf7nv0MQb+7BA2F+li6//I+28VNlQR37XfQtcAJuA==",
+      "license": "MIT",
+      "peer": true,
+      "engines": {
+        "node": ">=18.0.0"
+      }
+    },
+    "node_modules/express": {
+      "version": "5.1.0",
+      "resolved": "https://registry.npmmirror.com/express/-/express-5.1.0.tgz",
+      "integrity": "sha512-DT9ck5YIRU+8GYzzU5kT3eHGA5iL+1Zd0EutOmTE9Dtk+Tvuzd23VBU+ec7HPNSTxXYO55gPV/hq4pSBJDjFpA==",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "accepts": "^2.0.0",
+        "body-parser": "^2.2.0",
+        "content-disposition": "^1.0.0",
+        "content-type": "^1.0.5",
+        "cookie": "^0.7.1",
+        "cookie-signature": "^1.2.1",
+        "debug": "^4.4.0",
+        "encodeurl": "^2.0.0",
+        "escape-html": "^1.0.3",
+        "etag": "^1.8.1",
+        "finalhandler": "^2.1.0",
+        "fresh": "^2.0.0",
+        "http-errors": "^2.0.0",
+        "merge-descriptors": "^2.0.0",
+        "mime-types": "^3.0.0",
+        "on-finished": "^2.4.1",
+        "once": "^1.4.0",
+        "parseurl": "^1.3.3",
+        "proxy-addr": "^2.0.7",
+        "qs": "^6.14.0",
+        "range-parser": "^1.2.1",
+        "router": "^2.2.0",
+        "send": "^1.1.0",
+        "serve-static": "^2.2.0",
+        "statuses": "^2.0.1",
+        "type-is": "^2.0.1",
+        "vary": "^1.1.2"
+      },
+      "engines": {
+        "node": ">= 18"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/express"
+      }
+    },
+    "node_modules/express-rate-limit": {
+      "version": "7.5.0",
+      "resolved": "https://registry.npmmirror.com/express-rate-limit/-/express-rate-limit-7.5.0.tgz",
+      "integrity": "sha512-eB5zbQh5h+VenMPM3fh+nw1YExi5nMr6HUCR62ELSP11huvxm/Uir1H1QEyTkk5QX6A58pX6NmaTMceKZ0Eodg==",
+      "license": "MIT",
+      "peer": true,
+      "engines": {
+        "node": ">= 16"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/express-rate-limit"
+      },
+      "peerDependencies": {
+        "express": "^4.11 || 5 || ^5.0.0-beta.1"
+      }
+    },
+    "node_modules/extend": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmmirror.com/extend/-/extend-3.0.2.tgz",
+      "integrity": "sha512-fjquC59cD7CyW6urNXK0FBufkZcoiGG80wTuPujX590cB5Ttln20E2UB4S/WARVqhXffZl2LNgS+gQdPIIim/g==",
+      "license": "MIT"
+    },
+    "node_modules/fast-deep-equal": {
+      "version": "3.1.3",
+      "resolved": "https://registry.npmmirror.com/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz",
+      "integrity": "sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==",
+      "license": "MIT",
+      "peer": true
+    },
+    "node_modules/fast-json-stable-stringify": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmmirror.com/fast-json-stable-stringify/-/fast-json-stable-stringify-2.1.0.tgz",
+      "integrity": "sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==",
+      "license": "MIT",
+      "peer": true
+    },
+    "node_modules/fdir": {
+      "version": "6.4.4",
+      "resolved": "https://registry.npmmirror.com/fdir/-/fdir-6.4.4.tgz",
+      "integrity": "sha512-1NZP+GK4GfuAv3PqKvxQRDMjdSRZjnkq7KfhlNrCNNlZ0ygQFpebfrnfnq/W7fpUnAv9aGWmY1zKx7FYL3gwhg==",
+      "dev": true,
+      "license": "MIT",
+      "peerDependencies": {
+        "picomatch": "^3 || ^4"
+      },
+      "peerDependenciesMeta": {
+        "picomatch": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/finalhandler": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmmirror.com/finalhandler/-/finalhandler-2.1.0.tgz",
+      "integrity": "sha512-/t88Ty3d5JWQbWYgaOGCCYfXRwV1+be02WqYYlL6h0lEiUAMPM8o8qKGO01YIkOHzka2up08wvgYD0mDiI+q3Q==",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "debug": "^4.4.0",
+        "encodeurl": "^2.0.0",
+        "escape-html": "^1.0.3",
+        "on-finished": "^2.4.1",
+        "parseurl": "^1.3.3",
+        "statuses": "^2.0.1"
+      },
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/forwarded": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmmirror.com/forwarded/-/forwarded-0.2.0.tgz",
+      "integrity": "sha512-buRG0fpBtRHSTCOASe6hD258tEubFoRLb4ZNA6NxMVHNw2gOcwHo9wyablzMzOA5z9xA9L1KNjk/Nt6MT9aYow==",
+      "license": "MIT",
+      "peer": true,
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/fresh": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmmirror.com/fresh/-/fresh-2.0.0.tgz",
+      "integrity": "sha512-Rx/WycZ60HOaqLKAi6cHRKKI7zxWbJ31MhntmtwMoaTeF7XFH9hhBp8vITaMidfljRQ6eYWCKkaTK+ykVJHP2A==",
+      "license": "MIT",
+      "peer": true,
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/fsevents": {
+      "version": "2.3.3",
+      "resolved": "https://registry.npmmirror.com/fsevents/-/fsevents-2.3.3.tgz",
+      "integrity": "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==",
+      "dev": true,
+      "hasInstallScript": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": "^8.16.0 || ^10.6.0 || >=11.0.0"
+      }
+    },
+    "node_modules/function-bind": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmmirror.com/function-bind/-/function-bind-1.1.2.tgz",
+      "integrity": "sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==",
+      "license": "MIT",
+      "peer": true,
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/gaxios": {
+      "version": "6.7.1",
+      "resolved": "https://registry.npmmirror.com/gaxios/-/gaxios-6.7.1.tgz",
+      "integrity": "sha512-LDODD4TMYx7XXdpwxAVRAIAuB0bzv0s+ywFonY46k126qzQHT9ygyoa9tncmOiQmmDrik65UYsEkv3lbfqQ3yQ==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "extend": "^3.0.2",
+        "https-proxy-agent": "^7.0.1",
+        "is-stream": "^2.0.0",
+        "node-fetch": "^2.6.9",
+        "uuid": "^9.0.1"
+      },
+      "engines": {
+        "node": ">=14"
+      }
+    },
+    "node_modules/gcp-metadata": {
+      "version": "6.1.1",
+      "resolved": "https://registry.npmmirror.com/gcp-metadata/-/gcp-metadata-6.1.1.tgz",
+      "integrity": "sha512-a4tiq7E0/5fTjxPAaH4jpjkSv/uCaU2p5KC6HVGrvl0cDjA8iBZv4vv1gyzlmK0ZUKqwpOyQMKzZQe3lTit77A==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "gaxios": "^6.1.1",
+        "google-logging-utils": "^0.0.2",
+        "json-bigint": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=14"
+      }
+    },
+    "node_modules/get-intrinsic": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmmirror.com/get-intrinsic/-/get-intrinsic-1.3.0.tgz",
+      "integrity": "sha512-9fSjSaos/fRIVIp+xSJlE6lfwhES7LNtKaCBIamHsjr2na1BiABJPo0mOjjz8GJDURarmCPGqaiVg5mfjb98CQ==",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "call-bind-apply-helpers": "^1.0.2",
+        "es-define-property": "^1.0.1",
+        "es-errors": "^1.3.0",
+        "es-object-atoms": "^1.1.1",
+        "function-bind": "^1.1.2",
+        "get-proto": "^1.0.1",
+        "gopd": "^1.2.0",
+        "has-symbols": "^1.1.0",
+        "hasown": "^2.0.2",
+        "math-intrinsics": "^1.1.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/get-proto": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmmirror.com/get-proto/-/get-proto-1.0.1.tgz",
+      "integrity": "sha512-sTSfBjoXBp89JvIKIefqw7U2CCebsc74kiY6awiGogKtoSGbgjYE/G/+l9sF3MWFPNc9IcoOC4ODfKHfxFmp0g==",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "dunder-proto": "^1.0.1",
+        "es-object-atoms": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/google-auth-library": {
+      "version": "9.15.1",
+      "resolved": "https://registry.npmmirror.com/google-auth-library/-/google-auth-library-9.15.1.tgz",
+      "integrity": "sha512-Jb6Z0+nvECVz+2lzSMt9u98UsoakXxA2HGHMCxh+so3n90XgYWkq5dur19JAJV7ONiJY22yBTyJB1TSkvPq9Ng==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "base64-js": "^1.3.0",
+        "ecdsa-sig-formatter": "^1.0.11",
+        "gaxios": "^6.1.1",
+        "gcp-metadata": "^6.1.0",
+        "gtoken": "^7.0.0",
+        "jws": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=14"
+      }
+    },
+    "node_modules/google-logging-utils": {
+      "version": "0.0.2",
+      "resolved": "https://registry.npmmirror.com/google-logging-utils/-/google-logging-utils-0.0.2.tgz",
+      "integrity": "sha512-NEgUnEcBiP5HrPzufUkBzJOD/Sxsco3rLNo1F1TNf7ieU8ryUzBhqba8r756CjLX7rn3fHl6iLEwPYuqpoKgQQ==",
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=14"
+      }
+    },
+    "node_modules/gopd": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmmirror.com/gopd/-/gopd-1.2.0.tgz",
+      "integrity": "sha512-ZUKRh6/kUFoAiTAtTYPZJ3hw9wNxx+BIBOijnlG9PnrJsCcSjs1wyyD6vJpaYtgnzDrKYRSqf3OO6Rfa93xsRg==",
+      "license": "MIT",
+      "peer": true,
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/gtoken": {
+      "version": "7.1.0",
+      "resolved": "https://registry.npmmirror.com/gtoken/-/gtoken-7.1.0.tgz",
+      "integrity": "sha512-pCcEwRi+TKpMlxAQObHDQ56KawURgyAf6jtIY046fJ5tIv3zDe/LEIubckAO8fj6JnAxLdmWkUfNyulQ2iKdEw==",
+      "license": "MIT",
+      "dependencies": {
+        "gaxios": "^6.0.0",
+        "jws": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/has-symbols": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmmirror.com/has-symbols/-/has-symbols-1.1.0.tgz",
+      "integrity": "sha512-1cDNdwJ2Jaohmb3sg4OmKaMBwuC48sYni5HUw2DvsC8LjGTLK9h+eb1X6RyuOHe4hT0ULCW68iomhjUoKUqlPQ==",
+      "license": "MIT",
+      "peer": true,
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/hasown": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmmirror.com/hasown/-/hasown-2.0.2.tgz",
+      "integrity": "sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL48Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ==",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "function-bind": "^1.1.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/http-errors": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmmirror.com/http-errors/-/http-errors-2.0.0.tgz",
+      "integrity": "sha512-FtwrG/euBzaEjYeRqOgly7G0qviiXoJWnvEH2Z1plBdXgbyjv34pHTSb9zoeHMyDy33+DWy5Wt9Wo+TURtOYSQ==",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "depd": "2.0.0",
+        "inherits": "2.0.4",
+        "setprototypeof": "1.2.0",
+        "statuses": "2.0.1",
+        "toidentifier": "1.0.1"
+      },
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/https-proxy-agent": {
+      "version": "7.0.6",
+      "resolved": "https://registry.npmmirror.com/https-proxy-agent/-/https-proxy-agent-7.0.6.tgz",
+      "integrity": "sha512-vK9P5/iUfdl95AI+JVyUuIcVtd4ofvtrOr3HNtM2yxC9bnMbEdp3x01OhQNnjb8IJYi38VlTE3mBXwcfvywuSw==",
+      "license": "MIT",
+      "dependencies": {
+        "agent-base": "^7.1.2",
+        "debug": "4"
+      },
+      "engines": {
+        "node": ">= 14"
+      }
+    },
+    "node_modules/iconv-lite": {
+      "version": "0.6.3",
+      "resolved": "https://registry.npmmirror.com/iconv-lite/-/iconv-lite-0.6.3.tgz",
+      "integrity": "sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "safer-buffer": ">= 2.1.2 < 3.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/inherits": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmmirror.com/inherits/-/inherits-2.0.4.tgz",
+      "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==",
+      "license": "ISC",
+      "peer": true
+    },
+    "node_modules/ipaddr.js": {
+      "version": "1.9.1",
+      "resolved": "https://registry.npmmirror.com/ipaddr.js/-/ipaddr.js-1.9.1.tgz",
+      "integrity": "sha512-0KI/607xoxSToH7GjN1FfSbLoU0+btTicjsQSWQlh/hZykN8KpmMf7uYwPW3R+akZ6R/w18ZlXSHBYXiYUPO3g==",
+      "license": "MIT",
+      "peer": true,
+      "engines": {
+        "node": ">= 0.10"
+      }
+    },
+    "node_modules/is-promise": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmmirror.com/is-promise/-/is-promise-4.0.0.tgz",
+      "integrity": "sha512-hvpoI6korhJMnej285dSg6nu1+e6uxs7zG3BYAm5byqDsgJNWwxzM6z6iZiAgQR4TJ30JmBTOwqZUw3WlyH3AQ==",
+      "license": "MIT",
+      "peer": true
+    },
+    "node_modules/is-stream": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmmirror.com/is-stream/-/is-stream-2.0.1.tgz",
+      "integrity": "sha512-hFoiJiTl63nn+kstHGBtewWSKnQLpyb155KHheA1l39uvtO9nWIop1p3udqPcUd/xbF1VLMO4n7OI6p7RbngDg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/isexe": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmmirror.com/isexe/-/isexe-2.0.0.tgz",
+      "integrity": "sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==",
+      "license": "ISC",
+      "peer": true
+    },
+    "node_modules/json-bigint": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmmirror.com/json-bigint/-/json-bigint-1.0.0.tgz",
+      "integrity": "sha512-SiPv/8VpZuWbvLSMtTDU8hEfrZWg/mH/nV/b4o0CYbSxu1UIQPLdwKOCIyLQX+VIPO5vrLX3i8qtqFyhdPSUSQ==",
+      "license": "MIT",
+      "dependencies": {
+        "bignumber.js": "^9.0.0"
+      }
+    },
+    "node_modules/json-schema-traverse": {
+      "version": "0.4.1",
+      "resolved": "https://registry.npmmirror.com/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz",
+      "integrity": "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==",
+      "license": "MIT",
+      "peer": true
+    },
+    "node_modules/jwa": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmmirror.com/jwa/-/jwa-2.0.1.tgz",
+      "integrity": "sha512-hRF04fqJIP8Abbkq5NKGN0Bbr3JxlQ+qhZufXVr0DvujKy93ZCbXZMHDL4EOtodSbCWxOqR8MS1tXA5hwqCXDg==",
+      "license": "MIT",
+      "dependencies": {
+        "buffer-equal-constant-time": "^1.0.1",
+        "ecdsa-sig-formatter": "1.0.11",
+        "safe-buffer": "^5.0.1"
+      }
+    },
+    "node_modules/jws": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmmirror.com/jws/-/jws-4.0.0.tgz",
+      "integrity": "sha512-KDncfTmOZoOMTFG4mBlG0qUIOlc03fmzH+ru6RgYVZhPkyiy/92Owlt/8UEN+a4TXR1FQetfIpJE8ApdvdVxTg==",
+      "license": "MIT",
+      "dependencies": {
+        "jwa": "^2.0.0",
+        "safe-buffer": "^5.0.1"
+      }
+    },
+    "node_modules/lucide-react": {
+      "version": "0.511.0",
+      "resolved": "https://registry.npmmirror.com/lucide-react/-/lucide-react-0.511.0.tgz",
+      "integrity": "sha512-VK5a2ydJ7xm8GvBeKLS9mu1pVK6ucef9780JVUjw6bAjJL/QXnd4Y0p7SPeOUMC27YhzNCZvm5d/QX0Tp3rc0w==",
+      "license": "ISC",
+      "peerDependencies": {
+        "react": "^16.5.1 || ^17.0.0 || ^18.0.0 || ^19.0.0"
+      }
+    },
+    "node_modules/marked": {
+      "version": "13.0.3",
+      "resolved": "https://registry.npmmirror.com/marked/-/marked-13.0.3.tgz",
+      "integrity": "sha512-rqRix3/TWzE9rIoFGIn8JmsVfhiuC8VIQ8IdX5TfzmeBucdY05/0UlzKaw0eVtpcN/OdVFpBk7CjKGo9iHJ/zA==",
+      "license": "MIT",
+      "bin": {
+        "marked": "bin/marked.js"
+      },
+      "engines": {
+        "node": ">= 18"
+      }
+    },
+    "node_modules/math-intrinsics": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmmirror.com/math-intrinsics/-/math-intrinsics-1.1.0.tgz",
+      "integrity": "sha512-/IXtbwEk5HTPyEwyKX6hGkYXxM9nbj64B+ilVJnC/R6B0pH5G4V3b0pVbL7DBj4tkhBAppbQUlf6F6Xl9LHu1g==",
+      "license": "MIT",
+      "peer": true,
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/media-typer": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmmirror.com/media-typer/-/media-typer-1.1.0.tgz",
+      "integrity": "sha512-aisnrDP4GNe06UcKFnV5bfMNPBUw4jsLGaWwWfnH3v02GnBuXX2MCVn5RbrWo0j3pczUilYblq7fQ7Nw2t5XKw==",
+      "license": "MIT",
+      "peer": true,
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/merge-descriptors": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmmirror.com/merge-descriptors/-/merge-descriptors-2.0.0.tgz",
+      "integrity": "sha512-Snk314V5ayFLhp3fkUREub6WtjBfPdCPY1Ln8/8munuLuiYhsABgBVWsozAG+MWMbVEvcdcpbi9R7ww22l9Q3g==",
+      "license": "MIT",
+      "peer": true,
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/mime-db": {
+      "version": "1.54.0",
+      "resolved": "https://registry.npmmirror.com/mime-db/-/mime-db-1.54.0.tgz",
+      "integrity": "sha512-aU5EJuIN2WDemCcAp2vFBfp/m4EAhWJnUNSSw0ixs7/kXbd6Pg64EmwJkNdFhB8aWt1sH2CTXrLxo/iAGV3oPQ==",
+      "license": "MIT",
+      "peer": true,
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/mime-types": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmmirror.com/mime-types/-/mime-types-3.0.1.tgz",
+      "integrity": "sha512-xRc4oEhT6eaBpU1XF7AjpOFD+xQmXNB5OVKwp4tqCuBpHLS/ZbBDrc07mYTDqVMg6PfxUjjNp85O6Cd2Z/5HWA==",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "mime-db": "^1.54.0"
+      },
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/ms": {
+      "version": "2.1.3",
+      "resolved": "https://registry.npmmirror.com/ms/-/ms-2.1.3.tgz",
+      "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==",
+      "license": "MIT"
+    },
+    "node_modules/nanoid": {
+      "version": "3.3.11",
+      "resolved": "https://registry.npmmirror.com/nanoid/-/nanoid-3.3.11.tgz",
+      "integrity": "sha512-N8SpfPUnUp1bK+PMYW8qSWdl9U+wwNWI4QKxOYDy9JAro3WMX7p2OeVRF9v+347pnakNevPmiHhNmZ2HbFA76w==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "bin": {
+        "nanoid": "bin/nanoid.cjs"
+      },
+      "engines": {
+        "node": "^10 || ^12 || ^13.7 || ^14 || >=15.0.1"
+      }
+    },
+    "node_modules/negotiator": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmmirror.com/negotiator/-/negotiator-1.0.0.tgz",
+      "integrity": "sha512-8Ofs/AUQh8MaEcrlq5xOX0CQ9ypTF5dl78mjlMNfOK08fzpgTHQRQPBxcPlEtIw0yRpws+Zo/3r+5WRby7u3Gg==",
+      "license": "MIT",
+      "peer": true,
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/node-fetch": {
+      "version": "2.7.0",
+      "resolved": "https://registry.npmmirror.com/node-fetch/-/node-fetch-2.7.0.tgz",
+      "integrity": "sha512-c4FRfUm/dbcWZ7U+1Wq0AwCyFL+3nt2bEw05wfxSz+DWpWsitgmSgYmy2dQdWyKC1694ELPqMs/YzUSNozLt8A==",
+      "license": "MIT",
+      "dependencies": {
+        "whatwg-url": "^5.0.0"
+      },
+      "engines": {
+        "node": "4.x || >=6.0.0"
+      },
+      "peerDependencies": {
+        "encoding": "^0.1.0"
+      },
+      "peerDependenciesMeta": {
+        "encoding": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/object-assign": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmmirror.com/object-assign/-/object-assign-4.1.1.tgz",
+      "integrity": "sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==",
+      "license": "MIT",
+      "peer": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/object-inspect": {
+      "version": "1.13.4",
+      "resolved": "https://registry.npmmirror.com/object-inspect/-/object-inspect-1.13.4.tgz",
+      "integrity": "sha512-W67iLl4J2EXEGTbfeHCffrjDfitvLANg0UlX3wFUUSTx92KXRFegMHUVgSqE+wvhAbi4WqjGg9czysTV2Epbew==",
+      "license": "MIT",
+      "peer": true,
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/on-finished": {
+      "version": "2.4.1",
+      "resolved": "https://registry.npmmirror.com/on-finished/-/on-finished-2.4.1.tgz",
+      "integrity": "sha512-oVlzkg3ENAhCk2zdv7IJwd/QUD4z2RxRwpkcGY8psCVcCYZNq4wYnVWALHM+brtuJjePWiYF/ClmuDr8Ch5+kg==",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "ee-first": "1.1.1"
+      },
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/once": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmmirror.com/once/-/once-1.4.0.tgz",
+      "integrity": "sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==",
+      "license": "ISC",
+      "peer": true,
+      "dependencies": {
+        "wrappy": "1"
+      }
+    },
+    "node_modules/parseurl": {
+      "version": "1.3.3",
+      "resolved": "https://registry.npmmirror.com/parseurl/-/parseurl-1.3.3.tgz",
+      "integrity": "sha512-CiyeOxFT/JZyN5m0z9PfXw4SCBJ6Sygz1Dpl0wqjlhDEGGBP1GnsUVEL0p63hoG1fcj3fHynXi9NYO4nWOL+qQ==",
+      "license": "MIT",
+      "peer": true,
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/path-key": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmmirror.com/path-key/-/path-key-3.1.1.tgz",
+      "integrity": "sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==",
+      "license": "MIT",
+      "peer": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/path-to-regexp": {
+      "version": "8.2.0",
+      "resolved": "https://registry.npmmirror.com/path-to-regexp/-/path-to-regexp-8.2.0.tgz",
+      "integrity": "sha512-TdrF7fW9Rphjq4RjrW0Kp2AW0Ahwu9sRGTkS6bvDi0SCwZlEZYmcfDbEsTz8RVk0EHIS/Vd1bv3JhG+1xZuAyQ==",
+      "license": "MIT",
+      "peer": true,
+      "engines": {
+        "node": ">=16"
+      }
+    },
+    "node_modules/picocolors": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmmirror.com/picocolors/-/picocolors-1.1.1.tgz",
+      "integrity": "sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/picomatch": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmmirror.com/picomatch/-/picomatch-4.0.2.tgz",
+      "integrity": "sha512-M7BAV6Rlcy5u+m6oPhAPFgJTzAioX/6B0DxyvDlo9l8+T3nLKbrczg2WLUyzd45L8RqfUMyGPzekbMvX2Ldkwg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/jonschlinkert"
+      }
+    },
+    "node_modules/pkce-challenge": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmmirror.com/pkce-challenge/-/pkce-challenge-5.0.0.tgz",
+      "integrity": "sha512-ueGLflrrnvwB3xuo/uGob5pd5FN7l0MsLf0Z87o/UQmRtwjvfylfc9MurIxRAWywCYTgrvpXBcqjV4OfCYGCIQ==",
+      "license": "MIT",
+      "peer": true,
+      "engines": {
+        "node": ">=16.20.0"
+      }
+    },
+    "node_modules/postcss": {
+      "version": "8.5.3",
+      "resolved": "https://registry.npmmirror.com/postcss/-/postcss-8.5.3.tgz",
+      "integrity": "sha512-dle9A3yYxlBSrt8Fu+IpjGT8SY8hN0mlaA6GY8t0P5PjIOZemULz/E2Bnm/2dcUOena75OTNkHI76uZBNUUq3A==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/postcss/"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/postcss"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "nanoid": "^3.3.8",
+        "picocolors": "^1.1.1",
+        "source-map-js": "^1.2.1"
+      },
+      "engines": {
+        "node": "^10 || ^12 || >=14"
+      }
+    },
+    "node_modules/proxy-addr": {
+      "version": "2.0.7",
+      "resolved": "https://registry.npmmirror.com/proxy-addr/-/proxy-addr-2.0.7.tgz",
+      "integrity": "sha512-llQsMLSUDUPT44jdrU/O37qlnifitDP+ZwrmmZcoSKyLKvtZxpyV0n2/bD/N4tBAAZ/gJEdZU7KMraoK1+XYAg==",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "forwarded": "0.2.0",
+        "ipaddr.js": "1.9.1"
+      },
+      "engines": {
+        "node": ">= 0.10"
+      }
+    },
+    "node_modules/punycode": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmmirror.com/punycode/-/punycode-2.3.1.tgz",
+      "integrity": "sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==",
+      "license": "MIT",
+      "peer": true,
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/qs": {
+      "version": "6.14.0",
+      "resolved": "https://registry.npmmirror.com/qs/-/qs-6.14.0.tgz",
+      "integrity": "sha512-YWWTjgABSKcvs/nWBi9PycY/JiPJqOD4JA6o9Sej2AtvSGarXxKC3OQSk4pAarbdQlKAh5D4FCQkJNkW+GAn3w==",
+      "license": "BSD-3-Clause",
+      "peer": true,
+      "dependencies": {
+        "side-channel": "^1.1.0"
+      },
+      "engines": {
+        "node": ">=0.6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/range-parser": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmmirror.com/range-parser/-/range-parser-1.2.1.tgz",
+      "integrity": "sha512-Hrgsx+orqoygnmhFbKaHE6c296J+HTAQXoxEF6gNupROmmGJRoyzfG3ccAveqCBrwr/2yxQ5BVd/GTl5agOwSg==",
+      "license": "MIT",
+      "peer": true,
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/raw-body": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmmirror.com/raw-body/-/raw-body-3.0.0.tgz",
+      "integrity": "sha512-RmkhL8CAyCRPXCE28MMH0z2PNWQBNk2Q09ZdxM9IOOXwxwZbN+qbWaatPkdkWIKL2ZVDImrN/pK5HTRz2PcS4g==",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "bytes": "3.1.2",
+        "http-errors": "2.0.0",
+        "iconv-lite": "0.6.3",
+        "unpipe": "1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/react": {
+      "version": "19.1.0",
+      "resolved": "https://registry.npmmirror.com/react/-/react-19.1.0.tgz",
+      "integrity": "sha512-FS+XFBNvn3GTAWq26joslQgWNoFu08F4kl0J4CgdNKADkdSGXQyTCnKteIAJy96Br6YbpEU1LSzV5dYtjMkMDg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/react-dom": {
+      "version": "19.1.0",
+      "resolved": "https://registry.npmmirror.com/react-dom/-/react-dom-19.1.0.tgz",
+      "integrity": "sha512-Xs1hdnE+DyKgeHJeJznQmYMIBG3TKIHJJT95Q58nHLSrElKlGQqDTR2HQ9fx5CN/Gk6Vh/kupBTDLU11/nDk/g==",
+      "license": "MIT",
+      "dependencies": {
+        "scheduler": "^0.26.0"
+      },
+      "peerDependencies": {
+        "react": "^19.1.0"
+      }
+    },
+    "node_modules/rollup": {
+      "version": "4.41.1",
+      "resolved": "https://registry.npmmirror.com/rollup/-/rollup-4.41.1.tgz",
+      "integrity": "sha512-cPmwD3FnFv8rKMBc1MxWCwVQFxwf1JEmSX3iQXrRVVG15zerAIXRjMFVWnd5Q5QvgKF7Aj+5ykXFhUl+QGnyOw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/estree": "1.0.7"
+      },
+      "bin": {
+        "rollup": "dist/bin/rollup"
+      },
+      "engines": {
+        "node": ">=18.0.0",
+        "npm": ">=8.0.0"
+      },
+      "optionalDependencies": {
+        "@rollup/rollup-android-arm-eabi": "4.41.1",
+        "@rollup/rollup-android-arm64": "4.41.1",
+        "@rollup/rollup-darwin-arm64": "4.41.1",
+        "@rollup/rollup-darwin-x64": "4.41.1",
+        "@rollup/rollup-freebsd-arm64": "4.41.1",
+        "@rollup/rollup-freebsd-x64": "4.41.1",
+        "@rollup/rollup-linux-arm-gnueabihf": "4.41.1",
+        "@rollup/rollup-linux-arm-musleabihf": "4.41.1",
+        "@rollup/rollup-linux-arm64-gnu": "4.41.1",
+        "@rollup/rollup-linux-arm64-musl": "4.41.1",
+        "@rollup/rollup-linux-loongarch64-gnu": "4.41.1",
+        "@rollup/rollup-linux-powerpc64le-gnu": "4.41.1",
+        "@rollup/rollup-linux-riscv64-gnu": "4.41.1",
+        "@rollup/rollup-linux-riscv64-musl": "4.41.1",
+        "@rollup/rollup-linux-s390x-gnu": "4.41.1",
+        "@rollup/rollup-linux-x64-gnu": "4.41.1",
+        "@rollup/rollup-linux-x64-musl": "4.41.1",
+        "@rollup/rollup-win32-arm64-msvc": "4.41.1",
+        "@rollup/rollup-win32-ia32-msvc": "4.41.1",
+        "@rollup/rollup-win32-x64-msvc": "4.41.1",
+        "fsevents": "~2.3.2"
+      }
+    },
+    "node_modules/router": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmmirror.com/router/-/router-2.2.0.tgz",
+      "integrity": "sha512-nLTrUKm2UyiL7rlhapu/Zl45FwNgkZGaCpZbIHajDYgwlJCOzLSk+cIPAnsEqV955GjILJnKbdQC1nVPz+gAYQ==",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "debug": "^4.4.0",
+        "depd": "^2.0.0",
+        "is-promise": "^4.0.0",
+        "parseurl": "^1.3.3",
+        "path-to-regexp": "^8.0.0"
+      },
+      "engines": {
+        "node": ">= 18"
+      }
+    },
+    "node_modules/safe-buffer": {
+      "version": "5.2.1",
+      "resolved": "https://registry.npmmirror.com/safe-buffer/-/safe-buffer-5.2.1.tgz",
+      "integrity": "sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ],
+      "license": "MIT"
+    },
+    "node_modules/safer-buffer": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmmirror.com/safer-buffer/-/safer-buffer-2.1.2.tgz",
+      "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==",
+      "license": "MIT",
+      "peer": true
+    },
+    "node_modules/scheduler": {
+      "version": "0.26.0",
+      "resolved": "https://registry.npmmirror.com/scheduler/-/scheduler-0.26.0.tgz",
+      "integrity": "sha512-NlHwttCI/l5gCPR3D1nNXtWABUmBwvZpEQiD4IXSbIDq8BzLIK/7Ir5gTFSGZDUu37K5cMNp0hFtzO38sC7gWA==",
+      "license": "MIT"
+    },
+    "node_modules/send": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmmirror.com/send/-/send-1.2.0.tgz",
+      "integrity": "sha512-uaW0WwXKpL9blXE2o0bRhoL2EGXIrZxQ2ZQ4mgcfoBxdFmQold+qWsD2jLrfZ0trjKL6vOw0j//eAwcALFjKSw==",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "debug": "^4.3.5",
+        "encodeurl": "^2.0.0",
+        "escape-html": "^1.0.3",
+        "etag": "^1.8.1",
+        "fresh": "^2.0.0",
+        "http-errors": "^2.0.0",
+        "mime-types": "^3.0.1",
+        "ms": "^2.1.3",
+        "on-finished": "^2.4.1",
+        "range-parser": "^1.2.1",
+        "statuses": "^2.0.1"
+      },
+      "engines": {
+        "node": ">= 18"
+      }
+    },
+    "node_modules/serve-static": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmmirror.com/serve-static/-/serve-static-2.2.0.tgz",
+      "integrity": "sha512-61g9pCh0Vnh7IutZjtLGGpTA355+OPn2TyDv/6ivP2h/AdAVX9azsoxmg2/M6nZeQZNYBEwIcsne1mJd9oQItQ==",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "encodeurl": "^2.0.0",
+        "escape-html": "^1.0.3",
+        "parseurl": "^1.3.3",
+        "send": "^1.2.0"
+      },
+      "engines": {
+        "node": ">= 18"
+      }
+    },
+    "node_modules/setprototypeof": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmmirror.com/setprototypeof/-/setprototypeof-1.2.0.tgz",
+      "integrity": "sha512-E5LDX7Wrp85Kil5bhZv46j8jOeboKq5JMmYM3gVGdGH8xFpPWXUMsNrlODCrkoxMEeNi/XZIwuRvY4XNwYMJpw==",
+      "license": "ISC",
+      "peer": true
+    },
+    "node_modules/shebang-command": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmmirror.com/shebang-command/-/shebang-command-2.0.0.tgz",
+      "integrity": "sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "shebang-regex": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/shebang-regex": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmmirror.com/shebang-regex/-/shebang-regex-3.0.0.tgz",
+      "integrity": "sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==",
+      "license": "MIT",
+      "peer": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/side-channel": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmmirror.com/side-channel/-/side-channel-1.1.0.tgz",
+      "integrity": "sha512-ZX99e6tRweoUXqR+VBrslhda51Nh5MTQwou5tnUDgbtyM0dBgmhEDtWGP/xbKn6hqfPRHujUNwz5fy/wbbhnpw==",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "object-inspect": "^1.13.3",
+        "side-channel-list": "^1.0.0",
+        "side-channel-map": "^1.0.1",
+        "side-channel-weakmap": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/side-channel-list": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmmirror.com/side-channel-list/-/side-channel-list-1.0.0.tgz",
+      "integrity": "sha512-FCLHtRD/gnpCiCHEiJLOwdmFP+wzCmDEkc9y7NsYxeF4u7Btsn1ZuwgwJGxImImHicJArLP4R0yX4c2KCrMrTA==",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "object-inspect": "^1.13.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/side-channel-map": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmmirror.com/side-channel-map/-/side-channel-map-1.0.1.tgz",
+      "integrity": "sha512-VCjCNfgMsby3tTdo02nbjtM/ewra6jPHmpThenkTYh8pG9ucZ/1P8So4u4FGBek/BjpOVsDCMoLA/iuBKIFXRA==",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "call-bound": "^1.0.2",
+        "es-errors": "^1.3.0",
+        "get-intrinsic": "^1.2.5",
+        "object-inspect": "^1.13.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/side-channel-weakmap": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmmirror.com/side-channel-weakmap/-/side-channel-weakmap-1.0.2.tgz",
+      "integrity": "sha512-WPS/HvHQTYnHisLo9McqBHOJk2FkHO/tlpvldyrnem4aeQp4hai3gythswg6p01oSoTl58rcpiFAjF2br2Ak2A==",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "call-bound": "^1.0.2",
+        "es-errors": "^1.3.0",
+        "get-intrinsic": "^1.2.5",
+        "object-inspect": "^1.13.3",
+        "side-channel-map": "^1.0.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/source-map-js": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmmirror.com/source-map-js/-/source-map-js-1.2.1.tgz",
+      "integrity": "sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/statuses": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmmirror.com/statuses/-/statuses-2.0.1.tgz",
+      "integrity": "sha512-RwNA9Z/7PrK06rYLIzFMlaF+l73iwpzsqRIFgbMLbTcLD6cOao82TaWefPXQvB2fOC4AjuYSEndS7N/mTCbkdQ==",
+      "license": "MIT",
+      "peer": true,
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/tinyglobby": {
+      "version": "0.2.14",
+      "resolved": "https://registry.npmmirror.com/tinyglobby/-/tinyglobby-0.2.14.tgz",
+      "integrity": "sha512-tX5e7OM1HnYr2+a2C/4V0htOcSQcoSTH9KgJnVvNm5zm/cyEWKJ7j7YutsH9CxMdtOkkLFy2AHrMci9IM8IPZQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "fdir": "^6.4.4",
+        "picomatch": "^4.0.2"
+      },
+      "engines": {
+        "node": ">=12.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/SuperchupuDev"
+      }
+    },
+    "node_modules/toidentifier": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmmirror.com/toidentifier/-/toidentifier-1.0.1.tgz",
+      "integrity": "sha512-o5sSPKEkg/DIQNmH43V0/uerLrpzVedkUh8tGNvaeXpfpuwjKenlSox/2O/BTlZUtEe+JG7s5YhEz608PlAHRA==",
+      "license": "MIT",
+      "peer": true,
+      "engines": {
+        "node": ">=0.6"
+      }
+    },
+    "node_modules/tr46": {
+      "version": "0.0.3",
+      "resolved": "https://registry.npmmirror.com/tr46/-/tr46-0.0.3.tgz",
+      "integrity": "sha512-N3WMsuqV66lT30CrXNbEjx4GEwlow3v6rr4mCcv6prnfwhS01rkgyFdjPNBYd9br7LpXV1+Emh01fHnq2Gdgrw==",
+      "license": "MIT"
+    },
+    "node_modules/type-is": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmmirror.com/type-is/-/type-is-2.0.1.tgz",
+      "integrity": "sha512-OZs6gsjF4vMp32qrCbiVSkrFmXtG/AZhY3t0iAMrMBiAZyV9oALtXO8hsrHbMXF9x6L3grlFuwW2oAz7cav+Gw==",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "content-type": "^1.0.5",
+        "media-typer": "^1.1.0",
+        "mime-types": "^3.0.0"
+      },
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/typescript": {
+      "version": "5.7.3",
+      "resolved": "https://registry.npmmirror.com/typescript/-/typescript-5.7.3.tgz",
+      "integrity": "sha512-84MVSjMEHP+FQRPy3pX9sTVV/INIex71s9TL2Gm5FG/WG1SqXeKyZ0k7/blY/4FdOzI12CBy1vGc4og/eus0fw==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "bin": {
+        "tsc": "bin/tsc",
+        "tsserver": "bin/tsserver"
+      },
+      "engines": {
+        "node": ">=14.17"
+      }
+    },
+    "node_modules/undici-types": {
+      "version": "6.21.0",
+      "resolved": "https://registry.npmmirror.com/undici-types/-/undici-types-6.21.0.tgz",
+      "integrity": "sha512-iwDZqg0QAGrg9Rav5H4n0M64c3mkR59cJ6wQp+7C4nI0gsmExaedaYLNO44eT4AtBBwjbTiGPMlt2Md0T9H9JQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/unpipe": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmmirror.com/unpipe/-/unpipe-1.0.0.tgz",
+      "integrity": "sha512-pjy2bYhSsufwWlKwPc+l3cN7+wuJlK6uz0YdJEOlQDbl6jo/YlPi4mb8agUkVC8BF7V8NuzeyPNqRksA3hztKQ==",
+      "license": "MIT",
+      "peer": true,
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/uri-js": {
+      "version": "4.4.1",
+      "resolved": "https://registry.npmmirror.com/uri-js/-/uri-js-4.4.1.tgz",
+      "integrity": "sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==",
+      "license": "BSD-2-Clause",
+      "peer": true,
+      "dependencies": {
+        "punycode": "^2.1.0"
+      }
+    },
+    "node_modules/uuid": {
+      "version": "9.0.1",
+      "resolved": "https://registry.npmmirror.com/uuid/-/uuid-9.0.1.tgz",
+      "integrity": "sha512-b+1eJOlsR9K8HJpow9Ok3fiWOWSIcIzXodvv0rQjVoOVNpWMpxf1wZNpt4y9h10odCNrqnYp1OBzRktckBe3sA==",
+      "funding": [
+        "https://github.com/sponsors/broofa",
+        "https://github.com/sponsors/ctavan"
+      ],
+      "license": "MIT",
+      "bin": {
+        "uuid": "dist/bin/uuid"
+      }
+    },
+    "node_modules/vary": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmmirror.com/vary/-/vary-1.1.2.tgz",
+      "integrity": "sha512-BNGbWLfd0eUPabhkXUVm0j8uuvREyTh5ovRa/dyow/BqAbZJyC+5fU+IzQOzmAKzYqYRAISoRhdQr3eIZ/PXqg==",
+      "license": "MIT",
+      "peer": true,
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/vite": {
+      "version": "6.3.5",
+      "resolved": "https://registry.npmmirror.com/vite/-/vite-6.3.5.tgz",
+      "integrity": "sha512-cZn6NDFE7wdTpINgs++ZJ4N49W2vRp8LCKrn3Ob1kYNtOo21vfDoaV5GzBfLU4MovSAB8uNRm4jgzVQZ+mBzPQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "esbuild": "^0.25.0",
+        "fdir": "^6.4.4",
+        "picomatch": "^4.0.2",
+        "postcss": "^8.5.3",
+        "rollup": "^4.34.9",
+        "tinyglobby": "^0.2.13"
+      },
+      "bin": {
+        "vite": "bin/vite.js"
+      },
+      "engines": {
+        "node": "^18.0.0 || ^20.0.0 || >=22.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/vitejs/vite?sponsor=1"
+      },
+      "optionalDependencies": {
+        "fsevents": "~2.3.3"
+      },
+      "peerDependencies": {
+        "@types/node": "^18.0.0 || ^20.0.0 || >=22.0.0",
+        "jiti": ">=1.21.0",
+        "less": "*",
+        "lightningcss": "^1.21.0",
+        "sass": "*",
+        "sass-embedded": "*",
+        "stylus": "*",
+        "sugarss": "*",
+        "terser": "^5.16.0",
+        "tsx": "^4.8.1",
+        "yaml": "^2.4.2"
+      },
+      "peerDependenciesMeta": {
+        "@types/node": {
+          "optional": true
+        },
+        "jiti": {
+          "optional": true
+        },
+        "less": {
+          "optional": true
+        },
+        "lightningcss": {
+          "optional": true
+        },
+        "sass": {
+          "optional": true
+        },
+        "sass-embedded": {
+          "optional": true
+        },
+        "stylus": {
+          "optional": true
+        },
+        "sugarss": {
+          "optional": true
+        },
+        "terser": {
+          "optional": true
+        },
+        "tsx": {
+          "optional": true
+        },
+        "yaml": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/webidl-conversions": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmmirror.com/webidl-conversions/-/webidl-conversions-3.0.1.tgz",
+      "integrity": "sha512-2JAn3z8AR6rjK8Sm8orRC0h/bcl/DqL7tRPdGZ4I1CjdF+EaMLmYxBHyXuKL849eucPFhvBoxMsflfOb8kxaeQ==",
+      "license": "BSD-2-Clause"
+    },
+    "node_modules/whatwg-url": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmmirror.com/whatwg-url/-/whatwg-url-5.0.0.tgz",
+      "integrity": "sha512-saE57nupxk6v3HY35+jzBwYa0rKSy0XR8JSxZPwgLr7ys0IBzhGviA1/TUGJLmSVqs8pb9AnvICXEuOHLprYTw==",
+      "license": "MIT",
+      "dependencies": {
+        "tr46": "~0.0.3",
+        "webidl-conversions": "^3.0.0"
+      }
+    },
+    "node_modules/which": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmmirror.com/which/-/which-2.0.2.tgz",
+      "integrity": "sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==",
+      "license": "ISC",
+      "peer": true,
+      "dependencies": {
+        "isexe": "^2.0.0"
+      },
+      "bin": {
+        "node-which": "bin/node-which"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/wrappy": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmmirror.com/wrappy/-/wrappy-1.0.2.tgz",
+      "integrity": "sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==",
+      "license": "ISC",
+      "peer": true
+    },
+    "node_modules/ws": {
+      "version": "8.18.2",
+      "resolved": "https://registry.npmmirror.com/ws/-/ws-8.18.2.tgz",
+      "integrity": "sha512-DMricUmwGZUVr++AEAe2uiVM7UoO9MAVZMDu05UQOaUII0lp+zOzLLU4Xqh/JvTqklB1T4uELaaPBKyjE1r4fQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=10.0.0"
+      },
+      "peerDependencies": {
+        "bufferutil": "^4.0.1",
+        "utf-8-validate": ">=5.0.2"
+      },
+      "peerDependenciesMeta": {
+        "bufferutil": {
+          "optional": true
+        },
+        "utf-8-validate": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/zod": {
+      "version": "3.25.28",
+      "resolved": "https://registry.npmmirror.com/zod/-/zod-3.25.28.tgz",
+      "integrity": "sha512-/nt/67WYKnr5by3YS7LroZJbtcCBurDKKPBPWWzaxvVCGuG/NOsiKkrjoOhI8mJ+SQUXEbUzeB3S+6XDUEEj7Q==",
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/colinhacks"
+      }
+    },
+    "node_modules/zod-to-json-schema": {
+      "version": "3.24.5",
+      "resolved": "https://registry.npmmirror.com/zod-to-json-schema/-/zod-to-json-schema-3.24.5.tgz",
+      "integrity": "sha512-/AuWwMP+YqiPbsJx5D6TfgRTc4kTLjsh5SOcd4bLsfUg2RcEXrFMJl1DGgdHy2aCfsIA/cr/1JM0xcB2GZji8g==",
+      "license": "ISC",
+      "peerDependencies": {
+        "zod": "^3.24.1"
+      }
+    }
+  }
+}

package.json

@@ -0,0 +1,25 @@
+{
+  "name": "dual-ai-chat（融合3）",
+  "private": true,
+  "version": "0.0.0",
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build",
+    "preview": "vite preview"
+  },
+  "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"
+  }
+}

services/openaiService.ts

@@ -0,0 +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" };
+  }
+};

tsconfig.json

@@ -0,0 +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": {
+      "@/*" :  ["./*"]
+    }
+  }
+}

types.ts

@@ -0,0 +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;
+  };
+}

vite.config.ts

@@ -0,0 +1,27 @@
+import path from 'path';
+import { defineConfig } from 'vite';
+
+export default defineConfig({
+  resolve: {
+    alias: {
+      '@': path.resolve(__dirname, '.'),
+    }
+  },
+  build: {
+    target: 'es2020',
+    rollupOptions: {
+      output: {
+        manualChunks: undefined,
+      }
+    }
+  },
+  server: {
+    port: 7860,
+    host: '0.0.0.0', // 允许外部访问
+    open: false // Docker环境中不自动打开浏览器
+  },
+  preview: {
+    port: 7860,
+    host: '0.0.0.0'
+  }
+});