feat: 第五轮开发 - 14项未来路线图功能完整实现

W1-W14 全部完成: - W1: 消息搜索 (ILIKE全文检索 + SearchModal) - W2: 对话导出 (JSON/Markdown/TXT三格式) - W3: 记忆时间线 DevTools 可视化 - W4: 通知推送系统 (WebSocket + Browser Notification API) - W5: 定时提醒 (30s轮询 + 重复提醒 + WebSocket推送) - W6: 每日简报 (08:00自动生成: 天气+新闻+提醒+AI摘要) - W7: IoT场景自动化 (规则引擎 10s轮询 + 条件评估 + 场景执行) - W8: 语音输入 (浏览器 Speech Recognition API) - W9: STT服务 (voice-service + whisper.cpp) - W10: TTS服务 (浏览器 Speech Synthesis + edge-tts三档回退) - W11: 文件管理 (上传/下载/缩略图/纯Go bilinear缩放) - W12: 知识库RAG (PostgreSQL tsvector + 文档分块 + 检索) - W13: 多模态 (图片上传+分析: Vision API + 本地Go分析回退) - W14: PWA (Service Worker + 离线页 + install prompt) 总计: 6个Go微服务 + 10+前端组件 + 10+ PostgreSQL表 + 4个后台调度器
2026-05-19 12:01:09 +08:00
parent 78e3f450c2
commit bcf4d4e621
69 changed files with 14599 additions and 150 deletions
@@ -0,0 +1,130 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <title>昔涟 - 离线页面</title>
+  <style>
+    * { margin: 0; padding: 0; box-sizing: border-box; }
+    body {
+      font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Microsoft YaHei', sans-serif;
+      background: linear-gradient(135deg, #fdf2f8 0%, #fce7f3 50%, #fbcfe8 100%);
+      min-height: 100vh;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      color: #374151;
+    }
+    .container {
+      text-align: center;
+      padding: 2rem;
+      max-width: 420px;
+      width: 100%;
+    }
+    .avatar {
+      width: 120px;
+      height: 120px;
+      border-radius: 28px;
+      object-fit: cover;
+      box-shadow: 0 8px 32px rgba(236, 72, 153, 0.3);
+      margin-bottom: 1.5rem;
+      border: 3px solid rgba(236, 72, 153, 0.3);
+    }
+    .avatar-placeholder {
+      width: 120px;
+      height: 120px;
+      border-radius: 28px;
+      background: linear-gradient(135deg, #ec4899, #f472b6);
+      margin: 0 auto 1.5rem;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      font-size: 64px;
+      box-shadow: 0 8px 32px rgba(236, 72, 153, 0.3);
+      border: 3px solid rgba(236, 72, 153, 0.3);
+    }
+    h1 {
+      font-size: 1.5rem;
+      font-weight: 700;
+      color: #be185d;
+      margin-bottom: 0.5rem;
+    }
+    p {
+      font-size: 0.95rem;
+      color: #9ca3af;
+      margin-bottom: 2rem;
+      line-height: 1.6;
+    }
+    .status-icon {
+      font-size: 3rem;
+      margin-bottom: 1rem;
+    }
+    button {
+      display: inline-flex;
+      align-items: center;
+      gap: 0.5rem;
+      background: linear-gradient(135deg, #ec4899, #f472b6);
+      color: white;
+      border: none;
+      padding: 0.75rem 2rem;
+      border-radius: 9999px;
+      font-size: 1rem;
+      font-weight: 600;
+      cursor: pointer;
+      transition: all 0.2s ease;
+      box-shadow: 0 4px 16px rgba(236, 72, 153, 0.3);
+    }
+    button:hover {
+      transform: translateY(-1px);
+      box-shadow: 0 6px 24px rgba(236, 72, 153, 0.4);
+    }
+    button:active {
+      transform: translateY(0);
+    }
+    .auto-retry {
+      margin-top: 1.5rem;
+      font-size: 0.8rem;
+      color: #9ca3af;
+    }
+    .auto-retry.connected {
+      color: #059669;
+      font-weight: 600;
+    }
+  </style>
+</head>
+<body>
+  <div class="container">
+    <!-- Cyrene Avatar -->
+    <img
+      class="avatar"
+      src="/images/Cyrene_Avatar/2nd_Form/Cyrene-2F-N-Happy-1.png"
+      alt="昔涟"
+      onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';"
+    />
+    <div class="avatar-placeholder" style="display:none;">🌸</div>
+
+    <div class="status-icon">📡</div>
+    <h1>哎呀，网络连接断开了</h1>
+    <p>请检查网络连接后重试<br />昔涟正在等你回来~</p>
+
+    <button onclick="retry()">🔄 重新连接</button>
+    <div id="autoRetry" class="auto-retry">正在监听网络恢复...</div>
+  </div>
+
+  <script>
+    function retry() {
+      window.location.reload();
+    }
+
+    const autoRetryEl = document.getElementById('autoRetry');
+
+    window.addEventListener('online', function() {
+      autoRetryEl.textContent = '✅ 网络已恢复，正在重新加载...';
+      autoRetryEl.classList.add('connected');
+      setTimeout(function() {
+        window.location.reload();
+      }, 500);
+    });
+  </script>
+</body>
+</html>