dsh-agent-plugins-market 0.4.5 → 0.5.0

package/client/client.js

@@ -2,7 +2,7 @@ window.__ModuleLoader__.load({ id: "dsh-agent-plugins-market", factory: (require
 
 		var module = { exports: {} };
 		var exports = module.exports;
-(function(){if(typeof document!=="undefined"){var s=document.createElement("style");s.setAttribute("data-dsh-client","dsh-agent-plugins-market");s.textContent=".qMtKNa_market {\n  min-width: 0;\n  height: 100%;\n  min-height: 0;\n  color: var(--dsw-alias-label-primary, #1f2328);\n  flex-direction: column;\n  gap: 14px;\n  display: flex;\n}\n\n.qMtKNa_header {\n  flex-direction: column;\n  flex-shrink: 0;\n  gap: 8px;\n  display: flex;\n}\n\n.qMtKNa_titleRow {\n  align-items: center;\n  gap: 12px;\n  display: flex;\n}\n\n.qMtKNa_title {\n  margin: 0;\n  font-size: 16px;\n  font-weight: 600;\n  line-height: 24px;\n}\n\n.qMtKNa_sub {\n  color: var(--dsw-alias-label-tertiary, #8b93a1);\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  flex: 1;\n  align-items: center;\n  gap: 8px;\n  min-width: 0;\n  margin: 0;\n  font-size: 13px;\n  line-height: 20px;\n  display: flex;\n  overflow: hidden;\n}\n\n.qMtKNa_spacer {\n  flex: 1;\n}\n\n.qMtKNa_tabGap {\n  flex-shrink: 0;\n  width: 16px;\n}\n\n.qMtKNa_searchGroup {\n  align-items: center;\n  gap: 2px;\n  display: flex;\n}\n\n.qMtKNa_searchWrap, .qMtKNa_searchInput {\n  align-items: center;\n  display: flex;\n}\n\n.qMtKNa_searchInput input {\n  width: 240px;\n  font-size: 12px;\n  line-height: 20px;\n}\n\n.qMtKNa_tabRow {\n  border-bottom: 1px solid var(--dsw-alias-border-l2, #e5e7eb);\n  justify-content: flex-end;\n  align-items: flex-end;\n  gap: 2px;\n  display: flex;\n}\n\n.qMtKNa_tab, .qMtKNa_tabOn {\n  font: inherit;\n  color: var(--dsw-alias-label-secondary, #6b7280);\n  cursor: pointer;\n  white-space: nowrap;\n  background: none;\n  border: none;\n  border-bottom: 2px solid #0000;\n  padding: 7px 12px;\n  font-size: 13px;\n}\n\n.qMtKNa_tabOn {\n  color: var(--dsw-alias-brand-primary, #4f6ef7);\n  border-bottom-color: var(--dsw-alias-brand-primary, #4f6ef7);\n  font-weight: 600;\n}\n\n.qMtKNa_viewSwitch {\n  font: inherit;\n  color: var(--dsw-alias-label-tertiary, #9ca3af);\n  cursor: pointer;\n  white-space: nowrap;\n  background: none;\n  border: none;\n  border-bottom: 2px solid #0000;\n  padding: 7px 12px;\n  font-size: 13px;\n}\n\n.qMtKNa_viewSwitch:hover {\n  color: var(--dsw-alias-label-primary, #1f2328);\n}\n\n.qMtKNa_body {\n  flex: 1;\n  align-items: flex-start;\n  gap: 20px;\n  min-height: 0;\n  display: flex;\n}\n\n.qMtKNa_sourceTabsRow {\n  padding: 0;\n  display: block;\n}\n\n.qMtKNa_sourceTabsScroll {\n  grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));\n  gap: 6px;\n  display: grid;\n}\n\n.qMtKNa_srcTabEdit {\n  font: inherit;\n  color: var(--dsw-alias-label-tertiary, #9ca3af);\n  cursor: pointer;\n  background: none;\n  border: none;\n  flex-shrink: 0;\n  padding: 2px;\n  font-size: 12px;\n  line-height: 18px;\n}\n\n.qMtKNa_srcTabEdit:hover {\n  color: var(--dsw-alias-label-primary, #1f2328);\n}\n\n.qMtKNa_srcTabOn .qMtKNa_srcTabEdit {\n  color: #ffffffd9;\n}\n\n.qMtKNa_srcTabOn .qMtKNa_srcTabEdit:hover {\n  color: #fff;\n}\n\n.qMtKNa_srcTab, .qMtKNa_srcTabOn {\n  border: 1px solid var(--dsw-alias-border-l3, #d9dde3);\n  background: var(--dsw-alias-bg-layer-1, #fff);\n  border-radius: 999px;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n  height: 24px;\n  display: inline-flex;\n  overflow: hidden;\n}\n\n.qMtKNa_srcTabMain {\n  font: inherit;\n  color: var(--dsw-alias-label-primary, #1f2328);\n  cursor: pointer;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  background: none;\n  border: none;\n  flex: 1;\n  min-width: 0;\n  padding: 2px 2px 2px 10px;\n  font-size: 12px;\n  line-height: 18px;\n  overflow: hidden;\n}\n\n.qMtKNa_srcTabMain:hover {\n  color: var(--dsw-alias-brand-primary, #4f6ef7);\n}\n\n.qMtKNa_srcTabOn {\n  background: var(--dsw-alias-brand-primary, #4f6ef7);\n  border-color: var(--dsw-alias-brand-primary, #4f6ef7);\n}\n\n.qMtKNa_srcTabOn .qMtKNa_srcTabMain {\n  color: #fff;\n  font-weight: 600;\n}\n\n.qMtKNa_srcTabDel {\n  font: inherit;\n  color: var(--dsw-alias-label-tertiary, #9ca3af);\n  cursor: pointer;\n  background: none;\n  border: none;\n  flex-shrink: 0;\n  padding: 2px 8px 2px 2px;\n  font-size: 12px;\n  line-height: 18px;\n}\n\n.qMtKNa_srcTabDel:hover {\n  color: var(--dsw-alias-state-error-primary, #dc2626);\n}\n\n.qMtKNa_srcTabOn .qMtKNa_srcTabDel {\n  color: #ffffffd9;\n}\n\n.qMtKNa_srcTabOn .qMtKNa_srcTabDel:hover {\n  color: #fff;\n}\n\n.qMtKNa_grid {\n  scrollbar-gutter: stable;\n  flex: 1;\n  grid-template-columns: repeat(2, minmax(0, 1fr));\n  align-content: start;\n  gap: 12px;\n  min-width: 0;\n  min-height: 0;\n  padding-right: 4px;\n  display: grid;\n  overflow-y: auto;\n}\n\n.qMtKNa_list {\n  scrollbar-gutter: stable;\n  flex-direction: column;\n  flex: 1;\n  gap: 8px;\n  min-width: 0;\n  min-height: 0;\n  padding-right: 4px;\n  display: flex;\n  overflow-y: auto;\n}\n\n.qMtKNa_list .qMtKNa_card {\n  flex-flow: wrap;\n  align-items: center;\n  gap: 8px 14px;\n}\n\n.qMtKNa_list .qMtKNa_cardTop {\n  flex: none;\n}\n\n.qMtKNa_list .qMtKNa_cardDesc {\n  -webkit-line-clamp: 1;\n  flex: 1;\n  min-width: 200px;\n  min-height: 0;\n}\n\n.qMtKNa_list .qMtKNa_cardActions {\n  flex: none;\n}\n\n.qMtKNa_list .qMtKNa_meta {\n  flex-basis: 100%;\n}\n\n.qMtKNa_empty {\n  color: var(--dsw-alias-label-tertiary, #8b93a1);\n  text-align: center;\n  grid-column: 1 / -1;\n  padding: 48px 0;\n  font-size: 13px;\n}\n\n.qMtKNa_card {\n  background: var(--dsw-alias-bg-layer-1, #fff);\n  border: 1px solid var(--dsw-alias-border-l2, #e5e7eb);\n  border-radius: 12px;\n  flex-direction: column;\n  gap: 8px;\n  min-width: 0;\n  padding: 12px 14px;\n  display: flex;\n}\n\n.qMtKNa_cardTop {\n  align-items: center;\n  gap: 8px;\n  display: flex;\n}\n\n.qMtKNa_cardTitle {\n  flex: 1;\n  align-items: center;\n  gap: 8px;\n  min-width: 0;\n  display: flex;\n}\n\n.qMtKNa_cardName {\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  font-size: 13px;\n  font-weight: 600;\n  line-height: 22px;\n  overflow: hidden;\n}\n\n.qMtKNa_version {\n  color: var(--dsw-alias-label-tertiary, #8b93a1);\n  font-variant-numeric: tabular-nums;\n  flex-shrink: 0;\n  font-size: 12px;\n  line-height: 20px;\n}\n\n.qMtKNa_cardActions {\n  flex-shrink: 0;\n  align-items: center;\n  gap: 4px;\n  display: flex;\n}\n\n.qMtKNa_switchOn, .qMtKNa_switchOff {\n  cursor: pointer;\n  border: none;\n  border-radius: 999px;\n  flex-shrink: 0;\n  width: 38px;\n  height: 22px;\n  padding: 0;\n  transition: background-color .15s;\n  position: relative;\n}\n\n.qMtKNa_switchOn {\n  background: var(--dsw-alias-state-success-primary, #22c55e);\n}\n\n.qMtKNa_switchOff {\n  background: var(--dsw-alias-state-neutral, #d1d5db);\n}\n\n.qMtKNa_switchOn:disabled, .qMtKNa_switchOff:disabled {\n  opacity: .6;\n  cursor: default;\n}\n\n.qMtKNa_switchThumb {\n  pointer-events: none;\n  background: #fff;\n  border-radius: 50%;\n  width: 16px;\n  height: 16px;\n  transition: left .15s;\n  position: absolute;\n  top: 3px;\n  left: 3px;\n  box-shadow: 0 1px 2px #0003;\n}\n\n.qMtKNa_switchOn .qMtKNa_switchThumb {\n  left: 19px;\n}\n\n.qMtKNa_desc {\n  color: var(--dsw-alias-label-tertiary, #8b93a1);\n  -webkit-line-clamp: 2;\n  -webkit-box-orient: vertical;\n  min-height: 36px;\n  margin: 0;\n  font-size: 12px;\n  line-height: 18px;\n  display: -webkit-box;\n  overflow: hidden;\n}\n\n.qMtKNa_meta {\n  flex-wrap: wrap;\n  align-items: center;\n  gap: 6px;\n  display: flex;\n}\n\n.qMtKNa_src {\n  color: var(--dsw-alias-label-secondary, #9ca3af);\n  font-size: 12px;\n  text-decoration: none;\n}\n\n.qMtKNa_tag {\n  border: 1px solid var(--dsw-alias-border-l3, #d9dde3);\n  color: var(--dsw-alias-label-secondary, #6b7280);\n  border-radius: 4px;\n  flex-shrink: 0;\n  padding: 1px 6px;\n  font-size: 12px;\n  line-height: 18px;\n}\n\n.qMtKNa_okState {\n  color: var(--dsw-alias-state-success-primary, #16a34a);\n  white-space: nowrap;\n  font-size: 12px;\n  font-weight: 600;\n}\n\n.qMtKNa_warnLine {\n  color: var(--dsw-alias-state-warn-primary, #b45309);\n  cursor: help;\n  margin: 0;\n  font-size: 12px;\n  font-weight: 600;\n  line-height: 18px;\n}\n\n.qMtKNa_modalFooter {\n  justify-content: flex-end;\n  gap: 8px;\n  width: 100%;\n  display: flex;\n}\n\n.qMtKNa_modalFooterLeft {\n  gap: 8px;\n  margin-right: auto;\n  display: flex;\n}\n\n.qMtKNa_editorDialog {\n  width: min(500px, 92vw);\n}\n\n.qMtKNa_editorForm {\n  flex-direction: column;\n  gap: 14px;\n  min-width: 0;\n  display: flex;\n}\n\n.qMtKNa_modeRow {\n  border: 1px solid var(--dsw-alias-border-l2, #e5e7eb);\n  background: var(--dsw-alias-bg-layer-2, #f3f4f6);\n  border-radius: 10px;\n  align-self: flex-start;\n  gap: 6px;\n  padding: 3px;\n  display: flex;\n}\n\n.qMtKNa_seg, .qMtKNa_segOn {\n  font: inherit;\n  color: var(--dsw-alias-label-secondary, #6b7280);\n  cursor: pointer;\n  background: none;\n  border: none;\n  border-radius: 8px;\n  padding: 5px 14px;\n  font-size: 13px;\n  line-height: 20px;\n}\n\n.qMtKNa_segOn {\n  background: var(--dsw-alias-bg-layer-1, #fff);\n  color: var(--dsw-alias-label-primary, #1f2328);\n  font-weight: 600;\n  box-shadow: 0 1px 2px #00000014;\n}\n\n.qMtKNa_fieldGroup {\n  flex-direction: column;\n  gap: 5px;\n  display: flex;\n}\n\n.qMtKNa_fieldLabel {\n  color: var(--dsw-alias-label-secondary, #6b7280);\n  font-size: 12px;\n  font-weight: 600;\n}\n\n.qMtKNa_fieldHint {\n  color: var(--dsw-alias-label-tertiary, #8b93a1);\n  font-size: 12px;\n  line-height: 16px;\n}\n\n.qMtKNa_staticId {\n  border: 1px dashed var(--dsw-alias-border-l3, #d9dde3);\n  background: var(--dsw-alias-bg-layer-2, #f3f4f6);\n  border-radius: 8px;\n  align-items: center;\n  gap: 8px;\n  padding: 7px 10px;\n  display: flex;\n}\n\n.qMtKNa_staticIdValue {\n  color: var(--dsw-alias-label-primary, #1f2328);\n  font-size: 13px;\n  font-weight: 600;\n}\n\n.qMtKNa_detailDialog {\n  width: min(800px, 94vw);\n}\n\n.qMtKNa_detailBody {\n  flex-direction: column;\n  gap: 14px;\n  max-height: 78vh;\n  display: flex;\n  overflow-y: auto;\n}\n\n.qMtKNa_detailSections {\n  flex-direction: column;\n  gap: 14px;\n  display: flex;\n}\n\n.qMtKNa_detailSection {\n  flex-direction: column;\n  gap: 6px;\n  display: flex;\n}\n\n.qMtKNa_detailHead {\n  color: var(--dsw-alias-label-secondary, #6b7280);\n  border-bottom: 1px solid var(--dsw-alias-border-l2, #e5e7eb);\n  margin: 0;\n  padding-bottom: 4px;\n  font-size: 13px;\n  font-weight: 600;\n}\n\n.qMtKNa_detailGrid {\n  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));\n  gap: 6px 14px;\n  display: grid;\n}\n\n.qMtKNa_detailCell {\n  flex-direction: column;\n  gap: 2px;\n  min-width: 0;\n  display: flex;\n}\n\n.qMtKNa_detailKey {\n  color: var(--dsw-alias-label-tertiary, #8b93a1);\n  font-size: 12px;\n}\n\n.qMtKNa_detailValue {\n  color: var(--dsw-alias-label-primary, #1f2328);\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  font-size: 13px;\n  overflow: hidden;\n}\n\n.qMtKNa_detailDesc {\n  color: var(--dsw-alias-label-secondary, #6b7280);\n  margin: 4px 0 0;\n  font-size: 13px;\n  line-height: 20px;\n}\n\n.qMtKNa_mono {\n  word-break: break-all;\n  white-space: pre-wrap;\n  color: var(--dsw-alias-label-primary, #1f2328);\n  margin: 0;\n  font-family: ui-monospace, Menlo, Consolas, monospace;\n  font-size: 12px;\n  line-height: 18px;\n}\n\n.qMtKNa_detailItem {\n  border: 1px solid var(--dsw-alias-border-l2, #e5e7eb);\n  border-radius: 8px;\n  flex-direction: column;\n  display: flex;\n  overflow: hidden;\n}\n\n.qMtKNa_detailItemRow, .qMtKNa_detailItemOpen {\n  width: 100%;\n  font: inherit;\n  text-align: left;\n  cursor: pointer;\n  color: var(--dsw-alias-label-primary, #1f2328);\n  background: none;\n  border: none;\n  align-items: center;\n  gap: 8px;\n  padding: 7px 10px;\n  display: flex;\n}\n\n.qMtKNa_detailItemRow:hover {\n  background: var(--dsw-alias-bg-hover, #0000000d);\n}\n\n.qMtKNa_detailItemOpen {\n  background: var(--dsw-alias-bg-selected, #4f6ef714);\n}\n\n.qMtKNa_detailItemName {\n  flex-shrink: 0;\n  font-size: 13px;\n  font-weight: 600;\n}\n\n.qMtKNa_detailItemDesc {\n  min-width: 0;\n  color: var(--dsw-alias-label-tertiary, #8b93a1);\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  flex: 1;\n  font-size: 12px;\n  overflow: hidden;\n}\n\n.qMtKNa_detailChevron {\n  color: var(--dsw-alias-label-tertiary, #8b93a1);\n  flex-shrink: 0;\n}\n\n.qMtKNa_skillContent {\n  border-top: 1px solid var(--dsw-alias-border-l2, #e5e7eb);\n  max-height: 320px;\n  color: var(--dsw-alias-label-primary, #1f2328);\n  padding: 10px 12px;\n  font-size: 13px;\n  line-height: 20px;\n  overflow-y: auto;\n}\n\n.qMtKNa_progress, .qMtKNa_progressError {\n  border: 1px solid var(--dsw-alias-border-l2, #e5e7eb);\n  background: var(--dsw-alias-bg-layer-2, #7f7f7f0f);\n  color: var(--dsw-alias-label-primary, #1f2328);\n  border-radius: 8px;\n  align-items: center;\n  gap: 10px;\n  padding: 10px 12px;\n  font-size: 13px;\n  line-height: 20px;\n  display: flex;\n}\n\n.qMtKNa_progressError {\n  border-color: var(--dsw-alias-danger, #e5484d);\n  color: var(--dsw-alias-danger, #e5484d);\n}\n\n.qMtKNa_progressSpin {\n  border: 2px solid var(--dsw-alias-border-l2, #e5e7eb);\n  border-top-color: var(--dsw-alias-brand-primary, #4f6ef7);\n  border-radius: 50%;\n  flex-shrink: 0;\n  width: 14px;\n  height: 14px;\n  animation: .8s linear infinite qMtKNa_dshApmSpin;\n}\n\n@keyframes qMtKNa_dshApmSpin {\n  to {\n    transform: rotate(360deg);\n  }\n}\n\n.qMtKNa_progressFail {\n  flex-shrink: 0;\n  font-size: 13px;\n}\n\n.qMtKNa_progressText {\n  overflow-wrap: anywhere;\n  min-width: 0;\n}\n";document.head.appendChild(s);}})();
+(function(){if(typeof document!=="undefined"){var s=document.createElement("style");s.setAttribute("data-dsh-client","dsh-agent-plugins-market");s.textContent="._72qoAq_market {\n  min-width: 0;\n  height: 100%;\n  min-height: 0;\n  color: var(--dsw-alias-label-primary, #1f2328);\n  flex-direction: column;\n  gap: 24px;\n  display: flex;\n}\n\n._72qoAq_pageMode {\n  width: 100%;\n  min-width: 0;\n}\n\n._72qoAq_marketControls {\n  flex-direction: column;\n  gap: 8px;\n  min-height: 0;\n  display: flex;\n}\n\n._72qoAq_mcpSurface {\n  flex: 1;\n  min-height: 0;\n  display: flex;\n}\n\n._72qoAq_surfaceSwitch {\n  border: 1px solid var(--dsw-alias-border-l2, #d4dce8);\n  background: var(--dsw-alias-bg-layer-1, #fff);\n  height: 26px;\n  color: var(--dsw-alias-brand-primary, #4966f5);\n  cursor: pointer;\n  border-radius: 7px;\n  flex: none;\n  align-self: center;\n  padding: 0 10px;\n  font-size: 11px;\n}\n\n._72qoAq_surfaceSwitch:hover {\n  background: var(--dsw-alias-bg-selected, #edf1ff);\n}\n\nhtml[data-dsh-agent-plugins-market-page] [data-pane=\"conversation\"], html[data-dsh-agent-plugins-market-page] [class*=\"centerCol\"] {\n  position: relative;\n}\n\n._72qoAq_pageView {\n  z-index: 60;\n  background: var(--dsw-alias-bg-base, #f7f8fa);\n  min-width: 0;\n  min-height: 0;\n  padding: 20px 24px;\n  display: none;\n  position: absolute;\n  inset: 0;\n  overflow: hidden;\n}\n\nhtml[data-dsh-agent-plugins-market-page] ._72qoAq_pageView {\n  display: flex;\n}\n\nhtml[data-dsh-agent-plugins-market-page] [data-pane=\"conversation\"] > :not([data-dsh-agent-plugins-market-page-view]), html[data-dsh-agent-plugins-market-page] [class*=\"centerCol\"] > :not([data-dsh-agent-plugins-market-page-view]) {\n  display: none !important;\n}\n\n._72qoAq_pageEntry {\n  width: 100%;\n  min-height: 32px;\n  color: var(--dsw-alias-label-primary, #1f2328);\n  cursor: pointer;\n  font: inherit;\n  text-align: left;\n  background: none;\n  border: none;\n  border-radius: 8px;\n  align-items: center;\n  gap: 8px;\n  padding: 6px 12px;\n  font-size: 13px;\n  line-height: 20px;\n  display: flex;\n}\n\n._72qoAq_pageEntry:hover {\n  background: var(--dsw-alias-bg-hover, #0000000d);\n}\n\n._72qoAq_pageEntry:active {\n  background: var(--dsw-alias-bg-active, #00000014);\n}\n\n._72qoAq_pageEntry svg {\n  color: var(--dsw-alias-label-secondary, #6b7280);\n  flex-shrink: 0;\n}\n\n._72qoAq_pageEntry span {\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  min-width: 0;\n  overflow: hidden;\n}\n\n[data-dsh-frame][data-sidebar-collapsed] ._72qoAq_pageEntry {\n  justify-content: center;\n  padding-inline: 0;\n}\n\n[data-dsh-frame][data-sidebar-collapsed] ._72qoAq_pageEntry span {\n  display: none;\n}\n\n._72qoAq_pageEntry:focus-visible, ._72qoAq_srcTabMain:focus-visible, ._72qoAq_srcTabEdit:focus-visible, ._72qoAq_srcTabDel:focus-visible, ._72qoAq_seg:focus-visible, ._72qoAq_segOn:focus-visible, ._72qoAq_detailItemRow:focus-visible, ._72qoAq_detailItemOpen:focus-visible {\n  outline: 2px solid var(--dsw-alias-brand-primary, #4f6ef7);\n  outline-offset: 2px;\n}\n\n._72qoAq_header {\n  flex-direction: column;\n  flex-shrink: 0;\n  gap: 8px;\n  display: flex;\n}\n\n._72qoAq_titleRow {\n  align-items: center;\n  gap: 8px;\n  display: flex;\n}\n\n._72qoAq_title {\n  margin: 0;\n  font-size: 16px;\n  font-weight: 600;\n  line-height: 24px;\n}\n\n._72qoAq_sub {\n  color: var(--dsw-alias-label-tertiary, #8b93a1);\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  flex: 1;\n  align-items: center;\n  gap: 8px;\n  min-width: 0;\n  margin: 0;\n  font-size: 13px;\n  line-height: 20px;\n  display: flex;\n  overflow: hidden;\n}\n\n._72qoAq_spacer {\n  flex: 1;\n}\n\n._72qoAq_searchGroup {\n  align-items: center;\n  gap: 2px;\n  display: flex;\n}\n\n._72qoAq_body {\n  flex: 1;\n  align-items: flex-start;\n  gap: 20px;\n  min-height: 0;\n  display: flex;\n}\n\n._72qoAq_sourceTabsRow {\n  padding: 0;\n  display: block;\n}\n\n._72qoAq_sourceTabsScroll {\n  grid-template-columns: repeat(auto-fill, minmax(118px, 1fr));\n  gap: 4px;\n  display: grid;\n}\n\n._72qoAq_srcTabEdit {\n  font: inherit;\n  color: var(--dsw-alias-label-tertiary, #9ca3af);\n  cursor: pointer;\n  background: none;\n  border: none;\n  flex-shrink: 0;\n  padding: 2px;\n  font-size: 12px;\n  line-height: 18px;\n}\n\n._72qoAq_srcTabEdit:hover {\n  color: var(--dsw-alias-label-primary, #1f2328);\n}\n\n._72qoAq_srcTabOn ._72qoAq_srcTabEdit, ._72qoAq_srcTabOn ._72qoAq_srcTabEdit:hover {\n  color: var(--dsw-alias-label-primary-foreground, #fff);\n}\n\n._72qoAq_srcTab, ._72qoAq_srcTabOn {\n  border: 1px solid var(--dsw-alias-border-l3, #d9dde3);\n  background: var(--dsw-alias-bg-layer-1, #fff);\n  border-radius: 999px;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n  height: 24px;\n  display: inline-flex;\n  overflow: hidden;\n}\n\n._72qoAq_srcTabMain {\n  font: inherit;\n  color: var(--dsw-alias-label-primary, #1f2328);\n  cursor: pointer;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  background: none;\n  border: none;\n  flex: 1;\n  min-width: 0;\n  padding: 2px 2px 2px 10px;\n  font-size: 12px;\n  line-height: 18px;\n  overflow: hidden;\n}\n\n._72qoAq_srcTabMain:hover {\n  color: var(--dsw-alias-brand-primary, #4f6ef7);\n}\n\n._72qoAq_srcTabOn {\n  background: var(--dsw-alias-brand-primary-new-colorprimary-new-color, #4176e6);\n  border-color: var(--dsw-alias-brand-primary-new-colorprimary-new-color, #4176e6);\n}\n\n._72qoAq_srcTabOn ._72qoAq_srcTabMain {\n  color: var(--dsw-alias-label-primary-foreground, #fff);\n  font-weight: 600;\n}\n\n._72qoAq_srcTabDel {\n  font: inherit;\n  color: var(--dsw-alias-label-tertiary, #9ca3af);\n  cursor: pointer;\n  background: none;\n  border: none;\n  flex-shrink: 0;\n  padding: 2px 8px 2px 2px;\n  font-size: 12px;\n  line-height: 18px;\n}\n\n._72qoAq_srcTabDel:hover {\n  color: var(--dsw-alias-state-error-primary, #dc2626);\n}\n\n._72qoAq_srcTabOn ._72qoAq_srcTabDel, ._72qoAq_srcTabOn ._72qoAq_srcTabDel:hover {\n  color: var(--dsw-alias-label-primary-foreground, #fff);\n}\n\n._72qoAq_grid {\n  scrollbar-gutter: stable;\n  flex: 1;\n  grid-template-columns: repeat(2, minmax(0, 1fr));\n  align-content: start;\n  gap: 12px;\n  min-width: 0;\n  min-height: 0;\n  padding-right: 4px;\n  display: grid;\n  overflow-y: auto;\n}\n\n._72qoAq_list {\n  scrollbar-gutter: stable;\n  flex-direction: column;\n  flex: 1;\n  gap: 8px;\n  min-width: 0;\n  min-height: 0;\n  padding-right: 4px;\n  display: flex;\n  overflow-y: auto;\n}\n\n._72qoAq_list ._72qoAq_card {\n  flex-flow: wrap;\n  align-items: center;\n  gap: 8px 14px;\n}\n\n._72qoAq_list ._72qoAq_cardTop {\n  flex: none;\n}\n\n._72qoAq_list ._72qoAq_cardDesc {\n  -webkit-line-clamp: 1;\n  flex: 1;\n  min-width: 200px;\n  min-height: 0;\n}\n\n._72qoAq_list ._72qoAq_cardActions {\n  flex: none;\n}\n\n._72qoAq_list ._72qoAq_meta {\n  flex-basis: 100%;\n}\n\n._72qoAq_empty {\n  color: var(--dsw-alias-label-tertiary, #8b93a1);\n  text-align: center;\n  grid-column: 1 / -1;\n  padding: 48px 0;\n  font-size: 13px;\n}\n\n._72qoAq_card {\n  background: var(--dsw-alias-bg-layer-1, #fff);\n  border: 1px solid var(--dsw-alias-border-l2, #e5e7eb);\n  border-radius: 12px;\n  flex-direction: column;\n  gap: 8px;\n  min-width: 0;\n  padding: 12px 14px;\n  display: flex;\n}\n\n._72qoAq_cardTop {\n  align-items: center;\n  gap: 8px;\n  display: flex;\n}\n\n._72qoAq_cardTitle {\n  flex: 1;\n  align-items: center;\n  gap: 8px;\n  min-width: 0;\n  display: flex;\n}\n\n._72qoAq_cardName {\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  font-size: 13px;\n  font-weight: 600;\n  line-height: 22px;\n  overflow: hidden;\n}\n\n._72qoAq_version {\n  color: var(--dsw-alias-label-tertiary, #8b93a1);\n  font-variant-numeric: tabular-nums;\n  flex-shrink: 0;\n  font-size: 12px;\n  line-height: 20px;\n}\n\n._72qoAq_cardActions {\n  flex-shrink: 0;\n  align-items: center;\n  gap: 4px;\n  display: flex;\n}\n\n._72qoAq_switchOn, ._72qoAq_switchOff {\n  cursor: pointer;\n  border: none;\n  border-radius: 999px;\n  flex-shrink: 0;\n  width: 38px;\n  height: 22px;\n  padding: 0;\n  transition: background-color .15s;\n  position: relative;\n}\n\n._72qoAq_switchOn {\n  background: var(--dsw-alias-state-success-primary, #22c55e);\n}\n\n._72qoAq_switchOff {\n  background: var(--dsw-alias-state-neutral, #d1d5db);\n}\n\n._72qoAq_switchOn:disabled, ._72qoAq_switchOff:disabled {\n  opacity: .6;\n  cursor: default;\n}\n\n._72qoAq_switchThumb {\n  pointer-events: none;\n  background: #fff;\n  border-radius: 50%;\n  width: 16px;\n  height: 16px;\n  transition: left .15s;\n  position: absolute;\n  top: 3px;\n  left: 3px;\n  box-shadow: 0 1px 2px #0003;\n}\n\n._72qoAq_switchOn ._72qoAq_switchThumb {\n  left: 19px;\n}\n\n._72qoAq_desc {\n  color: var(--dsw-alias-label-tertiary, #8b93a1);\n  -webkit-line-clamp: 2;\n  -webkit-box-orient: vertical;\n  min-height: 36px;\n  margin: 0;\n  font-size: 12px;\n  line-height: 18px;\n  display: -webkit-box;\n  overflow: hidden;\n}\n\n._72qoAq_meta {\n  flex-wrap: wrap;\n  align-items: center;\n  gap: 6px;\n  display: flex;\n}\n\n._72qoAq_src {\n  color: var(--dsw-alias-label-secondary, #9ca3af);\n  font-size: 12px;\n  text-decoration: none;\n}\n\n._72qoAq_tag {\n  border: 1px solid var(--dsw-alias-border-l3, #d9dde3);\n  color: var(--dsw-alias-label-secondary, #6b7280);\n  border-radius: 4px;\n  flex-shrink: 0;\n  padding: 1px 6px;\n  font-size: 12px;\n  line-height: 18px;\n}\n\n._72qoAq_okState {\n  color: var(--dsw-alias-state-success-primary, #16a34a);\n  white-space: nowrap;\n  font-size: 12px;\n  font-weight: 600;\n}\n\n._72qoAq_warnLine {\n  color: var(--dsw-alias-state-warn-primary, #b45309);\n  cursor: help;\n  margin: 0;\n  font-size: 12px;\n  font-weight: 600;\n  line-height: 18px;\n}\n\n._72qoAq_modalFooter {\n  justify-content: flex-end;\n  gap: 8px;\n  width: 100%;\n  display: flex;\n}\n\n._72qoAq_modalFooterLeft {\n  gap: 8px;\n  margin-right: auto;\n  display: flex;\n}\n\n._72qoAq_editorDialog {\n  width: min(500px, 92vw);\n}\n\n._72qoAq_editorForm {\n  flex-direction: column;\n  gap: 14px;\n  min-width: 0;\n  display: flex;\n}\n\n._72qoAq_modeRow {\n  border: 1px solid var(--dsw-alias-border-l2, #e5e7eb);\n  background: var(--dsw-alias-bg-layer-2, #f3f4f6);\n  border-radius: 10px;\n  align-self: flex-start;\n  gap: 6px;\n  padding: 3px;\n  display: flex;\n}\n\n._72qoAq_seg, ._72qoAq_segOn {\n  font: inherit;\n  color: var(--dsw-alias-label-secondary, #6b7280);\n  cursor: pointer;\n  background: none;\n  border: none;\n  border-radius: 8px;\n  padding: 5px 14px;\n  font-size: 13px;\n  line-height: 20px;\n}\n\n._72qoAq_segOn {\n  background: var(--dsw-alias-bg-layer-1, #fff);\n  color: var(--dsw-alias-label-primary, #1f2328);\n  font-weight: 600;\n  box-shadow: 0 1px 2px #00000014;\n}\n\n._72qoAq_fieldGroup {\n  flex-direction: column;\n  gap: 5px;\n  display: flex;\n}\n\n._72qoAq_fieldLabel {\n  color: var(--dsw-alias-label-secondary, #6b7280);\n  font-size: 12px;\n  font-weight: 600;\n}\n\n._72qoAq_fieldHint {\n  color: var(--dsw-alias-label-tertiary, #8b93a1);\n  font-size: 12px;\n  line-height: 16px;\n}\n\n._72qoAq_staticId {\n  border: 1px dashed var(--dsw-alias-border-l3, #d9dde3);\n  background: var(--dsw-alias-bg-layer-2, #f3f4f6);\n  border-radius: 8px;\n  align-items: center;\n  gap: 8px;\n  padding: 7px 10px;\n  display: flex;\n}\n\n._72qoAq_staticIdValue {\n  color: var(--dsw-alias-label-primary, #1f2328);\n  font-size: 13px;\n  font-weight: 600;\n}\n\n._72qoAq_detailDialog {\n  width: min(800px, 94vw);\n}\n\n._72qoAq_detailBody {\n  flex-direction: column;\n  gap: 14px;\n  max-height: 78vh;\n  display: flex;\n  overflow-y: auto;\n}\n\n._72qoAq_detailSections {\n  flex-direction: column;\n  gap: 14px;\n  display: flex;\n}\n\n._72qoAq_detailSection {\n  flex-direction: column;\n  gap: 6px;\n  display: flex;\n}\n\n._72qoAq_detailHead {\n  color: var(--dsw-alias-label-secondary, #6b7280);\n  border-bottom: 1px solid var(--dsw-alias-border-l2, #e5e7eb);\n  margin: 0;\n  padding-bottom: 4px;\n  font-size: 13px;\n  font-weight: 600;\n}\n\n._72qoAq_detailGrid {\n  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));\n  gap: 6px 14px;\n  display: grid;\n}\n\n._72qoAq_detailCell {\n  flex-direction: column;\n  gap: 2px;\n  min-width: 0;\n  display: flex;\n}\n\n._72qoAq_detailKey {\n  color: var(--dsw-alias-label-tertiary, #8b93a1);\n  font-size: 12px;\n}\n\n._72qoAq_detailValue {\n  color: var(--dsw-alias-label-primary, #1f2328);\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  font-size: 13px;\n  overflow: hidden;\n}\n\n._72qoAq_detailDesc {\n  color: var(--dsw-alias-label-secondary, #6b7280);\n  margin: 4px 0 0;\n  font-size: 13px;\n  line-height: 20px;\n}\n\n._72qoAq_mono {\n  word-break: break-all;\n  white-space: pre-wrap;\n  color: var(--dsw-alias-label-primary, #1f2328);\n  margin: 0;\n  font-family: ui-monospace, Menlo, Consolas, monospace;\n  font-size: 12px;\n  line-height: 18px;\n}\n\n._72qoAq_detailItem {\n  border: 1px solid var(--dsw-alias-border-l2, #e5e7eb);\n  border-radius: 8px;\n  flex-direction: column;\n  display: flex;\n  overflow: hidden;\n}\n\n._72qoAq_detailItemRow, ._72qoAq_detailItemOpen {\n  width: 100%;\n  font: inherit;\n  text-align: left;\n  cursor: pointer;\n  color: var(--dsw-alias-label-primary, #1f2328);\n  background: none;\n  border: none;\n  align-items: center;\n  gap: 8px;\n  padding: 7px 10px;\n  display: flex;\n}\n\n._72qoAq_detailItemRow:hover {\n  background: var(--dsw-alias-bg-hover, #0000000d);\n}\n\n._72qoAq_detailItemOpen {\n  background: var(--dsw-alias-bg-selected, #4f6ef714);\n}\n\n._72qoAq_detailItemName {\n  flex-shrink: 0;\n  font-size: 13px;\n  font-weight: 600;\n}\n\n._72qoAq_detailItemDesc {\n  min-width: 0;\n  color: var(--dsw-alias-label-tertiary, #8b93a1);\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  flex: 1;\n  font-size: 12px;\n  overflow: hidden;\n}\n\n._72qoAq_detailChevron {\n  color: var(--dsw-alias-label-tertiary, #8b93a1);\n  flex-shrink: 0;\n}\n\n._72qoAq_skillContent {\n  border-top: 1px solid var(--dsw-alias-border-l2, #e5e7eb);\n  max-height: 320px;\n  color: var(--dsw-alias-label-primary, #1f2328);\n  padding: 10px 12px;\n  font-size: 13px;\n  line-height: 20px;\n  overflow-y: auto;\n}\n\n._72qoAq_progress, ._72qoAq_progressError {\n  border: 1px solid var(--dsw-alias-border-l2, #e5e7eb);\n  background: var(--dsw-alias-bg-layer-2, #7f7f7f0f);\n  color: var(--dsw-alias-label-primary, #1f2328);\n  border-radius: 8px;\n  align-items: center;\n  gap: 10px;\n  padding: 10px 12px;\n  font-size: 13px;\n  line-height: 20px;\n  display: flex;\n}\n\n._72qoAq_progressError {\n  border-color: var(--dsw-alias-danger, #e5484d);\n  color: var(--dsw-alias-danger, #e5484d);\n}\n\n._72qoAq_progressSpin {\n  border: 2px solid var(--dsw-alias-border-l2, #e5e7eb);\n  border-top-color: var(--dsw-alias-brand-primary, #4f6ef7);\n  border-radius: 50%;\n  flex-shrink: 0;\n  width: 14px;\n  height: 14px;\n  animation: .8s linear infinite _72qoAq_dshApmSpin;\n}\n\n@keyframes _72qoAq_dshApmSpin {\n  to {\n    transform: rotate(360deg);\n  }\n}\n\n._72qoAq_progressFail {\n  flex-shrink: 0;\n  font-size: 13px;\n}\n\n._72qoAq_progressText {\n  overflow-wrap: anywhere;\n  min-width: 0;\n}\n\n@media (width <= 720px) {\n  ._72qoAq_pageView {\n    padding: 14px;\n  }\n\n  ._72qoAq_titleRow {\n    flex-wrap: wrap;\n  }\n\n  ._72qoAq_title {\n    flex: 1 0 auto;\n  }\n\n  ._72qoAq_sub {\n    white-space: normal;\n    flex: 1 0 100%;\n    order: 3;\n  }\n\n  ._72qoAq_searchGroup {\n    flex: 1 0 100%;\n    order: 4;\n  }\n\n  ._72qoAq_sourceTabsScroll {\n    scrollbar-width: thin;\n    padding-bottom: 2px;\n    display: flex;\n    overflow-x: auto;\n  }\n\n  ._72qoAq_srcTab, ._72qoAq_srcTabOn {\n    flex: none;\n    width: auto;\n    min-width: 128px;\n  }\n\n  ._72qoAq_grid {\n    grid-template-columns: minmax(0, 1fr);\n  }\n\n  ._72qoAq_list ._72qoAq_cardTop, ._72qoAq_list ._72qoAq_cardActions {\n    max-width: 100%;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  ._72qoAq_progressSpin, ._72qoAq_switchOn, ._72qoAq_switchOff, ._72qoAq_switchThumb {\n    transition: none;\n    animation: none;\n  }\n}\n.vavGuW_toolbar {\n  grid-template-columns: minmax(0, 1fr) 12px auto auto auto 8px auto;\n  align-items: flex-end;\n  gap: 0;\n  min-width: 0;\n  display: grid;\n}\n\n.vavGuW_filterGap, .vavGuW_viewGap {\n  min-width: 0;\n}\n\n.vavGuW_search {\n  box-sizing: border-box;\n  align-items: center;\n  width: 100%;\n  min-width: 0;\n  height: 36px;\n  display: flex;\n}\n\n.vavGuW_search input {\n  box-sizing: border-box;\n  width: 100%;\n  min-width: 0;\n  height: 36px;\n  min-height: 36px;\n  max-height: 36px;\n  padding-top: 0;\n  padding-bottom: 0;\n  font-size: 12px;\n  line-height: 20px;\n}\n\n.vavGuW_filter, .vavGuW_filterOn {\n  min-width: 54px;\n  height: 36px;\n  color: var(--dsw-alias-label-secondary, #6b7280);\n  cursor: pointer;\n  font: inherit;\n  white-space: nowrap;\n  background: none;\n  border: none;\n  border-bottom: 2px solid #0000;\n  justify-content: center;\n  align-items: center;\n  gap: 5px;\n  padding: 7px 9px;\n  font-size: 13px;\n  display: inline-flex;\n}\n\n.vavGuW_filterOn {\n  color: var(--dsw-alias-brand-primary, #4f6ef7);\n  border-bottom-color: var(--dsw-alias-brand-primary, #4f6ef7);\n  font-weight: 600;\n}\n\n.vavGuW_filter svg, .vavGuW_filterOn svg, .vavGuW_viewSwitch svg {\n  stroke: currentColor;\n  stroke-width: 1.5px;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n}\n\n.vavGuW_filterCount {\n  font-variant-numeric: tabular-nums;\n}\n\n.vavGuW_viewSwitch {\n  width: 34px;\n  height: 36px;\n  color: var(--dsw-alias-label-tertiary, #9ca3af);\n  cursor: pointer;\n  background: none;\n  border: none;\n  border-bottom: 2px solid #0000;\n  justify-content: center;\n  align-items: center;\n  display: inline-flex;\n}\n\n.vavGuW_viewSwitch:hover {\n  color: var(--dsw-alias-label-primary, #1f2328);\n}\n\n.vavGuW_viewSwitch:focus-visible, .vavGuW_filter:focus-visible, .vavGuW_filterOn:focus-visible {\n  outline: 2px solid var(--dsw-alias-brand-primary, #4f6ef7);\n  outline-offset: 2px;\n}\n\n@media (width <= 760px) {\n  .vavGuW_toolbar {\n    grid-template-columns: auto auto auto 8px auto;\n    justify-content: end;\n    overflow-x: auto;\n  }\n\n  .vavGuW_search {\n    grid-column: 1 / -1;\n  }\n\n  .vavGuW_filterGap {\n    display: none;\n  }\n}\n.AUWlZW_surface {\n  height: 100%;\n  min-height: 0;\n  max-height: 100%;\n  color: var(--dsw-alias-label-primary, #1f2328);\n  flex-direction: column;\n  flex: 1;\n  display: flex;\n  overflow: hidden;\n}\n\n.AUWlZW_header {\n  flex: none;\n  align-items: center;\n  gap: 8px;\n  padding: 4px 0 8px;\n  display: flex;\n}\n\n.AUWlZW_title {\n  margin: 0;\n  font-size: 16px;\n  font-weight: 600;\n  line-height: 24px;\n}\n\n.AUWlZW_subtitle {\n  color: var(--dsw-alias-label-tertiary, #8b93a1);\n  margin: 2px 0 0;\n  font-size: 13px;\n  line-height: 20px;\n}\n\n.AUWlZW_headerActions {\n  align-items: center;\n  gap: 8px;\n  margin-left: auto;\n  display: flex;\n}\n\n.AUWlZW_summary {\n  color: var(--dsw-alias-label-secondary, #667085);\n  white-space: nowrap;\n  align-items: center;\n  gap: 7px;\n  font-size: 12px;\n  display: inline-flex;\n}\n\n.AUWlZW_errorSummary {\n  color: var(--dsw-alias-state-error-primary, #dc2626);\n  font-variant-numeric: tabular-nums;\n  align-items: center;\n  gap: 6px;\n  font-size: 12px;\n  display: inline-flex;\n}\n\n.AUWlZW_summaryDotGreen, .AUWlZW_summaryDotRed {\n  border-radius: 50%;\n  width: 7px;\n  height: 7px;\n}\n\n.AUWlZW_summaryDotGreen {\n  background: var(--dsw-alias-state-success-primary, #16a34a);\n}\n\n.AUWlZW_summaryDotRed {\n  background: var(--dsw-alias-state-error-primary, #dc2626);\n}\n\n.AUWlZW_toolbar {\n  flex: none;\n  margin-bottom: 24px;\n}\n\n.AUWlZW_grid {\n  scrollbar-gutter: stable;\n  flex: 1;\n  grid-template-columns: repeat(2, minmax(0, 1fr));\n  align-content: start;\n  gap: 12px;\n  min-width: 0;\n  min-height: 0;\n  padding-right: 4px;\n  display: grid;\n  overflow-y: auto;\n}\n\n.AUWlZW_list {\n  scrollbar-gutter: stable;\n  flex-direction: column;\n  flex: 1;\n  gap: 8px;\n  min-width: 0;\n  min-height: 0;\n  padding-right: 4px;\n  display: flex;\n  overflow-y: auto;\n}\n\n.AUWlZW_list .AUWlZW_card {\n  flex-flow: wrap;\n  align-items: center;\n  gap: 8px 14px;\n}\n\n.AUWlZW_list .AUWlZW_cardTop {\n  flex: 0 260px;\n}\n\n.AUWlZW_list .AUWlZW_endpoint {\n  -webkit-line-clamp: 1;\n  flex: 200px;\n  min-height: 0;\n}\n\n.AUWlZW_list .AUWlZW_meta {\n  flex: 0 auto;\n}\n\n.AUWlZW_list .AUWlZW_cardReason {\n  flex-basis: 100%;\n}\n\n.AUWlZW_card {\n  min-width: 0;\n  min-height: 0;\n  color: inherit;\n  background: var(--dsw-alias-bg-layer-1, #fff);\n  border: 1px solid var(--dsw-alias-border-l2, #e5e7eb);\n  cursor: pointer;\n  font: inherit;\n  text-align: left;\n  border-radius: 12px;\n  flex-direction: column;\n  gap: 8px;\n  padding: 12px 14px;\n  display: flex;\n}\n\n.AUWlZW_card:hover {\n  border-color: var(--dsw-alias-border-l3, #d9dde3);\n  background: var(--dsw-alias-bg-hover, #00000009);\n}\n\n.AUWlZW_card:focus-visible {\n  outline: 2px solid var(--dsw-alias-brand-primary, #4f6ef7);\n  outline-offset: 2px;\n}\n\n.AUWlZW_cardTop {\n  align-items: center;\n  gap: 8px;\n  min-width: 0;\n  display: flex;\n}\n\n.AUWlZW_statusDot {\n  background: var(--dsw-alias-state-success-primary, #16a34a);\n  border-radius: 50%;\n  flex: none;\n  width: 7px;\n  height: 7px;\n}\n\n.AUWlZW_statusconnected {\n  background: var(--dsw-alias-state-success-primary, #16a34a);\n}\n\n.AUWlZW_statusdegraded {\n  background: var(--dsw-alias-state-warn-primary, #b45309);\n}\n\n.AUWlZW_statusfailed {\n  background: var(--dsw-alias-state-error-primary, #dc2626);\n}\n\n.AUWlZW_statusdisabled {\n  background: var(--dsw-alias-label-tertiary, #98a2b3);\n}\n\n.AUWlZW_service {\n  flex: 1;\n  min-width: 0;\n}\n\n.AUWlZW_name {\n  color: var(--dsw-alias-label-primary, #1f2328);\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  font: 600 13px / 22px ui-monospace, Menlo, Consolas, monospace;\n  display: block;\n  overflow: hidden;\n}\n\n.AUWlZW_endpoint {\n  min-height: 36px;\n  color: var(--dsw-alias-label-tertiary, #8b93a1);\n  -webkit-line-clamp: 2;\n  overflow-wrap: anywhere;\n  -webkit-box-orient: vertical;\n  margin: 0;\n  font: 12px / 18px ui-monospace, Menlo, Consolas, monospace;\n  display: -webkit-box;\n  overflow: hidden;\n}\n\n.AUWlZW_meta {\n  flex-wrap: wrap;\n  align-items: center;\n  gap: 6px;\n  display: flex;\n}\n\n.AUWlZW_sourcePlugin, .AUWlZW_sourceDirect, .AUWlZW_transport, .AUWlZW_toolCount {\n  min-width: 0;\n  max-width: 100%;\n  color: var(--dsw-alias-label-secondary, #6b7280);\n  border: 1px solid var(--dsw-alias-border-l3, #d9dde3);\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  border-radius: 4px;\n  align-items: center;\n  gap: 5px;\n  padding: 1px 6px;\n  font-size: 12px;\n  line-height: 18px;\n  display: inline-flex;\n}\n\n.AUWlZW_sourcePlugin svg, .AUWlZW_sourceDirect svg {\n  color: currentColor;\n  stroke: currentColor;\n  stroke-width: 1.35px;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n  flex: none;\n  width: 14px;\n  height: 14px;\n}\n\n.AUWlZW_transport {\n  font-family: ui-monospace, Menlo, Consolas, monospace;\n}\n\n.AUWlZW_toolCount {\n  color: var(--dsw-alias-label-primary, #1f2328);\n  flex: none;\n  font-weight: 600;\n}\n\n.AUWlZW_cardReason {\n  color: var(--dsw-alias-state-error-primary, #dc2626);\n  overflow-wrap: anywhere;\n  margin: 0;\n  font-size: 12px;\n  line-height: 18px;\n}\n\n.AUWlZW_state, .AUWlZW_detailState {\n  color: var(--dsw-alias-state-success-primary, #16a34a);\n  white-space: nowrap;\n  align-items: center;\n  gap: 5px;\n  font-size: 11px;\n  display: inline-flex;\n}\n\n.AUWlZW_state:before, .AUWlZW_detailState:before {\n  content: \"\";\n  background: currentColor;\n  border-radius: 50%;\n  width: 6px;\n  height: 6px;\n}\n\n.AUWlZW_stateconnected, .AUWlZW_detailStateconnected {\n  color: var(--dsw-alias-state-success-primary, #16a34a);\n}\n\n.AUWlZW_statedegraded, .AUWlZW_detailStatedegraded {\n  color: var(--dsw-alias-state-warn-primary, #b45309);\n}\n\n.AUWlZW_statefailed, .AUWlZW_detailStatefailed {\n  color: var(--dsw-alias-state-error-primary, #dc2626);\n}\n\n.AUWlZW_statedisabled, .AUWlZW_detailStatedisabled {\n  color: var(--dsw-alias-label-tertiary, #98a2b3);\n}\n\n.AUWlZW_chevron {\n  color: var(--dsw-alias-label-tertiary, #8b93a1);\n  font-size: 18px;\n}\n\n.AUWlZW_empty, .AUWlZW_detailEmpty {\n  color: var(--dsw-alias-label-tertiary, #8b93a1);\n  text-align: center;\n  padding: 24px;\n  font-size: 12px;\n}\n\n.AUWlZW_error {\n  color: var(--dsw-alias-state-error-primary, #dc2626);\n  align-items: center;\n  gap: 8px;\n  margin: 16px 0;\n  font-size: 12px;\n  display: flex;\n}\n\n.AUWlZW_boundary {\n  color: var(--dsw-alias-label-tertiary, #8b93a1);\n  background: var(--dsw-alias-bg-layer-2, #f7f8fa);\n  border-left: 2px solid var(--dsw-alias-border-l3, #d9dde3);\n  margin: 10px 0 0;\n  padding: 9px 10px;\n  font-size: 11px;\n  line-height: 17px;\n}\n\n.AUWlZW_detailDialog {\n  width: min(720px, 94vw);\n}\n\n.AUWlZW_detailBody {\n  max-height: 72vh;\n  overflow-y: auto;\n}\n\n.AUWlZW_modalFooter {\n  justify-content: flex-end;\n  width: 100%;\n  display: flex;\n}\n\n.AUWlZW_detail {\n  flex-direction: column;\n  gap: 16px;\n  display: flex;\n}\n\n.AUWlZW_detailMeta {\n  flex-wrap: wrap;\n  gap: 6px;\n  display: flex;\n}\n\n.AUWlZW_reason {\n  color: var(--dsw-alias-state-error-primary, #dc2626);\n  background: var(--dsw-alias-bg-error, #dc26260f);\n  border-left: 2px solid;\n  padding: 9px 10px;\n  font-size: 11px;\n  line-height: 16px;\n}\n\n.AUWlZW_detailSection {\n  flex-direction: column;\n  gap: 7px;\n  display: flex;\n}\n\n.AUWlZW_detailHead {\n  color: var(--dsw-alias-label-secondary, #667085);\n  border-bottom: 1px solid var(--dsw-alias-border-l2, #e5e7eb);\n  margin: 0;\n  padding-bottom: 5px;\n  font-size: 12px;\n  font-weight: 600;\n}\n\n.AUWlZW_config {\n  max-height: 220px;\n  color: var(--dsw-alias-label-primary, #344054);\n  background: var(--dsw-alias-bg-layer-2, #f6f8fc);\n  border: 1px solid var(--dsw-alias-border-l1, #e2e7ef);\n  white-space: pre-wrap;\n  word-break: break-word;\n  border-radius: 7px;\n  margin: 0;\n  padding: 10px;\n  font: 11px / 17px ui-monospace, Menlo, Consolas, monospace;\n  overflow: auto;\n}\n\n.AUWlZW_toolList {\n  flex-direction: column;\n  display: flex;\n}\n\n.AUWlZW_tool {\n  border-bottom: 1px solid var(--dsw-alias-border-l1, #eef1f5);\n  grid-template-columns: 26px minmax(120px, auto) minmax(0, 1fr);\n  align-items: center;\n  gap: 8px;\n  padding: 7px 0;\n  display: grid;\n}\n\n.AUWlZW_tool:last-child {\n  border-bottom: none;\n}\n\n.AUWlZW_toolIndex {\n  color: var(--dsw-alias-brand-primary, #4f6ef7);\n  font: 10px / 16px ui-monospace, Menlo, Consolas, monospace;\n}\n\n.AUWlZW_toolName {\n  color: var(--dsw-alias-label-primary, #1f2328);\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  font: 11px / 16px ui-monospace, Menlo, Consolas, monospace;\n  overflow: hidden;\n}\n\n.AUWlZW_toolDescription {\n  color: var(--dsw-alias-label-tertiary, #8b93a1);\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  font-size: 10px;\n  overflow: hidden;\n}\n\n@media (width <= 760px) {\n  .AUWlZW_header, .AUWlZW_toolbar {\n    padding-left: 0;\n    padding-right: 0;\n  }\n\n  .AUWlZW_header {\n    flex-direction: column;\n  }\n\n  .AUWlZW_headerActions {\n    justify-content: space-between;\n    width: 100%;\n    margin-left: 0;\n  }\n\n  .AUWlZW_grid {\n    grid-template-columns: minmax(0, 1fr);\n  }\n\n  .AUWlZW_list .AUWlZW_cardTop, .AUWlZW_list .AUWlZW_meta {\n    max-width: 100%;\n  }\n\n  .AUWlZW_tool {\n    grid-template-columns: 26px minmax(0, 1fr);\n  }\n\n  .AUWlZW_toolDescription {\n    display: none;\n  }\n}\n";document.head.appendChild(s);}})();
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 //#region \0rolldown/runtime.js
 var __create = Object.create;
@@ -29,7 +29,9 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 let react = require("react");
 let _deepseek_ai_dsh_client_ui_primitives = require("@deepseek-ai/dsh-client-ui-primitives");
 _deepseek_ai_dsh_client_ui_primitives = __toESM(_deepseek_ai_dsh_client_ui_primitives, 1);
+let react_dom_client = require("react-dom/client");
 //#region src/client/locales.ts
+/** Chinese is the source-of-truth key set; English is checked against it below. */
 const zh = {
 	nav: "Agent Plugins 市场",
 	subtitle: "发现与安装 Agent Plugins（agent-plugins.org 便携包）",
@@ -92,7 +94,7 @@ const zh = {
 	uninstall: "卸载",
 	uninstallConfirmTitle: "卸载 Agent Plugins",
 	uninstallConfirmDesc: "将从已安装列表移除该 Agent Plugins，其技能与 MCP 工具随即停止注入。仓库源克隆保留。",
-	removeSourceConfirmTitle: "移除仓库源",
+	removeSourceConfirmTitle: "移除仓库源「{sourceId}」",
 	removeSourceConfirmDesc: "将删除该源的本地克隆与全部安装记录。",
 	enable: "启用",
 	disable: "禁用",
@@ -123,6 +125,8 @@ const zh = {
 	sourceNotCloned: "未克隆",
 	sourceCloned: "已克隆",
 	errors: "校验问题",
+	sourceErrorSeparator: "；",
+	viewMode: "视图模式",
 	grid: "网格",
 	list: "列表",
 	openSettings: "在设置中打开",
@@ -130,7 +134,32 @@ const zh = {
 	dataLabel: "Agent Plugins 数据目录",
 	countAll: "共 {n} 个 Agent Plugins",
 	countInstalled: "已装 {n}",
-	countEnabled: "启用 {n}"
+	countEnabled: "启用 {n}",
+	mcpStatusNav: "MCP 服务",
+	mcpStatusTitle: "MCP 服务",
+	mcpStatusSubtitle: "连接状态、来源和工具清单",
+	mcpSearch: "搜索 MCP 名称、来源或地址…",
+	mcpAll: "全部",
+	mcpPlugin: "Plugin",
+	mcpDirect: "直接安装",
+	mcpService: "服务",
+	mcpSource: "来源",
+	mcpTransport: "传输",
+	mcpTools: "工具",
+	mcpConnected: "已连接",
+	mcpDegraded: "降级",
+	mcpFailed: "失败",
+	mcpDisabled: "未启用",
+	mcpObservedEndpoint: "当前工具表观测",
+	mcpServiceDetail: "服务详情",
+	mcpConfig: "连接配置",
+	mcpSelectHint: "选择一个 MCP 服务查看配置与工具",
+	mcpEmpty: "没有匹配的 MCP 服务",
+	mcpNoTools: "当前没有已注册工具",
+	mcpDirectConfigUnavailable: "宿主未提供直接安装 MCP 的配置记录",
+	mcpDirectBoundary: "直接安装 MCP 仅显示当前工具表中可观测的服务；宿主未提供配置与连接状态 API。",
+	mcpBackToMarket: "返回市场",
+	mcpRetry: "重试"
 };
 const en = {
 	nav: "Agent Plugins Market",
@@ -194,7 +223,7 @@ const en = {
 	uninstall: "Uninstall",
 	uninstallConfirmTitle: "Uninstall suite",
 	uninstallConfirmDesc: "Removes the suite from the installed list; its skills and MCP tools stop injecting. The source clone stays.",
-	removeSourceConfirmTitle: "Remove source",
+	removeSourceConfirmTitle: "Remove source “{sourceId}”",
 	removeSourceConfirmDesc: "Deletes the local clone and all install records of this source.",
 	enable: "Enable",
 	disable: "Disable",
@@ -225,6 +254,8 @@ const en = {
 	sourceNotCloned: "not cloned",
 	sourceCloned: "cloned",
 	errors: "validation issues",
+	sourceErrorSeparator: "; ",
+	viewMode: "View mode",
 	grid: "grid",
 	list: "list",
 	openSettings: "Open in settings",
@@ -232,32 +263,92 @@ const en = {
 	dataLabel: "Suite data root",
 	countAll: "{n} suites",
 	countInstalled: "{n} installed",
-	countEnabled: "{n} enabled"
+	countEnabled: "{n} enabled",
+	mcpStatusNav: "MCP services",
+	mcpStatusTitle: "MCP services",
+	mcpStatusSubtitle: "Connection state, sources, and tools",
+	mcpSearch: "Search MCP names, sources, or endpoints…",
+	mcpAll: "All",
+	mcpPlugin: "Plugin",
+	mcpDirect: "Direct",
+	mcpService: "Service",
+	mcpSource: "Source",
+	mcpTransport: "Transport",
+	mcpTools: "tools",
+	mcpConnected: "connected",
+	mcpDegraded: "degraded",
+	mcpFailed: "failed",
+	mcpDisabled: "disabled",
+	mcpObservedEndpoint: "observed from tool registry",
+	mcpServiceDetail: "Service detail",
+	mcpConfig: "Connection config",
+	mcpSelectHint: "Select an MCP service to inspect config and tools",
+	mcpEmpty: "No matching MCP services",
+	mcpNoTools: "No registered tools",
+	mcpDirectConfigUnavailable: "The host does not expose direct-MCP configuration",
+	mcpDirectBoundary: "Direct MCP entries only show services observed in the current tool registry; the host exposes no config or connection-status API.",
+	mcpBackToMarket: "Back to market",
+	mcpRetry: "Retry"
 };
 //#endregion
+//#region src/contracts/market.ts
+/** Browser-safe market wire records and route constants shared by host and client. */
+/** Prefix for all Agent Plugins Market HTTP routes. */
+const MARKET_API_PREFIX = "/api/agent-plugins/";
+/** Fixed Agent Plugins Market HTTP routes. */
+const MARKET_ROUTES = {
+	overview: `${MARKET_API_PREFIX}overview`,
+	mcpStatus: `${MARKET_API_PREFIX}mcp-status`,
+	progress: `${MARKET_API_PREFIX}progress`,
+	config: `${MARKET_API_PREFIX}config`,
+	suite: `${MARKET_API_PREFIX}suite`,
+	skill: `${MARKET_API_PREFIX}skill`,
+	addSource: `${MARKET_API_PREFIX}sources/add`,
+	updateSource: `${MARKET_API_PREFIX}sources/update`,
+	removeSource: `${MARKET_API_PREFIX}sources/remove`,
+	refreshSource: `${MARKET_API_PREFIX}sources/refresh`,
+	install: `${MARKET_API_PREFIX}install`,
+	uninstall: `${MARKET_API_PREFIX}uninstall`,
+	setEnabled: `${MARKET_API_PREFIX}set-enabled`
+};
+/** Build a suite-detail URL without duplicating route or query encoding logic. */
+function suiteRoute(sourceId, suiteId) {
+	return `${MARKET_ROUTES.suite}?sourceId=${encodeURIComponent(sourceId)}&suiteId=${encodeURIComponent(suiteId)}`;
+}
+/** Build a skill-content URL without duplicating route or query encoding logic. */
+function skillRoute(sourceId, suiteId, skill) {
+	return `${MARKET_ROUTES.skill}?sourceId=${encodeURIComponent(sourceId)}&suiteId=${encodeURIComponent(suiteId)}&skill=${encodeURIComponent(skill)}`;
+}
+//#endregion
 //#region src/client/api.ts
+/** Typed fetch helpers over the host's `/api/agent-plugins/*` routes. */
 async function fetchOverview() {
-	const response = await fetch("/api/agent-plugins/overview", { credentials: "same-origin" });
+	const response = await fetch(MARKET_ROUTES.overview, { credentials: "same-origin" });
 	if (!response.ok) throw new Error(`overview failed: ${response.status}`);
 	return response.json();
 }
 async function fetchSourceProgress() {
-	const response = await fetch("/api/agent-plugins/progress", { credentials: "same-origin" });
+	const response = await fetch(MARKET_ROUTES.progress, { credentials: "same-origin" });
 	if (!response.ok) throw new Error(`progress failed: ${response.status}`);
 	return response.json();
 }
 async function fetchSuiteDetail(sourceId, suiteId) {
-	const response = await fetch(`/api/agent-plugins/suite?sourceId=${encodeURIComponent(sourceId)}&suiteId=${encodeURIComponent(suiteId)}`, { credentials: "same-origin" });
+	const response = await fetch(suiteRoute(sourceId, suiteId), { credentials: "same-origin" });
 	if (!response.ok) throw new Error(`suite detail failed: ${response.status}`);
 	return response.json();
 }
+async function fetchMcpStatus() {
+	const response = await fetch(MARKET_ROUTES.mcpStatus, { credentials: "same-origin" });
+	if (!response.ok) throw new Error(`MCP status failed: ${response.status}`);
+	return response.json();
+}
 async function fetchSkillContent(sourceId, suiteId, skill) {
-	const response = await fetch(`/api/agent-plugins/skill?sourceId=${encodeURIComponent(sourceId)}&suiteId=${encodeURIComponent(suiteId)}&skill=${encodeURIComponent(skill)}`, { credentials: "same-origin" });
+	const response = await fetch(skillRoute(sourceId, suiteId, skill), { credentials: "same-origin" });
 	if (!response.ok) throw new Error(`skill content failed: ${response.status}`);
 	return response.json();
 }
 async function postAction(path, body) {
-	const response = await fetch(`/api/agent-plugins/${path}`, {
+	const response = await fetch(`${MARKET_API_PREFIX}${path}`, {
 		method: "POST",
 		credentials: "same-origin",
 		headers: { "content-type": "application/json" },
@@ -268,6 +359,368 @@ async function postAction(path, body) {
 	return payload;
 }
 //#endregion
+//#region src/client/features/market/market-resource.ts
+/** Market overview cache, invalidation, and source-progress resource helpers. */
+const EMPTY_OVERVIEW = {
+	sources: [],
+	suites: [],
+	totals: {
+		all: 0,
+		installed: 0,
+		enabled: 0
+	},
+	roots: {
+		user: "",
+		data: ""
+	}
+};
+let cachedOverview;
+let inflightOverview;
+/** Load the last overview immediately and revalidate one shared request. */
+function loadOverview() {
+	const initial = cachedOverview ?? EMPTY_OVERVIEW;
+	if (inflightOverview === void 0) inflightOverview = fetchOverview().then((data) => {
+		cachedOverview = data;
+		return data;
+	}).finally(() => {
+		inflightOverview = void 0;
+	});
+	return {
+		initial,
+		revalidating: cachedOverview === void 0,
+		promise: inflightOverview
+	};
+}
+/** Invalidate the shared overview after a mutating action. */
+function invalidateOverview() {
+	cachedOverview = void 0;
+}
+/**
+* Poll source mutation progress until stopped. Poll failures remain silent
+* because the add-source request is authoritative for mutation success.
+*/
+function startSourceProgressPolling(report, resolveStep = (step) => step) {
+	let stopped = false;
+	let timer;
+	const tick = async () => {
+		if (stopped) return;
+		try {
+			const progress = await fetchSourceProgress();
+			if (!stopped && progress.active) report({
+				step: resolveStep(progress.step),
+				error: void 0
+			});
+		} catch {}
+		if (!stopped) timer = setTimeout(() => {
+			tick();
+		}, 800);
+	};
+	timer = setTimeout(() => {
+		tick();
+	}, 400);
+	return { stop: () => {
+		stopped = true;
+		if (timer !== void 0) clearTimeout(timer);
+	} };
+}
+//#endregion
+//#region src/client/features/market/market-view-model.ts
+const searchableCache$1 = /* @__PURE__ */ new WeakMap();
+/** Derive visible cards and scope counts in one pass over a normalized payload. */
+function deriveMarketViewModel(overview, search, filter, category) {
+	const searchable = searchableFor$1(overview);
+	const needle = search.trim().toLowerCase();
+	let all = 0;
+	let installed = 0;
+	let enabled = 0;
+	const visible = [];
+	for (const entry of searchable) {
+		const suite = entry.suite;
+		if (category !== "all" && suite.sourceId !== category) continue;
+		all++;
+		if (suite.installed) installed++;
+		if (suite.enabled) enabled++;
+		if (filter === "installed" && !suite.installed) continue;
+		if (filter === "uninstalled" && suite.installed) continue;
+		if (needle !== "" && !entry.haystack.includes(needle)) continue;
+		visible.push(suite);
+	}
+	return {
+		scopeTotals: {
+			all,
+			installed,
+			enabled
+		},
+		filtered: visible
+	};
+}
+function searchableFor$1(overview) {
+	const cached = searchableCache$1.get(overview);
+	if (cached !== void 0) return cached;
+	const searchable = overview.suites.map((suite) => ({
+		suite,
+		haystack: `${suite.name} ${suite.description ?? ""} ${suite.keywords.join(" ")}`.toLowerCase()
+	}));
+	searchableCache$1.set(overview, searchable);
+	return searchable;
+}
+//#endregion
+//#region src/client/market.module.css
+var market_module_default = {
+	"body": "_72qoAq_body",
+	"card": "_72qoAq_card",
+	"cardActions": "_72qoAq_cardActions",
+	"cardDesc": "_72qoAq_cardDesc",
+	"cardName": "_72qoAq_cardName",
+	"cardTitle": "_72qoAq_cardTitle",
+	"cardTop": "_72qoAq_cardTop",
+	"desc": "_72qoAq_desc",
+	"detailBody": "_72qoAq_detailBody",
+	"detailCell": "_72qoAq_detailCell",
+	"detailChevron": "_72qoAq_detailChevron",
+	"detailDesc": "_72qoAq_detailDesc",
+	"detailDialog": "_72qoAq_detailDialog",
+	"detailGrid": "_72qoAq_detailGrid",
+	"detailHead": "_72qoAq_detailHead",
+	"detailItem": "_72qoAq_detailItem",
+	"detailItemDesc": "_72qoAq_detailItemDesc",
+	"detailItemName": "_72qoAq_detailItemName",
+	"detailItemOpen": "_72qoAq_detailItemOpen",
+	"detailItemRow": "_72qoAq_detailItemRow",
+	"detailKey": "_72qoAq_detailKey",
+	"detailSection": "_72qoAq_detailSection",
+	"detailSections": "_72qoAq_detailSections",
+	"detailValue": "_72qoAq_detailValue",
+	"dshApmSpin": "_72qoAq_dshApmSpin",
+	"editorDialog": "_72qoAq_editorDialog",
+	"editorForm": "_72qoAq_editorForm",
+	"empty": "_72qoAq_empty",
+	"fieldGroup": "_72qoAq_fieldGroup",
+	"fieldHint": "_72qoAq_fieldHint",
+	"fieldLabel": "_72qoAq_fieldLabel",
+	"grid": "_72qoAq_grid",
+	"header": "_72qoAq_header",
+	"list": "_72qoAq_list",
+	"market": "_72qoAq_market",
+	"marketControls": "_72qoAq_marketControls",
+	"mcpSurface": "_72qoAq_mcpSurface",
+	"meta": "_72qoAq_meta",
+	"modalFooter": "_72qoAq_modalFooter",
+	"modalFooterLeft": "_72qoAq_modalFooterLeft",
+	"modeRow": "_72qoAq_modeRow",
+	"mono": "_72qoAq_mono",
+	"okState": "_72qoAq_okState",
+	"pageEntry": "_72qoAq_pageEntry",
+	"pageMode": "_72qoAq_pageMode",
+	"pageView": "_72qoAq_pageView",
+	"progress": "_72qoAq_progress",
+	"progressError": "_72qoAq_progressError",
+	"progressFail": "_72qoAq_progressFail",
+	"progressSpin": "_72qoAq_progressSpin",
+	"progressText": "_72qoAq_progressText",
+	"searchGroup": "_72qoAq_searchGroup",
+	"seg": "_72qoAq_seg",
+	"segOn": "_72qoAq_segOn",
+	"skillContent": "_72qoAq_skillContent",
+	"sourceTabsRow": "_72qoAq_sourceTabsRow",
+	"sourceTabsScroll": "_72qoAq_sourceTabsScroll",
+	"spacer": "_72qoAq_spacer",
+	"src": "_72qoAq_src",
+	"srcTab": "_72qoAq_srcTab",
+	"srcTabDel": "_72qoAq_srcTabDel",
+	"srcTabEdit": "_72qoAq_srcTabEdit",
+	"srcTabMain": "_72qoAq_srcTabMain",
+	"srcTabOn": "_72qoAq_srcTabOn",
+	"staticId": "_72qoAq_staticId",
+	"staticIdValue": "_72qoAq_staticIdValue",
+	"sub": "_72qoAq_sub",
+	"surfaceSwitch": "_72qoAq_surfaceSwitch",
+	"switchOff": "_72qoAq_switchOff",
+	"switchOn": "_72qoAq_switchOn",
+	"switchThumb": "_72qoAq_switchThumb",
+	"tag": "_72qoAq_tag",
+	"title": "_72qoAq_title",
+	"titleRow": "_72qoAq_titleRow",
+	"version": "_72qoAq_version",
+	"warnLine": "_72qoAq_warnLine"
+};
+//#endregion
+//#region src/client/features/market/SourceTab.tsx
+/** A source tab with trailing edit and delete controls. */
+/** A source chip with a trailing delete control (deletion confirms at the section level). */
+function SourceTab(props) {
+	const { t, active = false, label, onSelect, onDelete, onEdit } = props;
+	return (0, react.createElement)("div", { className: active ? market_module_default.srcTabOn : market_module_default.srcTab }, (0, react.createElement)("button", {
+		type: "button",
+		className: market_module_default.srcTabMain,
+		onClick: onSelect
+	}, label), onEdit === void 0 ? null : (0, react.createElement)("button", {
+		type: "button",
+		className: market_module_default.srcTabEdit,
+		title: t("editSource"),
+		onClick: (event) => {
+			event.stopPropagation();
+			onEdit();
+		}
+	}, "✎"), onDelete === void 0 ? null : (0, react.createElement)("button", {
+		type: "button",
+		className: market_module_default.srcTabDel,
+		title: t("remove"),
+		onClick: (event) => {
+			event.stopPropagation();
+			onDelete();
+		}
+	}, "×"));
+}
+//#endregion
+//#region src/client/features/market/SourceEditorModal.tsx
+/** Source editor modal for adding or editing a catalog source. */
+function SourceEditorModal(props) {
+	const { t, editor } = props;
+	const [local, setLocal] = (0, react.useState)(editor.mode === "edit" && editor.source.local === true);
+	const [url, setUrl] = (0, react.useState)(editor.mode === "edit" ? editor.source.url : "");
+	const [branch, setBranch] = (0, react.useState)(editor.mode === "edit" ? editor.source.branch ?? "" : "");
+	const id = editor.mode === "edit" ? editor.source.id : "";
+	const title = editor.mode === "edit" ? t("editSourceTitle") : t("addSourceTitle");
+	return (0, react.createElement)(_deepseek_ai_dsh_client_ui_primitives.Modal, {
+		open: true,
+		onClose: props.onClose,
+		title,
+		description: t("editorHint"),
+		closeLabel: t("cancel"),
+		className: market_module_default.editorDialog,
+		footer: (0, react.createElement)("div", { className: market_module_default.modalFooter }, (0, react.createElement)("div", { className: market_module_default.modalFooterLeft }, editor.mode === "edit" ? (0, react.createElement)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+			variant: "ghost",
+			onClick: () => props.onRemove(id)
+		}, `🗑 ${t("remove")}`) : null), (0, react.createElement)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+			variant: "ghost",
+			onClick: props.onClose
+		}, t("cancel")), (0, react.createElement)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+			variant: "primary",
+			disabled: props.busy,
+			onClick: () => {
+				props.onSave(url.trim(), branch.trim(), local);
+			}
+		}, t("save"))),
+		children: (0, react.createElement)("div", { className: market_module_default.editorForm }, (0, react.createElement)("div", { className: market_module_default.modeRow }, (0, react.createElement)("button", {
+			type: "button",
+			className: local ? market_module_default.seg : market_module_default.segOn,
+			onClick: () => setLocal(false)
+		}, t("sourceModeGit")), (0, react.createElement)("button", {
+			type: "button",
+			className: local ? market_module_default.segOn : market_module_default.seg,
+			onClick: () => setLocal(true)
+		}, t("sourceModeLocal"))), editor.mode === "edit" ? (0, react.createElement)("div", { className: market_module_default.fieldGroup }, (0, react.createElement)("label", { className: market_module_default.fieldLabel }, t("sourceIdPh")), (0, react.createElement)("div", { className: market_module_default.staticId }, (0, react.createElement)("span", { className: market_module_default.staticIdValue }, id), (0, react.createElement)("span", { className: market_module_default.fieldHint }, t("idFixed")))) : null, (0, react.createElement)("div", { className: market_module_default.fieldGroup }, (0, react.createElement)("label", { className: market_module_default.fieldLabel }, local ? t("sourceUrlLocalPh") : t("sourceUrlPh")), (0, react.createElement)(_deepseek_ai_dsh_client_ui_primitives.Input, {
+			placeholder: local ? t("sourceUrlLocalPh") : t("sourceUrlPh"),
+			value: url,
+			onChange: (event) => setUrl(event.target.value)
+		}), (0, react.createElement)("span", { className: market_module_default.fieldHint }, local ? t("urlLocalHint") : t("urlGitHint"))), local ? null : (0, react.createElement)("div", { className: market_module_default.fieldGroup }, (0, react.createElement)("label", { className: market_module_default.fieldLabel }, t("branchPh")), (0, react.createElement)(_deepseek_ai_dsh_client_ui_primitives.Input, {
+			placeholder: t("branchPh"),
+			value: branch,
+			onChange: (event) => setBranch(event.target.value)
+		}), (0, react.createElement)("span", { className: market_module_default.fieldHint }, t("branchHint"))), props.progress.error === void 0 && props.progress.step === void 0 ? null : (0, react.createElement)("div", { className: props.progress.error === void 0 ? market_module_default.progress : market_module_default.progressError }, props.progress.error === void 0 ? (0, react.createElement)("span", { className: market_module_default.progressSpin }) : (0, react.createElement)("span", { className: market_module_default.progressFail }, "✕"), (0, react.createElement)("span", { className: market_module_default.progressText }, props.progress.error === void 0 ? props.progress.step : `${t("actionFail")}: ${props.progress.error}`)))
+	});
+}
+//#endregion
+//#region src/client/ui/ToggleSwitch.tsx
+/** Shared green/gray switch control used by suite cards. */
+/** A green/gray switch control for suite enable state. */
+function ToggleSwitch(props) {
+	return (0, react.createElement)("button", {
+		type: "button",
+		role: "switch",
+		"aria-checked": props.on,
+		title: props.title,
+		disabled: props.disabled,
+		className: props.on ? market_module_default.switchOn : market_module_default.switchOff,
+		onClick: (event) => {
+			event.stopPropagation();
+			props.onChange();
+		}
+	}, (0, react.createElement)("span", { className: market_module_default.switchThumb }));
+}
+//#endregion
+//#region src/client/features/market/SuiteCard.tsx
+/** A suite card in the market grid/list. */
+function SuiteCard(props) {
+	const { t, suite, busy } = props;
+	const tags = [
+		[t("surfaceSkills"), suite.surfaces.skills],
+		[t("surfaceMcp"), suite.surfaces.mcp],
+		[t("surfaceHooks"), suite.surfaces.hooks],
+		[t("surfaceCommands"), suite.surfaces.commands],
+		[t("surfaceAgents"), suite.surfaces.agents],
+		[t("surfaceLsp"), suite.surfaces.lsp]
+	].filter(([, count]) => count > 0);
+	const layoutLabel = suite.layout === "agent-plugin-v1" ? t("layoutV1") : suite.layout === "claude-code" ? t("layoutCC") : suite.layout === "codex" ? t("layoutCodex") : suite.layout === "universal" ? t("layoutUniversal") : suite.layout === "cursor" ? t("layoutCursor") : suite.layout === "kimi" ? t("layoutKimi") : suite.layout === "remote" ? t("layoutRemote") : t("layoutSkills");
+	const isRemote = suite.remoteUrl !== void 0;
+	const stop = (callback) => (event) => {
+		event.stopPropagation();
+		callback();
+	};
+	return (0, react.createElement)("article", {
+		className: market_module_default.card,
+		onClick: props.onOpen
+	}, (0, react.createElement)("div", { className: market_module_default.cardTop }, (0, react.createElement)("div", { className: market_module_default.cardTitle }, (0, react.createElement)("span", { className: market_module_default.cardName }, suite.name), suite.version === void 0 ? null : (0, react.createElement)("span", { className: market_module_default.version }, `v${suite.version}`)), (0, react.createElement)("div", { className: market_module_default.cardActions }, suite.installed ? (0, react.createElement)(ToggleSwitch, {
+		on: suite.enabled,
+		disabled: busy,
+		title: suite.enabled ? t("disable") : t("enable"),
+		onChange: props.onToggle
+	}) : isRemote ? (0, react.createElement)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+		variant: "primary",
+		size: "sm",
+		disabled: busy,
+		title: suite.remoteUrl,
+		onClick: stop(props.onAddSource)
+	}, t("addSource")) : (0, react.createElement)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+		variant: "primary",
+		size: "sm",
+		disabled: busy,
+		onClick: stop(props.onInstall)
+	}, t("install")), suite.installed ? (0, react.createElement)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+		variant: "ghost",
+		size: "sm",
+		title: t("refresh"),
+		disabled: busy,
+		onClick: stop(props.onRefresh)
+	}, "↻") : null, suite.installed ? (0, react.createElement)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+		variant: "ghost",
+		size: "sm",
+		title: t("uninstall"),
+		disabled: busy,
+		onClick: stop(props.onUninstall)
+	}, "🗑") : null)), (0, react.createElement)("p", { className: market_module_default.desc }, suite.description ?? ""), (0, react.createElement)("div", { className: market_module_default.meta }, (0, react.createElement)("span", { className: market_module_default.src }, `${suite.sourceId} · ${isRemote ? t("remoteRef") : suite.dimension === "user" ? t("dimensionUser") : t("dimensionProject")}`), (0, react.createElement)("span", { className: market_module_default.tag }, layoutLabel), suite.installed ? (0, react.createElement)("span", { className: suite.enabled ? market_module_default.okState : market_module_default.tag }, suite.enabled ? `✓ ${t("installedBadge")}` : t("installedBadge")) : null, ...tags.map(([label, count]) => (0, react.createElement)("span", {
+		key: label,
+		className: market_module_default.tag
+	}, `${label} ${count}`)), suite.errors.length === 0 ? null : (0, react.createElement)(_deepseek_ai_dsh_client_ui_primitives.Tooltip, {
+		label: suite.errors.slice(0, 8).join(t("sourceErrorSeparator")),
+		children: (0, react.createElement)("span", { className: market_module_default.warnLine }, `⚠ ${t("errors")} ${suite.errors.length}`)
+	}), (suite.mcpErrors?.length ?? 0) === 0 ? null : (0, react.createElement)(_deepseek_ai_dsh_client_ui_primitives.Tooltip, {
+		label: suite.mcpErrors.slice(0, 8).join(t("sourceErrorSeparator")),
+		children: (0, react.createElement)("span", { className: market_module_default.warnLine }, `⚠ ${t("mcpSection")} ${suite.mcpErrors.length}`)
+	})));
+}
+//#endregion
+//#region src/client/ui/StatusIcon.tsx
+/** Shared status icon used by market and MCP status filter tabs. */
+/** An SVG status icon for the all/installed/uninstalled filter tabs. */
+function StatusIcon({ kind }) {
+	const common = {
+		width: 16,
+		height: 16,
+		viewBox: "0 0 16 16",
+		fill: "none",
+		"aria-hidden": true
+	};
+	if (kind === "installed") return (0, react.createElement)("svg", common, (0, react.createElement)("circle", {
+		cx: 8,
+		cy: 8,
+		r: 5.5
+	}), (0, react.createElement)("path", { d: "m5.5 8 1.7 1.7 3.4-3.4" }));
+	if (kind === "uninstalled") return (0, react.createElement)("svg", common, (0, react.createElement)("path", { d: "M8 2v8m-3-3 3 3 3-3M3 13h10" }));
+	return (0, react.createElement)("svg", common, (0, react.createElement)("path", { d: "M2.5 5 8 2.5 13.5 5 8 7.5 2.5 5Zm0 3L8 10.5 13.5 8M2.5 11 8 13.5 13.5 11" }));
+}
+//#endregion
 //#region src/client/ErrorBoundary.tsx
 /**
 * Error boundary for untrusted preview content.
@@ -290,86 +743,18 @@ var ErrorBoundary = class extends react.Component {
 	}
 };
 //#endregion
-//#region src/client/market.module.css
-var market_module_default = {
-	"body": "qMtKNa_body",
-	"card": "qMtKNa_card",
-	"cardActions": "qMtKNa_cardActions",
-	"cardDesc": "qMtKNa_cardDesc",
-	"cardName": "qMtKNa_cardName",
-	"cardTitle": "qMtKNa_cardTitle",
-	"cardTop": "qMtKNa_cardTop",
-	"desc": "qMtKNa_desc",
-	"detailBody": "qMtKNa_detailBody",
-	"detailCell": "qMtKNa_detailCell",
-	"detailChevron": "qMtKNa_detailChevron",
-	"detailDesc": "qMtKNa_detailDesc",
-	"detailDialog": "qMtKNa_detailDialog",
-	"detailGrid": "qMtKNa_detailGrid",
-	"detailHead": "qMtKNa_detailHead",
-	"detailItem": "qMtKNa_detailItem",
-	"detailItemDesc": "qMtKNa_detailItemDesc",
-	"detailItemName": "qMtKNa_detailItemName",
-	"detailItemOpen": "qMtKNa_detailItemOpen",
-	"detailItemRow": "qMtKNa_detailItemRow",
-	"detailKey": "qMtKNa_detailKey",
-	"detailSection": "qMtKNa_detailSection",
-	"detailSections": "qMtKNa_detailSections",
-	"detailValue": "qMtKNa_detailValue",
-	"dshApmSpin": "qMtKNa_dshApmSpin",
-	"editorDialog": "qMtKNa_editorDialog",
-	"editorForm": "qMtKNa_editorForm",
-	"empty": "qMtKNa_empty",
-	"fieldGroup": "qMtKNa_fieldGroup",
-	"fieldHint": "qMtKNa_fieldHint",
-	"fieldLabel": "qMtKNa_fieldLabel",
-	"grid": "qMtKNa_grid",
-	"header": "qMtKNa_header",
-	"list": "qMtKNa_list",
-	"market": "qMtKNa_market",
-	"meta": "qMtKNa_meta",
-	"modalFooter": "qMtKNa_modalFooter",
-	"modalFooterLeft": "qMtKNa_modalFooterLeft",
-	"modeRow": "qMtKNa_modeRow",
-	"mono": "qMtKNa_mono",
-	"okState": "qMtKNa_okState",
-	"progress": "qMtKNa_progress",
-	"progressError": "qMtKNa_progressError",
-	"progressFail": "qMtKNa_progressFail",
-	"progressSpin": "qMtKNa_progressSpin",
-	"progressText": "qMtKNa_progressText",
-	"searchGroup": "qMtKNa_searchGroup",
-	"searchInput": "qMtKNa_searchInput",
-	"searchWrap": "qMtKNa_searchWrap",
-	"seg": "qMtKNa_seg",
-	"segOn": "qMtKNa_segOn",
-	"skillContent": "qMtKNa_skillContent",
-	"sourceTabsRow": "qMtKNa_sourceTabsRow",
-	"sourceTabsScroll": "qMtKNa_sourceTabsScroll",
-	"spacer": "qMtKNa_spacer",
-	"src": "qMtKNa_src",
-	"srcTab": "qMtKNa_srcTab",
-	"srcTabDel": "qMtKNa_srcTabDel",
-	"srcTabEdit": "qMtKNa_srcTabEdit",
-	"srcTabMain": "qMtKNa_srcTabMain",
-	"srcTabOn": "qMtKNa_srcTabOn",
-	"staticId": "qMtKNa_staticId",
-	"staticIdValue": "qMtKNa_staticIdValue",
-	"sub": "qMtKNa_sub",
-	"switchOff": "qMtKNa_switchOff",
-	"switchOn": "qMtKNa_switchOn",
-	"switchThumb": "qMtKNa_switchThumb",
-	"tab": "qMtKNa_tab",
-	"tabGap": "qMtKNa_tabGap",
-	"tabOn": "qMtKNa_tabOn",
-	"tabRow": "qMtKNa_tabRow",
-	"tag": "qMtKNa_tag",
-	"title": "qMtKNa_title",
-	"titleRow": "qMtKNa_titleRow",
-	"version": "qMtKNa_version",
-	"viewSwitch": "qMtKNa_viewSwitch",
-	"warnLine": "qMtKNa_warnLine"
-};
+//#region src/client/features/suite-detail/suite-detail-resource.ts
+/** Create a request guard for one detail modal instance. */
+function createLatestRequestGuard() {
+	let revision = 0;
+	return {
+		next: () => ++revision,
+		invalidate: () => {
+			revision++;
+		},
+		isCurrent: (requestId) => requestId === revision
+	};
+}
 //#endregion
 //#region src/client/SuiteDetail.tsx
 /**
@@ -386,12 +771,16 @@ function SuiteDetailModal({ t, sourceId, suiteId, onClose }) {
 	const [openSkill, setOpenSkill] = (0, react.useState)(void 0);
 	const [skillText, setSkillText] = (0, react.useState)(void 0);
 	const [skillLoading, setSkillLoading] = (0, react.useState)(false);
+	const skillRequestGuard = (0, react.useRef)(createLatestRequestGuard());
 	const [openMcp, setOpenMcp] = (0, react.useState)(void 0);
 	const [openPreview, setOpenPreview] = (0, react.useState)(void 0);
 	(0, react.useEffect)(() => {
 		let cancelled = false;
+		skillRequestGuard.current.invalidate();
 		setDetail(void 0);
 		setError(void 0);
+		setOpenSkill(void 0);
+		setSkillText(void 0);
 		fetchSuiteDetail(sourceId, suiteId).then((value) => {
 			if (!cancelled) setDetail(value);
 		}).catch((reason) => {
@@ -399,9 +788,11 @@ function SuiteDetailModal({ t, sourceId, suiteId, onClose }) {
 		});
 		return () => {
 			cancelled = true;
+			skillRequestGuard.current.invalidate();
 		};
 	}, [sourceId, suiteId]);
 	const toggleSkill = async (name) => {
+		const requestId = skillRequestGuard.current.next();
 		if (openSkill === name) {
 			setOpenSkill(void 0);
 			return;
@@ -411,17 +802,17 @@ function SuiteDetailModal({ t, sourceId, suiteId, onClose }) {
 		setSkillText(void 0);
 		try {
 			const content = await fetchSkillContent(sourceId, suiteId, name);
-			setSkillText(content.content);
+			if (skillRequestGuard.current.isCurrent(requestId)) setSkillText(content.content);
 		} catch (reason) {
-			setSkillText(`⚠ ${reason instanceof Error ? reason.message : String(reason)}`);
+			if (skillRequestGuard.current.isCurrent(requestId)) setSkillText(`⚠ ${reason instanceof Error ? reason.message : String(reason)}`);
 		} finally {
-			setSkillLoading(false);
+			if (skillRequestGuard.current.isCurrent(requestId)) setSkillLoading(false);
 		}
 	};
 	const toggleMcp = (key) => {
 		setOpenMcp(openMcp === key ? void 0 : key);
 	};
-	const layoutLabel = detail === void 0 ? "" : detail.layout === "agent-plugin-v1" ? t("layoutV1") : detail.layout === "claude-code" ? t("layoutCC") : detail.layout === "codex" ? t("layoutCodex") : detail.layout === "remote" ? t("layoutRemote") : t("layoutSkills");
+	const layoutLabel = detail === void 0 ? "" : detail.layout === "agent-plugin-v1" ? t("layoutV1") : detail.layout === "claude-code" ? t("layoutCC") : detail.layout === "codex" ? t("layoutCodex") : detail.layout === "universal" ? t("layoutUniversal") : detail.layout === "cursor" ? t("layoutCursor") : detail.layout === "kimi" ? t("layoutKimi") : detail.layout === "remote" ? t("layoutRemote") : t("layoutSkills");
 	return (0, react.createElement)(_deepseek_ai_dsh_client_ui_primitives.Modal, {
 		open: true,
 		onClose,
@@ -448,7 +839,7 @@ function SuiteDetailModal({ t, sourceId, suiteId, onClose }) {
 			}, (0, react.createElement)("span", { className: market_module_default.detailItemName }, skill.name), (0, react.createElement)("span", { className: market_module_default.detailItemDesc }, skill.description), (0, react.createElement)("span", { className: market_module_default.detailChevron }, openSkill === skill.name ? "▾" : "▸")), openSkill !== skill.name ? null : (0, react.createElement)("div", { className: market_module_default.skillContent }, skillLoading ? t("loading") : (0, react.createElement)(_deepseek_ai_dsh_client_ui_primitives.MarkdownText, { text: skillText ?? "" }))))), (0, react.createElement)("section", { className: market_module_default.detailSection }, (0, react.createElement)("h4", { className: market_module_default.detailHead }, `${t("mcpSection")} (${detail.mcpServers.length})`), detail.mcpErrors.length === 0 ? null : (0, react.createElement)("div", {
 				className: market_module_default.warnLine,
 				style: { margin: "0 0 6px" }
-			}, `⚠ ${detail.mcpErrors.join("；")}`), detail.mcpServers.length === 0 ? (0, react.createElement)("div", { className: market_module_default.sidebarEmpty }, "—") : detail.mcpServers.map((server) => (0, react.createElement)("div", {
+			}, `⚠ ${detail.mcpErrors.join(t("sourceErrorSeparator"))}`), detail.mcpServers.length === 0 ? (0, react.createElement)("div", { className: market_module_default.sidebarEmpty }, "—") : detail.mcpServers.map((server) => (0, react.createElement)("div", {
 				key: server.key,
 				className: market_module_default.detailItem
 			}, (0, react.createElement)("button", {
@@ -498,7 +889,7 @@ function mcpSummary(server) {
 	return server.url ?? server.type;
 }
 function PreviewRow(props) {
-	const { t: _t, name, description, open, onToggle, children } = props;
+	const { name, description, open, onToggle, children } = props;
 	return (0, react.createElement)("div", { className: market_module_default.detailItem }, (0, react.createElement)("button", {
 		type: "button",
 		className: open ? market_module_default.detailItemOpen : market_module_default.detailItemRow,
@@ -506,6 +897,87 @@ function PreviewRow(props) {
 	}, (0, react.createElement)("span", { className: market_module_default.detailItemName }, name), description === void 0 ? null : (0, react.createElement)("span", { className: market_module_default.detailItemDesc }, description), (0, react.createElement)("span", { className: market_module_default.detailChevron }, open ? "▾" : "▸")), open ? (0, react.createElement)("div", { className: market_module_default.skillContent }, children) : null);
 }
 //#endregion
+//#region src/client/SearchFilterToolbar.module.css
+var SearchFilterToolbar_module_default = {
+	"filter": "vavGuW_filter",
+	"filterCount": "vavGuW_filterCount",
+	"filterGap": "vavGuW_filterGap",
+	"filterOn": "vavGuW_filterOn",
+	"search": "vavGuW_search",
+	"toolbar": "vavGuW_toolbar",
+	"viewGap": "vavGuW_viewGap",
+	"viewSwitch": "vavGuW_viewSwitch"
+};
+//#endregion
+//#region src/client/SearchFilterToolbar.tsx
+/**
+* Shared search, filter, and view controls for catalog-style settings panels.
+*/
+/**
+* Render a consistent control row for searchable grid and list content.
+*
+* @param props - Search state, selectable filters, and view-mode state.
+* @returns Search input, filter tabs, and an accessible grid/list toggle.
+*/
+function SearchFilterToolbar(props) {
+	const nextView = props.view === "grid" ? "list" : "grid";
+	const nextViewLabel = nextView === "grid" ? props.gridLabel : props.listLabel;
+	return (0, react.createElement)("div", { className: props.className === void 0 ? SearchFilterToolbar_module_default.toolbar : `${SearchFilterToolbar_module_default.toolbar} ${props.className}` }, (0, react.createElement)(_deepseek_ai_dsh_client_ui_primitives.Input, {
+		className: SearchFilterToolbar_module_default.search,
+		value: props.search,
+		placeholder: props.searchPlaceholder,
+		"aria-label": props.searchLabel,
+		onChange: (event) => props.onSearchChange(event.target.value)
+	}), (0, react.createElement)("div", { className: SearchFilterToolbar_module_default.filterGap }), ...props.filters.map((filter) => (0, react.createElement)("button", {
+		key: filter.id,
+		type: "button",
+		className: filter.active ? SearchFilterToolbar_module_default.filterOn : SearchFilterToolbar_module_default.filter,
+		title: `${filter.label} ${filter.count}`,
+		"aria-label": `${filter.label} ${filter.count}`,
+		onClick: filter.onSelect
+	}, filter.icon, (0, react.createElement)("span", { className: SearchFilterToolbar_module_default.filterCount }, filter.count))), (0, react.createElement)("div", { className: SearchFilterToolbar_module_default.viewGap }), (0, react.createElement)("button", {
+		type: "button",
+		className: SearchFilterToolbar_module_default.viewSwitch,
+		"aria-label": nextViewLabel,
+		title: nextViewLabel,
+		onClick: () => props.onViewChange(nextView)
+	}, (0, react.createElement)(ViewIcon, { mode: nextView })));
+}
+function ViewIcon({ mode }) {
+	const common = {
+		width: 16,
+		height: 16,
+		viewBox: "0 0 16 16",
+		fill: "none",
+		"aria-hidden": true
+	};
+	return mode === "list" ? (0, react.createElement)("svg", common, (0, react.createElement)("path", { d: "M3 4h10M3 8h10M3 12h10" })) : (0, react.createElement)("svg", common, (0, react.createElement)("rect", {
+		x: 2.5,
+		y: 2.5,
+		width: 4,
+		height: 4,
+		rx: .8
+	}), (0, react.createElement)("rect", {
+		x: 9.5,
+		y: 2.5,
+		width: 4,
+		height: 4,
+		rx: .8
+	}), (0, react.createElement)("rect", {
+		x: 2.5,
+		y: 9.5,
+		width: 4,
+		height: 4,
+		rx: .8
+	}), (0, react.createElement)("rect", {
+		x: 9.5,
+		y: 9.5,
+		width: 4,
+		height: 4,
+		rx: .8
+	}));
+}
+//#endregion
 //#region src/client/MarketSection.tsx
 /**
 * The Agent Plugins Market settings section.
@@ -520,73 +992,17 @@ const PROGRESS_STEP_LABELS = {
 	cloning: "progressCloning",
 	reading: "progressReading"
 };
-/**
-* Poll the host's source-mutation progress while an add-source request runs.
-* Failures of the poll itself never surface: the add request is the authority.
-*/
-function startProgressPolling(report) {
-	let stopped = false;
-	const tick = async () => {
-		if (stopped) return;
-		try {
-			const progress = await fetchSourceProgress();
-			if (!stopped && progress.active) report({
-				step: progressStepLabel(progress.step),
-				error: void 0
-			});
-		} catch {}
-		if (!stopped) timer = setTimeout(tick, 800);
-	};
-	let timer = setTimeout(tick, 400);
-	return { stop: () => {
-		stopped = true;
-		clearTimeout(timer);
-	} };
+function progressStepLabel(t, step) {
+	const key = PROGRESS_STEP_LABELS[step];
+	return key === void 0 ? step : t(key);
 }
-function progressStepLabel(step) {
-	return PROGRESS_STEP_LABELS[step] ?? step;
+/** Keep parameterized copy compatible with hosts whose bound translator ignores params. */
+function interpolate(text, params) {
+	return text.replace(/\{(\w+)\}/g, (match, key) => key in params ? String(params[key]) : match);
 }
-const EMPTY_OVERVIEW = {
-	sources: [],
-	suites: [],
-	totals: {
-		all: 0,
-		installed: 0,
-		enabled: 0
-	},
-	roots: {
-		user: "",
-		data: ""
-	}
-};
-/**
-* Session-level overview cache: the first mount paints the last snapshot
-* instantly (no empty-state flash on reopen), then revalidates in the
-* background. Every refresh overwrites the cached copy.
-*/
-let cachedOverview;
-let inflightOverview;
-function loadOverview() {
-	const initial = cachedOverview ?? EMPTY_OVERVIEW;
-	if (inflightOverview === void 0) inflightOverview = fetchOverview().then((data) => {
-		cachedOverview = data;
-		return data;
-	}).finally(() => {
-		inflightOverview = void 0;
-	});
-	return {
-		initial,
-		revalidating: cachedOverview === void 0,
-		promise: inflightOverview
-	};
-}
-/** Invalidate the cached overview after any mutating action. */
-function dropCachedOverview() {
-	cachedOverview = void 0;
-}
-function MarketSection({ t }) {
+function MarketSection({ t, mode = "settings" }) {
 	const [overview, setOverview] = (0, react.useState)(() => loadOverview().initial);
-	const [loading, setLoading] = (0, react.useState)(() => cachedOverview === void 0);
+	const [loading, setLoading] = (0, react.useState)(() => loadOverview().revalidating);
 	const [search, setSearch] = (0, react.useState)("");
 	const [tab, setTab] = (0, react.useState)("all");
 	const [category, setCategory] = (0, react.useState)("all");
@@ -601,7 +1017,7 @@ function MarketSection({ t }) {
 		error: void 0
 	});
 	const refresh = (0, react.useCallback)(async () => {
-		dropCachedOverview();
+		invalidateOverview();
 		try {
 			const data = await loadOverview().promise;
 			setOverview(data);
@@ -621,7 +1037,7 @@ function MarketSection({ t }) {
 		setBusy(key);
 		try {
 			await postAction(path, body);
-			dropCachedOverview();
+			invalidateOverview();
 			await refresh();
 			return true;
 		} catch (error) {
@@ -634,25 +1050,7 @@ function MarketSection({ t }) {
 			setBusy(void 0);
 		}
 	}, [refresh, t]);
-	const scopeTotals = (0, react.useMemo)(() => {
-		if (category === "all") return overview.totals;
-		const scoped = overview.suites.filter((suite) => suite.sourceId === category);
-		return {
-			all: scoped.length,
-			installed: scoped.filter((suite) => suite.installed).length,
-			enabled: scoped.filter((suite) => suite.enabled).length
-		};
-	}, [overview, category]);
-	const filtered = (0, react.useMemo)(() => {
-		const needle = search.trim().toLowerCase();
-		return overview.suites.filter((suite) => {
-			if (category !== "all" && suite.sourceId !== category) return false;
-			if (tab === "installed" && !suite.installed) return false;
-			if (tab === "uninstalled" && suite.installed) return false;
-			if (needle === "") return true;
-			return `${suite.name} ${suite.description ?? ""} ${suite.keywords.join(" ")}`.toLowerCase().includes(needle);
-		});
-	}, [
+	const { scopeTotals, filtered } = (0, react.useMemo)(() => deriveMarketViewModel(overview, search, tab, category), [
 		overview,
 		search,
 		tab,
@@ -684,7 +1082,7 @@ function MarketSection({ t }) {
 	const selectedSource = category === "all" ? void 0 : overview.sources.find((source) => source.id === category);
 	return (0, react.createElement)(ErrorBoundary, {
 		fallback: (error) => (0, react.createElement)("div", { className: market_module_default.empty }, `${t("actionFail")}: ${error.message}`),
-		children: (0, react.createElement)("div", { className: market_module_default.market }, (0, react.createElement)("header", { className: market_module_default.header }, (0, react.createElement)("div", { className: market_module_default.titleRow }, (0, react.createElement)("h2", { className: market_module_default.title }, t("nav")), (0, react.createElement)("p", { className: market_module_default.sub }, t("subtitle")), (0, react.createElement)("div", { className: market_module_default.spacer }), (0, react.createElement)("div", { className: market_module_default.searchGroup }, (0, react.createElement)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+		children: (0, react.createElement)("div", { className: mode === "page" ? `${market_module_default.market} ${market_module_default.pageMode}` : market_module_default.market }, (0, react.createElement)("header", { className: market_module_default.header }, (0, react.createElement)("div", { className: market_module_default.titleRow }, (0, react.createElement)("h2", { className: market_module_default.title }, t("nav")), (0, react.createElement)("div", { className: market_module_default.spacer }), (0, react.createElement)("div", { className: market_module_default.searchGroup }, (0, react.createElement)(_deepseek_ai_dsh_client_ui_primitives.Button, {
 			variant: "ghost",
 			size: "sm",
 			title: t("addSource"),
@@ -696,12 +1094,7 @@ function MarketSection({ t }) {
 			onClick: () => {
 				action("s:refresh:all", "sources/refresh", {});
 			}
-		}, "↻"), (0, react.createElement)("div", { className: market_module_default.searchWrap }, (0, react.createElement)(_deepseek_ai_dsh_client_ui_primitives.Input, {
-			className: market_module_default.searchInput,
-			placeholder: t("searchPh"),
-			value: search,
-			onChange: (event) => setSearch(event.target.value)
-		})))), (0, react.createElement)("div", { className: market_module_default.sourceTabsRow }, (0, react.createElement)("div", { className: market_module_default.sourceTabsScroll }, (0, react.createElement)(SourceTab, {
+		}, "↻"))), (0, react.createElement)("div", { className: market_module_default.marketControls }, (0, react.createElement)("div", { className: market_module_default.sourceTabsRow }, (0, react.createElement)("div", { className: market_module_default.sourceTabsScroll }, (0, react.createElement)(SourceTab, {
 			key: "__all__",
 			t,
 			active: category === "all",
@@ -721,26 +1114,42 @@ function MarketSection({ t }) {
 				mode: "edit",
 				source
 			}) : void 0
-		})))), (0, react.createElement)("div", { className: market_module_default.tabRow }, (0, react.createElement)(TabButton, {
-			t,
-			active: tab === "all",
-			label: `${t("tabAll")} ${scopeTotals.all}`,
-			onClick: () => setTab("all")
-		}), (0, react.createElement)(TabButton, {
-			t,
-			active: tab === "installed",
-			label: `${t("tabInstalled")} ${scopeTotals.installed}`,
-			onClick: () => setTab("installed")
-		}), (0, react.createElement)(TabButton, {
-			t,
-			active: tab === "uninstalled",
-			label: `${t("tabUninstalled")} ${scopeTotals.all - scopeTotals.installed}`,
-			onClick: () => setTab("uninstalled")
-		}), (0, react.createElement)("div", { className: market_module_default.tabGap }), (0, react.createElement)("button", {
-			type: "button",
-			className: market_module_default.viewSwitch,
-			onClick: () => setView(view === "grid" ? "list" : "grid")
-		}, view === "grid" ? t("list") : t("grid")))), (0, react.createElement)("main", { className: view === "grid" ? market_module_default.grid : market_module_default.list }, loading ? (0, react.createElement)("div", { className: market_module_default.empty }, "…") : filtered.length === 0 ? (0, react.createElement)("div", { className: market_module_default.empty }, tab === "installed" ? t("installedEmpty") : t("empty")) : filtered.map((suite) => (0, react.createElement)(SuiteCard, {
+		})))), (0, react.createElement)(SearchFilterToolbar, {
+			search,
+			searchLabel: t("searchPh"),
+			searchPlaceholder: t("searchPh"),
+			onSearchChange: setSearch,
+			filters: [
+				{
+					id: "all",
+					label: t("tabAll"),
+					count: scopeTotals.all,
+					icon: (0, react.createElement)(StatusIcon, { kind: "all" }),
+					active: tab === "all",
+					onSelect: () => setTab("all")
+				},
+				{
+					id: "installed",
+					label: t("tabInstalled"),
+					count: scopeTotals.installed,
+					icon: (0, react.createElement)(StatusIcon, { kind: "installed" }),
+					active: tab === "installed",
+					onSelect: () => setTab("installed")
+				},
+				{
+					id: "uninstalled",
+					label: t("tabUninstalled"),
+					count: scopeTotals.all - scopeTotals.installed,
+					icon: (0, react.createElement)(StatusIcon, { kind: "uninstalled" }),
+					active: tab === "uninstalled",
+					onSelect: () => setTab("uninstalled")
+				}
+			],
+			view,
+			gridLabel: t("grid"),
+			listLabel: t("list"),
+			onViewChange: (nextView) => setView(nextView)
+		}))), (0, react.createElement)("main", { className: view === "grid" ? market_module_default.grid : market_module_default.list }, loading ? (0, react.createElement)("div", { className: market_module_default.empty }, t("loading")) : filtered.length === 0 ? (0, react.createElement)("div", { className: market_module_default.empty }, tab === "installed" ? t("installedEmpty") : t("empty")) : filtered.map((suite) => (0, react.createElement)(SuiteCard, {
 			key: `${suite.sourceId}/${suite.suiteId}`,
 			t,
 			suite,
@@ -776,7 +1185,7 @@ function MarketSection({ t }) {
 		}), confirm === void 0 ? null : (0, react.createElement)(_deepseek_ai_dsh_client_ui_primitives.Modal, {
 			open: true,
 			onClose: () => setConfirm(void 0),
-			title: confirm.kind === "uninstall" ? t("uninstallConfirmTitle") : `${t("removeSourceConfirmTitle")}「${confirm.sourceId}」`,
+			title: confirm.kind === "uninstall" ? t("uninstallConfirmTitle") : interpolate(t("removeSourceConfirmTitle", { sourceId: confirm.sourceId }), { sourceId: confirm.sourceId }),
 			closeLabel: t("cancel"),
 			description: confirm.kind === "uninstall" ? t("uninstallConfirmDesc") : t("removeSourceConfirmDesc"),
 			footer: (0, react.createElement)("div", { className: market_module_default.modalFooter }, (0, react.createElement)(_deepseek_ai_dsh_client_ui_primitives.Button, {
@@ -812,10 +1221,10 @@ function MarketSection({ t }) {
 						step: t("progressStarting"),
 						error: void 0
 					});
-					const poll = startProgressPolling(setProgress);
+					const poll = startSourceProgressPolling(setProgress, (step) => progressStepLabel(t, step));
 					try {
 						const derived = (await postAction("sources/add", body))["source"]?.id;
-						dropCachedOverview();
+						invalidateOverview();
 						await refresh();
 						setEditor(void 0);
 						if (derived !== void 0) setCategory(derived);
@@ -852,165 +1261,483 @@ function MarketSection({ t }) {
 		}))
 	});
 }
-function TabButton({ t: _t, active, label, onClick }) {
+//#endregion
+//#region src/client/features/mcp-status/mcp-status-view-model.ts
+const searchableCache = /* @__PURE__ */ new WeakMap();
+/** Derive active rows, filter counts, and visible rows in one pass. */
+function deriveMcpStatusViewModel(payload, filter, search) {
+	const searchable = searchableFor(payload);
+	const activeEntries = searchable.map((item) => item.entry);
+	const filterCounts = {
+		all: 0,
+		plugin: 0,
+		direct: 0
+	};
+	let connected = 0;
+	let failed = 0;
+	const filtered = [];
+	const needle = search.trim().toLowerCase();
+	for (const item of searchable) {
+		const entry = item.entry;
+		filterCounts.all++;
+		filterCounts[entry.kind]++;
+		if (entry.state === "connected") connected++;
+		if (entry.state === "failed") failed++;
+		if (filter !== "all" && entry.kind !== filter) continue;
+		if (needle !== "" && !item.haystack.includes(needle)) continue;
+		filtered.push(entry);
+	}
+	return {
+		activeEntries,
+		filtered,
+		filterCounts,
+		visibleTotals: {
+			all: activeEntries.length,
+			connected,
+			failed
+		}
+	};
+}
+function searchableFor(payload) {
+	const cached = searchableCache.get(payload);
+	if (cached !== void 0) return cached;
+	const searchable = payload.entries.filter((entry) => entry.state !== "disabled").map((entry) => ({
+		entry,
+		haystack: `${entry.name} ${entry.source ?? ""} ${entry.endpoint ?? ""} ${entry.transport}`.toLowerCase()
+	}));
+	searchableCache.set(payload, searchable);
+	return searchable;
+}
+//#endregion
+//#region src/client/mcp-status.module.css
+var mcp_status_module_default = {
+	"boundary": "AUWlZW_boundary",
+	"card": "AUWlZW_card",
+	"cardReason": "AUWlZW_cardReason",
+	"cardTop": "AUWlZW_cardTop",
+	"chevron": "AUWlZW_chevron",
+	"config": "AUWlZW_config",
+	"detail": "AUWlZW_detail",
+	"detailBody": "AUWlZW_detailBody",
+	"detailDialog": "AUWlZW_detailDialog",
+	"detailEmpty": "AUWlZW_detailEmpty",
+	"detailHead": "AUWlZW_detailHead",
+	"detailMeta": "AUWlZW_detailMeta",
+	"detailSection": "AUWlZW_detailSection",
+	"detailState": "AUWlZW_detailState",
+	"detailStateconnected": "AUWlZW_detailStateconnected",
+	"detailStatedegraded": "AUWlZW_detailStatedegraded",
+	"detailStatedisabled": "AUWlZW_detailStatedisabled",
+	"detailStatefailed": "AUWlZW_detailStatefailed",
+	"empty": "AUWlZW_empty",
+	"endpoint": "AUWlZW_endpoint",
+	"error": "AUWlZW_error",
+	"errorSummary": "AUWlZW_errorSummary",
+	"grid": "AUWlZW_grid",
+	"header": "AUWlZW_header",
+	"headerActions": "AUWlZW_headerActions",
+	"list": "AUWlZW_list",
+	"meta": "AUWlZW_meta",
+	"modalFooter": "AUWlZW_modalFooter",
+	"name": "AUWlZW_name",
+	"reason": "AUWlZW_reason",
+	"service": "AUWlZW_service",
+	"sourceDirect": "AUWlZW_sourceDirect",
+	"sourcePlugin": "AUWlZW_sourcePlugin",
+	"state": "AUWlZW_state",
+	"stateconnected": "AUWlZW_stateconnected",
+	"statedegraded": "AUWlZW_statedegraded",
+	"statedisabled": "AUWlZW_statedisabled",
+	"statefailed": "AUWlZW_statefailed",
+	"statusconnected": "AUWlZW_statusconnected",
+	"statusdegraded": "AUWlZW_statusdegraded",
+	"statusdisabled": "AUWlZW_statusdisabled",
+	"statusDot": "AUWlZW_statusDot",
+	"statusfailed": "AUWlZW_statusfailed",
+	"subtitle": "AUWlZW_subtitle",
+	"summary": "AUWlZW_summary",
+	"summaryDotGreen": "AUWlZW_summaryDotGreen",
+	"summaryDotRed": "AUWlZW_summaryDotRed",
+	"surface": "AUWlZW_surface",
+	"title": "AUWlZW_title",
+	"tool": "AUWlZW_tool",
+	"toolbar": "AUWlZW_toolbar",
+	"toolCount": "AUWlZW_toolCount",
+	"toolDescription": "AUWlZW_toolDescription",
+	"toolIndex": "AUWlZW_toolIndex",
+	"toolList": "AUWlZW_toolList",
+	"toolName": "AUWlZW_toolName",
+	"transport": "AUWlZW_transport"
+};
+//#endregion
+//#region src/client/McpStatusPanel.tsx
+const EMPTY_STATUS = {
+	entries: [],
+	observedAt: "",
+	totals: {
+		all: 0,
+		connected: 0,
+		degraded: 0,
+		failed: 0,
+		disabled: 0
+	},
+	directObservationOnly: true
+};
+/** DSH-native MCP inventory: click a service card for a standard Modal detail. */
+function McpStatusPanel({ t }) {
+	const [payload, setPayload] = (0, react.useState)(EMPTY_STATUS);
+	const [loading, setLoading] = (0, react.useState)(true);
+	const [error, setError] = (0, react.useState)(void 0);
+	const [filter, setFilter] = (0, react.useState)("all");
+	const [search, setSearch] = (0, react.useState)("");
+	const [view, setView] = (0, react.useState)("grid");
+	const [selected, setSelected] = (0, react.useState)(void 0);
+	const refresh = () => {
+		setLoading(true);
+		setError(void 0);
+		fetchMcpStatus().then(setPayload).catch((caught) => {
+			setError(caught instanceof Error ? caught.message : String(caught));
+		}).finally(() => setLoading(false));
+	};
+	(0, react.useEffect)(() => {
+		refresh();
+	}, []);
+	const { activeEntries, filtered, filterCounts, visibleTotals } = deriveMcpStatusViewModel(payload, filter, search);
+	return (0, react.createElement)("div", { className: mcp_status_module_default.surface }, (0, react.createElement)("header", { className: mcp_status_module_default.header }, (0, react.createElement)("div", {}, (0, react.createElement)("h2", { className: mcp_status_module_default.title }, t("mcpStatusTitle"))), (0, react.createElement)("div", { className: mcp_status_module_default.headerActions }, visibleTotals.failed > 0 ? (0, react.createElement)("span", {
+		className: mcp_status_module_default.errorSummary,
+		title: `${visibleTotals.failed} ${t("mcpFailed")}`
+	}, (0, react.createElement)("span", { className: mcp_status_module_default.summaryDotRed }), visibleTotals.failed) : null, (0, react.createElement)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+		variant: "ghost",
+		size: "sm",
+		onClick: refresh,
+		disabled: loading,
+		title: t("refresh")
+	}, "↻"))), (0, react.createElement)(SearchFilterToolbar, {
+		className: mcp_status_module_default.toolbar,
+		search,
+		searchLabel: t("mcpSearch"),
+		searchPlaceholder: t("mcpSearch"),
+		onSearchChange: setSearch,
+		filters: [
+			"all",
+			"plugin",
+			"direct"
+		].map((kind) => ({
+			id: kind,
+			label: filterLabel(t, kind),
+			count: filterCounts[kind],
+			icon: (0, react.createElement)(McpFilterIcon, { kind }),
+			active: filter === kind,
+			onSelect: () => setFilter(kind)
+		})),
+		view,
+		gridLabel: t("grid"),
+		listLabel: t("list"),
+		onViewChange: (nextView) => setView(nextView)
+	}), error !== void 0 ? (0, react.createElement)("div", { className: mcp_status_module_default.error }, error, (0, react.createElement)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+		variant: "ghost",
+		size: "sm",
+		onClick: refresh
+	}, t("mcpRetry"))) : loading && activeEntries.length === 0 ? (0, react.createElement)("div", { className: mcp_status_module_default.empty }, t("loading")) : filtered.length === 0 ? (0, react.createElement)("div", { className: mcp_status_module_default.empty }, t("mcpEmpty")) : (0, react.createElement)("div", { className: view === "grid" ? mcp_status_module_default.grid : mcp_status_module_default.list }, filtered.map((entry) => (0, react.createElement)(McpCard, {
+		key: entry.id,
+		entry,
+		t,
+		onClick: () => setSelected(entry)
+	}))), selected === void 0 ? null : (0, react.createElement)(McpDetailModal, {
+		entry: selected,
+		t,
+		onClose: () => setSelected(void 0)
+	}));
+}
+function McpCard({ entry, t, onClick }) {
 	return (0, react.createElement)("button", {
 		type: "button",
-		className: active ? market_module_default.tabOn : market_module_default.tab,
+		className: mcp_status_module_default.card,
 		onClick
-	}, label);
+	}, (0, react.createElement)("div", { className: mcp_status_module_default.cardTop }, (0, react.createElement)("span", {
+		className: `${mcp_status_module_default.statusDot} ${mcp_status_module_default[`status${entry.state}`]}`,
+		title: stateLabel(t, entry.state),
+		"aria-label": stateLabel(t, entry.state)
+	}), (0, react.createElement)("span", { className: mcp_status_module_default.service }, (0, react.createElement)("span", { className: mcp_status_module_default.name }, entry.name)), (0, react.createElement)("span", { className: mcp_status_module_default.toolCount }, `${t("mcpTools")} ${entry.tools.length}`)), (0, react.createElement)("p", { className: mcp_status_module_default.endpoint }, entry.endpoint ?? t("mcpObservedEndpoint")), (0, react.createElement)("div", { className: mcp_status_module_default.meta }, (0, react.createElement)(McpSourceBadge, {
+		kind: entry.kind,
+		label: entry.kind === "plugin" ? entry.source ?? "—" : t("mcpDirect"),
+		t
+	}), (0, react.createElement)("span", { className: mcp_status_module_default.transport }, entry.transport)), entry.reason === void 0 ? null : (0, react.createElement)("p", { className: mcp_status_module_default.cardReason }, entry.reason));
 }
-/** A source tab with a trailing delete control (deletion confirms at the section level). */
-function SourceTab(props) {
-	const { t, active = false, label, onSelect, onDelete, onEdit } = props;
-	return (0, react.createElement)("div", { className: active ? market_module_default.srcTabOn : market_module_default.srcTab }, (0, react.createElement)("button", {
-		type: "button",
-		className: market_module_default.srcTabMain,
-		onClick: onSelect
-	}, label), onEdit === void 0 ? null : (0, react.createElement)("button", {
-		type: "button",
-		className: market_module_default.srcTabEdit,
-		title: t("editSource"),
-		onClick: (event) => {
-			event.stopPropagation();
-			onEdit();
-		}
-	}, "✎"), onDelete === void 0 ? null : (0, react.createElement)("button", {
-		type: "button",
-		className: market_module_default.srcTabDel,
-		title: t("remove"),
-		onClick: (event) => {
-			event.stopPropagation();
-			onDelete();
-		}
-	}, "×"));
+function McpSourceBadge({ kind, label, t }) {
+	return (0, react.createElement)("span", { className: kind === "plugin" ? mcp_status_module_default.sourcePlugin : mcp_status_module_default.sourceDirect }, (0, react.createElement)(McpSourceIcon, { kind }), (0, react.createElement)("span", {}, kind === "plugin" ? label : t("mcpDirect")));
 }
-function SourceEditorModal(props) {
-	const { t, editor } = props;
-	const [local, setLocal] = (0, react.useState)(editor.mode === "edit" && editor.source.local === true);
-	const [url, setUrl] = (0, react.useState)(editor.mode === "edit" ? editor.source.url : "");
-	const [branch, setBranch] = (0, react.useState)(editor.mode === "edit" ? editor.source.branch ?? "" : "");
-	const id = editor.mode === "edit" ? editor.source.id : "";
-	const title = editor.mode === "edit" ? t("editSourceTitle") : t("addSourceTitle");
+function McpSourceIcon({ kind }) {
+	const common = {
+		width: 16,
+		height: 16,
+		viewBox: "0 0 16 16",
+		fill: "none",
+		"aria-hidden": true
+	};
+	return kind === "plugin" ? (0, react.createElement)("svg", common, (0, react.createElement)("path", { d: "M6 2.5v2H4A1.5 1.5 0 0 0 2.5 6v2h2a1.5 1.5 0 1 1 0 3h-2v2A1.5 1.5 0 0 0 4 14.5h2v-2a1.5 1.5 0 1 1 3 0v2h2a1.5 1.5 0 0 0 1.5-1.5v-2h-2a1.5 1.5 0 1 1 0-3h2V6A1.5 1.5 0 0 0 11 4.5H9v-2a1.5 1.5 0 1 0-3 0Z" })) : (0, react.createElement)("svg", common, (0, react.createElement)("circle", {
+		cx: 8,
+		cy: 5,
+		r: 2.2
+	}), (0, react.createElement)("path", { d: "M3.5 13c.6-2.2 2.1-3.3 4.5-3.3s3.9 1.1 4.5 3.3" }));
+}
+function McpFilterIcon({ kind }) {
+	if (kind === "plugin") return (0, react.createElement)(McpSourceIcon, { kind: "plugin" });
+	if (kind === "direct") return (0, react.createElement)(McpSourceIcon, { kind: "direct" });
+	return (0, react.createElement)("svg", {
+		width: 16,
+		height: 16,
+		viewBox: "0 0 16 16",
+		fill: "none",
+		"aria-hidden": true
+	}, (0, react.createElement)("path", { d: "M2.5 5 8 2.5 13.5 5 8 7.5 2.5 5Zm0 3L8 10.5 13.5 8M2.5 11 8 13.5 13.5 11" }));
+}
+function McpDetailModal({ entry, t, onClose }) {
 	return (0, react.createElement)(_deepseek_ai_dsh_client_ui_primitives.Modal, {
 		open: true,
-		onClose: props.onClose,
-		title,
-		description: t("editorHint"),
+		onClose,
+		title: entry.name,
+		description: t("mcpServiceDetail"),
 		closeLabel: t("cancel"),
-		className: market_module_default.editorDialog,
-		footer: (0, react.createElement)("div", { className: market_module_default.modalFooter }, (0, react.createElement)("div", { className: market_module_default.modalFooterLeft }, editor.mode === "edit" ? (0, react.createElement)(_deepseek_ai_dsh_client_ui_primitives.Button, {
-			variant: "ghost",
-			onClick: () => props.onRemove(id)
-		}, `🗑 ${t("remove")}`) : null), (0, react.createElement)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+		className: mcp_status_module_default.detailDialog,
+		contentClassName: mcp_status_module_default.detailBody,
+		footer: (0, react.createElement)("div", { className: mcp_status_module_default.modalFooter }, (0, react.createElement)(_deepseek_ai_dsh_client_ui_primitives.Button, {
 			variant: "ghost",
-			onClick: props.onClose
-		}, t("cancel")), (0, react.createElement)(_deepseek_ai_dsh_client_ui_primitives.Button, {
-			variant: "primary",
-			disabled: props.busy,
-			onClick: () => {
-				props.onSave(url.trim(), branch.trim(), local);
-			}
-		}, t("save"))),
-		children: (0, react.createElement)("div", { className: market_module_default.editorForm }, (0, react.createElement)("div", { className: market_module_default.modeRow }, (0, react.createElement)("button", {
-			type: "button",
-			className: local ? market_module_default.seg : market_module_default.segOn,
-			onClick: () => setLocal(false)
-		}, t("sourceModeGit")), (0, react.createElement)("button", {
-			type: "button",
-			className: local ? market_module_default.segOn : market_module_default.seg,
-			onClick: () => setLocal(true)
-		}, t("sourceModeLocal"))), editor.mode === "edit" ? (0, react.createElement)("div", { className: market_module_default.fieldGroup }, (0, react.createElement)("label", { className: market_module_default.fieldLabel }, t("sourceIdPh")), (0, react.createElement)("div", { className: market_module_default.staticId }, (0, react.createElement)("span", { className: market_module_default.staticIdValue }, id), (0, react.createElement)("span", { className: market_module_default.fieldHint }, t("idFixed")))) : null, (0, react.createElement)("div", { className: market_module_default.fieldGroup }, (0, react.createElement)("label", { className: market_module_default.fieldLabel }, local ? t("sourceUrlLocalPh") : t("sourceUrlPh")), (0, react.createElement)(_deepseek_ai_dsh_client_ui_primitives.Input, {
-			placeholder: local ? t("sourceUrlLocalPh") : t("sourceUrlPh"),
-			value: url,
-			onChange: (event) => setUrl(event.target.value)
-		}), (0, react.createElement)("span", { className: market_module_default.fieldHint }, local ? t("urlLocalHint") : t("urlGitHint"))), local ? null : (0, react.createElement)("div", { className: market_module_default.fieldGroup }, (0, react.createElement)("label", { className: market_module_default.fieldLabel }, t("branchPh")), (0, react.createElement)(_deepseek_ai_dsh_client_ui_primitives.Input, {
-			placeholder: t("branchPh"),
-			value: branch,
-			onChange: (event) => setBranch(event.target.value)
-		}), (0, react.createElement)("span", { className: market_module_default.fieldHint }, t("branchHint"))), props.progress.error === void 0 && props.progress.step === void 0 ? null : (0, react.createElement)("div", { className: props.progress.error === void 0 ? market_module_default.progress : market_module_default.progressError }, props.progress.error === void 0 ? (0, react.createElement)("span", { className: market_module_default.progressSpin }) : (0, react.createElement)("span", { className: market_module_default.progressFail }, "✕"), (0, react.createElement)("span", { className: market_module_default.progressText }, props.progress.error === void 0 ? props.progress.step : `${t("actionFail")}: ${props.progress.error}`)))
+			onClick: onClose
+		}, t("cancel"))),
+		children: (0, react.createElement)("div", { className: mcp_status_module_default.detail }, (0, react.createElement)("div", { className: mcp_status_module_default.detailMeta }, (0, react.createElement)(McpSourceBadge, {
+			kind: entry.kind,
+			label: entry.kind === "plugin" ? entry.source ?? "—" : t("mcpDirect"),
+			t
+		}), (0, react.createElement)("span", { className: mcp_status_module_default.transport }, entry.transport), (0, react.createElement)("span", { className: `${mcp_status_module_default.state} ${mcp_status_module_default[`state${entry.state}`]}` }, stateLabel(t, entry.state))), entry.reason === void 0 ? null : (0, react.createElement)("div", { className: mcp_status_module_default.reason }, entry.reason), (0, react.createElement)("section", { className: mcp_status_module_default.detailSection }, (0, react.createElement)("h4", { className: mcp_status_module_default.detailHead }, t("mcpConfig")), entry.config === void 0 ? (0, react.createElement)("div", { className: mcp_status_module_default.detailEmpty }, t("mcpDirectConfigUnavailable")) : (0, react.createElement)("pre", { className: mcp_status_module_default.config }, JSON.stringify(entry.config, null, 2))), (0, react.createElement)("section", { className: mcp_status_module_default.detailSection }, (0, react.createElement)("h4", { className: mcp_status_module_default.detailHead }, `${t("mcpTools")} (${entry.tools.length})`), entry.tools.length === 0 ? (0, react.createElement)("div", { className: mcp_status_module_default.detailEmpty }, t("mcpNoTools")) : (0, react.createElement)("div", { className: mcp_status_module_default.toolList }, entry.tools.map((tool, index) => (0, react.createElement)("div", {
+			key: tool.name,
+			className: mcp_status_module_default.tool
+		}, (0, react.createElement)("span", { className: mcp_status_module_default.toolIndex }, String(index + 1).padStart(2, "0")), (0, react.createElement)("span", { className: mcp_status_module_default.toolName }, tool.name), (0, react.createElement)("span", { className: mcp_status_module_default.toolDescription }, tool.description ?? ""))))))
 	});
 }
-/** A green/gray switch control for suite enable state. */
-function ToggleSwitch(props) {
-	return (0, react.createElement)("button", {
-		type: "button",
-		role: "switch",
-		"aria-checked": props.on,
-		title: props.title,
-		disabled: props.disabled,
-		className: props.on ? market_module_default.switchOn : market_module_default.switchOff,
-		onClick: (event) => {
-			event.stopPropagation();
-			props.onChange();
-		}
-	}, (0, react.createElement)("span", { className: market_module_default.switchThumb }));
+function filterLabel(t, kind) {
+	if (kind === "plugin") return t("mcpPlugin");
+	if (kind === "direct") return t("mcpDirect");
+	return t("mcpAll");
 }
-function SuiteCard(props) {
-	const { t, suite, busy } = props;
-	const tags = [
-		[t("surfaceSkills"), suite.surfaces.skills],
-		[t("surfaceMcp"), suite.surfaces.mcp],
-		[t("surfaceHooks"), suite.surfaces.hooks],
-		[t("surfaceCommands"), suite.surfaces.commands],
-		[t("surfaceAgents"), suite.surfaces.agents],
-		[t("surfaceLsp"), suite.surfaces.lsp]
-	].filter(([, count]) => count > 0);
-	const layoutLabel = suite.layout === "agent-plugin-v1" ? t("layoutV1") : suite.layout === "claude-code" ? t("layoutCC") : suite.layout === "codex" ? t("layoutCodex") : suite.layout === "universal" ? t("layoutUniversal") : suite.layout === "cursor" ? t("layoutCursor") : suite.layout === "kimi" ? t("layoutKimi") : suite.layout === "remote" ? t("layoutRemote") : t("layoutSkills");
-	const isRemote = suite.remoteUrl !== void 0;
-	const stop = (callback) => (event) => {
-		event.stopPropagation();
-		callback();
+function stateLabel(t, state) {
+	if (state === "connected") return t("mcpConnected");
+	if (state === "degraded") return t("mcpDegraded");
+	if (state === "failed") return t("mcpFailed");
+	return t("mcpDisabled");
+}
+//#endregion
+//#region src/client/page-mode-selection.ts
+/** Pure capability decision for the legacy page-mode fallback. */
+/**
+* Use the DOM page fallback only when the host has no settings page and does
+* expose a page shell for the fallback to mount into.
+*
+* @param settingsSurfaceAvailable - whether `settings.section` is live.
+* @param pageShellAvailable - whether the sidebar/conversation shell exists.
+* @returns true when the fallback is the only available market surface.
+*/
+function shouldUseLegacyPageMode(settingsSurfaceAvailable, pageShellAvailable) {
+	return !settingsSurfaceAvailable && pageShellAvailable;
+}
+//#endregion
+//#region src/client/page-mode.tsx
+/**
+* Legacy Web page-mode adapter.
+*
+* Current DSH compositions expose `settings.section`; older compositions that
+* predate that slot can still host a top-level market panel through the DOM
+* shell used by the original page-mode integration. The adapter is deliberately
+* guarded by the live settings-slot state so one composition never renders two
+* market surfaces.
+*/
+const ACTIVE_ATTRIBUTE = "data-dsh-agent-plugins-market-page";
+const VIEW_ATTRIBUTE = "data-dsh-agent-plugins-market-page-view";
+const ENTRY_ATTRIBUTE = "data-dsh-agent-plugins-market-entry";
+const SURFACE_EVENT = "dsh-agent-plugins-market-settings-surface";
+const PANEL_EVENT = "dsh-panel-activate";
+const PANEL_NAME = "agent-plugins-market";
+/** Notify the page adapter that the settings-slot capability changed. */
+const LEGACY_PAGE_MODE_SURFACE_EVENT = SURFACE_EVENT;
+const SIDEBAR_COLUMN_SELECTOR = "[data-pane=\"sidebar\"], [class*=\"sidebarCol\"]";
+const CONVERSATION_COLUMN_SELECTOR = "[data-pane=\"conversation\"], [class*=\"centerCol\"]";
+const SIDEBAR_CONTEXT_SELECTOR = "[class*=\"sessionRow\"], [class*=\"projectRow\"], [class*=\"searchResultRow\"], [class*=\"searchResultWorkspace\"], [class*=\"newSession\"]";
+/**
+* Mount the page-mode fallback and its sidebar entry.
+*
+* The fallback remains dormant when the settings surface is present. It also
+* remains a no-op in non-browser runtimes or shells that expose neither the
+* sidebar nor the conversation column.
+*
+* @param options - page-mode dependencies and host capability probe.
+* @returns disposer that removes the injected entry, panel, listeners, and
+* active document marker.
+*/
+function mountLegacyPageMode(options) {
+	if (typeof document === "undefined" || typeof MutationObserver === "undefined") return () => {};
+	let stopped = false;
+	let open = false;
+	let root;
+	let container;
+	let entry;
+	let entryLabel;
+	let observer;
+	const setActive = (next) => {
+		open = next;
+		if (open && !options.isSettingsSurfaceAvailable()) {
+			document.documentElement.setAttribute(ACTIVE_ATTRIBUTE, "");
+			document.dispatchEvent(new CustomEvent(PANEL_EVENT, { detail: PANEL_NAME }));
+		} else document.documentElement.removeAttribute(ACTIVE_ATTRIBUTE);
 	};
-	return (0, react.createElement)("article", {
-		className: market_module_default.card,
-		onClick: props.onOpen
-	}, (0, react.createElement)("div", { className: market_module_default.cardTop }, (0, react.createElement)("div", { className: market_module_default.cardTitle }, (0, react.createElement)("span", { className: market_module_default.cardName }, suite.name), suite.version === void 0 ? null : (0, react.createElement)("span", { className: market_module_default.version }, `v${suite.version}`)), (0, react.createElement)("div", { className: market_module_default.cardActions }, suite.installed ? (0, react.createElement)(ToggleSwitch, {
-		on: suite.enabled,
-		disabled: busy,
-		title: suite.enabled ? t("disable") : t("enable"),
-		onChange: props.onToggle
-	}) : isRemote ? (0, react.createElement)(_deepseek_ai_dsh_client_ui_primitives.Button, {
-		variant: "primary",
-		size: "sm",
-		disabled: busy,
-		title: suite.remoteUrl,
-		onClick: stop(props.onAddSource)
-	}, t("addSource")) : (0, react.createElement)(_deepseek_ai_dsh_client_ui_primitives.Button, {
-		variant: "primary",
-		size: "sm",
-		disabled: busy,
-		onClick: stop(props.onInstall)
-	}, t("install")), suite.installed ? (0, react.createElement)(_deepseek_ai_dsh_client_ui_primitives.Button, {
-		variant: "ghost",
-		size: "sm",
-		title: t("refresh"),
-		disabled: busy,
-		onClick: stop(props.onRefresh)
-	}, "↻") : null, suite.installed ? (0, react.createElement)(_deepseek_ai_dsh_client_ui_primitives.Button, {
-		variant: "ghost",
-		size: "sm",
-		title: t("uninstall"),
-		disabled: busy,
-		onClick: stop(props.onUninstall)
-	}, "🗑") : null)), (0, react.createElement)("p", { className: market_module_default.desc }, suite.description ?? ""), (0, react.createElement)("div", { className: market_module_default.meta }, (0, react.createElement)("span", { className: market_module_default.src }, `${suite.sourceId} · ${isRemote ? t("remoteRef") : suite.dimension === "user" ? t("dimensionUser") : t("dimensionProject")}`), (0, react.createElement)("span", { className: market_module_default.tag }, layoutLabel), suite.installed ? (0, react.createElement)("span", { className: suite.enabled ? market_module_default.okState : market_module_default.tag }, suite.enabled ? `✓ ${t("installedBadge")}` : t("installedBadge")) : null, ...tags.map(([label, count]) => (0, react.createElement)("span", {
-		key: label,
-		className: market_module_default.tag
-	}, `${label} ${count}`)), suite.errors.length === 0 ? null : (0, react.createElement)(_deepseek_ai_dsh_client_ui_primitives.Tooltip, {
-		label: suite.errors.slice(0, 8).join("；"),
-		children: (0, react.createElement)("span", { className: market_module_default.warnLine }, `⚠ ${t("errors")} ${suite.errors.length}`)
-	}), (suite.mcpErrors?.length ?? 0) === 0 ? null : (0, react.createElement)(_deepseek_ai_dsh_client_ui_primitives.Tooltip, {
-		label: suite.mcpErrors.slice(0, 8).join("；"),
-		children: (0, react.createElement)("span", { className: market_module_default.warnLine }, `⚠ ${t("mcpSection")} ${suite.mcpErrors.length}`)
-	})));
+	const removeView = () => {
+		setActive(false);
+		root?.unmount();
+		root = void 0;
+		container?.remove();
+		container = void 0;
+	};
+	const renderView = () => {
+		if (root === void 0) return;
+		root.render((0, react.createElement)(MarketSection, {
+			t: options.t,
+			mode: "page"
+		}));
+	};
+	const updateEntryCopy = () => {
+		if (entryLabel === void 0 || entry === void 0) return;
+		const label = options.t("nav");
+		entryLabel.textContent = label;
+		entry.title = label;
+		entry.setAttribute("aria-label", label);
+	};
+	const ensureView = () => {
+		if (stopped || options.isSettingsSurfaceAvailable()) {
+			removeView();
+			return;
+		}
+		const column = conversationColumn();
+		if (!shouldUseLegacyPageMode(options.isSettingsSurfaceAvailable(), column !== void 0)) {
+			removeView();
+			return;
+		}
+		if (column === void 0) return;
+		if (container !== void 0 && container.isConnected) return;
+		root?.unmount();
+		container?.remove();
+		container = document.createElement("div");
+		container.setAttribute(VIEW_ATTRIBUTE, "");
+		container.className = market_module_default.pageView;
+		column.appendChild(container);
+		root = (0, react_dom_client.createRoot)(container);
+		renderView();
+	};
+	const ensureEntry = () => {
+		if (stopped || options.isSettingsSurfaceAvailable()) {
+			entry?.remove();
+			return;
+		}
+		const rootElement = sidebarRoot();
+		const anchor = rootElement === void 0 ? void 0 : newSessionButton(rootElement);
+		if (rootElement === void 0 || anchor === void 0 || anchor.parentElement === null) return;
+		if (entry === void 0) {
+			entry = createEntry(() => {
+				setActive(!open);
+				ensureView();
+			});
+			entryLabel = entry.querySelector("[data-dsh-agent-plugins-market-label]") ?? void 0;
+			updateEntryCopy();
+		}
+		if (entry.parentElement !== anchor.parentElement || entry.previousSibling !== anchor) anchor.insertAdjacentElement("afterend", entry);
+	};
+	const observeShell = () => {
+		if (stopped || observer !== void 0 || options.isSettingsSurfaceAvailable()) return;
+		observer = new MutationObserver(ensure);
+		observer.observe(document.body ?? document.documentElement, {
+			childList: true,
+			subtree: true
+		});
+	};
+	const stopObservingShell = () => {
+		observer?.disconnect();
+		observer = void 0;
+	};
+	const ensure = () => {
+		if (stopped) return;
+		if (options.isSettingsSurfaceAvailable()) {
+			stopObservingShell();
+			removeView();
+			entry?.remove();
+			return;
+		}
+		observeShell();
+		ensureView();
+		ensureEntry();
+	};
+	const onLocale = () => {
+		updateEntryCopy();
+		renderView();
+	};
+	const onSurfaceChange = () => {
+		ensure();
+	};
+	const unsubscribeLocale = options.subscribeLocale?.(onLocale);
+	const onPanelActivate = (event) => {
+		if (event.detail !== PANEL_NAME && open) setActive(false);
+	};
+	const onSidebarContextClick = (event) => {
+		if (!open) return;
+		const target = event.target;
+		if (!(target instanceof HTMLElement) || target.closest(SIDEBAR_CONTEXT_SELECTOR) === null) return;
+		setActive(false);
+	};
+	document.addEventListener(PANEL_EVENT, onPanelActivate);
+	document.addEventListener(SURFACE_EVENT, onSurfaceChange);
+	document.addEventListener("click", onSidebarContextClick, true);
+	queueMicrotask(ensure);
+	return () => {
+		stopped = true;
+		unsubscribeLocale?.();
+		document.removeEventListener(PANEL_EVENT, onPanelActivate);
+		document.removeEventListener(SURFACE_EVENT, onSurfaceChange);
+		document.removeEventListener("click", onSidebarContextClick, true);
+		stopObservingShell();
+		entry?.remove();
+		removeView();
+	};
+}
+function sidebarRoot() {
+	const column = document.querySelector(SIDEBAR_COLUMN_SELECTOR);
+	if (column === null) return void 0;
+	return column.querySelector("[class*=\"logoRow\"]")?.parentElement ?? column.firstElementChild ?? void 0;
+}
+function newSessionButton(root) {
+	const nested = root.querySelector("button[class*=\"newSession\"]");
+	if (nested !== null) return nested;
+	for (const child of root.children) if (child instanceof HTMLButtonElement) return child;
+}
+function conversationColumn() {
+	return document.querySelector(CONVERSATION_COLUMN_SELECTOR) ?? void 0;
+}
+function createEntry(onClick) {
+	const button = document.createElement("button");
+	button.type = "button";
+	button.setAttribute(ENTRY_ATTRIBUTE, "");
+	button.className = market_module_default.pageEntry;
+	button.innerHTML = "<svg viewBox=\"0 0 16 16\" width=\"14\" height=\"14\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.3\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><rect x=\"2\" y=\"2\" width=\"5\" height=\"5\" rx=\"1\"/><rect x=\"9\" y=\"2\" width=\"5\" height=\"5\" rx=\"1\"/><rect x=\"2\" y=\"9\" width=\"5\" height=\"5\" rx=\"1\"/><rect x=\"9\" y=\"9\" width=\"5\" height=\"5\" rx=\"1\"/></svg>";
+	const label = document.createElement("span");
+	label.dataset.dshAgentPluginsMarketLabel = "";
+	button.append(label);
+	button.addEventListener("click", onClick);
+	return button;
 }
 //#endregion
 //#region src/client/index.ts
 /**
 * dsh-agent-plugins-market client: registers the Agent Plugins Market section inside the Web
-* GUI's settings dialog (the same settings.section seat dshmarket uses).
-* Mirrors the market's integration contract: the bundle's only externals are
-* react and the injected `dsh.client.inject` module table, so it cannot reach
-* packages the host does not serve.
+* GUI's settings page (the same settings.section seat dshmarket uses), with a
+* guarded legacy top-level page fallback for older shells. The bundle's
+* browser externals are React, ReactDOM, and the injected `dsh.client.inject`
+* module table, so it cannot reach packages the host does not serve.
 */
 const NS = "dsh-agent-plugins-market";
 const name = "dsh-agent-plugins-market";
@@ -1038,14 +1765,44 @@ function apply(ctx) {
 		console.warn(`[dsh-agent-plugins-market] host ui-primitives missing ${gaps.join(", ")} — Agent Plugins Market section disabled (dsh web >= 0.1.0-rc.6 required)`);
 		return;
 	}
-	ctx.slots.inject("settings.section", () => ctx.slots.register({
-		name: "settings.section",
-		id: "agent-plugin",
-		order: 45,
-		label: () => t("nav"),
-		locale: NS,
-		inject: () => ({ t })
-	}, () => (0, react.createElement)(MarketSection, { t })));
+	let settingsSurfaceAvailable = false;
+	ctx.effect(() => mountLegacyPageMode({
+		t,
+		isSettingsSurfaceAvailable: () => settingsSurfaceAvailable,
+		subscribeLocale: ctx.locale.subscribe === void 0 ? void 0 : (listener) => ctx.locale.subscribe(listener)
+	}), "dsh-agent-plugins-market: legacy page mode");
+	ctx.slots.inject("settings.section", () => {
+		settingsSurfaceAvailable = true;
+		notifyPageModeSurfaceChange();
+		const marketDispose = ctx.slots.register({
+			name: "settings.section",
+			id: "agent-plugin",
+			order: 45,
+			label: () => t("nav"),
+			locale: NS,
+			inject: () => ({ t })
+		}, () => (0, react.createElement)(MarketSection, {
+			t,
+			mode: "settings"
+		}));
+		const mcpDispose = ctx.slots.register({
+			name: "settings.section",
+			id: "mcp-status",
+			order: 46,
+			label: () => t("mcpStatusNav"),
+			locale: NS,
+			inject: () => ({ t })
+		}, () => (0, react.createElement)(McpStatusPanel, { t }));
+		return () => {
+			settingsSurfaceAvailable = false;
+			notifyPageModeSurfaceChange();
+			if (typeof mcpDispose === "function") mcpDispose();
+			if (typeof marketDispose === "function") marketDispose();
+		};
+	});
+}
+function notifyPageModeSurfaceChange() {
+	if (typeof document !== "undefined") document.dispatchEvent(new Event(LEGACY_PAGE_MODE_SURFACE_EVENT));
 }
 //#endregion
 exports.REQUIRED_PRIMITIVES = REQUIRED_PRIMITIVES;