npm - @memtensor/memos-local-openclaw-plugin - Versions diffs - 0.1.2 → 0.1.4 - Mend

@memtensor/memos-local-openclaw-plugin 0.1.2 → 0.1.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (77) hide show

package/.env.example +13 -5
package/README.md +180 -68
package/dist/capture/index.d.ts +5 -7
package/dist/capture/index.d.ts.map +1 -1
package/dist/capture/index.js +72 -43
package/dist/capture/index.js.map +1 -1
package/dist/ingest/providers/anthropic.d.ts +2 -0
package/dist/ingest/providers/anthropic.d.ts.map +1 -1
package/dist/ingest/providers/anthropic.js +110 -1
package/dist/ingest/providers/anthropic.js.map +1 -1
package/dist/ingest/providers/bedrock.d.ts +2 -5
package/dist/ingest/providers/bedrock.d.ts.map +1 -1
package/dist/ingest/providers/bedrock.js +110 -6
package/dist/ingest/providers/bedrock.js.map +1 -1
package/dist/ingest/providers/gemini.d.ts +2 -0
package/dist/ingest/providers/gemini.d.ts.map +1 -1
package/dist/ingest/providers/gemini.js +106 -1
package/dist/ingest/providers/gemini.js.map +1 -1
package/dist/ingest/providers/index.d.ts +9 -0
package/dist/ingest/providers/index.d.ts.map +1 -1
package/dist/ingest/providers/index.js +66 -4
package/dist/ingest/providers/index.js.map +1 -1
package/dist/ingest/providers/openai.d.ts +2 -0
package/dist/ingest/providers/openai.d.ts.map +1 -1
package/dist/ingest/providers/openai.js +112 -1
package/dist/ingest/providers/openai.js.map +1 -1
package/dist/ingest/task-processor.d.ts +63 -0
package/dist/ingest/task-processor.d.ts.map +1 -0
package/dist/ingest/task-processor.js +339 -0
package/dist/ingest/task-processor.js.map +1 -0
package/dist/ingest/worker.d.ts +1 -1
package/dist/ingest/worker.d.ts.map +1 -1
package/dist/ingest/worker.js +18 -13
package/dist/ingest/worker.js.map +1 -1
package/dist/recall/engine.d.ts +1 -0
package/dist/recall/engine.d.ts.map +1 -1
package/dist/recall/engine.js +21 -11
package/dist/recall/engine.js.map +1 -1
package/dist/recall/mmr.d.ts.map +1 -1
package/dist/recall/mmr.js +3 -1
package/dist/recall/mmr.js.map +1 -1
package/dist/storage/sqlite.d.ts +67 -1
package/dist/storage/sqlite.d.ts.map +1 -1
package/dist/storage/sqlite.js +251 -5
package/dist/storage/sqlite.js.map +1 -1
package/dist/types.d.ts +15 -0
package/dist/types.d.ts.map +1 -1
package/dist/types.js +2 -0
package/dist/types.js.map +1 -1
package/dist/viewer/html.d.ts +1 -1
package/dist/viewer/html.d.ts.map +1 -1
package/dist/viewer/html.js +955 -115
package/dist/viewer/html.js.map +1 -1
package/dist/viewer/server.d.ts +3 -0
package/dist/viewer/server.d.ts.map +1 -1
package/dist/viewer/server.js +59 -1
package/dist/viewer/server.js.map +1 -1
package/index.ts +221 -45
package/openclaw.plugin.json +20 -45
package/package.json +3 -4
package/skill/SKILL.md +59 -0
package/src/capture/index.ts +85 -45
package/src/ingest/providers/anthropic.ts +128 -1
package/src/ingest/providers/bedrock.ts +130 -6
package/src/ingest/providers/gemini.ts +128 -1
package/src/ingest/providers/index.ts +74 -8
package/src/ingest/providers/openai.ts +130 -1
package/src/ingest/task-processor.ts +380 -0
package/src/ingest/worker.ts +21 -15
package/src/recall/engine.ts +22 -12
package/src/recall/mmr.ts +3 -1
package/src/storage/sqlite.ts +298 -5
package/src/types.ts +19 -0
package/src/viewer/html.ts +955 -115
package/src/viewer/server.ts +63 -1
package/SKILL.md +0 -43
package/www/index.html +0 -606

package/www/index.html DELETED Viewed

