npm - @memtensor/memos-local-openclaw-plugin - Versions diffs - 1.0.4-beta.0 → 1.0.4-beta.1 - Mend

@memtensor/memos-local-openclaw-plugin 1.0.4-beta.0 → 1.0.4-beta.1

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 (31) hide show

package/dist/client/connector.d.ts +4 -0
package/dist/client/connector.d.ts.map +1 -1
package/dist/client/connector.js +92 -0
package/dist/client/connector.js.map +1 -1
package/dist/config.js +9 -9
package/dist/config.js.map +1 -1
package/dist/hub/server.d.ts.map +1 -1
package/dist/hub/server.js +27 -22
package/dist/hub/server.js.map +1 -1
package/dist/hub/user-manager.d.ts +1 -0
package/dist/hub/user-manager.d.ts.map +1 -1
package/dist/hub/user-manager.js +13 -0
package/dist/hub/user-manager.js.map +1 -1
package/dist/storage/sqlite.d.ts.map +1 -1
package/dist/storage/sqlite.js +20 -94
package/dist/storage/sqlite.js.map +1 -1
package/dist/viewer/html.d.ts.map +1 -1
package/dist/viewer/html.js +386 -207
package/dist/viewer/html.js.map +1 -1
package/dist/viewer/server.d.ts +2 -0
package/dist/viewer/server.d.ts.map +1 -1
package/dist/viewer/server.js +104 -15
package/dist/viewer/server.js.map +1 -1
package/package.json +1 -1
package/src/client/connector.ts +94 -0
package/src/config.ts +9 -9
package/src/hub/server.ts +28 -22
package/src/hub/user-manager.ts +13 -0
package/src/storage/sqlite.ts +20 -94
package/src/viewer/html.ts +386 -207
package/src/viewer/server.ts +98 -15

package/src/viewer/html.ts CHANGED Viewed

