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

package/src/viewer/html.ts

@@ -145,6 +145,101 @@ input,textarea,select{font-family:inherit;font-size:inherit}
 .search-bar input:focus{border-color:var(--pri);box-shadow:0 0 0 3px var(--pri-glow)}
 .search-bar .search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--text-muted);font-size:14px;pointer-events:none}
 .search-meta{font-size:12px;color:var(--text-sec);margin-bottom:14px;padding:0 2px}
+.scope-select{padding:10px 12px;border:1px solid var(--border);border-radius:10px;background:var(--bg-card);color:var(--text);font-size:13px;min-width:110px;outline:none}
+.sharing-inline-meta{font-size:12px;color:var(--text-muted);margin:-8px 0 14px 2px}
+.sharing-sidebar-card{margin:14px 0 18px;border:1px solid var(--border);background:var(--bg-card);border-radius:12px;padding:12px;box-shadow:var(--shadow-sm)}
+.sharing-sidebar-card .title{font-size:12px;font-weight:700;color:var(--text);margin-bottom:8px;text-transform:uppercase;letter-spacing:.04em}
+.sharing-sidebar-card .status{font-size:13px;color:var(--text-sec);line-height:1.5}
+.sharing-sidebar-card .status strong{color:var(--text)}
+.sharing-sidebar-card .hint{margin-top:8px;font-size:11px;color:var(--text-muted)}
+.sharing-sidebar-card .user-row{display:flex;align-items:center;gap:8px;margin-bottom:10px}
+.sharing-sidebar-card .user-row .username{font-size:13px;font-weight:600;color:var(--text)}
+.sharing-sidebar-card .role-badge{display:inline-block;font-size:10px;font-weight:600;padding:2px 8px;border-radius:9999px;line-height:1.4;letter-spacing:.02em}
+.sharing-sidebar-card .role-badge.admin{background:rgba(52,199,89,.15);color:#34c759}
+.sharing-sidebar-card .role-badge.client{background:rgba(175,82,222,.15);color:#af52de}
+.sharing-sidebar-card .info-grid{display:grid;grid-template-columns:auto 1fr;gap:4px 10px;font-size:12px;margin-bottom:8px}
+.sharing-sidebar-card .info-grid .label{color:var(--text-muted);font-weight:500;white-space:nowrap}
+.sharing-sidebar-card .info-grid .value{color:var(--text-sec);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
+.sharing-sidebar-card .api-badge{display:inline-block;font-size:10px;font-weight:600;padding:2px 8px;border-radius:9999px;background:rgba(142,142,147,.12);color:var(--text-muted);letter-spacing:.02em}
+[data-theme="light"] .sharing-sidebar-card .role-badge.admin{background:rgba(5,150,105,.1);color:#059669}
+[data-theme="light"] .sharing-sidebar-card .role-badge.client{background:rgba(124,58,237,.1);color:#7c3aed}
+.result-section{margin-bottom:18px;border:1px solid var(--border);border-radius:14px;background:var(--bg-card);overflow:hidden}
+.result-section-header{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border-bottom:1px solid var(--border);background:rgba(255,255,255,.02)}
+.result-section-title{font-size:14px;font-weight:700;color:var(--text)}
+.result-section-sub{font-size:12px;color:var(--text-muted)}
+.search-hit-list{padding:12px;display:flex;flex-direction:column;gap:10px}
+.search-hit-card,.hub-hit-card,.hub-skill-card{border:1px solid var(--border);border-radius:12px;background:var(--bg);padding:12px;box-shadow:var(--shadow-sm)}
+.search-hit-card .summary,.hub-hit-card .summary,.hub-skill-card .summary{font-size:14px;font-weight:600;color:var(--text);margin-bottom:6px}
+.search-hit-card .excerpt,.hub-hit-card .excerpt,.hub-skill-card .excerpt{font-size:12px;color:var(--text-sec);line-height:1.55;white-space:pre-wrap}
+.search-hit-meta,.hub-hit-meta,.hub-skill-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px;font-size:11px;color:var(--text-muted)}
+.meta-chip{display:inline-flex;align-items:center;gap:5px;padding:4px 8px;border:1px solid var(--border);border-radius:999px;background:var(--bg-card)}
+.hub-hit-actions,.hub-skill-actions,.task-share-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
+.sharing-settings-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:18px}
+.sharing-panel{border:1px solid var(--border);border-radius:14px;background:var(--bg-card);padding:14px;box-shadow:var(--shadow-sm)}
+.sharing-panel h4{font-size:14px;font-weight:700;color:var(--text);margin:0 0 10px 0}
+.sharing-panel .line{font-size:13px;color:var(--text-sec);margin-bottom:8px;line-height:1.55}
+.sharing-panel .line strong{color:var(--text)}
+.pending-user-list{display:flex;flex-direction:column;gap:10px}
+.pending-user-card{border:1px solid var(--border);border-radius:12px;padding:12px;background:var(--bg)}
+.pending-user-name{font-size:14px;font-weight:700;color:var(--text)}
+.pending-user-meta{font-size:12px;color:var(--text-sec);margin-top:4px}
+.pending-user-actions{display:flex;gap:8px;margin-top:10px}
+/* ─── Admin Panel ─── */
+.admin-header{position:relative;padding:28px 28px 20px;background:linear-gradient(135deg,rgba(99,102,241,.08) 0%,rgba(139,92,246,.06) 50%,rgba(6,182,212,.05) 100%);border:1px solid rgba(99,102,241,.12);border-radius:16px;margin-bottom:20px;overflow:hidden}
+.admin-header::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--violet),var(--pri),var(--cyan));border-radius:16px 16px 0 0}
+.admin-header-top{display:flex;justify-content:space-between;align-items:center}
+.admin-header h2{font-size:20px;font-weight:800;color:var(--text);display:flex;align-items:center;gap:10px;margin:0}
+.admin-header h2 .ah-icon{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,var(--pri),var(--violet));display:flex;align-items:center;justify-content:center;font-size:18px;box-shadow:0 4px 12px rgba(99,102,241,.25)}
+.admin-header-sub{font-size:12px;color:var(--text-muted);margin-top:6px}
+.admin-stat-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;margin-top:18px}
+.admin-stat-box{position:relative;text-align:center;padding:16px 8px 14px;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;overflow:hidden;transition:all .2s}
+.admin-stat-box:hover{border-color:rgba(99,102,241,.25);transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.06)}
+.admin-stat-box::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:40px;height:2px;border-radius:0 0 4px 4px}
+.admin-stat-box:nth-child(1)::before{background:var(--green)}
+.admin-stat-box:nth-child(2)::before{background:var(--amber)}
+.admin-stat-box:nth-child(3)::before{background:var(--violet)}
+.admin-stat-box:nth-child(4)::before{background:var(--cyan)}
+.admin-stat-box:nth-child(5)::before{background:var(--pri)}
+.admin-stat-box:nth-child(6)::before{background:var(--rose)}
+.admin-stat-box .as-icon{font-size:16px;margin-bottom:4px;display:block}
+.admin-stat-box .val{font-size:22px;font-weight:800;color:var(--text);font-variant-numeric:tabular-nums}
+.admin-stat-box .lbl{font-size:10px;color:var(--text-muted);margin-top:3px;letter-spacing:.03em}
+.admin-tabs{display:flex;gap:4px;padding:4px;background:var(--bg);border:1px solid var(--border);border-radius:14px;overflow-x:auto;-webkit-overflow-scrolling:touch;margin-bottom:20px}
+.admin-tab{position:relative;display:flex;align-items:center;gap:6px;padding:9px 16px;border:none;background:transparent;color:var(--text-muted);font-size:13px;font-weight:500;cursor:pointer;border-radius:10px;transition:all .2s;white-space:nowrap;font-family:inherit}
+.admin-tab:hover{background:rgba(99,102,241,.06);color:var(--text)}
+.admin-tab.active{background:var(--bg-card);color:var(--text);font-weight:600;box-shadow:0 2px 8px rgba(0,0,0,.06),0 0 0 1px rgba(99,102,241,.1)}
+.admin-tab .at-icon{font-size:14px;line-height:1}
+.admin-tab .at-count{font-size:10px;font-weight:700;padding:1px 6px;border-radius:8px;background:rgba(99,102,241,.1);color:var(--pri);min-width:18px;text-align:center}
+.admin-tab.active .at-count{background:rgba(99,102,241,.15)}
+.admin-panel{display:none}
+.admin-panel.active{display:block}
+.admin-card{border:1px solid var(--border);border-radius:12px;padding:14px 16px;background:var(--bg-card);margin-bottom:10px;transition:all .2s;position:relative;overflow:hidden}
+.admin-card::before{content:'';position:absolute;top:0;left:0;bottom:0;width:3px;border-radius:3px 0 0 3px;background:var(--pri);opacity:.5}
+.admin-card:hover{border-color:rgba(99,102,241,.25);box-shadow:0 2px 12px rgba(0,0,0,.04);transform:translateY(-1px)}
+.admin-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}
+.admin-card-title{font-size:14px;font-weight:700;color:var(--text)}
+.admin-card-meta{font-size:12px;color:var(--text-muted);line-height:1.5}
+.admin-card-actions{display:flex;gap:8px;margin-top:10px}
+.admin-badge{display:inline-flex;align-items:center;gap:4px;font-size:10px;font-weight:700;padding:3px 10px;border-radius:999px;letter-spacing:.02em}
+.admin-badge.admin{background:rgba(52,199,89,.15);color:#34c759}
+.admin-badge.member{background:rgba(142,142,147,.12);color:var(--text-muted)}
+.admin-badge.pending{background:rgba(255,159,10,.15);color:#ff9f0a}
+.admin-badge.public{background:rgba(99,102,241,.1);color:var(--pri)}
+.admin-badge.group{background:rgba(139,92,246,.1);color:var(--violet)}
+.admin-empty{font-size:13px;color:var(--text-muted);padding:40px 20px;text-align:center;border:1px dashed var(--border);border-radius:12px;background:var(--bg)}
+.admin-empty .ae-icon{font-size:28px;display:block;margin-bottom:8px;opacity:.5}
+[data-theme="light"] .admin-badge.admin{background:rgba(5,150,105,.1);color:#059669}
+[data-theme="light"] .admin-badge.member{background:rgba(0,0,0,.06);color:#6b7280}
+[data-theme="light"] .admin-badge.pending{background:rgba(245,158,11,.1);color:#d97706}
+[data-theme="light"] .admin-header{background:linear-gradient(135deg,rgba(99,102,241,.05) 0%,rgba(139,92,246,.04) 50%,rgba(6,182,212,.03) 100%)}
+.task-detail-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
+.shared-memory-overlay,.shared-memory-overlay.show{display:none}
+.shared-memory-overlay.show{display:flex;position:fixed;inset:0;align-items:center;justify-content:center;background:rgba(0,0,0,.55);z-index:1200;padding:24px}
+.shared-memory-panel{width:min(860px,95vw);max-height:85vh;overflow:auto;border:1px solid var(--border);border-radius:18px;background:var(--bg-card);box-shadow:var(--shadow-lg);padding:20px}
+.shared-memory-panel h3{font-size:18px;color:var(--text);margin-bottom:10px}
+.shared-memory-panel .content{font-size:13px;color:var(--text-sec);line-height:1.7;white-space:pre-wrap;background:var(--bg);border:1px solid var(--border);border-radius:12px;padding:14px;margin-top:12px}
+.hub-source-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:999px;background:rgba(34,197,94,.12);color:var(--green);font-size:11px;font-weight:700;border:1px solid rgba(34,197,94,.22)}
+@media (max-width: 960px){.sharing-settings-grid{grid-template-columns:1fr}.search-bar{flex-wrap:wrap}.scope-select{width:100%}.task-detail-actions{width:100%;justify-content:flex-start}}
 
 .filter-bar{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}
 .filter-chip{padding:5px 14px;border:1px solid var(--border);border-radius:6px;background:transparent;color:var(--text-sec);font-size:12px;font-weight:500;transition:all .15s}
@@ -242,6 +337,7 @@ input,textarea,select{font-family:inherit;font-size:inherit}
 .form-group textarea{min-height:100px;resize:vertical}
 .modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:28px}
 
+
 /* ─── Toast ─── */
 .emb-banner{display:flex;align-items:center;gap:10px;padding:12px 20px;font-size:13px;font-weight:500;border-radius:10px;margin:0 32px 0;animation:slideIn .3s ease}
 .emb-banner.warning{background:rgba(245,158,11,.1);color:#d97706;border:1px solid rgba(245,158,11,.25)}
@@ -435,9 +531,9 @@ input,textarea,select{font-family:inherit;font-size:inherit}
 .nav-tabs .tab.active{color:var(--text);background:rgba(255,255,255,.1);border-color:var(--border);box-shadow:0 1px 4px rgba(0,0,0,.15)}
 [data-theme="light"] .nav-tabs{background:rgba(0,0,0,.05)}
 [data-theme="light"] .nav-tabs .tab.active{background:#fff;border-color:rgba(0,0,0,.1);box-shadow:0 1px 3px rgba(0,0,0,.08);color:var(--text)}
-.analytics-view,.settings-view,.logs-view,.migrate-view{display:none;flex:1;min-width:0;flex-direction:column;gap:20px}
-.analytics-view.show,.settings-view.show,.logs-view.show,.migrate-view.show{display:flex}
-.feed-wrap,.tasks-view,.skills-view,.analytics-view,.settings-view,.logs-view,.migrate-view{max-width:960px}
+.analytics-view,.settings-view,.logs-view,.migrate-view,.admin-view{display:none;flex:1;min-width:0;flex-direction:column;gap:20px}
+.analytics-view.show,.settings-view.show,.logs-view.show,.migrate-view.show,.admin-view.show{display:flex}
+.feed-wrap,.tasks-view,.skills-view,.analytics-view,.settings-view,.logs-view,.migrate-view,.admin-view{max-width:960px}
 
 /* ─── Logs ─── */
 .logs-toolbar{display:flex;align-items:center;justify-content:space-between;padding:8px 0}
@@ -555,6 +651,70 @@ input,textarea,select{font-family:inherit;font-size:inherit}
 .settings-section{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px 28px}
 .settings-section h3{font-size:13px;font-weight:700;color:var(--text);margin-bottom:16px;display:flex;align-items:center;gap:8px}
 .settings-section h3 .icon{font-size:16px;opacity:.8}
+.settings-tabs-bar{display:flex;gap:4px;margin-bottom:24px;padding:4px;background:var(--bg);border:1px solid var(--border);border-radius:14px;overflow-x:auto;-webkit-overflow-scrolling:touch}
+.settings-tab-btn{position:relative;display:flex;align-items:center;gap:7px;padding:10px 16px;border:none;background:transparent;color:var(--text-muted);font-size:13px;font-weight:500;cursor:pointer;border-radius:10px;transition:all .25s ease;white-space:nowrap;font-family:inherit}
+.settings-tab-btn:hover{background:rgba(99,102,241,.06);color:var(--text)}
+.settings-tab-btn.active{background:var(--bg-card);color:var(--text);font-weight:600;box-shadow:0 2px 8px rgba(0,0,0,.06),0 0 0 1px rgba(99,102,241,.1)}
+.settings-tab-btn .stab-icon{font-size:15px;line-height:1}
+.settings-tab-btn .stab-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}
+.settings-tab-btn[data-tab="embedding"] .stab-dot{background:#6366f1}
+.settings-tab-btn[data-tab="summarizer"] .stab-dot{background:#8b5cf6}
+.settings-tab-btn[data-tab="skill"] .stab-dot{background:#f59e0b}
+.settings-tab-btn[data-tab="hub"] .stab-dot{background:#06b6d4}
+.settings-tab-btn[data-tab="general"] .stab-dot{background:#10b981}
+.settings-tab-btn.active .stab-dot{box-shadow:0 0 6px currentColor}
+[data-theme="light"] .settings-tab-btn.active{box-shadow:0 2px 8px rgba(0,0,0,.05),0 0 0 1px rgba(99,102,241,.08)}
+.settings-cards-grid{display:flex;flex-direction:column;gap:24px}
+.settings-card[data-stab]{display:none}
+.settings-card[data-stab].stab-active{display:block}
+.settings-card{position:relative;background:var(--bg-card);border:1px solid var(--border);border-radius:16px;overflow:hidden;transition:border-color .3s,box-shadow .3s}
+.settings-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;opacity:.5;transition:opacity .3s}
+.settings-card:hover{border-color:rgba(99,102,241,.25);box-shadow:0 0 24px rgba(99,102,241,.06),0 8px 32px rgba(0,0,0,.1)}
+.settings-card:hover::before{opacity:1}
+.settings-card.card-embedding::before{background:linear-gradient(90deg,#6366f1,#818cf8,#a5b4fc)}
+.settings-card.card-summarizer::before{background:linear-gradient(90deg,#8b5cf6,#a78bfa,#c4b5fd)}
+.settings-card.card-skill::before{background:linear-gradient(90deg,#f59e0b,#fbbf24,#fcd34d)}
+.settings-card.card-hub::before{background:linear-gradient(90deg,#06b6d4,#22d3ee,#67e8f9)}
+.settings-card.card-general::before{background:linear-gradient(90deg,#10b981,#34d399,#6ee7b7)}
+.settings-card-header{display:flex;align-items:center;gap:14px;padding:22px 28px 0}
+.settings-card-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:12px;font-size:22px;flex-shrink:0;border:1px solid transparent}
+.settings-card-title-wrap{flex:1;min-width:0}
+.settings-card-title{font-size:16px;font-weight:700;color:var(--text);letter-spacing:.01em}
+.settings-card-desc{font-size:11px;color:var(--text-muted);margin-top:3px;font-weight:400;line-height:1.4}
+.settings-card-body{padding:18px 28px 24px}
+.settings-card-divider{height:1px;background:var(--border);margin:18px 0;opacity:.6}
+.settings-card-subtitle{font-size:12px;font-weight:700;color:var(--text-sec);margin-bottom:10px;letter-spacing:.01em}
+.hub-info-card{border:1px solid var(--border);border-radius:12px;padding:14px 16px;background:var(--bg);position:relative;overflow:hidden;margin-bottom:12px}
+.hub-info-card::before{content:'';position:absolute;top:0;left:0;bottom:0;width:3px;border-radius:3px 0 0 3px}
+.hub-info-card.hic-share{border-color:rgba(99,102,241,.2);background:linear-gradient(135deg,rgba(99,102,241,.04),rgba(139,92,246,.03))}
+.hub-info-card.hic-share::before{background:linear-gradient(180deg,var(--pri),var(--violet))}
+.hub-info-card.hic-status::before{background:var(--green)}
+.hub-info-card.hic-team::before{background:var(--violet)}
+.hub-info-card.hic-pending::before{background:var(--amber)}
+.hub-info-card .hic-title{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700;color:var(--text);margin-bottom:10px}
+.hub-info-card .hic-title .hic-icon{font-size:14px}
+.hub-info-card .hic-grid{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;font-size:12px;align-items:baseline}
+.hub-info-card .hic-grid .hic-label{color:var(--text-muted);white-space:nowrap}
+.hub-info-card .hic-grid .hic-value{color:var(--text);font-weight:500;word-break:break-all}
+.hub-info-card .hic-grid .hic-value.mono{font-family:monospace;font-size:11px;cursor:pointer;user-select:all}
+.hub-info-card .hic-grid .hic-value.mono:hover{color:var(--pri)}
+.hub-info-card .hic-badge{display:inline-flex;align-items:center;gap:4px;font-size:10px;font-weight:600;padding:2px 8px;border-radius:9999px}
+.hub-info-card .hic-badge.connected{background:rgba(52,211,153,.12);color:#34d399}
+.hub-info-card .hic-badge.disconnected{background:rgba(239,68,68,.1);color:#ef4444}
+.hub-info-card .hic-badge.admin{background:rgba(52,199,89,.12);color:#34c759}
+.hub-info-card .hic-badge.pending{background:rgba(251,191,36,.12);color:#fbbf24}
+.hub-info-card .hic-dot{width:6px;height:6px;border-radius:50%;display:inline-block}
+.hub-info-card .hic-dot.green{background:#34d399;box-shadow:0 0 6px #34d399}
+.hub-info-card .hic-dot.red{background:#ef4444}
+.hub-info-card .hic-dot.amber{background:#fbbf24;box-shadow:0 0 4px #fbbf24}
+.hub-info-card .hic-empty{font-size:12px;color:var(--text-muted);text-align:center;padding:12px 0}
+.hub-info-card .hic-actions{display:flex;gap:8px;margin-top:10px}
+[data-theme="light"] .hub-info-card.hic-share{background:linear-gradient(135deg,rgba(99,102,241,.03),rgba(139,92,246,.02))}
+.settings-card .settings-section{background:none;border:none;padding:0;border-radius:0;margin-bottom:16px}
+.settings-card .settings-section:last-child{margin-bottom:0}
+.settings-card .settings-section h3{margin-bottom:12px}
+[data-theme="light"] .settings-card{box-shadow:0 1px 3px rgba(0,0,0,.04)}
+[data-theme="light"] .settings-card:hover{box-shadow:0 0 24px rgba(79,70,229,.05),0 8px 32px rgba(0,0,0,.06)}
 .settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
 @media(max-width:800px){.settings-grid{grid-template-columns:1fr}}
 .settings-field{display:flex;flex-direction:column;gap:4px}
@@ -562,7 +722,8 @@ input,textarea,select{font-family:inherit;font-size:inherit}
 .settings-field input,.settings-field select{background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:8px 12px;color:var(--text);font-size:13px;font-family:inherit;transition:border-color .15s}
 .settings-field input:focus,.settings-field select:focus{outline:none;border-color:var(--pri)}
 .settings-field input[type="password"]{font-family:'Courier New',monospace;letter-spacing:.05em}
-.settings-field .field-hint{font-size:10px;color:var(--text-muted);margin-top:2px}
+.field-hint{font-size:10px;color:var(--text-muted);line-height:1.5}
+.settings-field .field-hint{margin-top:2px}
 .settings-field.full-width{grid-column:1/-1}
 .settings-toggle{display:flex;align-items:center;gap:10px;padding:4px 0}
 .settings-toggle label{font-size:12px;font-weight:500;color:var(--text-sec);text-transform:none;letter-spacing:0}
@@ -586,7 +747,7 @@ input,textarea,select{font-family:inherit;font-size:inherit}
 [data-theme="light"] .settings-actions .btn-primary:hover{background:rgba(79,70,229,.1);border-color:#4f46e5}
 .settings-saved{display:inline-flex;align-items:center;gap:6px;color:var(--green);font-size:12px;font-weight:600;opacity:0;transition:opacity .3s}
 .settings-saved.show{opacity:1}
-.model-health-bar{margin-bottom:20px;border-radius:var(--radius-lg);overflow:hidden}
+.model-health-bar{margin-bottom:20px;border-radius:var(--radius-lg);overflow:visible}
 .mh-table{width:100%;border-collapse:separate;border-spacing:0;font-size:12px}
 .mh-table th{text-align:left;padding:6px 12px;font-size:10px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;background:var(--bg);border-bottom:1px solid var(--border)}
 .mh-table td{padding:8px 12px;border-bottom:1px solid var(--border);vertical-align:middle}
@@ -604,7 +765,8 @@ input,textarea,select{font-family:inherit;font-size:inherit}
 .mh-badge.error{background:rgba(239,68,68,.1);color:#dc2626}
 .mh-badge.unknown{background:rgba(148,163,184,.1);color:#64748b}
 .mh-model-name{color:var(--text-muted);font-size:11px;font-family:var(--font-mono,'SFMono-Regular',Consolas,monospace)}
-.mh-err-text{font-size:11px;color:var(--rose);max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:help}
+.mh-err-text{font-size:11px;color:var(--rose);max-width:320px;display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:help}
+#mhTooltip{display:none;position:fixed;min-width:280px;max-width:480px;max-height:300px;overflow-y:auto;padding:8px 10px;background:var(--bg-card,#1e1e2e);color:var(--text,#e2e8f0);border:1px solid var(--border,#333);border-radius:6px;font-size:11px;line-height:1.5;white-space:pre-wrap;word-break:break-all;box-shadow:0 4px 12px rgba(0,0,0,.25);z-index:10000;pointer-events:none}
 .mh-time{font-size:10px;color:var(--text-muted);white-space:nowrap}
 .mh-empty{padding:16px;font-size:12px;color:var(--text-muted);text-align:center}
 @keyframes healthPulse{0%,100%{opacity:1}50%{opacity:.4}}
@@ -802,6 +964,7 @@ input,textarea,select{font-family:inherit;font-size:inherit}
         <button class="tab" data-view="analytics" onclick="switchView('analytics')" data-i18n="tab.analytics">\u{1F4CA} Analytics</button>
         <button class="tab" data-view="logs" onclick="switchView('logs')" data-i18n="tab.logs">\u{1F4DD} Logs</button>
         <button class="tab" data-view="import" onclick="switchView('import')" data-i18n="tab.import">\u{1F4E5} Import</button>
+        <button class="tab" data-view="admin" onclick="switchView('admin')" style="display:none" data-i18n="tab.admin">\u{1F6E1} Admin</button>
         <button class="tab" data-view="settings" onclick="switchView('settings')" data-i18n="tab.settings">\u2699 Settings</button>
       </nav>
     </div>
@@ -821,12 +984,16 @@ input,textarea,select{font-family:inherit;font-size:inherit}
         <div class="stat-card amber"><div class="stat-value" id="statEmbeddings">-</div><div class="stat-label" data-i18n="stat.embeddings">Embeddings</div></div>
         <div class="stat-card rose"><div class="stat-value" id="statTimeSpan">-</div><div class="stat-label" data-i18n="stat.days">Days</div></div>
       </div>
-      <div id="sidebarSessionSection">
-        <div id="embeddingStatus"></div>
-        <div class="section-title" data-i18n="sidebar.sessions">Sessions</div>
-        <div class="session-list" id="sessionList"></div>
-        <button class="btn btn-sm btn-ghost" style="width:100%;margin-top:20px;justify-content:center;color:var(--text-muted);font-size:11px" onclick="clearAll()" data-i18n="sidebar.clear">\u{1F5D1} Clear All Data</button>
+      <div id="sidebarSharingSection" style="display:none">
+        <div class="sharing-sidebar-card">
+          <div class="title" style="display:flex;align-items:center;gap:8px"><span data-i18n="sidebar.hub">\u{1F310} Team Sharing</span><span id="sharingSidebarConnBadge"></span></div>
+          <div class="status" id="sharingSidebarStatus"></div>
+          <div class="hint" id="sharingSidebarHint"></div>
+        </div>
       </div>
+      <div id="embeddingStatus"></div>
+      <div class="session-list" id="sessionList" style="display:none"></div>
+      <button class="btn btn-sm btn-ghost" style="width:100%;margin-top:20px;justify-content:center;color:var(--text-muted);font-size:11px" onclick="clearAll()" data-i18n="sidebar.clear">\u{1F5D1} Clear All Data</button>
     </div>
 
     <div class="feed-wrap" id="feedWrap">
@@ -834,8 +1001,18 @@ input,textarea,select{font-family:inherit;font-size:inherit}
       <div class="search-bar">
         <span class="search-icon">\u{1F50D}</span>
         <input type="text" id="searchInput" data-i18n-ph="search.placeholder" placeholder="Search memories (supports semantic search)..." oninput="debounceSearch()">
+        <select id="filterOwner" class="filter-select" onchange="onOwnerFilterChange()">
+          <option value="" data-i18n="filter.allowners">All owners</option>
+          <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>
+        </select>
       </div>
       <div class="search-meta" id="searchMeta"></div>
+      <div class="search-meta" id="sharingSearchMeta"></div>
       <div class="filter-bar" id="filterBar">
         <button class="filter-chip active" data-role="" onclick="setRoleFilter(this,'')" data-i18n="filter.all">All</button>
         <button class="filter-chip" data-role="user" onclick="setRoleFilter(this,'user')">User</button>
@@ -847,9 +1024,8 @@ input,textarea,select{font-family:inherit;font-size:inherit}
           <option value="oldest" data-i18n="filter.oldest">Oldest first</option>
         </select>
         <span class="filter-sep"></span>
-        <select id="filterOwner" class="filter-select" onchange="applyFilters()">
-          <option value="" data-i18n="filter.allowners">All owners</option>
-          <option value="public" data-i18n="filter.public">Public</option>
+        <select id="filterSession" class="filter-select" onchange="filterSession(this.value||null)">
+          <option value="" data-i18n="filter.allsessions">All sessions</option>
         </select>
       </div>
       <div class="date-filter">
@@ -874,6 +1050,11 @@ input,textarea,select{font-family:inherit;font-size:inherit}
           <button class="filter-chip" data-task-status="active" onclick="setTaskStatusFilter(this,'active')" data-i18n="tasks.status.active">Active</button>
           <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>
+          </select>
           <button class="btn btn-sm btn-ghost" onclick="loadTasks()" style="margin-left:auto" data-i18n="refresh">\u21BB Refresh</button>
         </div>
       </div>
@@ -883,7 +1064,10 @@ input,textarea,select{font-family:inherit;font-size:inherit}
         <div class="task-detail-panel" onclick="event.stopPropagation()">
           <div class="task-detail-header">
             <h2 id="taskDetailTitle"></h2>
-            <button class="btn btn-icon" onclick="closeTaskDetail()" title="Close">\u2715</button>
+            <div style="display:flex;gap:8px;align-items:center">
+              <div id="taskShareActions" style="display:flex;gap:8px;align-items:center"></div>
+              <button class="btn btn-icon" onclick="closeTaskDetail()" title="Close">\u2715</button>
+            </div>
           </div>
           <div class="task-detail-meta" id="taskDetailMeta"></div>
           <div class="task-skill-section" id="taskSkillSection"></div>
@@ -894,7 +1078,28 @@ input,textarea,select{font-family:inherit;font-size:inherit}
         </div>
       </div>
     </div>
+    <div class="shared-memory-overlay" id="sharedMemoryOverlay" onclick="closeSharedMemoryDetail(event)">
+      <div class="shared-memory-panel" onclick="event.stopPropagation()">
+        <div class="task-detail-header">
+          <h3 id="sharedMemoryTitle">Shared Memory</h3>
+          <button class="btn btn-icon" onclick="closeSharedMemoryDetail()" title="Close">✕</button>
+        </div>
+        <div class="task-detail-meta" id="sharedMemoryMeta"></div>
+        <div class="task-detail-summary" id="sharedMemorySummary"></div>
+        <div class="content" id="sharedMemoryContent"></div>
+      </div>
+    </div>
     <div class="skills-view" id="skillsView">
+      <div class="search-bar">
+        <span class="search-icon">🔍</span>
+        <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>
+        </select>
+      </div>
+      <div class="search-meta" id="skillSearchMeta"></div>
       <div class="tasks-header">
         <div class="tasks-stats">
           <div class="tasks-stat"><span class="tasks-stat-value" id="skillsTotalCount">-</span><span class="tasks-stat-label" data-i18n="skills.total">Total Skills</span></div>
@@ -918,6 +1123,10 @@ input,textarea,select{font-family:inherit;font-size:inherit}
         </div>
       </div>
       <div class="tasks-list" id="skillsList"><div class="spinner"></div></div>
+      <div id="hubSkillsSection" style="display:none;margin-top:16px">
+        <div class="section-title" style="margin-bottom:12px" data-i18n="skills.hub.title">\u{1F310} Hub Skills</div>
+        <div class="tasks-list" id="hubSkillsList"></div>
+      </div>
     </div>
     <div class="task-detail-overlay" id="skillDetailOverlay" onclick="closeSkillDetail(event)">
       <div class="task-detail-panel" onclick="event.stopPropagation()">
@@ -931,6 +1140,7 @@ input,textarea,select{font-family:inherit;font-size:inherit}
         </div>
         <div class="task-detail-meta" id="skillDetailMeta"></div>
         <div class="skill-detail-desc" id="skillDetailDesc"></div>
+        <div id="skillShareActions" style="display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:8px 0"></div>
         <div class="task-detail-chunks-title" data-i18n="skills.files">Skill Files</div>
         <div class="skill-files-list" id="skillFilesList"></div>
         <div class="task-detail-chunks-title" id="skillContentTitle" data-i18n="skills.content">SKILL.md Content</div>
@@ -996,178 +1206,313 @@ input,textarea,select{font-family:inherit;font-size:inherit}
 
     <!-- ─── Settings View ─── -->
     <div class="settings-view" id="settingsView">
-      <div class="settings-group" id="settingsModelConfig">
-        <h2 class="settings-group-title"><span data-i18n="settings.modelconfig">Model Configuration</span></h2>
-        <div class="settings-section">
-          <h3><span class="icon">\u{1F4CA}</span> <span data-i18n="settings.modelhealth">Model Health</span></h3>
-          <div class="model-health-bar" id="modelHealthBar">
-            <div style="font-size:12px;color:var(--text-muted);width:100%">Loading model status...</div>
-          </div>
-        </div>
-      <div class="settings-section">
-        <h3><span class="icon">\u{1F4E1}</span> <span data-i18n="settings.embedding">Embedding Model</span></h3>
-        <div class="settings-grid">
-          <div class="settings-field">
-            <label data-i18n="settings.provider">Provider</label>
-            <select id="cfgEmbProvider" onchange="onProviderChange('embedding')">
-              <option value="openai_compatible">OpenAI Compatible</option>
-              <option value="openai">OpenAI</option>
-              <option value="siliconflow">SiliconFlow (\u7845\u57FA\u6D41\u52A8)</option>
-              <option value="zhipu">Zhipu AI (\u667A\u8C31)</option>
-              <option value="bailian">Alibaba Bailian (\u767E\u70BC)</option>
-              <option value="gemini">Gemini</option>
-              <option value="azure_openai">Azure OpenAI</option>
-              <option value="cohere">Cohere</option>
-              <option value="mistral">Mistral</option>
-              <option value="voyage">Voyage</option>
-              <option value="local">Local</option>
-            </select>
-          </div>
-          <div class="settings-field">
-            <label data-i18n="settings.model">Model</label>
-            <input type="text" id="cfgEmbModel" placeholder="e.g. bge-m3">
-          </div>
-          <div class="settings-field full-width">
-            <label>Endpoint</label>
-            <input type="text" id="cfgEmbEndpoint" placeholder="https://...">
-          </div>
-          <div class="settings-field">
-            <label>API Key</label>
-            <input type="password" id="cfgEmbApiKey" placeholder="\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022">
-          </div>
-        </div>
-        <div class="test-conn-row">
-          <button class="btn btn-sm btn-ghost" onclick="testModel('embedding')" id="testEmbBtn" data-i18n="settings.test">Test Connection</button>
-          <span class="test-result" id="testEmbResult"></span>
-        </div>
+      <div class="settings-tabs-bar">
+        <button class="settings-tab-btn active" data-tab="embedding" onclick="switchSettingsTab('embedding',this)"><span class="stab-dot"></span><span data-i18n="settings.embedding">Embedding Model</span></button>
+        <button class="settings-tab-btn" data-tab="summarizer" onclick="switchSettingsTab('summarizer',this)"><span class="stab-dot"></span><span data-i18n="settings.summarizer">Summarizer Model</span></button>
+        <button class="settings-tab-btn" data-tab="skill" onclick="switchSettingsTab('skill',this)"><span class="stab-dot"></span><span data-i18n="settings.skill">Skill Evolution</span></button>
+        <button class="settings-tab-btn" data-tab="hub" onclick="switchSettingsTab('hub',this)"><span class="stab-dot"></span><span data-i18n="settings.hub">Hub & Team</span></button>
+        <button class="settings-tab-btn" data-tab="general" onclick="switchSettingsTab('general',this)"><span class="stab-dot"></span><span data-i18n="settings.general">General</span></button>
       </div>
-
-      <div class="settings-section">
-        <h3><span class="icon">\u{1F9E0}</span> <span data-i18n="settings.summarizer">Summarizer Model</span></h3>
-        <div class="settings-grid">
-          <div class="settings-field">
-            <label data-i18n="settings.provider">Provider</label>
-            <select id="cfgSumProvider" onchange="onProviderChange('summarizer')">
-              <option value="openai_compatible">OpenAI Compatible</option>
-              <option value="openai">OpenAI</option>
-              <option value="siliconflow">SiliconFlow (\u7845\u57FA\u6D41\u52A8)</option>
-              <option value="zhipu">Zhipu AI (\u667A\u8C31)</option>
-              <option value="deepseek">DeepSeek</option>
-              <option value="bailian">Alibaba Bailian (\u767E\u70BC)</option>
-              <option value="moonshot">Moonshot (Kimi)</option>
-              <option value="anthropic">Anthropic</option>
-              <option value="gemini">Gemini</option>
-              <option value="azure_openai">Azure OpenAI</option>
-              <option value="bedrock">Bedrock</option>
-            </select>
-          </div>
-          <div class="settings-field">
-            <label data-i18n="settings.model">Model</label>
-            <input type="text" id="cfgSumModel" placeholder="e.g. gpt-4o-mini">
-          </div>
-          <div class="settings-field full-width">
-            <label>Endpoint</label>
-            <input type="text" id="cfgSumEndpoint" placeholder="https://...">
-          </div>
-          <div class="settings-field">
-            <label>API Key</label>
-            <input type="password" id="cfgSumApiKey" placeholder="\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022">
+      <div class="settings-cards-grid">
+
+        <!-- ══ Card: Embedding Model ══ -->
+        <div class="settings-card card-embedding stab-active" data-stab="embedding">
+          <div class="settings-card-header">
+            <div class="settings-card-icon" style="background:rgba(99,102,241,.1);border-color:rgba(99,102,241,.15)">\u{1F4E1}</div>
+            <div class="settings-card-title-wrap">
+              <div class="settings-card-title" data-i18n="settings.embedding">Embedding Model</div>
+              <div class="settings-card-desc" data-i18n="settings.embedding.desc">Vector embedding model for memory search and retrieval</div>
+            </div>
           </div>
-          <div class="settings-field">
-            <label data-i18n="settings.temperature">Temperature</label>
-            <input type="number" id="cfgSumTemp" step="0.1" min="0" max="2" placeholder="0">
+          <div class="settings-card-body">
+            <div class="settings-grid">
+              <div class="settings-field">
+                <label data-i18n="settings.provider">Provider</label>
+                <select id="cfgEmbProvider" onchange="onProviderChange('embedding')">
+                  <option value="openai_compatible">OpenAI Compatible</option>
+                  <option value="openai">OpenAI</option>
+                  <option value="siliconflow">SiliconFlow (\u7845\u57FA\u6D41\u52A8)</option>
+                  <option value="zhipu">Zhipu AI (\u667A\u8C31)</option>
+                  <option value="bailian">Alibaba Bailian (\u767E\u70BC)</option>
+                  <option value="gemini">Gemini</option>
+                  <option value="azure_openai">Azure OpenAI</option>
+                  <option value="cohere">Cohere</option>
+                  <option value="mistral">Mistral</option>
+                  <option value="voyage">Voyage</option>
+                  <option value="local">Local</option>
+                  <option value="openclaw">OpenClaw Host</option>
+                </select>
+              </div>
+              <div class="settings-field">
+                <label data-i18n="settings.model">Model</label>
+                <input type="text" id="cfgEmbModel" placeholder="e.g. bge-m3">
+              </div>
+              <div class="settings-field full-width">
+                <label>Endpoint</label>
+                <input type="text" id="cfgEmbEndpoint" placeholder="https://...">
+              </div>
+              <div class="settings-field">
+                <label>API Key</label>
+                <input type="password" id="cfgEmbApiKey" placeholder="\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022">
+              </div>
+            </div>
+            <div class="test-conn-row">
+              <button class="btn btn-sm btn-ghost" onclick="testModel('embedding')" id="testEmbBtn" data-i18n="settings.test">Test Connection</button>
+              <span class="test-result" id="testEmbResult"></span>
+            </div>
           </div>
         </div>
-        <div class="test-conn-row">
-          <button class="btn btn-sm btn-ghost" onclick="testModel('summarizer')" id="testSumBtn" data-i18n="settings.test">Test Connection</button>
-          <span class="test-result" id="testSumResult"></span>
-        </div>
-      </div>
-      </div>
 
-      <div class="settings-section">
-        <h3><span class="icon">\u{1F527}</span> <span data-i18n="settings.skill">Skill Evolution</span></h3>
-        <div class="settings-grid">
-          <div class="settings-toggle">
-            <label class="toggle-switch"><input type="checkbox" id="cfgSkillEnabled"><span class="toggle-slider"></span></label>
-            <label data-i18n="settings.skill.enabled">Enable Skill Evolution</label>
-          </div>
-          <div class="settings-toggle">
-            <label class="toggle-switch"><input type="checkbox" id="cfgSkillAutoInstall"><span class="toggle-slider"></span></label>
-            <label data-i18n="settings.skill.autoinstall">Auto Install Skills</label>
-          </div>
-          <div class="settings-field">
-            <label data-i18n="settings.skill.confidence">Min Confidence</label>
-            <input type="number" id="cfgSkillConfidence" step="0.1" min="0" max="1" placeholder="0.7">
+        <!-- ══ Card: Summarizer Model ══ -->
+        <div class="settings-card card-summarizer" data-stab="summarizer">
+          <div class="settings-card-header">
+            <div class="settings-card-icon" style="background:rgba(139,92,246,.1);border-color:rgba(139,92,246,.15)">\u{1F9E0}</div>
+            <div class="settings-card-title-wrap">
+              <div class="settings-card-title" data-i18n="settings.summarizer">Summarizer Model</div>
+              <div class="settings-card-desc" data-i18n="settings.summarizer.desc">LLM for memory summarization, deduplication and analysis</div>
+            </div>
           </div>
-          <div class="settings-field">
-            <label data-i18n="settings.skill.minchunks">Min Chunks</label>
-            <input type="number" id="cfgSkillMinChunks" placeholder="6">
+          <div class="settings-card-body">
+            <div class="settings-grid">
+              <div class="settings-field">
+                <label data-i18n="settings.provider">Provider</label>
+                <select id="cfgSumProvider" onchange="onProviderChange('summarizer')">
+                  <option value="openai_compatible">OpenAI Compatible</option>
+                  <option value="openai">OpenAI</option>
+                  <option value="siliconflow">SiliconFlow (\u7845\u57FA\u6D41\u52A8)</option>
+                  <option value="zhipu">Zhipu AI (\u667A\u8C31)</option>
+                  <option value="deepseek">DeepSeek</option>
+                  <option value="bailian">Alibaba Bailian (\u767E\u70BC)</option>
+                  <option value="moonshot">Moonshot (Kimi)</option>
+                  <option value="anthropic">Anthropic</option>
+                  <option value="gemini">Gemini</option>
+                  <option value="azure_openai">Azure OpenAI</option>
+                  <option value="bedrock">Bedrock</option>
+                  <option value="openclaw">OpenClaw Host</option>
+                </select>
+              </div>
+              <div class="settings-field">
+                <label data-i18n="settings.model">Model</label>
+                <input type="text" id="cfgSumModel" placeholder="e.g. gpt-4o-mini">
+              </div>
+              <div class="settings-field full-width">
+                <label>Endpoint</label>
+                <input type="text" id="cfgSumEndpoint" placeholder="https://...">
+              </div>
+              <div class="settings-field">
+                <label>API Key</label>
+                <input type="password" id="cfgSumApiKey" placeholder="\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022">
+              </div>
+              <div class="settings-field">
+                <label data-i18n="settings.temperature">Temperature</label>
+                <input type="number" id="cfgSumTemp" step="0.1" min="0" max="2" placeholder="0">
+              </div>
+            </div>
+            <div class="test-conn-row">
+              <button class="btn btn-sm btn-ghost" onclick="testModel('summarizer')" id="testSumBtn" data-i18n="settings.test">Test Connection</button>
+              <span class="test-result" id="testSumResult"></span>
+            </div>
           </div>
         </div>
-        <div style="margin-top:16px;padding-top:16px;border-top:1px solid var(--border)">
-          <h4 style="font-size:12px;font-weight:600;color:var(--text-sec);margin-bottom:12px"><span data-i18n="settings.skill.model">Skill Dedicated Model</span></h4>
-          <div class="field-hint" style="margin-bottom:12px" data-i18n="settings.skill.model.hint">If not configured, the main Summarizer Model above will be used for skill generation. Configure a dedicated model here for higher quality skill output.</div>
-          <div class="settings-grid">
-            <div class="settings-field">
-              <label data-i18n="settings.provider">Provider</label>
-              <select id="cfgSkillProvider" onchange="onProviderChange('skill')">
-                <option value="">— <span data-i18n="settings.skill.usemain">Use main summarizer</span> —</option>
-                <option value="openai_compatible">OpenAI Compatible</option>
-                <option value="openai">OpenAI</option>
-                <option value="siliconflow">SiliconFlow (\u7845\u57FA\u6D41\u52A8)</option>
-                <option value="zhipu">Zhipu AI (\u667A\u8C31)</option>
-                <option value="deepseek">DeepSeek</option>
-                <option value="bailian">Alibaba Bailian (\u767E\u70BC)</option>
-                <option value="moonshot">Moonshot (Kimi)</option>
-                <option value="anthropic">Anthropic</option>
-                <option value="gemini">Gemini</option>
-                <option value="azure_openai">Azure OpenAI</option>
-                <option value="bedrock">Bedrock</option>
-              </select>
+
+        <!-- ══ Card: Skill Evolution ══ -->
+        <div class="settings-card card-skill" data-stab="skill">
+          <div class="settings-card-header">
+            <div class="settings-card-icon" style="background:rgba(245,158,11,.1);border-color:rgba(245,158,11,.15)">\u{1F527}</div>
+            <div class="settings-card-title-wrap">
+              <div class="settings-card-title" data-i18n="settings.skill">Skill Evolution</div>
+              <div class="settings-card-desc" data-i18n="settings.skill.desc">Auto-extract reusable skills from conversation patterns</div>
             </div>
-            <div class="settings-field">
-              <label data-i18n="settings.model">Model</label>
-              <input type="text" id="cfgSkillModel" placeholder="e.g. claude-4.6-opus">
+          </div>
+          <div class="settings-card-body">
+            <div class="settings-grid">
+              <div class="settings-toggle">
+                <label class="toggle-switch"><input type="checkbox" id="cfgSkillEnabled"><span class="toggle-slider"></span></label>
+                <label data-i18n="settings.skill.enabled">Enable Skill Evolution</label>
+              </div>
+              <div class="settings-toggle">
+                <label class="toggle-switch"><input type="checkbox" id="cfgSkillAutoInstall"><span class="toggle-slider"></span></label>
+                <label data-i18n="settings.skill.autoinstall">Auto Install Skills</label>
+              </div>
+              <div class="settings-field">
+                <label data-i18n="settings.skill.confidence">Min Confidence</label>
+                <input type="number" id="cfgSkillConfidence" step="0.1" min="0" max="1" placeholder="0.7">
+              </div>
+              <div class="settings-field">
+                <label data-i18n="settings.skill.minchunks">Min Chunks</label>
+                <input type="number" id="cfgSkillMinChunks" placeholder="6">
+              </div>
             </div>
-            <div class="settings-field full-width">
-              <label>Endpoint</label>
-              <input type="text" id="cfgSkillEndpoint" placeholder="https://...">
+            <div class="settings-card-divider"></div>
+            <div class="settings-card-subtitle" data-i18n="settings.skill.model">Skill Dedicated Model</div>
+            <div class="field-hint" style="margin-bottom:12px" data-i18n="settings.skill.model.hint">If not configured, the main Summarizer Model above will be used for skill generation. Configure a dedicated model here for higher quality skill output.</div>
+            <div class="settings-grid">
+              <div class="settings-field">
+                <label data-i18n="settings.provider">Provider</label>
+                <select id="cfgSkillProvider" onchange="onProviderChange('skill')">
+                  <option value="">\u2014 <span data-i18n="settings.skill.usemain">Use main summarizer</span> \u2014</option>
+                  <option value="openai_compatible">OpenAI Compatible</option>
+                  <option value="openai">OpenAI</option>
+                  <option value="siliconflow">SiliconFlow (\u7845\u57FA\u6D41\u52A8)</option>
+                  <option value="zhipu">Zhipu AI (\u667A\u8C31)</option>
+                  <option value="deepseek">DeepSeek</option>
+                  <option value="bailian">Alibaba Bailian (\u767E\u70BC)</option>
+                  <option value="moonshot">Moonshot (Kimi)</option>
+                  <option value="anthropic">Anthropic</option>
+                  <option value="gemini">Gemini</option>
+                  <option value="azure_openai">Azure OpenAI</option>
+                  <option value="bedrock">Bedrock</option>
+                  <option value="openclaw">OpenClaw Host</option>
+                </select>
+              </div>
+              <div class="settings-field">
+                <label data-i18n="settings.model">Model</label>
+                <input type="text" id="cfgSkillModel" placeholder="e.g. claude-4.6-opus">
+              </div>
+              <div class="settings-field full-width">
+                <label>Endpoint</label>
+                <input type="text" id="cfgSkillEndpoint" placeholder="https://...">
+              </div>
+              <div class="settings-field">
+                <label>API Key</label>
+                <input type="password" id="cfgSkillApiKey" placeholder="\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022">
+              </div>
             </div>
-            <div class="settings-field">
-              <label>API Key</label>
-              <input type="password" id="cfgSkillApiKey" placeholder="\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022">
+            <div class="test-conn-row">
+              <button class="btn btn-sm btn-ghost" onclick="testModel('skill')" id="testSkillBtn" data-i18n="settings.test">Test Connection</button>
+              <span class="test-result" id="testSkillResult"></span>
             </div>
           </div>
-          <div class="test-conn-row">
-            <button class="btn btn-sm btn-ghost" onclick="testModel('skill')" id="testSkillBtn" data-i18n="settings.test">Test Connection</button>
-            <span class="test-result" id="testSkillResult"></span>
-          </div>
         </div>
-      </div>
 
-      <div class="settings-section">
-        <h3><span class="icon">\u{1F4CA}</span> <span data-i18n="settings.telemetry">Telemetry</span></h3>
-        <div class="settings-grid">
-          <div class="settings-toggle">
-            <label class="toggle-switch"><input type="checkbox" id="cfgTelemetryEnabled" checked><span class="toggle-slider"></span></label>
-            <label data-i18n="settings.telemetry.enabled">Enable Anonymous Telemetry</label>
+        <!-- ══ Card: Hub & Team ══ -->
+        <div class="settings-card card-hub" id="settingsSharingConfig" data-stab="hub">
+          <div class="settings-card-header">
+            <div class="settings-card-icon" style="background:rgba(6,182,212,.1);border-color:rgba(6,182,212,.15)">\u{1F310}</div>
+            <div class="settings-card-title-wrap">
+              <div class="settings-card-title" data-i18n="settings.hub">Hub & Team</div>
+              <div class="settings-card-desc" data-i18n="settings.hub.desc">Share memories, tasks and skills with your team</div>
+            </div>
           </div>
-          <div class="settings-field full-width">
-            <div class="field-hint" data-i18n="settings.telemetry.hint">Anonymous usage analytics to help improve the plugin. Only sends tool names, latencies, and version info. No memory content, queries, or personal data is ever sent.</div>
+          <div class="settings-card-body">
+            <div class="field-hint" style="margin-bottom:12px" data-i18n="settings.hub.enable.hint">Enable to share memories, tasks and skills with your team. When disabled, all features work normally in local-only mode.</div>
+            <div class="settings-toggle" style="margin-bottom:16px">
+              <label class="toggle-switch">
+                <input type="checkbox" id="cfgSharingEnabled" onchange="onSharingToggle()">
+                <span class="toggle-slider"></span>
+              </label>
+              <label data-i18n="settings.hub.enable.label">Enable Hub Sharing</label>
+            </div>
+
+            <div id="sharingConfigPanel" style="display:none">
+              <div style="margin-bottom:14px">
+                <label style="font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;display:block;margin-bottom:6px" data-i18n="settings.hub.role">Role</label>
+                <div style="display:flex;gap:8px">
+                  <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>
+
+              <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>
+                <div class="settings-grid">
+                  <div class="settings-field">
+                    <label data-i18n="settings.hub.port">Hub Port</label>
+                    <input type="number" id="cfgHubPort" placeholder="18800" value="18800">
+                    <div class="field-hint" data-i18n="settings.hub.port.hint">Port for Hub service. Default: 18800</div>
+                  </div>
+                  <div class="settings-field">
+                    <label data-i18n="settings.hub.teamName">Team Name</label>
+                    <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>
+              </div>
+
+              <div id="clientModeConfig" style="display:none">
+                <div style="background:rgba(99,102,241,.08);border:1px solid rgba(99,102,241,.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.clientSteps.title">Quick Setup (3 steps)</div>
+                  <div><span style="color:var(--accent)">1.</span> <span data-i18n="settings.hub.clientSteps.s1">Ask your Hub admin for Hub Address and Team Token</span></div>
+                  <div><span style="color:var(--accent)">2.</span> <span data-i18n="settings.hub.clientSteps.s2">Fill them in below, click "Test Connection" to verify</span></div>
+                  <div><span style="color:var(--accent)">3.</span> <span data-i18n="settings.hub.clientSteps.s3">Click "Save Settings", then restart OpenClaw gateway to connect</span></div>
+                </div>
+                <div class="settings-grid">
+                  <div class="settings-field full-width">
+                    <label data-i18n="settings.hub.hubAddress">Hub Address</label>
+                    <input type="text" id="cfgClientHubAddress" placeholder="e.g. 192.168.1.100:18800">
+                    <div class="field-hint" data-i18n="settings.hub.hubAddress.hint">Hub server address, e.g. 192.168.1.100:18800 or hub.example.com:18800</div>
+                  </div>
+                  <div class="settings-field">
+                    <label data-i18n="settings.hub.teamTokenClient">Team Token</label>
+                    <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>
+                </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>
+                  <span id="hubConnTestResult" style="margin-left:10px;font-size:12px"></span>
+                </div>
+              </div>
+            </div>
+
+            <div class="settings-card-divider"></div>
+            <div id="sharingStatusPanel"></div>
+            <div id="sharingTeamPanel"></div>
+            <div id="sharingAdminPanel"></div>
           </div>
         </div>
-      </div>
 
-      <div class="settings-section">
-        <h3><span class="icon">\u{1F4BE}</span> <span data-i18n="settings.general">General</span></h3>
-        <div class="settings-grid">
-          <div class="settings-field">
-            <label data-i18n="settings.viewerport">Viewer Port</label>
-            <input type="number" id="cfgViewerPort" placeholder="18799">
-            <div class="field-hint" data-i18n="settings.viewerport.hint">Requires restart to take effect</div>
+        <!-- ══ Card: General ══ -->
+        <div class="settings-card card-general" id="settingsModelConfig" data-stab="general">
+          <div class="settings-card-header">
+            <div class="settings-card-icon" style="background:rgba(16,185,129,.1);border-color:rgba(16,185,129,.15)">\u2699\uFE0F</div>
+            <div class="settings-card-title-wrap">
+              <div class="settings-card-title" data-i18n="settings.general">General</div>
+              <div class="settings-card-desc" data-i18n="settings.general.desc">System status, ports and telemetry</div>
+            </div>
+          </div>
+          <div class="settings-card-body">
+            <div class="settings-card-subtitle" data-i18n="settings.modelhealth">\u{1F4CA} Model Health</div>
+            <div class="model-health-bar" id="modelHealthBar">
+              <div style="font-size:12px;color:var(--text-muted);width:100%">Loading model status...</div>
+            </div>
+            <div class="settings-card-divider"></div>
+            <div class="settings-grid">
+              <div class="settings-field">
+                <label data-i18n="settings.viewerport">Viewer Port</label>
+                <input type="number" id="cfgViewerPort" placeholder="18799">
+                <div class="field-hint" data-i18n="settings.viewerport.hint">Requires restart to take effect</div>
+              </div>
+            </div>
+            <div class="settings-card-divider"></div>
+            <div class="settings-toggle">
+              <label class="toggle-switch"><input type="checkbox" id="cfgTelemetryEnabled" checked><span class="toggle-slider"></span></label>
+              <label data-i18n="settings.telemetry.enabled">Enable Anonymous Telemetry</label>
+            </div>
+            <div class="field-hint" style="margin-top:6px" data-i18n="settings.telemetry.hint">Anonymous usage analytics to help improve the plugin. Only sends tool names, latencies, and version info. No memory content, queries, or personal data is ever sent.</div>
           </div>
         </div>
+
       </div>
 
       <div class="settings-actions">
@@ -1178,6 +1523,30 @@ input,textarea,select{font-family:inherit;font-size:inherit}
       <div style="font-size:11px;color:var(--text-muted);text-align:right;margin-top:4px" data-i18n="settings.restart.hint">Some changes require restarting the OpenClaw gateway to take effect.</div>
     </div>
 
+    <!-- ─── Admin Page ─── -->
+    <div class="admin-view" id="adminView">
+      <div class="admin-header">
+        <div class="admin-header-top">
+          <h2><span class="ah-icon">\u{1F6E1}</span> <span data-i18n="admin.title">Hub Admin Panel</span></h2>
+          <button class="btn btn-sm btn-ghost" onclick="loadAdminData()" style="backdrop-filter:blur(8px)" data-i18n="admin.refresh">\u21BB Refresh</button>
+        </div>
+        <div class="admin-header-sub" data-i18n="admin.subtitle">Manage team members, groups, and shared resources</div>
+        <div class="admin-stat-row" id="adminStats"></div>
+      </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>
+    </div>
+
     <!-- ─── Import Page ─── -->
     <div class="migrate-view" id="migrateView">
       <div class="settings-section" style="border:1px solid rgba(99,102,241,.15)">
@@ -1371,6 +1740,7 @@ input,textarea,select{font-family:inherit;font-size:inherit}
 
 <script>
 let activeSession=null,activeRole='',editingId=null,searchTimer=null,memoryCache={},currentPage=1,totalPages=1,totalCount=0,PAGE_SIZE=40,metricsDays=30;
+let memorySearchScope='local',skillSearchScope='local',taskSearchScope='local';
 let _embeddingWarningShown=false;
 
 /* ─── i18n ─── */
@@ -1416,6 +1786,14 @@ const I18N={
     'skills.active':'Active',
     'skills.installed':'Installed',
     'skills.public':'Public',
+    'skills.search.placeholder':'Search skills...',
+    'skills.search.local':'Local',
+    'skills.search.noresult':'No matching skills found',
+    'skills.load.error':'Failed to load skills',
+    'skills.hub.title':'\u{1F310} Hub Skills',
+    'scope.local':'Local',
+    'scope.group':'Group',
+    'scope.all':'All',
     'skills.visibility.public':'Public',
     'skills.visibility.private':'Private',
     'skills.setPublic':'Set Public',
@@ -1454,6 +1832,7 @@ const I18N={
     'filter.newest':'Newest first',
     'filter.oldest':'Oldest first',
     'filter.allowners':'All owners',
+    'filter.allsessions':'All sessions',
     'filter.public':'Public',
     'filter.private':'Private',
     'filter.allvisibility':'All visibility',
@@ -1539,6 +1918,15 @@ const I18N={
     'settings.summarizer':'Summarizer Model',
     'settings.skill':'Skill Evolution',
     'settings.general':'General',
+    'settings.embedding.desc':'Vector embedding model for memory search and retrieval',
+    'settings.summarizer.desc':'LLM for memory summarization, deduplication and analysis',
+    'settings.skill.desc':'Auto-extract reusable skills from conversation patterns',
+    'settings.hub.desc':'Share memories, tasks and skills with your team',
+    'settings.general.desc':'System status, ports and telemetry',
+    'settings.hostproxy.embedding':'Use Gateway Model',
+    'settings.hostproxy.completion':'Use Gateway Model',
+    'settings.hostproxy.skill':'Use Gateway Model',
+    'settings.hostproxy.hint.short':'Reuse gateway model config',
     'settings.provider':'Provider',
     'settings.model':'Model',
     'settings.temperature':'Temperature',
@@ -1547,12 +1935,12 @@ const I18N={
     'settings.skill.confidence':'Min Confidence',
     'settings.skill.minchunks':'Min Chunks',
     'settings.skill.model':'Skill Dedicated Model',
-    'settings.skill.model.hint':'If not configured, the main Summarizer Model above will be used for skill generation. Configure a dedicated model here for higher quality skill output.',
+    'settings.skill.model.hint':'Leave empty to reuse the Summarizer model. Set a dedicated one for higher quality.',
     'settings.optional':'Optional',
     'settings.skill.usemain':'Use Main Summarizer',
     'settings.telemetry':'Telemetry',
     'settings.telemetry.enabled':'Enable Anonymous Telemetry',
-    'settings.telemetry.hint':'Anonymous usage analytics to help improve the plugin. Only sends tool names, latencies, and version info. No memory content, queries, or personal data is ever sent.',
+    'settings.telemetry.hint':'Only collects tool names, latencies and version info. No memory content or personal data.',
     'settings.viewerport':'Viewer Port',
     'settings.viewerport.hint':'Requires restart to take effect',
     'settings.test':'Test Connection',
@@ -1649,7 +2037,7 @@ const I18N={
     'skills.related':'Related Tasks',
     'skills.download':'\u2B07 Download',
     'skills.installed.badge':'Installed',
-    'skills.empty':'No skills yet. Skills are automatically generated from completed tasks that contain reusable experience.',
+    'skills.empty':'No skills yet. Skills are auto-generated from completed tasks with reusable patterns.',
     'skills.loading':'Loading...',
     'skills.error':'Error loading skill',
     'skills.error.detail':'Failed to load skill: ',
@@ -1670,6 +2058,203 @@ const I18N={
     'tasks.error':'Error',
     'tasks.error.detail':'Failed to load task details',
     'tasks.untitled.related':'Untitled',
+    'tab.admin':'\u{1F6E1} Admin',
+    'settings.hub':'Hub & Team',
+    'settings.hub.enable':'Enable Hub Sharing',
+    'settings.hub.enable.hint':'When off, everything works locally as usual.',
+    'settings.hub.enable.label':'Enable Hub Sharing',
+    '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.port':'Hub Port',
+    'settings.hub.port.hint':'Port for Hub service. Default: 18800',
+    'settings.hub.teamName':'Team Name',
+    'settings.hub.teamName.hint':'Display name for your team',
+    'settings.hub.teamToken':'Team Token',
+    'settings.hub.teamToken.hint':'Auto-generated secret for clients to join. Click to copy. Share this with your team members.',
+    'settings.hub.tokenCopied':'Team Token copied!',
+    'settings.hub.hubSteps.title':'Quick Setup (3 steps)',
+    'settings.hub.hubSteps.s1':'Fill in Team Name below (or keep default)',
+    'settings.hub.hubSteps.s2':'Click "Save Settings", then restart OpenClaw gateway',
+    'settings.hub.hubSteps.s3':'Share the Hub Address and Team Token below with your team members',
+    'settings.hub.clientSteps.title':'Quick Setup (3 steps)',
+    'settings.hub.clientSteps.s1':'Ask your Hub admin for Hub Address and Team Token',
+    'settings.hub.clientSteps.s2':'Fill them in below, click "Test Connection" to verify',
+    'settings.hub.clientSteps.s3':'Click "Save Settings", then restart OpenClaw gateway to connect',
+    'settings.hub.shareInfo.title':'Share this info with your team members:',
+    'settings.hub.shareInfo.yourIP':'your-IP',
+    'settings.hub.shareInfo.clickCopy':'Click to copy',
+    'settings.hub.restartAlert':'Hub sharing config saved! Please restart the OpenClaw gateway for changes to take effect.\\n\\nRun: openclaw gateway stop && openclaw gateway',
+    'settings.hub.hubAddress':'Hub Address',
+    'settings.hub.hubAddress.hint':'Hub server address, e.g. 192.168.1.100:18800',
+    'settings.hub.teamTokenClient':'Team Token',
+    'settings.hub.teamTokenClient.hint':'Get this from your Hub admin to join the team',
+    'settings.hub.userToken':'User Token',
+    'settings.hub.userToken.hint':'Usually auto-obtained after joining. Only fill if given by admin.',
+    'settings.hub.testConnection':'Test Connection',
+    'settings.hub.test.noAddr':'Please enter Hub address first',
+    'settings.hub.test.testing':'Testing...',
+    'settings.hub.test.ok':'Connected successfully',
+    'settings.hub.test.fail':'Connection failed',
+    'settings.hub.connection':'Connection Status',
+    'settings.hub.team':'Team & Groups',
+    'settings.hub.adminPending':'Admin Pending Users',
+    'sidebar.hub':'\u{1F310} Team Sharing',
+    'sharing.sidebar.connected':'Connected',
+    'sharing.sidebar.disconnected':'Disconnected',
+    'sharing.sidebar.starting':'Starting...',
+    'sharing.sidebar.notConfigured':'Not configured',
+    'sharing.sidebar.identity':'Identity:',
+    'sharing.sidebar.admin':'Admin',
+    'sharing.sidebar.targetHub':'Target Hub:',
+    'admin.title':'Hub Admin Panel',
+    'admin.subtitle':'Manage team members, groups, and shared resources',
+    'admin.refresh':'\u21BB Refresh',
+    'admin.tab.users':'Users',
+    'admin.tab.groups':'Groups',
+    'admin.tab.memories':'Shared Tasks',
+    'admin.tab.skills':'Shared Skills',
+    'admin.stat.activeUsers':'Active Users',
+    'admin.stat.pending':'Pending',
+    'admin.stat.groups':'Groups',
+    'admin.stat.sharedTasks':'Shared Tasks',
+    'admin.stat.sharedSkills':'Shared Skills',
+    'admin.stat.sharedMemories':'Shared Memories',
+    'admin.pendingApproval':'Pending Approval',
+    'admin.activeUsers':'Active Users',
+    'admin.noActiveUsers':'No active users.',
+    'admin.approve':'Approve',
+    'admin.reject':'Reject',
+    'admin.device':'Device: ',
+    'admin.groups':'Groups',
+    'admin.newGroup':'+ New Group',
+    'admin.groupName':'Group name',
+    'admin.groupDesc':'Description (optional)',
+    'admin.create':'Create',
+    'admin.cancel':'Cancel',
+    'admin.delete':'Delete',
+    'admin.members':'Members',
+    'admin.noGroups':'No groups created yet.',
+    'admin.noMembers':'No members.',
+    'admin.add':'Add',
+    'admin.remove':'Remove',
+    'admin.sharedTasks':'Shared Tasks',
+    'admin.noSharedTasks':'No shared tasks on Hub.',
+    'admin.owner':'Owner: ',
+    'admin.group':'Group: ',
+    'admin.chunks':'Chunks: ',
+    'admin.updated':'Updated: ',
+    'admin.sharedSkills':'Shared Skills',
+    'admin.noSharedSkills':'No shared skills on Hub.',
+    'admin.sharedMemories':'Shared Memories',
+    'admin.noSharedMemories':'No shared memories on Hub.',
+    'admin.tab.sharedMemories':'Shared Memories',
+    'admin.version':'v',
+    'admin.quality':'Quality: ',
+    'admin.membersCount':'Members ({n}):',
+    'admin.noMembersYet':'No members yet.',
+    'admin.loadFailed':'Failed to load admin data: ',
+    'admin.groupsFailed':'Failed to load groups: ',
+    'toast.userApproved':'User approved',
+    'toast.userRejected':'User rejected',
+    'toast.approveFail':'Approve failed',
+    'toast.rejectFail':'Reject failed',
+    'toast.groupCreated':'Group created',
+    'toast.groupDeleted':'Group deleted',
+    'toast.memberAdded':'Member added',
+    'toast.memberRemoved':'Member removed',
+    'toast.taskRemoved':'Task removed',
+    'toast.skillRemoved':'Skill removed',
+    'toast.memoryRemoved':'Memory removed',
+    'toast.createFail':'Create failed',
+    'toast.deleteFail':'Delete failed',
+    'toast.addFail':'Add failed',
+    'toast.removeFail':'Remove failed',
+    'toast.groupNameRequired':'Group name is required',
+    'confirm.rejectUser':'Reject this user?',
+    'confirm.removeGroupMember':'Remove this member from the group?',
+    'confirm.removeMember':'Remove this member?',
+    'confirm.deleteGroup':'Delete group "{name}"? Members will be removed.',
+    'confirm.deleteGroupShort':'Delete group "{name}"?',
+    'confirm.removeTask':'Remove shared task "{name}" from Hub? This cannot be undone.',
+    'confirm.removeSkill':'Remove shared skill "{name}" from Hub? This cannot be undone.',
+    'confirm.removeMemory':'Remove shared memory "{name}" from Hub? This cannot be undone.',
+    'sharing.disabled':'Sharing disabled',
+    'sharing.disabled.hint':'Enable sharing in plugin config to connect a Hub.',
+    'sharing.hubAdmin':'Hub Admin',
+    'sharing.client':'Client',
+    'sharing.hubMode':'Hub mode',
+    'sharing.hubMode.status':'Status: not connected to self',
+    'sharing.hubMode.hint':'Configure sharing.client with hubAddress and userToken pointing to this Hub to enable admin UI.',
+    'sharing.clientConfigured':'Client configured',
+    'sharing.clientDisconnected':'Status: disconnected',
+    'sharing.clientDisconnected.hint':'Viewer will keep showing local data; Hub actions may fail until the connection is restored.',
+    'sharing.clientNotConfigured':'Client not configured',
+    'sharing.clientNotConfigured.hint':'Set hubAddress and userToken in sharing.client to enable team features.',
+    'sharing.settingsDisabled':'Sharing is disabled.',
+    'sharing.settingsDisabled.hint':'Enable sharing in config to use Hub memory and skill collaboration.',
+    'sharing.noTeam':'No team connection.',
+    'sharing.adminUnavailable':'Admin tools unavailable.',
+    'sharing.adminEnabled':'Admin controls enabled',
+    'sharing.adminPendingHint':'Pending users will appear below.',
+    'sharing.notAdmin':'Current user is not an admin.',
+    'sharing.pendingLoadFail':'Failed to load pending users: ',
+    'sharing.noPending':'No pending users.',
+    'sharing.manageGroups':'Manage Groups',
+    'sharing.openAdmin':'Open Admin Panel',
+    'sharing.saveUsername':'Save',
+    'sharing.username.invalid':'Username must be 2-32 characters',
+    'sharing.username.taken':'Username already taken',
+    'sharing.username.updated':'Username updated',
+    'sharing.username.error':'Failed to update username',
+    'sharing.hubNotConfigured':'Hub is running but client connection is not configured.',
+    'sharing.hubNotConfigured.hint':'Add sharing.client.hubAddress and sharing.client.userToken pointing to this Hub to enable the admin interface.',
+    'sharing.notConnected':'Not connected to Hub.',
+    'sharing.role':'Role:',
+    'sharing.mode':'Mode:',
+    'sharing.role.hub':'Server (hosting the Hub)',
+    'sharing.role.client':'Member (connected to Hub)',
+    'sharing.clientConfiguredLabel':'Client configured:',
+    'sharing.configuredHub':'Configured Hub:',
+    'sharing.connected':'Connected:',
+    'sharing.yes':'yes',
+    'sharing.no':'no',
+    'sharing.user':'User:',
+    'sharing.team':'Team:',
+    'sharing.groups':'Groups:',
+    'sharing.loading':'Loading...',
+    'sharing.loadingGroups':'Loading groups...',
+    'sharing.noGroupsYet':'No groups yet.',
+    'search.localResults':'Local Results',
+    'search.hubResults':'Hub Results',
+    'search.noLocal':'No local results.',
+    'search.noHub':'No Hub results.',
+    'search.viewDetail':'View Detail',
+    'search.sharedMemory':'Shared Memory',
+    'search.loadFailed':'Failed to load shared memory',
+    'share.alreadyShared':'Shared',
+    'share.shareBtn':'Share',
+    'share.updateBtn':'Update',
+    'share.unshareBtn':'Unshare',
+    'toast.taskShared':'Task shared',
+    'toast.taskShareFail':'Task share failed',
+    'toast.taskUnshared':'Task unshared',
+    'toast.taskUnshareFail':'Task unshare failed',
+    'toast.memoryShared':'Memory shared',
+    'toast.memoryShareFail':'Memory share failed',
+    'toast.memoryUnshared':'Memory unshared',
+    'toast.memoryUnshareFail':'Memory unshare failed',
+    'toast.skillShared':'Skill shared',
+    'toast.skillShareFail':'Skill share failed',
+    'toast.skillUnshared':'Skill unshared',
+    'toast.skillUnshareFail':'Skill unshare failed',
+    'share.memoryVisibilityPrompt':'Share visibility (public or group):',
+    'share.memoryUnshareConfirm':'Unshare this memory?',
+    'share.group':'Group',
+    'share.public':'Public',
+    'toast.skillPulled':'Skill pulled to local storage',
+    'toast.skillPullFail':'Skill pull failed',
     'task.edit':'Edit',
     'task.delete':'Delete',
     'task.save':'Save',
@@ -1690,10 +2275,11 @@ const I18N={
     'skill.save.error':'Failed to save skill: ',
     'update.available':'New version available',
     'update.run':'Run',
-    'update.btn':'Update now',
-    'update.installing':'Installing update...',
-    'update.success':'Update installed! Restarting...',
+    'update.btn':'Update',
+    'update.installing':'Installing...',
+    'update.success':'Updated!',
     'update.failed':'Update failed',
+    'update.restarting':'Restarting service...',
     'update.dismiss':'Dismiss'
   },
   zh:{
@@ -1737,6 +2323,14 @@ const I18N={
     'skills.active':'生效中',
     'skills.installed':'已安装',
     'skills.public':'公开',
+    'skills.search.placeholder':'搜索技能...',
+    'skills.search.local':'本地',
+    'skills.search.noresult':'未找到匹配的技能',
+    'skills.load.error':'加载技能失败',
+    'skills.hub.title':'\u{1F310} Hub 共享技能',
+    'scope.local':'本地',
+    'scope.group':'团队',
+    'scope.all':'全部',
     'skills.visibility.public':'公开',
     'skills.visibility.private':'私有',
     'skills.setPublic':'设为公开',
@@ -1775,6 +2369,7 @@ const I18N={
     'filter.newest':'最新优先',
     'filter.oldest':'最早优先',
     'filter.allowners':'所有归属',
+    'filter.allsessions':'全部会话',
     'filter.public':'公开',
     'filter.private':'私有',
     'filter.allvisibility':'所有可见性',
@@ -1860,6 +2455,15 @@ const I18N={
     'settings.summarizer':'摘要模型',
     'settings.skill':'技能进化',
     'settings.general':'通用设置',
+    'settings.embedding.desc':'向量嵌入模型，用于记忆检索和语义搜索',
+    'settings.summarizer.desc':'大语言模型，用于记忆摘要、去重和分析',
+    'settings.skill.desc':'从对话模式中自动提取可复用的技能',
+    'settings.hub.desc':'与团队共享记忆、任务和技能',
+    'settings.general.desc':'系统状态、端口和数据统计',
+    'settings.hostproxy.embedding':'复用网关模型',
+    'settings.hostproxy.completion':'复用网关模型',
+    'settings.hostproxy.skill':'复用网关模型',
+    'settings.hostproxy.hint.short':'复用网关已有的模型配置',
     'settings.provider':'服务商',
     'settings.model':'模型',
     'settings.temperature':'温度',
@@ -1868,12 +2472,12 @@ const I18N={
     'settings.skill.confidence':'最低置信度',
     'settings.skill.minchunks':'最少记忆片段',
     'settings.skill.model':'技能专用模型',
-    'settings.skill.model.hint':'不配置时默认使用上方的摘要模型进行技能生成。如需更高质量的技能输出，可在此单独配置一个更强的模型。',
+    'settings.skill.model.hint':'不配置则复用摘要模型。如需更高质量可单独指定。',
     'settings.optional':'可选',
     'settings.skill.usemain':'使用主摘要模型',
     'settings.telemetry':'数据统计',
     'settings.telemetry.enabled':'启用匿名数据统计',
-    'settings.telemetry.hint':'匿名使用统计，帮助改进插件。仅发送工具名称、响应时间和版本信息，不会发送任何记忆内容、搜索查询或个人数据。',
+    'settings.telemetry.hint':'仅收集工具名称、响应时间和版本号，不涉及任何记忆内容或个人数据。',
     'settings.viewerport':'Viewer 端口',
     'settings.viewerport.hint':'修改后需重启网关生效',
     'settings.test':'测试连接',
@@ -1970,7 +2574,7 @@ const I18N={
     'skills.related':'关联任务',
     'skills.download':'\u2B07 下载',
     'skills.installed.badge':'已安装',
-    'skills.empty':'暂无技能。技能会从已完成的、包含可复用经验的任务中自动生成。',
+    'skills.empty':'暂无技能。技能会从已完成的任务中自动提炼生成。',
     'skills.loading':'加载中...',
     'skills.error':'加载技能失败',
     'skills.error.detail':'加载技能失败：',
@@ -1991,6 +2595,203 @@ const I18N={
     'tasks.error':'出错了',
     'tasks.error.detail':'加载任务详情失败',
     'tasks.untitled.related':'未命名',
+    'tab.admin':'\u{1F6E1} 管理',
+    'settings.hub':'Hub 与团队',
+    'settings.hub.enable':'启用 Hub 共享',
+    'settings.hub.enable.hint':'关闭时仅本地使用，不影响其他功能。',
+    'settings.hub.enable.label':'启用 Hub 共享',
+    'settings.hub.role':'角色',
+    'settings.hub.role.hub':'Hub（服务端）',
+    'settings.hub.role.client':'Client（连接到 Hub）',
+    'settings.hub.role.hint':'Hub = 本机做服务端；Client = 连接别人的服务端。',
+    'settings.hub.port':'Hub 端口',
+    'settings.hub.port.hint':'Hub 服务端口，默认 18800',
+    'settings.hub.teamName':'团队名称',
+    'settings.hub.teamName.hint':'你的团队显示名称',
+    'settings.hub.teamToken':'团队令牌',
+    'settings.hub.teamToken.hint':'自动生成的密钥，点击可复制。请将此令牌分享给团队成员。',
+    'settings.hub.tokenCopied':'团队令牌已复制！',
+    'settings.hub.hubSteps.title':'快速配置（3 步）',
+    'settings.hub.hubSteps.s1':'填写下方团队名称（或保持默认）',
+    'settings.hub.hubSteps.s2':'点击"保存设置"，然后重启 OpenClaw 网关',
+    'settings.hub.hubSteps.s3':'将下方的 Hub 地址和团队令牌分享给团队成员',
+    'settings.hub.clientSteps.title':'快速配置（3 步）',
+    'settings.hub.clientSteps.s1':'向 Hub 管理员获取 Hub 地址和团队令牌',
+    'settings.hub.clientSteps.s2':'填入下方，点击"测试连接"验证连通性',
+    'settings.hub.clientSteps.s3':'点击"保存设置"，然后重启 OpenClaw 网关即可连接',
+    'settings.hub.shareInfo.title':'请将以下信息分享给团队成员：',
+    'settings.hub.shareInfo.yourIP':'你的IP',
+    'settings.hub.shareInfo.clickCopy':'点击复制',
+    'settings.hub.restartAlert':'Hub 共享配置已保存！请重启 OpenClaw 网关使配置生效。\\n\\n执行命令：openclaw gateway stop && openclaw gateway',
+    'settings.hub.hubAddress':'Hub 地址',
+    'settings.hub.hubAddress.hint':'Hub 服务器地址，如 192.168.1.100:18800',
+    'settings.hub.teamTokenClient':'团队令牌',
+    'settings.hub.teamTokenClient.hint':'向 Hub 管理员获取此令牌以加入团队',
+    'settings.hub.userToken':'用户令牌',
+    'settings.hub.userToken.hint':'通常在加入团队后自动获取，无需手动填写。',
+    'settings.hub.testConnection':'测试连接',
+    'settings.hub.test.noAddr':'请先输入 Hub 地址',
+    'settings.hub.test.testing':'测试中...',
+    'settings.hub.test.ok':'连接成功',
+    'settings.hub.test.fail':'连接失败',
+    'settings.hub.connection':'连接状态',
+    'settings.hub.team':'团队与分组',
+    'settings.hub.adminPending':'管理员待审用户',
+    'sidebar.hub':'\u{1F310} 团队共享',
+    'sharing.sidebar.connected':'已连接',
+    'sharing.sidebar.disconnected':'已断开',
+    'sharing.sidebar.starting':'启动中...',
+    'sharing.sidebar.notConfigured':'未配置',
+    'sharing.sidebar.identity':'身份：',
+    'sharing.sidebar.admin':'管理员',
+    'sharing.sidebar.targetHub':'目标 Hub：',
+    'admin.title':'Hub 管理面板',
+    'admin.subtitle':'管理团队成员、分组和共享资源',
+    'admin.refresh':'\u21BB 刷新',
+    'admin.tab.users':'用户',
+    'admin.tab.groups':'分组',
+    'admin.tab.memories':'共享任务',
+    'admin.tab.skills':'共享技能',
+    'admin.stat.activeUsers':'活跃用户',
+    'admin.stat.pending':'待审核',
+    'admin.stat.groups':'分组',
+    'admin.stat.sharedTasks':'共享任务',
+    'admin.stat.sharedSkills':'共享技能',
+    'admin.stat.sharedMemories':'共享记忆',
+    'admin.pendingApproval':'待审批',
+    'admin.activeUsers':'活跃用户',
+    'admin.noActiveUsers':'暂无活跃用户。',
+    'admin.approve':'批准',
+    'admin.reject':'拒绝',
+    'admin.device':'设备：',
+    'admin.groups':'分组',
+    'admin.newGroup':'+ 新建分组',
+    'admin.groupName':'分组名称',
+    'admin.groupDesc':'描述（可选）',
+    'admin.create':'创建',
+    'admin.cancel':'取消',
+    'admin.delete':'删除',
+    'admin.members':'成员',
+    'admin.noGroups':'暂无分组。',
+    'admin.noMembers':'暂无成员。',
+    'admin.add':'添加',
+    'admin.remove':'移除',
+    'admin.sharedTasks':'共享任务',
+    'admin.noSharedTasks':'Hub 上暂无共享任务。',
+    'admin.owner':'归属：',
+    'admin.group':'分组：',
+    'admin.chunks':'记忆片段：',
+    'admin.updated':'更新于：',
+    'admin.sharedSkills':'共享技能',
+    'admin.noSharedSkills':'Hub 上暂无共享技能。',
+    'admin.sharedMemories':'共享记忆',
+    'admin.noSharedMemories':'Hub 上暂无共享记忆。',
+    'admin.tab.sharedMemories':'共享记忆',
+    'admin.version':'v',
+    'admin.quality':'质量：',
+    'admin.membersCount':'成员（{n}）：',
+    'admin.noMembersYet':'暂无成员。',
+    'admin.loadFailed':'加载管理数据失败：',
+    'admin.groupsFailed':'加载分组失败：',
+    'toast.userApproved':'用户已批准',
+    'toast.userRejected':'用户已拒绝',
+    'toast.approveFail':'批准失败',
+    'toast.rejectFail':'拒绝失败',
+    'toast.groupCreated':'分组已创建',
+    'toast.groupDeleted':'分组已删除',
+    'toast.memberAdded':'成员已添加',
+    'toast.memberRemoved':'成员已移除',
+    'toast.taskRemoved':'任务已移除',
+    'toast.skillRemoved':'技能已移除',
+    'toast.memoryRemoved':'记忆已移除',
+    'toast.createFail':'创建失败',
+    'toast.deleteFail':'删除失败',
+    'toast.addFail':'添加失败',
+    'toast.removeFail':'移除失败',
+    'toast.groupNameRequired':'请输入分组名称',
+    'confirm.rejectUser':'确定要拒绝此用户吗？',
+    'confirm.removeGroupMember':'确定要将此成员移出分组吗？',
+    'confirm.removeMember':'确定要移除此成员吗？',
+    'confirm.deleteGroup':'确定要删除分组「{name}」吗？成员将被移除。',
+    'confirm.deleteGroupShort':'确定要删除分组「{name}」吗？',
+    'confirm.removeTask':'确定要从 Hub 移除共享任务「{name}」吗？此操作不可撤销。',
+    'confirm.removeSkill':'确定要从 Hub 移除共享技能「{name}」吗？此操作不可撤销。',
+    'confirm.removeMemory':'确定要从 Hub 移除共享记忆「{name}」吗？此操作不可撤销。',
+    'sharing.disabled':'共享已禁用',
+    'sharing.disabled.hint':'在插件配置中启用共享以连接 Hub。',
+    'sharing.hubAdmin':'Hub 管理员',
+    'sharing.client':'客户端',
+    'sharing.hubMode':'Hub 模式',
+    'sharing.hubMode.status':'状态：未连接到自身',
+    'sharing.hubMode.hint':'配置 sharing.client 的 hubAddress 和 userToken 指向此 Hub 以启用管理界面。',
+    'sharing.clientConfigured':'客户端已配置',
+    'sharing.clientDisconnected':'状态：已断开',
+    'sharing.clientDisconnected.hint':'查看器将继续显示本地数据；Hub 操作可能在连接恢复前失败。',
+    'sharing.clientNotConfigured':'客户端未配置',
+    'sharing.clientNotConfigured.hint':'设置 sharing.client 中的 hubAddress 和 userToken 以启用团队功能。',
+    'sharing.settingsDisabled':'共享已禁用。',
+    'sharing.settingsDisabled.hint':'在配置中启用共享以使用 Hub 记忆和技能协作。',
+    'sharing.noTeam':'无团队连接。',
+    'sharing.adminUnavailable':'管理工具不可用。',
+    'sharing.adminEnabled':'管理控制已启用',
+    'sharing.adminPendingHint':'待审用户将显示在下方。',
+    'sharing.notAdmin':'当前用户不是管理员。',
+    'sharing.pendingLoadFail':'加载待审用户失败：',
+    'sharing.noPending':'暂无待审用户。',
+    'sharing.manageGroups':'管理分组',
+    'sharing.openAdmin':'打开管理面板',
+    'sharing.saveUsername':'保存',
+    'sharing.username.invalid':'用户名需 2-32 个字符',
+    'sharing.username.taken':'用户名已被占用',
+    'sharing.username.updated':'用户名已更新',
+    'sharing.username.error':'更新用户名失败',
+    'sharing.hubNotConfigured':'Hub 正在运行，但客户端连接未配置。',
+    'sharing.hubNotConfigured.hint':'添加 sharing.client.hubAddress 和 sharing.client.userToken 指向此 Hub 以启用管理界面。',
+    'sharing.notConnected':'未连接到 Hub。',
+    'sharing.role':'角色：',
+    'sharing.mode':'身份：',
+    'sharing.role.hub':'服务端（Hub 主机）',
+    'sharing.role.client':'成员（连接到 Hub）',
+    'sharing.clientConfiguredLabel':'客户端已配置：',
+    'sharing.configuredHub':'配置的 Hub：',
+    'sharing.connected':'已连接：',
+    'sharing.yes':'是',
+    'sharing.no':'否',
+    'sharing.user':'用户：',
+    'sharing.team':'团队：',
+    'sharing.groups':'分组：',
+    'sharing.loading':'加载中...',
+    'sharing.loadingGroups':'正在加载分组...',
+    'sharing.noGroupsYet':'暂无分组。',
+    'search.localResults':'本地结果',
+    'search.hubResults':'Hub 结果',
+    'search.noLocal':'无本地结果。',
+    'search.noHub':'无 Hub 结果。',
+    'search.viewDetail':'查看详情',
+    'search.sharedMemory':'共享记忆',
+    'search.loadFailed':'加载共享记忆失败',
+    'share.alreadyShared':'已共享',
+    'share.shareBtn':'共享',
+    'share.updateBtn':'更新共享',
+    'share.unshareBtn':'取消共享',
+    'toast.taskShared':'任务已共享',
+    'toast.taskShareFail':'任务共享失败',
+    'toast.taskUnshared':'任务已取消共享',
+    'toast.taskUnshareFail':'取消共享失败',
+    'toast.memoryShared':'记忆已共享',
+    'toast.memoryShareFail':'记忆共享失败',
+    'toast.memoryUnshared':'记忆已取消共享',
+    'toast.memoryUnshareFail':'记忆取消共享失败',
+    'toast.skillShared':'技能已共享',
+    'toast.skillShareFail':'技能共享失败',
+    'toast.skillUnshared':'技能已取消共享',
+    'toast.skillUnshareFail':'技能取消共享失败',
+    'share.memoryVisibilityPrompt':'共享可见性（public 或 group）：',
+    'share.memoryUnshareConfirm':'取消共享此记忆？',
+    'share.group':'团队',
+    'share.public':'公开',
+    'toast.skillPulled':'技能已拉取到本地',
+    'toast.skillPullFail':'技能拉取失败',
     'task.edit':'编辑',
     'task.delete':'删除',
     'task.save':'保存',
@@ -2011,10 +2812,11 @@ const I18N={
     'skill.save.error':'保存技能失败：',
     'update.available':'发现新版本',
     'update.run':'执行命令',
-    'update.btn':'立即更新',
-    'update.installing':'正在安装更新...',
-    'update.success':'更新成功！正在重启...',
+    'update.btn':'更新',
+    'update.installing':'安装中...',
+    'update.success':'更新完成',
     'update.failed':'更新失败',
+    'update.restarting':'正在重启服务...',
     'update.dismiss':'关闭'
   }
 };
@@ -2117,11 +2919,86 @@ async function doReset(){
   else{err.textContent=d.error||t('reset.err.fail')}
 }
 
+var _sharingRole='client';
+function _genToken(len){
+  var a=new Uint8Array(len||18);crypto.getRandomValues(a);
+  return btoa(String.fromCharCode.apply(null,a)).replace(/\\+/g,'-').replace(/\\//g,'_').replace(/=+$/,'');
+}
+function onSharingToggle(){
+  var on=document.getElementById('cfgSharingEnabled').checked;
+  document.getElementById('sharingConfigPanel').style.display=on?'block':'none';
+  if(on) selectSharingRole(_sharingRole);
+}
+function selectSharingRole(role){
+  _sharingRole=role;
+  document.getElementById('btnRoleHub').className='btn btn-sm'+(role==='hub'?' btn-primary':'');
+  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';
+  if(role==='hub'){
+    var tk=document.getElementById('cfgHubTeamToken');
+    if(!tk.value.trim()) tk.value=_genToken(18);
+    var tn=document.getElementById('cfgHubTeamName');
+    if(!tn.value.trim()) tn.value='My Team';
+  }
+}
+var _cachedLocalIP='';
+function updateHubShareInfo(){
+  var panel=document.getElementById('hubShareInfo');
+  var content=document.getElementById('hubShareInfoContent');
+  if(!panel||!content) return;
+  var token=document.getElementById('cfgHubTeamToken').value.trim();
+  var port=document.getElementById('cfgHubPort').value.trim()||'18800';
+  if(!token||_sharingRole!=='hub'){panel.style.display='none';return;}
+  panel.style.display='block';
+  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>';
+  };
+  if(_cachedLocalIP){renderShare(_cachedLocalIP);return;}
+  renderShare('');
+  fetch('/api/local-ips').then(function(r){return r.json()}).then(function(d){
+    if(d.ips&&d.ips.length>0){_cachedLocalIP=d.ips[0];renderShare(_cachedLocalIP);}
+  }).catch(function(){});
+}
+async function testHubConnection(){
+  var btn=document.getElementById('btnTestHubConn');
+  var result=document.getElementById('hubConnTestResult');
+  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 url=addr.match(/^https?:\\/\\//)?addr:'http://'+addr;
+    url=url.replace(/\\/+$/,'');
+    var r=await fetch('/api/sharing/test-hub',{method:'POST',headers:{'Content-Type':'application/json'},body:JSON.stringify({hubUrl:url})});
+    var d=await r.json();
+    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>';
+    }
+  }catch(e){
+    result.innerHTML='<span style="color:var(--rose)">\u274C '+esc(String(e))+'</span>';
+  }finally{btn.disabled=false;}
+}
+
 function enterApp(){
   document.getElementById('app').style.display='flex';
   loadAll();
 }
 
+function switchSettingsTab(tab,btn){
+  document.querySelectorAll('.settings-tab-btn').forEach(function(b){b.classList.remove('active')});
+  if(btn){btn.classList.add('active')}
+  else{var b=document.querySelector('.settings-tab-btn[data-tab="'+tab+'"]');if(b)b.classList.add('active')}
+  document.querySelectorAll('.settings-card[data-stab]').forEach(function(c){
+    if(c.dataset.stab===tab){c.classList.add('stab-active')}else{c.classList.remove('stab-active')}
+  });
+}
+
 function switchView(view){
   document.querySelectorAll('.nav-tabs .tab').forEach(t=>t.classList.toggle('active',t.dataset.view===view));
   const feedWrap=document.getElementById('feedWrap');
@@ -2131,6 +3008,7 @@ function switchView(view){
   const logsView=document.getElementById('logsView');
   const settingsView=document.getElementById('settingsView');
   const migrateView=document.getElementById('migrateView');
+  const adminView=document.getElementById('adminView');
   const sidebar=document.getElementById('sidebar');
   feedWrap.classList.add('hide');
   analyticsView.classList.remove('show');
@@ -2139,19 +3017,17 @@ function switchView(view){
   logsView.classList.remove('show');
   settingsView.classList.remove('show');
   migrateView.classList.remove('show');
-  const sessionSection=document.getElementById('sidebarSessionSection');
+  if(adminView) adminView.classList.remove('show');
+  var sessionSection=document.getElementById('sidebarSessionSection');
   if(view==='memories'){
     feedWrap.classList.remove('hide');
-    sessionSection.style.visibility='';
-    sessionSection.style.pointerEvents='';
+    if(sessionSection){sessionSection.style.visibility='';sessionSection.style.pointerEvents='';}
   } else if(view==='tasks'||view==='skills'){
-    sessionSection.style.visibility='hidden';
-    sessionSection.style.pointerEvents='none';
+    if(sessionSection){sessionSection.style.visibility='hidden';sessionSection.style.pointerEvents='none';}
     if(view==='tasks'){tasksView.classList.add('show');loadTasks();}
     else{skillsView.classList.add('show');loadSkills();}
   } else {
-    sessionSection.style.visibility='hidden';
-    sessionSection.style.pointerEvents='none';
+    if(sessionSection){sessionSection.style.visibility='hidden';sessionSection.style.pointerEvents='none';}
     if(view==='analytics'){
       analyticsView.classList.add('show');
       loadMetrics();
@@ -2165,8 +3041,945 @@ function switchView(view){
     } else if(view==='import'){
       migrateView.classList.add('show');
       if(!window._migrateRunning) migrateScan(false);
+    } else if(view==='admin'){
+      if(adminView){adminView.classList.add('show');loadAdminData();}
+    }
+  }
+}
+
+function onMemoryScopeChange(){
+  memorySearchScope=document.getElementById('memorySearchScope')?.value||'local';
+  if(document.getElementById('searchInput').value.trim()) doSearch(document.getElementById('searchInput').value);
+  else if(memorySearchScope!=='local') { document.getElementById('sharingSearchMeta').textContent=''; loadHubMemories(); }
+  else { document.getElementById('sharingSearchMeta').textContent=''; loadMemories(); }
+}
+
+function onSkillScopeChange(){
+  skillSearchScope=document.getElementById('skillSearchScope')?.value||'local';
+  loadSkills();
+}
+
+function onTaskScopeChange(){
+  taskSearchScope=document.getElementById('taskSearchScope')?.value||'local';
+  tasksPage=0;
+  loadTasks();
+}
+
+async function loadSharingStatus(forcePending){
+  try{
+    const r=await fetch('/api/sharing/status');
+    const d=await r.json();
+    sharingStatusCache=d;
+    renderSharingSidebar(d);
+    renderSharingSettings(d);
+    if(forcePending && d && d.admin && d.admin.canManageUsers) loadSharingPendingUsers();
+  }catch(e){
+    renderSharingSidebar(null);
+    renderSharingSettings(null);
+  }
+}
+
+function renderSharingSidebar(data){
+  var section=document.getElementById('sidebarSharingSection');
+  var statusEl=document.getElementById('sharingSidebarStatus');
+  var hintEl=document.getElementById('sharingSidebarHint');
+  var badgeEl=document.getElementById('sharingSidebarConnBadge');
+  if(!statusEl||!hintEl) return;
+  if(!data||!data.enabled){
+    if(section) section.style.display='none';
+    return;
+  }
+  if(section) section.style.display='block';
+  var conn=data.connection||{};
+  function setBadge(color,text,glow){
+    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(', ')||'';
+    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>';
+    hintEl.textContent=t('sharing.clientDisconnected.hint');
+  }else{
+    setBadge('#888',t('sharing.sidebar.notConfigured'),false);
+    statusEl.innerHTML='';
+    hintEl.textContent=t('sharing.clientNotConfigured.hint');
+  }
+}
+
+function renderSharingSettings(data){
+  var statusEl=document.getElementById('sharingStatusPanel');
+  var teamEl=document.getElementById('sharingTeamPanel');
+  var adminEl=document.getElementById('sharingAdminPanel');
+  if(!statusEl||!teamEl||!adminEl) return;
+  if(!data||!data.enabled){
+    statusEl.innerHTML='';teamEl.innerHTML='';adminEl.innerHTML='';
+    return;
+  }
+  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>';
+  }
+  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>';
     }
+    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>';
+  }
+  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';
+}
+
+async function updateHubUsername(){
+  var input=document.getElementById('hubUsernameInput');
+  if(!input) return;
+  var newName=input.value.trim();
+  if(!newName||newName.length<2||newName.length>32){
+    toast(t('sharing.username.invalid'),'error');
+    return;
+  }
+  try{
+    var r=await fetch('/api/sharing/update-username',{
+      method:'POST',
+      headers:{'Content-Type':'application/json'},
+      body:JSON.stringify({username:newName})
+    });
+    var d=await r.json();
+    if(d.error==='username_taken'){
+      toast(t('sharing.username.taken'),'error');
+      return;
+    }
+    if(d.error){
+      toast(d.error,'error');
+      return;
+    }
+    toast(t('sharing.username.updated'),'success');
+    loadSharingStatus(false);
+  }catch(e){
+    toast(t('sharing.username.error'),'error');
+  }
+}
+
+async function loadSharingPendingUsers(){
+  var el=document.getElementById('sharingAdminPanel');
+  if(!el) return;
+  el.innerHTML=t('sharing.loading');
+  try{
+    const r=await fetch('/api/sharing/pending-users');
+    const d=await r.json();
+    const users=Array.isArray(d.users)?d.users:[];
+    renderSharingPendingUsers(users, d.error, sharingStatusCache&&sharingStatusCache.admin?sharingStatusCache.admin.rejectSupported:false);
+  }catch(e){
+    el.innerHTML='<div class="line">'+t('sharing.pendingLoadFail')+esc(String(e))+'</div>';
+  }
+}
+
+function renderSharingPendingUsers(users, error, rejectSupported){
+  var el=document.getElementById('sharingAdminPanel');
+  if(!el) return;
+  var wrap='<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>'+(users?users.length:0)+'</span></div>';
+  if(error){
+    el.innerHTML=wrap+'<div class="hic-empty">'+esc(error)+'</div></div>';
+    return;
+  }
+  if(!users||users.length===0){
+    el.innerHTML=wrap+'<div class="hic-empty">'+t('sharing.noPending')+'</div></div>';
+    return;
+  }
+  el.innerHTML=wrap+users.map(function(user){
+    return '<div style="display:flex;align-items:center;justify-content:space-between;padding:8px 0;border-top:1px solid var(--border)">'+
+      '<div><div style="font-size:13px;font-weight:600;color:var(--text)">'+esc(user.username||user.id||'')+'</div>'+
+      '<div style="font-size:11px;color:var(--text-muted)">'+t('admin.device')+esc(user.deviceName||'unknown')+'</div></div>'+
+      '<div class="hic-actions" style="margin:0">'+
+        '<button class="btn btn-sm btn-primary" onclick="approveSharingUser(&quot;'+escAttr(user.id)+'&quot;,&quot;'+escAttr(user.username||'')+'&quot;)">'+t('admin.approve')+'</button>'+
+        (rejectSupported?'<button class="btn btn-sm btn-ghost" style="color:var(--rose)" onclick="rejectSharingUser(&quot;'+escAttr(user.id)+'&quot;,&quot;'+escAttr(user.username||'')+'&quot;)">'+t('admin.reject')+'</button>':'')+
+      '</div></div>';
+  }).join('')+'</div>';
+}
+
+async function approveSharingUser(userId,username){
+  try{
+    const r=await fetch('/api/sharing/approve-user',{method:'POST',headers:{'Content-Type':'application/json'},body:JSON.stringify({userId:userId,username:username})});
+    const d=await r.json();
+    if(d.ok){toast(t('toast.userApproved'),'success');loadSharingPendingUsers();loadSharingStatus(true);} else {toast(d.error||t('toast.approveFail'),'error');}
+  }catch(e){toast(t('toast.approveFail')+': '+e.message,'error');}
+}
+
+async function rejectSharingUser(userId,username){
+  try{
+    const r=await fetch('/api/sharing/reject-user',{method:'POST',headers:{'Content-Type':'application/json'},body:JSON.stringify({userId:userId,username:username})});
+    const d=await r.json();
+    if(d.ok){toast(t('toast.userRejected'),'success');loadSharingPendingUsers();} else {toast(d.error||t('toast.rejectFail'),'error');}
+  }catch(e){toast(t('toast.rejectFail')+': '+e.message,'error');}
+}
+
+/* ─── Group Manager ─── */
+var groupManagerUsers=[];
+async function loadGroupManager(){
+  var panel=document.getElementById('groupManagerPanel');
+  if(!panel) return;
+  panel.style.display='block';
+  panel.innerHTML=t('sharing.loadingGroups');
+  try{
+    var [gr,ur]=await Promise.all([
+      fetch('/api/sharing/groups').then(function(r){return r.json();}),
+      fetch('/api/sharing/users').then(function(r){return r.json();})
+    ]);
+    var groups=Array.isArray(gr.groups)?gr.groups:[];
+    groupManagerUsers=Array.isArray(ur.users)?ur.users:[];
+    renderGroupManager(panel,groups);
+  }catch(e){panel.innerHTML=t('admin.groupsFailed')+esc(String(e));}
+}
+function renderGroupManager(panel,groups){
+  var html='<div style="margin-bottom:8px;display:flex;gap:8px;align-items:center;font-size:12px">'+
+    '<strong>'+t('admin.groups')+' ('+groups.length+')</strong>'+
+    '<button class="btn btn-sm" onclick="showCreateGroupForm()" style="font-size:11px">'+t('admin.newGroup')+'</button>'+
+  '</div>';
+  html+='<div id="createGroupForm" style="display:none;margin-bottom:10px;padding:10px;background:var(--bg);border:1px solid var(--border);border-radius:8px;font-size:12px">'+
+    '<input id="newGroupName" type="text" placeholder="'+t('admin.groupName')+'" style="width:60%;padding:4px 8px;border:1px solid var(--border);border-radius:6px;font-size:12px;margin-right:6px;background:var(--bg);color:var(--text)">'+
+    '<input id="newGroupDesc" type="text" placeholder="'+t('admin.groupDesc')+'" style="width:60%;padding:4px 8px;border:1px solid var(--border);border-radius:6px;font-size:12px;margin-right:6px;margin-top:6px;background:var(--bg);color:var(--text)">'+
+    '<div style="margin-top:6px"><button class="btn btn-sm btn-primary" onclick="createGroup()" style="font-size:11px">'+t('admin.create')+'</button> '+
+    '<button class="btn btn-sm btn-ghost" onclick="hideCreateGroupForm()" style="font-size:11px">'+t('admin.cancel')+'</button></div>'+
+  '</div>';
+  if(groups.length===0){
+    html+='<div style="font-size:12px;color:var(--text-muted);padding:6px 0">'+t('sharing.noGroupsYet')+'</div>';
+  }else{
+    html+='<div style="display:flex;flex-direction:column;gap:6px">';
+    for(var i=0;i<groups.length;i++){
+      var g=groups[i];
+      html+='<div style="padding:8px 12px;background:var(--bg);border:1px solid var(--border);border-radius:8px;font-size:12px">'+
+        '<div style="display:flex;justify-content:space-between;align-items:center">'+
+          '<div><strong style="font-size:12px">'+esc(g.name)+'</strong>'+(g.description?' — <span style="color:var(--text-sec);font-size:11px">'+esc(g.description)+'</span>':'')+'</div>'+
+          '<div style="display:flex;gap:6px">'+
+            '<button class="btn btn-sm" onclick="toggleGroupMembers(&quot;'+escAttr(g.id)+'&quot;)" style="font-size:11px;padding:2px 8px">'+t('admin.members')+'</button>'+
+            '<button class="btn btn-sm btn-ghost" onclick="deleteGroup(&quot;'+escAttr(g.id)+'&quot;,&quot;'+escAttr(g.name)+'&quot;)" style="color:#ef4444;font-size:11px;padding:2px 8px">'+t('admin.delete')+'</button>'+
+          '</div>'+
+        '</div>'+
+        '<div id="groupMembers_'+escAttr(g.id)+'" style="display:none;margin-top:6px;font-size:12px"></div>'+
+      '</div>';
+    }
+    html+='</div>';
+  }
+  panel.innerHTML=html;
+}
+function showCreateGroupForm(){var f=document.getElementById('createGroupForm');if(f)f.style.display='block';}
+function hideCreateGroupForm(){var f=document.getElementById('createGroupForm');if(f)f.style.display='none';}
+async function createGroup(){
+  var name=(document.getElementById('newGroupName')).value.trim();
+  var desc=(document.getElementById('newGroupDesc')).value.trim();
+  if(!name){toast(t('toast.groupNameRequired'),'error');return;}
+  try{
+    var r=await fetch('/api/sharing/groups',{method:'POST',headers:{'Content-Type':'application/json'},body:JSON.stringify({name:name,description:desc})});
+    var d=await r.json();
+    if(d.ok){toast(t('toast.groupCreated'),'success');hideCreateGroupForm();loadGroupManager();}else{toast(d.error||t('toast.createFail'),'error');}
+  }catch(e){toast(t('toast.createFail')+': '+e.message,'error');}
+}
+async function deleteGroup(groupId,groupName){
+  if(!confirm(t('confirm.deleteGroup').replace('{name}',groupName))) return;
+  try{
+    var r=await fetch('/api/sharing/groups/'+encodeURIComponent(groupId),{method:'DELETE'});
+    var d=await r.json();
+    if(d.ok){toast(t('toast.groupDeleted'),'success');loadGroupManager();}else{toast(d.error||t('toast.deleteFail'),'error');}
+  }catch(e){toast(t('toast.deleteFail')+': '+e.message,'error');}
+}
+async function toggleGroupMembers(groupId){
+  var el=document.getElementById('groupMembers_'+groupId);
+  if(!el) return;
+  if(el.style.display!=='none'){el.style.display='none';return;}
+  el.style.display='block';
+  el.innerHTML=t('sharing.loading');
+  try{
+    var r=await fetch('/api/sharing/groups/'+encodeURIComponent(groupId)+'/members');
+    var d=await r.json();
+    var members=Array.isArray(d.members)?d.members:[];
+    renderGroupMembers(el,groupId,members);
+  }catch(e){el.innerHTML=t('admin.groupsFailed')+esc(String(e));}
+}
+function renderGroupMembers(el,groupId,members){
+  var html='<div style="font-size:12px;margin-bottom:6px;color:var(--text-sec)">'+t('admin.membersCount').replace('{n}',members.length)+'</div>';
+  if(members.length>0){
+    html+='<div style="display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px">';
+    for(var i=0;i<members.length;i++){
+      var m=members[i];
+      html+='<span style="display:inline-flex;align-items:center;gap:4px;padding:3px 10px;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;font-size:12px">'+
+        esc(m.username||m.userId)+
+        ' <button style="background:none;border:none;color:#ef4444;cursor:pointer;font-size:11px;padding:0 2px" onclick="removeGroupMember(&quot;'+escAttr(groupId)+'&quot;,&quot;'+escAttr(m.userId)+'&quot;)">&times;</button>'+
+      '</span>';
+    }
+    html+='</div>';
+  }else{
+    html+='<div style="font-size:12px;color:var(--text-muted);margin-bottom:8px">'+t('admin.noMembersYet')+'</div>';
+  }
+  var memberIds=new Set(members.map(function(m){return m.userId;}));
+  var available=groupManagerUsers.filter(function(u){return !memberIds.has(u.id);});
+  if(available.length>0){
+    html+='<div style="display:flex;gap:6px;align-items:center">'+
+      '<select id="addMemberSelect_'+escAttr(groupId)+'" style="padding:4px 8px;border:1px solid var(--border);border-radius:6px;font-size:12px">';
+    for(var j=0;j<available.length;j++){
+      html+='<option value="'+escAttr(available[j].id)+'">'+esc(available[j].username)+'</option>';
+    }
+    html+='</select>'+
+      '<button class="btn btn-sm" onclick="addGroupMember(&quot;'+escAttr(groupId)+'&quot;)">'+t('admin.add')+'</button>'+
+    '</div>';
+  }
+  el.innerHTML=html;
+}
+async function addGroupMember(groupId){
+  var sel=document.getElementById('addMemberSelect_'+groupId);
+  if(!sel) return;
+  var userId=sel.value;
+  if(!userId) return;
+  try{
+    var r=await fetch('/api/sharing/groups/'+encodeURIComponent(groupId)+'/members',{method:'POST',headers:{'Content-Type':'application/json'},body:JSON.stringify({userId:userId})});
+    var d=await r.json();
+    if(d.ok){toast(t('toast.memberAdded'),'success');reloadGroupMembers(groupId);}else{toast(d.error||t('toast.addFail'),'error');}
+  }catch(e){toast(t('toast.addFail')+': '+e.message,'error');}
+}
+async function removeGroupMember(groupId,userId){
+  if(!confirm(t('confirm.removeGroupMember'))) return;
+  try{
+    var r=await fetch('/api/sharing/groups/'+encodeURIComponent(groupId)+'/members',{method:'DELETE',headers:{'Content-Type':'application/json'},body:JSON.stringify({userId:userId})});
+    var d=await r.json();
+    if(d.ok){toast(t('toast.memberRemoved'),'success');reloadGroupMembers(groupId);}else{toast(d.error||t('toast.removeFail'),'error');}
+  }catch(e){toast(t('toast.removeFail')+': '+e.message,'error');}
+}
+async function reloadGroupMembers(groupId){
+  var el=document.getElementById('groupMembers_'+groupId);
+  if(!el) return;
+  el.style.display='block';
+  el.innerHTML=t('sharing.loading');
+  try{
+    var r=await fetch('/api/sharing/groups/'+encodeURIComponent(groupId)+'/members');
+    var d=await r.json();
+    var members=Array.isArray(d.members)?d.members:[];
+    renderGroupMembers(el,groupId,members);
+  }catch(e){el.innerHTML=t('admin.groupsFailed')+esc(String(e));}
+}
+
+/* ─── Hub Admin Panel ─── */
+var adminDataCache={users:[],groups:[],tasks:[],skills:[],memories:[]};
+
+function switchAdminTab(tab,btn){
+  document.querySelectorAll('.admin-tabs .admin-tab').forEach(function(t){t.classList.remove('active');});
+  btn.classList.add('active');
+  document.querySelectorAll('.admin-panel').forEach(function(p){p.classList.remove('active');});
+  var panel=document.getElementById('admin'+tab.charAt(0).toUpperCase()+tab.slice(1)+'Panel');
+  if(panel) panel.classList.add('active');
+}
+
+async function loadAdminData(){
+  try{
+    var [usersR,groupsR,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.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);
+  }catch(e){
+    var statsEl=document.getElementById('adminStats');
+    if(statsEl) statsEl.innerHTML='<div class="admin-empty">'+t('admin.loadFailed')+esc(String(e))+'</div>';
+  }
+}
+
+function renderAdminStats(pendingCount){
+  var el=document.getElementById('adminStats');
+  if(!el) return;
+  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;
+}
+
+function renderAdminUsers(users,pending){
+  var el=document.getElementById('adminUsersPanel');
+  if(!el) return;
+  var html='';
+  if(pending&&pending.length>0){
+    html+='<div style="margin-bottom:16px"><h3 style="font-size:14px;font-weight:600;color:var(--amber);margin-bottom:10px">'+t('admin.pendingApproval')+' ('+pending.length+')</h3>';
+    for(var p=0;p<pending.length;p++){
+      var pu=pending[p];
+      html+='<div class="admin-card"><div class="admin-card-header"><div class="admin-card-title">'+esc(pu.username||pu.id||'Unknown')+'</div><span class="admin-badge pending">pending</span></div>'+
+        '<div class="admin-card-meta">'+t('admin.device')+esc(pu.deviceName||'unknown')+'</div>'+
+        '<div class="admin-card-actions">'+
+          '<button class="btn btn-sm btn-primary" onclick="adminApproveUser(&quot;'+escAttr(pu.id)+'&quot;,&quot;'+escAttr(pu.username||'')+'&quot;)">'+t('admin.approve')+'</button>'+
+          '<button class="btn btn-sm btn-ghost" onclick="adminRejectUser(&quot;'+escAttr(pu.id)+'&quot;)" style="color:var(--rose)">'+t('admin.reject')+'</button>'+
+        '</div></div>';
+    }
+    html+='</div>';
+  }
+  html+='<h3 style="font-size:14px;font-weight:600;color:var(--text);margin-bottom:10px">'+t('admin.activeUsers')+' ('+users.length+')</h3>';
+  if(users.length===0){
+    html+='<div class="admin-empty"><span class="ae-icon">\u{1F465}</span>'+t('admin.noActiveUsers')+'</div>';
+  }else{
+    for(var i=0;i<users.length;i++){
+      var u=users[i];
+      html+='<div class="admin-card"><div class="admin-card-header"><div class="admin-card-title">'+esc(u.username||u.id)+'</div>'+
+        '<span class="admin-badge '+(u.role==='admin'?'admin':'member')+'">'+esc(u.role||'member')+'</span></div>'+
+        '<div class="admin-card-meta">ID: '+esc(u.id)+(u.status?' \u00B7 Status: '+esc(u.status):'')+'</div></div>';
+    }
+  }
+  el.innerHTML=html;
+}
+
+async function adminApproveUser(userId,username){
+  try{
+    var r=await fetch('/api/sharing/approve-user',{method:'POST',headers:{'Content-Type':'application/json'},body:JSON.stringify({userId:userId,username:username})});
+    var d=await r.json();
+    if(d.ok){toast(t('toast.userApproved'),'success');loadAdminData();}else{toast(d.error||t('toast.approveFail'),'error');}
+  }catch(e){toast(t('toast.approveFail')+': '+e.message,'error');}
+}
+async function adminRejectUser(userId){
+  if(!confirm(t('confirm.rejectUser'))) return;
+  try{
+    var r=await fetch('/api/sharing/reject-user',{method:'POST',headers:{'Content-Type':'application/json'},body:JSON.stringify({userId:userId})});
+    var d=await r.json();
+    if(d.ok){toast(t('toast.userRejected'),'success');loadAdminData();}else{toast(d.error||t('toast.rejectFail'),'error');}
+  }catch(e){toast(t('toast.rejectFail')+': '+e.message,'error');}
+}
+
+function renderAdminGroups(groups){
+  var el=document.getElementById('adminGroupsPanel');
+  if(!el) return;
+  var html='<div style="margin-bottom:12px;display:flex;justify-content:space-between;align-items:center">'+
+    '<h3 style="font-size:14px;font-weight:600;color:var(--text)">'+t('admin.groups')+' ('+groups.length+')</h3>'+
+    '<button class="btn btn-sm btn-primary" onclick="showAdminCreateGroup()">'+t('admin.newGroup')+'</button></div>';
+  html+='<div id="adminCreateGroupForm" style="display:none;margin-bottom:14px;padding:14px;background:var(--bg);border:1px solid var(--border);border-radius:10px">'+
+    '<div style="display:flex;flex-direction:column;gap:8px">'+
+    '<input id="adminNewGroupName" type="text" placeholder="'+t('admin.groupName')+'" style="padding:8px 12px;border:1px solid var(--border);border-radius:8px;font-size:13px;background:var(--bg-card);color:var(--text)">'+
+    '<input id="adminNewGroupDesc" type="text" placeholder="'+t('admin.groupDesc')+'" style="padding:8px 12px;border:1px solid var(--border);border-radius:8px;font-size:13px;background:var(--bg-card);color:var(--text)">'+
+    '<div style="display:flex;gap:8px"><button class="btn btn-sm btn-primary" onclick="adminCreateGroup()">'+t('admin.create')+'</button>'+
+    '<button class="btn btn-sm btn-ghost" onclick="hideAdminCreateGroup()">'+t('admin.cancel')+'</button></div></div></div>';
+  if(groups.length===0){
+    html+='<div class="admin-empty"><span class="ae-icon">\u{1F4C2}</span>'+t('admin.noGroups')+'</div>';
+  }else{
+    for(var i=0;i<groups.length;i++){
+      var g=groups[i];
+      html+='<div class="admin-card"><div class="admin-card-header"><div class="admin-card-title">'+esc(g.name)+'</div>'+
+        '<button class="btn btn-sm btn-ghost" onclick="adminDeleteGroup(&quot;'+escAttr(g.id)+'&quot;,&quot;'+escAttr(g.name)+'&quot;)" style="color:var(--rose);font-size:11px">'+t('admin.delete')+'</button></div>'+
+        (g.description?'<div class="admin-card-meta">'+esc(g.description)+'</div>':'')+
+        '<div id="adminGroupMembers_'+escAttr(g.id)+'" style="margin-top:10px"></div>'+
+      '</div>';
+    }
+  }
+  el.innerHTML=html;
+  for(var i=0;i<groups.length;i++){adminLoadGroupMembers(groups[i].id);}
+}
+function showAdminCreateGroup(){var f=document.getElementById('adminCreateGroupForm');if(f)f.style.display='block';}
+function hideAdminCreateGroup(){var f=document.getElementById('adminCreateGroupForm');if(f)f.style.display='none';}
+async function adminCreateGroup(){
+  var name=(document.getElementById('adminNewGroupName')).value.trim();
+  var desc=(document.getElementById('adminNewGroupDesc')).value.trim();
+  if(!name){toast(t('toast.groupNameRequired'),'error');return;}
+  try{
+    var r=await fetch('/api/sharing/groups',{method:'POST',headers:{'Content-Type':'application/json'},body:JSON.stringify({name:name,description:desc})});
+    var d=await r.json();
+    if(d.ok||d.id){toast(t('toast.groupCreated'),'success');hideAdminCreateGroup();loadAdminData();}else{toast(d.error||t('toast.createFail'),'error');}
+  }catch(e){toast(t('toast.createFail')+': '+e.message,'error');}
+}
+async function adminDeleteGroup(groupId,groupName){
+  if(!confirm(t('confirm.deleteGroupShort').replace('{name}',groupName))) return;
+  try{
+    var r=await fetch('/api/sharing/groups/'+encodeURIComponent(groupId),{method:'DELETE'});
+    var d=await r.json();
+    if(d.ok){toast(t('toast.groupDeleted'),'success');loadAdminData();}else{toast(d.error||t('toast.deleteFail'),'error');}
+  }catch(e){toast(t('toast.deleteFail')+': '+e.message,'error');}
+}
+async function adminLoadGroupMembers(groupId){
+  var el=document.getElementById('adminGroupMembers_'+groupId);
+  if(!el) return;
+  el.innerHTML=t('sharing.loading');
+  try{
+    var r=await fetch('/api/sharing/groups/'+encodeURIComponent(groupId)+'/members');
+    var d=await r.json();
+    var members=Array.isArray(d.members)?d.members:[];
+    var html='<div style="font-size:12px;margin-bottom:6px;color:var(--text-sec)">'+t('admin.membersCount').replace('{n}',members.length)+'</div>';
+    if(members.length>0){
+      html+='<div style="display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px">';
+      for(var i=0;i<members.length;i++){
+        var m=members[i];
+        html+='<span style="display:inline-flex;align-items:center;gap:4px;padding:3px 10px;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;font-size:12px">'+
+          esc(m.username||m.userId)+
+          ' <button style="background:none;border:none;color:#ef4444;cursor:pointer;font-size:11px;padding:0 2px" onclick="adminRemoveGroupMember(&quot;'+escAttr(groupId)+'&quot;,&quot;'+escAttr(m.userId)+'&quot;)">&times;</button></span>';
+      }
+      html+='</div>';
+    }else{
+      html+='<div style="font-size:12px;color:var(--text-muted);margin-bottom:8px">'+t('admin.noMembers')+'</div>';
+    }
+    var memberIds=new Set(members.map(function(m){return m.userId;}));
+    var available=adminDataCache.users.filter(function(u){return !memberIds.has(u.id);});
+    if(available.length>0){
+      html+='<div style="display:flex;gap:6px;align-items:center">'+
+        '<select id="adminAddMember_'+escAttr(groupId)+'" style="padding:4px 8px;border:1px solid var(--border);border-radius:6px;font-size:12px;background:var(--bg-card);color:var(--text)">';
+      for(var j=0;j<available.length;j++){
+        html+='<option value="'+escAttr(available[j].id)+'">'+esc(available[j].username)+'</option>';
+      }
+      html+='</select><button class="btn btn-sm" onclick="adminAddGroupMember(&quot;'+escAttr(groupId)+'&quot;)">'+t('admin.add')+'</button></div>';
+    }
+    el.innerHTML=html;
+  }catch(e){el.innerHTML=t('admin.groupsFailed')+esc(String(e));}
+}
+async function adminAddGroupMember(groupId){
+  var sel=document.getElementById('adminAddMember_'+groupId);
+  if(!sel) return;
+  try{
+    var r=await fetch('/api/sharing/groups/'+encodeURIComponent(groupId)+'/members',{method:'POST',headers:{'Content-Type':'application/json'},body:JSON.stringify({userId:sel.value})});
+    var d=await r.json();
+    if(d.ok){toast(t('toast.memberAdded'),'success');adminLoadGroupMembers(groupId);}else{toast(d.error||t('toast.addFail'),'error');}
+  }catch(e){toast(t('toast.addFail')+': '+e.message,'error');}
+}
+async function adminRemoveGroupMember(groupId,userId){
+  if(!confirm(t('confirm.removeMember'))) return;
+  try{
+    var r=await fetch('/api/sharing/groups/'+encodeURIComponent(groupId)+'/members',{method:'DELETE',headers:{'Content-Type':'application/json'},body:JSON.stringify({userId:userId})});
+    var d=await r.json();
+    if(d.ok){toast(t('toast.memberRemoved'),'success');adminLoadGroupMembers(groupId);}else{toast(d.error||t('toast.removeFail'),'error');}
+  }catch(e){toast(t('toast.removeFail')+': '+e.message,'error');}
+}
+
+function renderAdminMemories(tasks){
+  var el=document.getElementById('adminMemoriesPanel');
+  if(!el) return;
+  adminTasksCache=tasks;
+  var html='<h3 style="font-size:14px;font-weight:600;color:var(--text);margin-bottom:10px">'+t('admin.sharedTasks')+' ('+tasks.length+')</h3>';
+  if(tasks.length===0){
+    html+='<div class="admin-empty"><span class="ae-icon">\u{1F4CB}</span>'+t('admin.noSharedTasks')+'</div>';
+  }else{
+    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 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>'+
+        '<div class="admin-card-actions">'+
+          '<button class="btn btn-sm btn-ghost" onclick="event.stopPropagation();adminDeleteTask(&quot;'+escAttr(tk.id)+'&quot;,&quot;'+escAttr(tk.title||tk.id)+'&quot;)" style="color:var(--rose)">'+t('admin.remove')+'</button>'+
+        '</div></div>';
+    }
+  }
+  el.innerHTML=html;
+}
+
+async function adminDeleteTask(taskId,taskTitle){
+  if(!confirm(t('confirm.removeTask').replace('{name}',taskTitle))) return;
+  try{
+    var r=await fetch('/api/admin/shared-tasks/'+encodeURIComponent(taskId),{method:'DELETE'});
+    var d=await r.json();
+    if(d.ok){toast(t('toast.taskRemoved'),'success');loadAdminData();}else{toast(d.error||t('toast.removeFail'),'error');}
+  }catch(e){toast(t('toast.removeFail')+': '+e.message,'error');}
+}
+
+function renderAdminSkills(skills){
+  var el=document.getElementById('adminSkillsPanel');
+  if(!el) return;
+  adminSkillsCache=skills;
+  var html='<h3 style="font-size:14px;font-weight:600;color:var(--text);margin-bottom:10px">'+t('admin.sharedSkills')+' ('+skills.length+')</h3>';
+  if(skills.length===0){
+    html+='<div class="admin-empty"><span class="ae-icon">\u{1F9E0}</span>'+t('admin.noSharedSkills')+'</div>';
+  }else{
+    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 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>'+
+        '<div class="admin-card-actions">'+
+          '<button class="btn btn-sm btn-ghost" onclick="event.stopPropagation();adminDeleteSkill(&quot;'+escAttr(s.id)+'&quot;,&quot;'+escAttr(s.name||s.id)+'&quot;)" style="color:var(--rose)">'+t('admin.remove')+'</button>'+
+        '</div></div>';
+    }
+  }
+  el.innerHTML=html;
+}
+
+async function adminDeleteSkill(skillId,skillName){
+  if(!confirm(t('confirm.removeSkill').replace('{name}',skillName))) return;
+  try{
+    var r=await fetch('/api/admin/shared-skills/'+encodeURIComponent(skillId),{method:'DELETE'});
+    var d=await r.json();
+    if(d.ok){toast(t('toast.skillRemoved'),'success');loadAdminData();}else{toast(d.error||t('toast.removeFail'),'error');}
+  }catch(e){toast(t('toast.removeFail')+': '+e.message,'error');}
+}
+
+function renderAdminSharedMemories(memories){
+  var el=document.getElementById('adminSharedMemoriesPanel');
+  if(!el) return;
+  adminMemoriesCache=memories||[];
+  var html='<h3 style="font-size:14px;font-weight:600;color:var(--text);margin-bottom:10px">'+t('admin.sharedMemories')+' ('+(memories||[]).length+')</h3>';
+  if(!memories||memories.length===0){
+    html+='<div class="admin-empty"><span class="ae-icon">\u{1F4AD}</span>'+t('admin.noSharedMemories')+'</div>';
+  }else{
+    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 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()+
+        '</div>'+
+        '<div class="admin-card-actions">'+
+          '<button class="btn btn-sm btn-ghost" onclick="event.stopPropagation();adminDeleteMemory(&quot;'+escAttr(m.id)+'&quot;,&quot;'+escAttr(m.summary||m.id)+'&quot;)" style="color:var(--rose)">'+t('admin.remove')+'</button>'+
+        '</div></div>';
+    }
+  }
+  el.innerHTML=html;
+}
+
+async function adminDeleteMemory(memoryId,memoryTitle){
+  if(!confirm(t('confirm.removeMemory').replace('{name}',memoryTitle))) return;
+  try{
+    var r=await fetch('/api/admin/shared-memories/'+encodeURIComponent(memoryId),{method:'DELETE'});
+    var d=await r.json();
+    if(d.ok){toast(t('toast.memoryRemoved'),'success');loadAdminData();}else{toast(d.error||t('toast.removeFail'),'error');}
+  }catch(e){toast(t('toast.removeFail')+': '+e.message,'error');}
+}
+
+function renderSharingMemorySearchResults(data,query){
+  const list=document.getElementById('memoryList');
+  const localHits=(data&&data.local&&Array.isArray(data.local.hits))?data.local.hits:[];
+  const hubHits=(data&&data.hub&&Array.isArray(data.hub.hits))?data.hub.hits:[];
+  document.getElementById('searchMeta').textContent='Search results for "'+query+'"';
+  document.getElementById('sharingSearchMeta').textContent='Local '+localHits.length+' · Hub '+hubHits.length;
+  document.getElementById('pagination').innerHTML='';
+  list.innerHTML=''+
+    '<div class="result-section">'+
+      '<div class="result-section-header"><div class="result-section-title">'+t('search.localResults')+'</div><div class="result-section-sub">'+localHits.length+' hit(s)</div></div>'+
+      '<div class="search-hit-list">'+(localHits.length?localHits.map(function(hit,idx){
+        return '<div class="search-hit-card">'+
+          '<div class="summary">'+(idx+1)+'. '+esc(hit.summary||'(no summary)')+'</div>'+
+          '<div class="excerpt">'+esc(hit.excerpt||'')+'</div>'+
+          '<div class="search-hit-meta">'+
+            '<span class="meta-chip">role: '+esc(hit.role||'unknown')+'</span>'+
+            (hit.score!=null?'<span class="meta-chip">score: '+Math.round(hit.score*100)+'%</span>':'')+
+            (hit.taskId?'<span class="meta-chip">task: '+esc(hit.taskId)+'</span>':'')+
+          '</div>'+
+        '</div>';
+      }).join(''):'<div class="search-hit-card"><div class="excerpt">'+t('search.noLocal')+'</div></div>')+'</div>'+
+    '</div>'+
+    '<div class="result-section">'+
+      '<div class="result-section-header"><div class="result-section-title">'+t('search.hubResults')+'</div><div class="result-section-sub">'+hubHits.length+' hit(s)</div></div>'+
+      '<div class="search-hit-list">'+(hubHits.length?hubHits.map(function(hit,idx){
+        return '<div class="hub-hit-card">'+
+          '<div class="summary">'+(idx+1)+'. '+esc(hit.summary||'(no summary)')+'</div>'+
+          '<div class="excerpt">'+esc(hit.excerpt||'')+'</div>'+
+          '<div class="hub-hit-meta">'+
+            '<span class="meta-chip">owner: '+esc(hit.ownerName||'unknown')+'</span>'+
+            (hit.groupName?'<span class="meta-chip">group: '+esc(hit.groupName)+'</span>':'')+
+            '<span class="meta-chip">visibility: '+esc(hit.visibility||'hub')+'</span>'+
+          '</div>'+
+          '<div class="hub-hit-actions">'+
+            '<button class="btn btn-sm" onclick="openSharedMemoryDetail(&quot;'+escAttr(hit.remoteHitId)+'&quot;,&quot;'+escAttr(hit.summary||t('search.sharedMemory'))+'&quot;,&quot;'+escAttr(hit.ownerName||'')+'&quot;,&quot;'+escAttr(hit.groupName||'')+'&quot;)">'+t('search.viewDetail')+'</button>'+
+          '</div>'+
+        '</div>';
+      }).join(''):'<div class="hub-hit-card"><div class="excerpt">'+t('search.noHub')+'</div></div>')+'</div>'+
+    '</div>';
+}
+
+async function openSharedMemoryDetail(remoteHitId,title,owner,groupName){
+  currentSharedMemoryHitId=remoteHitId;
+  document.getElementById('sharedMemoryOverlay').classList.add('show');
+  document.getElementById('sharedMemoryTitle').textContent=title||t('search.sharedMemory');
+  document.getElementById('sharedMemoryMeta').innerHTML='<span class="meta-item">Hub</span>'+(owner?'<span class="meta-item">'+t('admin.owner')+esc(owner)+'</span>':'')+(groupName?'<span class="meta-item">'+t('admin.group')+esc(groupName)+'</span>':'');
+  document.getElementById('sharedMemorySummary').textContent=t('sharing.loading');
+  document.getElementById('sharedMemoryContent').textContent='';
+  try{
+    const r=await fetch('/api/sharing/memory-detail',{method:'POST',headers:{'Content-Type':'application/json'},body:JSON.stringify({remoteHitId:remoteHitId})});
+    const d=await r.json();
+    if(d.error) throw new Error(d.error);
+    document.getElementById('sharedMemorySummary').textContent=d.summary||'';
+    document.getElementById('sharedMemoryContent').textContent=d.content||'';
+  }catch(e){
+    document.getElementById('sharedMemorySummary').textContent=t('search.loadFailed');
+    document.getElementById('sharedMemoryContent').textContent=String(e.message||e);
+  }
+}
+
+function closeSharedMemoryDetail(event){
+  if(event && event.target!==document.getElementById('sharedMemoryOverlay')) return;
+  document.getElementById('sharedMemoryOverlay').classList.remove('show');
+}
+
+async function openHubMemoryDetail(cacheKey,idx){
+  var arr=cacheKey==='admin'?adminMemoriesCache:hubMemoriesCache;
+  var m=arr[idx];
+  if(!m) return;
+  var overlay=document.getElementById('sharedMemoryOverlay');
+  overlay.classList.add('show');
+  document.getElementById('sharedMemoryTitle').textContent=m.summary||m.content?.slice(0,80)||'(no summary)';
+  var metaHtml='<span class="meta-item">\\u{1F310} Hub</span>'+
+    (m.ownerName?'<span class="meta-item">'+t('admin.owner')+esc(m.ownerName)+'</span>':'')+
+    (m.groupName?'<span class="meta-item">'+t('admin.group')+esc(m.groupName)+'</span>':'')+
+    (m.kind?'<span class="meta-item">Kind: '+esc(m.kind)+'</span>':'')+
+    (m.role?'<span class="meta-item">Role: '+esc(m.role)+'</span>':'')+
+    '<span class="meta-item">visibility: '+esc(m.visibility||'hub')+'</span>'+
+    '<span class="meta-item">'+new Date(m.updatedAt||m.createdAt||0).toLocaleString(dateLoc())+'</span>';
+  document.getElementById('sharedMemoryMeta').innerHTML=metaHtml;
+  document.getElementById('sharedMemorySummary').textContent=m.summary||'';
+  document.getElementById('sharedMemoryContent').textContent=m.content||t('sharing.loading');
+  // try to fetch full content from Hub API
+  var remoteId=m.remoteHitId||m.id;
+  if(remoteId){
+    try{
+      var r=await fetch('/api/sharing/memory-detail',{method:'POST',headers:{'Content-Type':'application/json'},body:JSON.stringify({remoteHitId:remoteId})});
+      var d=await r.json();
+      if(!d.error&&(d.content||d.summary)){
+        if(d.summary) document.getElementById('sharedMemorySummary').textContent=d.summary;
+        document.getElementById('sharedMemoryContent').textContent=d.content||m.content||'';
+      }
+    }catch(e){}
+  }
+}
+
+function openHubTaskDetailFromCache(cacheKey,idx){
+  var arr=cacheKey==='admin'?adminTasksCache:hubTasksCache;
+  var task=arr[idx];
+  if(!task) return;
+  var overlay=document.getElementById('taskDetailOverlay');
+  overlay.classList.add('show');
+  document.getElementById('taskDetailTitle').textContent=task.title||'(no title)';
+  document.getElementById('taskShareActions').innerHTML='';
+  var meta=[
+    '<span class="meta-item">\\u{1F310} Hub</span>',
+    task.status?'<span class="meta-item"><span class="task-status-badge '+task.status+'">'+esc(task.status)+'</span></span>':'',
+    '<span class="meta-item">'+t('admin.owner')+esc(task.ownerName||'unknown')+'</span>',
+    task.groupName?'<span class="meta-item">'+t('admin.group')+esc(task.groupName)+'</span>':'',
+    '<span class="meta-item">visibility: '+esc(task.visibility||'hub')+'</span>',
+    task.chunkCount!=null?'<span class="meta-item">\\u{1F4DD} '+esc(String(task.chunkCount))+' '+t('tasks.chunks.label')+'</span>':'',
+    task.startedAt?'<span class="meta-item">\\u{1F4C5} '+formatTime(task.startedAt)+'</span>':'',
+    task.endedAt?'<span class="meta-item">\\u2192 '+formatTime(task.endedAt)+'</span>':'',
+    (task.updatedAt||task.createdAt)?'<span class="meta-item">'+t('admin.updated')+new Date(task.updatedAt||task.createdAt).toLocaleString(dateLoc())+'</span>':'',
+    task.sourceTaskId?'<div style="width:100%;margin-top:4px"><span class="meta-item" style="width:100%">'+t('tasks.taskid')+'<span class="task-id-full">'+esc(task.sourceTaskId)+'</span></span></div>':'',
+  ].filter(Boolean);
+  document.getElementById('taskDetailMeta').innerHTML=meta.join('');
+  document.getElementById('taskSkillSection').innerHTML='';
+  document.getElementById('taskSkillSection').className='task-skill-section';
+  document.getElementById('taskDetailSummary').innerHTML=task.summary?renderSummaryHtml(task.summary):'<div style="color:var(--text-muted);font-size:13px">'+t('tasks.nochunks')+'</div>';
+  document.getElementById('taskDetailChunks').innerHTML='<div style="color:var(--text-muted);padding:12px;font-size:13px">'+t('tasks.nochunks')+'</div>';
+}
+
+function openHubSkillDetailFromCache(cacheKey,idx){
+  var arr=cacheKey==='admin'?adminSkillsCache:hubSkillsCache;
+  var skill=arr[idx];
+  if(!skill) return;
+  var overlay=document.getElementById('skillDetailOverlay');
+  overlay.classList.add('show');
+  document.getElementById('skillDetailTitle').textContent='\\u{1F9E0} '+(skill.name||'(no name)');
+  var qs=skill.qualityScore;
+  var qsBadge=(qs!==null&&qs!==undefined)?'<span class="meta-item"><span class="skill-badge quality '+(qs>=7?'high':qs>=5?'mid':'low')+'">\\u2605 '+(+qs).toFixed(1)+'/10</span></span>':'';
+  var meta=[
+    '<span class="meta-item">\\u{1F310} Hub</span>',
+    skill.version!=null?'<span class="meta-item"><span class="skill-badge version">v'+skill.version+'</span></span>':'',
+    skill.status?'<span class="meta-item"><span class="skill-badge status-'+skill.status+'">'+esc(skill.status)+'</span></span>':'',
+    '<span class="meta-item">visibility: '+esc(skill.visibility||'hub')+'</span>',
+    qsBadge,
+    '<span class="meta-item">'+t('admin.owner')+esc(skill.ownerName||'unknown')+'</span>',
+    skill.groupName?'<span class="meta-item">'+t('admin.group')+esc(skill.groupName)+'</span>':'',
+    (skill.updatedAt||skill.createdAt)?'<span class="meta-item">'+t('admin.updated')+new Date(skill.updatedAt||skill.createdAt).toLocaleString(dateLoc())+'</span>':'',
+  ].filter(Boolean);
+  document.getElementById('skillDetailMeta').innerHTML=meta.join('');
+  document.getElementById('skillDetailDesc').textContent=skill.description||'';
+  document.getElementById('skillFilesList').innerHTML='';
+  document.getElementById('skillDetailContent').innerHTML=skill.content?'<pre>'+esc(skill.content)+'</pre>':'';
+  document.getElementById('skillVersionsList').innerHTML='';
+  document.getElementById('skillRelatedTasks').innerHTML='';
+  var visBtn=document.getElementById('skillVisibilityBtn');
+  if(visBtn) visBtn.style.display='none';
+  var dlBtn=document.getElementById('skillDownloadBtn');
+  if(dlBtn) dlBtn.style.display='none';
+  var shareBtn=document.getElementById('skillShareActions');
+  if(shareBtn) shareBtn.innerHTML='';
+}
+
+function escAttr(s){return String(s||'').replace(/&/g,'&amp;').replace(/'/g,'&#39;').replace(/"/g,'&quot;').replace(/</g,'&lt;').replace(/>/g,'&gt;');}
+
+function renderTaskShareActions(task){
+  currentTaskDetail=task||null;
+  const el=document.getElementById('taskShareActions');
+  if(!el){return;}
+  if(!task||!task.id){el.innerHTML='';return;}
+  const current=(task.sharingVisibility||task.visibility||null);
+  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>';
+  }
+  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';
+  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();
+    if(d.ok||d.shared){toast(t('toast.taskShared'),'success');currentTaskDetail.sharingVisibility=visibility;renderTaskShareActions(currentTaskDetail);} else {toast(d.error||t('toast.taskShareFail'),'error');}
+  }catch(e){toast(t('toast.taskShareFail')+': '+e.message,'error');}
+}
+
+async function unshareCurrentTask(){
+  if(!currentTaskDetail) return;
+  try{
+    const r=await fetch('/api/sharing/tasks/unshare',{method:'POST',headers:{'Content-Type':'application/json'},body:JSON.stringify({taskId:currentTaskDetail.id})});
+    const d=await r.json();
+    if(d.ok||d.unshared){toast(t('toast.taskUnshared'),'success');currentTaskDetail.sharingVisibility=null;renderTaskShareActions(currentTaskDetail);} else {toast(d.error||t('toast.taskUnshareFail'),'error');}
+  }catch(e){toast(t('toast.taskUnshareFail')+': '+e.message,'error');}
+}
+
+function renderSkillShareActions(skill){
+  const el=document.getElementById('skillShareActions');
+  if(!el){return;}
+  if(!skill||!skill.id){el.innerHTML='';return;}
+  const current=(skill.sharingVisibility||null);
+  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>';
+  }
+  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';
+  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();
+    if(d.ok){toast(t('toast.skillShared'),'success');currentSkillDetail.sharingVisibility=visibility;renderSkillShareActions(currentSkillDetail);} else {toast(d.error||t('toast.skillShareFail'),'error');}
+  }catch(e){toast(t('toast.skillShareFail')+': '+e.message,'error');}
+}
+
+async function unshareCurrentSkill(){
+  if(!currentSkillDetail) return;
+  try{
+    const r=await fetch('/api/sharing/skills/unshare',{method:'POST',headers:{'Content-Type':'application/json'},body:JSON.stringify({skillId:currentSkillDetail.id})});
+    const d=await r.json();
+    if(d.ok){toast(t('toast.skillUnshared'),'success');currentSkillDetail.sharingVisibility=null;renderSkillShareActions(currentSkillDetail);} else {toast(d.error||t('toast.skillUnshareFail'),'error');}
+  }catch(e){toast(t('toast.skillUnshareFail')+': '+e.message,'error');}
+}
+
+async function shareMemoryPrompt(chunkId){
+  try{
+    const r=await fetch('/api/sharing/memories/share',{method:'POST',headers:{'Content-Type':'application/json'},body:JSON.stringify({chunkId:chunkId,visibility:'public'})});
+    const d=await r.json();
+    if(d.ok){toast(t('toast.memoryShared'),'success');loadMemories();} else {toast(d.error||t('toast.memoryShareFail'),'error');}
+  }catch(e){toast(t('toast.memoryShareFail')+': '+e.message,'error');}
+}
+
+async function unshareMemory(chunkId){
+  try{
+    const r=await fetch('/api/sharing/memories/unshare',{method:'POST',headers:{'Content-Type':'application/json'},body:JSON.stringify({chunkId:chunkId})});
+    const d=await r.json();
+    if(d.ok){toast(t('toast.memoryUnshared'),'success');loadMemories();} else {toast(d.error||t('toast.memoryUnshareFail'),'error');}
+  }catch(e){toast(t('toast.memoryUnshareFail')+': '+e.message,'error');}
+}
+
+function debounceSkillSearch(){
+  clearTimeout(skillSearchTimer);
+  skillSearchTimer=setTimeout(function(){loadSkills();},300);
+}
+
+async function pullHubSkill(skillId){
+  try{
+    const r=await fetch('/api/sharing/skills/pull',{method:'POST',headers:{'Content-Type':'application/json'},body:JSON.stringify({skillId:skillId})});
+    const d=await r.json();
+    if(d.ok||d.pulled||d.details){toast(t('toast.skillPulled'),'success');loadSkills();} else {toast(d.error||t('toast.skillPullFail'),'error');}
+  }catch(e){toast(t('toast.skillPullFail')+': '+e.message,'error');}
 }
 
 // ─── Logs ───
@@ -2225,7 +4038,7 @@ function renderLogToolFilter(tools,current){
 
 function formatLogTime(ts){
   const d=new Date(ts);
-  const time=d.toLocaleTimeString('zh-CN',{hour:'2-digit',minute:'2-digit',second:'2-digit',hour12:false});
+  const time=d.toLocaleTimeString(dateLoc(),{hour:'2-digit',minute:'2-digit',second:'2-digit',hour12:false});
   const y=d.getFullYear();
   const m=String(d.getMonth()+1).padStart(2,'0');
   const day=String(d.getDate()).padStart(2,'0');
@@ -2486,6 +4299,7 @@ function setMetricsDays(d){
 }
 
 async function loadMetrics(){
+  try{
   const r=await fetch('/api/metrics?days='+metricsDays);
   const d=await r.json();
   document.getElementById('mTotal').textContent=formatNum(d.totals.memories);
@@ -2494,9 +4308,11 @@ async function loadMetrics(){
   document.getElementById('mEmbeddings').textContent=formatNum(d.totals.embeddings);
   renderChartWrites(d.writesPerDay);
   loadToolMetrics();
+  }catch(e){console.error('loadMetrics',e)}
 }
 
 function formatNum(n){return n>=1e6?(n/1e6).toFixed(1)+'M':n>=1e3?(n/1e3).toFixed(1)+'k':String(n);}
+function dateLoc(){return curLang==='zh'?'zh-CN':'en-US';}
 
 /* ─── Tasks View Logic ─── */
 let tasksStatusFilter='';
@@ -2512,29 +4328,24 @@ function setTaskStatusFilter(btn,status){
 }
 
 async function loadTasks(){
+  const scope=document.getElementById('taskSearchScope')?document.getElementById('taskSearchScope').value:taskSearchScope;
+  taskSearchScope=scope||'local';
+  if(taskSearchScope!=='local'){ return loadHubTasks(); }
   const list=document.getElementById('tasksList');
   list.innerHTML='<div class="spinner"></div>';
   try{
     const params=new URLSearchParams({limit:String(TASKS_PER_PAGE),offset:String(tasksPage*TASKS_PER_PAGE)});
     if(tasksStatusFilter) params.set('status',tasksStatusFilter);
-    const r=await fetch('/api/tasks?'+params);
-    const data=await r.json();
-
-    // stats
-    const allR=await fetch('/api/tasks?limit=1&offset=0');
-    const allD=await allR.json();
+    const [data,allD,activeD,compD,skipD]=await Promise.all([
+      fetch('/api/tasks?'+params).then(r=>r.json()),
+      fetch('/api/tasks?limit=1&offset=0').then(r=>r.json()),
+      fetch('/api/tasks?status=active&limit=1&offset=0').then(r=>r.json()),
+      fetch('/api/tasks?status=completed&limit=1&offset=0').then(r=>r.json()),
+      fetch('/api/tasks?status=skipped&limit=1&offset=0').then(r=>r.json())
+    ]);
     document.getElementById('tasksTotalCount').textContent=formatNum(allD.total);
-
-    const activeR=await fetch('/api/tasks?status=active&limit=1&offset=0');
-    const activeD=await activeR.json();
     document.getElementById('tasksActiveCount').textContent=formatNum(activeD.total);
-
-    const compR=await fetch('/api/tasks?status=completed&limit=1&offset=0');
-    const compD=await compR.json();
     document.getElementById('tasksCompletedCount').textContent=formatNum(compD.total);
-
-    const skipR=await fetch('/api/tasks?status=skipped&limit=1&offset=0');
-    const skipD=await skipR.json();
     document.getElementById('tasksSkippedCount').textContent=formatNum(skipD.total);
 
     if(!data.tasks||data.tasks.length===0){
@@ -2600,13 +4411,16 @@ async function openTaskDetail(taskId){
   document.getElementById('taskSkillSection').className='task-skill-section';
   document.getElementById('taskDetailSummary').textContent='';
   document.getElementById('taskDetailChunks').innerHTML='<div class="spinner"></div>';
+  document.getElementById('taskShareActions').innerHTML='';
   document.getElementById('taskDetailActions').innerHTML='';
 
   try{
     const r=await fetch('/api/task/'+taskId);
     const task=await r.json();
+    currentTaskDetail=task;
 
     document.getElementById('taskDetailTitle').textContent=task.title||t('tasks.untitled');
+    renderTaskShareActions(task);
 
     const meta=[
       '<span class="meta-item"><span class="task-status-badge '+task.status+'">'+t('tasks.status.'+task.status)+'</span></span>',
@@ -2775,60 +4589,177 @@ function setSkillStatusFilter(btn,status){
 
 async function loadSkills(){
   const list=document.getElementById('skillsList');
+  const hubList=document.getElementById('hubSkillsList');
   list.innerHTML='<div class="spinner"></div>';
+  var hubSection=document.getElementById('hubSkillsSection');
+  if(hubList){
+    if(skillSearchScope==='local'){
+      if(hubSection) hubSection.style.display='none';
+    }else{
+      if(hubSection) hubSection.style.display='block';
+      hubList.innerHTML='<div class="spinner"></div>';
+    }
+  }
+
+  const query=(document.getElementById('skillSearchInput')?.value||'').trim();
+  const scope=document.getElementById('skillSearchScope') ? document.getElementById('skillSearchScope').value : skillSearchScope;
+  skillSearchScope=scope||'local';
+
   try{
     const params=new URLSearchParams();
     if(skillsStatusFilter) params.set('status',skillsStatusFilter);
     const visFilter=document.getElementById('skillVisibilityFilter')?.value;
     if(visFilter) params.set('visibility',visFilter);
-    const r=await fetch('/api/skills?'+params);
-    const data=await r.json();
 
-    document.getElementById('skillsTotalCount').textContent=formatNum(data.skills.length);
-    document.getElementById('skillsActiveCount').textContent=formatNum(data.skills.filter(s=>s.status==='active').length);
-    document.getElementById('skillsDraftCount').textContent=formatNum(data.skills.filter(s=>s.status==='draft').length);
-    document.getElementById('skillsInstalledCount').textContent=formatNum(data.skills.filter(s=>s.installed).length);
-    document.getElementById('skillsPublicCount').textContent=formatNum(data.skills.filter(s=>s.visibility==='public').length);
+    const localRes=await fetch('/api/skills?'+params.toString());
+    const localData=await localRes.json();
+    let localSkills=Array.isArray(localData.skills)?localData.skills:[];
+    if(query){
+      const q=query.toLowerCase();
+      localSkills=localSkills.filter(skill=>{
+        const haystack=[skill.name,skill.description,skill.tags].filter(Boolean).join(' ').toLowerCase();
+        return haystack.includes(q);
+      });
+    }
+
+    const renderLocalCards=function(skills){
+      if(!skills||skills.length===0){
+        return '<div style="text-align:center;padding:48px;color:var(--text-muted);font-size:14px">'+(query?t('skills.search.noresult'):t('skills.empty'))+'</div>';
+      }
+      return skills.map(skill=>{
+        const timeStr=formatTime(skill.createdAt);
+        const tags=parseTags(skill.tags);
+        const installedClass=skill.installed?'installed':'';
+        const statusClass=skill.status==='archived'?'archived':(skill.status==='draft'?'draft':'');
+        const sourceLabel=tags.includes('hub-import')?'hub-import':skill.sourceType;
+        const qs=skill.qualityScore;
+        const qsBadge=qs!==null&&qs!==undefined?'<span class="skill-badge quality '+(qs>=7?'high':qs>=5?'mid':'low')+'">★ '+qs.toFixed(1)+'</span>':'';
+        const visBadge=skill.visibility==='public'?'<span class="skill-badge visibility-public">🌐 '+t('skills.visibility.public')+'</span>':'';
+        return '<div class="skill-card '+installedClass+' '+statusClass+'" onclick="openSkillDetail(&quot;'+escAttr(skill.id)+'&quot;)">'+
+          '<div class="skill-card-top">'+
+            '<div class="skill-card-name">🧠 '+esc(skill.name)+'</div>'+
+            '<div class="skill-card-badges">'+
+              qsBadge+
+              '<span class="skill-badge version">v'+skill.version+'</span>'+
+              visBadge+
+              (skill.installed?'<span class="skill-badge installed">'+t('skills.installed.badge')+'</span>':'')+
+              '<span class="skill-badge status-'+skill.status+'">'+t('skills.status.'+skill.status)+'</span>'+
+            '</div>'+
+          '</div>'+
+          '<div class="skill-card-desc">'+esc(skill.description)+'</div>'+
+          '<div class="skill-card-bottom">'+
+            '<span class="tag"><span class="icon">📅</span> '+timeStr+'</span>'+
+            '<span class="tag"><span class="icon">📦</span> '+sourceLabel+'</span>'+
+            (tags.length>0?'<div class="skill-card-tags">'+tags.map(t=>'<span class="skill-tag">'+esc(t)+'</span>').join('')+'</div>':'')+
+          '</div>'+
+        '</div>';
+      }).join('');
+    };
+
+    list.innerHTML=renderLocalCards(localSkills);
+
+    if(skillSearchScope==='local'){
+      if(hubSection) hubSection.style.display='none';
+      document.getElementById('skillSearchMeta').textContent=query?(t('skills.search.local')+' '+localSkills.length):'';
+      document.getElementById('skillsTotalCount').textContent=formatNum(localSkills.length);
+      document.getElementById('skillsActiveCount').textContent=formatNum(localSkills.filter(s=>s.status==='active').length);
+      document.getElementById('skillsDraftCount').textContent=formatNum(localSkills.filter(s=>s.status==='draft').length);
+      document.getElementById('skillsInstalledCount').textContent=formatNum(localSkills.filter(s=>s.installed).length);
+      document.getElementById('skillsPublicCount').textContent=formatNum(localSkills.filter(s=>s.visibility==='public').length);
+      return;
+    }
 
-    if(!data.skills||data.skills.length===0){
-      list.innerHTML='<div style="text-align:center;padding:48px;color:var(--text-muted);font-size:14px">'+t('skills.empty')+'</div>';
+    if(!query){
+      if(hubSection) hubSection.style.display='block';
+      if(hubList){ loadHubSkills(hubList); }
+      document.getElementById('skillSearchMeta').textContent=t('skills.search.local')+' '+localSkills.length;
+      document.getElementById('skillsTotalCount').textContent=formatNum(localSkills.length);
+      document.getElementById('skillsActiveCount').textContent=formatNum(localSkills.filter(s=>s.status==='active').length);
+      document.getElementById('skillsDraftCount').textContent=formatNum(localSkills.filter(s=>s.status==='draft').length);
+      document.getElementById('skillsInstalledCount').textContent=formatNum(localSkills.filter(s=>s.installed).length);
+      document.getElementById('skillsPublicCount').textContent=formatNum(localSkills.filter(s=>s.visibility==='public').length);
       return;
     }
 
-    list.innerHTML=data.skills.map(skill=>{
-      const timeStr=formatTime(skill.createdAt);
-      const tags=parseTags(skill.tags);
-      const installedClass=skill.installed?'installed':'';
-      const statusClass=skill.status==='archived'?'archived':(skill.status==='draft'?'draft':'');
-      const qs=skill.qualityScore;
-      const qsBadge=qs!==null&&qs!==undefined?'<span class="skill-badge quality '+(qs>=7?'high':qs>=5?'mid':'low')+'">\\u2605 '+qs.toFixed(1)+'</span>':'';
-      const visBadge=skill.visibility==='public'?'<span class="skill-badge visibility-public">\\u{1F310} '+t('skills.visibility.public')+'</span>':'';
-      return '<div class="skill-card '+installedClass+' '+statusClass+'" onclick="openSkillDetail(\\''+skill.id+'\\')">'+
-        '<div class="skill-card-top">'+
-          '<div class="skill-card-name">\\u{1F9E0} '+esc(skill.name)+'</div>'+
-          '<div class="skill-card-badges">'+
-            qsBadge+
-            '<span class="skill-badge version">v'+skill.version+'</span>'+
-            visBadge+
-            (skill.installed?'<span class="skill-badge installed">'+t('skills.installed.badge')+'</span>':'')+
-            '<span class="skill-badge status-'+skill.status+'">'+t('skills.status.'+skill.status)+'</span>'+
+    const sharingParams=new URLSearchParams();
+    sharingParams.set('query',query);
+    sharingParams.set('scope',skillSearchScope);
+    sharingParams.set('maxResults','20');
+    const r=await fetch('/api/sharing/search/skills?'+sharingParams.toString());
+    const data=await r.json();
+    const localHits=(data.local&&Array.isArray(data.local.hits))?data.local.hits:[];
+    const hubHits=(data.hub&&Array.isArray(data.hub.hits))?data.hub.hits:[];
+
+    list.innerHTML=localHits.length?localHits.map(function(skill){
+      return '<div class="hub-skill-card" onclick="openSkillDetail(&quot;'+escAttr(skill.skillId)+'&quot;)">'+
+        '<div class="summary">'+esc(skill.name)+'</div>'+
+        '<div class="excerpt">'+esc(skill.description||'')+'</div>'+
+        '<div class="hub-skill-meta"><span class="meta-chip">visibility: '+esc(skill.visibility||'private')+'</span><span class="meta-chip">owner: '+esc(skill.owner||'agent:main')+'</span></div>'+
+      '</div>';
+    }).join(''):'<div style="text-align:center;padding:48px;color:var(--text-muted);font-size:14px">'+t('skills.search.noresult')+'</div>';
+
+    if(hubList){
+      if(hubSection) hubSection.style.display=hubHits.length?'block':'none';
+      hubList.innerHTML=hubHits.length?hubHits.map(function(skill){
+        return '<div class="hub-skill-card">'+
+          '<div class="summary">'+esc(skill.name)+'</div>'+
+          '<div class="excerpt">'+esc(skill.description||'')+'</div>'+
+          '<div class="hub-skill-meta">'+
+            '<span class="meta-chip">owner: '+esc(skill.ownerName||'unknown')+'</span>'+
+            (skill.groupName?'<span class="meta-chip">group: '+esc(skill.groupName)+'</span>':'')+
+            '<span class="meta-chip">visibility: '+esc(skill.visibility||'hub')+'</span>'+
+            (skill.version!=null?'<span class="meta-chip">v'+skill.version+'</span>':'')+
           '</div>'+
+          '<div class="hub-skill-actions"><button class="btn btn-sm" onclick="event.stopPropagation();pullHubSkill(&quot;'+escAttr(skill.skillId)+'&quot;)">Pull to Local</button></div>'+
+        '</div>';
+      }).join(''):'';
+    }
+
+    document.getElementById('skillSearchMeta').textContent=t('skills.search.local')+' '+localHits.length+(hubHits.length?' · Hub '+hubHits.length:'');
+    document.getElementById('skillsTotalCount').textContent=formatNum(localHits.length+hubHits.length);
+    document.getElementById('skillsActiveCount').textContent=formatNum(localHits.length);
+    document.getElementById('skillsDraftCount').textContent='0';
+    document.getElementById('skillsInstalledCount').textContent='-';
+    document.getElementById('skillsPublicCount').textContent=formatNum(hubHits.filter(function(s){return s.visibility==='public';}).length);
+  }catch(e){
+    list.innerHTML='<div style="text-align:center;padding:24px;color:var(--rose)">'+t('skills.load.error')+': '+esc(String(e))+'</div>';
+    if(hubList){
+      hubList.innerHTML='<div style="text-align:center;padding:24px;color:var(--rose)">'+t('skills.load.error')+'</div>';
+    }
+  }
+}
+
+async function loadHubSkills(hubList){
+  if(!hubList) hubList=document.getElementById('hubSkillsList');
+  if(!hubList) return;
+  var hubSection=document.getElementById('hubSkillsSection');
+  hubList.innerHTML='<div class="spinner"></div>';
+  try{
+    const r=await fetch('/api/sharing/skills/list?limit=40');
+    const d=await r.json();
+    const skills=Array.isArray(d.skills)?d.skills:[];
+    hubSkillsCache=skills;
+    if(!skills.length){
+      if(hubSection) hubSection.style.display='none';
+      return;
+    }
+    if(hubSection) hubSection.style.display='block';
+    hubList.innerHTML=skills.map(function(skill,idx){
+      return '<div class="hub-skill-card" onclick="openHubSkillDetailFromCache(\\\'hub\\\',' +idx+')" style="cursor:pointer">'+
+        '<div class="summary">'+esc(skill.name)+'</div>'+
+        '<div class="excerpt">'+esc(skill.description||'')+'</div>'+
+        '<div class="hub-skill-meta">'+
+          '<span class="meta-chip">owner: '+esc(skill.ownerName||'unknown')+'</span>'+
+          (skill.groupName?'<span class="meta-chip">group: '+esc(skill.groupName)+'</span>':'')+
+          '<span class="meta-chip">visibility: '+esc(skill.visibility||'hub')+'</span>'+
+          (skill.version!=null?'<span class="meta-chip">v'+skill.version+'</span>':'')+
         '</div>'+
-        '<div class="skill-card-desc">'+esc(skill.description)+'</div>'+
-        '<div class="skill-card-bottom">'+
-          '<span class="tag"><span class="icon">\\u{1F4C5}</span> '+timeStr+'</span>'+
-          '<span class="tag"><span class="icon">\\u{1F4E6}</span> '+skill.sourceType+'</span>'+
-          (tags.length>0?'<div class="skill-card-tags">'+tags.map(t=>'<span class="skill-tag">'+esc(t)+'</span>').join('')+'</div>':'')+
-        '</div>'+
-        '<div class="card-actions" onclick="event.stopPropagation()">'+
-          '<button class="btn btn-sm btn-ghost" onclick="openSkillDetail(\\''+skill.id+'\\')">'+t('card.expand')+'</button>'+
-          (skill.visibility==='public'?'<button class="btn btn-sm btn-ghost" onclick="toggleSkillPublic(\\''+skill.id+'\\',false)">\\u{1F512} '+t('skills.setPrivate')+'</button>':'<button class="btn btn-sm btn-ghost" onclick="toggleSkillPublic(\\''+skill.id+'\\',true)">\\u{1F310} '+t('skills.setPublic')+'</button>')+
-          '<button class="btn btn-sm btn-ghost" style="color:var(--accent)" onclick="deleteSkill(\\''+skill.id+'\\')">'+t('skill.delete')+'</button>'+
-        '</div>'+
+        '<div class="hub-skill-actions"><button class="btn btn-sm" onclick="event.stopPropagation();pullHubSkill(\\''+escAttr(skill.sourceSkillId)+'\\')">Pull to Local</button></div>'+
       '</div>';
     }).join('');
   }catch(e){
-    list.innerHTML='<div style="text-align:center;padding:24px;color:var(--rose)">Failed to load skills: '+esc(String(e))+'</div>';
+    if(hubSection) hubSection.style.display='none';
+    hubList.innerHTML='';
   }
 }
 
@@ -2837,6 +4768,7 @@ function parseTags(tagsStr){
 }
 
 let currentSkillId='';
+let currentSkillDetail=null;
 
 async function openSkillDetail(skillId){
   currentSkillId=skillId;
@@ -2849,6 +4781,8 @@ async function openSkillDetail(skillId){
   document.getElementById('skillDetailContent').innerHTML='<div class="spinner"></div>';
   document.getElementById('skillVersionsList').innerHTML='<div class="spinner"></div>';
   document.getElementById('skillRelatedTasks').innerHTML='';
+  var vb=document.getElementById('skillVisibilityBtn');if(vb)vb.style.display='';
+  var db=document.getElementById('skillDownloadBtn');if(db)db.style.display='';
   document.getElementById('skillDetailActions').innerHTML='';
 
   try{
@@ -2894,6 +4828,8 @@ async function openSkillDetail(skillId){
     }
 
     document.getElementById('skillDetailDesc').textContent=skill.description;
+    currentSkillDetail=skill;
+    renderSkillShareActions(skill);
 
     if(files.length>0){
       const fileIcons={'skill':'\\u{1F4D6}','script':'\\u{2699}','reference':'\\u{1F4CE}','file':'\\u{1F4C4}'};
@@ -3008,7 +4944,14 @@ function classifyError(msg){
   if(msg.indexOf('ECONNREFUSED')>=0) return 'Connection refused';
   if(msg.indexOf('ENOTFOUND')>=0) return 'DNS resolution failed';
   if(msg.indexOf('403')>=0) return 'Forbidden (403)';
-  return msg;
+  if(msg.indexOf('503')>=0||msg.indexOf('upstream connect error')>=0||msg.indexOf('Service Unavailable')>=0) return 'Service unavailable (503)';
+  if(msg.indexOf('502')>=0||msg.indexOf('Bad Gateway')>=0) return 'Bad gateway (502)';
+  if(msg.indexOf('500')>=0||msg.indexOf('Internal Server Error')>=0) return 'Server error (500)';
+  if(msg.indexOf('404')>=0||msg.indexOf('Not Found')>=0) return 'Not found (404)';
+  if(msg.indexOf('fetch failed')>=0||msg.indexOf('ETIMEDOUT')>=0) return 'Network error';
+  if(msg.indexOf('Unknown')>=0&&msg.indexOf('provider')>=0) return 'Unknown provider';
+  var m=msg.match(/\((\d{3})\)/); if(m) return 'HTTP error ('+m[1]+')';
+  return msg.length>80?msg.substring(0,77)+'...':msg;
 }
 
 function shortenModel(s){return s?s.replace('openai_compatible/','').replace('openai/',''):'\u2014';}
@@ -3054,7 +4997,7 @@ async function loadModelHealth(){
         issue+=shortErr;
         if(m.consecutiveErrors>1) issue+=' ('+m.consecutiveErrors+'x)';
       }
-      if(issue) h+='<td><span class="mh-err-text" title="'+escapeHtml(m.lastErrorMessage||'')+'">'+escapeHtml(issue)+'</span></td>';
+      if(issue) h+='<td><span class="mh-err-text" data-err="'+escapeHtml(m.lastErrorMessage||'')+'">'+escapeHtml(issue)+'</span></td>';
       else h+='<td><span style="color:var(--text-muted);font-size:11px">\u2014</span></td>';
 
       h+='<td style="text-align:right"><span class="mh-time">'+(ago||'\u2014')+'</span></td>';
@@ -3062,11 +5005,29 @@ async function loadModelHealth(){
     }
     h+='</tbody></table>';
     bar.innerHTML=h;
+    initMhTooltips();
   }catch(e){
     bar.innerHTML='<div class="mh-empty">Failed to load model health</div>';
   }
 }
 
+function initMhTooltips(){
+  var tip=document.getElementById('mhTooltip');
+  if(!tip){tip=document.createElement('div');tip.id='mhTooltip';document.body.appendChild(tip);}
+  document.querySelectorAll('.mh-err-text[data-err]').forEach(function(el){
+    el.addEventListener('mouseenter',function(e){
+      var msg=el.getAttribute('data-err');
+      if(!msg)return;
+      tip.textContent=msg;
+      tip.style.display='block';
+      var rect=el.getBoundingClientRect();
+      tip.style.left=Math.max(0,Math.min(rect.left,window.innerWidth-490))+'px';
+      tip.style.top=(rect.bottom+6)+'px';
+    });
+    el.addEventListener('mouseleave',function(){tip.style.display='none';});
+  });
+}
+
 function timeAgo(ts){
   var diff=Date.now()-ts;
   if(diff<60000) return 'just now';
@@ -3076,6 +5037,9 @@ function timeAgo(ts){
 }
 
 /* ─── Settings / Config ─── */
+function syncHostToggles(){}
+function onProviderChange(){}
+
 async function loadConfig(){
   try{
     const r=await fetch('/api/config');
@@ -3110,6 +5074,26 @@ async function loadConfig(){
 
     const tel=cfg.telemetry||{};
     document.getElementById('cfgTelemetryEnabled').checked=tel.enabled!==false;
+
+    const sharing=cfg.sharing||{};
+    const caps=sharing.capabilities||{};
+    const embProv=(cfg.embedding||{}).provider;
+    const sumProv=(cfg.summarizer||{}).provider;
+    const skProv=((cfg.skillEvolution||{}).summarizer||{}).provider;
+    
+
+    document.getElementById('cfgSharingEnabled').checked=!!sharing.enabled;
+    _sharingRole=sharing.role||'client';
+    var hub=sharing.hub||{};
+    var client=sharing.client||{};
+    document.getElementById('cfgHubPort').value=hub.port||18800;
+    document.getElementById('cfgHubTeamName').value=hub.teamName||'';
+    document.getElementById('cfgHubTeamToken').value=hub.teamToken||'';
+    document.getElementById('cfgClientHubAddress').value=client.hubAddress||'';
+    document.getElementById('cfgClientTeamToken').value=client.teamToken||'';
+    document.getElementById('cfgClientUserToken').value=client.userToken||'';
+    onSharingToggle();
+    updateHubShareInfo();
   }catch(e){
     console.error('loadConfig error',e);
   }
@@ -3191,6 +5175,30 @@ async function saveConfig(){
 
   function done(){saveBtn.disabled=false;saveBtn.textContent=t('settings.save');}
 
+  var sharingEnabled=document.getElementById('cfgSharingEnabled').checked;
+  cfg.sharing={
+    enabled:sharingEnabled,
+    role:_sharingRole,
+    capabilities:{}
+  };
+  if(sharingEnabled&&_sharingRole==='hub'){
+    var hubPort=document.getElementById('cfgHubPort').value.trim();
+    var hubTeamName=document.getElementById('cfgHubTeamName').value.trim();
+    var hubTeamToken=document.getElementById('cfgHubTeamToken').value.trim();
+    cfg.sharing.hub={port:hubPort?Number(hubPort):18800};
+    if(hubTeamName) cfg.sharing.hub.teamName=hubTeamName;
+    if(hubTeamToken) cfg.sharing.hub.teamToken=hubTeamToken;
+  }
+  if(sharingEnabled&&_sharingRole==='client'){
+    var clientAddr=document.getElementById('cfgClientHubAddress').value.trim();
+    var clientTeamToken=document.getElementById('cfgClientTeamToken').value.trim();
+    var clientUserToken=document.getElementById('cfgClientUserToken').value.trim();
+    cfg.sharing.client={};
+    if(clientAddr) cfg.sharing.client.hubAddress=clientAddr;
+    if(clientTeamToken) cfg.sharing.client.teamToken=clientTeamToken;
+    if(clientUserToken) cfg.sharing.client.userToken=clientUserToken;
+  }
+
   // 1) Embedding model is required
   if(!embP||embP===''){done();toast(t('settings.save.emb.required'),'error');return;}
 
@@ -3247,6 +5255,10 @@ async function saveConfig(){
     el.classList.add('show');
     setTimeout(()=>el.classList.remove('show'),2500);
     toast(t('settings.saved'),'success');
+    if(sharingEnabled){
+      updateHubShareInfo();
+      setTimeout(function(){alert(t('settings.hub.restartAlert'));},300);
+    }
   }catch(e){
     toast(t('settings.save.fail')+': '+e.message,'error');
   }finally{done();}
@@ -3350,7 +5362,7 @@ function formatDuration(ms){
 
 function formatTime(ts){
   if(!ts) return '-';
-  return new Date(ts).toLocaleString('zh-CN',{month:'2-digit',day:'2-digit',hour:'2-digit',minute:'2-digit'});
+  return new Date(ts).toLocaleString(dateLoc(),{month:'2-digit',day:'2-digit',hour:'2-digit',minute:'2-digit'});
 }
 
 function fillDays(rows,days){
@@ -3603,16 +5615,18 @@ function renderToolAgg(data){
 
 /* ─── Data loading ─── */
 async function loadAll(){
-  await Promise.all([loadStats(),loadMemories()]);
+  await Promise.all([loadStats(),loadMemories(),loadSharingStatus(false)]);
   checkMigrateStatus();
   connectPPSSE();
   checkForUpdate();
 }
 
-async function loadStats(){
+async function loadStats(ownerFilter){
   let d;
   try{
-    const r=await fetch('/api/stats');
+    var statsUrl='/api/stats';
+    if(ownerFilter) statsUrl+='?owner='+encodeURIComponent(ownerFilter);
+    const r=await fetch(statsUrl);
     d=await r.json();
   }catch(e){ d={}; }
   if(!d||typeof d!=='object') d={};
@@ -3668,6 +5682,17 @@ async function loadStats(){
     sl.innerHTML+='<div class="session-item'+(isActive?' active':'')+'" onclick="filterSession(\\''+s.session_key.replace(/'/g,"\\\\'")+'\\')"><span title="'+s.session_key+'">'+name+'</span><span class="count">'+s.count+'</span></div>';
   });
 
+  const fSel=document.getElementById('filterSession');
+  if(fSel){
+    const curVal=activeSession||'';
+    var sessionCount=(d.sessions||[]).length;
+    fSel.innerHTML='<option value="">'+t('filter.allsessions')+' ('+sessionCount+')</option>';
+    (d.sessions||[]).forEach(s=>{
+      const sName=s.session_key.length>30?s.session_key.slice(0,12)+'...'+s.session_key.slice(-10):s.session_key;
+      fSel.innerHTML+='<option value="'+s.session_key.replace(/"/g,'&quot;')+'"'+(s.session_key===curVal?' selected':'')+'>'+sName+' ('+s.count+')</option>';
+    });
+  }
+
   const ownerSel=document.getElementById('filterOwner');
   if(ownerSel && d.owners && d.owners.length>0){
     const curVal=ownerSel.value;
@@ -3679,6 +5704,32 @@ async function loadStats(){
   }
 }
 
+function onOwnerFilterChange(){
+  var owner=document.getElementById('filterOwner').value;
+  activeSession=null;
+  currentPage=1;
+  refreshSessionDropdown(owner);
+  applyFilters();
+}
+
+async function refreshSessionDropdown(ownerFilter){
+  try{
+    var statsUrl='/api/stats';
+    if(ownerFilter) statsUrl+='?owner='+encodeURIComponent(ownerFilter);
+    var r=await fetch(statsUrl);
+    var d=await r.json();
+    var sessions=d.sessions||[];
+    var fSel=document.getElementById('filterSession');
+    if(fSel){
+      fSel.innerHTML='<option value="">'+t('filter.allsessions')+' ('+sessions.length+')</option>';
+      sessions.forEach(function(s){
+        var sName=s.session_key.length>30?s.session_key.slice(0,12)+'...'+s.session_key.slice(-10):s.session_key;
+        fSel.innerHTML+='<option value="'+s.session_key.replace(/"/g,'&quot;')+'">'+sName+' ('+s.count+')</option>';
+      });
+    }
+  }catch(e){}
+}
+
 function getFilterParams(){
   const p=new URLSearchParams();
   if(activeSession) p.set('session',activeSession);
@@ -3717,22 +5768,16 @@ async function loadMemories(page){
   }
 }
 
-async function doSearch(q){
-  if(!q.trim()){currentPage=1;loadMemories();return}
+async function loadHubMemories(){
   const list=document.getElementById('memoryList');
   list.innerHTML='<div class="spinner"></div>';
   try{
-    const p=getFilterParams();
-    p.set('q',q);
-    const r=await fetch('/api/search?'+p.toString());
+    const r=await fetch('/api/sharing/memories/list?limit='+PAGE_SIZE);
     const d=await r.json();
-    const total=d.total||0;
-    const meta=[];
-    if(d.vectorCount>0) meta.push(d.vectorCount+t('search.meta.semantic'));
-    if(d.ftsCount>0) meta.push(d.ftsCount+t('search.meta.text'));
-    meta.push(total+t('search.meta.results'));
-    document.getElementById('searchMeta').textContent=meta.join(' \\u00B7 ');
-    renderMemories(d.results||[]);
+    const items=d.memories||[];
+    document.getElementById('searchMeta').textContent=items.length+t('search.meta.total');
+    document.getElementById('sharingSearchMeta').textContent='';
+    renderMemories(items);
     document.getElementById('pagination').innerHTML='';
   }catch(e){
     document.getElementById('searchMeta').textContent='0'+t('search.meta.results');
@@ -3741,6 +5786,51 @@ async function doSearch(q){
   }
 }
 
+async function doSearch(query){
+  query=(query||'').trim();
+  if(!query){loadMemories();return;}
+  var scope=document.getElementById('memorySearchScope')?.value||memorySearchScope||'local';
+  var list=document.getElementById('memoryList');
+  list.innerHTML='<div class="spinner"></div>';
+  if(scope!=='local'){
+    try{
+      var r=await fetch('/api/sharing/search/memories',{
+        method:'POST',
+        headers:{'Content-Type':'application/json'},
+        body:JSON.stringify({query:query,scope:scope,maxResults:20,role:activeRole||undefined})
+      });
+      var data=await r.json();
+      renderSharingMemorySearchResults(data,query);
+    }catch(e){
+      document.getElementById('searchMeta').textContent='0'+t('search.meta.results');
+      document.getElementById('sharingSearchMeta').textContent='';
+      renderMemories([]);
+      document.getElementById('pagination').innerHTML='';
+    }
+  } else {
+    try{
+      var p=getFilterParams();
+      p.set('q',query);
+      var r=await fetch('/api/search?'+p.toString());
+      var d=await r.json();
+      var total=d.total||0;
+      var meta=[];
+      if(d.vectorCount>0) meta.push(d.vectorCount+t('search.meta.semantic'));
+      if(d.ftsCount>0) meta.push(d.ftsCount+t('search.meta.text'));
+      meta.push(total+t('search.meta.results'));
+      document.getElementById('searchMeta').textContent=meta.join(' \u00B7 ');
+      document.getElementById('sharingSearchMeta').textContent='';
+      renderMemories(d.results||[]);
+      document.getElementById('pagination').innerHTML='';
+    }catch(e){
+      document.getElementById('searchMeta').textContent='0'+t('search.meta.results');
+      document.getElementById('sharingSearchMeta').textContent='';
+      renderMemories([]);
+      document.getElementById('pagination').innerHTML='';
+    }
+  }
+}
+
 function debounceSearch(){
   clearTimeout(searchTimer);
   searchTimer=setTimeout(()=>doSearch(document.getElementById('searchInput').value),350);
@@ -3749,6 +5839,12 @@ function debounceSearch(){
 function filterSession(key){
   activeSession=key;
   currentPage=1;
+  var fSel=document.getElementById('filterSession');
+  if(fSel) fSel.value=key||'';
+  document.querySelectorAll('#sessionList .session-item').forEach(function(el,i){
+    if(i===0) el.classList.toggle('active',!key);
+    else el.classList.toggle('active',el.querySelector('span')?.title===key);
+  });
   loadAll();
 }
 
@@ -3784,7 +5880,7 @@ function renderMemories(items){
   }
   items.forEach(m=>{memoryCache[m.id]=m});
   list.innerHTML=items.map(m=>{
-    const time=m.created_at?new Date(typeof m.created_at==='number'?m.created_at:m.created_at).toLocaleString('zh-CN'):'';
+    const time=m.created_at?new Date(typeof m.created_at==='number'?m.created_at:m.created_at).toLocaleString(dateLoc()):'';
     const role=m.role||'user';
     const rawSummary=m.summary||'';
     const rawContent=m.content||'';
@@ -3796,7 +5892,7 @@ function renderMemories(items){
     const mc=m.merge_count||0;
     const cardTitle=esc(rawSummary||rawContent||'');
     const mergeBadge=mc>0?'<span class="merge-badge">\\u{1F504} '+t('card.evolved')+' '+mc+t('card.times')+'</span>':'';
-    const updatedAt=(m.updated_at&&m.updated_at>m.created_at)?'<span class="card-updated">'+t('card.updated')+' '+new Date(m.updated_at).toLocaleString('zh-CN')+'</span>':'';
+    const updatedAt=(m.updated_at&&m.updated_at>m.created_at)?'<span class="card-updated">'+t('card.updated')+' '+new Date(m.updated_at).toLocaleString(dateLoc())+'</span>':'';
     const ds=m.dedup_status||'active';
     const isInactive=ds==='merged';
     const dedupBadge=ds==='duplicate'?'<span class="dedup-badge duplicate">'+t('card.dedupDuplicate')+'</span>':ds==='merged'?'<span class="dedup-badge merged">'+t('card.dedupMerged')+'</span>':'';
@@ -3805,6 +5901,8 @@ function renderMemories(items){
     const ownerVal=m.owner||'agent:main';
     const isPublicMem=ownerVal==='public';
     const ownerBadge=isPublicMem?'<span class="owner-badge public">\\u{1F310} '+t('filter.public')+'</span>':'<span class="owner-badge agent">\\u{1F512} '+t('filter.private')+'</span>';
+    const memShared=m.sharingVisibility||null;
+    const memShareBadge=memShared?'<span style="display:inline-flex;align-items:center;gap:3px;padding:2px 8px;background:#22c55e22;border:1px solid #22c55e44;border-radius:10px;font-size:11px;color:#22c55e">\\u2713 '+(memShared==='group'?t('share.group'):t('share.public'))+'</span>':'';
     let dedupInfo='';
     if(ds==='duplicate'||ds==='merged'){
       const reason=m.dedup_reason?'<span style="font-size:11px;color:var(--text-muted)">'+t('card.dedupReason')+esc(m.dedup_reason)+'</span>':'';
@@ -3818,7 +5916,7 @@ function renderMemories(items){
         if(hist.length>0){
           historyHtml='<div class="merge-history" id="history-'+id+'" style="display:none"><div style="font-weight:600;margin-bottom:8px;font-size:12px">'+t('card.evolveHistory')+' ('+hist.length+')</div>';
           hist.forEach(function(h){
-            const ht=h.at?new Date(h.at).toLocaleString('zh-CN'):'';
+            const ht=h.at?new Date(h.at).toLocaleString(dateLoc()):'';
             historyHtml+='<div class="merge-history-item"><span class="merge-action '+h.action+'">'+h.action+'</span> <span style="color:var(--text-muted)">'+ht+'</span><br>'+esc(h.reason||'');
             if(h.from) historyHtml+='<br><span style="opacity:.6">'+t('card.oldSummary')+':</span> '+esc(h.from);
             if(h.to) historyHtml+='<br><span style="opacity:.6">'+t('card.newSummary')+':</span> '+esc(h.to);
@@ -3854,6 +5952,7 @@ function renderMemories(items){
         (mc>0?'<button class="btn btn-sm btn-ghost" onclick="toggleHistory(\\''+id+'\\')">'+t('card.evolveHistory')+'</button>':'')+
         '<button class="btn btn-sm btn-ghost" onclick="openEditModal(\\''+id+'\\')">'+t('card.edit')+'</button>'+
         (isPublicMem?'<button class="btn btn-sm btn-ghost" onclick="toggleMemoryPublic(\\''+id+'\\',false)">\\u{1F512} '+t('skills.setPrivate')+'</button>':'<button class="btn btn-sm btn-ghost mem-public-btn" onclick="toggleMemoryPublic(\\''+id+'\\',true)">\\u{1F310} '+t('skills.setPublic')+'</button>')+
+        (memShared?'<button class="btn btn-sm btn-ghost" onclick="unshareMemory(\\''+id+'\\')">'+t('share.unshareBtn')+'</button>':'<button class="btn btn-sm btn-ghost" onclick="shareMemoryPrompt(\\''+id+'\\')">'+t('share.shareBtn')+'</button>')+
         '<button class="btn btn-sm btn-ghost" style="color:var(--accent)" onclick="deleteMemory(\\''+id+'\\')">'+t('card.delete')+'</button>'+
         vscore+
       '</div></div>';
@@ -3925,8 +6024,8 @@ async function showMemoryModal(chunkId){
     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('zh-CN');
-    const updated=m.updated_at?new Date(m.updated_at).toLocaleString('zh-CN'):'';
+    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>';
@@ -4663,35 +6762,35 @@ function waitForGatewayAndReload(maxAttempts,attempt){
   attempt=attempt||0;
   if(attempt>=maxAttempts){window.location.reload();return;}
   setTimeout(function(){
-    fetch('/api/update-check').then(function(r){
-      if(r.ok) window.location.reload();
-      else waitForGatewayAndReload(maxAttempts,attempt+1);
+    fetch('/api/auth/status').then(function(){
+      window.location.reload();
     }).catch(function(){waitForGatewayAndReload(maxAttempts,attempt+1);});
   },3000);
 }
-function doUpdateInstall(packageSpec,btnEl){
+function doUpdateInstall(packageSpec,btnEl,statusEl){
   btnEl.disabled=true;
   btnEl.textContent=t('update.installing');
+  btnEl.style.cssText='background:rgba(99,102,241,.15);color:var(--pri);border:1px solid rgba(99,102,241,.3);border-radius:6px;padding:4px 14px;font-size:12px;font-weight:600;cursor:wait;white-space:nowrap';
   fetch('/api/update-install',{method:'POST',headers:{'Content-Type':'application/json'},body:JSON.stringify({packageSpec:packageSpec})})
     .then(function(r){return r.json()})
     .then(function(d){
       if(d.ok){
         btnEl.textContent=t('update.success');
-        btnEl.style.background='#22c55e';
-        btnEl.style.color='#fff';
-        waitForGatewayAndReload(20);
+        btnEl.style.cssText='background:rgba(34,197,94,.15);color:#22c55e;border:1px solid rgba(34,197,94,.3);border-radius:6px;padding:4px 14px;font-size:12px;font-weight:600;cursor:default;white-space:nowrap';
+        if(statusEl)statusEl.textContent=t('update.restarting');
+        waitForGatewayAndReload(40);
       }else{
-        btnEl.textContent=t('update.failed')+': '+(d.error||'').slice(0,80);
-        btnEl.style.background='#ef4444';
-        btnEl.style.color='#fff';
+        btnEl.textContent=t('update.btn');
+        btnEl.style.cssText='background:none;border:1px solid currentColor;border-radius:6px;padding:4px 14px;font-size:12px;font-weight:600;color:inherit;cursor:pointer;white-space:nowrap;opacity:.85';
         btnEl.disabled=false;
-        setTimeout(function(){btnEl.textContent=t('update.btn');btnEl.style.background='';btnEl.style.color='';},5000);
+        if(statusEl)statusEl.textContent=t('update.failed')+': '+(d.error||'').slice(0,60);
+        setTimeout(function(){if(statusEl)statusEl.textContent='';},8000);
       }
     })
-    .catch(function(e){
-      btnEl.textContent=t('update.failed');
+    .catch(function(){
+      btnEl.textContent=t('update.btn');
+      btnEl.style.cssText='background:none;border:1px solid currentColor;border-radius:6px;padding:4px 14px;font-size:12px;font-weight:600;color:inherit;cursor:pointer;white-space:nowrap;opacity:.85';
       btnEl.disabled=false;
-      setTimeout(function(){btnEl.textContent=t('update.btn');btnEl.style.background='';btnEl.style.color='';},5000);
     });
 }
 async function checkForUpdate(){
@@ -4700,25 +6799,33 @@ async function checkForUpdate(){
     if(!r.ok)return;
     const d=await r.json();
     if(!d.updateAvailable)return;
-    const pkgSpec=d.installCommand?d.installCommand.replace(/^openclaw plugins install\s+/,''):(d.packageName+'@'+d.latest);
-    const banner=document.createElement('div');
+    const pkgSpec=d.installCommand?d.installCommand.replace(/^(?:npx\s+)?openclaw\s+plugins\s+install\s+/,''):(d.packageName+'@'+d.latest);
+    var banner=document.createElement('div');
     banner.id='updateBanner';
-    banner.style.cssText='position:fixed;top:0;left:0;right:0;z-index:9999;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;padding:10px 20px;display:flex;align-items:center;justify-content:space-between;font-size:14px;box-shadow:0 2px 8px rgba(0,0,0,.25)';
-    var leftSpan=document.createElement('span');
-    leftSpan.innerHTML='🔔 '+t('update.available')+': <b>v'+esc(d.current)+'</b> → <b>v'+esc(d.latest)+'</b>';
+    banner.style.cssText='display:flex;align-items:center;gap:10px;padding:12px 20px;font-size:13px;font-weight:500;border-radius:10px;margin:0 32px;animation:slideIn .3s ease;background:rgba(245,158,11,.1);color:#d97706;border:1px solid rgba(245,158,11,.25)';
+    var textNode=document.createElement('div');
+    textNode.style.cssText='display:flex;align-items:center;gap:8px;flex-shrink:0';
+    textNode.innerHTML='\u{1F4E6} '+t('update.available')+' <b style="margin:0 2px">v'+esc(d.current)+'</b> \u2192 <b style="margin:0 2px">v'+esc(d.latest)+'</b>';
     var btnUpdate=document.createElement('button');
+    btnUpdate.className='emb-banner-btn';
     btnUpdate.textContent=t('update.btn');
-    btnUpdate.style.cssText='background:#fff;color:#d97706;border:none;padding:5px 16px;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;margin-left:12px';
-    btnUpdate.onclick=function(){doUpdateInstall(pkgSpec,btnUpdate)};
+    var statusDiv=document.createElement('div');
+    statusDiv.style.cssText='font-size:11px;opacity:.8;flex-shrink:0';
+    btnUpdate.onclick=function(){doUpdateInstall(pkgSpec,btnUpdate,statusDiv)};
+    textNode.appendChild(btnUpdate);
+    var spacer=document.createElement('div');
+    spacer.style.cssText='flex:1';
     var btnClose=document.createElement('button');
+    btnClose.className='emb-banner-close';
     btnClose.innerHTML='&times;';
-    btnClose.style.cssText='background:none;border:none;color:#fff;font-size:18px;cursor:pointer;padding:0 4px';
-    btnClose.onclick=function(){banner.remove();document.body.style.paddingTop='';};
-    leftSpan.appendChild(btnUpdate);
-    banner.appendChild(leftSpan);
+    btnClose.onclick=function(){banner.remove()};
+    banner.appendChild(textNode);
+    banner.appendChild(statusDiv);
+    banner.appendChild(spacer);
     banner.appendChild(btnClose);
-    document.body.prepend(banner);
-    document.body.style.paddingTop='48px';
+    var embBanner=document.querySelector('.emb-banner');
+    if(embBanner&&embBanner.parentNode){embBanner.parentNode.insertBefore(banner,embBanner);}
+    else{var ct=document.querySelector('.content-area')||document.querySelector('main')||document.body;if(ct.firstChild)ct.insertBefore(banner,ct.firstChild);else ct.appendChild(banner);}
   }catch(e){}
 }