@@ -1,606 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-<meta charset="UTF-8">
-<meta name="viewport" content="width=device-width,initial-scale=1.0">
-<title>MemOS Local — Official Memory Plugin for OpenClaw</title>
-<meta name="description" content="The official local memory plugin for OpenClaw. Full-write conversation memory, hybrid search, semantic chunking, and a built-in web viewer. Install from npm.">
-<link rel="icon" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><text y='.9em' font-size='90'>🦞</text></svg>">
-<link rel="preconnect" href="https://fonts.googleapis.com">
-<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap" rel="stylesheet">
-<style>
-*{margin:0;padding:0;box-sizing:border-box}
-:root{
-  --bg:#050510;--bg-card:rgba(255,255,255,.03);--bg-card-hover:rgba(255,255,255,.06);
-  --border:rgba(255,255,255,.08);--border-glow:rgba(0,153,204,.3);
-  --text:#f0f4f8;--text-sec:#8b95a5;--text-thr:#5a6373;
-  --pri:#00bbee;--pri-glow:rgba(0,187,238,.15);--pri-dark:#0088aa;
-  --accent:#e63946;--accent-glow:rgba(230,57,70,.15);
-  --green:#10b981;--violet:#8b5cf6;--amber:#f59e0b;
-  --font:'Inter',system-ui,-apple-system,sans-serif;
-  --mono:'SF Mono','Fira Code','JetBrains Mono',monospace;
-}
-html{scroll-behavior:smooth}
-body{font-family:var(--font);color:var(--text);background:var(--bg);line-height:1.7;overflow-x:hidden}
-a{color:var(--pri);text-decoration:none;transition:color .2s}
-a:hover{color:#4dd9ff}
-/* ── Noise & Gradient BG ── */
-.page-bg{position:fixed;inset:0;z-index:-1;pointer-events:none}
-.page-bg::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 80% 60% at 50% -10%,rgba(0,153,204,.12),transparent 60%),radial-gradient(ellipse 50% 40% at 80% 20%,rgba(139,92,246,.08),transparent 50%),radial-gradient(ellipse 40% 30% at 20% 80%,rgba(230,57,70,.06),transparent 50%)}
-.page-bg::after{content:'';position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.03'/%3E%3C/svg%3E");opacity:.5}
-.container{max-width:1200px;margin:0 auto;padding:0 24px}
-/* ── Nav ── */
-nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:0 24px;backdrop-filter:blur(16px);background:rgba(5,5,16,.7);border-bottom:1px solid var(--border)}
-nav .inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;height:64px}
-nav .brand{display:flex;align-items:center;gap:10px;font-weight:700;font-size:17px}
-nav .brand .icon{font-size:26px}
-nav .brand .sub{font-size:10px;color:var(--text-sec);font-weight:400;display:block;line-height:1.1}
-nav .links{margin-left:auto;display:flex;align-items:center;gap:8px}
-nav .links a{color:var(--text-sec);font-size:13px;font-weight:500;padding:6px 14px;border-radius:6px;transition:all .2s}
-nav .links a:hover{color:var(--text);background:rgba(255,255,255,.06)}
-nav .btn-nav{background:var(--pri)!important;color:#000!important;font-weight:600;border-radius:8px;padding:7px 18px!important}
-nav .btn-nav:hover{background:#4dd9ff!important}
-/* ── Hero ── */
-.hero{padding:160px 0 100px;text-align:center;position:relative}
-.hero-badge{display:inline-flex;align-items:center;gap:8px;background:var(--pri-glow);border:1px solid rgba(0,187,238,.2);padding:6px 18px;border-radius:24px;font-size:13px;font-weight:500;color:var(--pri);margin-bottom:28px;animation:fadeUp .6s ease}
-.hero-badge .dot{width:6px;height:6px;background:var(--green);border-radius:50%;animation:pulse 2s infinite}
-@keyframes pulse{0%,100%{opacity:1}50%{opacity:.4}}
-.hero h1{font-size:clamp(38px,6vw,72px);font-weight:900;letter-spacing:-.03em;line-height:1.08;margin-bottom:24px;animation:fadeUp .6s ease .1s both}
-.hero h1 .gradient{background:linear-gradient(135deg,var(--pri),var(--violet),var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
-.hero .desc{font-size:clamp(16px,2vw,20px);color:var(--text-sec);max-width:640px;margin:0 auto 40px;line-height:1.7;animation:fadeUp .6s ease .2s both}
-.hero .ctas{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;animation:fadeUp .6s ease .3s both}
-.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 28px;border-radius:10px;font-size:15px;font-weight:600;border:none;cursor:pointer;transition:all .25s;text-decoration:none}
-.btn-primary{background:var(--pri);color:#000}
-.btn-primary:hover{background:#4dd9ff;transform:translateY(-1px);box-shadow:0 8px 30px rgba(0,187,238,.25)}
-.btn-outline{background:transparent;color:var(--text);border:1px solid var(--border)}
-.btn-outline:hover{border-color:var(--pri);color:var(--pri);background:var(--pri-glow)}
-@keyframes fadeUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
-/* ── Hero Terminal ── */
-.hero-visual{max-width:760px;margin:60px auto 0;animation:fadeUp .6s ease .4s both}
-.terminal{background:rgba(15,23,42,.8);border:1px solid var(--border);border-radius:14px;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.4)}
-.terminal-bar{display:flex;align-items:center;gap:8px;padding:12px 16px;background:rgba(255,255,255,.03);border-bottom:1px solid var(--border)}
-.terminal-dot{width:12px;height:12px;border-radius:50%}
-.terminal-dot.r{background:#ff5f57}.terminal-dot.y{background:#ffbd2e}.terminal-dot.g{background:#28ca42}
-.terminal-title{flex:1;text-align:center;font-size:12px;color:var(--text-thr)}
-.terminal-body{padding:20px;font-family:var(--mono);font-size:13px;line-height:1.8;color:#a0aec0}
-.terminal-body .prompt{color:var(--green)}
-.terminal-body .cmd{color:var(--text)}
-.terminal-body .output{color:var(--text-sec)}
-.terminal-body .highlight{color:var(--pri)}
-.terminal-body .success{color:var(--green)}
-.terminal-body .dim{color:var(--text-thr)}
-/* ── Stats ── */
-.stats{display:flex;justify-content:center;gap:48px;padding:60px 0;flex-wrap:wrap}
-.stat{text-align:center}
-.stat .num{font-size:36px;font-weight:800;background:linear-gradient(135deg,var(--pri),var(--violet));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
-.stat .label{font-size:13px;color:var(--text-thr);margin-top:4px}
-/* ── Section ── */
-.section{padding:100px 0}
-.section-header{text-align:center;margin-bottom:56px}
-.section-badge{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--pri);margin-bottom:16px}
-.section-badge .line{width:20px;height:1px;background:var(--pri)}
-.section h2{font-size:clamp(28px,4vw,44px);font-weight:800;letter-spacing:-.02em;margin-bottom:16px}
-.section h2 .accent{color:var(--pri)}
-.section .section-desc{color:var(--text-sec);font-size:17px;max-width:580px;margin:0 auto}
-/* ── Feature Grid ── */
-.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
-.feature-card{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;padding:28px;transition:all .3s;position:relative;overflow:hidden}
-.feature-card::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--pri),transparent);opacity:0;transition:opacity .3s}
-.feature-card:hover{background:var(--bg-card-hover);border-color:var(--border-glow);transform:translateY(-2px)}
-.feature-card:hover::before{opacity:1}
-.feature-icon{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:22px;margin-bottom:16px}
-.feature-icon.blue{background:rgba(0,187,238,.12)}
-.feature-icon.violet{background:rgba(139,92,246,.12)}
-.feature-icon.green{background:rgba(16,185,129,.12)}
-.feature-icon.amber{background:rgba(245,158,11,.12)}
-.feature-icon.red{background:rgba(230,57,70,.12)}
-.feature-icon.pink{background:rgba(236,72,153,.12)}
-.feature-card h3{font-size:16px;font-weight:700;margin-bottom:8px}
-.feature-card p{font-size:14px;color:var(--text-sec);line-height:1.7}
-/* ── Architecture ── */
-.arch-flow{display:flex;align-items:stretch;gap:2px;justify-content:center;flex-wrap:wrap;padding:20px 0}
-.arch-step{flex:1;min-width:120px;max-width:180px;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:20px 16px;text-align:center;transition:all .3s;position:relative}
-.arch-step:hover{border-color:var(--border-glow);background:var(--bg-card-hover)}
-.arch-step .step-num{position:absolute;top:-10px;left:50%;transform:translateX(-50%);background:var(--pri);color:#000;font-size:11px;font-weight:700;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center}
-.arch-step .step-icon{font-size:28px;margin-bottom:8px}
-.arch-step h4{font-size:13px;font-weight:700;margin-bottom:4px}
-.arch-step p{font-size:11px;color:var(--text-thr);line-height:1.5}
-.arch-arrow{display:flex;align-items:center;color:var(--text-thr);font-size:20px;padding:0 4px}
-/* ── Code Preview ── */
-.code-section{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
-.code-text h3{font-size:26px;font-weight:800;margin-bottom:16px}
-.code-text p{color:var(--text-sec);font-size:15px;margin-bottom:20px;line-height:1.8}
-.code-text .tag{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;padding:4px 12px;border-radius:6px;margin-right:6px;margin-bottom:6px}
-.tag.t-blue{background:rgba(0,187,238,.1);color:var(--pri)}
-.tag.t-violet{background:rgba(139,92,246,.1);color:var(--violet)}
-.tag.t-green{background:rgba(16,185,129,.1);color:var(--green)}
-.code-block{background:rgba(15,23,42,.6);border:1px solid var(--border);border-radius:14px;overflow:hidden}
-.code-block .code-header{display:flex;align-items:center;gap:8px;padding:12px 16px;background:rgba(255,255,255,.02);border-bottom:1px solid var(--border);font-size:12px;color:var(--text-thr)}
-.code-block .code-header .dot{width:10px;height:10px;border-radius:50%;margin-right:2px}
-.code-block pre{padding:20px;font-family:var(--mono);font-size:12.5px;line-height:1.8;color:#a0aec0;overflow-x:auto}
-.code-block .kw{color:#7dd3fc}.code-block .str{color:#86efac}.code-block .cmt{color:#475569}.code-block .fn{color:#c4b5fd}.code-block .num{color:#fbbf24}
-/* ── Providers ── */
-.provider-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;padding:20px 0}
-.provider{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;padding:16px 24px;display:flex;align-items:center;gap:10px;font-size:14px;font-weight:500;transition:all .2s}
-.provider:hover{border-color:var(--border-glow);background:var(--bg-card-hover)}
-.provider .p-icon{font-size:22px}
-/* ── CTA ── */
-.cta-section{text-align:center;padding:100px 0 120px;position:relative}
-.cta-section::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 60% 50% at 50% 80%,rgba(0,153,204,.08),transparent);pointer-events:none}
-.cta-section h2{font-size:clamp(30px,4vw,48px);font-weight:900;margin-bottom:16px}
-.cta-section .desc{color:var(--text-sec);font-size:17px;max-width:500px;margin:0 auto 36px}
-/* ── Footer ── */
-footer{border-top:1px solid var(--border);padding:40px 0}
-footer .inner{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}
-footer .brand{display:flex;align-items:center;gap:8px;font-weight:700;font-size:15px}
-footer .brand .icon{font-size:20px}
-footer .links{display:flex;gap:24px}
-footer .links a{color:var(--text-thr);font-size:13px;transition:color .2s}
-footer .links a:hover{color:var(--text)}
-footer .copy{color:var(--text-thr);font-size:12px;width:100%;text-align:center;margin-top:16px}
-/* ── Responsive ── */
-@media(max-width:900px){
-  .feature-grid{grid-template-columns:1fr}
-  .code-section{grid-template-columns:1fr;gap:24px}
-  .arch-flow{flex-direction:column;align-items:center}
-  .arch-arrow{transform:rotate(90deg)}
-  .stats{gap:24px}
-}
-@media(max-width:600px){
-  nav .links a:not(.btn-nav):not(.lang-switch){display:none}
-  .hero{padding:120px 0 60px}
-}
-/* ── Bilingual ── */
-body.lang-en .lang-zh{display:none !important}
-body.lang-zh .lang-en{display:none !important}
-/* 语言切换：最右侧，分段式 pill */
-.lang-switch{display:inline-flex;align-items:stretch;margin-left:16px;padding:3px;background:rgba(255,255,255,.06);border:1px solid var(--border);border-radius:20px;box-shadow:inset 0 1px 2px rgba(0,0,0,.1)}
-.lang-switch .lang-btn{background:transparent;border:none;color:var(--text-thr);padding:5px 14px;font-size:12px;font-weight:600;cursor:pointer;border-radius:16px;transition:all .25s ease;min-width:36px}
-.lang-switch .lang-btn:first-child{border-radius:16px 0 0 16px}
-.lang-switch .lang-btn:last-child{border-radius:0 16px 16px 0}
-.lang-switch .lang-btn:hover{color:var(--text-sec)}
-.lang-switch .lang-btn.active{background:var(--pri);color:#000;box-shadow:0 1px 3px rgba(0,0,0,.2)}
-.lang-switch .lang-btn.active:hover{background:#4dd9ff;color:#000}
-/* ── Security/Local theme ── */
-.hero-tagline{font-size:14px;color:var(--green);margin-top:12px;display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}
-.hero-tagline span{display:inline-flex;align-items:center;gap:6px}
-.hero-tagline .dot{width:6px;height:6px;border-radius:50%;background:var(--green)}
-.security-badge{display:inline-flex;align-items:center;gap:6px;background:rgba(16,185,129,.12);border:1px solid rgba(16,185,129,.3);color:var(--green);padding:6px 14px;border-radius:20px;font-size:12px;font-weight:600;margin-left:10px}
-</style>
-</head>
-<body>
-<div class="page-bg"></div>
-<!-- ════════ Nav ════════ -->
-<nav>
-<div class="inner">
-  <div class="brand">
-    <span class="icon">🦞</span>
-    <span>OpenClaw<span class="sub lang-zh">由 MemOS 驱动 · 记忆插件</span><span class="sub lang-en">Powered by MemOS · Memory Plugin</span></span>
-  </div>
-  <div class="links">
-    <a href="#features" class="lang-zh">功能</a>
-    <a href="#features" class="lang-en">Features</a>
-    <a href="#architecture" class="lang-zh">架构</a>
-    <a href="#architecture" class="lang-en">Architecture</a>
-    <a href="#code" class="lang-zh">快速开始</a>
-    <a href="#code" class="lang-en">Code</a>
-    <a href="#providers" class="lang-zh">服务商</a>
-    <a href="#providers" class="lang-en">Providers</a>
-    <a href="./docs/index.html" class="btn-nav lang-zh">文档 →</a>
-    <a href="./docs/index.html" class="btn-nav lang-en">Docs →</a>
-    <span class="lang-switch" aria-label="Language">
-      <button type="button" class="lang-btn active" data-lang="zh" title="中文">中</button>
-      <button type="button" class="lang-btn" data-lang="en" title="English">EN</button>
-    </span>
-  </div>
-</div>
-</nav>
-<!-- ════════ Hero ════════ -->
-<section class="hero">
-<div class="container">
-  <div class="hero-badge">
-    <span class="lang-zh"><span class="dot"></span> OpenClaw 官方插件 · 从 npm 安装</span>
-    <span class="lang-en"><span class="dot"></span> Official OpenClaw Plugin · Install from npm</span>
-  </div>
-  <h1>
-    <span class="lang-zh">为 <span class="gradient">OpenClaw</span> 提供<br>持久化记忆</span>
-    <span class="lang-en">Persistent Memory<br>for <span class="gradient">OpenClaw</span></span>
-  </h1>
-  <p class="desc">
-    <span class="lang-zh">官方本地记忆插件。对话全部落盘在本机，语义检索、即时召回。从 npm 安装，无需克隆与编译。</span>
-    <span class="lang-en">The official local memory plugin. Every conversation stays on your machine, semantically indexed and instantly recalled. Install from npm — no clone, no build.</span>
-  </p>
-  <div class="hero-tagline">
-    <span class="lang-zh"><span class="dot"></span>数据 100% 存于本机</span>
-    <span class="lang-en"><span class="dot"></span>100% on-device</span>
-    <span class="lang-zh">零上云 · 密码保护</span>
-    <span class="lang-en">No cloud · Password-protected</span>
-  </div>
-  <div class="ctas">
-    <a href="#quickstart" class="btn btn-primary lang-zh">从 npm 安装</a>
-    <a href="#quickstart" class="btn btn-primary lang-en">Install from npm</a>
-    <a href="https://www.npmjs.com/package/@memtensor/memos-local-openclaw-plugin" class="btn btn-outline" target="_blank" rel="noopener">
-      <svg width="18" height="18" viewBox="0 0 24 24" fill="currentColor"><path d="M0 7.334v8h6.666v1.332H12v-1.332h12v-8H0zm6.666 6.664H5.334v-4H3.999v4H1.335V8.667h5.331v5.331zm4 0v1.336H8.001V8.667h5.334v5.331h-2.669zm12.001 0h-1.33v-4h-1.336v4h-1.335V8.667h3.999v5.331zM10.665 10H12v2.667h-1.335V10z"/></svg>
-      npm
-    </a>
-    <a href="https://github.com/MemTensor/MemOS" class="btn btn-outline" target="_blank" rel="noopener">
-      <svg width="18" height="18" viewBox="0 0 24 24" fill="currentColor"><path d="M12 0C5.37 0 0 5.37 0 12c0 5.31 3.435 9.795 8.205 11.385.6.105.825-.255.825-.57 0-.285-.015-1.23-.015-2.235-3.015.555-3.795-.735-4.035-1.41-.135-.345-.72-1.41-1.23-1.695-.42-.225-1.02-.78-.015-.795.945-.015 1.62.87 1.845 1.23 1.08 1.815 2.805 1.305 3.495.99.105-.78.42-1.305.765-1.605-2.67-.3-5.46-1.335-5.46-5.925 0-1.305.465-2.385 1.23-3.225-.12-.3-.54-1.53.12-3.18 0 0 1.005-.315 3.3 1.23.96-.27 1.98-.405 3-.405s2.04.135 3 .405c2.295-1.56 3.3-1.23 3.3-1.23.66 1.65.24 2.88.12 3.18.765.84 1.23 1.905 1.23 3.225 0 4.605-2.805 5.625-5.475 5.925.435.375.81 1.095.81 2.22 0 1.605-.015 2.895-.015 3.3 0 .315.225.69.825.57A12.02 12.02 0 0024 12c0-6.63-5.37-12-12-12z"/></svg>
-      GitHub
-    </a>
-  </div>
-  <div class="hero-visual">
-    <div class="terminal">
-      <div class="terminal-bar">
-        <span class="terminal-dot r"></span>
-        <span class="terminal-dot y"></span>
-        <span class="terminal-dot g"></span>
-        <span class="terminal-title lang-zh">终端 — 从 npm 安装</span>
-        <span class="terminal-title lang-en">Terminal — Install from npm</span>
-      </div>
-      <div class="terminal-body">
-        <div><span class="prompt">$</span> <span class="cmd">openclaw plugins install @memtensor/memos-local-openclaw-plugin</span></div>
-        <div class="output">Fetching from registry.npmjs.org…</div>
-        <div class="output">Installing to ~/.openclaw/extensions/…</div>
-        <div class="output success">✓ Installed plugin: memos-local</div>
-        <div style="height:12px"></div>
-        <div><span class="prompt">$</span> <span class="cmd">openclaw gateway start</span></div>
-        <div class="output">memos-local: initialized <span class="dim">(db: ~/.openclaw/memos-local/memos.db)</span></div>
-        <div class="output">memos-local: started <span class="dim">(embedding: openai_compatible)</span></div>
-        <div class="output highlight">╔══════════════════════════════════════════╗</div>
-        <div class="output highlight">║  MemOS Memory Viewer → <span class="success">http://127.0.0.1:18799</span></div>
-        <div class="output highlight">╚══════════════════════════════════════════╝</div>
-      </div>
-    </div>
-  </div>
-</div>
-</section>
-<!-- ════════ Stats ════════ -->
-<div class="stats">
-  <div class="stat"><div class="num">7</div><div class="label lang-zh">检索流水线步骤</div><div class="label lang-en">Retrieval Pipeline Steps</div></div>
-  <div class="stat"><div class="num">6+</div><div class="label lang-zh">嵌入模型服务商</div><div class="label lang-en">Embedding Providers</div></div>
-  <div class="stat"><div class="num">4</div><div class="label lang-zh">Agent 工具</div><div class="label lang-en">Agent Tools</div></div>
-  <div class="stat"><div class="num">100%</div><div class="label lang-zh">本地 · 隐私</div><div class="label lang-en">Local & Private</div></div>
-</div>
-<!-- ════════ Features ════════ -->
-<section class="section" id="features">
-<div class="container">
-  <div class="section-header">
-    <div class="section-badge"><span class="line"></span> <span class="lang-zh">功能</span><span class="lang-en">Features</span> <span class="line"></span></div>
-    <h2><span class="lang-zh">OpenClaw Agent 需要的<span class="accent">记忆能力</span>，一应俱全</span><span class="lang-en">Everything Your OpenClaw Agent Needs to <span class="accent">Remember</span></span></h2>
-    <p class="section-desc"><span class="lang-zh">为 OpenClaw 打造的完整记忆系统：捕获、索引、召回，<strong>全部在本地完成</strong>。</span><span class="lang-en">A complete memory system built for OpenClaw. Capture, index, and recall every conversation — <strong>all on your machine</strong>.</span></p>
-  </div>
-  <div class="feature-grid">
-    <div class="feature-card">
-      <div class="feature-icon blue">💾</div>
-      <h3><span class="lang-zh">全量写入</span><span class="lang-en">Full-Write Capture</span></h3>
-      <p><span class="lang-zh">每次对话结束后自动捕获并存入本机。从 npm 安装、配置即用。</span><span class="lang-en">Every user/assistant conversation is captured and stored locally after each turn. Install from npm, add config, go.</span></p>
-    </div>
-    <div class="feature-card">
-      <div class="feature-icon violet">🔍</div>
-      <h3><span class="lang-zh">混合检索</span><span class="lang-en">Hybrid Retrieval</span></h3>
-      <p><span class="lang-zh">FTS5 关键词 + 向量语义双路召回，RRF 融合为统一排序。</span><span class="lang-en">FTS5 keyword + vector semantic dual-channel; RRF fusion merges rankings into one score.</span></p>
-    </div>
-    <div class="feature-card">
-      <div class="feature-icon green">🧠</div>
-      <h3><span class="lang-zh">语义分片</span><span class="lang-en">Semantic Chunking</span></h3>
-      <p><span class="lang-zh">按代码块、函数体、段落等语义边界切分，不在函数中间截断。</span><span class="lang-en">Splits by code blocks, function bodies, paragraphs. Never cuts mid-function.</span></p>
-    </div>
-    <div class="feature-card">
-      <div class="feature-icon amber">📝</div>
-      <h3><span class="lang-zh">LLM 摘要</span><span class="lang-en">LLM Summarization</span></h3>
-      <p><span class="lang-zh">每个分片一句话摘要，加速检索与浏览。</span><span class="lang-en">One-sentence summary per chunk for fast search and browsing.</span></p>
-    </div>
-    <div class="feature-card">
-      <div class="feature-icon red">🎯</div>
-      <h3><span class="lang-zh">MMR 多样性</span><span class="lang-en">MMR Diversity</span></h3>
-      <p><span class="lang-zh">MMR 重排保证结果既相关又多样，避免重复。</span><span class="lang-en">MMR reranking for relevant, diverse results — no near-duplicates in top-K.</span></p>
-    </div>
-    <div class="feature-card">
-      <div class="feature-icon pink">⏱️</div>
-      <h3><span class="lang-zh">时间衰减</span><span class="lang-en">Recency Decay</span></h3>
-      <p><span class="lang-zh">可配置半衰期，近期记忆权重更高，旧的高相关记忆仍保留。</span><span class="lang-en">Configurable decay biases recent memories while keeping highly relevant older ones.</span></p>
-    </div>
-    <div class="feature-card">
-      <div class="feature-icon blue">🌐</div>
-      <h3><span class="lang-zh">Web 记忆管理</span><span class="lang-en">Web Memory Viewer</span></h3>
-      <p><span class="lang-zh">内置管理页：浏览、搜索、CRUD、分页、过滤，<strong>密码保护、仅本机可访问</strong>。</span><span class="lang-en">Built-in dashboard: browse, search, CRUD, pagination, filters. <strong>Password-protected, localhost only</strong>.</span></p>
-    </div>
-    <div class="feature-card">
-      <div class="feature-icon violet">🔐</div>
-      <h3><span class="lang-zh">本地优先 · 安全隐私</span><span class="lang-en">Local-First · Secure & Private</span></h3>
-      <p><span class="lang-zh"><strong>数据 100% 存于本机</strong>，SQLite 本地库，零上云、无埋点。Viewer 仅监听 127.0.0.1，密码保护。</span><span class="lang-en"><strong>100% on-device</strong> — SQLite on your machine, no cloud uploads, no telemetry. Viewer binds to 127.0.0.1 only, password-protected.</span></p>
-    </div>
-    <div class="feature-card">
-      <div class="feature-icon green">🔌</div>
-      <h3><span class="lang-zh">多服务商</span><span class="lang-en">Multi-Provider</span></h3>
-      <p><span class="lang-zh">Embedding/摘要支持 OpenAI、Anthropic、Gemini、Cohere、Voyage、Bedrock 等，可降级到本地模型。</span><span class="lang-en">OpenAI, Anthropic, Gemini, Cohere, Voyage, Mistral, Bedrock; falls back to local model.</span></p>
-    </div>
-  </div>
-</div>
-</section>
-<!-- ════════ Architecture ════════ -->
-<section class="section" id="architecture">
-<div class="container">
-  <div class="section-header">
-    <div class="section-badge"><span class="line"></span> <span class="lang-zh">架构</span><span class="lang-en">Architecture</span> <span class="line"></span></div>
-    <h2><span class="lang-zh">如何<span class="accent">工作</span></span><span class="lang-en">How It <span class="accent">Works</span></span></h2>
-    <p class="section-desc"><span class="lang-zh">7 步检索流水线：相关性、多样性、时间衰减兼顾。</span><span class="lang-en">A 7-step retrieval pipeline balancing relevance, diversity, and recency.</span></p>
-  </div>
-  <h3 style="text-align:center;font-size:14px;color:var(--text-sec);margin-bottom:24px;font-weight:500" class="lang-zh">写入路径 — 每次 agent 轮次自动捕获</h3>
-  <h3 style="text-align:center;font-size:14px;color:var(--text-sec);margin-bottom:24px;font-weight:500" class="lang-en">Write Path — Automatic capture on every agent turn</h3>
-  <div class="arch-flow">
-    <div class="arch-step"><span class="step-num">1</span><div class="step-icon">💬</div><h4>Capture</h4><p>Filter user &amp; assistant messages</p></div>
-    <div class="arch-arrow">→</div>
-    <div class="arch-step"><span class="step-num">2</span><div class="step-icon">✂️</div><h4>Chunk</h4><p>Semantic-aware text splitting</p></div>
-    <div class="arch-arrow">→</div>
-    <div class="arch-step"><span class="step-num">3</span><div class="step-icon">📝</div><h4>Summarize</h4><p>LLM one-sentence summary</p></div>
-    <div class="arch-arrow">→</div>
-    <div class="arch-step"><span class="step-num">4</span><div class="step-icon">🧮</div><h4>Embed</h4><p>Vector embedding generation</p></div>
-    <div class="arch-arrow">→</div>
-    <div class="arch-step"><span class="step-num">5</span><div class="step-icon">🔄</div><h4>Dedup</h4><p>Cosine similarity ≥ 0.93 merge</p></div>
-    <div class="arch-arrow">→</div>
-    <div class="arch-step"><span class="step-num">6</span><div class="step-icon">💾</div><h4>Store</h4><p>SQLite + FTS5 + Vector</p></div>
-  </div>
-  <div style="height:48px"></div>
-  <h3 style="text-align:center;font-size:14px;color:var(--text-sec);margin-bottom:24px;font-weight:500" class="lang-zh">读取路径 — 混合检索与多阶段排序</h3>
-  <h3 style="text-align:center;font-size:14px;color:var(--text-sec);margin-bottom:24px;font-weight:500" class="lang-en">Read Path — Hybrid search with multi-stage ranking</h3>
-  <div class="arch-flow">
-    <div class="arch-step"><span class="step-num">1</span><div class="step-icon">🔍</div><h4>Dual Recall</h4><p>FTS5 + Vector search</p></div>
-    <div class="arch-arrow">→</div>
-    <div class="arch-step"><span class="step-num">2</span><div class="step-icon">🔀</div><h4>RRF Fusion</h4><p>Rank-based score merge</p></div>
-    <div class="arch-arrow">→</div>
-    <div class="arch-step"><span class="step-num">3</span><div class="step-icon">🎯</div><h4>MMR Rerank</h4><p>Diversity optimization</p></div>
-    <div class="arch-arrow">→</div>
-    <div class="arch-step"><span class="step-num">4</span><div class="step-icon">⏱️</div><h4>Decay</h4><p>Time-based recency bias</p></div>
-    <div class="arch-arrow">→</div>
-    <div class="arch-step"><span class="step-num">5</span><div class="step-icon">✅</div><h4>Filter</h4><p>Score threshold + Top-K</p></div>
-  </div>
-</div>
-</section>
-<!-- ════════ Code Preview ════════ -->
-<section class="section" id="code">
-<div class="container">
-  <div class="section-header">
-    <div class="section-badge"><span class="line"></span> <span class="lang-zh">快速开始</span><span class="lang-en">Quick Start</span> <span class="line"></span></div>
-    <h2><span class="lang-zh">几分钟<span class="accent">上手</span></span><span class="lang-en">Up and Running in <span class="accent">Minutes</span></span></h2>
-  </div>
-  <div class="code-section" id="quickstart">
-    <div class="code-text">
-      <h3><span class="lang-zh">从 npm 安装并配置</span><span class="lang-en">Install from npm &amp; Configure</span></h3>
-      <p><span class="lang-zh">从 npm 安装，无需克隆或构建。在 openclaw.json 中加上插件配置（embedding/summarizer 可选），然后<strong>启动或重启 gateway</strong>。Memory Viewer 只有在网关运行时才会在 http://127.0.0.1:18799 提供。</span><span class="lang-en">Install from npm — no clone or build. Add OpenClaw config (embedding/summarizer optional), then <strong>start or restart the gateway</strong>. The Memory Viewer is only available at http://127.0.0.1:18799 when the gateway is running.</span></p>
-      <div>
-        <span class="tag t-blue">npm</span>
-        <span class="tag t-violet">OpenClaw</span>
-        <span class="tag t-green">Zero build</span>
-      </div>
-    </div>
-    <div class="code-block">
-      <div class="code-header">
-        <span class="dot r" style="width:10px;height:10px;border-radius:50%;background:#ff5f57"></span>
-        <span class="dot" style="width:10px;height:10px;border-radius:50%;background:#ffbd2e"></span>
-        <span class="dot" style="width:10px;height:10px;border-radius:50%;background:#28ca42"></span>
-        <span style="flex:1"></span>
-        terminal
-      </div>
-      <pre><span class="cmt"># Install from npm (pulls latest)</span>
-<span class="kw">openclaw</span> plugins install @memtensor/memos-local-openclaw-plugin
-<span class="cmt"># Add plugin slot + config to ~/.openclaw/openclaw.json, then:</span>
-<span class="kw">openclaw</span> gateway start</pre>
-    </div>
-  </div>
-  <div style="height:64px"></div>
-  <div class="code-section" style="direction:rtl">
-    <div class="code-text" style="direction:ltr">
-      <h3><span class="lang-zh">搜索记忆</span><span class="lang-en">Search Memories</span></h3>
-      <p><span class="lang-zh">OpenClaw agent 会自动调用 <code style="background:rgba(0,187,238,.1);color:var(--pri);padding:2px 8px;border-radius:4px;font-size:13px">memory_search</code> 回忆过往对话，返回摘要、摘录、相关度与角色标签。</span><span class="lang-en">Your OpenClaw agent uses <code style="background:rgba(0,187,238,.1);color:var(--pri);padding:2px 8px;border-radius:4px;font-size:13px">memory_search</code> to recall past conversations — summaries, excerpts, scores, role labels.</span></p>
-      <div>
-        <span class="tag t-blue">Hybrid Search</span>
-        <span class="tag t-violet">Vector + FTS5</span>
-        <span class="tag t-green">Score Ranking</span>
-      </div>
-    </div>
-    <div class="code-block" style="direction:ltr">
-      <div class="code-header">
-        <span class="dot" style="width:10px;height:10px;border-radius:50%;background:#ff5f57"></span>
-        <span class="dot" style="width:10px;height:10px;border-radius:50%;background:#ffbd2e"></span>
-        <span class="dot" style="width:10px;height:10px;border-radius:50%;background:#28ca42"></span>
-        <span style="flex:1"></span>
-        memory_search response
-      </div>
-      <pre><span class="cmt">// Agent calls memory_search({ query: "password reset" })</span>
-Found <span class="num">3</span> memories (minScore=<span class="num">0.45</span>):
-<span class="num">1.</span> <span class="kw">[USER said]</span> [score=<span class="num">0.847</span>]
-   Requested password reset feature for Memory Viewer
-   <span class="str">Evidence: "密码忘记了怎么办..."</span>
-<span class="num">2.</span> <span class="fn">[ASSISTANT replied]</span> [score=<span class="num">0.791</span>]
-   Implemented reset token mechanism via gateway logs
-   <span class="str">Evidence: "Added /api/auth/reset endpoint..."</span>
-<span class="num">3.</span> <span class="kw">[USER said]</span> [score=<span class="num">0.683</span>]
-   Asked about authentication and session management
-   <span class="str">Evidence: "Web viewer needs password protection..."</span></pre>
-    </div>
-  </div>
-  <div style="height:64px"></div>
-  <div class="code-section">
-    <div class="code-text">
-      <h3><span class="lang-zh">在 JSON 中配置</span><span class="lang-en">Configure in JSON</span></h3>
-      <p><span class="lang-zh">检索参数、去重阈值、时间衰减等均可配置，全部可选，有合理默认值。</span><span class="lang-en">Fine-tune retrieval, dedup, decay, etc. All optional with sensible defaults.</span></p>
-      <div>
-        <span class="tag t-blue">RRF k=60</span>
-        <span class="tag t-violet">MMR λ=0.7</span>
-        <span class="tag t-green">Decay 14d</span>
-      </div>
-    </div>
-    <div class="code-block">
-      <div class="code-header">
-        <span class="dot" style="width:10px;height:10px;border-radius:50%;background:#ff5f57"></span>
-        <span class="dot" style="width:10px;height:10px;border-radius:50%;background:#ffbd2e"></span>
-        <span class="dot" style="width:10px;height:10px;border-radius:50%;background:#28ca42"></span>
-        <span style="flex:1"></span>
-        openclaw.json
-      </div>
-      <pre>{
-  <span class="str">"plugins"</span>: {
-    <span class="str">"slots"</span>: { <span class="str">"memory"</span>: <span class="str">"memos-local"</span> },
-    <span class="str">"entries"</span>: {
-      <span class="str">"memos-local"</span>: {
-        <span class="str">"enabled"</span>: <span class="kw">true</span>,
-        <span class="str">"config"</span>: {
-          <span class="str">"embedding"</span>: {
-            <span class="str">"provider"</span>: <span class="str">"openai_compatible"</span>,
-            <span class="str">"model"</span>: <span class="str">"bge-m3"</span>
-          },
-          <span class="str">"summarizer"</span>: {
-            <span class="str">"provider"</span>: <span class="str">"openai_compatible"</span>,
-            <span class="str">"model"</span>: <span class="str">"gpt-4o-mini"</span>
-          }
-        }
-      }
-    }
-  }
-}</pre>
-    </div>
-  </div>
-</div>
-</section>
-<!-- ════════ Providers ════════ -->
-<section class="section" id="providers">
-<div class="container">
-  <div class="section-header">
-    <div class="section-badge"><span class="line"></span> <span class="lang-zh">服务商</span><span class="lang-en">Providers</span> <span class="line"></span></div>
-    <h2><span class="lang-zh">适配你的<span class="accent">技术栈</span></span><span class="lang-en">Works with Your <span class="accent">Stack</span></span></h2>
-    <p class="section-desc"><span class="lang-zh">任意 embedding/摘要服务商均可接入；离线时可降级到本地模型。</span><span class="lang-en">Any embedding or summarization provider. Falls back to local models when offline.</span></p>
-  </div>
-  <div class="provider-grid">
-    <div class="provider"><span class="p-icon">🤖</span> OpenAI</div>
-    <div class="provider"><span class="p-icon">🧠</span> Anthropic</div>
-    <div class="provider"><span class="p-icon">💎</span> Gemini</div>
-    <div class="provider"><span class="p-icon">☁️</span> AWS Bedrock</div>
-    <div class="provider"><span class="p-icon">🔷</span> Cohere</div>
-    <div class="provider"><span class="p-icon">🚀</span> Voyage AI</div>
-    <div class="provider"><span class="p-icon">🌀</span> Mistral</div>
-    <div class="provider"><span class="p-icon">💻</span> Local (Xenova)</div>
-  </div>
-  <p style="text-align:center;color:var(--text-thr);font-size:13px;margin-top:20px">
-    <span class="lang-zh">任意 OpenAI 兼容 API 即插即用。可用 <code style="color:var(--text-sec);background:rgba(255,255,255,.05);padding:2px 6px;border-radius:4px;font-size:12px">${ENV_VAR}</code> 占位符管理密钥。</span>
-    <span class="lang-en">Any OpenAI-compatible API works. Use <code style="color:var(--text-sec);background:rgba(255,255,255,.05);padding:2px 6px;border-radius:4px;font-size:12px">${ENV_VAR}</code> for secure keys.</span>
-  </p>
-</div>
-</section>
-<!-- ════════ CTA ════════ -->
-<section class="cta-section">
-<div class="container">
-  <h2><span class="lang-zh">为 OpenClaw Agent 赋予<span class="gradient" style="background:linear-gradient(135deg,var(--pri),var(--violet));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text">持久记忆</span></span><span class="lang-en">Give Your OpenClaw Agent a <span class="gradient" style="background:linear-gradient(135deg,var(--pri),var(--violet));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text">Memory</span></span></h2>
-  <p class="desc"><span class="lang-zh">官方记忆插件 · 从 npm 安装，无需克隆与构建。<br>本地存储、安全隐私 · MIT 许可。</span><span class="lang-en">Official memory plugin. Install from npm — no clone, no build.<br>Local-first, secure &amp; private. MIT licensed.</span></p>
-  <div style="display:flex;gap:14px;justify-content:center;flex-wrap:wrap">
-    <a href="https://www.npmjs.com/package/@memtensor/memos-local-openclaw-plugin" class="btn btn-primary" target="_blank" rel="noopener">
-      <svg width="18" height="18" viewBox="0 0 24 24" fill="currentColor"><path d="M0 7.334v8h6.666v1.332H12v-1.332h12v-8H0zm6.666 6.664H5.334v-4H3.999v4H1.335V8.667h5.331v5.331zm4 0v1.336H8.001V8.667h5.334v5.331h-2.669zm12.001 0h-1.33v-4h-1.336v4h-1.335V8.667h3.999v5.331zM10.665 10H12v2.667h-1.335V10z"/></svg>
-      <span class="lang-zh">从 npm 安装</span><span class="lang-en">Install from npm</span>
-    </a>
-    <a href="./docs/index.html" class="btn btn-outline lang-zh">查看文档 →</a>
-    <a href="./docs/index.html" class="btn btn-outline lang-en">Read the Docs →</a>
-    <a href="https://github.com/MemTensor/MemOS" class="btn btn-outline" target="_blank" rel="noopener">GitHub</a>
-  </div>
-</div>
-</section>
-<!-- ════════ Footer ════════ -->
-<footer>
-<div class="container">
-  <div class="inner">
-    <div class="brand"><span class="icon">🦞</span> OpenClaw · Powered by MemOS</div>
-    <div class="links">
-      <a href="./docs/index.html" class="lang-zh">文档</a>
-      <a href="./docs/index.html" class="lang-en">Documentation</a>
-      <a href="https://www.npmjs.com/package/@memtensor/memos-local-openclaw-plugin" target="_blank" rel="noopener">npm</a>
-      <a href="https://github.com/MemTensor/MemOS" target="_blank" rel="noopener">GitHub</a>
-      <a href="https://github.com/MemTensor/MemOS/issues" target="_blank" rel="noopener">Issues</a>
-      <a href="https://github.com/MemTensor/MemOS/blob/main/LICENSE" target="_blank" rel="noopener">MIT License</a>
-    </div>
-  </div>
-  <div class="copy"><span class="lang-zh">© 2026 MemTensor. OpenClaw 官方记忆插件，本地优先 · 安全隐私。MIT 许可。</span><span class="lang-en">© 2026 MemTensor. Official OpenClaw memory plugin. Local-first, secure. MIT license.</span></div>
-</div>
-</footer>
-<!-- ── Language toggle ── -->
-<script>
-(function(){
-  var key='memos-local-lang';
-  var lang=(typeof localStorage!=='undefined'&&localStorage.getItem(key))||'zh';
-  document.body.classList.add('lang-'+lang);
-  document.querySelectorAll('.lang-btn').forEach(function(btn){
-    btn.classList.toggle('active',btn.getAttribute('data-lang')===lang);
-    btn.addEventListener('click',function(){
-      var L=this.getAttribute('data-lang');
-      document.body.classList.remove('lang-zh','lang-en');
-      document.body.classList.add('lang-'+L);
-      try{localStorage.setItem(key,L);}catch(e){}
-      document.querySelectorAll('.lang-btn').forEach(function(b){b.classList.toggle('active',b.getAttribute('data-lang')===L);});
-    });
-  });
-})();
-</script>
-<!-- ── Scroll animations ── -->
-<script>
-(function(){
-  const observer=new IntersectionObserver((entries)=>{
-    entries.forEach(e=>{
-      if(e.isIntersecting){
-        e.target.style.opacity='1';
-        e.target.style.transform='translateY(0)';
-      }
-    });
-  },{threshold:0.1,rootMargin:'0px 0px -40px 0px'});
-  document.querySelectorAll('.feature-card,.arch-step,.provider,.code-section,.stat').forEach(el=>{
-    el.style.opacity='0';
-    el.style.transform='translateY(24px)';
-    el.style.transition='opacity .5s ease, transform .5s ease';
-    observer.observe(el);
-  });
-})();
-</script>
-</body>
-</html>