Ausexticity AI 聊天室

一個現代化的 AI 聊天應用，提供流暢的對話體驗和強大的 AI 模型支持。

🌟 特色功能

即時流式響應

• 使用 Server-Sent Events (SSE) 實現流式文本生成
• 打字機效果的實時顯示，提供絲滑的用戶體驗
• 智能的捲動管理，自動跟隨新消息

智能對話增強

• 支持網路搜索功能，讓 AI 能獲取最新信息
• 文件庫查詢（RAG）支持，可以檢索和引用特定文檔
• 多模型支持（Claude 3.5 Sonnet、ChatGPT 4）

人性化界面設計

• 響應式設計，完美適配桌面和移動設備
• 優雅的加載動畫和狀態提示
• 清晰的對話氣泡佈局
• 支持 Markdown 格式的消息渲染

🛠 技術棧

前端

• React + Vite：現代化的前端開發框架
• TailwindCSS：靈活的 UI 設計系統
• Server-Sent Events：實現流式數據傳輸
• React Markdown：支持富文本顯示

關鍵特性實現

1. 流暢的對話體驗

   • 使用 SSE 實現實時數據流
   • 智能的節流和防抖處理
   • 優化的狀態管理和更新機制

2. 智能捲動控制

   • 自動檢測用戶捲動位置
   • 智能判斷是否需要自動捲動
   • 平滑的捲動動畫

3. 用戶界面優化

   • 自適應文本輸入框
   • 優雅的加載動畫
   • 清晰的視覺反饋

🚀 開始使用

安裝

# 安裝依賴
npm install

# 開發環境運行
npm run dev

# 生產環境構建
npm run build

環境配置

創建 .env 文件並設置必要的環境變量：

VITE_API_BASE_URL=你的API地址

💡 使用指南

基本對話

1. 點擊「新對話」開始一個新的對話
2. 在輸入框中輸入訊息
3. 使用 Enter 發送訊息（Shift + Enter 換行）

進階功能

1. 網路搜索

   • 點擊「網路搜索」按鈕啟用
   • AI 將能夠搜索並使用最新的網路信息

2. 文件庫查詢

   • 點擊「文件庫查詢」按鈕啟用
   • AI 將從指定的文件庫中檢索相關信息

3. 模型選擇

   • 在底部選擇不同的 AI 模型
   • 每個模型都有其特定的優勢

🎨 特色設計

智能狀態管理

• 精確的加載狀態顯示
• 清晰的錯誤處理和提示
• 流暢的狀態轉換動畫

優化的性能

• 智能的記憶體管理
• 優化的重渲染控制
• 高效的數據流處理

用戶體驗提升

• 直觀的界面佈局
• 即時的視覺反饋
• 流暢的動畫效果

🤝 貢獻指南

歡迎提交 Issue 和 Pull Request 來幫助改進專案。請確保：

1. 提交前測試你的改動
2. 遵循現有的代碼風格
3. 更新相關文檔

�� 開源協議

MIT License