@noob-stupid/dsh-plugin-console 0.5.87 → 0.5.93

package/lib/client.js

@@ -1,4 +1,4 @@
-window.__ModuleLoader__.load({
+window.__ModuleLoader__.load({
 	id: "@noob-stupid/dsh-plugin-console",
 	factory: (require) => {
 		var module = { exports: {} };
@@ -6,7 +6,7 @@ window.__ModuleLoader__.load({
 		Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 		let react = require("react");
 		//#region styles
-		const css = ".pc_section{width:100%;max-width:760px;color:var(--dsw-alias-label-primary);flex-direction:column;gap:14px;display:flex}.pc_section h3{margin:0;font-size:13px;font-weight:600;line-height:20px}.pc_message{color:var(--dsw-alias-label-tertiary);font-size:13px;line-height:20px;margin:0}.pc_messageRow{display:flex;align-items:center;gap:10px}.pc_spinner{width:14px;height:14px;border:2px solid var(--dsw-alias-border-l2);border-top-color:var(--dsw-alias-state-business-primary);border-radius:50%;animation:pcspin 1s linear infinite;flex:none}@keyframes pcspin{to{transform:rotate(360deg)}}.pc_message[data-error=true]{color:var(--dsw-alias-state-error-primary)}.pc_message[data-warn=true]{color:var(--dsw-alias-state-warning-primary)}.pc_list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.pc_row{border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-3);border-radius:10px;min-width:0;padding:10px 12px;flex-direction:column;gap:6px;display:flex}.pc_rowTop{align-items:center;gap:8px;display:flex}.pc_name{font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.pc_tag{border:1px solid var(--dsw-alias-border-l2);color:var(--dsw-alias-label-tertiary);border-radius:999px;padding:1px 8px;font-size:11px;line-height:16px;flex:none}.pc_tag[data-enabled=true]{border-color:var(--dsw-alias-state-success-primary);color:var(--dsw-alias-state-success-primary)}.pc_tag[data-user=true]{border-color:var(--dsw-alias-state-business-primary);color:var(--dsw-alias-state-business-primary)}.pc_tag[data-pending=true]{border-color:var(--dsw-alias-state-warning-primary);color:var(--dsw-alias-state-warning-primary)}.pc_status[data-pending=true]{color:var(--dsw-alias-state-warning-primary)}.pc_toggle[data-pending=true]{border-color:var(--dsw-alias-state-warning-primary);color:var(--dsw-alias-state-warning-primary)}.pc_tag[data-skill=true]{border-color:var(--dsw-alias-state-warning-primary);color:var(--dsw-alias-state-warning-primary)}.pc_tag[data-system=true]{border-color:var(--dsw-alias-border-l2);color:var(--dsw-alias-label-tertiary);background:var(--dsw-alias-bg-layer-2)}.pc_tag[data-disabled=true]{border-color:var(--dsw-alias-state-error-primary);color:var(--dsw-alias-state-error-primary)}.pc_tag[data-suite=true]{border-color:var(--dsw-alias-state-success-primary);color:var(--dsw-alias-state-success-primary)}.pc_tag[data-error=true]{border-color:var(--dsw-alias-state-error-primary);color:var(--dsw-alias-state-error-primary)}.pc_tabGroup{display:inline-flex;gap:4px;align-items:center}.pc_meta{color:var(--dsw-alias-label-tertiary);font-size:11px;line-height:16px;gap:6px;display:flex;align-items:center}.pc_phase[data-phase=failed]{color:var(--dsw-alias-state-error-primary)}.pc_phase[data-phase=active]{color:var(--dsw-alias-state-success-primary)}.pc_toggle{border:1px solid var(--dsw-alias-border-l2);color:var(--dsw-alias-label-primary);background:0 0;font:inherit;cursor:pointer;border-radius:6px;padding:4px 12px;align-self:flex-start}.pc_toggle:hover:not(:disabled){border-color:var(--dsw-alias-state-business-primary)}.pc_toggle:disabled{opacity:.5;cursor:default}.pc_search{gap:8px;display:flex}.pc_search input{border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-1);height:34px;flex:1;color:var(--dsw-alias-label-primary);font:inherit;border-radius:8px;outline:none;padding:0 12px;font-size:13px}.pc_search input:focus-visible{border-color:var(--dsw-alias-state-business-primary)}.pc_search button{border:1px solid var(--dsw-alias-border-l2);color:var(--dsw-alias-label-primary);background:var(--dsw-alias-bg-layer-2);font:inherit;cursor:pointer;border-radius:8px;padding:0 14px;font-size:13px}.pc_search button:hover{border-color:var(--dsw-alias-state-business-primary)}.pc_market{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.pc_item{border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-3);border-radius:10px;min-width:0;padding:10px 12px;flex-direction:column;gap:6px;display:flex}.pc_itemTop{align-items:center;gap:8px;display:flex}.pc_itemTop a{color:var(--dsw-alias-state-business-primary);font-size:13px;font-weight:600;text-decoration:none;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pc_stars{color:var(--dsw-alias-label-tertiary);font-size:11px;flex:none}.pc_desc{color:var(--dsw-alias-label-tertiary);font-size:12px;line-height:18px;margin:0}.pc_item button{border:1px solid var(--dsw-alias-border-l2);color:var(--dsw-alias-label-primary);background:0 0;font:inherit;cursor:pointer;border-radius:6px;padding:3px 10px;align-self:flex-start;font-size:12px}.pc_item button:hover:not(:disabled){border-color:var(--dsw-alias-state-business-primary)}.pc_item button:disabled{opacity:.5;cursor:default}.pc_detail{border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-3);border-radius:10px;padding:10px 12px;flex-direction:column;gap:6px;display:flex}.pc_status{color:var(--dsw-alias-label-tertiary);font-size:12px;line-height:18px;margin:0}.pc_note{color:var(--dsw-alias-label-tertiary);font-size:11px;line-height:16px;margin:0}.pc_note[data-truncated=true]{color:var(--dsw-alias-state-warning-primary)}.pc_marketHead{display:flex;align-items:center;justify-content:space-between;gap:10px}.pc_descWrap{flex-direction:column;display:flex}.pc_installedHead{display:flex;align-items:center;gap:10px}.pc_backTopWrap{position:fixed;top:56px;right:20px;z-index:100;display:flex;flex-direction:column;gap:8px}.pc_backTop{width:34px;height:34px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:rgba(22,27,34,.72);border:1px solid var(--dsw-alias-border-l2);color:var(--dsw-alias-label-primary);cursor:pointer;backdrop-filter:blur(4px);opacity:.7}.pc_backTop:hover{opacity:1;border-color:var(--dsw-alias-state-business-primary)}.pc_descTopbar{display:flex;justify-content:flex-end;margin:2px 0}.pc_ghpill{border:1px solid var(--dsw-alias-border-l2);color:var(--dsw-alias-label-tertiary);border-radius:999px;padding:1px 10px;font-size:11px;line-height:18px}.pc_ghpill[data-on=true]{border-color:var(--dsw-alias-state-success-primary);color:var(--dsw-alias-state-success-primary)}.pc_extraBtn{opacity:.75;border:1px solid var(--dsw-alias-border-l2);color:var(--dsw-alias-label-primary);background:0 0;font:inherit;cursor:pointer;border-radius:6px;padding:4px 10px;font-size:12px;line-height:16px;flex:none;transition:opacity .15s ease,border-color 1.5s ease,color 1.5s ease}.pc_extraBtn:hover{opacity:1}.pc_extraBtn[data-active=true]{opacity:1;border-color:var(--dsw-alias-state-business-primary);color:var(--dsw-alias-state-business-primary)}.pc_extraBtn[data-flash=true]{border-color:var(--dsw-alias-state-business-primary);color:var(--dsw-alias-state-business-primary)}.pc_view{border:1px solid var(--dsw-alias-border-l2);color:var(--dsw-alias-label-primary);background:0 0;font:inherit;cursor:pointer;border-radius:6px;padding:2px 10px;font-size:12px;line-height:18px;flex:none}.pc_floatPanel{position:fixed;left:20px;top:50%;transform:translateY(-50%);width:340px;max-height:75vh;overflow-y:auto;border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-3);border-radius:10px;padding:12px;box-shadow:0 8px 24px rgba(0,0,0,.18);z-index:50;flex-direction:column;gap:8px;display:flex}.pc_refresh{position:sticky;bottom:14px;align-self:flex-end;margin-top:8px;z-index:60;opacity:1;border:1px solid var(--dsw-alias-border-l2);color:var(--dsw-alias-label-secondary);background:transparent;font:inherit;cursor:pointer;border-radius:8px;padding:6px 10px;display:flex;align-items:center;gap:6px;font-size:12px;line-height:16px;transition:opacity .15s ease}.pc_refresh:hover{opacity:.9}.pc_date{color:var(--dsw-alias-label-tertiary);font-size:11px;line-height:16px;flex:none}.pc_searchInner{position:relative;flex:1;display:flex;align-items:center;min-width:0}.pc_searchInner input{padding-right:32px;width:100%}.pc_starBtn{border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-2);color:var(--dsw-alias-label-tertiary);cursor:pointer;font-size:13px;line-height:1;padding:4px 8px;border-radius:6px;opacity:.75;transition:opacity .15s ease;flex:none}.pc_starBtn:hover{opacity:1}.pc_starBtn[data-active=true]{opacity:1;color:var(--dsw-alias-state-business-primary)}.pc_restartBtn{position:fixed;right:20px;top:50%;transform:translateY(-50%);z-index:60;opacity:1;border:1px solid var(--dsw-alias-border-l2);color:var(--dsw-alias-label-secondary);background:transparent;font:inherit;cursor:pointer;border-radius:8px;padding:6px 10px;display:flex;align-items:center;gap:6px;font-size:12px;line-height:16px;transition:opacity .15s ease}.pc_restartBtn:hover{opacity:.9}.pc_relaunchFloat{position:fixed;left:20px;top:50%;transform:translateY(-50%);z-index:70;opacity:.85;border:1px solid var(--dsw-alias-state-business-primary);color:var(--dsw-alias-state-business-primary);background:var(--dsw-alias-bg-layer-3);font:inherit;cursor:pointer;border-radius:8px;padding:6px 10px;display:flex;align-items:center;gap:6px;font-size:12px;line-height:16px;transition:opacity .15s ease}.pc_relaunchFloat:hover{opacity:1}.pc_aiToggle{position:fixed;right:20px;top:20px;z-index:70;opacity:1;border:1px solid var(--dsw-alias-border-l2);color:var(--dsw-alias-label-secondary);background:var(--dsw-alias-bg-layer-2);font:inherit;cursor:pointer;border-radius:8px;padding:6px 10px;display:flex;align-items:center;gap:6px;font-size:12px;line-height:16px;transition:opacity .15s ease}.pc_aiToggle:hover{opacity:1}.pc_aiToggle[data-active=true]{opacity:1;border-color:var(--dsw-alias-state-business-primary);color:var(--dsw-alias-state-business-primary)}.pc_sourcesFloat{position:fixed;right:20px;top:104px;z-index:70;opacity:1;border:1px solid var(--dsw-alias-border-l2);color:var(--dsw-alias-label-primary);background:var(--dsw-alias-bg-layer-3);font:inherit;cursor:pointer;border-radius:8px;padding:6px 10px;display:flex;align-items:center;gap:6px;font-size:12px;line-height:16px;transition:opacity .15s ease}.pc_sourcesFloat:hover{opacity:1;border-color:var(--dsw-alias-state-business-primary);color:var(--dsw-alias-state-business-primary)}.pc_modeFloat{position:fixed;right:20px;top:204px;z-index:70;opacity:1;border:1px solid var(--dsw-alias-border-l2);color:var(--dsw-alias-label-primary);background:var(--dsw-alias-bg-layer-3);font:inherit;cursor:pointer;border-radius:8px;padding:6px 10px;display:flex;align-items:center;gap:6px;font-size:12px;line-height:16px;transition:opacity .15s ease}.pc_modeFloat:hover{opacity:1;border-color:var(--dsw-alias-state-business-primary);color:var(--dsw-alias-state-business-primary)}.pc_modeFloat[data-mode=true]{opacity:1;border-color:var(--dsw-alias-state-warning-primary);color:var(--dsw-alias-state-warning-primary)}.pc_trashBtn{border:0;background:0 0;color:var(--dsw-alias-label-tertiary);cursor:pointer;font-size:12px;line-height:16px;padding:2px 6px;flex:none;display:flex;align-items:center;border-radius:6px;transition:color .15s ease}.pc_trashBtn:hover{color:var(--dsw-alias-state-error-primary)}.pc_consentRemember{display:flex;align-items:center;gap:6px;font-size:12px;line-height:16px;color:var(--dsw-alias-label-secondary);cursor:pointer}.pc_modalBackdrop{position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:1000;display:flex;align-items:center;justify-content:center}.pc_modalCard{border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-1);border-radius:12px;padding:16px 18px;width:min(760px,calc(100vw - 64px));max-height:calc(100vh - 96px);overflow-y:auto;overscroll-behavior:contain;flex-direction:column;gap:10px;display:flex;box-shadow:0 12px 32px rgba(0,0,0,.25)}.pc_modalCard::-webkit-scrollbar{width:8px}.pc_modalCard::-webkit-scrollbar-thumb{background:var(--dsw-alias-border-l2);border-radius:4px}.pc_srcUrl{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;color:var(--dsw-alias-label-tertiary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:100%}.pc_accWrap{display:flex;flex-direction:column;gap:8px}.pc_acc{border:1px solid var(--dsw-alias-border-l2);border-radius:10px;overflow:hidden;background:var(--dsw-alias-bg-layer-2)}.pc_accHead{width:100%;text-align:left;background:transparent;border:0;color:var(--dsw-alias-label-primary);font:inherit;font-size:13px;font-weight:600;line-height:20px;padding:8px 12px;cursor:pointer;display:flex;align-items:center;gap:6px}.pc_accHead:hover{background:var(--dsw-alias-bg-layer-3)}.pc_accHead[data-open=true]{border-bottom:1px solid var(--dsw-alias-border-l2)}.pc_accBody{padding:10px 12px;display:flex;flex-direction:column;gap:8px}.pc_ghpill{background:0 0;cursor:pointer}.pc_ghwrap{position:relative;display:inline-flex}.pc_sourceMenu{position:absolute;right:0;top:calc(100% + 6px);z-index:90;border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-1);border-radius:8px;padding:4px;flex-direction:column;display:flex;min-width:120px;box-shadow:0 8px 24px rgba(0,0,0,.18)}.pc_sourceOpt{border:0;background:0 0;color:var(--dsw-alias-label-primary);font:inherit;cursor:pointer;border-radius:6px;padding:6px 10px;text-align:left;font-size:12px;line-height:16px}.pc_sourceOpt[data-active=true]{color:var(--dsw-alias-state-business-primary);font-weight:600}.pc_sourceOpt:hover{background:var(--dsw-alias-bg-layer-3)}.pc_aiEmpower{position:fixed;right:20px;top:48px;z-index:70;opacity:1;border:1px solid var(--dsw-alias-border-l2);color:var(--dsw-alias-label-secondary);background:var(--dsw-alias-bg-layer-2);font:inherit;cursor:pointer;border-radius:8px;padding:6px 10px;display:flex;align-items:center;gap:6px;font-size:12px;line-height:16px;transition:opacity .15s ease}.pc_aiEmpower:hover{opacity:.9}.pc_aiEmpower[data-busy=true]{opacity:1;border-color:var(--dsw-alias-state-warning-primary);color:var(--dsw-alias-state-warning-primary)}.pc_aiEmpower[data-active=true]{opacity:1;border-color:var(--dsw-alias-state-business-primary);color:var(--dsw-alias-state-business-primary)}.pc_compCard{position:fixed;left:8px;top:20px;width:320px;max-height:70vh;overflow-y:auto;border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-3);border-radius:10px;padding:12px;box-shadow:0 8px 24px rgba(0,0,0,.18);z-index:45;flex-direction:column;gap:8px;display:flex}.pc_compCard .pc_rowTop{flex-wrap:wrap}.pc_compCard .pc_toggle{padding:3px 8px;font-size:11px}.pc_compCard[data-hidden=true]{display:none}.pc_compDrop{background:rgba(24,28,34,.92);backdrop-filter:blur(6px);border:1px solid var(--dsw-alias-border-l2);border-radius:8px;padding:4px;box-shadow:0 8px 24px rgba(0,0,0,.35);flex-direction:column;display:flex;gap:2px}.pc_compDropRow{border:0;background:0 0;color:var(--dsw-alias-label-primary);font:inherit;cursor:pointer;border-radius:6px;padding:6px 8px;text-align:left;font-size:12px;line-height:16px;flex-direction:column;display:flex;gap:2px}.pc_compDropRow:hover{background:var(--dsw-alias-bg-layer-2)}.pc_compDropUrl{color:var(--dsw-alias-label-tertiary);font-size:11px;word-break:break-all}.pc_compToggle{position:fixed;left:336px;top:20px;z-index:46;opacity:.55;border:1px solid var(--dsw-alias-border-l2);color:var(--dsw-alias-label-secondary);background:rgba(22,27,34,.72);font:inherit;cursor:pointer;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;line-height:1;backdrop-filter:blur(4px);transition:opacity .15s ease}.pc_compToggle:hover{opacity:1;border-color:var(--dsw-alias-state-business-primary)}.pc_toolbarMain{position:fixed;right:70px;top:max(88px,21vh);z-index:71;border:1px solid var(--dsw-alias-border-l2);color:var(--dsw-alias-label-primary);background:var(--dsw-alias-bg-layer-2);font:inherit;cursor:pointer;border-radius:8px;padding:6px 10px;display:flex;align-items:center;gap:6px;font-size:12px;line-height:16px;transition:border-color .15s ease}.pc_toolbarMain:hover{border-color:var(--dsw-alias-state-business-primary)}.pc_toolbarMain[data-active=true]{border-color:var(--dsw-alias-state-business-primary);color:var(--dsw-alias-state-business-primary)}.pc_toolbarGroup{position:fixed;right:70px;top:calc(max(88px,21vh) + 36px);z-index:70;flex-direction:column;gap:8px;display:flex;transform-origin:top right;animation:pcDrawerIn .3s cubic-bezier(.34,1.56,.64,1)}@media (max-width:1160px){.pc_toolbarMain{top:max(150px,30vh)}.pc_toolbarGroup{top:calc(max(150px,30vh) + 36px)}.pc_aiToggle{top:104px}.pc_aiEmpower{top:132px}.pc_sourcesFloat{top:188px}.pc_modeFloat{top:288px}}@keyframes pcDrawerIn{from{opacity:0;transform:translateX(28px) scale(.94)}to{opacity:1;transform:translateX(0) scale(1)}}.pc_toolItem{opacity:.85;border:1px solid var(--dsw-alias-border-l2);color:var(--dsw-alias-label-primary);background:var(--dsw-alias-bg-layer-3);font:inherit;cursor:pointer;border-radius:8px;padding:6px 10px;display:flex;align-items:center;gap:6px;font-size:12px;line-height:16px;transition:opacity .15s ease}.pc_toolItem:hover{opacity:1;border-color:var(--dsw-alias-state-business-primary)}.pc_toolItem[data-active=true]{opacity:1;border-color:var(--dsw-alias-state-business-primary);color:var(--dsw-alias-state-business-primary)}.pc_toolItem[data-mode=true]{opacity:1;border-color:var(--dsw-alias-state-warning-primary);color:var(--dsw-alias-state-warning-primary)}.pc_switch{width:34px;height:18px;border-radius:999px;border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-2);position:relative;cursor:pointer;flex:none;transition:background .15s ease,border-color .15s ease}.pc_switch:hover{border-color:var(--dsw-alias-state-business-primary)}.pc_switch[data-on=true]{background:var(--dsw-alias-state-success-primary);border-color:var(--dsw-alias-state-success-primary)}.pc_switchKnob{position:absolute;top:2px;left:2px;width:12px;height:12px;border-radius:50%;background:#fff;transition:left .15s ease}.pc_switch[data-on=true] .pc_switchKnob{left:18px}.pc_aiSpinner{width:12px;height:12px;border:2px solid var(--dsw-alias-border-l2);border-top-color:var(--dsw-alias-state-business-primary);border-radius:50%;animation:pcspin 1s linear infinite;flex:none}.pc_aiSpinBtn{position:fixed;right:152px;top:20px;z-index:71;border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-2);cursor:pointer;border-radius:8px;padding:6px 10px;display:flex;align-items:center;gap:6px;font-size:12px;line-height:16px}.pc_aiSpinBtn:hover{border-color:var(--dsw-alias-state-business-primary)}.pc_tag[data-bad=true]{border-color:var(--dsw-alias-state-error-primary);color:var(--dsw-alias-state-error-primary)}.pc_progress{color:var(--dsw-alias-label-secondary);font-size:12px;line-height:18px;margin:0;font-variant-numeric:tabular-nums}.pc_consentCard{border:2px solid var(--dsw-alias-state-warning-primary);background:var(--dsw-alias-bg-layer-2);border-radius:10px;padding:12px 14px;flex-direction:column;gap:8px;display:flex;box-shadow:0 0 0 3px rgba(255,176,32,.10)}.pc_consentCountdown{margin-left:auto;flex:none;font-size:14px;font-weight:600;font-variant-numeric:tabular-nums;color:var(--dsw-alias-state-warning-primary)}.pc_consentApprove{border:1px solid var(--dsw-alias-state-warning-primary);color:var(--dsw-alias-state-warning-primary);background:0 0;font:inherit;font-weight:600;cursor:pointer;border-radius:6px;padding:4px 12px;align-self:flex-start}.pc_consentApprove:hover{border-color:var(--dsw-alias-state-business-primary);color:var(--dsw-alias-state-business-primary)}.pc_starFoot{margin-top:auto;position:sticky;bottom:0;justify-content:flex-end;display:flex;padding:6px 0 2px;background:var(--dsw-alias-bg-layer-1);box-shadow:0 16px 0 var(--dsw-alias-bg-layer-1)}.pc_starLink{color:var(--dsw-alias-label-secondary);align-items:center;gap:6px;font-size:12px;line-height:16px;text-decoration:none;display:inline-flex;flex:none;border-radius:4px}.pc_starLink svg{flex:none;display:block}.pc_starLink:hover{color:var(--dsw-alias-state-business-primary);text-decoration:underline;text-underline-offset:3px}.pc_starLink:focus-visible{outline:2px solid var(--dsw-alias-state-business-primary);outline-offset:2px}";
+		const css = ".pc_section{width:100%;max-width:760px;color:var(--dsw-alias-label-primary);flex-direction:column;gap:14px;display:flex}.pc_section h3{margin:0;font-size:13px;font-weight:600;line-height:20px}.pc_message{color:var(--dsw-alias-label-tertiary);font-size:13px;line-height:20px;margin:0}.pc_messageRow{display:flex;align-items:center;gap:10px}.pc_spinner{width:14px;height:14px;border:2px solid var(--dsw-alias-border-l2);border-top-color:var(--dsw-alias-state-business-primary);border-radius:50%;animation:pcspin 1s linear infinite;flex:none}@keyframes pcspin{to{transform:rotate(360deg)}}.pc_message[data-error=true]{color:var(--dsw-alias-state-error-primary)}.pc_message[data-warn=true]{color:var(--dsw-alias-state-warning-primary)}.pc_list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.pc_row{border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-3);border-radius:10px;min-width:0;padding:10px 12px;flex-direction:column;gap:6px;display:flex}.pc_rowTop{align-items:center;gap:8px;display:flex}.pc_name{font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.pc_tag{border:1px solid var(--dsw-alias-border-l2);color:var(--dsw-alias-label-tertiary);border-radius:999px;padding:1px 8px;font-size:11px;line-height:16px;flex:none}.pc_tag[data-enabled=true]{border-color:var(--dsw-alias-state-success-primary);color:var(--dsw-alias-state-success-primary)}.pc_tag[data-user=true]{border-color:var(--dsw-alias-state-business-primary);color:var(--dsw-alias-state-business-primary)}.pc_tag[data-pending=true]{border-color:var(--dsw-alias-state-warning-primary);color:var(--dsw-alias-state-warning-primary)}.pc_status[data-pending=true]{color:var(--dsw-alias-state-warning-primary)}.pc_toggle[data-pending=true]{border-color:var(--dsw-alias-state-warning-primary);color:var(--dsw-alias-state-warning-primary)}.pc_tag[data-skill=true]{border-color:var(--dsw-alias-state-warning-primary);color:var(--dsw-alias-state-warning-primary)}.pc_tag[data-system=true]{border-color:var(--dsw-alias-border-l2);color:var(--dsw-alias-label-tertiary);background:var(--dsw-alias-bg-layer-2)}.pc_tag[data-disabled=true]{border-color:var(--dsw-alias-state-error-primary);color:var(--dsw-alias-state-error-primary)}.pc_tag[data-suite=true]{border-color:var(--dsw-alias-state-success-primary);color:var(--dsw-alias-state-success-primary)}.pc_tag[data-error=true]{border-color:var(--dsw-alias-state-error-primary);color:var(--dsw-alias-state-error-primary)}.pc_tabGroup{display:inline-flex;gap:4px;align-items:center}.pc_meta{color:var(--dsw-alias-label-tertiary);font-size:11px;line-height:16px;gap:6px;display:flex;align-items:center}.pc_phase[data-phase=failed]{color:var(--dsw-alias-state-error-primary)}.pc_phase[data-phase=active]{color:var(--dsw-alias-state-success-primary)}.pc_toggle{border:1px solid var(--dsw-alias-border-l2);color:var(--dsw-alias-label-primary);background:0 0;font:inherit;cursor:pointer;border-radius:6px;padding:4px 12px;align-self:flex-start}.pc_toggle:hover:not(:disabled){border-color:var(--dsw-alias-state-business-primary)}.pc_toggle:disabled{opacity:.5;cursor:default}.pc_search{gap:8px;display:flex}.pc_search input{border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-1);height:34px;flex:1;color:var(--dsw-alias-label-primary);font:inherit;border-radius:8px;outline:none;padding:0 12px;font-size:13px}.pc_search input:focus-visible{border-color:var(--dsw-alias-state-business-primary)}.pc_search button{border:1px solid var(--dsw-alias-border-l2);color:var(--dsw-alias-label-primary);background:var(--dsw-alias-bg-layer-2);font:inherit;cursor:pointer;border-radius:8px;padding:0 14px;font-size:13px}.pc_search button:hover{border-color:var(--dsw-alias-state-business-primary)}.pc_market{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.pc_item{border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-3);border-radius:10px;min-width:0;padding:10px 12px;flex-direction:column;gap:6px;display:flex}.pc_itemTop{align-items:center;gap:8px;display:flex}.pc_itemTop a{color:var(--dsw-alias-state-business-primary);font-size:13px;font-weight:600;text-decoration:none;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pc_stars{color:var(--dsw-alias-label-tertiary);font-size:11px;flex:none}.pc_desc{color:var(--dsw-alias-label-tertiary);font-size:12px;line-height:18px;margin:0}.pc_item button{border:1px solid var(--dsw-alias-border-l2);color:var(--dsw-alias-label-primary);background:0 0;font:inherit;cursor:pointer;border-radius:6px;padding:3px 10px;align-self:flex-start;font-size:12px}.pc_item button:hover:not(:disabled){border-color:var(--dsw-alias-state-business-primary)}.pc_item button:disabled{opacity:.5;cursor:default}.pc_detail{border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-3);border-radius:10px;padding:10px 12px;flex-direction:column;gap:6px;display:flex}.pc_status{color:var(--dsw-alias-label-tertiary);font-size:12px;line-height:18px;margin:0}.pc_note{color:var(--dsw-alias-label-tertiary);font-size:11px;line-height:16px;margin:0}.pc_note[data-truncated=true]{color:var(--dsw-alias-state-warning-primary)}.pc_marketHead{display:flex;align-items:center;justify-content:space-between;gap:10px}.pc_descWrap{flex-direction:column;display:flex}.pc_installedHead{display:flex;align-items:center;gap:10px}.pc_iconBtn{width:26px;height:26px;padding:0;display:flex;align-items:center;justify-content:center;border:1px solid var(--dsw-alias-border-l2);border-radius:999px;background:0 0;color:var(--dsw-alias-label-primary);cursor:pointer;flex:none}.pc_iconBtn:hover:not(:disabled){border-color:var(--dsw-alias-state-business-primary)}.pc_iconBtn:disabled{opacity:.5;cursor:default}.pc_iconBtn[data-state=done]{border-color:var(--dsw-alias-state-business-primary);color:var(--dsw-alias-state-business-primary)}.pc_iconBtn[data-state=active]{border-color:var(--dsw-alias-state-business-primary);color:var(--dsw-alias-state-business-primary);background:var(--dsw-alias-bg-layer-2)}.pc_badgeRow{display:flex;align-items:center;gap:4px;min-width:0;overflow:hidden;flex-wrap:nowrap;flex:0 1 auto;max-width:60%;height:20px;white-space:nowrap}.pc_badgeAll{display:flex;flex-wrap:wrap;gap:4px;margin-top:2px}.pc_tag[data-user-badge=true]{border-style:dashed;border-color:var(--dsw-alias-state-business-primary);color:var(--dsw-alias-state-business-primary);background:var(--dsw-alias-bg-layer-2)}.pc_tag[data-more=true]{border-style:dotted;cursor:pointer;font:inherit;background:0 0}.pc_userNote{border-left:2px solid var(--dsw-alias-state-business-primary);padding-left:8px;display:flex;flex-direction:column;gap:4px;margin-top:2px}.pc_noteInput{width:100%;font:inherit;padding:4px 6px;border:1px solid var(--dsw-alias-border-l2);border-radius:6px;background:var(--dsw-alias-bg-layer-3);color:var(--dsw-alias-label-primary);resize:vertical}.pc_annotRow{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.pc_backTopWrap{position:fixed;top:56px;right:20px;z-index:100;display:flex;flex-direction:column;gap:8px}.pc_backTop{width:34px;height:34px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:rgba(22,27,34,.72);border:1px solid var(--dsw-alias-border-l2);color:var(--dsw-alias-label-primary);cursor:pointer;backdrop-filter:blur(4px);opacity:.7}.pc_backTop:hover{opacity:1;border-color:var(--dsw-alias-state-business-primary)}.pc_descTopbar{display:flex;justify-content:flex-end;margin:2px 0}.pc_ghpill{border:1px solid var(--dsw-alias-border-l2);color:var(--dsw-alias-label-tertiary);border-radius:999px;padding:1px 10px;font-size:11px;line-height:18px}.pc_ghpill[data-on=true]{border-color:var(--dsw-alias-state-success-primary);color:var(--dsw-alias-state-success-primary)}.pc_extraBtn{opacity:.75;border:1px solid var(--dsw-alias-border-l2);color:var(--dsw-alias-label-primary);background:0 0;font:inherit;cursor:pointer;border-radius:6px;padding:4px 10px;font-size:12px;line-height:16px;flex:none;transition:opacity .15s ease,border-color 1.5s ease,color 1.5s ease}.pc_extraBtn:hover{opacity:1}.pc_extraBtn[data-active=true]{opacity:1;border-color:var(--dsw-alias-state-business-primary);color:var(--dsw-alias-state-business-primary)}.pc_extraBtn[data-flash=true]{border-color:var(--dsw-alias-state-business-primary);color:var(--dsw-alias-state-business-primary)}.pc_view{border:1px solid var(--dsw-alias-border-l2);color:var(--dsw-alias-label-primary);background:0 0;font:inherit;cursor:pointer;border-radius:6px;padding:2px 10px;font-size:12px;line-height:18px;flex:none}.pc_floatPanel{position:fixed;left:20px;top:50%;transform:translateY(-50%);width:340px;max-height:75vh;overflow-y:auto;border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-3);border-radius:10px;padding:12px;box-shadow:0 8px 24px rgba(0,0,0,.18);z-index:50;flex-direction:column;gap:8px;display:flex}.pc_refresh{position:sticky;bottom:14px;align-self:flex-end;margin-top:8px;z-index:60;opacity:1;border:1px solid var(--dsw-alias-border-l2);color:var(--dsw-alias-label-secondary);background:transparent;font:inherit;cursor:pointer;border-radius:8px;padding:6px 10px;display:flex;align-items:center;gap:6px;font-size:12px;line-height:16px;transition:opacity .15s ease}.pc_refresh:hover{opacity:.9}.pc_date{color:var(--dsw-alias-label-tertiary);font-size:11px;line-height:16px;flex:none}.pc_searchInner{position:relative;flex:1;display:flex;align-items:center;min-width:0}.pc_searchInner input{padding-right:32px;width:100%}.pc_starBtn{border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-2);color:var(--dsw-alias-label-tertiary);cursor:pointer;font-size:13px;line-height:1;padding:4px 8px;border-radius:6px;opacity:.75;transition:opacity .15s ease;flex:none}.pc_starBtn:hover{opacity:1}.pc_starBtn[data-active=true]{opacity:1;color:var(--dsw-alias-state-business-primary)}.pc_restartBtn{position:fixed;right:20px;top:50%;transform:translateY(-50%);z-index:60;opacity:1;border:1px solid var(--dsw-alias-border-l2);color:var(--dsw-alias-label-secondary);background:transparent;font:inherit;cursor:pointer;border-radius:8px;padding:6px 10px;display:flex;align-items:center;gap:6px;font-size:12px;line-height:16px;transition:opacity .15s ease}.pc_restartBtn:hover{opacity:.9}.pc_relaunchFloat{position:fixed;left:20px;top:50%;transform:translateY(-50%);z-index:70;opacity:.85;border:1px solid var(--dsw-alias-state-business-primary);color:var(--dsw-alias-state-business-primary);background:var(--dsw-alias-bg-layer-3);font:inherit;cursor:pointer;border-radius:8px;padding:6px 10px;display:flex;align-items:center;gap:6px;font-size:12px;line-height:16px;transition:opacity .15s ease}.pc_relaunchFloat:hover{opacity:1}.pc_aiToggle{position:fixed;right:20px;top:20px;z-index:70;opacity:1;border:1px solid var(--dsw-alias-border-l2);color:var(--dsw-alias-label-secondary);background:var(--dsw-alias-bg-layer-2);font:inherit;cursor:pointer;border-radius:8px;padding:6px 10px;display:flex;align-items:center;gap:6px;font-size:12px;line-height:16px;transition:opacity .15s ease}.pc_aiToggle:hover{opacity:1}.pc_aiToggle[data-active=true]{opacity:1;border-color:var(--dsw-alias-state-business-primary);color:var(--dsw-alias-state-business-primary)}.pc_sourcesFloat{position:fixed;right:20px;top:104px;z-index:70;opacity:1;border:1px solid var(--dsw-alias-border-l2);color:var(--dsw-alias-label-primary);background:var(--dsw-alias-bg-layer-3);font:inherit;cursor:pointer;border-radius:8px;padding:6px 10px;display:flex;align-items:center;gap:6px;font-size:12px;line-height:16px;transition:opacity .15s ease}.pc_sourcesFloat:hover{opacity:1;border-color:var(--dsw-alias-state-business-primary);color:var(--dsw-alias-state-business-primary)}.pc_modeFloat{position:fixed;right:20px;top:204px;z-index:70;opacity:1;border:1px solid var(--dsw-alias-border-l2);color:var(--dsw-alias-label-primary);background:var(--dsw-alias-bg-layer-3);font:inherit;cursor:pointer;border-radius:8px;padding:6px 10px;display:flex;align-items:center;gap:6px;font-size:12px;line-height:16px;transition:opacity .15s ease}.pc_modeFloat:hover{opacity:1;border-color:var(--dsw-alias-state-business-primary);color:var(--dsw-alias-state-business-primary)}.pc_modeFloat[data-mode=true]{opacity:1;border-color:var(--dsw-alias-state-warning-primary);color:var(--dsw-alias-state-warning-primary)}.pc_trashBtn{border:0;background:0 0;color:var(--dsw-alias-label-tertiary);cursor:pointer;font-size:12px;line-height:16px;padding:2px 6px;flex:none;display:flex;align-items:center;border-radius:6px;transition:color .15s ease}.pc_trashBtn:hover{color:var(--dsw-alias-state-error-primary)}.pc_consentRemember{display:flex;align-items:center;gap:6px;font-size:12px;line-height:16px;color:var(--dsw-alias-label-secondary);cursor:pointer}.pc_modalBackdrop{position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:1000;display:flex;align-items:center;justify-content:center}.pc_modalCard{border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-1);border-radius:12px;padding:16px 18px;width:min(760px,calc(100vw - 64px));max-height:calc(100vh - 96px);overflow-y:auto;overscroll-behavior:contain;flex-direction:column;gap:10px;display:flex;box-shadow:0 12px 32px rgba(0,0,0,.25)}.pc_modalCard::-webkit-scrollbar{width:8px}.pc_modalCard::-webkit-scrollbar-thumb{background:var(--dsw-alias-border-l2);border-radius:4px}.pc_srcUrl{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;color:var(--dsw-alias-label-tertiary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:100%}.pc_accWrap{display:flex;flex-direction:column;gap:8px}.pc_acc{border:1px solid var(--dsw-alias-border-l2);border-radius:10px;overflow:hidden;background:var(--dsw-alias-bg-layer-2)}.pc_accHead{width:100%;text-align:left;background:transparent;border:0;color:var(--dsw-alias-label-primary);font:inherit;font-size:13px;font-weight:600;line-height:20px;padding:8px 12px;cursor:pointer;display:flex;align-items:center;gap:6px}.pc_accHead:hover{background:var(--dsw-alias-bg-layer-3)}.pc_accHead[data-open=true]{border-bottom:1px solid var(--dsw-alias-border-l2)}.pc_accBody{padding:10px 12px;display:flex;flex-direction:column;gap:8px}.pc_ghpill{background:0 0;cursor:pointer}.pc_ghwrap{position:relative;display:inline-flex}.pc_sourceMenu{position:absolute;right:0;top:calc(100% + 6px);z-index:90;border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-1);border-radius:8px;padding:4px;flex-direction:column;display:flex;min-width:120px;box-shadow:0 8px 24px rgba(0,0,0,.18)}.pc_sourceOpt{border:0;background:0 0;color:var(--dsw-alias-label-primary);font:inherit;cursor:pointer;border-radius:6px;padding:6px 10px;text-align:left;font-size:12px;line-height:16px}.pc_sourceOpt[data-active=true]{color:var(--dsw-alias-state-business-primary);font-weight:600}.pc_sourceOpt:hover{background:var(--dsw-alias-bg-layer-3)}.pc_aiEmpower{position:fixed;right:20px;top:48px;z-index:70;opacity:1;border:1px solid var(--dsw-alias-border-l2);color:var(--dsw-alias-label-secondary);background:var(--dsw-alias-bg-layer-2);font:inherit;cursor:pointer;border-radius:8px;padding:6px 10px;display:flex;align-items:center;gap:6px;font-size:12px;line-height:16px;transition:opacity .15s ease}.pc_aiEmpower:hover{opacity:.9}.pc_aiEmpower[data-busy=true]{opacity:1;border-color:var(--dsw-alias-state-warning-primary);color:var(--dsw-alias-state-warning-primary)}.pc_aiEmpower[data-active=true]{opacity:1;border-color:var(--dsw-alias-state-business-primary);color:var(--dsw-alias-state-business-primary)}.pc_compCard{position:fixed;left:8px;top:20px;width:320px;max-height:70vh;overflow-y:auto;border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-3);border-radius:10px;padding:12px;box-shadow:0 8px 24px rgba(0,0,0,.18);z-index:45;flex-direction:column;gap:8px;display:flex}.pc_compCard .pc_rowTop{flex-wrap:wrap}.pc_compCard .pc_toggle{padding:3px 8px;font-size:11px}.pc_compCard[data-hidden=true]{display:none}.pc_compDrop{background:rgba(24,28,34,.92);backdrop-filter:blur(6px);border:1px solid var(--dsw-alias-border-l2);border-radius:8px;padding:4px;box-shadow:0 8px 24px rgba(0,0,0,.35);flex-direction:column;display:flex;gap:2px}.pc_compDropRow{border:0;background:0 0;color:var(--dsw-alias-label-primary);font:inherit;cursor:pointer;border-radius:6px;padding:6px 8px;text-align:left;font-size:12px;line-height:16px;flex-direction:column;display:flex;gap:2px}.pc_compDropRow:hover{background:var(--dsw-alias-bg-layer-2)}.pc_compDropUrl{color:var(--dsw-alias-label-tertiary);font-size:11px;word-break:break-all}.pc_compToggle{position:fixed;left:336px;top:20px;z-index:46;opacity:.55;border:1px solid var(--dsw-alias-border-l2);color:var(--dsw-alias-label-secondary);background:rgba(22,27,34,.72);font:inherit;cursor:pointer;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;line-height:1;backdrop-filter:blur(4px);transition:opacity .15s ease}.pc_compToggle:hover{opacity:1;border-color:var(--dsw-alias-state-business-primary)}.pc_toolbarMain{position:fixed;right:70px;top:max(88px,21vh);z-index:71;border:1px solid var(--dsw-alias-border-l2);color:var(--dsw-alias-label-primary);background:var(--dsw-alias-bg-layer-2);font:inherit;cursor:pointer;border-radius:8px;padding:6px 10px;display:flex;align-items:center;gap:6px;font-size:12px;line-height:16px;transition:border-color .15s ease}.pc_toolbarMain:hover{border-color:var(--dsw-alias-state-business-primary)}.pc_toolbarMain[data-active=true]{border-color:var(--dsw-alias-state-business-primary);color:var(--dsw-alias-state-business-primary)}.pc_toolbarGroup{position:fixed;right:70px;top:calc(max(88px,21vh) + 36px);z-index:70;flex-direction:column;gap:8px;display:flex;transform-origin:top right;animation:pcDrawerIn .3s cubic-bezier(.34,1.56,.64,1)}@media (max-width:1160px){.pc_toolbarMain{top:max(150px,30vh)}.pc_toolbarGroup{top:calc(max(150px,30vh) + 36px)}.pc_aiToggle{top:104px}.pc_aiEmpower{top:132px}.pc_sourcesFloat{top:188px}.pc_modeFloat{top:288px}}@keyframes pcDrawerIn{from{opacity:0;transform:translateX(28px) scale(.94)}to{opacity:1;transform:translateX(0) scale(1)}}.pc_toolItem{opacity:.85;border:1px solid var(--dsw-alias-border-l2);color:var(--dsw-alias-label-primary);background:var(--dsw-alias-bg-layer-3);font:inherit;cursor:pointer;border-radius:8px;padding:6px 10px;display:flex;align-items:center;gap:6px;font-size:12px;line-height:16px;transition:opacity .15s ease}.pc_toolItem:hover{opacity:1;border-color:var(--dsw-alias-state-business-primary)}.pc_toolItem[data-active=true]{opacity:1;border-color:var(--dsw-alias-state-business-primary);color:var(--dsw-alias-state-business-primary)}.pc_toolItem[data-mode=true]{opacity:1;border-color:var(--dsw-alias-state-warning-primary);color:var(--dsw-alias-state-warning-primary)}.pc_switch{width:34px;height:18px;border-radius:999px;border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-2);position:relative;cursor:pointer;flex:none;transition:background .15s ease,border-color .15s ease}.pc_switch:hover{border-color:var(--dsw-alias-state-business-primary)}.pc_switch[data-on=true]{background:var(--dsw-alias-state-success-primary);border-color:var(--dsw-alias-state-success-primary)}.pc_switchKnob{position:absolute;top:2px;left:2px;width:12px;height:12px;border-radius:50%;background:#fff;transition:left .15s ease}.pc_switch[data-on=true] .pc_switchKnob{left:18px}.pc_aiSpinner{width:12px;height:12px;border:2px solid var(--dsw-alias-border-l2);border-top-color:var(--dsw-alias-state-business-primary);border-radius:50%;animation:pcspin 1s linear infinite;flex:none}.pc_aiSpinBtn{position:fixed;right:152px;top:20px;z-index:71;border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-2);cursor:pointer;border-radius:8px;padding:6px 10px;display:flex;align-items:center;gap:6px;font-size:12px;line-height:16px}.pc_aiSpinBtn:hover{border-color:var(--dsw-alias-state-business-primary)}.pc_tag[data-bad=true]{border-color:var(--dsw-alias-state-error-primary);color:var(--dsw-alias-state-error-primary)}.pc_progress{color:var(--dsw-alias-label-secondary);font-size:12px;line-height:18px;margin:0;font-variant-numeric:tabular-nums}.pc_consentCard{border:2px solid var(--dsw-alias-state-warning-primary);background:var(--dsw-alias-bg-layer-2);border-radius:10px;padding:12px 14px;flex-direction:column;gap:8px;display:flex;box-shadow:0 0 0 3px rgba(255,176,32,.10)}.pc_consentCountdown{margin-left:auto;flex:none;font-size:14px;font-weight:600;font-variant-numeric:tabular-nums;color:var(--dsw-alias-state-warning-primary)}.pc_consentApprove{border:1px solid var(--dsw-alias-state-warning-primary);color:var(--dsw-alias-state-warning-primary);background:0 0;font:inherit;font-weight:600;cursor:pointer;border-radius:6px;padding:4px 12px;align-self:flex-start}.pc_consentApprove:hover{border-color:var(--dsw-alias-state-business-primary);color:var(--dsw-alias-state-business-primary)}.pc_starFoot{margin-top:auto;position:sticky;bottom:0;justify-content:flex-end;display:flex;padding:6px 0 2px;background:var(--dsw-alias-bg-layer-1);box-shadow:0 16px 0 var(--dsw-alias-bg-layer-1)}.pc_starLink{color:var(--dsw-alias-label-secondary);align-items:center;gap:6px;font-size:12px;line-height:16px;text-decoration:none;display:inline-flex;flex:none;border-radius:4px}.pc_starLink svg{flex:none;display:block}.pc_starLink:hover{color:var(--dsw-alias-state-business-primary);text-decoration:underline;text-underline-offset:3px}.pc_starLink:focus-visible{outline:2px solid var(--dsw-alias-state-business-primary);outline-offset:2px}.pc_groupNew{animation:pcGroupIn 260ms cubic-bezier(.2,.9,.3,1.25) both}@keyframes pcGroupIn{0%{opacity:0;transform:translateY(-10px) scale(.94)}55%{opacity:1;transform:translateY(4px) scale(1.03)}76%{transform:translateY(-2px) scale(.995)}100%{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.pc_groupNew{animation:none}}";
 		const tagId = "@noob-stupid/dsh-plugin-console/PluginConsoleTab.css";
 		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId) + "]") === null) {
 			const tag = document.createElement("style");
@@ -87,6 +87,13 @@ window.__ModuleLoader__.load({
 			detail: "pc_detail",
 			status: "pc_status",
 			note: "pc_note",
+			iconBtn: "pc_iconBtn",
+			badgeRow: "pc_badgeRow",
+			badgeAll: "pc_badgeAll",
+			userNote: "pc_userNote",
+			noteInput: "pc_noteInput",
+			annotRow: "pc_annotRow",
+			groupNew: "pc_groupNew",
 		};
 		//#endregion
 		//#region locales
@@ -268,7 +275,87 @@ window.__ModuleLoader__.load({
 			familyCheckUpdate: "批量检测更新",
 			familyUpdateBtn: "更新",
 			familyCheckUpdateTip: "检测到新版本后此处出现「更新」按钮，点击开始整包更新（含子包版本对齐与适配校验）",
+			// issue #22 ①：已安装列表的「一键检测全部更新」（只有图标 ↑↑↑ 的圆按钮 + 结果/筛选态）
+			checkAllUpdates: "检测全部更新",
+			checkAllUpdatesHint: "一键检测全部已装插件是否有新版（本次要查 {n} 个）",
+			checkingAllUpdates: "正在检测全部更新（{n} 个，并发受限，可能要几秒）",
+			checkAllUpdatesDone: "{n} 个可更新",
+			checkAllUpdateNone: "没有可更新的插件",
+			checkAllUpdateUnknownNote: "其中 {n} 个未检测到（网络或 registry 没答上来，可单独点卡片上的「检测更新」重试）",
+			checkAllUpdateFailed: "批量检测失败",
+			checkAllUpdateEmptyList: "已安装列表里没有可检测的插件",
+			batchUpdateOnly: "仅看可更新",
+			batchUpdateOnlyTip: "只显示本次检测到有更新的插件（再点一次取消）",
+			batchUpdateFilterEmpty: "本次检测没有可更新的插件（取消「仅看可更新」可看全部）",
+			batchUpdateAvailable: "可更新 → v{v}",
+			batchUpdateAvailableTip: "本次批量检测到新版本；点「更新」按这个版本更新（与单卡「检测更新」同一判据）",
+			batchUpToDate: "已最新",
+			batchUpdateUnknown: "未检测到",
+			batchUpdateUnknownTip: "registry 与 GitHub 都没答上来 ⇒ 不知道有没有新版（不是\"已是最新\"）；可单独点「检测更新」重试",
+			batchUpdateResultTip: "本次检测的结论：{n} 个可更新、{m} 个已最新、{k} 个未检测到（{at}）",
 			adaptUnlockBtn: "已适配，立即解锁",
+			// issue #22 ②③：用户注解（备注 / 用户徽章 / 用户自建分组）—— 都是**用户自己的数据**
+			annotationsBtn: "备注插件",
+			annotationsPanelTitle: "备注 / 用户徽章 / 用户分组：这些都是你自己的数据，存在 <DSH_HOME>/plugin-console/plugin-annotations.json，不写进插件、不改 profile；文件坏了也不影响上面的插件列表",
+			annotationsFailed: "注解操作失败",
+			annotationsCorrupt: "注解文件读不出来（{err}）—— 插件列表不受影响；修好或删掉该文件后再试写",
+			annotationsRepaired: "注解文件被手工改过，已按规则忽略 {n} 处不合规内容",
+			annotationsEmpty: "还没有任何备注 / 徽章 / 分组：在下面任一插件行里写第一条",
+			annotationsStats: "{p} 个插件有注解 · {b} 个用户徽章 · {g} 个分组",
+			annotationsListShow: "插件列表（{n}）· 点此展开",
+			annotationsListHide: "插件列表（{n}）· 点此收起",
+			annotationsSearchPlaceholder: "搜索：包名 / rowId / 备注内容（边打边筛）",
+			annotationsNoMatch: "没有匹配的插件",
+			noteLabel: "备注",
+			noteEdit: "改备注",
+			noteEmpty: "＋ 加备注",
+			notePlaceholder: "这是干什么的、为什么装它",
+			noteSaveHint: "回车保存 · Shift+回车换行 · Esc 取消（存空 = 清空备注）",
+			noteSaved: "备注已保存",
+			noteCleared: "备注已清空",
+			badgeLabel: "用户徽章",
+			badgeAddPlaceholder: "徽章文字（回车添加）",
+			badgeAdded: "已加徽章「{b}」",
+			badgeRemove: "移除这个徽章",
+			badgeRemoved: "已移除徽章「{b}」",
+			badgeUndo: "撤销",
+			badgeUndoDone: "已恢复徽章",
+			badgeMax: "用户徽章最多 {n} 个",
+			badgesAll: "全部徽章（{n}）：系统徽章 + 用户徽章都在这",
+			groupLabel: "分组",
+			groupNone: "（不分组）",
+			groupCreate: "新建分组",
+			groupCreatePlaceholder: "分组名，如：记忆类（回车创建）",
+			groupCreated: "已创建分组「{name}」",
+			groupNewInlineHint: "在详情页直接建一个分组，并把当前插件放进去",
+			groupNewInlinePlaceholder: "分组名（回车创建并拉入）",
+			groupNewInline: "新建分组",
+			groupRename: "重命名",
+			groupRenamed: "分组已重命名",
+			groupRemove: "删除这个分组（只解除归属，不删插件）",
+			groupDeleteConfirm: "确认删除分组「{name}」？只解除归属，插件本身不会删",
+			groupDeleted: "已删除分组「{name}」（解除 {n} 个归属，插件本身没删）",
+			groupRestore: "撤销删除",
+			groupRestored: "分组「{name}」已恢复",
+			groupAssigned: "已加入分组「{name}」",
+			groupUnassigned: "已从分组移除",
+			groupMembers: "{n} 个插件",
+			groupNoMembers: "这个分组里还没有插件：从右边下拉里选一个加进来",
+			groupMemberPick: "＋ 选一个插件加进这个分组",
+			groupUpdateAll: "一键更新本组",
+			groupUpdateAllTip: "按组内每个成员各自的目标版本逐个更新（串行，不并发；不适配的仍会被门控挡住）",
+			groupUpdateAllProgress: "正在更新第 {i}/{n} 个：",
+			groupUpdateAllDone: "本组更新完成：{n} 个成员，{hit} 个有新版并已发起更新",
+			groupLoadMore: "加载更多（还有 {n} 个）",
+			groupOpenHint: "点分组名可以在这里展开，搜索并添加插件",
+			groupAddSearchPlaceholder: "搜索插件名，点「加入」放进这个分组",
+			groupAddOne: "加入",
+			groupAddNoMatch: "没有匹配的插件（或都已在分组里）",
+			groupInFamilyNote: "成员都在官方全家桶区块里（同一插件不会重复显示）",
+			groupMemberNone: "插件都已经在这个分组里了",
+			groupMemberRemove: "从这个分组移出（只解除归属，不删插件）",
+			groupEmptyHint: "还没有分组：先在上面建一个（如「记忆类」），再到插件行里选它",
+			userGroupTag: "我的分组",
 			adaptUnlockHint: "已安装版本经源码扫描确认适配当前框架：立即移除禁用块并解锁启用",
 			adaptUnlockDone: "已适配解锁：刷新后该行可正常启用",
 			riskyEnableTitle: "强行启用不适配插件？",
@@ -441,7 +528,7 @@ window.__ModuleLoader__.load({
 			cfDone: "已改名 {renamed} / 重建链接 {linked} / 删备份 {removed} 条（释放约 {mb} MB）",
 			cfFailed: "{n} 项失败（详见 fw/console 日志）",
 			compatNoticeDismiss: "我知道了（此版本不再提示）",
-					searchInstalledPlaceholder: "搜索已安装插件（名称或 id）",
+					searchInstalledPlaceholder: "搜索已安装插件（名称 / id / 备注）",
 			extraFilter: "已装",
 			extraFilterAll: "全部",
 			extraTag: "第三方",
@@ -464,9 +551,9 @@ window.__ModuleLoader__.load({
 			stageInstalling: "下载安装中（可离开本页，后台继续）",
 			stageConfiguring: "写入启用配置",
 			stageRepairing: "本地 AI 接管安装中…",
-			restartService: "重启服务（官方路径）",
+			restartService: "重启服务",
 			restartHostedNotice: "本实例由桌面端外壳托管 —— 请在桌面端内重启：完全退出 DeepSeek Harness 再打开（控制台不自行 kill / spawn，以免与宿主争端口）。",
-			restarting: "正在按官方路径处理重启请求…",
+			restarting: "正在处理重启请求…",
 			autoReload: "页面即将自动刷新…",
 			aiRepaired: "本地 AI 已接管并完成修复，请刷新页面查看",
 			deletePlugin: "删除插件（移除配置并卸载包）",
@@ -927,7 +1014,83 @@ window.__ModuleLoader__.load({
 			familyCheckUpdate: "Check all",
 			familyUpdateBtn: "Update",
 			familyCheckUpdateTip: "When a newer version is detected this Update button appears; click to start the full-family update (subpackage alignment + adapt check)",
+			// issue #22 ①: bulk update check for the installed list (icon-only ↑↑↑ button + result/filter states)
+			checkAllUpdates: "Check all updates",
+			checkAllUpdatesHint: "Check every installed plugin for a newer version ({n} to check)",
+			checkingAllUpdates: "Checking all updates ({n} plugins, concurrency capped - may take a few seconds)",
+			checkAllUpdatesDone: "{n} updatable",
+			checkAllUpdateNone: "No updatable plugin",
+			checkAllUpdateUnknownNote: "{n} could not be checked (network or registry did not answer; use the per-card \"Check update\" to retry)",
+			checkAllUpdateFailed: "Bulk update check failed",
+			checkAllUpdateEmptyList: "No checkable plugin in the installed list",
+			batchUpdateOnly: "Updatable only",
+			batchUpdateOnlyTip: "Show only plugins with an update detected in this check (click again to clear)",
+			batchUpdateFilterEmpty: "No updatable plugin in this check (clear \"Updatable only\" to see all)",
+			batchUpdateAvailable: "Update → v{v}",
+			batchUpdateAvailableTip: "A newer version was detected by the bulk check; Update installs exactly this version (same criterion as the per-card Check update)",
+			batchUpToDate: "Up to date",
+			batchUpdateUnknown: "Not detected",
+			batchUpdateUnknownTip: "Neither the registry nor GitHub answered, so \"no update\" is unknown - not \"up to date\". Retry per card with Check update",
+			batchUpdateResultTip: "This check: {n} updatable, {m} up to date, {k} not detected ({at})",
 			adaptUnlockBtn: "Adapted - unlock now",
+			// issue #22 ②③: user annotations (notes / user badges / user groups) - the user's own data
+			annotationsBtn: "Annotate",
+			annotationsPanelTitle: "Notes / user badges / user groups: your own data, stored in <DSH_HOME>/plugin-console/plugin-annotations.json. Nothing is written into plugins or the profile, and a broken file never affects the plugin list above.",
+			annotationsFailed: "Annotation action failed",
+			annotationsCorrupt: "The annotation file cannot be read ({err}) - the plugin list is unaffected; fix or delete that file, then retry",
+			annotationsRepaired: "The annotation file was edited by hand; {n} invalid entries were ignored",
+			annotationsEmpty: "No notes / badges / groups yet: write the first one in any plugin row below",
+			annotationsStats: "{p} annotated plugins · {b} user badges · {g} groups",
+			annotationsListShow: "Plugin list ({n}) · click to expand",
+			annotationsListHide: "Plugin list ({n}) · click to collapse",
+			annotationsSearchPlaceholder: "Search: package name / rowId / note text (filters as you type)",
+			annotationsNoMatch: "No matching plugins",
+			noteLabel: "Note",
+			noteEdit: "Edit note",
+			noteEmpty: "+ Add note",
+			notePlaceholder: "What is this plugin, and why did you install it",
+			noteSaveHint: "Enter saves · Shift+Enter newline · Esc cancels (empty = clear the note)",
+			noteSaved: "Note saved",
+			noteCleared: "Note cleared",
+			badgeLabel: "User badge",
+			badgeAddPlaceholder: "Badge text (Enter to add)",
+			badgeAdded: "Badge \"{b}\" added",
+			badgeRemove: "Remove this badge",
+			badgeRemoved: "Badge \"{b}\" removed",
+			badgeUndo: "Undo",
+			badgeUndoDone: "Badges restored",
+			badgeMax: "At most {n} user badges",
+			badgesAll: "All badges ({n}): system badges and user badges",
+			groupLabel: "Group",
+			groupNone: "(no group)",
+			groupCreate: "New group",
+			groupCreatePlaceholder: "Group name, e.g. Memory (Enter to create)",
+			groupCreated: "Group \"{name}\" created",
+			groupNewInlineHint: "Create a group here and put this plugin in it",
+			groupNewInlinePlaceholder: "Group name (Enter creates and adds)",
+			groupNewInline: "New group",
+			groupRename: "Rename",
+			groupRenamed: "Group renamed",
+			groupRemove: "Delete this group (membership only, plugins are kept)",
+			groupDeleteConfirm: "Delete group \"{name}\"? Only the membership is removed - plugins stay",
+			groupDeleted: "Group \"{name}\" deleted ({n} memberships removed, plugins kept)",
+			groupRestore: "Undo delete",
+			groupRestored: "Group \"{name}\" restored",
+			groupAssigned: "Added to group \"{name}\"",
+			groupUnassigned: "Removed from the group",
+			groupMembers: "{n} plugins",
+			groupNoMembers: "No plugins in this group yet: pick one from the dropdown on the right",
+			groupMemberPick: "+ Pick a plugin to add to this group",
+			groupUpdateAll: "Update this group",
+			groupUpdateAllTip: "Updates each member sequentially, one at a time, at its own target version; the compatibility gate still applies",
+			groupUpdateAllProgress: "Updating {i}/{n}:",
+			groupUpdateAllDone: "Group update finished: {n} members, {hit} had a newer version and were started",
+			groupLoadMore: "Load more ({n} left)",
+			groupInFamilyNote: "Members live inside the official family block, not duplicated here",
+			groupMemberNone: "Every plugin is already in this group",
+			groupMemberRemove: "Remove from this group (membership only, the plugin is kept)",
+			groupEmptyHint: "No groups yet: create one above (e.g. Memory), then pick it in a plugin row",
+			userGroupTag: "My group",
 			adaptUnlockHint: "Installed version passed the source scan for the current framework: unlock immediately",
 			adaptUnlockDone: "Unlocked: refresh and the row is enabled",
 			riskyEnableTitle: "Force-enable an incompatible plugin?",
@@ -1088,7 +1251,7 @@ window.__ModuleLoader__.load({
 			githubLoginBtn: "Sign in",
 			githubLoginOk: "Signed in to GitHub: {login}",
 			githubLoginFail: "Sign-in failed",
-					searchInstalledPlaceholder: "Search installed plugins (name or id)",
+					searchInstalledPlaceholder: "Search installed plugins (name / id / note)",
 			extraFilter: "Installed",
 			extraFilterAll: "All",
 			extraTag: "Third-party",
@@ -1111,9 +1274,9 @@ window.__ModuleLoader__.load({
 			stageInstalling: "Downloading & installing (safe to leave this page)",
 			stageConfiguring: "Writing enable config",
 			stageRepairing: "Local AI is taking over the install…",
-			restartService: "Restart service (official path)",
+			restartService: "Restart service",
 			restartHostedNotice: "This instance is hosted by the desktop shell - restart it there by fully quitting and reopening DeepSeek Harness.",
-			restarting: "Handling the restart request via the official path…",
+			restarting: "Handling the restart request…",
 			autoReload: "Page will auto-reload…",
 			aiRepaired: "Local AI took over and finished the repair; refresh the page",
 			deletePlugin: "Delete plugin (remove config and uninstall package)",
@@ -1673,6 +1836,10 @@ window.__ModuleLoader__.load({
 		}
 		// <<<update-pick:end>>>
 		const el = react.createElement;
+// ★ 0.5.93（issue #22 ② 收口）：徽章"放得下几个"的估算函数（BADGE_AREA_FALLBACK_PX / badgeChipWidthOf /
+//   fitBadgeChunks / fitBadgeList）**整段删除**。它们配合 ResizeObserver 撑起了"卡片上收成 +N"那套机制，
+//   而用户定稿的行为是：卡片上放不下就**不显示**（纯 CSS 截断、无任何提示），全部徽章去详情页看。
+//   留着这套估算只会有人再把它接回去（抖动正是这么来的）。
 // ★ 0.5.60：被跳过 bundle 的签名（包名+版本）。关掉提示时记下它；清单变了就重新出现。
 //   模块级 —— 上一版把辅助函数放子组件里、主面板误用，导致整块面板空白。
 function skippedSignature(skipped) {
@@ -1771,12 +1938,24 @@ function healthSignature(health) {
 		}
 		/** 重启服务（按钮 / 工具项 / 自更新后共用）：服务端在「本实例由桌面端外壳托管」等场景会**拒绝**
 		*  并回结构化短句 —— 必须把它显示出来，否则按钮看起来是「点了没反应」（旧实现把错误吞掉了）。 */
+// ★ 0.5.92：本函数是模块级的，**不能用组件的 t()** —— 用了就抛 ReferenceError，
+//   点击直接异常、请求都发不出去（这正是"点了没反应"的真因）。文案用常量，永不抛。
+const RESTART_IN_PROGRESS_NOTE = "正在处理重启请求…";
+const RESTART_FAILED_NOTE = "重启请求失败";
 		function restartServiceViaServer(setMessage, options) {
 			const reload = (options ?? {}).reload !== false;
-			if (reload) setMessage(t("restarting"));
+			if (reload) setMessage(RESTART_IN_PROGRESS_NOTE);
 			call("/plugin-console/restart", {}).then(
-				() => { if (reload) window.setTimeout(() => window.location.reload(), 12000); },
-				(error) => { setMessage(error !== null && typeof error.message === "string" && error.message !== "" ? error.message : t("safetySwitchFailed")); },
+				(data) => {
+					// ★ 0.5.89：显示服务端那段说明（发生了什么、要不要等、等多久）
+					const note = data !== null && typeof data === "object" && typeof data.message === "string" && data.message !== ""
+						? data.message
+						: RESTART_IN_PROGRESS_NOTE;
+					setMessage(note);
+					if (reload) window.setTimeout(() => window.location.reload(), 12000);
+					else if (typeof options?.onDone === "function") options.onDone(data);
+				},
+				(error) => { setMessage(error !== null && typeof error.message === "string" && error.message !== "" ? error.message : RESTART_FAILED_NOTE); },
 			);
 		}
 		/** 超时类错误附上可操作提示（网络黑洞期的最常见表现）。 */
@@ -2378,6 +2557,42 @@ function healthSignature(health) {
 			}, []);
 			// 自动版本比对结果：{ fullName: latest }（已安装且有新版）
 			const [updateMap, setUpdateMap] = react.useState({});
+			// ★ issue #22 ①：已安装列表的「一键检测全部更新」（批量）。
+			//   状态机：null（还没查过）→ checking（查中，带本次要查的包数）→ ready（有结论）/ error。
+			//   界面只**展示**结论，不当判据：哪个版本更高由服务端唯一判据（`<<<update-pick>>>` 那块）给出，
+			//   这里把 target 原样交给 startJob —— 与单卡「检测更新」同一个参数形状。
+			const [batchCheck, setBatchCheck] = react.useState(null);
+			// 「仅看可更新」筛选：只在 ready 且真的有可更新项时才渲染成按钮（没有可点的空状态）
+			const [onlyUpdatable, setOnlyUpdatable] = react.useState(false);
+			// ★ issue #22 ②③：用户注解（备注 / 用户徽章 / 用户自建分组）—— 独立文件、独立通道；
+			//   读不到或写失败只影响这块，插件列表照常（服务端边界见 domain/plugin-annotations.js 顶部）。
+			const [annotations, setAnnotations] = react.useState(null);
+			const [annotationsNote, setAnnotationsNote] = react.useState(null);
+			const [annotationBusy, setAnnotationBusy] = react.useState(null);
+			const [annotationsPanelOpen, setAnnotationsPanelOpen] = react.useState(false);
+			// ② 收口（0.5.93，用户定稿）：面板一打开列表**收起**（只留一行摘要「插件列表（N）· 点此展开」）；
+			//   展开后可按 包名 / rowId / 已有备注内容 **边打边筛**（不需要点按钮）。
+			//   查询词是受控 state —— 过滤过程绝不回写、更不清空用户正在输入的内容。
+			const [annotationsListOpen, setAnnotationsListOpen] = react.useState(false);
+			const [annotationsQuery, setAnnotationsQuery] = react.useState("");
+			const [noteEdit, setNoteEdit] = react.useState(null);
+			const [badgeDraft, setBadgeDraft] = react.useState({});
+			const [badgeUndo, setBadgeUndo] = react.useState({});
+			const [groupDraftName, setGroupDraftName] = react.useState("");
+			// ③ 收口（0.5.93）：**只**记住"刚刚建出来的那个分组 id"用来播一次入场动画；
+			//   分组本身的真相永远来自服务端返回的全量 groups（annotationWrite 直接覆盖），
+			//   这里不维护第二份客户端状态。
+			const [groupJustCreated, setGroupJustCreated] = react.useState(null);
+			// #5：详情页里就地新建分组 —— **按卡片 key 区分**（{ key, draft } | null）。
+			//   用一个全局值会让所有卡片同时展开输入框（用户实测到的问题）。
+			const [detailGroupDraft, setDetailGroupDraft] = react.useState(null);
+			// 面板里"点开某个分组"（只允许一个展开）+ 该分组内的搜索词
+			const [panelGroupOpen, setPanelGroupOpen] = react.useState(null);
+			const [panelGroupQuery, setPanelGroupQuery] = react.useState("");
+			const [panelGroupShow, setPanelGroupShow] = react.useState(8); // 候选默认 8 个，可加载更多
+			const [groupRenameEdit, setGroupRenameEdit] = react.useState(null);
+			const [groupDeleteArm, setGroupDeleteArm] = react.useState(null);
+			const [groupUndo, setGroupUndo] = react.useState(null);
 			const [expandedDescs, setExpandedDescs] = react.useState({});
 			const [installedQuery, setInstalledQuery] = react.useState(() => {
 				try { return localStorage.getItem("pc-market-installed-q") ?? ""; } catch { return ""; }
@@ -3204,6 +3419,68 @@ function healthSignature(health) {
 					(error) => setUpdateCheck({ status: "ready", latest: null, source: "npm", error: friendlyGithubError(error).message }),
 				);
 			};
+			// ★ issue #22 ①：一键检测全部更新 —— **一次**请求查完已装列表（服务端并发上限 4，见 domain/update-batch.js）。
+			//   为什么不是逐个包各发一个请求：那样并发由客户端决定，几十个包同时出去就是 0.5.84
+			//   市场富化把网络打满、安装作业被拖死那次的形状（教训写在 domain/enrich-throttle.js 顶部）。
+			//   为什么没有 x/y 进度：单个请求拿不到逐包进度；编一个假百分比比转圈更糟。要真进度只能分批请求
+			//   （每批一次请求、累加 x/y）——已写进 UI 方案等用户定，本版先给转圈 + 待查包数。
+			const checkAllUpdates = () => {
+				if (batchCheck !== null && batchCheck.status === "checking") return;
+				const names = [];
+				const seen = new Set();
+				for (const entry of (state.status === "ready" ? state.data.entries : [])) {
+					const mn = String(entry.moduleName ?? "");
+					if (mn === "" || mn.startsWith("cordis:") || seen.has(mn)) continue;
+					seen.add(mn);
+					names.push(mn);
+				}
+				if (names.length === 0) {
+					// 没有可查的东西也必须**有反馈**（空列表不是"点了没反应"）
+					setMessage(t("checkAllUpdateEmptyList"));
+					return;
+				}
+				setBatchCheck({ status: "checking", total: names.length });
+				setMessage(t("checkingAllUpdates").replace("{n}", String(names.length)));
+				// ★ 2026-10-27：**分批**跑（每批 40，逐批回报进度）。整批一次性丢给服务端时，
+				//   界面在几分钟里只有一个转圈，用户以为"卡在限制上"。分批后可看到"已查 40/238"逐步推进。
+				const CHUNK = 40;
+				const merged = { items: [], checked: 0, updatable: 0, unknown: 0 };
+				const runChunk = (offset) => {
+					const slice = names.slice(offset, offset + CHUNK);
+					if (slice.length === 0) return Promise.resolve(merged);
+					setMessage(t("checkingAllUpdates").replace("{n}", String(names.length)) + "（" + offset + "/" + names.length + "）");
+					return call("/plugin-console/check-updates", { packageNames: slice }).then((data) => {
+						if (data !== null && Array.isArray(data.items)) merged.items.push(...data.items);
+						merged.checked += typeof data?.checked === "number" ? data.checked : slice.length;
+						merged.updatable += typeof data?.updatable === "number" ? data.updatable : 0;
+						merged.unknown += typeof data?.unknown === "number" ? data.unknown : 0;
+						setBatchCheck({ status: "checking", total: names.length, done: merged.checked });
+						return runChunk(offset + CHUNK);
+					}, () => runChunk(offset + CHUNK));
+				};
+				runChunk(0).then(
+					(data) => {
+						const items = {};
+						for (const item of (data !== null && Array.isArray(data.items) ? data.items : [])) {
+							if (item !== null && typeof item === "object" && typeof item.packageName === "string") items[item.packageName] = item;
+						}
+						const updatable = typeof data?.updatable === "number" ? data.updatable : 0;
+						const unknown = typeof data?.unknown === "number" ? data.unknown : 0;
+						const checked = typeof data?.checked === "number" ? data.checked : names.length;
+						setBatchCheck({ status: "ready", at: Date.now(), checked, updatable, unknown, items });
+						// 结论必须看得见：没有可更新项时**不动**"仅看可更新"筛选（否则列表突然变空）
+						if (updatable === 0) setOnlyUpdatable(false);
+						setMessage(
+							(updatable > 0 ? t("checkAllUpdatesDone").replace("{n}", String(updatable)) : t("checkAllUpdateNone"))
+							+ (unknown > 0 ? "；" + t("checkAllUpdateUnknownNote").replace("{n}", String(unknown)) : ""),
+						);
+					},
+					(error) => {
+						setBatchCheck({ status: "error", error: friendlyGithubError(error).message });
+						setMessage(t("checkAllUpdateFailed") + "：" + friendlyGithubError(error).message);
+					},
+				);
+			};
 			const toggle = (entry, enabled, confirmRisky = false) => {
 				setBusy(entry.entryId);
 				setMessage(null);
@@ -4263,14 +4540,288 @@ function healthSignature(health) {
 				const label = primary?.name ?? t("repoLandSourceUnknown");
 				return t("repoLandTitle").replace("{source}", label);
 			};
+			// issue #22 ①：批量检测结论查询（entry → 该项结论）。没查过 / 查中 / 出错一律 null =「这次没有结论」，
+			// 于是卡片既不显示"可更新"也不显示"已最新"——不拿"没查过"冒充"已是最新"。
+			const batchItemOf = (entry) => (batchCheck !== null && batchCheck.status === "ready"
+				? batchCheck.items[String(entry.moduleName ?? "")] ?? null
+				: null);
+
+			// ★ 0.5.93 改错（issue #22 ② 收口）：徽章区**不再做任何宽度测量**。
+			//   上一版用 ResizeObserver 读第一张卡片的徽章行宽度、再按估算宽度决定"显示几个 / 收成 +N"——
+			//   测量值随卡片宽度抖动 ⇒ 徽章时不时多一个少一个（用户原话「徽章有挤压变化」）。
+			//   现在：卡片上把徽章**全渲染**，靠 `.pc_badgeRow` 的 overflow:hidden + white-space:nowrap
+			//   在纯 CSS 层截断（单行、固定高度、放不下的直接看不见，不给"还有 N 个"的提示）；
+			//   全部徽章在**详情页**一次看全。于是没有任何"测量 → 重算 → 重渲染"的反馈环。
+			// ── issue #22 ②③：用户注解的读写与编辑块（备注 / 用户徽章 / 用户自建分组）───────────
+			// 数据在**独立文件**里、走独立接口；这块出问题绝不影响插件列表（那是另一条通道）。
+			const annotationKeyOf = (entry) => {
+				const name = String(entry?.moduleName ?? "");
+				return name !== "" ? name : String(entry?.rowId ?? "");
+			};
+			const annotationOf = (entry) => {
+				const key = annotationKeyOf(entry);
+				const record = key === "" ? null : annotations?.plugins?.[key];
+				return record !== null && typeof record === "object" ? record : null;
+			};
+			const annotationsLoad = () => {
+				call("/plugin-console/annotations").then(
+					(data) => {
+						setAnnotations(data !== null && typeof data === "object" ? data : null);
+						// 手工改过文件 → 服务端规范化时丢弃了不合规内容，如实说（不静默）
+						if (data !== null && Array.isArray(data.repaired) && data.repaired.length > 0) {
+							setAnnotationsNote(t("annotationsRepaired").replace("{n}", String(data.repaired.length)));
+						}
+					},
+					(error) => {
+						setAnnotations(null);
+						setAnnotationsNote(t("annotationsCorrupt").replace("{err}", friendlyGithubError(error).message));
+					},
+				);
+			};
+			/** 一次写动作：成功就用响应里的**整份最新状态**刷新（服务端保证回了全量），失败如实提示。 */
+			const annotationWrite = (body, okText) => {
+				const busyKey = String(body?.packageName ?? body?.id ?? body?.action ?? "");
+				setAnnotationBusy(busyKey);
+				return call("/plugin-console/annotations", body).then(
+					(data) => {
+						if (data !== null && data.plugins !== null && typeof data.plugins === "object") {
+							setAnnotations({
+								ok: true, file: data.file ?? null, exists: true, emptyFile: false, version: 1, updatedAt: 0,
+								plugins: data.plugins, groups: Array.isArray(data.groups) ? data.groups : [],
+								stats: data.stats ?? null, repaired: [], error: null,
+							});
+						}
+						setAnnotationsNote(okText === undefined || okText === null ? null : okText);
+						return data;
+					},
+					(error) => { setAnnotationsNote(t("annotationsFailed") + "：" + friendlyGithubError(error).message); return null; },
+				).finally(() => setAnnotationBusy(null));
+			};
+			const userGroups = Array.isArray(annotations?.groups) ? annotations.groups : [];
+			/** 某个包属于哪个用户分组（一个包最多一个分组；服务端保证 assign 会自动移出旧的）。 */
+			const groupOfPackage = (moduleName) => {
+				const name = String(moduleName ?? "");
+				if (name === "") return null;
+				for (const group of userGroups) {
+					if (Array.isArray(group.packages) && group.packages.includes(name)) return group;
+				}
+				return null;
+			};
+			const createUserGroup = () => {
+				const name = groupDraftName.trim();
+				if (name === "") return;
+				// ③：新建只走**回车/点按钮**这一条明确动作（绝不边打边建）；成功后用服务端返回的
+				//   group.id 标一下"刚建好"（只为了在主列表的横框上播一次入场动画，数据仍是服务端那份）。
+				setGroupDraftName("");
+				annotationWrite({ action: "group-create", name }, t("groupCreated").replace("{name}", name)).then((data) => {
+					const id = data !== null && data !== undefined && data.group !== null && data.group !== undefined
+						? String(data.group.id ?? "")
+						: "";
+					if (id === "") return;
+					setGroupJustCreated(id);
+					try {
+						// 动画只有 220ms；1.2s 后把这个标记撤掉，避免以后重渲染时又播一次
+						window.setTimeout(() => setGroupJustCreated((prev) => (prev === id ? null : prev)), 1200);
+					} catch {}
+				});
+			};
+			/**
+			 * 打开「备注插件」面板（用户定稿：面板打开时插件列表**收起**，只留一行摘要）。
+			 * 每次打开都回到收起 + 空查询 —— 不给"上次展开到一半"的残留状态。
+			 */
+			const openAnnotationsPanel = () => {
+				setAnnotationsListOpen(false);
+				setAnnotationsQuery("");
+				setAnnotationsPanelOpen(true);
+				annotationsLoad();
+			};
+			/** 工具栏那个按钮是**开关**：开着再点就关掉（"点了没反应"算缺陷）。 */
+			const toggleAnnotationsPanel = () => {
+				if (annotationsPanelOpen) { setAnnotationsPanelOpen(false); return; }
+				openAnnotationsPanel();
+			};
+			// issue #22 ②：注解面板里的插件行 —— 默认收起；展开后按 包名 / rowId / 已有备注内容 即时过滤。
+			//   查询词只读不写 ⇒ 边打边筛的过程中用户正在输入的内容**不会被清掉**。
+			const annotationListEntries = state.status === "ready" ? state.data.entries : [];
+			const annotationsQueryNorm = annotationsQuery.trim().toLowerCase();
+			const annotationListFiltered = annotationsQueryNorm === ""
+				? annotationListEntries
+				: annotationListEntries.filter((entry) => [entry.moduleName, entry.rowId, annotationOf(entry)?.note]
+					.some((value) => String(value ?? "").toLowerCase().includes(annotationsQueryNorm)));
+			/**
+			 * 用户注解编辑块 —— 详情页与「备注插件」面板**共用同一份**（两处交互必须一模一样）。
+			 * · 备注：点一下就地编辑，回车保存、Esc 取消；存空 = 清空（清空后**不占位**）。
+			 * · 徽章：∪ 追加（系统徽章在卡片上是另一组，**绝不替换、绝不合并**）；× 删除后可撤销一次。
+			 * · 没有备注也没有徽章时：只显示一个「＋ 加备注」入口（用户定稿的那一种，不显示空壳）。
+			 */
+			const annotationBlock = (entry) => {
+				const key = annotationKeyOf(entry);
+				const packageName = String(entry?.moduleName ?? key);
+				const record = annotationOf(entry);
+				const note = typeof record?.note === "string" ? record.note : "";
+				const badges = Array.isArray(record?.badges) ? record.badges : [];
+				const group = groupOfPackage(packageName);
+				const editing = noteEdit !== null && noteEdit.key === key;
+				const busy = annotationBusy === key || annotationBusy === packageName;
+				const draft = badgeDraft[key] ?? "";
+				const undo = badgeUndo[key];
+				const writeNote = (text) => annotationWrite({ action: "note", packageName, rowId: entry?.rowId ?? null, note: text }, text.trim() === "" ? t("noteCleared") : t("noteSaved"));
+				const writeBadges = (list, okText) => annotationWrite({ action: "badges", packageName, rowId: entry?.rowId ?? null, badges: list }, okText);
+				const addBadge = () => {
+					const text = draft.trim();
+					if (text === "") return;
+					setBadgeDraft((prev) => ({ ...prev, [key]: "" }));
+					if (badges.includes(text)) return;
+					if (badges.length >= 12) { setAnnotationsNote(t("badgeMax").replace("{n}", "12")); return; }
+					writeBadges([...badges, text], t("badgeAdded").replace("{b}", text));
+				};
+				return el("div", { className: styles.userNote, "data-annot": "true" },
+					editing
+						? el("div", null,
+							el("textarea", {
+								className: styles.noteInput,
+								rows: 2,
+								value: noteEdit.draft,
+								placeholder: t("notePlaceholder"),
+								"aria-label": t("noteLabel"),
+								onChange: (event) => setNoteEdit({ key, draft: String(event.target.value ?? "") }),
+								onKeyDown: (event) => {
+									if (event.key === "Escape") { event.preventDefault(); setNoteEdit(null); return; }
+									if (event.key === "Enter" && event.shiftKey !== true) {
+										event.preventDefault();
+										const text = noteEdit.draft;
+										setNoteEdit(null);
+										writeNote(text);
+									}
+								},
+							}),
+							el("p", { className: styles.note, style: { margin: 0 } }, t("noteSaveHint")))
+						: el("div", { className: styles.annotRow },
+							note !== "" ? el("p", { className: styles.desc, style: { margin: 0, whiteSpace: "pre-wrap", flex: "1 1 200px" } }, note) : null,
+							el("button", {
+								type: "button",
+								className: styles.toggle,
+								disabled: busy,
+								title: t("notePlaceholder"),
+								onClick: () => setNoteEdit({ key, draft: note }),
+							}, note !== "" ? t("noteEdit") : t("noteEmpty"))),
+					el("div", { className: styles.annotRow },
+						el("span", { className: styles.status }, t("badgeLabel") + "："),
+						badges.map((badge) => el("span", { key: "ub-" + badge, className: styles.tag, "data-user-badge": "true" },
+							badge,
+							el("button", {
+								type: "button",
+								className: styles.tag,
+								"data-more": "true",
+								title: t("badgeRemove"),
+								"aria-label": t("badgeRemove"),
+								disabled: busy,
+								onClick: () => {
+									setBadgeUndo((prev) => ({ ...prev, [key]: badges }));
+									writeBadges(badges.filter((item) => item !== badge), t("badgeRemoved").replace("{b}", badge));
+								},
+							}, "×"))),
+						el("input", {
+							type: "text",
+							value: draft,
+							placeholder: t("badgeAddPlaceholder"),
+							"aria-label": t("badgeAddPlaceholder"),
+							disabled: busy,
+							style: { width: 130, font: "inherit", padding: "2px 6px" },
+							onChange: (event) => setBadgeDraft((prev) => ({ ...prev, [key]: String(event.target.value ?? "") })),
+							onKeyDown: (event) => { if (event.key === "Enter") { event.preventDefault(); addBadge(); } },
+						}),
+						undo !== undefined
+							? el("button", {
+								type: "button",
+								className: styles.toggle,
+								disabled: busy,
+								onClick: () => {
+									writeBadges(undo, t("badgeUndoDone"));
+									setBadgeUndo((prev) => { const next = { ...prev }; delete next[key]; return next; });
+								},
+							}, t("badgeUndo"))
+							: null),
+					el("div", { className: styles.annotRow },
+						el("span", { className: styles.status }, t("groupLabel") + "："),
+						// #5：就在这里新建分组，并把当前插件直接拉进去（回车创建）
+						detailGroupDraft === null || detailGroupDraft.key !== key
+							? el("button", {
+								type: "button",
+								className: styles.toggle,
+								"data-newgroup": "true",
+								title: t("groupNewInlineHint"),
+								disabled: busy,
+								onClick: () => setDetailGroupDraft({ key, draft: "" }),
+							}, "＋ " + t("groupNewInline"))
+							: el("input", {
+								type: "text",
+								autoFocus: true,
+								value: detailGroupDraft.draft,
+								placeholder: t("groupNewInlinePlaceholder"),
+								"aria-label": t("groupNewInline"),
+								style: { font: "inherit", padding: "2px 6px", width: 160 },
+								onChange: (event) => setDetailGroupDraft({ key, draft: String(event.target.value ?? "") }),
+								onKeyDown: (event) => {
+									if (event.key === "Escape") { event.preventDefault(); setDetailGroupDraft(null); return; }
+									if (event.key !== "Enter") return;
+									event.preventDefault();
+									const name = String(detailGroupDraft.draft ?? "").trim();
+									if (name === "") { setDetailGroupDraft(null); return; }
+									setDetailGroupDraft(null);
+									// 建组 → 用返回的全量 groups 找到它 → 把当前插件拉进去
+									annotationWrite({ action: "group-create", name }, t("groupCreated").replace("{name}", name))
+										.then((data) => {
+											if (data === null) return;
+											const created = (Array.isArray(data.groups) ? data.groups : [])
+												.find((item) => String(item.name) === name);
+											if (created !== undefined && created !== null) {
+												annotationWrite({ action: "group-assign", id: created.id, packageName }, t("groupAssigned").replace("{name}", name));
+											}
+										});
+								},
+							}),
+						el("select", {
+							value: group?.id ?? "",
+							"aria-label": t("groupLabel"),
+							disabled: busy,
+							style: { font: "inherit", padding: "2px 6px" },
+							onChange: (event) => {
+								const picked = String(event.target.value ?? "");
+								if (picked === "") {
+									if (group === null) return;
+									annotationWrite({ action: "group-assign", id: group.id, packageName, member: false }, t("groupUnassigned"));
+									return;
+								}
+								const pickedName = String(userGroups.find((item) => item.id === picked)?.name ?? "");
+								annotationWrite({ action: "group-assign", id: picked, packageName }, t("groupAssigned").replace("{name}", pickedName));
+							},
+						},
+							el("option", { value: "" }, t("groupNone")),
+							userGroups.map((item) => el("option", { key: "gs-" + item.id, value: item.id }, String(item.name))))));
+			};
 			const extraIds = new Set((state.status === "ready" ? state.data.patch?.inserts ?? [] : []));
 			const extraCount = state.status === "ready" ? state.data.entries.filter((entry) => entry.extra === true || extraIds.has(entry.rowId)).length : 0;
+			// issue #22 ②③：打开面板即读一次注解（读失败只提示，插件列表照常）
+			react.useEffect(() => { annotationsLoad(); }, []);
 			const pkgRootOf = (m) => { const mm = String(m ?? ""); const x = mm.match(/^(@[^/]+\/[^/]+)(?:\/.*)?$/u); return x ? x[1] : mm; };
 			const filteredEntries = state.status === "ready"
 				? state.data.entries.filter((entry) => {
 					if (extraOnly && !(entry.extra === true || extraIds.has(entry.rowId))) return false;
+					// issue #22 ①：「仅看可更新」只筛**本次批量检测确实查到新版**的行。
+					// 没查到结论的行（未检测到 / 没查过）**不算**可更新 —— 与"没查到 ≠ 已最新"同一条纪律。
+					if (onlyUpdatable && batchItemOf(entry)?.status !== "update") return false;
 					if (installedQueryNorm === "") return true;
-					return [entry.moduleName, entry.entryId, entry.rowId]
+					// ★ 用户 2026-10-27：搜索也要命中**备注**（备注是可用来命名的，只按包名搜会漏）
+					const noteText = (() => {
+						const key = annotationKeyOf(entry);
+						if (key === "") return "";
+						const rec = annotations !== null && annotations.plugins !== null && annotations.plugins !== undefined
+							? annotations.plugins[key] ?? null
+							: null;
+						return typeof rec?.note === "string" ? rec.note : "";
+					})();
+					return [entry.moduleName, entry.entryId, entry.rowId, noteText]
 						.some((value) => String(value ?? "").toLowerCase().includes(installedQueryNorm));
 				})
 				: [];
@@ -4290,10 +4841,33 @@ function healthSignature(health) {
 				familyCounts.set(root, set);
 			}
 			const familySize = (root) => (familyCounts.get(root)?.size ?? 0);
-			const familyCards = filteredEntries.map((entry) => {
+			const familyCards = filteredEntries.map((entry, cardIndex) => {
 					const familyRoot = String(entry.moduleName ?? "").startsWith("@deepseek-ai/") ? null : pkgRootOf(entry.moduleName);
 					void familyRoot;
 					const open = details !== null && details.entryId === entry.entryId;
+					// issue #22 ①：这张卡本次的批量检测结论（null = 没查过/查中/查失败 ⇒ 不加任何"已最新"标签）
+					const batchItem = batchItemOf(entry);
+					// issue #22 ②：卡片徽章 = **系统徽章（现有顺序，一条不少）** + 用户徽章（追加在最后）。
+					//   系统徽章用现有实心/描边样式（props 原样搬过来），用户徽章带 data-user-badge（虚线+浅底）。
+					const systemBadges = [
+						{ key: "enabled", label: t(entry.enabled ? "enabledTag" : "disabledTag"), props: { "data-enabled": entry.enabled ? "true" : "false" } },
+						entry.extra === true ? { key: "extra", label: t("extraTag"), props: { "data-user": "true" } } : null,
+						entry.protected ? { key: "protected", label: t("protectedTag"), props: { "data-user": "true" } } : null,
+						entry.userDisabled ? { key: "userDisabled", label: t("userDisabledTag"), props: { "data-user": "true" } } : null,
+						entry.userForced ? { key: "userForced", label: t("userForcedTag"), props: { "data-user": "true" } } : null,
+						batchItem?.status === "update"
+							? { key: "batch-update", label: t("batchUpdateAvailable").replace("{v}", String(batchItem.target ?? "?")), props: { "data-pending": "true", title: t("batchUpdateAvailableTip") } }
+							: batchItem?.status === "current"
+								? { key: "batch-current", label: t("batchUpToDate"), props: { "data-enabled": "true" } }
+								: batchItem?.status === "unknown"
+									? { key: "batch-unknown", label: t("batchUpdateUnknown"), props: { title: t("batchUpdateUnknownTip") + (batchItem.error ? "（" + String(batchItem.error) + "）" : "") } }
+									: null,
+						entry.disableSource === "bundle" ? { key: "bundle", label: t("disabledByBundleTag"), props: { "data-user": "true", "data-source": "bundle" } } : null,
+						entry.forcedNotLoaded === true ? { key: "ineffective", label: t("forcedNotLoadedTag"), props: { "data-user": "true", "data-source": "ineffective" } } : null,
+					].filter((badge) => badge !== null);
+					const userBadges = (Array.isArray(annotationOf(entry)?.badges) ? annotationOf(entry).badges : [])
+						.map((label) => ({ key: "user-" + label, label: String(label), props: { "data-user-badge": "true", title: t("badgeLabel") } }));
+					const allBadges = [...systemBadges, ...userBadges];
 					let detailPanel = null;
 					if (open) {
 						if (details.status === "loading") {
@@ -4308,20 +4882,10 @@ function healthSignature(health) {
 							const compatInfo = state.status === "ready" && state.data.compatPending
 								? (state.data.compatPending.pending ?? []).find((p) => p.rowId === entry.rowId) ?? null
 								: null;
-							detailPanel = el("div", { className: styles.detail },
-								meta !== null ? el("p", { className: styles.desc }, meta.description ?? t("noDetail")) : null,
-								entry.pendingCompat === true
-									? el("p", { className: styles.status, "data-pending": entry.adoptable ? "false" : "true" },
-										entry.adoptable
-											? (entry.adoptable.basis === "verdict-rescinded"
-												// 0.5.34：旧判据的误报已被当前判据撤回（真机 dshmarket 现场）——如实说是"判据更新"，
-												// 不能说成"插件已适配"（那会让人以为作者发过新版）
-												? t("adoptableRescinded").replace("{version}", String(entry.adoptable.version ?? "?"))
-												: t("adoptableDetected").replace("{version}", String(entry.adoptable.version ?? "?")).replace("{prev}", String(compatInfo?.version ?? "?")))
-											: t("pendingCompatHint") + (compatInfo && compatInfo.checkNote ? "；已知校验：" + compatInfo.checkNote : ""))
-									: null,
-								meta !== null && meta.version ? el("div", { className: styles.rowTop },
-									el("p", { className: styles.status }, t("versionLabel") + "：" + meta.version),
+							// ★ issue #22 ②（用户定稿）：动作按钮排在详情页**最后**（原来挂在"版本"那一行，夹在中间）。
+							//   判据/禁用条件/文案逐字搬过来，一个字都没改，只换了位置。
+							const detailActionRow = meta !== null && meta.version
+								? el("div", { className: styles.rowTop },
 									el("button", {
 										type: "button",
 										className: styles.toggle,
@@ -4353,7 +4917,29 @@ function healthSignature(health) {
 												);
 											},
 										}, adaptUnlocking === entry.entryId ? t("loadingPhase") : t("adaptUnlockBtn"))
-										: null) : null,
+										: null)
+								: null;
+							detailPanel = el("div", { className: styles.detail },
+								// ★ 0.5.93（issue #22 ② 收口）：卡片上放不下的徽章**不提示、不展开**，
+								//   全部徽章（系统徽章 + 用户徽章，顺序与卡片一致）在详情页里一次看全 ——
+								//   这也是"卡片不再出现 +N"之后"看不到的徽章去哪了"的唯一答案。
+								el("div", { className: styles.badgeAll, "data-allbadges": "true", title: t("badgesAll").replace("{n}", String(allBadges.length)) },
+									allBadges.map((badge) => el("span", { key: "detail-" + badge.key, className: styles.tag, ...badge.props }, badge.label))),
+								// ★ issue #22 ②（用户定稿的详情页顺序）：用户备注/用户徽章放**最前面**，
+								//   系统诊断 → 版本/仓库/说明摘要 → 动作按钮依次在其后。
+								annotationBlock(entry),
+								meta !== null ? el("p", { className: styles.desc }, meta.description ?? t("noDetail")) : null,
+								entry.pendingCompat === true
+									? el("p", { className: styles.status, "data-pending": entry.adoptable ? "false" : "true" },
+										entry.adoptable
+											? (entry.adoptable.basis === "verdict-rescinded"
+												// 0.5.34：旧判据的误报已被当前判据撤回（真机 dshmarket 现场）——如实说是"判据更新"，
+												// 不能说成"插件已适配"（那会让人以为作者发过新版）
+												? t("adoptableRescinded").replace("{version}", String(entry.adoptable.version ?? "?"))
+												: t("adoptableDetected").replace("{version}", String(entry.adoptable.version ?? "?")).replace("{prev}", String(compatInfo?.version ?? "?")))
+											: t("pendingCompatHint") + (compatInfo && compatInfo.checkNote ? "；已知校验：" + compatInfo.checkNote : ""))
+									: null,
+								meta !== null && meta.version ? el("p", { className: styles.status }, t("versionLabel") + "：" + meta.version) : null,
 								updateCheck !== null && updateCheck.status === "ready" && updateCheck.migrate && updateCheck.migrate.compatible
 									? el("div", null,
 										el("div", { className: styles.rowTop },
@@ -4406,28 +4992,34 @@ function healthSignature(health) {
 										readme.summary ? el("p", { className: styles.desc }, readme.summary) : null,
 									)
 									: meta === null ? el("p", { className: styles.status }, t("noDetail")) : null,
+								detailActionRow,
 							);
 						}
 					}
 					return el("li", { key: entry.entryId, className: styles.row },
-						el("div", { className: styles.rowTop },
-							el("strong", { className: styles.name, title: entry.moduleName }, (() => {
+						el("div", { className: styles.rowTop, style: { minWidth: 0 } },
+							el("strong", { className: styles.name, title: entry.moduleName, style: { minWidth: 0 } }, (() => {
 								const famRoot = famRootOf(entry);
 								const mn = String(entry.moduleName ?? "");
-								return famRoot !== null && familySize(famRoot) > 1 && mn.startsWith(famRoot + "/")
+								const shortName = famRoot !== null && familySize(famRoot) > 1 && mn.startsWith(famRoot + "/")
 									? mn.slice(famRoot.length + 1)
 									: moduleShortName(entry.moduleName);
+								// ★ 用户 2026-10-26：备注可以**覆盖显示名**。有备注时标题用备注（强调色 + ✎ 标记），
+								//   原短名降到旁边的小字 —— 一眼能看出"这个插件被我备注过"，与没备注的区分开。
+								const rec = annotationOf(entry);
+								const custom = typeof rec?.note === "string" ? rec.note.trim() : "";
+								if (custom === "") return shortName;
+								return el("span", { "data-note-name": "true", style: { display: "inline-flex", alignItems: "baseline", gap: 6, minWidth: 0 } },
+									el("span", { className: styles.noteName ?? undefined, style: { color: "var(--dsw-alias-state-business-primary)", fontWeight: 500, overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" } }, custom),
+									el("span", { style: { opacity: 0.55, fontWeight: 400, fontSize: ".85em", whiteSpace: "nowrap" } }, shortName));
 							})()),
-							el("span", { className: styles.tag, "data-enabled": entry.enabled ? "true" : "false" },
-								t(entry.enabled ? "enabledTag" : "disabledTag")),
-							entry.extra === true ? el("span", { className: styles.tag, "data-user": "true" }, t("extraTag")) : null,
-							entry.protected ? el("span", { className: styles.tag, "data-user": "true" }, t("protectedTag")) : null,
-							entry.userDisabled ? el("span", { className: styles.tag, "data-user": "true" }, t("userDisabledTag")) : null,
-							entry.userForced ? el("span", { className: styles.tag, "data-user": "true" }, t("userForcedTag")) : null,
-							// ★ 0.5.76：被**别处**（插件自身补丁/框架默认）禁用的行 —— 这就是"补丁强制启用"的来由
-							entry.disableSource === "bundle" ? el("span", { className: styles.tag, "data-user": "true", "data-source": "bundle" }, t("disabledByBundleTag")) : null,
-							// ★ 0.5.76：补丁写了强制开启、运行时却仍没起来 ⇒ 这条覆盖是**无效的**，必须说出来
-							entry.forcedNotLoaded === true ? el("span", { className: styles.tag, "data-user": "true", "data-source": "ineffective" }, t("forcedNotLoadedTag")) : null,
+							// ★ 0.5.93（issue #22 ② 收口）：徽章区**单行不换行**，放不下的直接看不见
+							//   （纯 CSS：`.pc_badgeRow` 固定高度 + overflow:hidden + white-space:nowrap），
+							//   卡片上**不给** "+N"、不给"还有几个"的任何提示，也不做宽度测量 ——
+							//   行为与这个功能上线前一致；全部徽章去详情页看。
+							//   顺序（用户定稿）：**先系统徽章（现有顺序一个字没改）→ 再用户徽章（描边样式）**。
+							el("div", { className: styles.badgeRow },
+								allBadges.map((badge) => el("span", { key: badge.key, className: styles.tag, ...badge.props }, badge.label))),
 						),
 						el("div", { className: styles.meta },
 							el("span", { className: styles.phase, "data-phase": entry.fiberPhase ?? "unobserved" },
@@ -4463,6 +5055,20 @@ function healthSignature(health) {
 									title: entry.pendingCompat === true ? (entry.compatRescinded === true ? t("compatRescindedHint") : t("pendingCompatHint")) : undefined,
 									onClick: () => toggle(entry, !entry.enabled),
 								}, busy === entry.entryId ? t("loadingPhase") : (entry.pendingCompat === true ? (entry.compatRescinded === true ? t("compatRescindedTag") : t("pendingCompatTag")) : t(entry.enabled ? "off" : "on"))),
+								// ★ issue #22 ①：批量检测到新版的卡片直接给「更新」按钮 —— 与详情卡片里那个按钮
+								//   **完全同一条路**（startJob(-, moduleName, github, plugin, update=true, -, target)），
+								//   目标是服务端唯一判据算出的 target；点下去走的是既有安装/更新作业，不新增任何写盘路径。
+								batchItem !== null && batchItem.status === "update"
+									? el("button", {
+										type: "button",
+										className: styles.toggle,
+										title: t("batchUpdateAvailableTip"),
+										disabled: installing === entry.moduleName || inFlight.has(entry.moduleName),
+										onClick: () => startJob("", entry.moduleName, "github", "plugin", true, null, batchItem.target ?? null),
+									}, installing === entry.moduleName
+										? t("installing")
+										: (entry.pendingCompat === true ? t("updateAndAdapt") : t("update") + " → v" + String(batchItem.target ?? "?")))
+									: null,
 								// ★ 0.5.76：补丁写了强制开启但运行时没起来 ⇒ 给一个撤销覆盖的入口
 								entry.userForced === true ? el("button", {
 									type: "button",
@@ -4590,11 +5196,26 @@ function healthSignature(health) {
 			// 组头放到最底部：普通条目在前，全家桶（组头+子包卡片）整体在后
 			const nonFamilyCards = [];
 			const familySections = new Map();
+			// issue #22 ③：用户自建分组 → 折叠区块。**官方 family 优先**（用户拍定的规则）：
+			//   属于官方 family 的插件即使被归进用户分组，也**留在官方 family 区块里**，不进用户分组区块 ——
+			//   官方 family 的渲染因此一个字都没变，两者共存且不会出现同一插件两处重复。
+			const userGroupBuckets = new Map();
 			familyCards.forEach((card, i) => {
 				const e = filteredEntries[i];
 				if (e === undefined) { nonFamilyCards.push(card); return; }
 				const root = famRootOf(e);
-				if (root === null || familySize(root) <= 1) { nonFamilyCards.push(card); return; }
+				// ★ 用户 2026-10-26：**用户分组优先** —— 被归进自己分组的插件，卡片直接住进那个分组区块
+				//   （像全家桶一样能展开看到卡片），官方 family 区块里不再重复渲染它。
+				const userGroup = groupOfPackage(e.moduleName);
+				if (userGroup !== null) {
+					if (!userGroupBuckets.has(userGroup.id)) userGroupBuckets.set(userGroup.id, []);
+					userGroupBuckets.get(userGroup.id).push(card);
+					return;
+				}
+				if (root === null || familySize(root) <= 1) {
+					nonFamilyCards.push(card);
+					return;
+				}
 				if (!familySections.has(root)) familySections.set(root, { head: familyHeaders.find((h) => h && h.key === "family-" + root) ?? null, cards: [] });
 				familySections.get(root).cards.push(card);
 			});
@@ -4659,7 +5280,131 @@ function healthSignature(health) {
 						),
 					),
 				));
-			const rows = state.status === "ready" ? [...nonFamilyCards, ...familySectionEls, ...pendingCards] : [];
+			// issue #22 ③（0.5.93 收口，用户定稿）：用户自建分组在主列表里是**横框**，外观与官方 family
+			//   区块**同一套视觉语言**（标题行 + 折叠箭头 + 容器 + 成员数徽章）。三条行为：
+			//   · 空分组（刚建出来、还没放插件）**也渲染** —— 否则"新建分组"在列表里根本看不到，
+			//     等于点了没反应；
+			//   · 框里可以直接**加入 / 移出**插件（走 group-assign；服务端保证一个包只属于一个分组，
+			//     移出只解除归属，不删插件、不动备注与徽章）；
+			//   · **只含官方 family 成员**的分组仍不画（官方 family 优先：那些成员留在 family 区块里，
+			//     绝不出现同一插件两处重复）；
+			//   · 刚建出来的那个横框多挂一个 pc_groupNew（220ms 入场动画；prefers-reduced-motion 下不播）。
+			//   数据来源只有服务端那一份 groups（annotationWrite 用响应里的全量状态覆盖 annotations），
+			//   客户端额外只记一个"刚建好的 id"用于播动画，不维护第二份状态。
+			const userGroupFrame = (group, bucket) => {
+				const members = (Array.isArray(group.packages) ? group.packages : []).map((item) => String(item));
+				const inGroup = new Set(members);
+				const candidates = [];
+				for (const entry of (state.status === "ready" ? state.data.entries : [])) {
+					const name = String(entry.moduleName ?? "");
+					if (name === "" || inGroup.has(name) || candidates.includes(name)) continue;
+					candidates.push(name);
+				}
+				const fresh = groupJustCreated !== null && String(group.id) === String(groupJustCreated);
+				const header = el("div", { className: styles.rowTop, style: { alignItems: "center" } },
+					el("strong", { className: styles.name, style: { flex: "0 0 auto", whiteSpace: "nowrap" }, title: String(group.name) }, String(group.name)),
+					el("span", { className: styles.tag, "data-user-badge": "true" }, t("userGroupTag") + " · " + members.length + " " + t("familySubs")),
+					el("button", {
+						type: "button",
+						className: styles.toggle,
+						style: { whiteSpace: "nowrap", flexShrink: 0 },
+						disabled: annotationBusy === group.id,
+						onClick: () => annotationWrite({ action: "group-collapse", id: group.id, collapsed: group.collapsed !== true }, null),
+					}, group.collapsed === true ? "▸ " + t("familyExpand") : "▾ " + t("familyCollapse")),
+				// ★ 用户 2026-10-27：分组框也要有「批量检测更新 / 一键启用已适配 / 删除分组」
+				el("button", {
+					type: "button",
+					className: styles.toggle,
+					style: { whiteSpace: "nowrap", flexShrink: 0 },
+					disabled: annotationBusy === group.id,
+					onClick: () => {
+						// 批检：组内每个成员各查一次（单包接口复用，判据不分叉）
+						setMessage(t("checkingUpdate"));
+						const names = members.slice();
+						Promise.all(names.map((nm) => call("/plugin-console/check-update", { packageName: nm }).catch(() => null)))
+							.then((list) => {
+								const hits = list.filter((d) => d !== null && typeof d?.target === "string" && d.target !== "")
+								setMessage(hits.length > 0 ? t("familyUpdate") + "：" + hits.length + " / " + names.length : t("upToDate"));
+							});
+					},
+				}, t("familyCheckUpdate")),
+				el("button", {
+					type: "button",
+					className: styles.toggle,
+					style: { whiteSpace: "nowrap", flexShrink: 0 },
+					disabled: annotationBusy === group.id,
+					onClick: () => {
+						// 一键启用已适配：只对组内有 adoptable 的成员解锁
+						const ready = bucket
+							.map((card) => card?.key ?? null)
+							.filter((x) => x !== null);
+						const targets = (state.status === "ready" ? state.data.entries : [])
+							.filter((e) => members.includes(String(e.moduleName ?? "")) && e.adoptable !== null && e.adoptable !== undefined);
+						if (targets.length === 0) { setMessage(t("gateNoAdoptable")); return; }
+						Promise.all(targets.map((e) => call("/plugin-console/adapt-unlock", { entryId: e.entryId }).catch(() => null)))
+							.then(() => { setMessage(t("familyUnlockAll") + "：" + targets.length); refresh(); });
+					},
+				}, t("familyUnlockAll")),
+					el("button", {
+						type: "button",
+						className: styles.toggle,
+						style: { display: "none" },
+						title: t("annotationsPanelTitle"),
+						onClick: () => { openAnnotationsPanel(); },
+					}, t("annotationsBtn")));
+				const memberChips = members.length === 0
+					? el("span", { className: styles.status }, t("groupNoMembers"))
+					: members.map((name) => el("span", { key: "ugm-" + name, className: styles.tag, "data-usergroup-member": "true", title: name }, name,
+						el("button", {
+							type: "button",
+							className: styles.tag,
+							"data-more": "true",
+							title: t("groupMemberRemove"),
+							"aria-label": t("groupMemberRemove"),
+							disabled: annotationBusy === group.id,
+							onClick: () => annotationWrite({ action: "group-assign", id: group.id, packageName: name, member: false }, t("groupUnassigned")),
+						}, "×")));
+				const addSelect = el("select", {
+					value: "",
+					"aria-label": "groupMemberAdd",
+					disabled: annotationBusy === group.id || candidates.length === 0,
+					style: { font: "inherit", padding: "2px 6px", maxWidth: 320 },
+					onChange: (event) => {
+						const picked = String(event.target.value ?? "");
+						if (picked === "") return;
+						annotationWrite({ action: "group-assign", id: group.id, packageName: picked }, t("groupAssigned").replace("{name}", String(group.name)));
+					},
+				},
+					el("option", { value: "" }, candidates.length === 0 ? t("groupMemberNone") : t("groupMemberPick")),
+					candidates.map((name) => el("option", { key: "ugc-" + name, value: name }, name)));
+				const body = el("div", { style: { flexDirection: "column", gap: 6, display: "flex", marginTop: 2 } },
+					el("div", { className: styles.annotRow }, memberChips, addSelect),
+					bucket.length > 0
+						? el("ul", { className: styles.list }, bucket)
+						: members.length > 0
+							? el("p", { className: styles.status, "data-in-family": "true" }, t("groupInFamilyNote"))
+							: null);
+				return el("div", {
+					key: "usergroup-" + group.id,
+					className: styles.detail + (fresh ? " " + styles.groupNew : ""),
+					"data-usergroup": "true",
+					"data-group-id": String(group.id),
+					"data-new-group": fresh ? "true" : undefined,
+					style: { border: "1px solid var(--dsw-alias-state-business-primary)", borderRadius: 10, padding: "8px 12px", gridColumn: "1 / -1" },
+				},
+					header,
+					group.collapsed === true ? null : body);
+			};
+			const userGroupSectionEls = [];
+			for (const group of userGroups) {
+				const bucket = userGroupBuckets.get(group.id) ?? [];
+				const members = Array.isArray(group.packages) ? group.packages : [];
+				// ★ 用户 2026-10-26：分组框**永远画出来**。此前"成员全在官方 family 里就跳过"会让用户
+				//   建完分组后在主列表什么都看不到（既没框也没入场动画），观感等于"点了没反应"。
+				//   同一插件仍不重复渲染：那些成员留在官方 family 区块里，这里只给一句如实说明。
+				userGroupSectionEls.push(userGroupFrame(group, bucket));
+			}
+			const rows = state.status === "ready" ? [...nonFamilyCards, ...familySectionEls, ...userGroupSectionEls, ...pendingCards] : [];
 			const marketShown = market === null || market.status !== "ready"
 				? []
 				: officialOnly
@@ -5213,7 +5958,7 @@ function healthSignature(health) {
 										"aria-label": t("linksDevRootLabel"),
 										value: "",
 										disabled: linksPinBusy,
-										onChange: (event) => { const picked = String(event.currentTarget.value ?? ""); if (picked !== "") setLinksDir(devRootDraft(picked)); },
+										onChange: (event) => { const picked = String(event.target.value ?? ""); if (picked !== "") setLinksDir(devRootDraft(picked)); },
 										style: { flex: "0 1 300px", minWidth: 180, font: "inherit", padding: "4px 6px" },
 									},
 										el("option", { value: "" }, t("linksDevRootPick")),
@@ -5225,7 +5970,7 @@ function healthSignature(health) {
 										value: linksDir,
 										disabled: linksPinBusy,
 										"aria-label": t("linksDirPlaceholder"),
-										onChange: (event) => setLinksDir(String(event.currentTarget.value ?? "")),
+										onChange: (event) => setLinksDir(String(event.target.value ?? "")),
 										style: { flex: 1, minWidth: 220, font: "inherit", padding: "4px 8px" },
 									}),
 									// ★ 只在宿主**确实**有系统目录对话框时才渲染（web 端没有 ⇒ 不显示，不是灰掉）
@@ -5306,6 +6051,231 @@ function healthSignature(health) {
 							el("div", { className: styles.rowTop, style: { justifyContent: "flex-end", gap: 8, marginTop: 10 } },
 								el("button", { type: "button", className: styles.toolItem, "data-busy": linksPanelBusy ? "true" : "false", onClick: () => { linksPanelLoad(); linksDevRootsLoad(); } }, linksPanelBusy ? t("linksPanelLoading") : t("linksPanelReload")))))
 					: null,
+				annotationsPanelOpen
+					? el("div", { className: styles.modalBackdrop, onClick: (event) => { if (event.target === event.currentTarget) setAnnotationsPanelOpen(false); } },
+						el("div", { className: styles.modalCard, style: { maxWidth: 760, maxHeight: "82vh", overflow: "auto" } },
+							el("div", { className: styles.rowTop, style: { justifyContent: "space-between" } },
+								el("strong", { className: styles.name }, t("annotationsBtn")),
+								el("button", { type: "button", className: styles.trashBtn, style: { fontSize: 14, padding: "4px 8px" }, title: t("closeModal"), "aria-label": t("closeModal"), onClick: () => setAnnotationsPanelOpen(false) }, "✕")),
+							el("p", { className: styles.message }, t("annotationsPanelTitle")),
+							annotations !== null && annotations.file !== null && annotations.file !== undefined
+								? el("p", { className: styles.status }, String(annotations.file))
+								: null,
+							// 失败/降级一律有文字（绝不"点了一下没反应"）
+							annotationsNote !== null
+								? el("p", { className: styles.message, "data-error": "true" }, annotationsNote)
+								: null,
+							// ── 分组管理：新建 / 重命名 / 删除（两段式）/ 撤销删除 ─────────────────
+							el("div", { style: { display: "flex", flexDirection: "column", gap: 6, marginTop: 6, paddingTop: 8, borderTop: "1px solid var(--dsw-alias-border-secondary, rgba(127,127,127,.18))" } },
+								el("div", { className: styles.annotRow },
+									el("input", {
+										type: "text",
+										value: groupDraftName,
+										placeholder: t("groupCreatePlaceholder"),
+										"aria-label": t("groupCreatePlaceholder"),
+										disabled: annotationBusy !== null,
+										style: { flex: 1, minWidth: 200, font: "inherit", padding: "4px 8px" },
+										onChange: (event) => setGroupDraftName(String(event.target.value ?? "")),
+										onKeyDown: (event) => { if (event.key === "Enter") { event.preventDefault(); createUserGroup(); } },
+									}),
+									el("button", { type: "button", className: styles.toggle, disabled: groupDraftName.trim() === "" || annotationBusy !== null, onClick: createUserGroup }, t("groupCreate"))),
+								groupUndo !== null
+									? el("div", { className: styles.annotRow },
+										el("span", { className: styles.status, "data-pending": "true" }, t("groupDeleted").replace("{name}", String(groupUndo.group?.name ?? "")).replace("{n}", String(Array.isArray(groupUndo.group?.packages) ? groupUndo.group.packages.length : 0))),
+										el("button", {
+											type: "button",
+											className: styles.toggle,
+											disabled: annotationBusy !== null,
+											onClick: () => {
+												const record = groupUndo;
+												setGroupUndo(null);
+												annotationWrite({ action: "group-restore", group: record.group, index: record.index }, t("groupRestored").replace("{name}", String(record.group?.name ?? "")));
+											},
+										}, t("groupRestore")))
+									: null,
+								userGroups.length === 0
+									? el("p", { className: styles.status }, t("groupEmptyHint"))
+									: el("ul", { className: styles.list }, userGroups.map((group) => el("li", { key: "ug-" + group.id, className: styles.row },
+										el("div", { className: styles.rowTop, style: { justifyContent: "space-between" } },
+											el("strong", { className: styles.name, "data-group-name": String(group.id), style: { cursor: "pointer", borderBottom: "1px dotted currentColor" }, title: t("groupOpenHint"), onClick: () => { setPanelGroupOpen((prev) => (prev === group.id ? null : group.id)); setPanelGroupQuery(""); } }, String(group.name)),
+											el("span", { className: styles.tag, "data-user-badge": "true" }, t("groupMembers").replace("{n}", String(Array.isArray(group.packages) ? group.packages.length : 0)))),
+										el("div", { className: styles.annotRow },
+											groupRenameEdit !== null && groupRenameEdit.id === group.id
+												? el("div", { className: styles.annotRow },
+													el("input", {
+														type: "text",
+														value: groupRenameEdit.draft,
+														"aria-label": t("groupRename"),
+														style: { font: "inherit", padding: "2px 6px" },
+														onChange: (event) => setGroupRenameEdit({ id: group.id, draft: String(event.target.value ?? "") }),
+														onKeyDown: (event) => {
+															if (event.key === "Escape") { event.preventDefault(); setGroupRenameEdit(null); return; }
+															if (event.key === "Enter") {
+																event.preventDefault();
+																const draft = groupRenameEdit.draft;
+																setGroupRenameEdit(null);
+																annotationWrite({ action: "group-rename", id: group.id, name: draft }, t("groupRenamed"));
+															}
+														},
+													}),
+													el("button", { type: "button", className: styles.toggle, onClick: () => setGroupRenameEdit(null) }, t("linksCancel")))
+												: el("button", { type: "button", className: styles.toggle, disabled: annotationBusy === group.id, onClick: () => setGroupRenameEdit({ id: group.id, draft: String(group.name) }) }, t("groupRename")),
+											groupDeleteArm === group.id
+												? el("div", { className: styles.annotRow },
+													el("span", { className: styles.status, "data-pending": "true" }, t("groupDeleteConfirm").replace("{name}", String(group.name))),
+													el("button", { type: "button", className: styles.toggle, onClick: () => setGroupDeleteArm(null) }, t("linksCancel")),
+													el("button", {
+														type: "button",
+														className: styles.toggle,
+														disabled: annotationBusy === group.id,
+														onClick: () => {
+															setGroupDeleteArm(null);
+															const memberCount = Array.isArray(group.packages) ? group.packages.length : 0;
+															// 两段式：第一次点只是"上膛"，这里才是真删（且**只解除归属**）
+															annotationWrite({ action: "group-delete", id: group.id }, t("groupDeleted").replace("{name}", String(group.name)).replace("{n}", String(memberCount))).then((data) => {
+																const removed = data?.deleted;
+																if (removed !== null && removed !== undefined && removed.group !== null && removed.group !== undefined) setGroupUndo({ group: removed.group, index: Number.isFinite(removed.index) ? removed.index : null });
+															});
+														},
+													}, t("confirmDelete")))
+												: el("button", { type: "button", className: styles.trashBtn, title: t("groupRemove"), "aria-label": t("groupRemove"), disabled: annotationBusy === group.id, onClick: () => setGroupDeleteArm(group.id) }, "✕")))))),
+							// ★ 2026-10-27：点分组名 → 展开「成员 + 一键更新 + 搜索添加（含备注）」
+							(() => {
+								const open = userGroups.find((g) => g.id === panelGroupOpen) ?? null;
+								if (open === null) {
+									return el("p", { className: styles.status, "data-panel-groupadd-hint": "true" }, t("groupOpenHint"));
+								}
+								const inGroup = new Set((Array.isArray(open.packages) ? open.packages : []).map((x) => String(x)));
+								const noteOf = (nm) => {
+									const rec = annotations !== null && annotations.plugins !== null && annotations.plugins !== undefined
+										? annotations.plugins[nm] ?? null
+										: null;
+									return typeof rec?.note === "string" ? rec.note : "";
+								};
+								const q = panelGroupQuery.trim().toLowerCase();
+								const pool = (state.status === "ready" ? state.data.entries : [])
+									.map((e) => String(e.moduleName ?? ""))
+									.filter((nm) => nm !== "" && !nm.startsWith("cordis:") && !inGroup.has(nm))
+									// ★ 用户 2026-10-27：搜索要能命中**备注**（不只是包名）
+									.filter((nm) => q === "" || nm.toLowerCase().includes(q) || noteOf(nm).toLowerCase().includes(q));
+								const shown = pool.slice(0, panelGroupShow);
+								const hidden = Math.max(0, pool.length - shown.length);
+								const chips = [...inGroup].map((nm) => el("span", { key: "pgm-" + nm, className: styles.tag, "data-usergroup-member": "true" },
+									nm,
+									el("button", {
+										type: "button",
+										className: styles.tag,
+										"data-more": "true",
+										title: t("groupMemberRemove"),
+										onClick: () => annotationWrite({ action: "group-assign", id: open.id, packageName: nm, member: false }, t("groupUnassigned")),
+									}, "×")))
+								const headerRow = el("div", { className: styles.annotRow },
+									el("strong", { className: styles.name }, String(open.name)),
+									el("span", { className: styles.status }, t("groupMembers").replace("{n}", String(inGroup.size))),
+									el("button", {
+										type: "button",
+										className: styles.toggle,
+										"data-group-update-all": String(open.id),
+										title: t("groupUpdateAllTip"),
+										onClick: () => {
+											const members2 = [...inGroup];
+											if (members2.length === 0) { setMessage(t("groupNoMembers")); return; }
+											// 逐个串行：先查目标版本，再按那个版本更新（与单卡同一判据），门控照旧生效
+											const step = (i, hit) => {
+												if (i >= members2.length) {
+													setMessage(t("groupUpdateAllDone").replace("{hit}", String(hit)).replace("{n}", String(members2.length)));
+													return;
+												}
+												const nm = members2[i];
+												setMessage(t("groupUpdateAllProgress").replace("{i}", String(i + 1)).replace("{n}", String(members2.length)) + " — " + nm);
+												call("/plugin-console/check-update", { packageName: nm }).then((d) => {
+													const target = typeof d?.target === "string" && d.target !== "" ? d.target : (typeof d?.latest === "string" ? d.latest : null);
+													if (target !== null) startJob("", nm, "github", "plugin", true, null, target);
+													step(i + 1, target !== null ? hit + 1 : hit);
+												}, () => step(i + 1, hit));
+											};
+											step(0, 0);
+										},
+									}, t("groupUpdateAll")))
+								const searchInput = el("input", {
+									type: "search",
+									value: panelGroupQuery,
+									placeholder: t("groupAddSearchPlaceholder"),
+									"aria-label": t("groupAddSearchPlaceholder"),
+									style: { font: "inherit", padding: "4px 8px", width: "100%" },
+									onChange: (event) => setPanelGroupQuery(String(event.target.value ?? "")),
+								})
+								const candRows = shown.map((nm) => {
+									const note = noteOf(nm);
+									return el("li", { key: "pgc-" + nm, className: styles.row },
+										el("div", { className: styles.rowTop },
+											el("strong", { className: styles.name, title: nm, style: { minWidth: 0, overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" } }, nm),
+											note !== ""
+												? el("span", { style: { color: "var(--dsw-alias-state-business-primary)", fontWeight: 500, fontSize: ".9em", whiteSpace: "nowrap", maxWidth: "45%", overflow: "hidden", textOverflow: "ellipsis" } }, note)
+												: null,
+											el("button", {
+												type: "button",
+												className: styles.toggle,
+												"data-group-add": nm,
+												disabled: annotationBusy !== null,
+												onClick: () => annotationWrite({ action: "group-assign", id: open.id, packageName: nm }, t("groupAssigned").replace("{name}", String(open.name))),
+											}, "＋ " + t("groupAddOne"))));
+								})
+								const candList = el("ul", { className: styles.list, "data-group-candidates": "true" },
+									pool.length === 0
+										? el("li", { className: styles.row }, el("span", { className: styles.status }, t("groupAddNoMatch")))
+										: candRows)
+								const moreBtn = hidden > 0
+									? el("button", { type: "button", className: styles.toggle, "data-group-loadmore": "true", onClick: () => setPanelGroupShow((prev) => prev + 20) }, t("groupLoadMore").replace("{n}", String(hidden)))
+									: null
+								return el("div", { "data-panel-groupadd": String(open.id), style: { display: "flex", flexDirection: "column", gap: 6, marginTop: 6 } },
+									headerRow,
+									el("div", { className: styles.annotRow }, chips.length > 0 ? chips : el("span", { className: styles.status }, t("groupNoMembers"))),
+									searchInput,
+									candList,
+									moreBtn)
+							})(),
+							// ── 插件行：备注 / 徽章 / 分组（每行一套，与详情页同一个编辑块）───────────
+							el("p", { className: styles.message, style: { marginTop: 8 } },
+								annotations === null
+									? t("annotationsEmpty")
+									: t("annotationsStats")
+										.replace("{p}", String(annotations.stats?.packages ?? 0))
+										.replace("{b}", String(annotations.stats?.badges ?? 0))
+										.replace("{g}", String(annotations.stats?.groups ?? 0))),
+							// ★ 0.5.93（issue #22 ②，用户定稿）：列表**默认收起**，只留一行摘要「插件列表（N）· 点此展开」；
+							//   点开才渲染搜索框与插件行。查询词是受控 state ⇒ 边打边筛，且过滤不会清掉输入框里的字。
+							el("button", {
+								type: "button",
+								className: styles.toggle,
+								"aria-label": "annotationsListToggle",
+								"aria-expanded": annotationsListOpen ? "true" : "false",
+								"data-open": annotationsListOpen ? "true" : "false",
+								onClick: () => setAnnotationsListOpen((prev) => !prev),
+							}, (annotationsListOpen ? t("annotationsListHide") : t("annotationsListShow"))
+								.replace("{n}", String(annotationListEntries.length))),
+							annotationsListOpen === false
+								? null
+								: el("div", { style: { flexDirection: "column", gap: 8, display: "flex", marginTop: 6 } },
+									el("input", {
+										type: "text",
+										value: annotationsQuery,
+										placeholder: t("annotationsSearchPlaceholder"),
+										"aria-label": "annotationsSearch",
+										style: { font: "inherit", padding: "4px 8px", borderRadius: 6 },
+										onChange: (event) => setAnnotationsQuery(String(event.target.value ?? "")),
+									}),
+									annotationListEntries.length === 0
+										? el("p", { className: styles.status }, t("empty"))
+										: annotationListFiltered.length === 0
+											? el("p", { className: styles.status, "data-nomatch": "true" }, t("annotationsNoMatch"))
+											: el("ul", { className: styles.list, "data-annotlist": "true" }, annotationListFiltered.map((entry) => el("li", { key: "an-" + entry.entryId, className: styles.row },
+												el("div", { className: styles.rowTop },
+													el("strong", { className: styles.name, title: entry.moduleName }, moduleShortName(entry.moduleName)),
+													entry.extra === true ? el("span", { className: styles.tag, "data-user": "true" }, t("extraTag")) : null),
+												el("div", { className: styles.meta }, el("code", null, String(entry.moduleName ?? ""))),
+												annotationBlock(entry)))))))
+					: null,
 				gateOpen
 					? el("div", { className: styles.modalBackdrop, onClick: (event) => { if (event.target === event.currentTarget) setGateOpen(false); } },
 						el("div", { className: styles.modalCard, style: { maxWidth: 520 } },
@@ -5412,7 +6382,7 @@ function healthSignature(health) {
 							aiJob === null || (aiJob.status === "running" && aiJob.stage === "planning")
 								? el("div", { style: { flexDirection: "column", gap: "10px", display: "flex" } },
 									el("section", null,
-										el("input", { type: "text", placeholder: t("aiEmpowerSrcTitle"), value: aiSource, disabled: aiRunning, onChange: (event) => setAiSource(event.currentTarget.value), onKeyDown: (event) => { if (event.key === "Enter" && !aiRunning) aiStartPlan(); }, style: { width: "100%", boxSizing: "border-box", font: "inherit", padding: "6px 10px", borderRadius: 8, border: "1px solid var(--dsw-alias-border-l2)", background: "var(--dsw-alias-bg-layer-1)", color: "var(--dsw-alias-label-primary)" } }),
+										el("input", { type: "text", placeholder: t("aiEmpowerSrcTitle"), value: aiSource, disabled: aiRunning, onChange: (event) => setAiSource(event.target.value), onKeyDown: (event) => { if (event.key === "Enter" && !aiRunning) aiStartPlan(); }, style: { width: "100%", boxSizing: "border-box", font: "inherit", padding: "6px 10px", borderRadius: 8, border: "1px solid var(--dsw-alias-border-l2)", background: "var(--dsw-alias-bg-layer-1)", color: "var(--dsw-alias-label-primary)" } }),
 									el("div", { className: styles.rowTop },
 										el("button", { type: "button", className: styles.toggle, disabled: aiRunning || aiSource.trim() === "", onClick: aiStartPlan }, t("aiEmpowerLabel")),
 										aiRunning ? el("span", { className: styles.message }, t("aiEmpowerWaiting") + (aiJob?.source ? "（" + aiJob.source + "）" : "")) : null,
@@ -5435,7 +6405,7 @@ function healthSignature(health) {
 										el("div", { style: { flexDirection: "column", gap: "6px", display: "flex", maxHeight: 220, overflowY: "auto" } },
 											(aiJob.steps ?? []).map((s) =>
 												el("label", { key: s.index, className: styles.consentRemember, style: { alignItems: "flex-start" } },
-													el("input", { type: "checkbox", checked: aiSelected[s.index] === true, onChange: (event) => setAiSelected((prev) => ({ ...prev, [s.index]: event.currentTarget.checked })) }),
+													el("input", { type: "checkbox", checked: aiSelected[s.index] === true, onChange: (event) => setAiSelected((prev) => ({ ...prev, [s.index]: event.target.checked })) }),
 													el("span", null, (s.index + 1) + ". [" + s.action + "] " + (s.description ?? "") + (s.path ? " → " + s.path : "")))),
 										el("div", { className: styles.rowTop },
 											el("button", { type: "button", className: styles.toggle, onClick: aiRun }, t("aiEmpowerRun")),
@@ -5456,10 +6426,10 @@ function healthSignature(health) {
 							el("p", { className: styles.message }, repoLandTitleText()),
 							el("div", { className: styles.rowTop, style: { flexWrap: "wrap" } },
 								el("span", { className: styles.message }, t("repoLandDirLabel") + "：" + (repoLandDir || "—")),
-								el("input", { type: "text", value: repoLandDirInput, onChange: (event) => setRepoLandDirInput(event.currentTarget.value), style: { flex: 1, minWidth: 120, font: "inherit", padding: "4px 8px", borderRadius: 6, border: "1px solid var(--dsw-alias-border-l2)", background: "var(--dsw-alias-bg-layer-1)", color: "var(--dsw-alias-label-primary)" } }),
+								el("input", { type: "text", value: repoLandDirInput, onChange: (event) => setRepoLandDirInput(event.target.value), style: { flex: 1, minWidth: 120, font: "inherit", padding: "4px 8px", borderRadius: 6, border: "1px solid var(--dsw-alias-border-l2)", background: "var(--dsw-alias-bg-layer-1)", color: "var(--dsw-alias-label-primary)" } }),
 								el("button", { type: "button", className: styles.toggle, onClick: repoLandSaveDir }, t("repoLandSaveDir"))),
 							el("section", null,
-								el("input", { type: "text", placeholder: t("repoLandPlaceholder"), value: repoLandInput, disabled: repoLandBusy, onChange: (event) => setRepoLandInput(event.currentTarget.value), onKeyDown: (event) => { if (event.key === "Enter" && !repoLandBusy) repoLandStart(); }, style: { width: "100%", boxSizing: "border-box", font: "inherit", padding: "6px 10px", borderRadius: 8, border: "1px solid var(--dsw-alias-border-l2)", background: "var(--dsw-alias-bg-layer-1)", color: "var(--dsw-alias-label-primary)" } }),
+								el("input", { type: "text", placeholder: t("repoLandPlaceholder"), value: repoLandInput, disabled: repoLandBusy, onChange: (event) => setRepoLandInput(event.target.value), onKeyDown: (event) => { if (event.key === "Enter" && !repoLandBusy) repoLandStart(); }, style: { width: "100%", boxSizing: "border-box", font: "inherit", padding: "6px 10px", borderRadius: 8, border: "1px solid var(--dsw-alias-border-l2)", background: "var(--dsw-alias-bg-layer-1)", color: "var(--dsw-alias-label-primary)" } }),
 							el("div", { className: styles.rowTop },
 								el("button", { type: "button", className: styles.toggle, disabled: repoLandBusy || repoLandInput.trim() === "", onClick: repoLandStart }, repoLandBusy ? t("repoLandBusy") : t("repoLandLabel"))),
 							repoLandResult !== null
@@ -5716,7 +6686,7 @@ function healthSignature(health) {
 											type: "password",
 											placeholder: t("githubTokenPlaceholder"),
 											value: ghToken,
-											onChange: (event) => setGhToken(event.currentTarget.value),
+											onChange: (event) => setGhToken(event.target.value),
 											style: { width: "100%", boxSizing: "border-box" },
 										}),
 										el("button", { type: "button", className: styles.toggle, disabled: ghLoginBusy || ghToken.trim() === "", onClick: githubLogin }, t("githubLoginBtn")))
@@ -5748,9 +6718,12 @@ function healthSignature(health) {
 						dragRef.current.base = cur;
 						dragRef.current.active = false;
 						dragRef.current.justDragged = false;
-						try { e.currentTarget.setPointerCapture?.(e.pointerId); } catch {}
+						// ★ 0.5.91：不要在这里捕获指针（会把内部按钮的 click 吞到容器上）。先记下，长按确认拖动后再捕获。
+						dragRef.current.captureEl = e.currentTarget;
+						dragRef.current.captureId = e.pointerId;
 						dragRef.current.long = window.setTimeout(() => {
 							dragRef.current.active = true;
+							try { dragRef.current.captureEl?.setPointerCapture?.(dragRef.current.captureId); } catch {}
 							setDragPos(cur);
 						}, 450);
 					},
@@ -5766,6 +6739,7 @@ function healthSignature(health) {
 					},
 					onPointerUp: () => {
 						if (dragRef.current.long !== null) { window.clearTimeout(dragRef.current.long); dragRef.current.long = null; }
+						try { dragRef.current.captureEl?.releasePointerCapture?.(dragRef.current.captureId); } catch {}
 						if (dragRef.current.active) {
 							const p = dragPos;
 							if (p !== null) {
@@ -5795,6 +6769,16 @@ function healthSignature(health) {
 				toolbarOpen
 					? el("div", { className: styles.toolbarGroup, style: (dragPos ?? toolbarPos) !== null ? { left: (dragPos ?? toolbarPos).left, top: (dragPos ?? toolbarPos).top + 36, right: "auto" } : undefined },
 						
+						el("button", {
+							type: "button",
+							className: styles.toolItem,
+							"data-active": annotationsPanelOpen ? "true" : "false",
+							title: t("annotationsPanelTitle"),
+							"aria-label": t("annotationsBtn"),
+							// issue #22 ②③：打开即读一次（注解是独立文件，别处改了也能看到最新的）；
+							// ★ 0.5.93：打开时列表回到**收起**状态（见 openAnnotationsPanel）
+							onClick: () => toggleAnnotationsPanel(),
+						}, t("annotationsBtn") + (annotations !== null && annotations.stats !== null && annotations.stats !== undefined && annotations.stats.packages > 0 ? " " + annotations.stats.packages : "")),
 						hostedByShell ? null : el("button", { // ★ 0.5.84：桌面端（shell 托管）不显示；web 端保留且可用
 								type: "button",
 								className: styles.toolItem,
@@ -5949,7 +6933,7 @@ function healthSignature(health) {
 										: t("searchPlaceholderOther").replace("{source}", sourceDisplayName(searchSource))),
 							"aria-label": t("search"),
 							onChange: (event) => {
-								const v = event.currentTarget.value;
+								const v = event.target.value;
 								setQuery(v);
 								try { localStorage.setItem("pc-market-query", v); } catch {}
 							},
@@ -6167,6 +7151,49 @@ function healthSignature(health) {
 						el("h3", null, mode === "skills" ? t("installedSkillsTitle") : t("installedTitle")),
 						mode === "plugins"
 							? el("button", { type: "button", className: styles.toggle, onClick: () => setInstalledSearchOpen((v) => !v) }, t("search"))
+							: null,
+						// ★ issue #22 ①：一键检测全部更新（**只有图标**的圆按钮 ↑↑↑，与「搜索」同高）。
+						//   三态都在按钮上：idle（可点）/ checking（转圈 + 禁用）/ done（描边高亮，再点是重查）。
+						//   判据全在服务端（唯一判据 + 并发上限），这里只负责"问一句、如实显示"。
+						mode === "plugins"
+							? el("button", {
+								type: "button",
+								className: styles.iconBtn,
+								title: batchCheck !== null && batchCheck.status === "checking"
+									? t("checkingAllUpdates").replace("{n}", String(batchCheck.total ?? 0))
+									: t("checkAllUpdates") + "：" + t("checkAllUpdatesHint").replace("{n}", String(state.status === "ready" ? state.data.entries.length : 0)),
+								"aria-label": t("checkAllUpdates"),
+								"data-state": batchCheck !== null && batchCheck.status === "checking" ? "checking" : (batchCheck !== null && batchCheck.status === "ready" ? "done" : "idle"),
+								disabled: (batchCheck !== null && batchCheck.status === "checking") || state.status !== "ready",
+								onClick: checkAllUpdates,
+							}, batchCheck !== null && batchCheck.status === "checking"
+								? el("span", { className: styles.spinner })
+								: el("svg", { width: 13, height: 13, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2.2, strokeLinecap: "round", strokeLinejoin: "round" },
+									el("path", { d: "M5 20V7" }), el("polyline", { points: "3 9 5 7 7 9" }),
+									el("path", { d: "M12 20V7" }), el("polyline", { points: "10 9 12 7 14 9" }),
+									el("path", { d: "M19 20V7" }), el("polyline", { points: "17 9 19 7 21 9" })))
+							: null,
+						// 结果态：可更新 > 0 ⇒ 可点的筛选按钮（同一个筛选的开关）；可更新 = 0 ⇒ **只读**小结，
+						// 不做成按钮（否则就是"点了一下列表变空"的死按钮）。
+						mode === "plugins" && batchCheck !== null && batchCheck.status === "ready" && batchCheck.updatable > 0
+							? el("button", {
+								type: "button",
+								className: styles.extraBtn,
+								title: t("batchUpdateResultTip")
+									.replace("{n}", String(batchCheck.updatable))
+									.replace("{m}", String(Math.max(0, batchCheck.checked - batchCheck.updatable - batchCheck.unknown)))
+									.replace("{k}", String(batchCheck.unknown))
+									.replace("{at}", new Date(batchCheck.at).toLocaleTimeString()),
+								"aria-pressed": onlyUpdatable ? "true" : "false",
+								onClick: () => setOnlyUpdatable((v) => !v),
+							}, t("batchUpdateOnly") + " · " + batchCheck.updatable + (onlyUpdatable ? " ✓" : ""))
+							: null,
+						mode === "plugins" && batchCheck !== null && batchCheck.status === "ready" && batchCheck.updatable === 0
+							? el("span", { className: styles.tag, "data-enabled": "true", title: t("batchUpdateResultTip").replace("{n}", "0").replace("{m}", String(Math.max(0, batchCheck.checked - batchCheck.unknown))).replace("{k}", String(batchCheck.unknown)).replace("{at}", new Date(batchCheck.at).toLocaleTimeString()) },
+								t("checkAllUpdateNone") + (batchCheck.unknown > 0 ? "（" + t("batchUpdateUnknown") + " " + batchCheck.unknown + "）" : ""))
+							: null,
+						mode === "plugins" && batchCheck !== null && batchCheck.status === "error"
+							? el("span", { className: styles.tag, "data-pending": "true", title: String(batchCheck.error ?? "") }, t("checkAllUpdateFailed"))
 							: null),
 					mode === "plugins" && installedSearchOpen
 						? el("div", { className: styles.search },
@@ -6177,7 +7204,7 @@ function healthSignature(health) {
 								placeholder: t("searchInstalledPlaceholder"),
 								"aria-label": t("searchInstalledPlaceholder"),
 								onChange: (event) => {
-									const v = event.currentTarget.value;
+									const v = event.target.value;
 									setInstalledQuery(v);
 									try { localStorage.setItem("pc-market-installed-q", v); } catch {}
 								},
@@ -6257,9 +7284,13 @@ function healthSignature(health) {
 								? el("p", { className: styles.status }, t("empty"))
 								: installedQueryNorm !== "" && rows.length === 0
 									? el("p", { className: styles.status }, t("noMatch"))
-									: extraOnly && rows.length === 0
-										? el("p", { className: styles.status }, t("extraEmpty"))
-										: el("ul", { className: styles.list }, rows)),
+									// issue #22 ①：把「仅看可更新」筛空的话必须说清楚**是筛空的**，
+									// 否则用户看到空列表会以为插件没了（并给出取消筛选的办法）。
+									: onlyUpdatable && rows.length === 0
+										? el("p", { className: styles.status }, t("batchUpdateFilterEmpty"))
+										: extraOnly && rows.length === 0
+											? el("p", { className: styles.status }, t("extraEmpty"))
+											: el("ul", { className: styles.list }, rows)),
 				showBackTop
 					? el("button", {
 						type: "button",
@@ -6307,7 +7338,7 @@ function healthSignature(health) {
 									type: "checkbox",
 									checked: aiRemember,
 									onChange: (event) => {
-										const checked = event.currentTarget.checked;
+										const checked = event.target.checked;
 										setAiRemember(checked);
 										try { localStorage.setItem("pc-ai-remember", checked ? "1" : "0"); } catch {}
 									},
@@ -6335,8 +7366,8 @@ function healthSignature(health) {
 									...sourcesData.registries.map((src) =>
 										editReg !== null && editReg.id === src.id
 											? el("div", { key: src.id, className: styles.rowTop, style: { justifyContent: "space-between" } },
-												el("input", { type: "text", value: editReg.name, onChange: (event) => setEditReg({ ...editReg, name: event.currentTarget.value }), style: { flex: 1, minWidth: 80 } }),
-												el("input", { type: "text", value: editReg.url, onChange: (event) => setEditReg({ ...editReg, url: event.currentTarget.value }), style: { flex: 2, minWidth: 120 } }),
+												el("input", { type: "text", value: editReg.name, onChange: (event) => setEditReg({ ...editReg, name: event.target.value }), style: { flex: 1, minWidth: 80 } }),
+												el("input", { type: "text", value: editReg.url, onChange: (event) => setEditReg({ ...editReg, url: event.target.value }), style: { flex: 2, minWidth: 120 } }),
 												el("button", { type: "button", className: styles.toggle, disabled: sourcesBusy, onClick: saveEditReg }, t("saveSource")),
 												el("button", { type: "button", className: styles.toggle, onClick: () => setEditReg(null) }, t("cancelEdit")))
 											: el("div", { key: src.id, className: styles.rowTop, style: { justifyContent: "space-between" } },
@@ -6362,8 +7393,8 @@ function healthSignature(health) {
 													src.primary ? null : el("button", { type: "button", className: styles.toggle, title: t("setPrimaryHint"), disabled: sourcesBusy, onClick: () => sourcesAction({ action: "set-primary", id: src.id }) }, t("setPrimary")),
 													el("button", { type: "button", className: styles.toggle, title: t("editSourceHint"), disabled: sourcesBusy, onClick: () => setEditReg({ id: src.id, name: src.name, url: src.url }) }, t("editSource"))))),
 									el("div", { className: styles.rowTop },
-										el("input", { type: "text", placeholder: t("sourceName"), value: sourceName, onChange: (event) => setSourceName(event.currentTarget.value), style: { flex: 1, minWidth: 0 } }),
-										el("input", { type: "text", placeholder: t("sourceUrl"), value: sourceUrl, onChange: (event) => setSourceUrl(event.currentTarget.value), style: { flex: 2, minWidth: 0 } }),
+										el("input", { type: "text", placeholder: t("sourceName"), value: sourceName, onChange: (event) => setSourceName(event.target.value), style: { flex: 1, minWidth: 0 } }),
+										el("input", { type: "text", placeholder: t("sourceUrl"), value: sourceUrl, onChange: (event) => setSourceUrl(event.target.value), style: { flex: 2, minWidth: 0 } }),
 										el("button", { type: "button", className: styles.toggle, disabled: sourcesBusy, onClick: addSource }, t("addSource"))),
 									el("div", { className: styles.rowTop },
 										el("button", {
@@ -6385,8 +7416,8 @@ function healthSignature(health) {
 									(sourcesData.indexSources ?? []).map((s) =>
 										editIndex !== null && editIndex.id === s.id
 											? el("div", { key: s.id, className: styles.rowTop, style: { justifyContent: "space-between" } },
-												el("input", { type: "text", value: editIndex.name, onChange: (event) => setEditIndex({ ...editIndex, name: event.currentTarget.value }), style: { flex: 1, minWidth: 80 } }),
-												el("input", { type: "text", value: editIndex.url, onChange: (event) => setEditIndex({ ...editIndex, url: event.currentTarget.value }), style: { flex: 2, minWidth: 120 } }),
+												el("input", { type: "text", value: editIndex.name, onChange: (event) => setEditIndex({ ...editIndex, name: event.target.value }), style: { flex: 1, minWidth: 80 } }),
+												el("input", { type: "text", value: editIndex.url, onChange: (event) => setEditIndex({ ...editIndex, url: event.target.value }), style: { flex: 2, minWidth: 120 } }),
 												el("button", { type: "button", className: styles.toggle, disabled: sourcesBusy, onClick: saveEditIndex }, t("saveSource")),
 												el("button", { type: "button", className: styles.toggle, onClick: () => setEditIndex(null) }, t("cancelEdit")))
 											: el("div", { key: s.id, className: styles.rowTop, style: { justifyContent: "space-between" } },
@@ -6398,8 +7429,8 @@ function healthSignature(health) {
 													el("button", { type: "button", className: styles.toggle, title: t("editSourceHint"), disabled: sourcesBusy, onClick: () => setEditIndex({ id: s.id, name: s.name, url: s.url }) }, t("editSource")),
 													el("button", { type: "button", className: styles.toggle, title: t("removeSourceHint"), disabled: sourcesBusy, onClick: () => sourcesAction({ action: "remove-index", id: s.id }) }, t("removeSource"))))),
 									el("div", { className: styles.rowTop },
-										el("input", { type: "text", placeholder: t("sourceName"), value: indexSourceName, onChange: (event) => setIndexSourceName(event.currentTarget.value), style: { flex: 1, minWidth: 0 } }),
-										el("input", { type: "text", placeholder: t("indexUrlPlaceholder"), value: indexSourceUrl, onChange: (event) => setIndexSourceUrl(event.currentTarget.value), style: { flex: 2, minWidth: 0 } }),
+										el("input", { type: "text", placeholder: t("sourceName"), value: indexSourceName, onChange: (event) => setIndexSourceName(event.target.value), style: { flex: 1, minWidth: 0 } }),
+										el("input", { type: "text", placeholder: t("indexUrlPlaceholder"), value: indexSourceUrl, onChange: (event) => setIndexSourceUrl(event.target.value), style: { flex: 2, minWidth: 0 } }),
 										el("button", { type: "button", className: styles.toggle, disabled: sourcesBusy, onClick: addIndexSource }, t("addIndexSource"))),
 									el("div", { className: styles.rowTop },
 										el("button", {
@@ -6417,8 +7448,8 @@ function healthSignature(health) {
 									(sourcesData.gitSources ?? []).map((s) =>
 										editGit !== null && editGit.id === s.id
 											? el("div", { key: s.id, className: styles.rowTop, style: { justifyContent: "space-between" } },
-												el("input", { type: "text", value: editGit.name, onChange: (event) => setEditGit({ ...editGit, name: event.currentTarget.value }), style: { flex: 1, minWidth: 80 } }),
-												el("input", { type: "text", value: editGit.urlTemplate, onChange: (event) => setEditGit({ ...editGit, urlTemplate: event.currentTarget.value }), style: { flex: 2, minWidth: 120 } }),
+												el("input", { type: "text", value: editGit.name, onChange: (event) => setEditGit({ ...editGit, name: event.target.value }), style: { flex: 1, minWidth: 80 } }),
+												el("input", { type: "text", value: editGit.urlTemplate, onChange: (event) => setEditGit({ ...editGit, urlTemplate: event.target.value }), style: { flex: 2, minWidth: 120 } }),
 												el("button", { type: "button", className: styles.toggle, disabled: sourcesBusy, onClick: saveEditGit }, t("saveSource")),
 												el("button", { type: "button", className: styles.toggle, onClick: () => setEditGit(null) }, t("cancelEdit")))
 											: el("div", { key: s.id, className: styles.rowTop, style: { justifyContent: "space-between" } },
@@ -6430,8 +7461,8 @@ function healthSignature(health) {
 													el("button", { type: "button", className: styles.toggle, title: t("editSourceHint"), disabled: sourcesBusy, onClick: () => setEditGit({ id: s.id, name: s.name, urlTemplate: s.urlTemplate }) }, t("editSource")),
 													el("button", { type: "button", className: styles.toggle, title: t("removeSourceHint"), disabled: sourcesBusy, onClick: () => sourcesAction({ action: "remove-git", id: s.id }) }, t("removeSource"))))),
 									el("div", { className: styles.rowTop },
-										el("input", { type: "text", placeholder: t("sourceName"), value: gitSourceName, onChange: (event) => setGitSourceName(event.currentTarget.value), style: { flex: 1, minWidth: 0 } }),
-										el("input", { type: "text", placeholder: t("gitUrlPlaceholder"), value: gitSourceUrl, onChange: (event) => setGitSourceUrl(event.currentTarget.value), style: { flex: 2, minWidth: 0 } }),
+										el("input", { type: "text", placeholder: t("sourceName"), value: gitSourceName, onChange: (event) => setGitSourceName(event.target.value), style: { flex: 1, minWidth: 0 } }),
+										el("input", { type: "text", placeholder: t("gitUrlPlaceholder"), value: gitSourceUrl, onChange: (event) => setGitSourceUrl(event.target.value), style: { flex: 2, minWidth: 0 } }),
 										el("button", { type: "button", className: styles.toggle, disabled: sourcesBusy, onClick: addGitSource }, t("addGitSource"))),
 									]),
 									accSection("archive", t("archiveSourcesTitle"), [
@@ -6439,8 +7470,8 @@ function healthSignature(health) {
 									(sourcesData.archiveSources ?? []).map((s) =>
 										editArchive !== null && editArchive.id === s.id
 											? el("div", { key: s.id, className: styles.rowTop, style: { justifyContent: "space-between" } },
-												el("input", { type: "text", value: editArchive.name, onChange: (event) => setEditArchive({ ...editArchive, name: event.currentTarget.value }), style: { flex: 1, minWidth: 80 } }),
-												el("input", { type: "text", value: editArchive.urlTemplate, onChange: (event) => setEditArchive({ ...editArchive, urlTemplate: event.currentTarget.value }), style: { flex: 2, minWidth: 120 } }),
+												el("input", { type: "text", value: editArchive.name, onChange: (event) => setEditArchive({ ...editArchive, name: event.target.value }), style: { flex: 1, minWidth: 80 } }),
+												el("input", { type: "text", value: editArchive.urlTemplate, onChange: (event) => setEditArchive({ ...editArchive, urlTemplate: event.target.value }), style: { flex: 2, minWidth: 120 } }),
 												el("button", { type: "button", className: styles.toggle, disabled: sourcesBusy, onClick: saveEditArchive }, t("saveSource")),
 												el("button", { type: "button", className: styles.toggle, onClick: () => setEditArchive(null) }, t("cancelEdit")))
 											: el("div", { key: s.id, className: styles.rowTop, style: { justifyContent: "space-between" } },
@@ -6452,8 +7483,8 @@ function healthSignature(health) {
 													el("button", { type: "button", className: styles.toggle, title: t("editSourceHint"), disabled: sourcesBusy, onClick: () => setEditArchive({ id: s.id, name: s.name, urlTemplate: s.urlTemplate }) }, t("editSource")),
 													el("button", { type: "button", className: styles.toggle, title: t("removeSourceHint"), disabled: sourcesBusy, onClick: () => sourcesAction({ action: "remove-archive", id: s.id }) }, t("removeSource"))))),
 									el("div", { className: styles.rowTop },
-										el("input", { type: "text", placeholder: t("sourceName"), value: archiveSourceName, onChange: (event) => setArchiveSourceName(event.currentTarget.value), style: { flex: 1, minWidth: 0 } }),
-										el("input", { type: "text", placeholder: t("archiveUrlPlaceholder"), value: archiveSourceUrl, onChange: (event) => setArchiveSourceUrl(event.currentTarget.value), style: { flex: 2, minWidth: 0 } }),
+										el("input", { type: "text", placeholder: t("sourceName"), value: archiveSourceName, onChange: (event) => setArchiveSourceName(event.target.value), style: { flex: 1, minWidth: 0 } }),
+										el("input", { type: "text", placeholder: t("archiveUrlPlaceholder"), value: archiveSourceUrl, onChange: (event) => setArchiveSourceUrl(event.target.value), style: { flex: 2, minWidth: 0 } }),
 										el("button", { type: "button", className: styles.toggle, disabled: sourcesBusy, onClick: addArchiveSource }, t("addArchiveSource"))),
 									]),
 									accSection("search", t("searchSourcesTitle"), [
@@ -6470,14 +7501,14 @@ function healthSignature(health) {
 												? el("button", { type: "button", className: styles.toggle, title: t("removeSourceHint"), disabled: sourcesBusy, onClick: () => sourcesAction({ action: "remove-search", id: s.id }) }, t("removeSource"))
 												: null)),
 									el("div", { className: styles.rowTop },
-										el("input", { type: "text", placeholder: t("sourceName"), value: searchSourceName, onChange: (event) => setSearchSourceName(event.currentTarget.value), style: { flex: 1, minWidth: 0 } }),
-										el("input", { type: "text", placeholder: t("searchUrlPlaceholder"), value: searchSourceUrl, onChange: (event) => setSearchSourceUrl(event.currentTarget.value), style: { flex: 2, minWidth: 0 } }),
+										el("input", { type: "text", placeholder: t("sourceName"), value: searchSourceName, onChange: (event) => setSearchSourceName(event.target.value), style: { flex: 1, minWidth: 0 } }),
+										el("input", { type: "text", placeholder: t("searchUrlPlaceholder"), value: searchSourceUrl, onChange: (event) => setSearchSourceUrl(event.target.value), style: { flex: 2, minWidth: 0 } }),
 										el("button", { type: "button", className: styles.toggle, disabled: sourcesBusy, onClick: addSearchSource }, t("addSearchSource"))),
 									el("textarea", {
 										rows: 2,
 										placeholder: t("headersPlaceholder"),
 										value: searchSourceHeaders,
-										onChange: (event) => setSearchSourceHeaders(event.currentTarget.value),
+										onChange: (event) => setSearchSourceHeaders(event.target.value),
 										style: { width: "100%", boxSizing: "border-box", font: "inherit", resize: "vertical" },
 									}),
 									]),
@@ -6489,8 +7520,8 @@ function healthSignature(health) {
 												? t("giteeLoggedIn") + (giteeStatus.login || "—")
 												: (giteeStatus !== null && giteeStatus.clientConfigured ? t("giteeSetupHint") : t("giteeLoginPrompt")))),
 									el("div", { className: styles.rowTop },
-										el("input", { type: "text", placeholder: t("giteeClientId"), value: giteeClientId, onChange: (event) => setGiteeClientId(event.currentTarget.value), style: { flex: 1, minWidth: 0 } }),
-										el("input", { type: "password", placeholder: t("giteeClientSecret"), value: giteeClientSecret, onChange: (event) => setGiteeClientSecret(event.currentTarget.value), style: { flex: 2, minWidth: 0 } }),
+										el("input", { type: "text", placeholder: t("giteeClientId"), value: giteeClientId, onChange: (event) => setGiteeClientId(event.target.value), style: { flex: 1, minWidth: 0 } }),
+										el("input", { type: "password", placeholder: t("giteeClientSecret"), value: giteeClientSecret, onChange: (event) => setGiteeClientSecret(event.target.value), style: { flex: 2, minWidth: 0 } }),
 										el("button", { type: "button", className: styles.toggle, disabled: sourcesBusy || !giteeClientId.trim() || !giteeClientSecret.trim(), onClick: saveGiteeSetup }, t("giteeSave"))),
 									el("div", { className: styles.rowTop },
 										el("button", { type: "button", className: styles.toggle, disabled: giteeStatus !== null && !giteeStatus.clientConfigured, onClick: startGiteeOauth }, t("giteeLoginBtn")),