collabdocchat 2.0.4 → 2.0.6

package/src/utils/feature-integrator.js

@@ -1,6 +1,5 @@
-/**
- * 功能集成器
- * 将所有增强功能集成到仪表板中
+/**
+ * 功能集成�? * 将所有增强功能集成到仪表板中
  */
 
 import { ChatEnhancements, OnlineStatusManager, MessageNotificationManager } from './chat-enhancements.js';
@@ -16,18 +15,15 @@ export class FeatureIntegrator {
     this.wsService = wsService;
     this.user = user;
     
-    // 初始化各个功能模块
-    this.chatEnhancements = new ChatEnhancements(apiService, wsService, user.id || user._id);
+    // 初始化各个功能模�?    this.chatEnhancements = new ChatEnhancements(apiService, wsService, user.id || user._id);
     this.onlineStatus = new OnlineStatusManager(wsService);
     this.notifications = new MessageNotificationManager();
     this.aiAssistant = new AIAssistant(apiService);
     this.collaboration = new CollaborationEnhancer(apiService, wsService);
     
-    // 初始化主题
-    themeManager.init();
+    // 初始化主�?    themeManager.init();
     
-    // 设置在线状态监听
-    this.onlineStatus.setupListeners();
+    // 设置在线状态监�?    this.onlineStatus.setupListeners();
   }
 
   /**
@@ -40,7 +36,7 @@ export class FeatureIntegrator {
           <span class="icon">⚙️</span> 设置
         </button>
         <button class="nav-item" data-view="help">
-          <span class="icon">❓</span> 帮助
+          <span class="icon">�?/span> 帮助
         </button>
       </div>
     `;
@@ -49,8 +45,7 @@ export class FeatureIntegrator {
   }
 
   /**
-   * 渲染设置页面（优化后的卡片式布局）
-   */
+   * 渲染设置页面（优化后的卡片式布局�?   */
   renderSettingsView(container) {
     container.innerHTML = `
         <div class="view-header">
@@ -61,51 +56,51 @@ export class FeatureIntegrator {
         <div class="setting-card" data-setting="theme">
           <div class="setting-icon">🎨</div>
           <h3>主题设置</h3>
-          <p>选择主题风格和颜色方案</p>
-          <button class="btn-card-action">进入设置 →</button>
+          <p>选择主题风格和颜色方�?/p>
+          <button class="btn-card-action">进入设置 �?/button>
         </div>
         
         <div class="setting-card" data-setting="notifications">
           <div class="setting-icon">🔔</div>
           <h3>通知设置</h3>
-          <p>管理通知偏好和提醒方式</p>
-          <button class="btn-card-action">进入设置 →</button>
+          <p>管理通知偏好和提醒方�?/p>
+          <button class="btn-card-action">进入设置 �?/button>
         </div>
 
         <div class="setting-card" data-setting="ai">
           <div class="setting-icon">🤖</div>
           <h3>AI 助手</h3>
-          <p>配置 AI 功能和智能建议</p>
-          <button class="btn-card-action">进入设置 →</button>
+          <p>配置 AI 功能和智能建�?/p>
+          <button class="btn-card-action">进入设置 �?/button>
       </div>
 
         ${this.user.role === 'admin' ? `
           <div class="setting-card" data-setting="permissions">
             <div class="setting-icon">🔒</div>
             <h3>权限管理</h3>
-            <p>设置用户权限和访问控制</p>
-            <button class="btn-card-action">进入设置 →</button>
+            <p>设置用户权限和访问控�?/p>
+            <button class="btn-card-action">进入设置 �?/button>
           </div>
         ` : ''}
 
         <div class="setting-card" data-setting="data">
           <div class="setting-icon">📊</div>
           <h3>数据管理</h3>
-          <p>导出数据和备份管理</p>
-          <button class="btn-card-action">进入设置 →</button>
+          <p>导出数据和备份管�?/p>
+          <button class="btn-card-action">进入设置 �?/button>
         </div>
 
         <div class="setting-card" data-setting="language">
           <div class="setting-icon">🌐</div>
           <h3>语言设置</h3>
           <p>选择界面显示语言</p>
-          <button class="btn-card-action">进入设置 →</button>
+          <button class="btn-card-action">进入设置 �?/button>
         </div>
       </div>
 
       <!-- 详细设置面板 -->
       <div class="setting-detail-panel hidden" id="settingDetailPanel">
-        <button class="btn-back" id="backToSettings">← 返回</button>
+        <button class="btn-back" id="backToSettings">�?返回</button>
         <div id="settingDetailContent"></div>
       </div>
     `;
@@ -131,7 +126,7 @@ export class FeatureIntegrator {
     const style = document.createElement('style');
     style.id = 'settings-modern-styles';
     style.textContent = `
-      /* 设置页面容器 - 添加高度限制和滚动 */
+      /* 设置页面容器 - 添加高度限制和滚�?*/
       #contentArea {
         max-height: calc(100vh - 40px);
         overflow-y: auto;
@@ -364,7 +359,7 @@ export class FeatureIntegrator {
         line-height: 1.6;
       }
 
-      /* 切换开关 */
+      /* 切换开�?*/
       .toggle-switch {
         position: relative;
         display: inline-block;
@@ -615,7 +610,7 @@ export class FeatureIntegrator {
         box-shadow: 0 4px 12px rgba(239,68,68,0.4);
       }
 
-      /* 语言选择器 */
+      /* 语言选择�?*/
       .language-selector-modern {
         display: grid;
         grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
@@ -689,7 +684,7 @@ export class FeatureIntegrator {
         animation: scaleIn 0.3s ease;
       }
 
-      /* 信息提示框 */
+      /* 信息提示�?*/
       .language-info-box {
         background: linear-gradient(135deg, rgba(99,102,241,0.1) 0%, rgba(99,102,241,0.05) 100%);
         border: 2px solid rgba(99,102,241,0.3);
@@ -740,7 +735,7 @@ export class FeatureIntegrator {
         }
       }
 
-      /* 响应式 */
+      /* 响应�?*/
       @media (max-width: 768px) {
         .settings-header-modern {
           padding: 30px 20px;
@@ -801,8 +796,7 @@ export class FeatureIntegrator {
     grid.style.display = 'none';
     panel.classList.remove('hidden');
 
-    // 加载对应的设置内容
-    this.loadSettingsTab(setting, content);
+    // 加载对应的设置内�?    this.loadSettingsTab(setting, content);
 
     // 返回按钮
     container.querySelector('#backToSettings').addEventListener('click', () => {
@@ -840,8 +834,7 @@ export class FeatureIntegrator {
   }
 
   /**
-   * 渲染数据管理设置（优化后）
-   */
+   * 渲染数据管理设置（优化后�?   */
   renderDataSettings(container) {
     container.innerHTML = `
       <div class="settings-detail-modern">
@@ -882,7 +875,7 @@ export class FeatureIntegrator {
             <div class="setting-card-icon">📤</div>
             <div class="setting-card-content">
               <h4>导出数据</h4>
-              <p>导出您的聊天记录、文档和其他数据为 JSON 或 CSV 格式</p>
+              <p>导出您的聊天记录、文档和其他数据�?JSON �?CSV 格式</p>
               <div class="export-options">
                 <button class="btn-export" data-type="messages">
                   <span>💬</span> 导出消息
@@ -898,12 +891,12 @@ export class FeatureIntegrator {
           </div>
 
           <div class="setting-card-detail">
-            <div class="setting-card-icon">🗑️</div>
+            <div class="setting-card-icon">🗑�?/div>
             <div class="setting-card-content">
               <h4>清除缓存</h4>
-              <p>清除本地缓存数据以释放空间，不会删除服务器数据</p>
+              <p>清除本地缓存数据以释放空间，不会删除服务器数�?/p>
               <button class="btn-danger-outline" id="clearCache">
-                <span>🗑️</span> 清除缓存
+                <span>🗑�?/span> 清除缓存
               </button>
             </div>
           </div>
@@ -912,7 +905,7 @@ export class FeatureIntegrator {
             <div class="setting-card-icon">🔄</div>
             <div class="setting-card-content">
               <h4>自动备份</h4>
-              <p>定期自动备份您的重要数据，确保数据安全</p>
+              <p>定期自动备份您的重要数据，确保数据安�?/p>
               <label class="toggle-switch">
                 <input type="checkbox" id="autoBackup" checked>
                 <span class="toggle-slider"></span>
@@ -931,11 +924,11 @@ export class FeatureIntegrator {
       btn.addEventListener('click', () => {
         const type = btn.dataset.type;
         const originalText = btn.innerHTML;
-        btn.innerHTML = '<span>⏳</span> 导出中...';
+        btn.innerHTML = '<span>�?/span> 导出�?..';
         btn.disabled = true;
         
         setTimeout(() => {
-          btn.innerHTML = '<span>✅</span> 导出成功！';
+          btn.innerHTML = '<span>�?/span> 导出成功�?;
           setTimeout(() => {
             btn.innerHTML = originalText;
             btn.disabled = false;
@@ -948,14 +941,14 @@ export class FeatureIntegrator {
 
     // 清除缓存
     container.querySelector('#clearCache')?.addEventListener('click', () => {
-      if (confirm('确定要清除缓存吗？这不会删除服务器上的数据。')) {
+      if (confirm('确定要清除缓存吗？这不会删除服务器上的数据�?)) {
         const btn = container.querySelector('#clearCache');
-        btn.innerHTML = '<span>⏳</span> 清除中...';
+        btn.innerHTML = '<span>�?/span> 清除�?..';
         btn.disabled = true;
         
         setTimeout(() => {
           localStorage.clear();
-          alert('缓存已清除！页面将刷新...');
+          alert('缓存已清除！页面将刷�?..');
           window.location.reload();
         }, 1000);
       }
@@ -963,8 +956,7 @@ export class FeatureIntegrator {
   }
 
   /**
-   * 渲染语言设置（优化后）
-   */
+   * 渲染语言设置（优化后�?   */
   renderLanguageSettings(container) {
     const currentLang = localStorage.getItem('language') || 'zh-CN';
     
@@ -980,11 +972,11 @@ export class FeatureIntegrator {
           <div class="language-card ${currentLang === 'zh-CN' ? 'selected' : ''}" data-lang="zh-CN">
             <div class="language-flag">🇨🇳</div>
             <div class="language-info">
-              <h4>简体中文</h4>
+              <h4>简体中�?/h4>
               <p>Simplified Chinese</p>
             </div>
             <div class="language-check">
-              ${currentLang === 'zh-CN' ? '<span class="check-icon">✓</span>' : ''}
+              ${currentLang === 'zh-CN' ? '<span class="check-icon">�?/span>' : ''}
             </div>
           </div>
 
@@ -995,7 +987,7 @@ export class FeatureIntegrator {
               <p>Traditional Chinese</p>
             </div>
             <div class="language-check">
-              ${currentLang === 'zh-TW' ? '<span class="check-icon">✓</span>' : ''}
+              ${currentLang === 'zh-TW' ? '<span class="check-icon">�?/span>' : ''}
             </div>
           </div>
 
@@ -1006,29 +998,29 @@ export class FeatureIntegrator {
               <p>United States</p>
             </div>
             <div class="language-check">
-              ${currentLang === 'en-US' ? '<span class="check-icon">✓</span>' : ''}
+              ${currentLang === 'en-US' ? '<span class="check-icon">�?/span>' : ''}
             </div>
           </div>
 
           <div class="language-card ${currentLang === 'ja-JP' ? 'selected' : ''}" data-lang="ja-JP">
             <div class="language-flag">🇯🇵</div>
             <div class="language-info">
-              <h4>日本語</h4>
+              <h4>日本�?/h4>
               <p>Japanese</p>
             </div>
             <div class="language-check">
-              ${currentLang === 'ja-JP' ? '<span class="check-icon">✓</span>' : ''}
+              ${currentLang === 'ja-JP' ? '<span class="check-icon">�?/span>' : ''}
             </div>
           </div>
 
           <div class="language-card ${currentLang === 'ko-KR' ? 'selected' : ''}" data-lang="ko-KR">
             <div class="language-flag">🇰🇷</div>
             <div class="language-info">
-              <h4>한국어</h4>
+              <h4>한국�?/h4>
               <p>Korean</p>
             </div>
             <div class="language-check">
-              ${currentLang === 'ko-KR' ? '<span class="check-icon">✓</span>' : ''}
+              ${currentLang === 'ko-KR' ? '<span class="check-icon">�?/span>' : ''}
             </div>
           </div>
 
@@ -1039,7 +1031,7 @@ export class FeatureIntegrator {
               <p>French</p>
             </div>
             <div class="language-check">
-              ${currentLang === 'fr-FR' ? '<span class="check-icon">✓</span>' : ''}
+              ${currentLang === 'fr-FR' ? '<span class="check-icon">�?/span>' : ''}
             </div>
           </div>
         </div>
@@ -1048,14 +1040,13 @@ export class FeatureIntegrator {
           <div class="info-icon">ℹ️</div>
           <div class="info-content">
             <h4>语言切换说明</h4>
-            <p>更改语言后，页面将自动刷新以应用新的语言设置。部分内容可能需要重新加载。</p>
+            <p>更改语言后，页面将自动刷新以应用新的语言设置。部分内容可能需要重新加载�?/p>
           </div>
         </div>
 
         <div class="settings-actions">
           <button class="btn-primary-large" id="saveLanguage">
-            <span>💾</span> 保存并应用
-          </button>
+            <span>💾</span> 保存并应�?          </button>
         </div>
       </div>
     `;
@@ -1066,15 +1057,13 @@ export class FeatureIntegrator {
     // 语言卡片点击效果
     container.querySelectorAll('.language-card').forEach(card => {
       card.addEventListener('click', () => {
-        // 移除所有选中状态
-        container.querySelectorAll('.language-card').forEach(c => {
+        // 移除所有选中状�?        container.querySelectorAll('.language-card').forEach(c => {
           c.classList.remove('selected');
           c.querySelector('.language-check').innerHTML = '';
         });
         
-        // 添加选中状态
-        card.classList.add('selected');
-        card.querySelector('.language-check').innerHTML = '<span class="check-icon">✓</span>';
+        // 添加选中状�?        card.classList.add('selected');
+        card.querySelector('.language-check').innerHTML = '<span class="check-icon">�?/span>';
       });
     });
 
@@ -1085,12 +1074,12 @@ export class FeatureIntegrator {
       
       const btn = container.querySelector('#saveLanguage');
       const originalText = btn.innerHTML;
-      btn.innerHTML = '<span>⏳</span> 应用中...';
+      btn.innerHTML = '<span>�?/span> 应用�?..';
       btn.disabled = true;
       
       setTimeout(() => {
         localStorage.setItem('language', selectedLang);
-        btn.innerHTML = '<span>✅</span> 应用成功！';
+        btn.innerHTML = '<span>�?/span> 应用成功�?;
         
         setTimeout(() => {
           window.location.reload();
@@ -1100,8 +1089,7 @@ export class FeatureIntegrator {
   }
 
   /**
-   * 渲染通知设置（优化后）
-   */
+   * 渲染通知设置（优化后�?   */
   renderNotificationSettings(container) {
     const settings = {
       desktop: localStorage.getItem('notif_desktop') !== 'false',
@@ -1115,12 +1103,12 @@ export class FeatureIntegrator {
         <div class="settings-header-modern">
           <div class="settings-icon-large">🔔</div>
           <h2>通知设置</h2>
-          <p>管理您的通知偏好和提醒方式</p>
+          <p>管理您的通知偏好和提醒方�?/p>
         </div>
 
         <div class="settings-cards-container">
           <div class="setting-card-detail ${settings.desktop ? 'active' : ''}">
-            <div class="setting-card-icon">🖥️</div>
+            <div class="setting-card-icon">🖥�?/div>
             <div class="setting-card-content">
               <div class="setting-card-header">
                 <h4>桌面通知</h4>
@@ -1129,7 +1117,7 @@ export class FeatureIntegrator {
                   <span class="toggle-slider"></span>
           </label>
               </div>
-              <p>在桌面显示新消息通知，即使浏览器在后台运行</p>
+              <p>在桌面显示新消息通知，即使浏览器在后台运�?/p>
             </div>
         </div>
         
@@ -1157,7 +1145,7 @@ export class FeatureIntegrator {
                   <span class="toggle-slider"></span>
           </label>
               </div>
-              <p>有人@提及您时发送特别通知，确保及时回复</p>
+              <p>有人@提及您时发送特别通知，确保及时回�?/p>
             </div>
         </div>
         
@@ -1171,7 +1159,7 @@ export class FeatureIntegrator {
                   <span class="toggle-slider"></span>
           </label>
               </div>
-              <p>收到新消息时发送通知，保持与团队的实时沟通</p>
+              <p>收到新消息时发送通知，保持与团队的实时沟�?/p>
             </div>
           </div>
         </div>
@@ -1190,8 +1178,7 @@ export class FeatureIntegrator {
     // 添加详细设置样式
     this.addDetailSettingsStyles();
 
-    // 切换开关效果
-    container.querySelectorAll('.toggle-switch input').forEach(input => {
+    // 切换开关效�?    container.querySelectorAll('.toggle-switch input').forEach(input => {
       input.addEventListener('change', (e) => {
         const card = e.target.closest('.setting-card-detail');
         if (e.target.checked) {
@@ -1212,7 +1199,7 @@ export class FeatureIntegrator {
       // 显示成功提示
       const btn = container.querySelector('#saveNotifSettings');
       const originalText = btn.innerHTML;
-      btn.innerHTML = '<span>✅</span> 保存成功！';
+      btn.innerHTML = '<span>�?/span> 保存成功�?;
       btn.style.background = 'linear-gradient(135deg, #10b981 0%, #059669 100%)';
       
       setTimeout(() => {
@@ -1227,7 +1214,7 @@ export class FeatureIntegrator {
         Notification.requestPermission().then(permission => {
           if (permission === 'granted') {
             new Notification('CollabDocChat', {
-              body: '这是一条测试通知！',
+              body: '这是一条测试通知�?,
               icon: '/favicon.ico'
             });
           } else {
@@ -1241,8 +1228,7 @@ export class FeatureIntegrator {
   }
 
   /**
-   * 渲染AI设置（优化后）
-   */
+   * 渲染AI设置（优化后�?   */
   renderAISettings(container) {
     const aiEnabled = localStorage.getItem('ai_enabled') !== 'false';
     const smartReplies = localStorage.getItem('ai_smart_replies') !== 'false';
@@ -1253,12 +1239,12 @@ export class FeatureIntegrator {
         <div class="settings-header-modern">
           <div class="settings-icon-large">🤖</div>
           <h2>AI 助手设置</h2>
-          <p>配置 AI 功能，提升您的工作效率</p>
+          <p>配置 AI 功能，提升您的工作效�?/p>
         </div>
 
         <div class="settings-cards-container">
           <div class="setting-card-detail ${aiEnabled ? 'active' : ''}">
-            <div class="setting-card-icon">⚡</div>
+            <div class="setting-card-icon">�?/div>
             <div class="setting-card-content">
               <div class="setting-card-header">
                 <h4>启用 AI 助手</h4>
@@ -1281,12 +1267,12 @@ export class FeatureIntegrator {
                   <span class="toggle-slider"></span>
           </label>
               </div>
-              <p>根据消息内容自动生成回复建议，快速响应对话</p>
+              <p>根据消息内容自动生成回复建议，快速响应对�?/p>
             </div>
         </div>
         
           <div class="setting-card-detail ${autoComplete ? 'active' : ''}">
-            <div class="setting-card-icon">✨</div>
+            <div class="setting-card-icon">�?/div>
             <div class="setting-card-content">
               <div class="setting-card-header">
                 <h4>自动完成</h4>
@@ -1301,22 +1287,22 @@ export class FeatureIntegrator {
         </div>
         
         <div class="ai-features-showcase">
-          <h3>✨ AI 功能展示</h3>
+          <h3>�?AI 功能展示</h3>
           <div class="features-grid">
             <div class="feature-item">
               <div class="feature-icon">📝</div>
               <h4>智能摘要</h4>
-              <p>自动生成会议和文档摘要</p>
+              <p>自动生成会议和文档摘�?/p>
             </div>
             <div class="feature-item">
               <div class="feature-icon">🔍</div>
               <h4>智能搜索</h4>
-              <p>理解语义的智能搜索</p>
+              <p>理解语义的智能搜�?/p>
             </div>
             <div class="feature-item">
               <div class="feature-icon">🎯</div>
               <h4>任务建议</h4>
-              <p>智能推荐任务优先级</p>
+              <p>智能推荐任务优先�?/p>
             </div>
             <div class="feature-item">
               <div class="feature-icon">📊</div>
@@ -1343,8 +1329,7 @@ export class FeatureIntegrator {
     // 添加详细设置样式
     this.addDetailSettingsStyles();
 
-    // 切换开关效果
-    container.querySelectorAll('.toggle-switch input').forEach(input => {
+    // 切换开关效�?    container.querySelectorAll('.toggle-switch input').forEach(input => {
       input.addEventListener('change', (e) => {
         const card = e.target.closest('.setting-card-detail');
         if (e.target.checked) {
@@ -1363,7 +1348,7 @@ export class FeatureIntegrator {
       
       const btn = container.querySelector('#saveAISettings');
       const originalText = btn.innerHTML;
-      btn.innerHTML = '<span>✅</span> 保存成功！';
+      btn.innerHTML = '<span>�?/span> 保存成功�?;
       btn.style.background = 'linear-gradient(135deg, #10b981 0%, #059669 100%)';
       
       setTimeout(() => {
@@ -1376,11 +1361,11 @@ export class FeatureIntegrator {
     container.querySelector('#testAI').addEventListener('click', () => {
       const btn = container.querySelector('#testAI');
       const originalText = btn.innerHTML;
-      btn.innerHTML = '<span>⏳</span> 测试中...';
+      btn.innerHTML = '<span>�?/span> 测试�?..';
       btn.disabled = true;
       
       setTimeout(() => {
-        btn.innerHTML = '<span>✅</span> AI 正常运行！';
+        btn.innerHTML = '<span>�?/span> AI 正常运行�?;
         setTimeout(() => {
           btn.innerHTML = originalText;
           btn.disabled = false;
@@ -1425,10 +1410,10 @@ export class FeatureIntegrator {
             🤖 AI
           </button>
           <button class="btn-secondary" id="showCollabTools" title="协作工具">
-            🛠️ 工具
+            🛠�?工具
           </button>
-          <button class="btn-secondary" id="markAllRead" title="全部标记为已读">
-            ✓ 已读
+          <button class="btn-secondary" id="markAllRead" title="全部标记为已�?>
+            �?已读
           </button>
         </div>
       `;
@@ -1493,7 +1478,7 @@ export class FeatureIntegrator {
     modal.innerHTML = `
       <div class="modal-content" style="max-width: 1000px;">
         <div class="modal-header">
-          <h3>🛠️ 协作工具</h3>
+          <h3>🛠�?协作工具</h3>
           <button class="modal-close" id="closeCollabTools">×</button>
         </div>
         <div class="collab-tools-tabs-modern">
@@ -1722,3 +1707,4 @@ export class FeatureIntegrator {
   }
 }
 
+