@@ -5,7 +5,8 @@ return `<!DOCTYPE html>
 <head>
 <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
-<title>OpenClaw Memory - Powered by MemOS</title>
+<link rel="icon" href="https://statics.memtensor.com.cn/logo/color-m.svg" type="image/svg+xml">
+<title>MemOS 记忆</title>
 <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&display=swap" rel="stylesheet">
@@ -58,8 +59,9 @@ return `<!DOCTYPE html>
 [data-theme="light"] .analytics-card.amber .ac-value{color:#d97706}
 [data-theme="light"] .analytics-section{background:#fff;border-color:var(--border);box-shadow:0 1px 3px rgba(0,0,0,.04)}
 [data-theme="light"] .analytics-section::before{background:none}
-[data-theme="light"] .chart-bar{box-shadow:none}
-[data-theme="light"] .chart-bar:hover{box-shadow:0 2px 8px rgba(79,70,229,.15)}
+[data-theme="light"] .chart-bar{box-shadow:0 1px 4px rgba(99,102,241,.12)}
+[data-theme="light"] .chart-bar:hover{box-shadow:0 3px 12px rgba(79,70,229,.2)}
+[data-theme="light"] .chart-bars::before{opacity:.3}
 [data-theme="light"] .tool-chart-tooltip{background:rgba(17,24,39,.92);color:#e8eaed;border-color:rgba(99,102,241,.3);box-shadow:0 8px 24px rgba(0,0,0,.2)}
 [data-theme="light"] .tool-chart-tooltip .tt-time{color:#a5b4fc}
 [data-theme="light"] .tool-chart-tooltip .tt-val{color:#e8eaed}
@@ -105,9 +107,15 @@ input,textarea,select{font-family:inherit;font-size:inherit}
 /* ─── App Layout (dark dashboard, same as www) ─── */
 .app{display:none;flex-direction:column;min-height:100vh}
 .topbar{background:rgba(11,13,17,.88);border-bottom:1px solid var(--border);padding:0 28px;height:56px;display:flex;align-items:center;position:sticky;top:0;z-index:100;backdrop-filter:blur(12px)}
-.topbar .brand{display:flex;align-items:center;gap:10px;font-weight:700;font-size:15px;color:var(--text);letter-spacing:-.02em;flex-shrink:0}
-.topbar .brand .icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:22px;background:none;border-radius:0}
+.topbar .brand{display:flex;align-items:center;gap:8px;font-weight:700;font-size:15px;color:var(--text);letter-spacing:-.02em;flex-shrink:0}
+.topbar .brand .icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:18px;background:none;border-radius:0}
+.topbar .brand .brand-title{font-size:13px;font-weight:500;opacity:.7}
+.topbar .brand .brand-col{display:flex;flex-direction:column;gap:0}
+.topbar .brand .brand-powered{font-size:9px;font-weight:500;color:var(--text-sec);opacity:.55;letter-spacing:.02em;line-height:1}
 .topbar .brand .sub{font-weight:400;color:var(--text-muted);font-size:11px}
+.memos-logo{display:inline-flex;align-items:center}
+.memos-logo svg{height:28px;width:28px}
+.brand-sep{width:1px;height:20px;background:var(--border);opacity:.5;margin:0 2px}
 .version-badge{font-size:10px;font-weight:600;color:var(--text-muted);background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1);padding:1px 7px;border-radius:6px;margin-left:6px;letter-spacing:.02em;user-select:all}
 [data-theme="light"] .version-badge{background:rgba(0,0,0,.05);border-color:rgba(0,0,0,.08);color:var(--text-sec)}
 .topbar-center{flex:1;display:flex;justify-content:center}
@@ -286,20 +294,67 @@ input,textarea,select{font-family:inherit;font-size:inherit}
 .memory-card.dedup-inactive{opacity:.55;border-style:dashed}
 .memory-card.dedup-inactive:hover{opacity:.85}
 .dedup-target-link{font-size:11px;color:var(--pri);cursor:pointer;text-decoration:underline;margin-left:4px}
-.memory-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:9999;display:none;align-items:center;justify-content:center;backdrop-filter:blur(4px)}
+.memory-modal-overlay{position:fixed;inset:0;background:rgba(5,8,16,.75);z-index:9999;display:none;align-items:center;justify-content:center;backdrop-filter:blur(12px) saturate(1.2)}
 .memory-modal-overlay.show{display:flex}
-.memory-modal{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;width:min(600px,90vw);max-height:80vh;display:flex;flex-direction:column;box-shadow:0 20px 60px rgba(0,0,0,.4);animation:modalIn .2s ease-out}
-@keyframes modalIn{from{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}
-.memory-modal-title{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border);font-size:14px;font-weight:700}
-.memory-modal-body{padding:20px;overflow-y:auto;flex:1}
-.modal-memory-card{display:flex;flex-direction:column;gap:14px}
-.modal-header-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
-.modal-field{display:flex;flex-direction:column;gap:4px}
-.modal-field-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--text-sec)}
-.modal-field-val{font-size:13px;color:var(--text);line-height:1.5}
-.modal-field-content{font-family:'SF Mono',Consolas,monospace;font-size:12px;line-height:1.6;color:var(--text);white-space:pre-wrap;word-break:break-all;background:rgba(0,0,0,.15);border-radius:8px;padding:12px;max-height:240px;overflow-y:auto;margin:0}
-[data-theme="light"] .modal-field-content{background:rgba(0,0,0,.04)}
-.modal-meta-row{display:flex;flex-wrap:wrap;gap:12px;font-size:11px;color:var(--text-sec);padding:8px 0;border-top:1px dashed var(--border)}
+[data-theme="light"] .memory-modal-overlay{background:rgba(0,0,0,.45)}
+.memory-modal{position:relative;background:linear-gradient(160deg,#0d1117 0%,#161b22 50%,#0d1117 100%);border:1px solid rgba(99,102,241,.2);border-radius:20px;width:min(600px,92vw);max-height:82vh;display:flex;flex-direction:column;box-shadow:0 32px 100px rgba(0,0,0,.6),0 0 60px rgba(99,102,241,.08),inset 0 1px 0 rgba(255,255,255,.06);animation:mmSlideIn .35s cubic-bezier(.22,1,.36,1);overflow:hidden}
+[data-theme="light"] .memory-modal{background:linear-gradient(160deg,#ffffff 0%,#f8f9fc 50%,#ffffff 100%);border-color:rgba(99,102,241,.15);box-shadow:0 32px 100px rgba(0,0,0,.12),0 0 40px rgba(99,102,241,.06)}
+@keyframes mmSlideIn{from{opacity:0;transform:scale(.92) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}
+.memory-modal::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#6366f1,#8b5cf6,#ec4899,#f43f5e,#6366f1);background-size:200% 100%;animation:mmGradientMove 3s linear infinite;border-radius:20px 20px 0 0;z-index:1}
+@keyframes mmGradientMove{0%{background-position:0% 50%}100%{background-position:200% 50%}}
+.memory-modal::after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 20% 0%,rgba(99,102,241,.06) 0%,transparent 60%),radial-gradient(ellipse at 80% 100%,rgba(236,72,153,.04) 0%,transparent 60%);pointer-events:none;border-radius:20px}
+[data-theme="light"] .memory-modal::after{background:radial-gradient(ellipse at 20% 0%,rgba(99,102,241,.04) 0%,transparent 60%),radial-gradient(ellipse at 80% 100%,rgba(236,72,153,.03) 0%,transparent 60%)}
+.memory-modal-title{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:18px 24px 14px;font-size:12px;font-weight:700;color:var(--text-sec);letter-spacing:.06em;text-transform:uppercase}
+.memory-modal-title .mm-tl{display:flex;align-items:center;gap:8px}
+.memory-modal-title .mm-tl-icon{width:28px;height:28px;border-radius:8px;background:linear-gradient(135deg,rgba(99,102,241,.15),rgba(139,92,246,.1));display:flex;align-items:center;justify-content:center;font-size:14px;border:1px solid rgba(99,102,241,.2)}
+[data-theme="light"] .memory-modal-title .mm-tl-icon{background:linear-gradient(135deg,rgba(99,102,241,.1),rgba(139,92,246,.06));border-color:rgba(99,102,241,.12)}
+.memory-modal-title .mm-close{width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:10px;border:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.04);color:var(--text-sec);cursor:pointer;font-size:16px;transition:all .2s}
+.memory-modal-title .mm-close:hover{background:rgba(255,77,77,.12);border-color:rgba(255,77,77,.2);color:#f87171;transform:rotate(90deg)}
+[data-theme="light"] .memory-modal-title .mm-close{border-color:rgba(0,0,0,.06);background:rgba(0,0,0,.03)}
+[data-theme="light"] .memory-modal-title .mm-close:hover{background:rgba(255,77,77,.08);border-color:rgba(255,77,77,.15)}
+.memory-modal-body{position:relative;z-index:2;padding:0;overflow-y:auto;flex:1}
+.mm-hero{padding:0 24px 20px}
+.mm-hero-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:14px}
+.mm-role-chip{display:inline-flex;align-items:center;gap:5px;font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;padding:4px 12px;border-radius:20px;background:linear-gradient(135deg,rgba(99,102,241,.15),rgba(139,92,246,.1));color:#a5b4fc;border:1px solid rgba(99,102,241,.2)}
+.mm-role-chip.user{background:linear-gradient(135deg,rgba(16,185,129,.15),rgba(52,211,153,.1));color:#6ee7b7;border-color:rgba(16,185,129,.2)}
+.mm-role-chip.assistant{background:linear-gradient(135deg,rgba(99,102,241,.15),rgba(139,92,246,.1));color:#a5b4fc;border-color:rgba(99,102,241,.2)}
+.mm-role-chip.system{background:linear-gradient(135deg,rgba(251,191,36,.15),rgba(245,158,11,.1));color:#fcd34d;border-color:rgba(251,191,36,.2)}
+[data-theme="light"] .mm-role-chip{color:#6366f1}
+[data-theme="light"] .mm-role-chip.user{color:#059669}
+[data-theme="light"] .mm-role-chip.assistant{color:#6366f1}
+[data-theme="light"] .mm-role-chip.system{color:#d97706}
+.mm-dedup-chip{display:inline-flex;align-items:center;gap:4px;font-size:10px;font-weight:600;padding:3px 10px;border-radius:20px;text-transform:uppercase;letter-spacing:.04em}
+.mm-dedup-chip.duplicate{background:rgba(239,68,68,.12);color:#fca5a5;border:1px solid rgba(239,68,68,.2)}
+.mm-dedup-chip.merged{background:rgba(251,191,36,.12);color:#fcd34d;border:1px solid rgba(251,191,36,.2)}
+[data-theme="light"] .mm-dedup-chip.duplicate{color:#dc2626}
+[data-theme="light"] .mm-dedup-chip.merged{color:#d97706}
+.mm-id{font-family:'SF Mono',Consolas,'Courier New',monospace;font-size:10px;color:var(--text-muted);background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06);padding:3px 10px;border-radius:20px;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:4px}
+.mm-id::before{content:'\u{1F517}';font-size:9px}
+.mm-id:hover{background:rgba(99,102,241,.12);border-color:rgba(99,102,241,.25);color:var(--text)}
+[data-theme="light"] .mm-id{background:rgba(0,0,0,.03);border-color:rgba(0,0,0,.06)}
+[data-theme="light"] .mm-id:hover{background:rgba(99,102,241,.08);border-color:rgba(99,102,241,.15)}
+.mm-summary{font-size:15px;font-weight:600;color:var(--text);line-height:1.6;letter-spacing:-.01em;padding:16px 20px;background:rgba(255,255,255,.02);border-radius:12px;border:1px solid rgba(255,255,255,.04);position:relative}
+.mm-summary::before{content:'';position:absolute;left:0;top:12px;bottom:12px;width:3px;border-radius:2px;background:linear-gradient(180deg,#6366f1,#8b5cf6)}
+[data-theme="light"] .mm-summary{background:rgba(99,102,241,.02);border-color:rgba(99,102,241,.06)}
+.mm-section{padding:0 24px 16px}
+.mm-section-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:8px;display:flex;align-items:center;gap:6px}
+.mm-section-label::before{content:'';width:6px;height:6px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#8b5cf6);flex-shrink:0}
+.mm-content{font-family:'SF Mono',Consolas,'Courier New',monospace;font-size:12px;line-height:1.75;color:var(--text);white-space:pre-wrap;word-break:break-all;background:rgba(0,0,0,.3);border-radius:12px;padding:16px 18px;max-height:240px;overflow-y:auto;margin:0;border:1px solid rgba(255,255,255,.04);position:relative}
+[data-theme="light"] .mm-content{background:rgba(0,0,0,.03);border-color:rgba(0,0,0,.06)}
+.mm-meta{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:8px;padding:16px 24px;border-top:1px solid rgba(255,255,255,.04);background:rgba(0,0,0,.1)}
+[data-theme="light"] .mm-meta{border-top-color:rgba(0,0,0,.04);background:rgba(0,0,0,.015)}
+.mm-meta-chip{display:flex;flex-direction:column;gap:3px;font-size:11px;color:var(--text-sec);background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.04);padding:10px 12px;border-radius:10px;transition:all .2s}
+.mm-meta-chip:hover{background:rgba(255,255,255,.06);border-color:rgba(99,102,241,.15)}
+[data-theme="light"] .mm-meta-chip{background:rgba(0,0,0,.02);border-color:rgba(0,0,0,.04)}
+[data-theme="light"] .mm-meta-chip:hover{background:rgba(99,102,241,.04);border-color:rgba(99,102,241,.1)}
+.mm-meta-chip strong{color:var(--text-muted);font-weight:600;font-size:9px;text-transform:uppercase;letter-spacing:.06em}
+.mm-meta-chip span{color:var(--text);font-weight:500;font-size:12px;word-break:break-all}
+.mm-dedup{padding:0 24px 16px}
+.mm-dedup-box{background:linear-gradient(135deg,rgba(251,191,36,.06),rgba(245,158,11,.03));border:1px solid rgba(251,191,36,.12);border-radius:12px;padding:14px 16px;font-size:12px;color:var(--text-sec);line-height:1.6;display:flex;align-items:flex-start;gap:8px}
+.mm-dedup-box::before{content:'\u26A0\uFE0F';flex-shrink:0;font-size:14px}
+.mm-footer{padding:12px 24px 16px;display:flex;align-items:center;justify-content:center}
+.mm-footer .dedup-target-link{font-size:11px;color:#818cf8;cursor:pointer;padding:6px 16px;border-radius:8px;border:1px solid rgba(99,102,241,.2);background:rgba(99,102,241,.06);transition:all .2s;font-weight:500}
+.mm-footer .dedup-target-link:hover{background:rgba(99,102,241,.12);border-color:rgba(99,102,241,.3)}
 [data-theme="light"] .merge-history{background:rgba(0,0,0,.04)}
 [data-theme="light"] .merge-history-item{border-bottom-color:rgba(0,0,0,.06)}
 .card-merged-info{margin-top:8px;padding:8px 12px;background:rgba(16,185,129,.06);border:1px dashed rgba(16,185,129,.2);border-radius:8px;font-size:12px;line-height:1.6;color:var(--text-sec)}
@@ -739,8 +794,8 @@ input,textarea,select{font-family:inherit;font-size:inherit}
 .test-result.ok{color:#22c55e}
 .test-result.fail{color:var(--rose)}
 .test-result.loading{color:var(--text-muted)}
-.settings-actions{display:flex;gap:12px;justify-content:flex-end;align-items:center;margin-top:16px;padding-top:16px;border-top:1px solid var(--border)}
-.settings-actions .btn{min-width:110px;padding:10px 20px;font-size:13px}
+.settings-actions{display:flex;gap:12px;justify-content:flex-end;align-items:center;margin-top:20px;padding-top:16px;border-top:1px solid var(--border);flex-wrap:nowrap}
+.settings-actions .btn{flex:0 0 auto;min-width:0;padding:8px 24px;font-size:13px}
 .settings-actions .btn-primary{background:rgba(99,102,241,.08);color:var(--pri);border:1px solid rgba(99,102,241,.25);font-weight:600}
 .settings-actions .btn-primary:hover{background:rgba(99,102,241,.14);border-color:var(--pri)}
 [data-theme="light"] .settings-actions .btn-primary{background:rgba(79,70,229,.06);color:#4f46e5;border:1px solid rgba(79,70,229,.2)}
@@ -806,18 +861,20 @@ input,textarea,select{font-family:inherit;font-size:inherit}
 .analytics-section::before{display:none}
 .analytics-section h3{font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:16px;display:flex;align-items:center;gap:8px}
 .analytics-section h3 .icon{font-size:14px;opacity:.6}
-.chart-bars{display:flex;align-items:flex-end;gap:4px;padding:8px 0;overflow-x:auto;justify-content:center}
-.chart-bar-wrap{flex:1;min-width:28px;max-width:80px;display:flex;flex-direction:column;align-items:center;gap:4px;position:relative}
-.chart-bar-col{width:100%;height:160px;display:flex;flex-direction:column;justify-content:flex-end;align-items:stretch}
-.chart-bar-wrap:hover .chart-bar{opacity:1}
+.chart-bars{display:flex;align-items:flex-end;gap:1px;padding:12px 4px 4px;min-height:200px;position:relative;width:100%}
+.chart-bars::before{content:'';position:absolute;left:0;right:0;bottom:24px;height:1px;background:var(--border);opacity:.4}
+.chart-bar-wrap{flex:1 1 0;min-width:0;max-width:32px;display:flex;flex-direction:column;align-items:center;gap:4px;position:relative;cursor:pointer}
+.chart-bar-col{width:100%;height:160px;display:flex;flex-direction:column;justify-content:flex-end;align-items:center}
+.chart-bar-wrap:hover .chart-bar{opacity:1;filter:brightness(1.2);transform:scaleY(1.02);transform-origin:bottom}
 .chart-bar-wrap:hover .chart-bar-label{color:var(--text)}
 .chart-bar-wrap:hover .chart-tip{opacity:1;transform:translateX(-50%) translateY(0)}
-.chart-tip{position:absolute;top:-6px;left:50%;transform:translateX(-50%) translateY(4px);background:var(--bg-card);border:1px solid var(--border-glow);color:var(--text);padding:2px 8px;border-radius:6px;font-size:10px;font-weight:600;white-space:nowrap;z-index:5;pointer-events:none;box-shadow:var(--shadow);opacity:0;transition:all .15s ease}
-.chart-bar{width:100%;border-radius:3px 3px 1px 1px;background:#818cf8;opacity:.75;transition:all .2s ease}
-.chart-bar.violet{background:#6366f1}
-.chart-bar.green{background:var(--green)}
-.chart-bar.zero{background:var(--border);opacity:.3;border-radius:2px}
-.chart-bar-label{font-size:9px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;text-align:center;transition:color .15s}
+.chart-tip{position:absolute;top:-8px;left:50%;transform:translateX(-50%) translateY(6px);background:rgba(15,18,25,.95);border:1px solid rgba(99,102,241,.3);color:#e8eaed;padding:3px 10px;border-radius:8px;font-size:10px;font-weight:600;white-space:nowrap;z-index:5;pointer-events:none;box-shadow:0 4px 16px rgba(0,0,0,.3);opacity:0;transition:all .2s cubic-bezier(.22,1,.36,1)}
+[data-theme="light"] .chart-tip{background:rgba(17,24,39,.9)}
+.chart-bar{width:100%;max-width:20px;min-width:4px;border-radius:3px 3px 1px 1px;background:linear-gradient(180deg,#818cf8 0%,#6366f1 100%);opacity:.85;transition:all .25s cubic-bezier(.22,1,.36,1);box-shadow:0 1px 4px rgba(99,102,241,.12)}
+.chart-bar.violet{background:linear-gradient(180deg,#8b5cf6 0%,#6366f1 100%)}
+.chart-bar.green{background:linear-gradient(180deg,#34d399 0%,#10b981 100%);box-shadow:0 1px 4px rgba(16,185,129,.12)}
+.chart-bar.zero{width:100%;max-width:20px;min-width:4px;height:2px!important;background:var(--border);opacity:.25;border-radius:1px;box-shadow:none}
+.chart-bar-label{font-size:8px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:40px;text-align:center;transition:color .15s;letter-spacing:0}
 .chart-legend{display:flex;gap:14px;margin-top:12px;flex-wrap:wrap;font-size:11px;color:var(--text-sec);font-weight:500}
 .chart-legend span{display:inline-flex;align-items:center;gap:5px}
 .chart-legend .dot{width:8px;height:8px;border-radius:2px}
@@ -871,7 +928,7 @@ input,textarea,select{font-family:inherit;font-size:inherit}
 [data-theme="light"] .auth-theme-toggle .theme-icon-dark{display:none}
 @media(max-width:1100px){.analytics-cards{grid-template-columns:repeat(3,1fr)}}
-@media(max-width:900px){.main-content{flex-direction:column;padding:20px}.sidebar{width:100%}.sidebar .stats-grid{grid-template-columns:repeat(4,1fr)}.analytics-cards{grid-template-columns:repeat(2,1fr)}.topbar{padding:0 16px;gap:8px}.topbar .brand span{display:none}.topbar-center{justify-content:flex-start}}
+@media(max-width:900px){.main-content{flex-direction:column;padding:20px}.sidebar{width:100%}.sidebar .stats-grid{grid-template-columns:repeat(4,1fr)}.analytics-cards{grid-template-columns:repeat(2,1fr)}.topbar{padding:0 16px;gap:8px}.topbar .brand .brand-title{display:none}.topbar .brand .brand-powered{display:none}.topbar-center{justify-content:flex-start}}
 </style>
 </head>
 <body>
@@ -883,7 +940,9 @@ input,textarea,select{font-family:inherit;font-size:inherit}
     <button class="auth-theme-toggle" onclick="toggleLang()" aria-label="Switch language"><span data-i18n="lang.switch">EN</span></button>
   </div>
   <div class="auth-card">
-    <div class="logo"><svg width="60" height="60" viewBox="0 0 120 120" fill="none" xmlns="http://www.w3.org/2000/svg"><defs><linearGradient id="aLG" x1="0%" y1="0%" x2="100%" y2="100%"><stop offset="0%" stop-color="#ff4d4d"/><stop offset="100%" stop-color="#991b1b"/></linearGradient></defs><path d="M60 10C30 10 15 35 15 55C15 75 30 95 45 100L45 110L55 110L55 100C55 100 60 102 65 100L65 110L75 110L75 100C90 95 105 75 105 55C105 35 90 10 60 10Z" fill="url(#aLG)"/><path d="M20 45C5 40 0 50 5 60C10 70 20 65 25 55C28 48 25 45 20 45Z" fill="url(#aLG)"/><path d="M100 45C115 40 120 50 115 60C110 70 100 65 95 55C92 48 95 45 100 45Z" fill="url(#aLG)"/><path d="M45 15Q35 5 30 8" stroke="#ff4d4d" stroke-width="2" stroke-linecap="round"/><path d="M75 15Q85 5 90 8" stroke="#ff4d4d" stroke-width="2" stroke-linecap="round"/><circle cx="45" cy="35" r="6" fill="#050810"/><circle cx="75" cy="35" r="6" fill="#050810"/><circle cx="46" cy="34" r="2" fill="#00e5cc"/><circle cx="76" cy="34" r="2" fill="#00e5cc"/></svg></div>
+    <div class="logo" style="display:flex;flex-direction:column;align-items:center;gap:10px">
+      <svg width="56" height="56" viewBox="0 0 120 120" fill="none" xmlns="http://www.w3.org/2000/svg"><defs><linearGradient id="aLG" x1="0%" y1="0%" x2="100%" y2="100%"><stop offset="0%" stop-color="#ff4d4d"/><stop offset="100%" stop-color="#991b1b"/></linearGradient></defs><path d="M60 10C30 10 15 35 15 55C15 75 30 95 45 100L45 110L55 110L55 100C55 100 60 102 65 100L65 110L75 110L75 100C90 95 105 75 105 55C105 35 90 10 60 10Z" fill="url(#aLG)"/><path d="M20 45C5 40 0 50 5 60C10 70 20 65 25 55C28 48 25 45 20 45Z" fill="url(#aLG)"/><path d="M100 45C115 40 120 50 115 60C110 70 100 65 95 55C92 48 95 45 100 45Z" fill="url(#aLG)"/><path d="M45 15Q35 5 30 8" stroke="#ff4d4d" stroke-width="2" stroke-linecap="round"/><path d="M75 15Q85 5 90 8" stroke="#ff4d4d" stroke-width="2" stroke-linecap="round"/><circle cx="45" cy="35" r="6" fill="#050810"/><circle cx="75" cy="35" r="6" fill="#050810"/><circle cx="46" cy="34" r="2" fill="#00e5cc"/><circle cx="76" cy="34" r="2" fill="#00e5cc"/></svg>
+    </div>
     <h1 data-i18n="title">OpenClaw Memory</h1>
     <p style="font-size:12px;color:var(--text-sec);margin-bottom:6px" data-i18n="subtitle">Powered by MemOS</p>
     <p data-i18n="setup.desc">Set a password to protect your memories</p>
@@ -901,7 +960,9 @@ input,textarea,select{font-family:inherit;font-size:inherit}
     <button class="auth-theme-toggle" onclick="toggleLang()" aria-label="Switch language"><span data-i18n="lang.switch">EN</span></button>
   </div>
   <div class="auth-card">
-    <div class="logo"><svg width="60" height="60" viewBox="0 0 120 120" fill="none" xmlns="http://www.w3.org/2000/svg"><defs><linearGradient id="bLG" x1="0%" y1="0%" x2="100%" y2="100%"><stop offset="0%" stop-color="#ff4d4d"/><stop offset="100%" stop-color="#991b1b"/></linearGradient></defs><path d="M60 10C30 10 15 35 15 55C15 75 30 95 45 100L45 110L55 110L55 100C55 100 60 102 65 100L65 110L75 110L75 100C90 95 105 75 105 55C105 35 90 10 60 10Z" fill="url(#bLG)"/><path d="M20 45C5 40 0 50 5 60C10 70 20 65 25 55C28 48 25 45 20 45Z" fill="url(#bLG)"/><path d="M100 45C115 40 120 50 115 60C110 70 100 65 95 55C92 48 95 45 100 45Z" fill="url(#bLG)"/><path d="M45 15Q35 5 30 8" stroke="#ff4d4d" stroke-width="2" stroke-linecap="round"/><path d="M75 15Q85 5 90 8" stroke="#ff4d4d" stroke-width="2" stroke-linecap="round"/><circle cx="45" cy="35" r="6" fill="#050810"/><circle cx="75" cy="35" r="6" fill="#050810"/><circle cx="46" cy="34" r="2" fill="#00e5cc"/><circle cx="76" cy="34" r="2" fill="#00e5cc"/></svg></div>
+    <div class="logo" style="display:flex;flex-direction:column;align-items:center;gap:10px">
+      <svg width="56" height="56" viewBox="0 0 120 120" fill="none" xmlns="http://www.w3.org/2000/svg"><defs><linearGradient id="bLG" x1="0%" y1="0%" x2="100%" y2="100%"><stop offset="0%" stop-color="#ff4d4d"/><stop offset="100%" stop-color="#991b1b"/></linearGradient></defs><path d="M60 10C30 10 15 35 15 55C15 75 30 95 45 100L45 110L55 110L55 100C55 100 60 102 65 100L65 110L75 110L75 100C90 95 105 75 105 55C105 35 90 10 60 10Z" fill="url(#bLG)"/><path d="M20 45C5 40 0 50 5 60C10 70 20 65 25 55C28 48 25 45 20 45Z" fill="url(#bLG)"/><path d="M100 45C115 40 120 50 115 60C110 70 100 65 95 55C92 48 95 45 100 45Z" fill="url(#bLG)"/><path d="M45 15Q35 5 30 8" stroke="#ff4d4d" stroke-width="2" stroke-linecap="round"/><path d="M75 15Q85 5 90 8" stroke="#ff4d4d" stroke-width="2" stroke-linecap="round"/><circle cx="45" cy="35" r="6" fill="#050810"/><circle cx="75" cy="35" r="6" fill="#050810"/><circle cx="46" cy="34" r="2" fill="#00e5cc"/><circle cx="76" cy="34" r="2" fill="#00e5cc"/></svg>
+    </div>
     <h1 data-i18n="title">OpenClaw Memory</h1>
     <p style="font-size:12px;color:var(--text-sec);margin-bottom:6px" data-i18n="subtitle">Powered by MemOS</p>
     <p data-i18n="login.desc">Enter your password to access memories</p>
@@ -953,8 +1014,8 @@ input,textarea,select{font-family:inherit;font-size:inherit}
 <div class="app" id="app">
   <div class="topbar">
     <div class="brand">
-      <div class="icon"><svg width="24" height="24" viewBox="0 0 120 120" fill="none" xmlns="http://www.w3.org/2000/svg" style="filter:drop-shadow(0 0 8px rgba(255,77,77,.3))"><defs><linearGradient id="tLG" x1="0%" y1="0%" x2="100%" y2="100%"><stop offset="0%" stop-color="#ff4d4d"/><stop offset="100%" stop-color="#991b1b"/></linearGradient></defs><path d="M60 10C30 10 15 35 15 55C15 75 30 95 45 100L45 110L55 110L55 100C55 100 60 102 65 100L65 110L75 110L75 100C90 95 105 75 105 55C105 35 90 10 60 10Z" fill="url(#tLG)"/><path d="M20 45C5 40 0 50 5 60C10 70 20 65 25 55C28 48 25 45 20 45Z" fill="url(#tLG)"/><path d="M100 45C115 40 120 50 115 60C110 70 100 65 95 55C92 48 95 45 100 45Z" fill="url(#tLG)"/><path d="M45 15Q35 5 30 8" stroke="#ff4d4d" stroke-width="2" stroke-linecap="round"/><path d="M75 15Q85 5 90 8" stroke="#ff4d4d" stroke-width="2" stroke-linecap="round"/><circle cx="45" cy="35" r="6" fill="#050810"/><circle cx="75" cy="35" r="6" fill="#050810"/><circle cx="46" cy="34" r="2" fill="#00e5cc"/><circle cx="76" cy="34" r="2" fill="#00e5cc"/></svg></div>
-      <span data-i18n="title">OpenClaw Memory</span>${vBadge}
+      <span class="memos-logo"><svg width="28" height="28" viewBox="0 0 120 120" fill="none" xmlns="http://www.w3.org/2000/svg"><defs><linearGradient id="topLG" x1="0%" y1="0%" x2="100%" y2="100%"><stop offset="0%" stop-color="#ff4d4d"/><stop offset="100%" stop-color="#991b1b"/></linearGradient></defs><path d="M60 10C30 10 15 35 15 55C15 75 30 95 45 100L45 110L55 110L55 100C55 100 60 102 65 100L65 110L75 110L75 100C90 95 105 75 105 55C105 35 90 10 60 10Z" fill="url(#topLG)"/><path d="M20 45C5 40 0 50 5 60C10 70 20 65 25 55C28 48 25 45 20 45Z" fill="url(#topLG)"/><path d="M100 45C115 40 120 50 115 60C110 70 100 65 95 55C92 48 95 45 100 45Z" fill="url(#topLG)"/><path d="M45 15Q35 5 30 8" stroke="#ff4d4d" stroke-width="2" stroke-linecap="round"/><path d="M75 15Q85 5 90 8" stroke="#ff4d4d" stroke-width="2" stroke-linecap="round"/><circle cx="45" cy="35" r="6" fill="#050810"/><circle cx="75" cy="35" r="6" fill="#050810"/><circle cx="46" cy="34" r="2" fill="#00e5cc"/><circle cx="76" cy="34" r="2" fill="#00e5cc"/></svg></span>
+      <div class="brand-col"><span data-i18n="title" class="brand-title">MemOS</span><span data-i18n="subtitle" class="brand-powered">Powered by MemOS</span></div>${vBadge}
     </div>
     <div class="topbar-center">
       <nav class="nav-tabs">
@@ -1006,9 +1067,8 @@ input,textarea,select{font-family:inherit;font-size:inherit}
           <option value="public" data-i18n="filter.public">Public</option>
         </select>
         <select id="memorySearchScope" class="filter-select" onchange="onMemoryScopeChange()">
-          <option value="local">Local</option>
-          <option value="group">Group</option>
-          <option value="all">All</option>
+          <option value="local" data-i18n="scope.local">Local</option>
+          <option value="all" data-i18n="scope.hub">Hub</option>
         </select>
       </div>
       <div class="search-meta" id="searchMeta"></div>
@@ -1051,9 +1111,8 @@ input,textarea,select{font-family:inherit;font-size:inherit}
           <button class="filter-chip" data-task-status="completed" onclick="setTaskStatusFilter(this,'completed')" data-i18n="tasks.status.completed">Completed</button>
           <button class="filter-chip" data-task-status="skipped" onclick="setTaskStatusFilter(this,'skipped')" data-i18n="tasks.status.skipped">Skipped</button>
           <select id="taskSearchScope" class="scope-select" onchange="onTaskScopeChange()">
-            <option value="local">Local</option>
-            <option value="group">Group</option>
-            <option value="all">All</option>
+            <option value="local" data-i18n="scope.local">Local</option>
+            <option value="all" data-i18n="scope.hub">Hub</option>
           </select>
           <button class="btn btn-sm btn-ghost" onclick="loadTasks()" style="margin-left:auto" data-i18n="refresh">\u21BB Refresh</button>
         </div>
@@ -1095,8 +1154,7 @@ input,textarea,select{font-family:inherit;font-size:inherit}
         <input type="text" id="skillSearchInput" placeholder="Search skills..." data-i18n-ph="skills.search.placeholder" oninput="debounceSkillSearch()">
         <select id="skillSearchScope" class="scope-select" onchange="onSkillScopeChange()">
           <option value="local" data-i18n="scope.local">Local</option>
-          <option value="group" data-i18n="scope.group">Group</option>
-          <option value="all" data-i18n="scope.all">All</option>
+          <option value="all" data-i18n="scope.hub">Hub</option>
         </select>
       </div>
       <div class="search-meta" id="skillSearchMeta"></div>
@@ -1411,16 +1469,11 @@ input,textarea,select{font-family:inherit;font-size:inherit}
                   <button class="btn btn-sm" id="btnRoleHub" onclick="selectSharingRole('hub')" data-i18n="settings.hub.role.hub">Hub (Server)</button>
                   <button class="btn btn-sm" id="btnRoleClient" onclick="selectSharingRole('client')" data-i18n="settings.hub.role.client">Client (Connect to Hub)</button>
                 </div>
-                <div class="field-hint" style="margin-top:6px" data-i18n="settings.hub.role.hint">Hub: this device runs the central server. Client: connect to an existing Hub.</div>
+                <div class="field-hint" style="margin-top:6px" data-i18n="settings.hub.role.hint">Hub: this device runs the central server. Client: connect to an existing Hub. The two modes are mutually exclusive.</div>
               </div>
               <div id="hubModeConfig" style="display:none">
-                <div style="background:rgba(52,199,89,.08);border:1px solid rgba(52,199,89,.2);border-radius:10px;padding:14px 18px;margin-bottom:14px;font-size:12px;line-height:1.7;color:var(--text-sec)">
-                  <div style="font-weight:700;color:var(--text);margin-bottom:4px" data-i18n="settings.hub.hubSteps.title">Quick Setup (3 steps)</div>
-                  <div><span style="color:var(--accent)">1.</span> <span data-i18n="settings.hub.hubSteps.s1">Fill in Team Name below (or keep default)</span></div>
-                  <div><span style="color:var(--accent)">2.</span> <span data-i18n="settings.hub.hubSteps.s2">Click "Save Settings", then restart OpenClaw gateway</span></div>
-                  <div><span style="color:var(--accent)">3.</span> <span data-i18n="settings.hub.hubSteps.s3">Share the Hub Address and Team Token below with your team members</span></div>
-                </div>
+                <input type="hidden" id="cfgHubTeamToken" value="">
                 <div class="settings-grid">
                   <div class="settings-field">
                     <label data-i18n="settings.hub.port">Hub Port</label>
@@ -1432,15 +1485,13 @@ input,textarea,select{font-family:inherit;font-size:inherit}
                     <input type="text" id="cfgHubTeamName" placeholder="My Team">
                     <div class="field-hint" data-i18n="settings.hub.teamName.hint">Your team display name</div>
                   </div>
-                  <div class="settings-field full-width">
-                    <label data-i18n="settings.hub.teamToken">Team Token</label>
-                    <input type="text" id="cfgHubTeamToken" readonly style="background:var(--bg);cursor:pointer" onclick="this.select();document.execCommand('copy');toast(t('settings.hub.tokenCopied'),'success')">
-                    <div class="field-hint" data-i18n="settings.hub.teamToken.hint">Auto-generated secret for clients to join. Click to copy. Share this with your team members.</div>
-                  </div>
                 </div>
-                <div id="hubShareInfo" class="hub-info-card hic-share" style="display:none;margin-top:14px">
-                  <div class="hic-title"><span class="hic-icon">\u{1F4CB}</span> <span data-i18n="settings.hub.shareInfo.title">Share this info with your team members:</span></div>
-                  <div id="hubShareInfoContent" class="hic-grid"></div>
+                <div id="hubShareInfo" style="display:none;margin-top:14px;background:var(--bg);border:1px solid var(--border);border-radius:10px;padding:14px 18px">
+                  <div style="font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:10px" data-i18n="settings.hub.shareInfo.title">Share this info with your team members:</div>
+                  <div id="hubShareInfoContent" style="display:grid;grid-template-columns:auto 1fr;gap:6px 12px;font-size:12px;align-items:center"></div>
+                </div>
+                <div style="margin-top:16px;display:flex;align-items:center;gap:12px">
+                  <button class="btn btn-sm btn-primary" onclick="switchView('admin')" id="hubAdminEntryBtn" style="display:none" data-i18n="sharing.openAdmin">\u{1F6E1} Open Admin Panel</button>
                 </div>
               </div>
@@ -1462,11 +1513,7 @@ input,textarea,select{font-family:inherit;font-size:inherit}
                     <input type="text" id="cfgClientTeamToken" placeholder="">
                     <div class="field-hint" data-i18n="settings.hub.teamTokenClient.hint">Get this from your Hub admin to join the team</div>
                   </div>
-                  <div class="settings-field">
-                    <label data-i18n="settings.hub.userToken">User Token</label>
-                    <input type="text" id="cfgClientUserToken" placeholder="">
-                    <div class="field-hint" data-i18n="settings.hub.userToken.hint">Usually auto-obtained after joining. Leave blank in most cases.</div>
-                  </div>
+                  <input type="hidden" id="cfgClientUserToken" value="">
                 </div>
                 <div style="margin-top:12px">
                   <button class="btn btn-sm btn-primary" id="btnTestHubConn" onclick="testHubConnection()" data-i18n="settings.hub.testConnection">Test Connection</button>
@@ -1535,13 +1582,11 @@ input,textarea,select{font-family:inherit;font-size:inherit}
       </div>
       <div class="admin-tabs" id="adminTabsBar">
         <button class="admin-tab active" onclick="switchAdminTab('users',this)"><span class="at-icon">\u{1F465}</span> <span data-i18n="admin.tab.users">Users</span> <span class="at-count" id="adminTabCountUsers">0</span></button>
-        <button class="admin-tab" onclick="switchAdminTab('groups',this)"><span class="at-icon">\u{1F4C2}</span> <span data-i18n="admin.tab.groups">Groups</span> <span class="at-count" id="adminTabCountGroups">0</span></button>
         <button class="admin-tab" onclick="switchAdminTab('sharedMemories',this)"><span class="at-icon">\u{1F4AD}</span> <span data-i18n="admin.tab.sharedMemories">Shared Memories</span> <span class="at-count" id="adminTabCountMemories">0</span></button>
         <button class="admin-tab" onclick="switchAdminTab('memories',this)"><span class="at-icon">\u{1F4CB}</span> <span data-i18n="admin.tab.memories">Shared Tasks</span> <span class="at-count" id="adminTabCountTasks">0</span></button>
         <button class="admin-tab" onclick="switchAdminTab('skills',this)"><span class="at-icon">\u{1F9E0}</span> <span data-i18n="admin.tab.skills">Shared Skills</span> <span class="at-count" id="adminTabCountSkills">0</span></button>
       </div>
       <div class="admin-panel active" id="adminUsersPanel"></div>
-      <div class="admin-panel" id="adminGroupsPanel"></div>
       <div class="admin-panel" id="adminSharedMemoriesPanel"></div>
       <div class="admin-panel" id="adminMemoriesPanel"></div>
       <div class="admin-panel" id="adminSkillsPanel"></div>
@@ -1746,7 +1791,7 @@ let _embeddingWarningShown=false;
 /* ─── i18n ─── */
 const I18N={
   en:{
-    'title':'OpenClaw Memory',
+    'title':'MemOS',
     'subtitle':'Powered by MemOS',
     'setup.desc':'Set a password to protect your memories',
     'setup.pw':'Enter a password (4+ characters)',
@@ -2066,7 +2111,7 @@ const I18N={
     'settings.hub.role':'Role',
     'settings.hub.role.hub':'Hub (Server)',
     'settings.hub.role.client':'Client (Connect to Hub)',
-    'settings.hub.role.hint':'Hub = run the server; Client = connect to one.',
+    'settings.hub.role.hint':'Hub = run the server; Client = connect to one. These two modes are mutually exclusive.',
     'settings.hub.port':'Hub Port',
     'settings.hub.port.hint':'Port for Hub service. Default: 18800',
     'settings.hub.teamName':'Team Name',
@@ -2103,13 +2148,31 @@ const I18N={
     'sidebar.hub':'\u{1F310} Team Sharing',
     'sharing.sidebar.connected':'Connected',
     'sharing.sidebar.disconnected':'Disconnected',
+    'sharing.sidebar.pending':'Pending Approval',
+    'sharing.sidebar.rejected':'Rejected',
     'sharing.sidebar.starting':'Starting...',
     'sharing.sidebar.notConfigured':'Not configured',
     'sharing.sidebar.identity':'Identity:',
     'sharing.sidebar.admin':'Admin',
     'sharing.sidebar.targetHub':'Target Hub:',
+    'sharing.pendingApproval.hint':'Your join request has been submitted. Please wait for the Hub admin to approve.',
+    'sharing.rejected.hint':'Your join request was rejected by the Hub admin. Please contact the admin or retry.',
+    'sharing.retryJoin':'Retry Join',
+    'sharing.retryJoin.hint':'Clears local data and re-submits the join request',
+    'sharing.retryJoin.confirm':'This will clear your current connection and re-submit a join request. Continue?',
+    'sharing.retryJoin.success':'Join request re-submitted. Waiting for admin approval.',
+    'sharing.retryJoin.fail':'Failed to retry join',
+    'sharing.cannotJoinSelf':'Cannot join your own Hub. Please enter a remote Hub address.',
+    'scope.hub':'Hub',
+    'memory.detail.title':'Memory Detail',
+    'memory.detail.loading':'Loading...',
+    'memory.detail.notFound':'Memory not found',
+    'memory.detail.copyId':'Click to copy ID',
+    'memory.detail.created':'Created ',
+    'memory.detail.updated':'Updated ',
+    'memory.detail.viewTarget':'View target: ',
     'admin.title':'Hub Admin Panel',
-    'admin.subtitle':'Manage team members, groups, and shared resources',
+    'admin.subtitle':'Manage team members and shared resources',
     'admin.refresh':'\u21BB Refresh',
     'admin.tab.users':'Users',
     'admin.tab.groups':'Groups',
@@ -2155,6 +2218,7 @@ const I18N={
     'admin.membersCount':'Members ({n}):',
     'admin.noMembersYet':'No members yet.',
     'admin.loadFailed':'Failed to load admin data: ',
+    'admin.noPermission':'You do not have admin permissions to access this panel.',
     'admin.groupsFailed':'Failed to load groups: ',
     'toast.userApproved':'User approved',
     'toast.userRejected':'User rejected',
@@ -2283,7 +2347,7 @@ const I18N={
     'update.dismiss':'Dismiss'
   },
   zh:{
-    'title':'OpenClaw 记忆',
+    'title':'MemOS 记忆',
     'subtitle':'由 MemOS 驱动',
     'setup.desc':'设置密码以保护你的记忆数据',
     'setup.pw':'输入密码（至少4位）',
@@ -2603,7 +2667,7 @@ const I18N={
     'settings.hub.role':'角色',
     'settings.hub.role.hub':'Hub（服务端）',
     'settings.hub.role.client':'Client（连接到 Hub）',
-    'settings.hub.role.hint':'Hub = 本机做服务端；Client = 连接别人的服务端。',
+    'settings.hub.role.hint':'Hub = 本机做服务端；Client = 连接别人的服务端。两种模式互斥，不能同时使用。',
     'settings.hub.port':'Hub 端口',
     'settings.hub.port.hint':'Hub 服务端口，默认 18800',
     'settings.hub.teamName':'团队名称',
@@ -2640,13 +2704,31 @@ const I18N={
     'sidebar.hub':'\u{1F310} 团队共享',
     'sharing.sidebar.connected':'已连接',
     'sharing.sidebar.disconnected':'已断开',
+    'sharing.sidebar.pending':'等待审核',
+    'sharing.sidebar.rejected':'已拒绝',
     'sharing.sidebar.starting':'启动中...',
     'sharing.sidebar.notConfigured':'未配置',
     'sharing.sidebar.identity':'身份：',
     'sharing.sidebar.admin':'管理员',
     'sharing.sidebar.targetHub':'目标 Hub：',
+    'sharing.pendingApproval.hint':'加入申请已提交，请等待 Hub 管理员审核通过。',
+    'sharing.rejected.hint':'您的加入申请已被 Hub 管理员拒绝，请联系管理员或重新申请。',
+    'sharing.retryJoin':'重新申请',
+    'sharing.retryJoin.hint':'清除本地连接数据并重新提交加入申请',
+    'sharing.retryJoin.confirm':'这将清除当前连接数据并重新提交加入申请，是否继续？',
+    'sharing.retryJoin.success':'加入申请已重新提交，请等待管理员审核。',
+    'sharing.retryJoin.fail':'重新申请失败',
+    'sharing.cannotJoinSelf':'不能加入自己的 Hub，请输入远程 Hub 地址。',
+    'scope.hub':'Hub',
+    'memory.detail.title':'记忆详情',
+    'memory.detail.loading':'加载中...',
+    'memory.detail.notFound':'未找到该记忆',
+    'memory.detail.copyId':'点击复制 ID',
+    'memory.detail.created':'创建于 ',
+    'memory.detail.updated':'更新于 ',
+    'memory.detail.viewTarget':'查看目标: ',
     'admin.title':'Hub 管理面板',
-    'admin.subtitle':'管理团队成员、分组和共享资源',
+    'admin.subtitle':'管理团队成员和共享资源',
     'admin.refresh':'\u21BB 刷新',
     'admin.tab.users':'用户',
     'admin.tab.groups':'分组',
@@ -2692,6 +2774,7 @@ const I18N={
     'admin.membersCount':'成员（{n}）：',
     'admin.noMembersYet':'暂无成员。',
     'admin.loadFailed':'加载管理数据失败：',
+    'admin.noPermission':'您没有管理员权限，无法访问此面板。',
     'admin.groupsFailed':'加载分组失败：',
     'toast.userApproved':'用户已批准',
     'toast.userRejected':'用户已拒绝',
@@ -2935,6 +3018,20 @@ function selectSharingRole(role){
   document.getElementById('btnRoleClient').className='btn btn-sm'+(role==='client'?' btn-primary':'');
   document.getElementById('hubModeConfig').style.display=role==='hub'?'block':'none';
   document.getElementById('clientModeConfig').style.display=role==='client'?'block':'none';
+  var sp=document.getElementById('sharingStatusPanel');
+  var tp=document.getElementById('sharingTeamPanel');
+  var ap=document.getElementById('sharingAdminPanel');
+  if(role==='client'){
+    if(sp) sp.style.display='none';
+    if(tp) tp.style.display='none';
+    if(ap) ap.style.display='none';
+    var adminTab=document.querySelector('.tab[data-view="admin"]');
+    if(adminTab) adminTab.style.display='none';
+  }else{
+    if(sp) sp.style.display='';
+    if(tp) tp.style.display='';
+    if(ap) ap.style.display='';
+  }
   if(role==='hub'){
     var tk=document.getElementById('cfgHubTeamToken');
     if(!tk.value.trim()) tk.value=_genToken(18);
@@ -2947,16 +3044,20 @@ function updateHubShareInfo(){
   var panel=document.getElementById('hubShareInfo');
   var content=document.getElementById('hubShareInfoContent');
   if(!panel||!content) return;
-  var token=document.getElementById('cfgHubTeamToken').value.trim();
+  var tokenEl=document.getElementById('cfgHubTeamToken');
+  var token=tokenEl?tokenEl.value.trim():'';
   var port=document.getElementById('cfgHubPort').value.trim()||'18800';
   if(!token||_sharingRole!=='hub'){panel.style.display='none';return;}
   panel.style.display='block';
+  var cpStyle='cursor:pointer;background:rgba(99,102,241,.06);border:1px solid rgba(99,102,241,.15);border-radius:6px;padding:4px 10px;font-family:var(--mono);font-size:12px;color:var(--text);transition:all .15s;user-select:all';
   var renderShare=function(ip){
     var addr=ip?(ip+':'+esc(port)):('&lt;'+t('settings.hub.shareInfo.yourIP')+'&gt;:'+esc(port));
     var tip=t('settings.hub.shareInfo.clickCopy');
     content.innerHTML=
-      '<span class="hic-label">Hub '+t('settings.hub.hubAddress')+'</span><span class="hic-value mono" onclick="navigator.clipboard.writeText(this.textContent)" title="'+tip+'">'+addr+'</span>'+
-      '<span class="hic-label">Team Token</span><span class="hic-value mono" onclick="navigator.clipboard.writeText(this.textContent)" title="'+tip+'">'+esc(token)+'</span>';
+      '<span style="font-size:11px;color:var(--text-muted);font-weight:500">Hub '+t('settings.hub.hubAddress')+'</span>'+
+      '<span style="'+cpStyle+'" onclick="navigator.clipboard.writeText(this.textContent);toast(&#39;Copied!&#39;,&#39;success&#39;)" title="'+tip+'">'+addr+'</span>'+
+      '<span style="font-size:11px;color:var(--text-muted);font-weight:500">Team Token</span>'+
+      '<span style="'+cpStyle+'" onclick="navigator.clipboard.writeText(this.textContent);toast(&#39;Copied!&#39;,&#39;success&#39;)" title="'+tip+'">'+esc(token)+'</span>';
   };
   if(_cachedLocalIP){renderShare(_cachedLocalIP);return;}
   renderShare('');
@@ -2970,6 +3071,15 @@ async function testHubConnection(){
   var addr=document.getElementById('cfgClientHubAddress').value.trim();
   if(!addr){result.innerHTML='<span style="color:var(--rose)">\u274C '+t('settings.hub.test.noAddr')+'</span>';return;}
   btn.disabled=true;result.innerHTML=t('settings.hub.test.testing');
+  try{
+    var ipsData=await fetch('/api/local-ips').then(function(r){return r.json();});
+    var localAddrs=['127.0.0.1','localhost','0.0.0.0'].concat(ipsData.ips||[]);
+    var parsed=new URL(addr.indexOf('://')>-1?addr:'http://'+addr);
+    if(localAddrs.indexOf(parsed.hostname)>=0){
+      result.innerHTML='<span style="color:var(--rose)">\u274C '+t('sharing.cannotJoinSelf')+'</span>';
+      btn.disabled=false;return;
+    }
+  }catch(e){}
   try{
     var url=addr.match(/^https?:\\/\\//)?addr:'http://'+addr;
     url=url.replace(/\\/+$/,'');
@@ -2978,7 +3088,8 @@ async function testHubConnection(){
     if(d.ok){
       result.innerHTML='<span style="color:var(--green)">\u2705 '+t('settings.hub.test.ok')+(d.teamName?' — '+esc(d.teamName):'')+'</span>';
     }else{
-      result.innerHTML='<span style="color:var(--rose)">\u274C '+(d.error||t('settings.hub.test.fail'))+'</span>';
+      var errMsg=d.error==='cannot_join_self'?t('sharing.cannotJoinSelf'):(d.error||t('settings.hub.test.fail'));
+      result.innerHTML='<span style="color:var(--rose)">\u274C '+errMsg+'</span>';
     }
   }catch(e){
     result.innerHTML='<span style="color:var(--rose)">\u274C '+esc(String(e))+'</span>';
@@ -3087,6 +3198,7 @@ function renderSharingSidebar(data){
   if(!statusEl||!hintEl) return;
   if(!data||!data.enabled){
     if(section) section.style.display='none';
+    window._isHubAdmin=false;
     return;
   }
   if(section) section.style.display='block';
@@ -3095,25 +3207,43 @@ function renderSharingSidebar(data){
     if(!badgeEl)return;
     badgeEl.innerHTML='<span style="display:inline-flex;align-items:center;gap:4px;font-size:10px;font-weight:600;padding:2px 8px;border-radius:9999px;background:'+color+'15;color:'+color+'"><span style="display:inline-block;width:6px;height:6px;border-radius:50%;background:'+color+(glow?';box-shadow:0 0 4px '+color:'')+'"></span>'+esc(text)+'</span>';
   }
-  if(conn.connected&&conn.user){
-    var groups=(conn.user.groups||[]).map(function(g){return g.name;}).join(', ')||'';
+  if(data.role==='hub'){
+    setBadge('#34d399',t('sharing.sidebar.connected'),true);
+    statusEl.innerHTML='';
+    hintEl.textContent='';
+    var adminTab=document.querySelector('.tab[data-view="admin"]');
+    if(adminTab) adminTab.style.display='';
+  }else if(conn.pendingApproval&&conn.user){
+    setBadge('#fbbf24',t('sharing.sidebar.pending'),false);
+    var html='<div class="info-grid">';
+    html+='<span class="label">'+t('sharing.sidebar.identity')+'</span><span class="value">'+esc(conn.user.username)+'</span>';
+    if(conn.teamName) html+='<span class="label">'+t('sharing.team')+'</span><span class="value">'+esc(conn.teamName)+'</span>';
+    html+='</div>';
+    statusEl.innerHTML=html;
+    hintEl.textContent=t('sharing.pendingApproval.hint');
+    var adminTab=document.querySelector('.tab[data-view="admin"]');
+    if(adminTab) adminTab.style.display='none';
+  }else if(conn.rejected&&conn.user){
+    setBadge('#ef4444',t('sharing.sidebar.rejected'),false);
+    var html='<div class="info-grid">';
+    html+='<span class="label">'+t('sharing.sidebar.identity')+'</span><span class="value">'+esc(conn.user.username||'-')+'</span>';
+    if(conn.teamName) html+='<span class="label">'+t('sharing.team')+'</span><span class="value">'+esc(conn.teamName)+'</span>';
+    html+='</div>';
+    statusEl.innerHTML=html;
+    hintEl.textContent=t('sharing.rejected.hint');
+    var adminTab=document.querySelector('.tab[data-view="admin"]');
+    if(adminTab) adminTab.style.display='none';
+  }else if(conn.connected&&conn.user){
     var isAdmin=conn.user.role==='admin';
     setBadge('#34d399',t('sharing.sidebar.connected'),true);
     var html='<div class="info-grid">';
     html+='<span class="label">'+t('sharing.sidebar.identity')+'</span><span class="value">'+esc(conn.user.username)+(isAdmin?' <span class="role-badge admin">'+t('sharing.sidebar.admin')+'</span>':'')+'</span>';
     html+='<span class="label">'+t('sharing.team')+'</span><span class="value">'+esc(conn.teamName||'-')+'</span>';
-    if(groups) html+='<span class="label">'+t('sharing.groups')+'</span><span class="value">'+esc(groups)+'</span>';
     html+='</div>';
     statusEl.innerHTML=html;
     hintEl.innerHTML='';
     var adminTab=document.querySelector('.tab[data-view="admin"]');
     if(adminTab) adminTab.style.display=isAdmin?'':'none';
-  }else if(data.role==='hub'){
-    setBadge('#fbbf24',t('sharing.sidebar.starting'),false);
-    statusEl.innerHTML='';
-    hintEl.textContent=t('sharing.hubMode.hint');
-    var adminTab=document.querySelector('.tab[data-view="admin"]');
-    if(adminTab) adminTab.style.display=(data.admin&&data.admin.canManageUsers)?'':'none';
   }else if(data.clientConfigured){
     setBadge('#ef4444',t('sharing.sidebar.disconnected'),false);
     statusEl.innerHTML='<div style="font-size:11px;color:var(--text-muted)">'+t('sharing.sidebar.targetHub')+' '+esc(data.hubUrl||'')+'</div>';
@@ -3136,49 +3266,75 @@ function renderSharingSettings(data){
   }
   var conn=data.connection||{};
   var user=conn.user||{};
-  var groups=(user.groups||[]).map(function(g){return g.name;}).join(', ')||'-';
-  var connBadge=conn.connected
-    ?'<span class="hic-badge connected"><span class="hic-dot green"></span>'+t('sharing.sidebar.connected')+'</span>'
-    :'<span class="hic-badge disconnected"><span class="hic-dot red"></span>'+t('sharing.sidebar.disconnected')+'</span>';
-  var roleLabel=data.role==='hub'?t('sharing.role.hub'):t('sharing.role.client');
-  var sh='<div class="hub-info-card hic-status"><div class="hic-title"><span class="hic-icon">\u{1F517}</span>'+t('settings.hub.connection')+' '+connBadge+'</div><div class="hic-grid">';
-  sh+='<span class="hic-label">'+t('sharing.mode')+'</span><span class="hic-value">'+roleLabel+'</span>';
-  if(conn.connected&&user.username){
-    sh+='<span class="hic-label">'+t('sharing.user')+'</span><span class="hic-value" style="display:flex;align-items:center;gap:6px">'+
-      '<input type="text" id="hubUsernameInput" value="'+esc(user.username)+'" style="border:1px solid var(--border);border-radius:6px;padding:3px 8px;font-size:12px;background:var(--bg);color:var(--text);width:120px;font-family:inherit" />'+
-      (user.role==='admin'?' <span class="hic-badge admin">admin</span>':'')+
-      '<button class="btn btn-sm" onclick="updateHubUsername()" style="padding:2px 10px;font-size:11px">'+t('sharing.saveUsername')+'</button>'+
-    '</span>';
+  var actualRole=data.role||_sharingRole||'client';
+  if(data.role) _sharingRole=data.role;
+  var isAdmin=(data.admin&&data.admin.canManageUsers)||(conn.connected&&user.role==='admin')||(actualRole==='hub');
+  window._isHubAdmin=isAdmin;
+  var adminTab=document.querySelector('.tab[data-view="admin"]');
+  if(adminTab) adminTab.style.display=isAdmin?'':'none';
+  var hubAdminBtn=document.getElementById('hubAdminEntryBtn');
+  if(actualRole==='hub'){
+    statusEl.innerHTML='';teamEl.innerHTML='';adminEl.innerHTML='';
+    if(hubAdminBtn) hubAdminBtn.style.display=isAdmin?'':'none';
+    return;
   }
-  sh+='</div></div>';
-  statusEl.innerHTML=sh;
-  var th='';
-  if(conn.connected&&conn.user){
-    th='<div class="hub-info-card hic-team"><div class="hic-title"><span class="hic-icon">\u{1F465}</span>'+t('settings.hub.team')+'</div><div class="hic-grid">';
-    th+='<span class="hic-label">'+t('sharing.team')+'</span><span class="hic-value">'+esc(conn.teamName||'-')+'</span>';
-    th+='<span class="hic-label">'+t('sharing.groups')+'</span><span class="hic-value">'+esc(groups)+'</span>';
-    th+='</div>';
-    if(user.role==='admin'){
-      th+='<div class="hic-actions">'+
-        '<button class="btn btn-sm" onclick="loadGroupManager()">'+t('sharing.manageGroups')+'</button>'+
-        '<button class="btn btn-sm btn-primary" onclick="switchView(\\\'admin\\\')">'+t('sharing.openAdmin')+'</button></div>';
+  if(actualRole==='client'){
+    statusEl.style.display='none';teamEl.style.display='none';adminEl.style.display='none';
+    if(adminTab) adminTab.style.display='none';
+    if(hubAdminBtn) hubAdminBtn.style.display='none';
+    var connBadge;
+    if(conn.pendingApproval){
+      connBadge='<span class="hic-badge pending"><span class="hic-dot amber"></span>'+t('sharing.sidebar.pending')+'</span>';
+    }else if(conn.rejected){
+      connBadge='<span class="hic-badge disconnected"><span class="hic-dot red"></span>'+t('sharing.sidebar.rejected')+'</span>';
+    }else if(conn.connected){
+      connBadge='<span class="hic-badge connected"><span class="hic-dot green"></span>'+t('sharing.sidebar.connected')+'</span>';
+    }else{
+      connBadge='<span class="hic-badge disconnected"><span class="hic-dot red"></span>'+t('sharing.sidebar.disconnected')+'</span>';
     }
-    th+='<div id="groupManagerPanel" style="margin-top:12px;display:none"></div></div>';
-  }else if(data.role==='hub'&&!data.clientConfigured){
-    th='<div class="hub-info-card hic-team"><div class="hic-title"><span class="hic-icon">\u{1F465}</span>'+t('settings.hub.team')+'</div>';
-    th+='<div class="hic-empty">'+t('sharing.hubNotConfigured')+'</div></div>';
+    statusEl.style.display='';
+    var sh='<div class="hub-info-card hic-status"><div class="hic-title"><span class="hic-icon">\u{1F517}</span>'+t('settings.hub.connection')+' '+connBadge+'</div><div class="hic-grid">';
+    if(conn.pendingApproval&&user.username){
+      sh+='<span class="hic-label">'+t('sharing.user')+'</span><span class="hic-value">'+esc(user.username)+'</span>';
+      sh+='</div><div class="hic-empty" style="color:#f59e0b">'+t('sharing.pendingApproval.hint')+'</div></div>';
+    }else if(conn.rejected){
+      if(user.username) sh+='<span class="hic-label">'+t('sharing.user')+'</span><span class="hic-value">'+esc(user.username)+'</span>';
+      sh+='</div><div class="hic-empty" style="color:#ef4444">'+t('sharing.rejected.hint')+'</div>'+
+        '<div style="margin-top:10px;padding:0 16px 14px"><button class="btn btn-sm btn-primary" onclick="retryHubJoin()">'+t('sharing.retryJoin')+'</button>'+
+        '<span style="font-size:11px;color:var(--text-muted);margin-left:8px">'+t('sharing.retryJoin.hint')+'</span></div></div>';
+    }else if(conn.connected&&user.username){
+      sh+='<span class="hic-label">'+t('sharing.user')+'</span><span class="hic-value" style="display:flex;align-items:center;gap:6px">'+
+        '<input type="text" id="hubUsernameInput" value="'+esc(user.username)+'" style="border:1px solid var(--border);border-radius:6px;padding:3px 8px;font-size:12px;background:var(--bg);color:var(--text);width:120px;font-family:inherit" />'+
+        '<button class="btn btn-sm" onclick="updateHubUsername()" style="padding:2px 10px;font-size:11px">'+t('sharing.saveUsername')+'</button>'+
+      '</span>';
+      sh+='<span class="hic-label">'+t('sharing.team')+'</span><span class="hic-value">'+esc(conn.teamName||'-')+'</span>';
+      sh+='</div></div>';
+    }else{
+      sh+='</div></div>';
+    }
+    statusEl.innerHTML=sh;
+    teamEl.innerHTML='';adminEl.innerHTML='';
+    return;
   }
-  teamEl.innerHTML=th;
-  var isAdmin=(data.admin&&data.admin.canManageUsers)||(conn.connected&&user.role==='admin')||(data.role==='hub');
-  if(isAdmin){
-    adminEl.innerHTML='<div class="hub-info-card hic-pending"><div class="hic-title"><span class="hic-icon">\u{1F6E1}</span>'+t('settings.hub.adminPending')+' <span class="hic-badge pending"><span class="hic-dot amber"></span>'+t('sharing.adminEnabled')+'</span></div><div class="hic-empty">'+t('sharing.adminPendingHint')+'</div></div>';
-  }else{
-    adminEl.innerHTML='';
-  }
-  var adminTab=document.querySelector('.tab[data-view="admin"]');
-  if(adminTab) adminTab.style.display=isAdmin?'':'none';
+  statusEl.innerHTML='';teamEl.innerHTML='';adminEl.innerHTML='';
+}
+async function retryHubJoin(){
+  if(!confirm(t('sharing.retryJoin.confirm'))) return;
+  try{
+    var r=await fetch('/api/sharing/retry-join',{method:'POST',headers:{'Content-Type':'application/json'}});
+    var d=await r.json();
+    if(d.ok){
+      toast(t('sharing.retryJoin.success'),'success');
+      setTimeout(function(){location.reload();},1500);
+    }else{
+      toast(d.error||t('sharing.retryJoin.fail'),'error');
+    }
+  }catch(e){toast(t('sharing.retryJoin.fail')+': '+e.message,'error');}
 }
 async function updateHubUsername(){
@@ -3212,6 +3368,7 @@ async function updateHubUsername(){
 }
 async function loadSharingPendingUsers(){
+  if(_sharingRole==='client') return;
   var el=document.getElementById('sharingAdminPanel');
   if(!el) return;
   el.innerHTML=t('sharing.loading');
@@ -3419,24 +3576,27 @@ function switchAdminTab(tab,btn){
 }
 async function loadAdminData(){
+  if(!window._isHubAdmin){
+    var statsEl=document.getElementById('adminStats');
+    if(statsEl) statsEl.innerHTML='<div class="admin-empty">'+t('admin.noPermission')+'</div>';
+    return;
+  }
   try{
-    var [usersR,groupsR,tasksR,skillsR,pendingR,memoriesR]=await Promise.all([
+    var [usersR,tasksR,skillsR,pendingR,memoriesR]=await Promise.all([
       fetch('/api/sharing/users').then(function(r){return r.json();}),
-      fetch('/api/sharing/groups').then(function(r){return r.json();}),
       fetch('/api/admin/shared-tasks').then(function(r){return r.json();}),
       fetch('/api/admin/shared-skills').then(function(r){return r.json();}),
       fetch('/api/sharing/pending-users').then(function(r){return r.json();}),
       fetch('/api/admin/shared-memories').then(function(r){return r.json();})
     ]);
     adminDataCache.users=Array.isArray(usersR.users)?usersR.users:[];
-    adminDataCache.groups=Array.isArray(groupsR.groups)?groupsR.groups:[];
+    adminDataCache.groups=[];
     adminDataCache.tasks=Array.isArray(tasksR.tasks)?tasksR.tasks:[];
     adminDataCache.skills=Array.isArray(skillsR.skills)?skillsR.skills:[];
     adminDataCache.memories=Array.isArray(memoriesR.memories)?memoriesR.memories:[];
     var pending=Array.isArray(pendingR.users)?pendingR.users:[];
     renderAdminStats(pending.length);
     renderAdminUsers(adminDataCache.users, pending);
-    renderAdminGroups(adminDataCache.groups);
     renderAdminMemories(adminDataCache.tasks);
     renderAdminSkills(adminDataCache.skills);
     renderAdminSharedMemories(adminDataCache.memories);
@@ -3452,12 +3612,10 @@ function renderAdminStats(pendingCount){
   el.innerHTML=
     '<div class="admin-stat-box"><span class="as-icon">\u{1F465}</span><div class="val">'+adminDataCache.users.length+'</div><div class="lbl">'+t('admin.stat.activeUsers')+'</div></div>'+
     '<div class="admin-stat-box"><span class="as-icon">\u{23F3}</span><div class="val">'+pendingCount+'</div><div class="lbl">'+t('admin.stat.pending')+'</div></div>'+
-    '<div class="admin-stat-box"><span class="as-icon">\u{1F4C2}</span><div class="val">'+adminDataCache.groups.length+'</div><div class="lbl">'+t('admin.stat.groups')+'</div></div>'+
     '<div class="admin-stat-box"><span class="as-icon">\u{1F4CB}</span><div class="val">'+adminDataCache.tasks.length+'</div><div class="lbl">'+t('admin.stat.sharedTasks')+'</div></div>'+
     '<div class="admin-stat-box"><span class="as-icon">\u{1F9E0}</span><div class="val">'+adminDataCache.skills.length+'</div><div class="lbl">'+t('admin.stat.sharedSkills')+'</div></div>'+
     '<div class="admin-stat-box"><span class="as-icon">\u{1F4AD}</span><div class="val">'+(adminDataCache.memories||[]).length+'</div><div class="lbl">'+t('admin.stat.sharedMemories')+'</div></div>';
   var tc=document.getElementById('adminTabCountUsers');if(tc)tc.textContent=adminDataCache.users.length+pendingCount;
-  tc=document.getElementById('adminTabCountGroups');if(tc)tc.textContent=adminDataCache.groups.length;
   tc=document.getElementById('adminTabCountMemories');if(tc)tc.textContent=(adminDataCache.memories||[]).length;
   tc=document.getElementById('adminTabCountTasks');if(tc)tc.textContent=adminDataCache.tasks.length;
   tc=document.getElementById('adminTabCountSkills');if(tc)tc.textContent=adminDataCache.skills.length;
@@ -3620,10 +3778,9 @@ function renderAdminMemories(tasks){
     for(var i=0;i<tasks.length;i++){
       var tk=tasks[i];
       html+='<div class="admin-card" onclick="openHubTaskDetailFromCache(\\\'admin\\\','+i+')" style="cursor:pointer"><div class="admin-card-header"><div class="admin-card-title">'+esc(tk.title||tk.id)+'</div>'+
-        '<span class="admin-badge '+(tk.visibility==='public'?'public':'group')+'">'+esc(tk.visibility||'public')+'</span></div>'+
+        '</div>'+
         '<div class="admin-card-meta">'+
           t('admin.owner')+esc(tk.ownerName||tk.sourceUserId||'unknown')+
-          (tk.groupName?' \u00B7 '+t('admin.group')+esc(tk.groupName):'')+
           (tk.chunkCount!=null?' \u00B7 '+t('admin.chunks')+tk.chunkCount:'')+
           ' \u00B7 '+t('admin.updated')+new Date(tk.updatedAt||tk.createdAt).toLocaleDateString()+
         '</div>'+
@@ -3655,11 +3812,10 @@ function renderAdminSkills(skills){
     for(var i=0;i<skills.length;i++){
       var s=skills[i];
       html+='<div class="admin-card" onclick="openHubSkillDetailFromCache(\\\'admin\\\','+i+')" style="cursor:pointer"><div class="admin-card-header"><div class="admin-card-title">'+esc(s.name||s.id)+'</div>'+
-        '<span class="admin-badge '+(s.visibility==='public'?'public':'group')+'">'+esc(s.visibility||'public')+'</span></div>'+
+        '</div>'+
         '<div class="admin-card-meta">'+
           (s.description?esc(s.description)+'<br>':'')+
           t('admin.owner')+esc(s.ownerName||s.sourceUserId||'unknown')+
-          (s.groupName?' \u00B7 '+t('admin.group')+esc(s.groupName):'')+
           (s.version!=null?' \u00B7 '+t('admin.version')+s.version:'')+
           (s.qualityScore!=null?' \u00B7 '+t('admin.quality')+s.qualityScore:'')+
         '</div>'+
@@ -3691,10 +3847,9 @@ function renderAdminSharedMemories(memories){
     for(var i=0;i<memories.length;i++){
       var m=memories[i];
       html+='<div class="admin-card" onclick="openHubMemoryDetail(\\\'admin\\\','+i+')" style="cursor:pointer"><div class="admin-card-header"><div class="admin-card-title">'+esc(m.summary||m.content?.slice(0,80)||m.id)+'</div>'+
-        '<span class="admin-badge '+(m.visibility==='public'?'public':'group')+'">'+esc(m.visibility||'public')+'</span></div>'+
+        '</div>'+
         '<div class="admin-card-meta">'+
           t('admin.owner')+esc(m.ownerName||m.sourceUserId||'unknown')+
-          (m.groupName?' \u00B7 '+t('admin.group')+esc(m.groupName):'')+
           (m.kind?' \u00B7 Kind: '+esc(m.kind):'')+
           (m.role?' \u00B7 Role: '+esc(m.role):'')+
           ' \u00B7 '+t('admin.updated')+new Date(m.updatedAt||m.createdAt).toLocaleDateString()+
@@ -3883,21 +4038,16 @@ function renderTaskShareActions(task){
   const isShared=!!current;
   var statusHtml='';
   if(isShared){
-    var scopeLabel=current==='group'?'Group':'Public';
-    statusHtml='<span style="display:inline-flex;align-items:center;gap:4px;padding:3px 10px;background:#22c55e22;border:1px solid #22c55e44;border-radius:12px;font-size:12px;color:#22c55e">\u2713 '+t('share.alreadyShared')+' ('+scopeLabel+')</span>';
+    statusHtml='<span style="display:inline-flex;align-items:center;gap:4px;padding:3px 10px;background:#22c55e22;border:1px solid #22c55e44;border-radius:12px;font-size:12px;color:#22c55e">\u2713 '+t('share.alreadyShared')+'</span>';
   }
   el.innerHTML=statusHtml+
-    '<select id="taskShareScope" class="filter-select" style="min-width:120px">'+
-      '<option value="group"'+(current==='group'?' selected':'')+'>Share to Group</option>'+
-      '<option value="public"'+(current==='public'?' selected':'')+'>Share to Public</option>'+
-    '</select>'+
     '<button class="btn btn-sm" onclick="shareCurrentTask()">'+(isShared?t('share.updateBtn'):t('share.shareBtn'))+'</button>'+
     (isShared?'<button class="btn btn-sm btn-ghost" onclick="unshareCurrentTask()">'+t('share.unshareBtn')+'</button>':'');
 }
 async function shareCurrentTask(){
   if(!currentTaskDetail) return;
-  const visibility=document.getElementById('taskShareScope').value||'public';
+  const visibility='public';
   try{
     const r=await fetch('/api/sharing/tasks/share',{method:'POST',headers:{'Content-Type':'application/json'},body:JSON.stringify({taskId:currentTaskDetail.id,visibility:visibility})});
     const d=await r.json();
@@ -3922,21 +4072,16 @@ function renderSkillShareActions(skill){
   const isShared=!!current;
   var statusHtml='';
   if(isShared){
-    var scopeLabel=current==='group'?'Group':'Public';
-    statusHtml='<span style="display:inline-flex;align-items:center;gap:4px;padding:3px 10px;background:#22c55e22;border:1px solid #22c55e44;border-radius:12px;font-size:12px;color:#22c55e">\u2713 '+t('share.alreadyShared')+' ('+scopeLabel+')</span>';
+    statusHtml='<span style="display:inline-flex;align-items:center;gap:4px;padding:3px 10px;background:#22c55e22;border:1px solid #22c55e44;border-radius:12px;font-size:12px;color:#22c55e">\u2713 '+t('share.alreadyShared')+'</span>';
   }
   el.innerHTML=statusHtml+
-    '<select id="skillShareScope" class="filter-select" style="min-width:120px">'+
-      '<option value="group"'+(current==='group'?' selected':'')+'>Share to Group</option>'+
-      '<option value="public"'+(current==='public'?' selected':'')+'>Share to Public</option>'+
-    '</select>'+
     '<button class="btn btn-sm" onclick="shareCurrentSkill()">'+(isShared?t('share.updateBtn'):t('share.shareBtn'))+'</button>'+
     (isShared?'<button class="btn btn-sm btn-ghost" onclick="unshareCurrentSkill()">'+t('share.unshareBtn')+'</button>':'');
 }
 async function shareCurrentSkill(){
   if(!currentSkillDetail) return;
-  const visibility=document.getElementById('skillShareScope').value||'public';
+  const visibility='public';
   try{
     const r=await fetch('/api/sharing/skills/share',{method:'POST',headers:{'Content-Type':'application/json'},body:JSON.stringify({skillId:currentSkillDetail.id,visibility:visibility})});
     const d=await r.json();
@@ -5188,6 +5333,7 @@ async function saveConfig(){
     cfg.sharing.hub={port:hubPort?Number(hubPort):18800};
     if(hubTeamName) cfg.sharing.hub.teamName=hubTeamName;
     if(hubTeamToken) cfg.sharing.hub.teamToken=hubTeamToken;
+    cfg.sharing.client={hubAddress:'',userToken:'',teamToken:''};
   }
   if(sharingEnabled&&_sharingRole==='client'){
     var clientAddr=document.getElementById('cfgClientHubAddress').value.trim();
@@ -5197,6 +5343,17 @@ async function saveConfig(){
     if(clientAddr) cfg.sharing.client.hubAddress=clientAddr;
     if(clientTeamToken) cfg.sharing.client.teamToken=clientTeamToken;
     if(clientUserToken) cfg.sharing.client.userToken=clientUserToken;
+    cfg.sharing.hub={port:18800,teamName:'',teamToken:''};
+    if(clientAddr){
+      try{
+        var ips=await fetch('/api/local-ips').then(function(r){return r.json();});
+        var localAddrs=['127.0.0.1','localhost','0.0.0.0'].concat(ips.ips||[]);
+        var parsed=new URL(clientAddr.indexOf('://')>-1?clientAddr:'http://'+clientAddr);
+        if(localAddrs.indexOf(parsed.hostname)>=0){
+          done();toast(t('sharing.cannotJoinSelf'),'error');return;
+        }
+      }catch(e){}
+    }
   }
   // 1) Embedding model is required
@@ -5374,7 +5531,7 @@ function fillDays(rows,days){
     const row=map.get(dateStr)||{};
     out.push({date:dateStr,count:row.count??0,list:row.list??0,search:row.search??0,total:(row.list??0)+(row.search??0)});
   }
-  if(days>21){
+  if(days>60){
     const weeks=[];let i=0;
     while(i<out.length){
       const chunk=out.slice(i,i+7);
@@ -5392,19 +5549,23 @@ function fillDays(rows,days){
 }
 function renderBars(el,data,valueKey,H){
-  const vals=data.map(d=>d[valueKey]??0);
-  if(vals.every(v=>v===0)){el.innerHTML='<div style="color:var(--text-muted);font-size:13px;padding:20px;text-align:center">'+t('chart.nodata')+'</div>';return;}
-  const max=Math.max(1,...vals);
-  const nonZero=vals.filter(v=>v>0).length;
-  const barStyle=data.length<=7?'min-width:40px;max-width:120px':'';
-  el.innerHTML=data.map(r=>{
-    const v=r[valueKey]??0;
-    const label=r.date.includes('~')?r.date:(r.date.length>5?r.date.slice(5):r.date);
+  var vals=data.map(function(d){return d[valueKey]??0;});
+  if(vals.every(function(v){return v===0;})){el.innerHTML='<div style="color:var(--text-muted);font-size:13px;padding:40px;text-align:center">'+t('chart.nodata')+'</div>';return;}
+  var max=Math.max(1,Math.max.apply(null,vals));
+  var n=data.length;
+  var labelStep=n<=7?1:(n<=14?2:5);
+  el.innerHTML=data.map(function(r,idx){
+    var v=r[valueKey]??0;
+    var rawDate=r.date.includes('~')?r.date:(r.date.length>5?r.date.slice(5):'');
+    var showLabel=(idx%labelStep===0)||(idx===n-1);
+    var label=showLabel?rawDate:'';
+    var tipDate=r.date.length>=10?r.date.slice(5,10):'';
+    var tipText=tipDate?(tipDate+': '+v):(''+v);
     if(v===0){
-      return '<div class="chart-bar-wrap" style="'+barStyle+'"><div class="chart-tip">0</div><div class="chart-bar-col"><div class="chart-bar zero" style="height:2px"></div></div><div class="chart-bar-label">'+label+'</div></div>';
+      return '<div class="chart-bar-wrap"><div class="chart-tip">'+tipText+'</div><div class="chart-bar-col"><div class="chart-bar zero" style="height:3px"></div></div><div class="chart-bar-label">'+label+'</div></div>';
     }
-    const h=Math.max(8,Math.round((v/max)*H));
-    return '<div class="chart-bar-wrap" style="'+barStyle+'"><div class="chart-tip">'+v+'</div><div class="chart-bar-col"><div class="chart-bar" style="height:'+h+'px"></div></div><div class="chart-bar-label">'+label+'</div></div>';
+    var h=Math.max(8,Math.round((v/max)*H));
+    return '<div class="chart-bar-wrap"><div class="chart-tip">'+tipText+'</div><div class="chart-bar-col"><div class="chart-bar" style="height:'+h+'px"></div></div><div class="chart-bar-label">'+label+'</div></div>';
   }).join('');
 }
@@ -5415,25 +5576,31 @@ function renderChartWrites(rows){
 }
 function renderChartCalls(rows){
-  const el=document.getElementById('chartCalls');
-  const filled=fillDays(rows?.map(r=>({date:r.date,list:r.list,search:r.search})),metricsDays);
-  const vals=filled.map(f=>f.total);
-  if(vals.every(v=>v===0)){el.innerHTML='<div style="color:var(--text-muted);font-size:13px;padding:20px;text-align:center">'+t('chart.nocalls')+'</div>';return;}
-  const max=Math.max(1,...vals);
-  const H=160;
-  el.innerHTML=filled.map(r=>{
-    const label=r.date.includes('~')?r.date:(r.date.length>5?r.date.slice(5):r.date);
+  var el=document.getElementById('chartCalls');
+  var filled=fillDays(rows?.map(function(r){return {date:r.date,list:r.list,search:r.search};}),metricsDays);
+  var vals=filled.map(function(f){return f.total;});
+  if(vals.every(function(v){return v===0;})){el.innerHTML='<div style="color:var(--text-muted);font-size:13px;padding:40px;text-align:center">'+t('chart.nocalls')+'</div>';return;}
+  var max=Math.max(1,Math.max.apply(null,vals));
+  var H=160;
+  var n=filled.length;
+  var labelStep=n<=7?1:(n<=14?2:5);
+  el.innerHTML=filled.map(function(r,idx){
+    var rawDate=r.date.includes('~')?r.date:(r.date.length>5?r.date.slice(5):'');
+    var showLabel=(idx%labelStep===0)||(idx===n-1);
+    var label=showLabel?rawDate:'';
+    var tipDate=r.date.length>=10?r.date.slice(5,10):'';
     if(r.total===0){
-      return '<div class="chart-bar-wrap"><div class="chart-tip">0</div><div class="chart-bar-col"><div class="chart-bar zero" style="height:2px"></div></div><div class="chart-bar-label">'+label+'</div></div>';
+      var tipZero=tipDate?(tipDate+': 0'):'0';
+      return '<div class="chart-bar-wrap"><div class="chart-tip">'+tipZero+'</div><div class="chart-bar-col"><div class="chart-bar zero" style="height:3px"></div></div><div class="chart-bar-label">'+label+'</div></div>';
     }
-    const totalH=Math.max(8,Math.round((r.total/max)*H));
-    const listH=r.list?Math.max(3,Math.round((r.list/r.total)*totalH)):0;
-    const searchH=r.search?totalH-listH:0;
-    const tip='List: '+r.list+', Search: '+r.search;
-    let bars='';
+    var totalH=Math.max(8,Math.round((r.total/max)*H));
+    var listH=r.list?Math.max(4,Math.round((r.list/r.total)*totalH)):0;
+    var searchH=r.search?totalH-listH:0;
+    var tip=(tipDate?tipDate+' - ':'')+'List: '+r.list+', Search: '+r.search;
+    var bars='';
     if(searchH>0) bars+='<div class="chart-bar violet" style="height:'+searchH+'px"></div>';
     if(listH>0) bars+='<div class="chart-bar" style="height:'+listH+'px"></div>';
-    return '<div class="chart-bar-wrap"><div class="chart-tip">'+tip+'</div><div class="chart-bar-col"><div style="display:flex;flex-direction:column;gap:1px">'+bars+'</div></div><div class="chart-bar-label">'+label+'</div></div>';
+    return '<div class="chart-bar-wrap"><div class="chart-tip">'+tip+'</div><div class="chart-bar-col"><div style="display:flex;flex-direction:column;gap:1px;align-items:center;width:100%">'+bars+'</div></div><div class="chart-bar-label">'+label+'</div></div>';
   }).join('');
 }
@@ -6011,38 +6178,50 @@ function scrollToMemory(targetId){
   }
   showMemoryModal(targetId);
 }
+function fmtModalDate(v){
+  if(!v) return '-';
+  var d=new Date(v);
+  if(isNaN(d.getTime())) return '-';
+  return d.toLocaleString(dateLoc());
+}
 async function showMemoryModal(chunkId){
-  const overlay=document.getElementById('memoryModal');
-  const body=document.getElementById('memoryModalBody');
-  body.innerHTML='<div style="text-align:center;padding:40px;color:var(--text-sec)">Loading...</div>';
+  var overlay=document.getElementById('memoryModal');
+  var body=document.getElementById('memoryModalBody');
+  body.innerHTML='<div style="text-align:center;padding:56px;color:var(--text-sec)"><div class="spinner" style="margin:0 auto 14px"></div><div style="font-size:12px;letter-spacing:.04em">'+t('memory.detail.loading')+'</div></div>';
   overlay.classList.add('show');
   try{
-    const res=await fetch('/api/memory/'+encodeURIComponent(chunkId));
-    if(!res.ok){body.innerHTML='<div style="text-align:center;padding:40px;color:#f87171">Memory not found</div>';return;}
-    const data=await res.json();
-    const m=data.memory;
-    const role=(m.role||'unknown').toUpperCase();
-    const roleCls=(m.role||'').toLowerCase();
-    const ds=m.dedup_status||'active';
-    const time=new Date(m.created_at).toLocaleString(dateLoc());
-    const updated=m.updated_at?new Date(m.updated_at).toLocaleString(dateLoc()):'';
-    let html='<div class="modal-memory-card">';
-    html+='<div class="modal-header-row"><span class="role-tag '+roleCls+'">'+role+'</span>';
-    if(ds!=='active') html+='<span class="dedup-badge '+(ds==='duplicate'?'duplicate':'merged')+'">'+ds+'</span>';
-    html+='</div>';
-    html+='<div class="modal-field"><div class="modal-field-label">ID</div><div class="modal-field-val" style="font-family:monospace;font-size:11px">'+esc(m.id)+'</div></div>';
-    html+='<div class="modal-field"><div class="modal-field-label">Summary</div><div class="modal-field-val" style="font-size:14px;font-weight:600">'+esc(m.summary||'')+'</div></div>';
-    html+='<div class="modal-field"><div class="modal-field-label">Content</div><pre class="modal-field-content">'+esc(m.content||'')+'</pre></div>';
-    html+='<div class="modal-meta-row">';
-    html+='<span><strong>Session:</strong> '+esc(m.session_key||'')+'</span>';
-    html+='<span><strong>Created:</strong> '+time+'</span>';
-    if(updated) html+='<span><strong>Updated:</strong> '+updated+'</span>';
-    html+='</div>';
-    if(m.dedup_reason) html+='<div class="modal-field"><div class="modal-field-label">Dedup Reason</div><div class="modal-field-val">'+esc(m.dedup_reason)+'</div></div>';
-    if(m.dedup_target&&m.dedup_target!==chunkId) html+='<div class="modal-field"><span class="dedup-target-link" onclick="closeMemoryModal();scrollToMemory(\\''+m.dedup_target+'\\')">View target: '+m.dedup_target.slice(0,8)+'...</span></div>';
-    html+='</div>';
-    body.innerHTML=html;
-  }catch(e){body.innerHTML='<div style="text-align:center;padding:40px;color:#f87171">Error: '+esc(String(e))+'</div>';}
+    var res=await fetch('/api/memory/'+encodeURIComponent(chunkId));
+    if(!res.ok){body.innerHTML='<div style="text-align:center;padding:56px"><div style="font-size:32px;margin-bottom:12px">\u{1F50D}</div><div style="color:#f87171;font-size:13px">'+t('memory.detail.notFound')+'</div></div>';return;}
+    var data=await res.json();
+    var m=data.memory;
+    var role=(m.role||'unknown').toUpperCase();
+    var roleCls=(m.role||'').toLowerCase();
+    var ds=m.dedup_status||'active';
+    var h='<div class="mm-hero">';
+    h+='<div class="mm-hero-row">';
+    h+='<span class="mm-role-chip '+roleCls+'">'+role+'</span>';
+    if(ds!=='active') h+='<span class="mm-dedup-chip '+(ds==='duplicate'?'duplicate':'merged')+'">'+(ds==='duplicate'?'\u274C':'\u{1F504}')+' '+ds+'</span>';
+    h+='<span class="mm-id" onclick="navigator.clipboard.writeText(\\''+esc(m.id)+'\\');toast(\\'ID copied\\',\\'success\\')" title="'+t('memory.detail.copyId')+'">'+esc(m.id.slice(0,12))+'</span>';
+    h+='</div>';
+    if(m.summary) h+='<div class="mm-summary">'+esc(m.summary)+'</div>';
+    h+='</div>';
+    if(m.content){
+      h+='<div class="mm-section"><div class="mm-section-label">Content</div><pre class="mm-content">'+esc(m.content)+'</pre></div>';
+    }
+    h+='<div class="mm-meta">';
+    if(m.session_key) h+='<div class="mm-meta-chip"><strong>Session</strong><span>'+esc(m.session_key.slice(0,12))+'</span></div>';
+    h+='<div class="mm-meta-chip"><strong>'+t('memory.detail.created')+'</strong><span>'+fmtModalDate(m.created_at)+'</span></div>';
+    if(m.updated_at) h+='<div class="mm-meta-chip"><strong>'+t('memory.detail.updated')+'</strong><span>'+fmtModalDate(m.updated_at)+'</span></div>';
+    if(m.kind) h+='<div class="mm-meta-chip"><strong>Kind</strong><span>'+esc(m.kind)+'</span></div>';
+    h+='</div>';
+    if(m.dedup_reason){
+      h+='<div class="mm-dedup"><div class="mm-dedup-box">'+esc(m.dedup_reason)+'</div></div>';
+    }
+    if(m.dedup_target&&m.dedup_target!==chunkId){
+      h+='<div class="mm-footer"><span class="dedup-target-link" onclick="closeMemoryModal();scrollToMemory(\\''+m.dedup_target+'\\')">'+t('memory.detail.viewTarget')+' '+m.dedup_target.slice(0,8)+'...</span></div>';
+    }
+    body.innerHTML=h;
+  }catch(e){body.innerHTML='<div style="text-align:center;padding:56px"><div style="font-size:32px;margin-bottom:12px">\u26A0\uFE0F</div><div style="color:#f87171;font-size:13px">'+esc(String(e))+'</div></div>';}
 }
 function closeMemoryModal(){document.getElementById('memoryModal').classList.remove('show');}
@@ -6840,8 +7019,8 @@ checkAuth();
 <div class="memory-modal-overlay" id="memoryModal" onclick="if(event.target===this)closeMemoryModal()">
   <div class="memory-modal">
     <div class="memory-modal-title">
-      <span>Memory Detail</span>
-      <button class="btn btn-sm btn-ghost" onclick="closeMemoryModal()" style="font-size:16px;padding:2px 8px">&times;</button>
+      <div class="mm-tl"><div class="mm-tl-icon">\u{1F9E0}</div><span data-i18n="memory.detail.title">Memory Detail</span></div>
+      <button class="mm-close" onclick="closeMemoryModal()" title="Close">&times;</button>
     </div>
     <div class="memory-modal-body" id="memoryModalBody"></div>
   </div>