npm - @noob-stupid/dsh-plugin-console - Versions diffs - 0.5.92 → 0.5.93 - Mend

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

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

Files changed (8) hide show

package/lib/client.js +1085 -70
package/lib/server/domain/plugin-annotations.js +569 -0
package/lib/server/domain/update-batch.js +181 -0
package/lib/server/routes/annotations.js +82 -0
package/lib/server/routes/framework.js +137 -120
package/lib/server/routes/index.js +12 -0
package/lib/server/routes/update-batch.js +97 -0
package/package.json +1 -1

package/lib/client.js CHANGED Viewed

@@ -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: "第三方",
@@ -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",
@@ -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) {
@@ -2390,6 +2557,42 @@ const RESTART_FAILED_NOTE = "重启请求失败";
 			}, []);
 			// 自动版本比对结果：{ 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 ""; }
@@ -3216,6 +3419,68 @@ const RESTART_FAILED_NOTE = "重启请求失败";
 					(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);
@@ -4275,14 +4540,288 @@ const RESTART_FAILED_NOTE = "重启请求失败";
 				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));
 				})
 				: [];
@@ -4302,10 +4841,33 @@ const RESTART_FAILED_NOTE = "重启请求失败";
 				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") {
@@ -4320,20 +4882,10 @@ const RESTART_FAILED_NOTE = "重启请求失败";
 							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,
@@ -4365,7 +4917,29 @@ const RESTART_FAILED_NOTE = "重启请求失败";
 												);
 											},
 										}, 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 },
@@ -4418,28 +4992,34 @@ const RESTART_FAILED_NOTE = "重启请求失败";
 										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" },
@@ -4475,6 +5055,20 @@ const RESTART_FAILED_NOTE = "重启请求失败";
 									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",
@@ -4602,11 +5196,26 @@ const RESTART_FAILED_NOTE = "重启请求失败";
 			// 组头放到最底部：普通条目在前，全家桶（组头+子包卡片）整体在后
 			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);
 			});
@@ -4671,7 +5280,131 @@ const RESTART_FAILED_NOTE = "重启请求失败";
 						),
 					),
 				));
-			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
@@ -5225,7 +5958,7 @@ const RESTART_FAILED_NOTE = "重启请求失败";
 										"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")),
@@ -5237,7 +5970,7 @@ const RESTART_FAILED_NOTE = "重启请求失败";
 										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 端没有 ⇒ 不显示，不是灰掉）
@@ -5318,6 +6051,231 @@ const RESTART_FAILED_NOTE = "重启请求失败";
 							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 } },
@@ -5424,7 +6382,7 @@ const RESTART_FAILED_NOTE = "重启请求失败";
 							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,
@@ -5447,7 +6405,7 @@ const RESTART_FAILED_NOTE = "重启请求失败";
 										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")),
@@ -5468,10 +6426,10 @@ const RESTART_FAILED_NOTE = "重启请求失败";
 							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
@@ -5728,7 +6686,7 @@ const RESTART_FAILED_NOTE = "重启请求失败";
 											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")))
@@ -5811,6 +6769,16 @@ const RESTART_FAILED_NOTE = "重启请求失败";
 				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,
@@ -5965,7 +6933,7 @@ const RESTART_FAILED_NOTE = "重启请求失败";
 										: 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 {}
 							},
@@ -6183,6 +7151,49 @@ const RESTART_FAILED_NOTE = "重启请求失败";
 						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 },
@@ -6193,7 +7204,7 @@ const RESTART_FAILED_NOTE = "重启请求失败";
 								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 {}
 								},
@@ -6273,9 +7284,13 @@ const RESTART_FAILED_NOTE = "重启请求失败";
 								? 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",
@@ -6323,7 +7338,7 @@ const RESTART_FAILED_NOTE = "重启请求失败";
 									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 {}
 									},
@@ -6351,8 +7366,8 @@ const RESTART_FAILED_NOTE = "重启请求失败";
 									...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" } },
@@ -6378,8 +7393,8 @@ const RESTART_FAILED_NOTE = "重启请求失败";
 													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", {
@@ -6401,8 +7416,8 @@ const RESTART_FAILED_NOTE = "重启请求失败";
 									(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" } },
@@ -6414,8 +7429,8 @@ const RESTART_FAILED_NOTE = "重启请求失败";
 													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", {
@@ -6433,8 +7448,8 @@ const RESTART_FAILED_NOTE = "重启请求失败";
 									(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" } },
@@ -6446,8 +7461,8 @@ const RESTART_FAILED_NOTE = "重启请求失败";
 													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"), [
@@ -6455,8 +7470,8 @@ const RESTART_FAILED_NOTE = "重启请求失败";
 									(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" } },
@@ -6468,8 +7483,8 @@ const RESTART_FAILED_NOTE = "重启请求失败";
 													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"), [
@@ -6486,14 +7501,14 @@ const RESTART_FAILED_NOTE = "重启请求失败";
 												? 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" },
 									}),
 									]),
@@ -6505,8 +7520,8 @@ const RESTART_FAILED_NOTE = "重启请求失败";
 												? 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")),