feat(mindspace): 0630004 空间 UI、聊天连接、微信分享与 Agent 能力

含 MindSpace 三列布局与统计修复、聊天加载态与连接降级、平台页脚标记与 og:site_name 微信卡片、勾选资料删除 Agent 接口及内部话术过滤。 Co-authored-by: Cursor <cursoragent@cursor.com>
2026-06-30 09:30:51 +08:00
parent 0203d81942
commit 2b8dba1784
53 changed files with 2450 additions and 313 deletions
@@ -0,0 +1,50 @@
+<!doctype html>
+<html lang="zh-CN">
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <title>微信分享预览 · 连云港三天两夜攻略 🌊</title>
+  <style>
+    * { box-sizing: border-box; }
+    body { margin: 0; min-height: 100vh; padding: 24px; background: #ececec; font-family: ui-sans-serif, -apple-system, BlinkMacSystemFont, sans-serif; color: #111; }
+    .wrap { max-width: 420px; margin: 0 auto; }
+    h1 { margin: 0 0 8px; font-size: 18px; }
+    .hint, .note { margin: 0 0 16px; color: #666; font-size: 13px; line-height: 1.6; }
+    .card { display: grid; grid-template-columns: 1fr 72px; gap: 12px; padding: 12px; border-radius: 8px; background: #fff; box-shadow: 0 1px 0 rgba(0,0,0,.06); }
+    .card-main { min-width: 0; }
+    .card-title { margin: 0; font-size: 16px; font-weight: 600; line-height: 1.35; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
+    .card-desc { margin: 6px 0 0; color: #888; font-size: 13px; line-height: 1.45; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
+    .card-foot { display: flex; align-items: center; gap: 6px; margin-top: 10px; color: #999; font-size: 12px; }
+    .card-foot img { width: 16px; height: 16px; border-radius: 999px; object-fit: cover; }
+    .card-thumb { width: 72px; height: 72px; border-radius: 4px; object-fit: cover; background: #f3f3f3; }
+    .card-thumb-empty { display: grid; place-items: center; color: #bbb; font-size: 12px; }
+    .meta { margin-top: 18px; padding: 14px; border-radius: 10px; background: rgba(255,255,255,.72); font-size: 12px; line-height: 1.7; word-break: break-all; }
+    code { background: rgba(0,0,0,.06); padding: 1px 4px; border-radius: 4px; }
+  </style>
+</head>
+<body>
+  <div class="wrap">
+    <h1>微信链接卡片预览</h1>
+    <p class="hint">本地模拟的是「粘贴链接后看到的卡片」，不是 JS-SDK 内部分享弹层。源链接：<code>https://m.tkmind.cn/MindSpace/john/public/lianyungang-guide.html</code></p>
+    <p class="note">修复后：标题 + 描述 + 缩略图 + 底部「TKMind 智趣」小图标应同时出现。</p>
+    <article class="card" aria-label="微信分享卡片预览">
+      <div class="card-main">
+        <h2 class="card-title">连云港三天两夜攻略 🌊</h2>
+        <p class="card-desc">三天两夜·沙滩酒店·必吃美食</p>
+        <div class="card-foot">
+          <img src="http://127.0.0.1:8081/brand/tkmind-icon.png" alt="" onerror="this.style.display='none'">
+          <span>TKMind 智趣</span>
+        </div>
+      </div>
+      <img class="card-thumb" src="https://images.unsplash.com/photo-1507525428034-b723cf961d3e?auto=format&amp;fit=crop&amp;w=200&amp;q=80" alt="">
+    </article>
+    <div class="meta">
+      <div><strong>og:title</strong> 连云港三天两夜攻略 🌊</div>
+      <div><strong>og:description</strong> 三天两夜·沙滩酒店·必吃美食</div>
+      <div><strong>og:site_name</strong> TKMind 智趣</div>
+      <div><strong>og:image</strong> https://images.unsplash.com/photo-1507525428034-b723cf961d3e?auto=format&amp;fit=crop&amp;w=200&amp;q=80</div>
+      <div><strong>icon</strong> /brand/tkmind-icon.png</div>
+    </div>
+  </div>
+</body>
+</html>
@@ -0,0 +1,41 @@
+<!doctype html>
+<html lang="zh-CN">
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <title>微信分享预览工具</title>
+  <style>
+    * { box-sizing: border-box; }
+    body { margin: 0; min-height: 100vh; padding: 24px; background: #f3f3f3; font-family: ui-sans-serif, -apple-system, BlinkMacSystemFont, sans-serif; color: #111; }
+    .panel { max-width: 560px; margin: 0 auto; padding: 20px; border-radius: 16px; background: #fff; box-shadow: 0 8px 30px rgba(0,0,0,.06); }
+    h1 { margin: 0 0 8px; font-size: 22px; }
+    p { margin: 0 0 16px; color: #666; line-height: 1.6; font-size: 14px; }
+    label { display: block; margin-bottom: 8px; font-size: 13px; font-weight: 600; }
+    input { width: 100%; padding: 12px 14px; border: 1px solid #ddd; border-radius: 10px; font: inherit; }
+    button { margin-top: 14px; width: 100%; padding: 12px 14px; border: 0; border-radius: 10px; background: #2f6f57; color: #fff; font: inherit; font-weight: 700; cursor: pointer; }
+    code { background: rgba(0,0,0,.06); padding: 1px 4px; border-radius: 4px; }
+  </style>
+</head>
+<body>
+  <div class="panel">
+    <h1>微信分享预览</h1>
+    <p>输入已发布页面路径，本地模拟微信「粘贴链接后」看到的卡片。开发环境走 Portal API：<code>/dev/wechat-share-preview</code></p>
+    <form id="preview-form">
+      <label for="url">页面 URL 或路径</label>
+      <input id="url" name="url" placeholder="/MindSpace/john/public/demo.html" required>
+      <button type="submit">生成预览</button>
+    </form>
+  </div>
+  <script>
+    document.getElementById('preview-form').addEventListener('submit', (event) => {
+      event.preventDefault();
+      const value = document.getElementById('url').value.trim();
+      if (!value) return;
+      const target = value.startsWith('http')
+        ? `/dev/wechat-share-preview?url=${encodeURIComponent(value)}`
+        : `/dev/wechat-share-preview?url=${encodeURIComponent(value.startsWith('/') ? value : `/${value}`)}`;
+      window.location.href = target;
+    });
+  </script>
+</body>
+</html>