@sparkelf/dsh-client-ui-skill-center 0.2.1-rc.2.4 → 0.2.2-alpha.2.2

package/lib/client.js

@@ -8,7 +8,7 @@ window.__ModuleLoader__.load({
 		let _deepseek_ai_dsh_client_ui_primitives = require("@deepseek-ai/dsh-client-ui-primitives");
 		let react_jsx_runtime = require("react/jsx-runtime");
 		//#region \0dsh-css:/root/projects/deepseek-harness-plus/packages/plus/ui-skill-center/src/client/SkillCenterPage.module.css.mjs
-		const css = ".DGiSta_page{box-sizing:border-box;height:100%;color:var(--dsw-alias-label-primary);--dsh-scrollbar-thumb:var(--dsw-alias-scrollbar-bg-l2);--dsh-scrollbar-thumb-hover:var(--dsw-alias-scrollbar-hover-l2);flex-direction:column;align-items:center;gap:16px;padding:24px clamp(24px,4vw,40px) 40px;display:flex;overflow:auto}.DGiSta_page>*{width:100%;max-width:960px}.DGiSta_pageHead{justify-content:space-between;align-items:center;gap:16px;display:flex}.DGiSta_pageTitle{margin:0;font-size:20px;font-weight:500;line-height:28px}.DGiSta_toolbar{justify-content:flex-end;align-items:center;gap:16px;display:flex}.DGiSta_iconButton{width:28px;height:28px;color:var(--dsw-alias-label-caption);cursor:pointer;background:0 0;border:0;border-radius:28px;justify-content:center;align-items:center;display:inline-flex}.DGiSta_iconButton:hover:not(:disabled){background:var(--dsw-alias-interactive-bg-hover);color:var(--dsw-alias-label-secondary)}.DGiSta_iconButton:focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:1px}.DGiSta_iconWrap{display:inline-flex}.DGiSta_search{width:100%}.DGiSta_group{min-width:0}.DGiSta_groupTitle{align-items:baseline;gap:8px;margin:0 0 8px;font-size:14px;font-weight:500;line-height:20px;display:flex}.DGiSta_groupCount{color:var(--dsw-alias-label-tertiary);font-size:12px;font-weight:400}.DGiSta_cards{grid-template-columns:repeat(auto-fill,minmax(272px,1fr));align-items:start;gap:12px;margin:0;padding:0;list-style:none;display:grid}.DGiSta_card{border:.5px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-1);border-radius:10px;flex-direction:column;align-self:start;gap:10px;min-width:0;padding:12px;display:flex}.DGiSta_cardHead{align-items:center;gap:10px;min-width:0;display:flex}.DGiSta_cardIcon{corner-shape:round;background:var(--dsw-alias-bg-layer-2);width:28px;height:28px;color:var(--dsw-alias-label-secondary);border-radius:50%;flex:none;place-items:center;display:grid}.DGiSta_cardForeign{opacity:.72}.DGiSta_workspaceBadge{background:var(--dsw-alias-interactive-bg-hover);color:var(--dsw-alias-label-secondary);vertical-align:middle;border-radius:4px;margin-left:8px;padding:1px 6px;font-size:11px;font-weight:400;line-height:16px}.DGiSta_cardTitle{text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;line-height:20px;overflow:hidden}.DGiSta_cardTitleRow{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.DGiSta_cardMarks{flex-wrap:wrap;gap:6px;margin-top:2px;display:flex}.DGiSta_mark{color:var(--dsw-alias-state-business-primary);white-space:nowrap;background:#ecf1fc;border:0;border-radius:4px;padding:2px 7px;font-size:11px;font-weight:500;line-height:16px}.DGiSta_markOff,.DGiSta_markDanger{background:#ecf1fc}.DGiSta_detail{flex-direction:column;gap:12px;margin:0;display:flex}.DGiSta_cardActions{flex:none;align-items:center;gap:4px;display:inline-flex}.DGiSta_detailRow{flex-direction:column;gap:2px;display:flex}.DGiSta_detailLabel{color:var(--dsw-alias-label-caption);font-size:11px;line-height:16px}.DGiSta_detailValue{color:var(--dsw-alias-label-secondary);overflow-wrap:anywhere;margin:0;font-size:12px;line-height:18px}.DGiSta_cardEnd{flex:none;justify-content:space-between;align-items:center;gap:8px;margin-top:auto;padding-top:2px;display:flex}.DGiSta_cardBody{flex-direction:column;gap:6px;min-width:0;display:flex}.DGiSta_switch{background:var(--dsw-alias-border-l3);cursor:pointer;border:none;border-radius:10px;width:36px;height:20px;transition:background .12s;position:relative}.DGiSta_switch:focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:1px}.DGiSta_switchOn{background:var(--dsw-alias-state-success-primary)}.DGiSta_switch:after{content:\"\";corner-shape:round;background:var(--dsw-alias-bg-layer-1);border-radius:50%;width:16px;height:16px;transition:transform .12s;position:absolute;top:2px;left:2px}.DGiSta_switchOn:after{transform:translate(16px)}.DGiSta_dialog{width:min(560px,100%)}.DGiSta_form{flex-direction:column;gap:12px;display:flex}.DGiSta_field{flex-direction:column;gap:4px;display:flex}.DGiSta_fieldLabel{color:var(--dsw-alias-label-secondary);font-size:12px;line-height:18px}.DGiSta_input{box-sizing:border-box;border:.5px solid var(--dsw-alias-border-l3);height:32px;color:var(--dsw-alias-label-primary);background:0 0;border-radius:8px;padding:0 10px;font-size:13px}.DGiSta_textarea{box-sizing:border-box;border:.5px solid var(--dsw-alias-border-l3);min-height:80px;color:var(--dsw-alias-label-primary);font-family:var(--dsw-font-markdown-code-block-small);resize:vertical;background:0 0;border-radius:8px;padding:8px 10px;font-size:12px}.DGiSta_status{text-align:center;color:var(--dsw-alias-label-tertiary);padding:32px 0;font-size:13px}.DGiSta_statusError{color:var(--dsw-alias-state-error-primary)}.DGiSta_cardSummary{color:var(--dsw-alias-label-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;line-height:18px;display:-webkit-box;overflow:hidden}.DGiSta_body{flex-direction:column;gap:4px;min-width:0;margin-top:16px;display:flex}.DGiSta_bodyLabel{color:var(--dsw-alias-label-caption);margin:0;font-size:11px;font-weight:500;line-height:16px}.DGiSta_bodyPre{background:var(--dsw-alias-markdown-code-block);max-height:46vh;color:var(--dsw-alias-label-primary);font-family:var(--dsw-font-markdown-code-block-small-font-family);font-size:var(--dsw-font-markdown-code-block-small-font-size);line-height:var(--dsw-font-markdown-code-block-small-line-height);white-space:pre-wrap;overflow-wrap:anywhere;--dsh-scrollbar-thumb:var(--dsw-alias-scrollbar-bg-l2);--dsh-scrollbar-thumb-hover:var(--dsw-alias-scrollbar-hover-l2);border-radius:8px;margin:0;padding:12px;overflow:auto}.DGiSta_bodyStatus{color:var(--dsw-alias-label-tertiary);margin:0;font-size:12px;line-height:18px}.DGiSta_bodyError{color:var(--dsw-alias-state-error-primary);}.DGiSta_progressRow{align-items:center;gap:8px;margin-bottom:12px;display:flex}.DGiSta_progressLabel{color:var(--dsw-alias-label-secondary);white-space:nowrap;font-size:12px;line-height:18px}.DGiSta_progressTrack{background:var(--dsw-alias-border-l2);border-radius:2px;flex:1;height:4px;overflow:hidden}.DGiSta_progressFill{background:var(--dsw-alias-label-primary);border-radius:2px;height:100%;transition:width .2s;display:block}.DGiSta_progressCount{color:var(--dsw-alias-label-secondary);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:12px;line-height:18px}";
+		const css = ".DGiSta_page{box-sizing:border-box;width:100%;height:100%;color:var(--dsw-alias-label-primary);background:var(--dsw-alias-bg-base);--dsh-scrollbar-thumb:var(--dsw-alias-scrollbar-bg-l2);--dsh-scrollbar-thumb-hover:var(--dsw-alias-scrollbar-hover-l2);padding:0 0 48px;overflow:auto}.DGiSta_pageContent{width:100%;max-width:960px;margin:0 auto;padding:0 clamp(24px,4vw,48px)}.DGiSta_pageHead{justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;padding-top:28px;display:flex}.DGiSta_pageTitle{margin:0;font-size:20px;font-weight:500;line-height:28px}.DGiSta_toolbar{justify-content:flex-end;align-items:center;gap:16px;display:flex}.DGiSta_iconButton{width:28px;height:28px;color:var(--dsw-alias-label-caption);cursor:pointer;background:0 0;border:0;border-radius:28px;justify-content:center;align-items:center;display:inline-flex}.DGiSta_iconButton:hover:not(:disabled){background:var(--dsw-alias-interactive-bg-hover);color:var(--dsw-alias-label-secondary)}.DGiSta_iconButton:focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:1px}.DGiSta_iconWrap{display:inline-flex}.DGiSta_tabs{flex-wrap:wrap;align-items:center;gap:8px 12px;margin-bottom:14px;display:flex}.DGiSta_tab{height:28px;color:var(--dsw-alias-label-tertiary);font:inherit;white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:14px;flex:none;align-items:center;gap:6px;padding:0 10px;font-size:14px;line-height:22px;display:inline-flex}@media (hover:hover){.DGiSta_tab:hover{background:var(--dsw-alias-interactive-bg-hover)}}.DGiSta_tab:focus-visible{outline:2px solid var(--dsw-focus-ring-color,var(--dsw-alias-state-business-primary));outline-offset:2px}.DGiSta_tabActive{background:var(--dsw-alias-interactive-bg-hover);color:var(--dsw-alias-label-primary)}.DGiSta_tabCount{color:var(--dsw-alias-label-tertiary);font-variant-numeric:tabular-nums;font-size:12px;line-height:18px}.DGiSta_tabActive .DGiSta_tabCount{color:var(--dsw-alias-label-secondary)}.DGiSta_searchField{box-sizing:border-box;border:.5px solid var(--dsw-alias-border-l3);width:100%;height:36px;color:var(--dsw-alias-label-tertiary);border-radius:12px;align-items:center;gap:4px;margin:0 0 16px;padding:0 10px;transition:border-color .15s;display:flex}@media (hover:hover){.DGiSta_searchField:hover{border-color:var(--dsw-alias-border-l2)}}.DGiSta_searchField:focus-within{border-color:var(--dsw-alias-state-business-primary)}.DGiSta_searchField>:first-child{background:0 0;border:0;border-radius:0;flex:1;min-width:0;height:100%;padding:0}.DGiSta_searchField>:first-child:focus-within{border-color:#0000}.DGiSta_searchField>:first-child svg{width:14px;height:14px}.DGiSta_searchField input::placeholder{color:var(--dsw-alias-label-caption)}.DGiSta_searchField input:focus-visible{outline:none}.DGiSta_searchField input::-webkit-search-cancel-button{display:none}.DGiSta_searchClear{width:28px;height:28px;color:var(--dsw-alias-label-tertiary);flex:none;margin-right:-6px;padding:0}.DGiSta_tabPanel,.DGiSta_plazaPanel,.DGiSta_group{min-width:0}.DGiSta_groupTitle{align-items:baseline;gap:8px;margin:0 0 8px;font-size:14px;font-weight:500;line-height:20px;display:flex}.DGiSta_groupCount{color:var(--dsw-alias-label-tertiary);font-size:12px;font-weight:400}.DGiSta_cards{grid-template-columns:repeat(auto-fill,minmax(272px,1fr));align-content:start;align-items:stretch;gap:12px;margin:0;padding:0;list-style:none;display:grid}.DGiSta_card{border:.5px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-1);border-radius:10px;flex-direction:column;gap:10px;min-width:0;min-height:0;padding:12px;display:flex}.DGiSta_cardHead{align-items:center;gap:10px;min-width:0;display:flex}.DGiSta_cardIcon{corner-shape:round;background:var(--dsw-alias-bg-layer-2);width:28px;height:28px;color:var(--dsw-alias-label-secondary);border-radius:50%;flex:none;place-items:center;display:grid}.DGiSta_cardForeign{opacity:.72}.DGiSta_workspaceBadge{background:var(--dsw-alias-interactive-bg-hover);color:var(--dsw-alias-label-secondary);vertical-align:middle;border-radius:4px;margin-left:8px;padding:1px 6px;font-size:11px;font-weight:400;line-height:16px}.DGiSta_cardTitle{text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;line-height:20px;overflow:hidden}.DGiSta_cardTitleRow{flex:1;align-items:center;gap:8px;min-width:0;min-height:26px;display:flex}.DGiSta_cardMarks{flex-wrap:wrap;gap:6px;min-height:18px;margin-top:2px;display:flex}.DGiSta_mark{color:var(--dsw-alias-state-business-primary);white-space:nowrap;background:#ecf1fc;border:0;border-radius:4px;padding:2px 7px;font-size:11px;font-weight:500;line-height:16px}.DGiSta_markOff,.DGiSta_markDanger{background:#ecf1fc}.DGiSta_detail{flex-direction:column;gap:12px;margin:0;display:flex}.DGiSta_cardActions{flex:none;align-items:center;gap:4px;display:inline-flex}.DGiSta_cardActions button{border-radius:6px;justify-content:center;align-items:center;height:28px;min-height:28px;padding:0 10px;font-size:12px;line-height:18px;display:inline-flex}.DGiSta_detailRow{flex-direction:column;gap:2px;display:flex}.DGiSta_detailLabel{color:var(--dsw-alias-label-caption);font-size:11px;line-height:16px}.DGiSta_detailValue{color:var(--dsw-alias-label-secondary);overflow-wrap:anywhere;margin:0;font-size:12px;line-height:18px}.DGiSta_cardEnd{flex:none;justify-content:space-between;align-items:center;gap:8px;margin-top:auto;padding-top:2px;display:flex}.DGiSta_cardBody{flex-direction:column;gap:6px;min-width:0;display:flex}.DGiSta_switch{background:var(--dsw-alias-border-l3);cursor:pointer;border:none;border-radius:10px;width:36px;height:20px;transition:background .12s;position:relative}.DGiSta_switch:focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:1px}.DGiSta_switchOn{background:var(--dsw-alias-state-success-primary)}.DGiSta_switch:after{content:\"\";corner-shape:round;background:var(--dsw-alias-bg-layer-1);border-radius:50%;width:16px;height:16px;transition:transform .12s;position:absolute;top:2px;left:2px}.DGiSta_switchOn:after{transform:translate(16px)}.DGiSta_dialog{color-scheme:light;width:min(560px,100%)}body[data-ds-dark-theme] .DGiSta_dialog{color-scheme:dark}.DGiSta_publishDialog.DGiSta_publishDialog{color-scheme:light;gap:0;width:min(720px,100vw - 32px);max-width:100%;max-height:min(82vh,760px);padding:0 0 20px}body[data-ds-dark-theme] .DGiSta_publishDialog.DGiSta_publishDialog{color-scheme:dark}.DGiSta_dialogHeader{flex:none;justify-content:space-between;align-items:center;gap:8px;padding:22px 24px 12px;display:flex}.DGiSta_dialogTitle{color:var(--dsw-alias-label-primary);margin:0;font-size:16px;font-weight:500;line-height:24px}.DGiSta_dialogClose{width:28px;height:28px;color:var(--dsw-alias-label-secondary);cursor:pointer;background:0 0;border:none;border-radius:8px;flex:none;justify-content:center;align-items:center;display:inline-flex}.DGiSta_dialogClose:hover{background:var(--dsw-alias-interactive-bg-hover)}.DGiSta_dialogClose:focus-visible{outline:2px solid var(--dsw-focus-ring-color,var(--dsw-alias-state-business-primary));outline-offset:2px}.DGiSta_dialogBody{overscroll-behavior:contain;--dsh-scrollbar-thumb:var(--dsw-alias-scrollbar-bg-l2);--dsh-scrollbar-thumb-hover:var(--dsw-alias-scrollbar-hover-l2);flex:1;min-height:0;padding:0 24px;overflow-y:auto}.DGiSta_dialogFooter{flex:none;justify-content:flex-end;align-items:center;gap:8px;padding:16px 24px 0;display:flex}.DGiSta_dialogBody .DGiSta_textarea{min-height:200px}.DGiSta_form{flex-direction:column;gap:12px;display:flex}.DGiSta_field{flex-direction:column;gap:4px;display:flex}.DGiSta_fieldLabel{color:var(--dsw-alias-label-secondary);font-size:12px;line-height:18px}.DGiSta_input{box-sizing:border-box;border:.5px solid var(--dsw-alias-border-l3);height:32px;color:var(--dsw-alias-label-primary);accent-color:var(--dsw-alias-state-business-primary);background:0 0;border-radius:8px;padding:0 10px;font-size:13px}.DGiSta_input:hover:not(:disabled){border-color:var(--dsw-alias-border-l2)}.DGiSta_input:focus-visible{outline:2px solid var(--dsw-focus-ring-color,var(--dsw-alias-state-business-primary));outline-offset:1px;border-color:var(--dsw-alias-state-business-primary)}.DGiSta_input:disabled{color:var(--dsw-alias-label-tertiary);background:var(--dsw-alias-bg-secondary);cursor:default}.DGiSta_input option{background-color:var(--dsw-alias-bg-layer-2);color:var(--dsw-alias-label-primary)}.DGiSta_input option:disabled{color:var(--dsw-alias-label-caption)}.DGiSta_textarea{box-sizing:border-box;border:.5px solid var(--dsw-alias-border-l3);min-height:80px;color:var(--dsw-alias-label-primary);font-family:var(--dsw-font-markdown-code-block-small);resize:vertical;background:0 0;border-radius:8px;padding:8px 10px;font-size:12px}.DGiSta_status{text-align:center;color:var(--dsw-alias-label-tertiary);padding:32px 0;font-size:13px}.DGiSta_statusError{color:var(--dsw-alias-state-error-primary)}.DGiSta_cardSummary{color:var(--dsw-alias-label-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:36px;font-size:12px;line-height:18px;display:-webkit-box;overflow:hidden}.DGiSta_body{flex-direction:column;gap:4px;min-width:0;margin-top:16px;display:flex}.DGiSta_bodyLabel{color:var(--dsw-alias-label-caption);margin:0;font-size:11px;font-weight:500;line-height:16px}.DGiSta_bodyPre{background:var(--dsw-alias-markdown-code-block);max-height:46vh;color:var(--dsw-alias-label-primary);font-family:var(--dsw-font-markdown-code-block-small-font-family);font-size:var(--dsw-font-markdown-code-block-small-font-size);line-height:var(--dsw-font-markdown-code-block-small-line-height);white-space:pre-wrap;overflow-wrap:anywhere;--dsh-scrollbar-thumb:var(--dsw-alias-scrollbar-bg-l2);--dsh-scrollbar-thumb-hover:var(--dsw-alias-scrollbar-hover-l2);border-radius:8px;margin:0;padding:12px;overflow:auto}.DGiSta_bodyStatus{color:var(--dsw-alias-label-tertiary);margin:0;font-size:12px;line-height:18px}.DGiSta_bodyError{color:var(--dsw-alias-state-error-primary);}.DGiSta_progressRow{align-items:center;gap:8px;margin-bottom:12px;display:flex}.DGiSta_progressLabel{color:var(--dsw-alias-label-secondary);white-space:nowrap;font-size:12px;line-height:18px}.DGiSta_progressTrack{background:var(--dsw-alias-border-l2);border-radius:2px;flex:1;height:4px;overflow:hidden}.DGiSta_progressFill{background:var(--dsw-alias-label-primary);border-radius:2px;height:100%;transition:width .2s;display:block}.DGiSta_progressCount{color:var(--dsw-alias-label-secondary);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:12px;line-height:18px}.DGiSta_plazaBadge{white-space:nowrap;border:.5px solid var(--dsw-alias-border-l2);border-radius:4px;flex:none;padding:0 6px;font-size:11px;line-height:18px}.DGiSta_plazaBadgeLocal{color:var(--dsw-alias-label-tertiary);background:var(--dsw-alias-bg-secondary)}.DGiSta_plazaBadgePending,.DGiSta_plazaBadgeApproved{color:var(--dsw-alias-label-primary);background:var(--dsw-alias-bg-secondary)}.DGiSta_plazaBadgeRejected{color:var(--dsw-alias-label-error);background:var(--dsw-alias-bg-secondary)}.DGiSta_plazaSharedTag{color:var(--dsw-alias-label-secondary);background:var(--dsw-alias-bg-secondary);border-radius:4px;flex:none;padding:0 6px;font-size:11px;line-height:18px}.DGiSta_plazaReason{color:var(--dsw-alias-label-error);margin-top:4px;font-size:12px;line-height:18px}.DGiSta_plazaScopeHint{color:var(--dsw-alias-label-tertiary);font-size:12px;line-height:18px}.DGiSta_connectorTab{flex-direction:column;gap:12px;min-width:0;display:flex}.DGiSta_connectorDemoNote{background:var(--dsw-specific-sidebar-fill);color:var(--dsw-alias-label-secondary);border-radius:10px;align-items:center;gap:8px;padding:9px 12px;font-size:12px;line-height:18px;display:flex}.DGiSta_connectorDemoTag{background:var(--dsw-alias-bg-module-platform);color:var(--dsw-alias-label-tertiary);border-radius:4px;flex:none;padding:0 6px;font-size:11px;line-height:18px}.DGiSta_connectorGrid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));align-items:start;gap:12px;display:grid}.DGiSta_connectorCard{border:.5px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-1);border-radius:12px;flex-direction:column;gap:10px;min-width:0;padding:14px;display:flex}.DGiSta_connectorHead{align-items:center;gap:10px;min-width:0;display:flex}.DGiSta_connectorIcon{background:var(--dsw-alias-bg-module-platform);width:32px;height:32px;color:var(--dsw-alias-state-business-primary);border-radius:9px;flex:none;place-items:center;display:grid}.DGiSta_connectorIdentity{flex:1;min-width:0}.DGiSta_connectorName{color:var(--dsw-alias-label-primary);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;line-height:20px;overflow:hidden}.DGiSta_connectorVendor{color:var(--dsw-alias-label-tertiary);margin-top:2px;font-size:11px;line-height:16px}.DGiSta_connectorDescription{color:var(--dsw-alias-label-secondary);margin:0;font-size:12px;line-height:18px}.DGiSta_connectorError{color:var(--dsw-alias-state-error-primary);margin:0;font-size:12px;line-height:18px}.DGiSta_connectorToggleRow{justify-content:space-between;align-items:center;gap:12px;min-height:28px;display:flex}.DGiSta_connectorToggleLabel{color:var(--dsw-alias-label-secondary);font-size:12px;line-height:18px}.DGiSta_capabilityList{border-top:.5px solid var(--dsw-alias-border-l2);flex-direction:column;gap:2px;padding-top:10px;display:flex}.DGiSta_capabilityTitle{color:var(--dsw-alias-label-tertiary);margin-bottom:4px;font-size:11px;line-height:16px}.DGiSta_capabilityRow{justify-content:space-between;align-items:center;gap:12px;min-height:44px;padding:6px 0;display:flex}.DGiSta_capabilityRow+.DGiSta_capabilityRow{border-top:.5px solid var(--dsw-alias-border-l1)}.DGiSta_capabilityCopy{flex:1;min-width:0}.DGiSta_capabilityName{color:var(--dsw-alias-label-primary);font-size:12px;line-height:18px}.DGiSta_capabilityDescription{color:var(--dsw-alias-label-tertiary);margin-top:1px;font-size:11px;line-height:16px}.DGiSta_capabilityReason{color:var(--dsw-alias-state-warn-primary);margin-top:3px;font-size:11px;line-height:16px}.DGiSta_capabilityEmpty{color:var(--dsw-alias-label-tertiary);padding:8px 0;font-size:12px;line-height:18px}.DGiSta_connectorFailed{background:var(--dsw-alias-bg-layer-1);color:var(--dsw-alias-state-error-primary);border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;font-size:12px;line-height:18px;display:flex}";
 		const tagId = "@sparkelf/dsh-client-ui-skill-center/SkillCenterPage.module.css";
 		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId) + "]") === null) {
 			const tag = document.createElement("style");
@@ -23,6 +23,14 @@ window.__ModuleLoader__.load({
 			"bodyLabel": "DGiSta_bodyLabel",
 			"bodyPre": "DGiSta_bodyPre",
 			"bodyStatus": "DGiSta_bodyStatus",
+			"capabilityCopy": "DGiSta_capabilityCopy",
+			"capabilityDescription": "DGiSta_capabilityDescription",
+			"capabilityEmpty": "DGiSta_capabilityEmpty",
+			"capabilityList": "DGiSta_capabilityList",
+			"capabilityName": "DGiSta_capabilityName",
+			"capabilityReason": "DGiSta_capabilityReason",
+			"capabilityRow": "DGiSta_capabilityRow",
+			"capabilityTitle": "DGiSta_capabilityTitle",
 			"card": "DGiSta_card",
 			"cardActions": "DGiSta_cardActions",
 			"cardBody": "DGiSta_cardBody",
@@ -35,11 +43,31 @@ window.__ModuleLoader__.load({
 			"cardTitle": "DGiSta_cardTitle",
 			"cardTitleRow": "DGiSta_cardTitleRow",
 			"cards": "DGiSta_cards",
+			"connectorCard": "DGiSta_connectorCard",
+			"connectorDemoNote": "DGiSta_connectorDemoNote",
+			"connectorDemoTag": "DGiSta_connectorDemoTag",
+			"connectorDescription": "DGiSta_connectorDescription",
+			"connectorError": "DGiSta_connectorError",
+			"connectorFailed": "DGiSta_connectorFailed",
+			"connectorGrid": "DGiSta_connectorGrid",
+			"connectorHead": "DGiSta_connectorHead",
+			"connectorIcon": "DGiSta_connectorIcon",
+			"connectorIdentity": "DGiSta_connectorIdentity",
+			"connectorName": "DGiSta_connectorName",
+			"connectorTab": "DGiSta_connectorTab",
+			"connectorToggleLabel": "DGiSta_connectorToggleLabel",
+			"connectorToggleRow": "DGiSta_connectorToggleRow",
+			"connectorVendor": "DGiSta_connectorVendor",
 			"detail": "DGiSta_detail",
 			"detailLabel": "DGiSta_detailLabel",
 			"detailRow": "DGiSta_detailRow",
 			"detailValue": "DGiSta_detailValue",
 			"dialog": "DGiSta_dialog",
+			"dialogBody": "DGiSta_dialogBody",
+			"dialogClose": "DGiSta_dialogClose",
+			"dialogFooter": "DGiSta_dialogFooter",
+			"dialogHeader": "DGiSta_dialogHeader",
+			"dialogTitle": "DGiSta_dialogTitle",
 			"field": "DGiSta_field",
 			"fieldLabel": "DGiSta_fieldLabel",
 			"form": "DGiSta_form",
@@ -53,18 +81,35 @@ window.__ModuleLoader__.load({
 			"markDanger": "DGiSta_markDanger",
 			"markOff": "DGiSta_markOff",
 			"page": "DGiSta_page",
+			"pageContent": "DGiSta_pageContent",
 			"pageHead": "DGiSta_pageHead",
 			"pageTitle": "DGiSta_pageTitle",
+			"plazaBadge": "DGiSta_plazaBadge",
+			"plazaBadgeApproved": "DGiSta_plazaBadgeApproved",
+			"plazaBadgeLocal": "DGiSta_plazaBadgeLocal",
+			"plazaBadgePending": "DGiSta_plazaBadgePending",
+			"plazaBadgeRejected": "DGiSta_plazaBadgeRejected",
+			"plazaPanel": "DGiSta_plazaPanel",
+			"plazaReason": "DGiSta_plazaReason",
+			"plazaScopeHint": "DGiSta_plazaScopeHint",
+			"plazaSharedTag": "DGiSta_plazaSharedTag",
 			"progressCount": "DGiSta_progressCount",
 			"progressFill": "DGiSta_progressFill",
 			"progressLabel": "DGiSta_progressLabel",
 			"progressRow": "DGiSta_progressRow",
 			"progressTrack": "DGiSta_progressTrack",
-			"search": "DGiSta_search",
+			"publishDialog": "DGiSta_publishDialog",
+			"searchClear": "DGiSta_searchClear",
+			"searchField": "DGiSta_searchField",
 			"status": "DGiSta_status",
 			"statusError": "DGiSta_statusError",
 			"switch": "DGiSta_switch",
 			"switchOn": "DGiSta_switchOn",
+			"tab": "DGiSta_tab",
+			"tabActive": "DGiSta_tabActive",
+			"tabCount": "DGiSta_tabCount",
+			"tabPanel": "DGiSta_tabPanel",
+			"tabs": "DGiSta_tabs",
 			"textarea": "DGiSta_textarea",
 			"toolbar": "DGiSta_toolbar",
 			"workspaceBadge": "DGiSta_workspaceBadge"
@@ -79,25 +124,45 @@ window.__ModuleLoader__.load({
 		*/
 		/** Route paths, mirrored from the host (`src/index.ts` ROUTES). */
 		const API = {
-			list: "/api/dsh-skill-center/list",
-			setEnabled: "/api/dsh-skill-center/set-enabled",
-			create: "/api/dsh-skill-center/create",
-			remove: "/api/dsh-skill-center/delete",
-			content: "/api/dsh-skill-center/content",
-			translationProgress: "/api/dsh-skill-center/translation-progress"
+			list: "api/dsh-skill-center/list",
+			setEnabled: "api/dsh-skill-center/set-enabled",
+			create: "api/dsh-skill-center/create",
+			remove: "api/dsh-skill-center/delete",
+			content: "api/dsh-skill-center/content",
+			translationProgress: "api/dsh-skill-center/translation-progress",
+			plaza: "integrations/dataops/skill-plaza",
+			reviewContext: "integrations/dataops/review-context",
+			rbac: "integrations/dataops/rbac"
 		};
+		/**
+		* Resolve one host route against the document's base URI.
+		*
+		* The same plugin is served at the origin root (`http://host/` → `/api/...`) and
+		* under the DataOps same-origin gateway (`http://host/dsh/` → `/dsh/api/...`).
+		* A leading slash would pin every request to the origin root and 404 inside the
+		* iframe; a relative path keeps both deployments on the route family the host
+		* registered.
+		* @param path - route path relative to the document base.
+		* @returns absolute URL for fetch.
+		*/
+		const routeUrl = (path) => {
+			const base = typeof document === "undefined" ? "http://localhost/" : document.baseURI;
+			return new URL(path, base).href;
+		};
+		/** The sharing bridge could not answer (503): show local/disabled, never fake a status. */
+		var PlazaUnavailableError = class extends Error {};
 		/** One thrown API error carrying the host's message. */
 		var ApiError = class extends Error {};
 		/** Skill center API client. */
 		var SkillApi = class {
 			/** Fetch the grouped skill list. */
 			async list(cwd) {
-				const url = typeof cwd === "string" && cwd.trim() !== "" ? `${API.list}?cwd=${encodeURIComponent(cwd)}` : API.list;
+				const url = typeof cwd === "string" && cwd.trim() !== "" ? `${routeUrl(API.list)}?cwd=${encodeURIComponent(cwd)}` : routeUrl(API.list);
 				return this.request(url);
 			}
 			/** Enable or disable a skill by rewriting its frontmatter flag. */
 			async setEnabled(name, path, enabled) {
-				return this.request(API.setEnabled, {
+				return this.request(routeUrl(API.setEnabled), {
 					method: "POST",
 					body: {
 						name,
@@ -108,14 +173,14 @@ window.__ModuleLoader__.load({
 			}
 			/** Create a skill file under the user or project root. */
 			async create(payload) {
-				return this.request(API.create, {
+				return this.request(routeUrl(API.create), {
 					method: "POST",
 					body: payload
 				});
 			}
 			/** Delete a skill by moving it into the recoverable trash. */
 			async remove(name, path) {
-				return this.request(API.remove, {
+				return this.request(routeUrl(API.remove), {
 					method: "POST",
 					body: {
 						name,
@@ -135,14 +200,125 @@ window.__ModuleLoader__.load({
 				const params = new URLSearchParams({ name });
 				if (path !== void 0 && path !== "") params.set("path", path);
 				if (cwd !== void 0 && cwd !== "") params.set("cwd", cwd);
-				return this.request(API.content + "?" + params.toString());
+				return this.request(routeUrl(API.content) + "?" + params.toString());
 			}
 			/**
 			* The translated share of the skill set, or undefined when the host has not
 			* been told where the translations live (the route then answers `{}`).
 			*/
 			async translationProgress() {
-				return (await this.request(API.translationProgress)).progress;
+				return (await this.request(routeUrl(API.translationProgress))).progress;
+			}
+			/** The caller's review role and department scope, from the DataOps bridge. */
+			async reviewContext() {
+				const response = await fetch(routeUrl(API.reviewContext));
+				const body = await this.readBody(response);
+				if (response.status === 503) throw new PlazaUnavailableError("review context is not active");
+				if (!response.ok) throw new ApiError(this.errorOf(body, response.status));
+				const record = typeof body === "object" && body !== null ? body : {};
+				const review = typeof record.review === "object" && record.review !== null ? record.review : {};
+				return {
+					canReview: review.canReview === true || record.canReview === true,
+					canReviewGlobal: review.canReviewGlobal === true || record.canReviewGlobal === true,
+					departmentCode: typeof record.departmentCode === "string" ? record.departmentCode : null,
+					departmentPath: Array.isArray(record.departmentPath) ? record.departmentPath.flatMap((row) => {
+						if (typeof row !== "object" || row === null) return [];
+						const node = row;
+						return typeof node.code === "string" && typeof node.name === "string" ? [{
+							code: node.code,
+							name: node.name
+						}] : [];
+					}) : [],
+					roleCodes: Array.isArray(record.roleCodes) ? record.roleCodes.filter((code) => typeof code === "string") : [],
+					...typeof record.primaryRole === "string" ? { primaryRole: record.primaryRole } : {}
+				};
+			}
+			/** The department tree, for administrators publishing to any department. */
+			async departments() {
+				const response = await fetch(routeUrl(API.rbac) + "?section=departments");
+				const body = await this.readBody(response);
+				if (!response.ok) return [];
+				if (typeof body !== "object" || body === null || !Array.isArray(body.items)) return [];
+				return body.items.flatMap((row) => {
+					if (typeof row !== "object" || row === null) return [];
+					const node = row;
+					return typeof node.code === "string" && typeof node.name === "string" ? [{
+						code: node.code,
+						name: node.name,
+						parentCode: typeof node.parentCode === "string" ? node.parentCode : null
+					}] : [];
+				});
+			}
+			/**
+			* The plaza records this workspace holds (`mine=1`). A 503 means the
+			* sharing service is not active yet; the panel then renders every local
+			* skill as local with 上架 disabled.
+			*/
+			async plazaMine() {
+				const response = await fetch(routeUrl(API.plaza) + "?mine=1");
+				const body = await this.readBody(response);
+				if (response.status === 503) throw new PlazaUnavailableError("skill plaza is not active");
+				if (!response.ok) throw new ApiError(this.errorOf(body, response.status));
+				return (typeof body === "object" && body !== null && Array.isArray(body.skills) ? body.skills : []).filter((row) => typeof row === "object" && row !== null && typeof row.id === "number" && typeof row.name === "string").filter((row) => row.sharedByMe === true || row.reviewStatus !== void 0);
+			}
+			/** Publish one local skill. The name is the DataOps identity; no path/level leaves the workspace. */
+			async plazaSubmit(payload) {
+				const response = await fetch(routeUrl(API.plaza), {
+					method: "POST",
+					headers: { "content-type": "application/json" },
+					body: JSON.stringify({
+						action: "submit",
+						...payload
+					})
+				});
+				let body = await this.readBody(response);
+				if (response.status === 503) throw new PlazaUnavailableError("skill plaza is not active");
+				if (!response.ok && response.status === 400 && this.errorOf(body, response.status).includes("unknown action")) {
+					const legacy = await fetch(routeUrl(API.plaza), {
+						method: "POST",
+						headers: { "content-type": "application/json" },
+						body: JSON.stringify({
+							action: "share",
+							...payload
+						})
+					});
+					body = await this.readBody(legacy);
+					if (legacy.status === 503) throw new PlazaUnavailableError("skill plaza is not active");
+					if (!legacy.ok) throw new ApiError(this.errorOf(body, legacy.status));
+				} else if (!response.ok) throw new ApiError(this.errorOf(body, response.status));
+				const skill = typeof body === "object" && body !== null ? body.skill : void 0;
+				if (typeof skill !== "object" || skill === null) throw new ApiError("the sharing service returned no skill");
+				const row = skill;
+				return {
+					id: typeof row.id === "number" ? row.id : 0,
+					name: typeof row.name === "string" ? row.name : payload.name,
+					reviewStatus: row.reviewStatus ?? "pending",
+					...row.sharedByMe === void 0 ? { sharedByMe: true } : { sharedByMe: row.sharedByMe }
+				};
+			}
+			/** Stop sharing one plaza entry owned by this workspace. */
+			async plazaUnshare(id) {
+				const response = await fetch(routeUrl(API.plaza), {
+					method: "POST",
+					headers: { "content-type": "application/json" },
+					body: JSON.stringify({
+						action: "unshare",
+						id
+					})
+				});
+				if (response.status === 503) throw new PlazaUnavailableError("skill plaza is not active");
+				if (!response.ok) throw new ApiError(this.errorOf(await this.readBody(response), response.status));
+			}
+			async readBody(response) {
+				try {
+					return await response.json();
+				} catch {
+					return;
+				}
+			}
+			errorOf(body, status) {
+				const reported = typeof body === "object" && body !== null && typeof body.error === "string" ? body.error : "";
+				return reported === "" ? "HTTP " + String(status) : reported;
 			}
 			async request(path, options = {}) {
 				const init = { method: options.method ?? "GET" };
@@ -165,6 +341,563 @@ window.__ModuleLoader__.load({
 			}
 		};
 		//#endregion
+		//#region src/client/plaza.ts
+		/** Map one local skill name to its share state. */
+		function shareOf(name, records) {
+			const record = records.get(name);
+			if (record === void 0) return {
+				status: "local",
+				sharedByMe: false
+			};
+			return {
+				status: record.reviewStatus ?? (record.sharedByMe === true ? "approved" : "local"),
+				record,
+				sharedByMe: record.sharedByMe === true
+			};
+		}
+		/** Whether a share state offers the 上架 / 重新提交 action. */
+		function canSubmit(status) {
+			return status === "local" || status === "rejected";
+		}
+		//#endregion
+		//#region src/client/connectors.ts
+		/**
+		* Connector catalogue for the skill center's fourth tab.
+		*
+		* A connector is a client-side description of one external system the profile
+		* can talk to: whether it is enabled, and which capabilities that account may
+		* use. The backend owns the authoritative list; this module only parses it and
+		* keeps a demo catalogue for profiles whose bridge has not shipped the route
+		* yet. Capability rows the account may not use are absent from the answer, so
+		* the UI never renders a disabled placeholder for a permission it lacks.
+		*
+		* @module @sparkelf/dsh-client-ui-skill-center/client/connectors
+		*/
+		/** Same-origin route the host/DataOps bridge may serve the catalogue from. */
+		const CONNECTORS_ROUTE = "/api/dsh-skill-center/connectors";
+		/** The bridge does not serve the connector route (404/405/501/503). */
+		var ConnectorUnavailableError = class extends Error {};
+		/** The bridge answered but the request failed for another reason. */
+		var ConnectorRequestError = class extends Error {};
+		/** Same-origin HTTP source for a backend that supplies the catalogue. */
+		var HttpConnectorSource = class {
+			route;
+			/**
+			* @param route - same-origin connector route; overridable for tests.
+			*/
+			constructor(route = CONNECTORS_ROUTE) {
+				this.route = route;
+			}
+			/** Read the catalogue. */
+			async list() {
+				return this.read(await this.request(this.route));
+			}
+			/** Enable or disable one connector. */
+			async setEnabled(connectorId, enabled) {
+				return this.read(await this.request(this.route, {
+					connectorId,
+					enabled
+				}));
+			}
+			/** Toggle one capability. */
+			async setCapability(connectorId, capabilityId, enabled) {
+				return this.read(await this.request(this.route, {
+					connectorId,
+					capabilityId,
+					enabled
+				}));
+			}
+			async request(route, body) {
+				const init = body === void 0 ? { headers: { accept: "application/json" } } : {
+					method: "POST",
+					headers: {
+						accept: "application/json",
+						"content-type": "application/json"
+					},
+					body: JSON.stringify(body)
+				};
+				const response = await fetch(route, init);
+				if (response.status === 404 || response.status === 405 || response.status === 501 || response.status === 503) throw new ConnectorUnavailableError("connector catalogue is not served");
+				if (!response.ok) {
+					let detail = "";
+					try {
+						const payload = await response.json();
+						detail = typeof payload.error === "string" ? payload.error : "";
+					} catch {}
+					throw new ConnectorRequestError(detail === "" ? "HTTP " + String(response.status) : detail);
+				}
+				try {
+					return await response.json();
+				} catch {
+					throw new ConnectorUnavailableError("connector catalogue is not JSON");
+				}
+			}
+			read(value) {
+				return parseConnectorList(value);
+			}
+		};
+		/** Narrow one wire value to a connector capability. */
+		function parseCapability(value) {
+			if (typeof value !== "object" || value === null) return null;
+			const row = value;
+			if (typeof row.id !== "string" || row.id === "") return null;
+			return {
+				id: row.id,
+				name: typeof row.name === "string" && row.name !== "" ? row.name : row.id,
+				...typeof row.description === "string" ? { description: row.description } : {},
+				enabled: row.enabled === true,
+				permitted: row.permitted !== false,
+				...typeof row.unavailableReason === "string" ? { unavailableReason: row.unavailableReason } : {}
+			};
+		}
+		/** Narrow one wire value to a connector. */
+		function parseConnector(value) {
+			if (typeof value !== "object" || value === null) return null;
+			const row = value;
+			if (typeof row.id !== "string" || row.id === "" || typeof row.name !== "string" || row.name === "") return null;
+			const capabilities = Array.isArray(row.capabilities) ? row.capabilities.flatMap((entry) => parseCapability(entry) ?? []) : [];
+			return {
+				id: row.id,
+				name: row.name,
+				...typeof row.vendor === "string" ? { vendor: row.vendor } : {},
+				...typeof row.description === "string" ? { description: row.description } : {},
+				enabled: row.enabled === true,
+				...typeof row.connected === "boolean" ? { connected: row.connected } : {},
+				...typeof row.error === "string" ? { error: row.error } : {},
+				capabilities
+			};
+		}
+		/**
+		* Parse a catalogue answer. Both a bare array and `{ connectors: [...] }` are
+		* accepted, because a bridge may grow the wrapper for counts without breaking
+		* the older shape.
+		* @param value - decoded JSON body.
+		* @returns the connectors the body carries; empty when it carries none.
+		*/
+		function parseConnectorList(value) {
+			if (Array.isArray(value)) return value.flatMap((entry) => parseConnector(entry) ?? []);
+			if (typeof value !== "object" || value === null) return [];
+			const rows = value.connectors;
+			return Array.isArray(rows) ? rows.flatMap((entry) => parseConnector(entry) ?? []) : [];
+		}
+		/** Capabilities this account may see; a `permitted: false` row never renders. */
+		function visibleCapabilities(connector) {
+			return connector.capabilities.filter((capability) => capability.permitted);
+		}
+		/**
+		* Derive the card state from the catalogue row.
+		* @param connector - one catalogue row.
+		* @returns `disabled`, `connected`, or `error`.
+		*/
+		function connectorState(connector) {
+			if (!connector.enabled) return "disabled";
+			return connector.connected === false ? "error" : "connected";
+		}
+		/**
+		* The demo catalogue used when no bridge serves the route.
+		*
+		* It describes the connector this profile ships and one generic third-party
+		* connector, so the tab still demonstrates enable/disable, per-capability
+		* switches, a hidden no-permission capability, and an unavailable reason.
+		* @returns a fresh mutable copy on every call.
+		*/
+		function demoConnectors() {
+			return [{
+				id: "wanxiang-ai",
+				name: "万相AI中台连接器",
+				vendor: "DataOps",
+				description: "接收万相AI中台的审批任务，并把处理结果回写中台。",
+				enabled: false,
+				connected: false,
+				capabilities: [
+					{
+						id: "approval.read",
+						name: "读取审批任务",
+						description: "拉取当前账号可办理的审批任务",
+						enabled: true,
+						permitted: true
+					},
+					{
+						id: "approval.handle",
+						name: "打开办理",
+						description: "跳转到万相AI中台审批详情完成办理",
+						enabled: true,
+						permitted: true
+					},
+					{
+						id: "task.writeback",
+						name: "回写任务状态",
+						description: "把办理结果回写到万相AI中台",
+						enabled: false,
+						permitted: true
+					},
+					{
+						id: "approval.batch",
+						name: "批量审批",
+						description: "一次处理多条审批任务",
+						enabled: false,
+						permitted: true,
+						unavailableReason: "当前连接未开通批量接口"
+					},
+					{
+						id: "credential.manage",
+						name: "管理连接凭据",
+						description: "配置或轮换连接凭据",
+						enabled: false,
+						permitted: false
+					}
+				]
+			}, {
+				id: "work-order",
+				name: "通用工单连接器",
+				vendor: "第三方系统",
+				description: "把外部工单系统的待办接入任务中心。",
+				enabled: false,
+				connected: false,
+				capabilities: [
+					{
+						id: "ticket.pull",
+						name: "拉取工单",
+						description: "按账号权限拉取待办工单",
+						enabled: true,
+						permitted: true
+					},
+					{
+						id: "ticket.comment",
+						name: "回写处理意见",
+						description: "把处理意见回写到工单系统",
+						enabled: false,
+						permitted: true
+					},
+					{
+						id: "ticket.admin",
+						name: "工单配置管理",
+						description: "维护工单字段与流转规则",
+						enabled: false,
+						permitted: false
+					}
+				]
+			}];
+		}
+		/**
+		* Read the catalogue, falling back to the demo rows when the bridge has no
+		* route. Any other failure propagates: a broken bridge is not "no connectors".
+		* @param source - the deployed source.
+		* @param demo - demo factory (tests pass a fixed list).
+		* @returns the catalogue and whether it is the demo fallback.
+		*/
+		async function readConnectorCatalogue(source, demo = demoConnectors) {
+			try {
+				return {
+					connectors: await source.list(),
+					demo: false
+				};
+			} catch (error) {
+				if (error instanceof ConnectorUnavailableError) return {
+					connectors: demo(),
+					demo: true
+				};
+				throw error;
+			}
+		}
+		//#endregion
+		//#region src/client/ConnectorsTab.tsx
+		/** Status label and tone for one connector. */
+		function statusOf(connector, t) {
+			const state = connectorState(connector);
+			if (state === "error") return {
+				label: t("connector.error"),
+				tone: "danger"
+			};
+			if (state === "connected") return {
+				label: t("connector.connected"),
+				tone: "success"
+			};
+			return {
+				label: t("connector.disabled"),
+				tone: "neutral"
+			};
+		}
+		/** Whether the query matches a connector or one of its visible capabilities. */
+		function matchesQuery(connector, needle) {
+			if (needle === "") return true;
+			return [
+				connector.name,
+				connector.vendor ?? "",
+				connector.description ?? "",
+				...visibleCapabilities(connector).flatMap((capability) => [capability.name, capability.description ?? ""])
+			].some((value) => value.toLowerCase().includes(needle));
+		}
+		/**
+		* Render one connector card.
+		* @param props.connector - the catalogue row.
+		* @param props.busy - whether a write for this connector is in flight.
+		* @param props.t - dictionary resolver.
+		* @param props.onToggleConnector - enable/disable request.
+		* @param props.onToggleCapability - capability toggle request.
+		* @returns the card.
+		*/
+		function ConnectorCard({ connector, busy, t, onToggleConnector, onToggleCapability }) {
+			const status = statusOf(connector, t);
+			const capabilities = visibleCapabilities(connector);
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("article", {
+				className: SkillCenterPage_module_css_default.connectorCard,
+				"data-connector-id": connector.id,
+				"data-connector-enabled": connector.enabled,
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: SkillCenterPage_module_css_default.connectorHead,
+						children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: SkillCenterPage_module_css_default.connectorIcon,
+								"aria-hidden": "true",
+								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconLinkOutline16, { size: 16 })
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: SkillCenterPage_module_css_default.connectorIdentity,
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+									className: SkillCenterPage_module_css_default.connectorName,
+									children: connector.name
+								}), connector.vendor === void 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+									className: SkillCenterPage_module_css_default.connectorVendor,
+									children: connector.vendor
+								})]
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Tag, {
+								tone: status.tone,
+								children: status.label
+							})
+						]
+					}),
+					connector.description === void 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: SkillCenterPage_module_css_default.connectorDescription,
+						children: connector.description
+					}),
+					connector.enabled && connector.error !== void 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: SkillCenterPage_module_css_default.connectorError,
+						role: "status",
+						children: connector.error
+					}) : null,
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: SkillCenterPage_module_css_default.connectorToggleRow,
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: SkillCenterPage_module_css_default.connectorToggleLabel,
+							children: connector.enabled ? t("connector.enabled") : t("connector.disabled")
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Switch, {
+							checked: connector.enabled,
+							disabled: busy,
+							label: (connector.enabled ? t("connector.disable") : t("connector.enable")) + " " + connector.name,
+							onChange: (next) => {
+								onToggleConnector(connector, next);
+							}
+						})]
+					}),
+					connector.enabled ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: SkillCenterPage_module_css_default.capabilityList,
+						"data-connector-capabilities": true,
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+							className: SkillCenterPage_module_css_default.capabilityTitle,
+							children: t("connector.capabilities")
+						}), capabilities.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+							className: SkillCenterPage_module_css_default.capabilityEmpty,
+							children: t("connector.noCapabilities")
+						}) : capabilities.map((capability) => {
+							const unavailable = capability.unavailableReason !== void 0;
+							return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: SkillCenterPage_module_css_default.capabilityRow,
+								"data-capability-id": capability.id,
+								"data-capability-enabled": capability.enabled,
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+									className: SkillCenterPage_module_css_default.capabilityCopy,
+									children: [
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+											className: SkillCenterPage_module_css_default.capabilityName,
+											children: capability.name
+										}),
+										capability.description === void 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+											className: SkillCenterPage_module_css_default.capabilityDescription,
+											children: capability.description
+										}),
+										capability.unavailableReason === void 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+											className: SkillCenterPage_module_css_default.capabilityReason,
+											children: [
+												t("connector.unavailable"),
+												" · ",
+												capability.unavailableReason
+											]
+										})
+									]
+								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Switch, {
+									checked: capability.enabled,
+									disabled: busy || unavailable,
+									label: (capability.enabled ? t("connector.disable") : t("connector.enable")) + " " + capability.name,
+									onChange: (next) => {
+										onToggleCapability(connector, capability, next);
+									}
+								})]
+							}, capability.id);
+						})]
+					}) : null
+				]
+			});
+		}
+		/**
+		* Render the connector tab body.
+		* @param props - catalogue state, search text, and the two write handlers.
+		* @returns the connector cards, or the loading/failure/empty status.
+		*/
+		function ConnectorsTab(props) {
+			const { state, query, busyId, t, onRetry, onToggleConnector, onToggleCapability } = props;
+			if (state.kind === "loading") return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: SkillCenterPage_module_css_default.status,
+				children: t("connector.loading")
+			});
+			if (state.kind === "failed") return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: SkillCenterPage_module_css_default.connectorFailed,
+				role: "alert",
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", { children: [
+					t("connector.failed"),
+					"：",
+					state.message
+				] }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+					variant: "outline",
+					size: "sm",
+					onClick: onRetry,
+					children: t("connector.retry")
+				})]
+			});
+			const needle = query.trim().toLowerCase();
+			const connectors = state.catalogue.connectors.filter((connector) => matchesQuery(connector, needle));
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: SkillCenterPage_module_css_default.connectorTab,
+				"data-connector-catalogue": true,
+				"data-demo": state.catalogue.demo,
+				children: [state.catalogue.demo ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: SkillCenterPage_module_css_default.connectorDemoNote,
+					role: "status",
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: SkillCenterPage_module_css_default.connectorDemoTag,
+						children: t("connector.demoTag")
+					}), t("connector.demo")]
+				}) : null, connectors.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					className: SkillCenterPage_module_css_default.status,
+					children: state.catalogue.connectors.length === 0 ? t("connector.empty") : t("connector.noMatches")
+				}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					className: SkillCenterPage_module_css_default.connectorGrid,
+					children: connectors.map((connector) => {
+						return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ConnectorCard, {
+							connector,
+							busy: busyId === connector.id || busyId?.startsWith(connector.id + ":") === true,
+							t,
+							onToggleConnector,
+							onToggleCapability
+						}, connector.id);
+					})
+				})]
+			});
+		}
+		//#endregion
+		//#region src/client/scope.ts
+		/** Read the identity the dataops-account plugin publishes. */
+		function readAccountIdentity() {
+			if (typeof window === "undefined") return void 0;
+			const fromWindow = window.__DATAOPS_USER__;
+			if (fromWindow !== void 0) return fromWindow;
+			if (typeof document === "undefined") return void 0;
+			const dataset = document.documentElement.dataset;
+			if (dataset.dataopsAccountId === void 0 && dataset.dataopsAccountName === void 0) return void 0;
+			const identity = {};
+			if (dataset.dataopsAccountId !== void 0) identity.id = dataset.dataopsAccountId;
+			if (dataset.dataopsAccountName !== void 0) identity.displayName = dataset.dataopsAccountName;
+			return identity;
+		}
+		/** Classify the caller: global review means super admin/admin; review means department admin. */
+		function scopeRole(scope) {
+			if (scope?.canReviewGlobal === true) return "admin";
+			if (scope?.canReview === true) return "dept-admin";
+			return "user";
+		}
+		/** Visibilities this caller may select. */
+		function allowedVisibilities(scope) {
+			if (scopeRole(scope) === "admin") return [
+				"global",
+				"department",
+				"private"
+			];
+			if (hasDepartment(scope)) return ["department", "private"];
+			return ["private"];
+		}
+		/** Whether the caller belongs to a department (needed for department visibility). */
+		function hasDepartment(scope) {
+			return typeof scope?.departmentCode === "string" && scope.departmentCode !== "";
+		}
+		/** First-run default: admins publish globally, everyone else to their department, else private. */
+		function defaultVisibility(scope) {
+			if (scopeRole(scope) === "admin") return "global";
+			return hasDepartment(scope) ? "department" : "private";
+		}
+		/** The caller's own department code. */
+		function ownDepartment(scope) {
+			const code = scope?.departmentCode;
+			return typeof code === "string" && code !== "" ? code : void 0;
+		}
+		/**
+		* Coerce a remembered choice into one this caller may still make.
+		*
+		* A saved global choice is dropped for a non-admin; a saved department code is
+		* kept only when it is the caller's own department (department admins/users)
+		* or still present in the admin's fetched department list.
+		*/
+		function sanitizeChoice(saved, scope, departments = []) {
+			const allowed = allowedVisibilities(scope);
+			const visibility = saved !== void 0 && allowed.includes(saved.visibility) ? saved.visibility : defaultVisibility(scope);
+			if (visibility !== "department") return { visibility };
+			if (scopeRole(scope) === "admin") {
+				const savedCode = saved?.departmentCode;
+				if (savedCode !== void 0 && departments.some((department) => department.code === savedCode)) return {
+					visibility,
+					departmentCode: savedCode
+				};
+				const code = ownDepartment(scope) ?? departments[0]?.code;
+				return code === void 0 ? { visibility } : {
+					visibility,
+					departmentCode: code
+				};
+			}
+			const code = ownDepartment(scope);
+			return code === void 0 ? { visibility } : {
+				visibility,
+				departmentCode: code
+			};
+		}
+		/** localStorage key, per DataOps user. */
+		function scopeStorageKey(identity) {
+			return "dsh-skill-center:plaza-scope:" + (identity?.id ?? identity?.username ?? "anonymous");
+		}
+		/** Read a remembered choice (invalid JSON is treated as no choice). */
+		function readSavedScope(storage, key) {
+			try {
+				const raw = storage.getItem(key);
+				if (raw === null || raw === "") return void 0;
+				const parsed = JSON.parse(raw);
+				if (typeof parsed !== "object" || parsed === null) return void 0;
+				const value = parsed;
+				if (value.visibility !== "global" && value.visibility !== "department" && value.visibility !== "private") return void 0;
+				return {
+					visibility: value.visibility,
+					...typeof value.departmentCode === "string" && value.departmentCode !== "" ? { departmentCode: value.departmentCode } : {}
+				};
+			} catch {
+				return;
+			}
+		}
+		/** Persist one choice. */
+		function writeSavedScope(storage, key, choice) {
+			try {
+				storage.setItem(key, JSON.stringify(choice));
+			} catch {}
+		}
+		//#endregion
 		//#region src/client/SkillCenterPage.tsx
 		/**
 		* Skill center page. Browses the loaded skills grouped by source, toggles model
@@ -175,6 +908,8 @@ window.__ModuleLoader__.load({
 		*
 		* @module @sparkelf/dsh-client-ui-skill-center/client/SkillCenterPage
 		*/
+		/** Group key the host uses for skills that ship inside the runtime. */
+		const BUNDLED_GROUP = "bundled";
 		/**
 		* One labelled create-form field.
 		* @param props - the field's label and the control it wraps.
@@ -195,7 +930,7 @@ window.__ModuleLoader__.load({
 		* with, its toggle, and its delete action.
 		* @returns the row.
 		*/
-		function SkillCard({ skill, api, cwd, t, onToggle, onDelete }) {
+		function SkillCard({ skill, api, cwd, t, share, shareBusy, shareDisabled, onToggle, onDelete, onShare, onUnshare }) {
 			const [open, setOpen] = (0, react.useState)(false);
 			const [body, setBody] = (0, react.useState)({ kind: "loading" });
 			(0, react.useEffect)(() => {
@@ -224,6 +959,7 @@ window.__ModuleLoader__.load({
 				cwd
 			]);
 			const foreign = skill.isActiveWorkspace === false && skill.workspaceName !== void 0;
+			const shareLabel = share.status === "approved" ? t("plaza.statusApproved") : share.status === "pending" ? t("plaza.statusPending") : share.status === "rejected" ? t("plaza.statusRejected") : t("plaza.statusLocal");
 			const details = [];
 			if (skill.whenToUse !== void 0) details.push({
 				key: "detail.whenToUse",
@@ -243,6 +979,8 @@ window.__ModuleLoader__.load({
 			});
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("li", {
 				className: foreign ? SkillCenterPage_module_css_default.card + " " + SkillCenterPage_module_css_default.cardForeign : SkillCenterPage_module_css_default.card,
+				"data-skill-name": skill.name,
+				"data-plaza-status": share.status,
 				children: [
 					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 						className: SkillCenterPage_module_css_default.cardHead,
@@ -251,38 +989,62 @@ window.__ModuleLoader__.load({
 							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconSkillOutlineRegular, { size: 16 })
 						}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 							className: SkillCenterPage_module_css_default.cardTitleRow,
-							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-								className: SkillCenterPage_module_css_default.cardTitle,
-								children: skill.i18n?.title ?? skill.name
-							}), skill.workspaceName === void 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-								className: SkillCenterPage_module_css_default.workspaceBadge,
-								children: skill.workspaceName
-							})]
-						})]
-					}),
-					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-						className: SkillCenterPage_module_css_default.cardBody,
-						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-							className: SkillCenterPage_module_css_default.cardSummary,
-							children: skill.i18n?.summary ?? skill.description
-						}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-							className: SkillCenterPage_module_css_default.cardMarks,
 							children: [
-								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-									className: skill.modelInvocable ? SkillCenterPage_module_css_default.mark + " " + SkillCenterPage_module_css_default.markOn : SkillCenterPage_module_css_default.mark + " " + SkillCenterPage_module_css_default.markOff,
-									children: t("skill.modelInvocable")
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+									className: SkillCenterPage_module_css_default.cardTitle,
+									children: skill.i18n?.title ?? skill.name
+								}),
+								skill.workspaceName === void 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: SkillCenterPage_module_css_default.workspaceBadge,
+									children: skill.workspaceName
 								}),
 								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-									className: skill.userInvocable ? SkillCenterPage_module_css_default.mark + " " + SkillCenterPage_module_css_default.markOn : SkillCenterPage_module_css_default.mark + " " + SkillCenterPage_module_css_default.markOff,
-									children: t("skill.userInvocable")
+									className: SkillCenterPage_module_css_default.plazaBadge + " " + (share.status === "approved" ? SkillCenterPage_module_css_default.plazaBadgeApproved : share.status === "rejected" ? SkillCenterPage_module_css_default.plazaBadgeRejected : share.status === "pending" ? SkillCenterPage_module_css_default.plazaBadgePending : SkillCenterPage_module_css_default.plazaBadgeLocal),
+									"data-plaza-status": share.status,
+									children: shareLabel
 								}),
-								skill.linked === true ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-									className: SkillCenterPage_module_css_default.mark + " " + SkillCenterPage_module_css_default.markDanger,
-									children: t("skill.linked")
+								share.status === "approved" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: SkillCenterPage_module_css_default.plazaSharedTag,
+									"data-plaza-shared": true,
+									children: t("plaza.sharedTag")
 								}) : null
 							]
 						})]
 					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: SkillCenterPage_module_css_default.cardBody,
+						children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+								className: SkillCenterPage_module_css_default.cardSummary,
+								children: skill.i18n?.summary ?? skill.description
+							}),
+							share.status === "rejected" && share.record?.reviewNote !== void 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: SkillCenterPage_module_css_default.plazaReason,
+								children: [
+									t("plaza.reason"),
+									": ",
+									share.record.reviewNote
+								]
+							}) : null,
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: SkillCenterPage_module_css_default.cardMarks,
+								children: [
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										className: skill.modelInvocable ? SkillCenterPage_module_css_default.mark + " " + SkillCenterPage_module_css_default.markOn : SkillCenterPage_module_css_default.mark + " " + SkillCenterPage_module_css_default.markOff,
+										children: t("skill.modelInvocable")
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										className: skill.userInvocable ? SkillCenterPage_module_css_default.mark + " " + SkillCenterPage_module_css_default.markOn : SkillCenterPage_module_css_default.mark + " " + SkillCenterPage_module_css_default.markOff,
+										children: t("skill.userInvocable")
+									}),
+									skill.linked === true ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										className: SkillCenterPage_module_css_default.mark + " " + SkillCenterPage_module_css_default.markDanger,
+										children: t("skill.linked")
+									}) : null
+								]
+							})
+						]
+					}),
 					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 						className: SkillCenterPage_module_css_default.cardEnd,
 						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
@@ -295,21 +1057,42 @@ window.__ModuleLoader__.load({
 							}
 						}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 							className: SkillCenterPage_module_css_default.cardActions,
-							children: [skill.path === void 0 || skill.linked === true ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
-								variant: "outline",
-								size: "sm",
-								onClick: () => {
-									onDelete(skill);
-								},
-								children: t("action.delete")
-							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
-								variant: "outline",
-								size: "sm",
-								onClick: () => {
-									setOpen(true);
-								},
-								children: t("action.showDetail")
-							})]
+							children: [
+								canSubmit(share.status) ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+									variant: "primary",
+									size: "sm",
+									disabled: shareBusy || shareDisabled,
+									onClick: () => {
+										onShare(skill);
+									},
+									children: share.status === "rejected" ? t("plaza.resubmit") : t("plaza.share")
+								}) : null,
+								share.sharedByMe && share.record !== void 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+									variant: "outline",
+									size: "sm",
+									disabled: shareBusy,
+									onClick: () => {
+										if (share.record !== void 0) onUnshare(skill, share.record.id);
+									},
+									children: t("plaza.unshare")
+								}) : null,
+								skill.path === void 0 || skill.linked === true ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+									variant: "outline",
+									size: "sm",
+									onClick: () => {
+										onDelete(skill);
+									},
+									children: t("action.delete")
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+									variant: "outline",
+									size: "sm",
+									onClick: () => {
+										setOpen(true);
+									},
+									children: t("action.showDetail")
+								})
+							]
 						})]
 					}),
 					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_deepseek_ai_dsh_client_ui_primitives.Modal, {
@@ -376,8 +1159,13 @@ window.__ModuleLoader__.load({
 		*/
 		function SkillCenterPage({ t, renderSlot, ...runtime }) {
 			const api = (0, react.useMemo)(() => new SkillApi(), []);
+			const connectorSource = (0, react.useMemo)(() => new HttpConnectorSource(), []);
 			const [state, setState] = (0, react.useState)({ kind: "loading" });
+			const [tab, setTab] = (0, react.useState)("builtin");
 			const [query, setQuery] = (0, react.useState)("");
+			const [connectors, setConnectors] = (0, react.useState)({ kind: "loading" });
+			const [connectorBusyId, setConnectorBusyId] = (0, react.useState)(null);
+			const [connectorNotice, setConnectorNotice] = (0, react.useState)(null);
 			const [progress, setProgress] = (0, react.useState)(void 0);
 			const [creating, setCreating] = (0, react.useState)(false);
 			const [draft, setDraft] = (0, react.useState)({
@@ -387,6 +1175,17 @@ window.__ModuleLoader__.load({
 				content: "",
 				root: "user"
 			});
+			const [plaza, setPlaza] = (0, react.useState)({ kind: "loading" });
+			const [shareTarget, setShareTarget] = (0, react.useState)(null);
+			const [shareInstruction, setShareInstruction] = (0, react.useState)("");
+			const [shareTags, setShareTags] = (0, react.useState)("");
+			const [shareLoading, setShareLoading] = (0, react.useState)(false);
+			const [shareBusy, setShareBusy] = (0, react.useState)(false);
+			const [shareError, setShareError] = (0, react.useState)(null);
+			const [reviewScope, setReviewScope] = (0, react.useState)(void 0);
+			const [departments, setDepartments] = (0, react.useState)([]);
+			const [shareVisibility, setShareVisibility] = (0, react.useState)("private");
+			const [shareDepartment, setShareDepartment] = (0, react.useState)(void 0);
 			const useWorkspaces = runtime.useWorkspaces;
 			const workspaces = useWorkspaces === void 0 ? [] : useWorkspaces((snapshot) => snapshot.items);
 			const scope = (0, react.useMemo)(() => {
@@ -405,9 +1204,59 @@ window.__ModuleLoader__.load({
 					});
 				}
 			}, [api, scope]);
+			const loadPlaza = (0, react.useCallback)(async () => {
+				try {
+					const rows = await api.plazaMine();
+					setPlaza({
+						kind: "ready",
+						records: new Map(rows.map((row) => [row.name, row]))
+					});
+				} catch (error) {
+					if (error instanceof PlazaUnavailableError) setPlaza({ kind: "unavailable" });
+					else setPlaza({
+						kind: "failed",
+						message: error instanceof Error ? error.message : String(error)
+					});
+				}
+			}, [api]);
 			(0, react.useEffect)(() => {
 				load();
 			}, [load]);
+			(0, react.useEffect)(() => {
+				loadPlaza();
+			}, [loadPlaza]);
+			const loadConnectors = (0, react.useCallback)(async () => {
+				setConnectors({ kind: "loading" });
+				setConnectorNotice(null);
+				try {
+					setConnectors({
+						kind: "ready",
+						catalogue: await readConnectorCatalogue(connectorSource)
+					});
+				} catch (error) {
+					setConnectors({
+						kind: "failed",
+						message: error instanceof Error ? error.message : String(error)
+					});
+				}
+			}, [connectorSource]);
+			(0, react.useEffect)(() => {
+				loadConnectors();
+			}, [loadConnectors]);
+			(0, react.useEffect)(() => {
+				let cancelled = false;
+				api.reviewContext().then(async (scope) => {
+					if (cancelled) return;
+					setReviewScope(scope);
+					if (scope.canReviewGlobal === true) {
+						const rows = await api.departments();
+						if (!cancelled) setDepartments(rows);
+					}
+				}).catch(() => {});
+				return () => {
+					cancelled = true;
+				};
+			}, [api]);
 			(0, react.useEffect)(() => {
 				let cancelled = false;
 				api.translationProgress().then((p) => {
@@ -417,6 +1266,15 @@ window.__ModuleLoader__.load({
 					cancelled = true;
 				};
 			}, [api]);
+			const plazaRecords = plaza.kind === "ready" ? plaza.records : /* @__PURE__ */ new Map();
+			const visibilityOptions = allowedVisibilities(reviewScope);
+			const role = scopeRole(reviewScope);
+			const ownCode = ownDepartment(reviewScope);
+			const departmentChoices = role === "admin" && departments.length > 0 ? departments : (reviewScope?.departmentPath ?? []).filter((node) => node.code !== "");
+			const selectableDepartments = role === "admin" ? departmentChoices : ownCode === void 0 ? [] : [{
+				code: ownCode,
+				name: departmentChoices.find((node) => node.code === ownCode)?.name ?? ownCode
+			}];
 			const groups = (0, react.useMemo)(() => {
 				if (state.kind !== "ready") return [];
 				const q = query.trim().toLowerCase();
@@ -426,6 +1284,32 @@ window.__ModuleLoader__.load({
 					skills: g.skills.filter((s) => s.name.toLowerCase().includes(q) || s.description.toLowerCase().includes(q) || (s.i18n?.title ?? "").toLowerCase().includes(q) || (s.i18n?.description ?? "").toLowerCase().includes(q) || (s.i18n?.summary ?? "").toLowerCase().includes(q) || (s.whenToUse ?? "").toLowerCase().includes(q))
 				})).filter((g) => g.skills.length > 0);
 			}, [state, query]);
+			const builtinGroups = (0, react.useMemo)(() => groups.filter((group) => group.key === BUNDLED_GROUP), [groups]);
+			const personalGroups = (0, react.useMemo)(() => groups.filter((group) => group.key !== BUNDLED_GROUP), [groups]);
+			const countOf = (rows) => rows.reduce((count, group) => count + group.skills.length, 0);
+			const connectorCount = connectors.kind === "ready" ? connectors.catalogue.connectors.length : 0;
+			const tabRows = [
+				{
+					value: "builtin",
+					label: t("tab.builtin"),
+					count: countOf(builtinGroups)
+				},
+				{
+					value: "personal",
+					label: t("tab.personal"),
+					count: countOf(personalGroups)
+				},
+				{
+					value: "plaza",
+					label: t("tab.plaza"),
+					count: 0
+				},
+				{
+					value: "connectors",
+					label: t("tab.connectors"),
+					count: connectorCount
+				}
+			];
 			const toggle = (0, react.useCallback)(async (skill, enabled) => {
 				if (skill.path === void 0) return;
 				try {
@@ -455,6 +1339,168 @@ window.__ModuleLoader__.load({
 				load,
 				t
 			]);
+			const toggleConnector = (0, react.useCallback)(async (connector, enabled) => {
+				if (connectors.kind !== "ready") return;
+				setConnectorBusyId(connector.id);
+				setConnectorNotice(null);
+				try {
+					if (connectors.catalogue.demo) setConnectors({
+						kind: "ready",
+						catalogue: {
+							demo: true,
+							connectors: connectors.catalogue.connectors.map((row) => row.id === connector.id ? {
+								...row,
+								enabled,
+								connected: enabled
+							} : row)
+						}
+					});
+					else setConnectors({
+						kind: "ready",
+						catalogue: {
+							demo: false,
+							connectors: await connectorSource.setEnabled(connector.id, enabled)
+						}
+					});
+				} catch (error) {
+					setConnectorNotice(error instanceof Error ? error.message : String(error));
+				} finally {
+					setConnectorBusyId(null);
+				}
+			}, [connectorSource, connectors]);
+			const toggleCapability = (0, react.useCallback)(async (connector, capability, enabled) => {
+				if (connectors.kind !== "ready") return;
+				setConnectorBusyId(connector.id + ":" + capability.id);
+				setConnectorNotice(null);
+				try {
+					if (connectors.catalogue.demo) setConnectors({
+						kind: "ready",
+						catalogue: {
+							demo: true,
+							connectors: connectors.catalogue.connectors.map((row) => row.id === connector.id ? {
+								...row,
+								capabilities: row.capabilities.map((item) => item.id === capability.id ? {
+									...item,
+									enabled
+								} : item)
+							} : row)
+						}
+					});
+					else setConnectors({
+						kind: "ready",
+						catalogue: {
+							demo: false,
+							connectors: await connectorSource.setCapability(connector.id, capability.id, enabled)
+						}
+					});
+				} catch (error) {
+					setConnectorNotice(error instanceof Error ? error.message : String(error));
+				} finally {
+					setConnectorBusyId(null);
+				}
+			}, [connectorSource, connectors]);
+			const openShare = (0, react.useCallback)((skill) => {
+				setShareTarget(skill);
+				setShareInstruction("");
+				setShareTags("");
+				setShareError(null);
+				const choice = sanitizeChoice(readSavedScope(window.localStorage, scopeStorageKey(readAccountIdentity())), reviewScope, departments);
+				setShareVisibility(choice.visibility);
+				setShareDepartment(choice.departmentCode);
+				setShareLoading(true);
+				api.content(skill.name, skill.path, scope).then((payload) => {
+					setShareInstruction(payload.content);
+				}).catch((error) => {
+					setShareError(t("plaza.failed") + ": " + (error instanceof Error ? error.message : String(error)));
+				}).finally(() => {
+					setShareLoading(false);
+				});
+			}, [
+				api,
+				departments,
+				reviewScope,
+				scope,
+				t
+			]);
+			(0, react.useEffect)(() => {
+				if (shareTarget === null || reviewScope === void 0) return;
+				const choice = sanitizeChoice(readSavedScope(window.localStorage, scopeStorageKey(readAccountIdentity())), reviewScope, departments);
+				setShareVisibility(choice.visibility);
+				setShareDepartment(choice.departmentCode);
+			}, [
+				reviewScope,
+				departments,
+				shareTarget
+			]);
+			const closeShare = (0, react.useCallback)(() => {
+				if (shareBusy) return;
+				setShareTarget(null);
+				setShareError(null);
+			}, [shareBusy]);
+			const submitShare = (0, react.useCallback)(async () => {
+				if (shareTarget === null) return;
+				if (shareInstruction.trim() === "") {
+					setShareError(t("plaza.instruction") + " required");
+					return;
+				}
+				setShareBusy(true);
+				setShareError(null);
+				try {
+					const tags = shareTags.split(/[,，]/u).map((tag) => tag.trim()).filter((tag) => tag !== "");
+					const choice = {
+						visibility: shareVisibility,
+						...shareVisibility === "department" && shareDepartment !== void 0 ? { departmentCode: shareDepartment } : {}
+					};
+					await api.plazaSubmit({
+						name: shareTarget.name,
+						description: shareTarget.description,
+						instruction: shareInstruction,
+						...tags.length === 0 ? {} : { tags },
+						...choice
+					});
+					writeSavedScope(window.localStorage, scopeStorageKey(readAccountIdentity()), choice);
+					setShareTarget(null);
+					await loadPlaza();
+				} catch (error) {
+					const message = error instanceof Error ? error.message : String(error);
+					if (shareVisibility === "global" && /403|forbidden|权限/i.test(message)) {
+						const fallback = sanitizeChoice({ visibility: "department" }, reviewScope, departments);
+						setShareVisibility(fallback.visibility);
+						setShareDepartment(fallback.departmentCode);
+						setShareError(t("plaza.scopeForbidden"));
+					} else setShareError(error instanceof PlazaUnavailableError ? t("plaza.unavailable") : t("plaza.failed") + ": " + message);
+				} finally {
+					setShareBusy(false);
+				}
+			}, [
+				api,
+				departments,
+				loadPlaza,
+				reviewScope,
+				shareDepartment,
+				shareInstruction,
+				shareTags,
+				shareTarget,
+				shareVisibility,
+				t
+			]);
+			const unshare = (0, react.useCallback)(async (_skill, id) => {
+				if (!window.confirm(t("plaza.unshareConfirm"))) return;
+				setShareBusy(true);
+				setShareError(null);
+				try {
+					await api.plazaUnshare(id);
+					await loadPlaza();
+				} catch (error) {
+					setShareError(error instanceof PlazaUnavailableError ? t("plaza.unavailable") : t("plaza.failed") + ": " + (error instanceof Error ? error.message : String(error)));
+				} finally {
+					setShareBusy(false);
+				}
+			}, [
+				api,
+				loadPlaza,
+				t
+			]);
 			/** Bind one draft key to a change handler. */
 			const set = (0, react.useCallback)((key) => (event) => {
 				const value = event.target.value;
@@ -492,201 +1538,430 @@ window.__ModuleLoader__.load({
 				draft,
 				load
 			]);
-			const total = state.kind === "ready" ? state.payload.groups.reduce((n, g) => n + g.skills.length, 0) : 0;
-			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			const visibleGroups = tab === "builtin" ? builtinGroups : personalGroups;
+			const visibleTotal = countOf(visibleGroups);
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 				className: SkillCenterPage_module_css_default.page,
-				children: [
-					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("header", {
-						className: SkillCenterPage_module_css_default.pageHead,
-						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h1", {
-							className: SkillCenterPage_module_css_default.pageTitle,
-							children: t("panel")
-						}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-							className: SkillCenterPage_module_css_default.toolbar,
-							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: SkillCenterPage_module_css_default.pageContent,
+					children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("header", {
+							className: SkillCenterPage_module_css_default.pageHead,
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h1", {
+								className: SkillCenterPage_module_css_default.pageTitle,
+								children: t("panel")
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: SkillCenterPage_module_css_default.toolbar,
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+									type: "button",
+									className: SkillCenterPage_module_css_default.iconButton,
+									"aria-label": t("action.refresh"),
+									title: t("action.refresh"),
+									onClick: () => {
+										load();
+									},
+									children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										className: SkillCenterPage_module_css_default.iconWrap,
+										"aria-hidden": "true",
+										children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconRefreshOutlineRegular, {})
+									})
+								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+									variant: "primary",
+									size: "sm",
+									icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconPlusOutlineRegular, { size: 13 }),
+									onClick: () => {
+										setCreating((v) => !v);
+									},
+									children: t("action.create")
+								})]
+							})]
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+							className: SkillCenterPage_module_css_default.tabs,
+							role: "tablist",
+							"aria-label": t("tab.label"),
+							children: tabRows.map((row) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
 								type: "button",
-								className: SkillCenterPage_module_css_default.iconButton,
-								"aria-label": t("action.refresh"),
-								title: t("action.refresh"),
+								role: "tab",
+								id: "skill-center-tab-" + row.value,
+								"aria-selected": tab === row.value,
+								"aria-controls": "skill-center-panel-" + row.value,
+								className: tab === row.value ? SkillCenterPage_module_css_default.tab + " " + SkillCenterPage_module_css_default.tabActive : SkillCenterPage_module_css_default.tab,
+								"data-tab": row.value,
 								onClick: () => {
-									load();
+									setTab(row.value);
+									if (row.value === "connectors" && connectors.kind === "failed") loadConnectors();
 								},
-								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-									className: SkillCenterPage_module_css_default.iconWrap,
-									"aria-hidden": "true",
-									children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconRefreshOutlineRegular, {})
-								})
+								children: [row.label, row.count === 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: SkillCenterPage_module_css_default.tabCount,
+									children: row.count
+								})]
+							}, row.value))
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Modal, {
+							open: creating,
+							onClose: () => {
+								setCreating(false);
+							},
+							title: t("create.title"),
+							closeLabel: t("action.cancel"),
+							className: SkillCenterPage_module_css_default.dialog,
+							footer: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+								variant: "outline",
+								autoFocus: true,
+								onClick: () => {
+									setCreating(false);
+								},
+								children: t("action.cancel")
 							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
 								variant: "primary",
-								size: "sm",
-								icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconPlusOutlineRegular, { size: 13 }),
 								onClick: () => {
-									setCreating((v) => !v);
+									submit();
 								},
-								children: t("action.create")
-							})]
-						})]
-					}),
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Modal, {
-						open: creating,
-						onClose: () => {
-							setCreating(false);
-						},
-						title: t("create.title"),
-						closeLabel: t("action.cancel"),
-						className: SkillCenterPage_module_css_default.dialog,
-						footer: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
-							variant: "outline",
-							autoFocus: true,
-							onClick: () => {
-								setCreating(false);
-							},
-							children: t("action.cancel")
-						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
-							variant: "primary",
-							onClick: () => {
-								submit();
-							},
-							children: t("action.confirm")
-						})] }),
-						children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-							className: SkillCenterPage_module_css_default.form,
-							children: [
-								/* @__PURE__ */ (0, react_jsx_runtime.jsx)(DraftField, {
-									label: t("create.name"),
-									children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
-										className: SkillCenterPage_module_css_default.input,
-										value: draft.name,
-										onChange: set("name")
+								children: t("action.confirm")
+							})] }),
+							children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: SkillCenterPage_module_css_default.form,
+								children: [
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)(DraftField, {
+										label: t("create.name"),
+										children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+											className: SkillCenterPage_module_css_default.input,
+											value: draft.name,
+											onChange: set("name")
+										})
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)(DraftField, {
+										label: t("create.description"),
+										children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+											className: SkillCenterPage_module_css_default.input,
+											value: draft.description,
+											onChange: set("description")
+										})
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)(DraftField, {
+										label: t("create.whenToUse"),
+										children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+											className: SkillCenterPage_module_css_default.input,
+											value: draft.whenToUse,
+											onChange: set("whenToUse")
+										})
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)(DraftField, {
+										label: t("create.content"),
+										children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("textarea", {
+											className: SkillCenterPage_module_css_default.textarea,
+											value: draft.content,
+											onChange: set("content")
+										})
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)(DraftField, {
+										label: t("create.root"),
+										children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("select", {
+											className: SkillCenterPage_module_css_default.input,
+											value: draft.root,
+											onChange: (e) => {
+												setDraft((d) => ({
+													...d,
+													root: e.target.value === "project" ? "project" : "user"
+												}));
+											},
+											children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+												value: "user",
+												children: t("create.rootUser")
+											}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+												value: "project",
+												children: t("create.rootProject")
+											})]
+										})
 									})
+								]
+							})
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_deepseek_ai_dsh_client_ui_primitives.Modal, {
+							open: shareTarget !== null,
+							onClose: closeShare,
+							title: t("plaza.dialogTitle"),
+							headless: true,
+							className: SkillCenterPage_module_css_default.publishDialog,
+							children: [
+								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("header", {
+									className: SkillCenterPage_module_css_default.dialogHeader,
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h2", {
+										className: SkillCenterPage_module_css_default.dialogTitle,
+										children: t("plaza.dialogTitle")
+									}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+										type: "button",
+										className: SkillCenterPage_module_css_default.dialogClose,
+										"aria-label": t("action.close"),
+										onClick: closeShare,
+										children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconCloseOutline16, { size: 14 })
+									})]
 								}),
-								/* @__PURE__ */ (0, react_jsx_runtime.jsx)(DraftField, {
-									label: t("create.description"),
-									children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
-										className: SkillCenterPage_module_css_default.input,
-										value: draft.description,
-										onChange: set("description")
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+									className: SkillCenterPage_module_css_default.dialogBody,
+									"data-publish-body": true,
+									children: shareTarget === null ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+										className: SkillCenterPage_module_css_default.form,
+										"data-share-dialog": shareTarget.name,
+										children: [
+											/* @__PURE__ */ (0, react_jsx_runtime.jsx)(DraftField, {
+												label: t("create.name"),
+												children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+													className: SkillCenterPage_module_css_default.input,
+													value: shareTarget.name,
+													readOnly: true
+												})
+											}),
+											/* @__PURE__ */ (0, react_jsx_runtime.jsx)(DraftField, {
+												label: t("create.description"),
+												children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+													className: SkillCenterPage_module_css_default.input,
+													value: shareTarget.description,
+													readOnly: true
+												})
+											}),
+											/* @__PURE__ */ (0, react_jsx_runtime.jsx)(DraftField, {
+												label: t("plaza.tags"),
+												children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+													className: SkillCenterPage_module_css_default.input,
+													value: shareTags,
+													placeholder: t("plaza.tagsPlaceholder"),
+													onChange: (event) => {
+														setShareTags(event.target.value);
+													}
+												})
+											}),
+											/* @__PURE__ */ (0, react_jsx_runtime.jsx)(DraftField, {
+												label: t("plaza.visibility"),
+												children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("select", {
+													className: SkillCenterPage_module_css_default.input,
+													value: shareVisibility,
+													"data-share-visibility": true,
+													onChange: (event) => {
+														const visibility = event.target.value;
+														setShareVisibility(visibility);
+														if (visibility === "department") setShareDepartment(shareDepartment ?? ownCode ?? selectableDepartments[0]?.code);
+													},
+													children: [
+														visibilityOptions.includes("global") ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+															value: "global",
+															children: t("plaza.visibilityGlobal")
+														}) : null,
+														visibilityOptions.includes("department") ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+															value: "department",
+															children: t("plaza.visibilityDepartment")
+														}) : null,
+														/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+															value: "private",
+															children: t("plaza.visibilityPrivate")
+														})
+													]
+												})
+											}),
+											shareVisibility === "department" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DraftField, {
+												label: t("plaza.department"),
+												children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("select", {
+													className: SkillCenterPage_module_css_default.input,
+													value: shareDepartment ?? selectableDepartments[0]?.code ?? "",
+													"data-share-department": true,
+													disabled: role !== "admin" || selectableDepartments.length <= 1,
+													onChange: (event) => {
+														setShareDepartment(event.target.value);
+													},
+													children: selectableDepartments.map((department) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+														value: department.code,
+														children: department.name
+													}, department.code))
+												})
+											}) : null,
+											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+												className: SkillCenterPage_module_css_default.plazaScopeHint,
+												children: role === "admin" ? t("plaza.scopeHintAdmin") : t("plaza.scopeHintUser")
+											}),
+											/* @__PURE__ */ (0, react_jsx_runtime.jsx)(DraftField, {
+												label: t("plaza.instruction"),
+												children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("textarea", {
+													className: SkillCenterPage_module_css_default.textarea,
+													value: shareInstruction,
+													readOnly: shareLoading,
+													placeholder: shareLoading ? t("plaza.contentLoading") : void 0,
+													onChange: (event) => {
+														setShareInstruction(event.target.value);
+													}
+												})
+											}),
+											shareError === null ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+												className: SkillCenterPage_module_css_default.status + " " + SkillCenterPage_module_css_default.statusError,
+												role: "alert",
+												children: shareError
+											})
+										]
 									})
 								}),
-								/* @__PURE__ */ (0, react_jsx_runtime.jsx)(DraftField, {
-									label: t("create.whenToUse"),
-									children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
-										className: SkillCenterPage_module_css_default.input,
-										value: draft.whenToUse,
-										onChange: set("whenToUse")
-									})
+								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("footer", {
+									className: SkillCenterPage_module_css_default.dialogFooter,
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+										variant: "outline",
+										disabled: shareBusy,
+										onClick: closeShare,
+										children: t("action.cancel")
+									}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+										variant: "primary",
+										disabled: shareBusy || shareLoading,
+										onClick: () => {
+											submitShare();
+										},
+										children: t("plaza.submit")
+									})]
+								})
+							]
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: SkillCenterPage_module_css_default.searchField,
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Input, {
+								type: "search",
+								icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconSearchOutlineRegular, {}),
+								placeholder: tab === "connectors" ? t("search.connectorPlaceholder") : t("search.placeholder"),
+								"aria-label": tab === "connectors" ? t("search.connectorPlaceholder") : t("search.placeholder"),
+								value: query,
+								onChange: (e) => {
+									setQuery(e.target.value);
+								}
+							}), query === "" ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+								size: "sm",
+								variant: "ghost",
+								className: SkillCenterPage_module_css_default.searchClear,
+								"aria-label": t("search.clear"),
+								icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconCloseOutline16, {}),
+								onClick: () => {
+									setQuery("");
+								}
+							})]
+						}),
+						tab !== "connectors" && plaza.kind === "unavailable" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+							className: SkillCenterPage_module_css_default.status,
+							role: "status",
+							"data-plaza-unavailable": true,
+							children: t("plaza.unavailable")
+						}) : null,
+						shareError !== null && shareTarget === null ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+							className: SkillCenterPage_module_css_default.status + " " + SkillCenterPage_module_css_default.statusError,
+							role: "alert",
+							children: shareError
+						}) : null,
+						connectorNotice === null ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+							className: SkillCenterPage_module_css_default.status + " " + SkillCenterPage_module_css_default.statusError,
+							role: "alert",
+							children: connectorNotice
+						}),
+						(tab === "builtin" || tab === "personal") && progress !== void 0 && progress.done < progress.total ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: SkillCenterPage_module_css_default.progressRow,
+							children: [
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: SkillCenterPage_module_css_default.progressLabel,
+									children: t("translate.label")
 								}),
-								/* @__PURE__ */ (0, react_jsx_runtime.jsx)(DraftField, {
-									label: t("create.content"),
-									children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("textarea", {
-										className: SkillCenterPage_module_css_default.textarea,
-										value: draft.content,
-										onChange: set("content")
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: SkillCenterPage_module_css_default.progressTrack,
+									children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										className: SkillCenterPage_module_css_default.progressFill,
+										style: { width: String(progress.total === 0 ? 0 : Math.round(progress.done / progress.total * 100)) + "%" }
 									})
 								}),
-								/* @__PURE__ */ (0, react_jsx_runtime.jsx)(DraftField, {
-									label: t("create.root"),
-									children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("select", {
-										className: SkillCenterPage_module_css_default.input,
-										value: draft.root,
-										onChange: (e) => {
-											setDraft((d) => ({
-												...d,
-												root: e.target.value === "project" ? "project" : "user"
-											}));
-										},
-										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
-											value: "user",
-											children: t("create.rootUser")
-										}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
-											value: "project",
-											children: t("create.rootProject")
-										})]
-									})
+								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+									className: SkillCenterPage_module_css_default.progressCount,
+									children: [
+										progress.done,
+										" / ",
+										progress.total
+									]
 								})
 							]
+						}) : null,
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: SkillCenterPage_module_css_default.tabPanel,
+							id: "skill-center-panel-" + tab,
+							role: "tabpanel",
+							"aria-labelledby": "skill-center-tab-" + tab,
+							"data-tab-panel": tab,
+							children: [
+								tab === "builtin" || tab === "personal" ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+									state.kind === "loading" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+										className: SkillCenterPage_module_css_default.status,
+										children: t("state.loading")
+									}) : null,
+									state.kind === "failed" ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+										className: SkillCenterPage_module_css_default.status + " " + SkillCenterPage_module_css_default.statusError,
+										children: [
+											t("state.failed"),
+											": ",
+											state.message
+										]
+									}) : null,
+									state.kind === "ready" && visibleTotal === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+										className: SkillCenterPage_module_css_default.status,
+										children: query.trim() === "" ? t("state.empty") : t("search.noMatches")
+									}) : null,
+									visibleGroups.map((group) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+										className: SkillCenterPage_module_css_default.group,
+										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("h2", {
+											className: SkillCenterPage_module_css_default.groupTitle,
+											children: [group.title, /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+												className: SkillCenterPage_module_css_default.groupCount,
+												children: group.skills.length
+											})]
+										}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("ul", {
+											className: SkillCenterPage_module_css_default.cards,
+											children: group.skills.map((skill) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SkillCard, {
+												skill,
+												api,
+												cwd: state.kind === "ready" ? state.payload.cwd : scope,
+												t,
+												share: shareOf(skill.name, plazaRecords),
+												shareBusy,
+												shareDisabled: plaza.kind === "unavailable",
+												onToggle: (s, enabled) => {
+													toggle(s, enabled);
+												},
+												onDelete: (s) => {
+													remove(s);
+												},
+												onShare: openShare,
+												onUnshare: (s, id) => {
+													unshare(s, id);
+												}
+											}, group.key + ":" + skill.name))
+										})]
+									}, group.key))
+								] }) : null,
+								tab === "plaza" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+									className: SkillCenterPage_module_css_default.plazaPanel,
+									"data-plaza-panel": true,
+									children: renderSlot("skill-center.section", { query }, { fallback: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+										className: SkillCenterPage_module_css_default.status,
+										children: t("plaza.sectionFallback")
+									}) })
+								}) : null,
+								tab === "connectors" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ConnectorsTab, {
+									state: connectors,
+									query,
+									busyId: connectorBusyId,
+									t,
+									onRetry: () => {
+										loadConnectors();
+									},
+									onToggleConnector: (connector, enabled) => {
+										toggleConnector(connector, enabled);
+									},
+									onToggleCapability: (connector, capability, enabled) => {
+										toggleCapability(connector, capability, enabled);
+									}
+								}) : null
+							]
 						})
-					}),
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Input, {
-						className: SkillCenterPage_module_css_default.search,
-						icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconSearchOutlineRegular, {}),
-						placeholder: t("search.placeholder"),
-						"aria-label": t("search.placeholder"),
-						value: query,
-						onChange: (e) => {
-							setQuery(e.target.value);
-						}
-					}),
-					progress === void 0 || progress.done >= progress.total ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-						className: SkillCenterPage_module_css_default.progressRow,
-						children: [
-							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-								className: SkillCenterPage_module_css_default.progressLabel,
-								children: t("translate.label")
-							}),
-							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-								className: SkillCenterPage_module_css_default.progressTrack,
-								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-									className: SkillCenterPage_module_css_default.progressFill,
-									style: { width: String(progress.total === 0 ? 0 : Math.round(progress.done / progress.total * 100)) + "%" }
-								})
-							}),
-							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-								className: SkillCenterPage_module_css_default.progressCount,
-								children: [
-									progress.done,
-									" / ",
-									progress.total
-								]
-							})
-						]
-					}),
-					state.kind === "loading" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-						className: SkillCenterPage_module_css_default.status,
-						children: t("state.loading")
-					}) : null,
-					state.kind === "failed" ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-						className: SkillCenterPage_module_css_default.status + " " + SkillCenterPage_module_css_default.statusError,
-						children: [
-							t("state.failed"),
-							": ",
-							state.message
-						]
-					}) : null,
-					state.kind === "ready" && groups.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-						className: SkillCenterPage_module_css_default.status,
-						children: query.trim() === "" ? t("state.empty") : t("search.noMatches")
-					}) : null,
-					state.kind === "ready" && groups.length > 0 && total === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-						className: SkillCenterPage_module_css_default.status,
-						children: t("state.empty")
-					}) : null,
-					groups.map((group) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-						className: SkillCenterPage_module_css_default.group,
-						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("h2", {
-							className: SkillCenterPage_module_css_default.groupTitle,
-							children: [group.title, /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-								className: SkillCenterPage_module_css_default.groupCount,
-								children: group.skills.length
-							})]
-						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("ul", {
-							className: SkillCenterPage_module_css_default.cards,
-							children: group.skills.map((skill) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SkillCard, {
-								skill,
-								api,
-								cwd: state.kind === "ready" ? state.payload.cwd : scope,
-								t,
-								onToggle: (s, enabled) => {
-									toggle(s, enabled);
-								},
-								onDelete: (s) => {
-									remove(s);
-								}
-							}, group.key + ":" + skill.name))
-						})]
-					}, group.key)),
-					renderSlot("skill-center.section", { query })
-				]
+					]
+				})
 			});
 		}
 		//#endregion
@@ -704,8 +1979,15 @@ window.__ModuleLoader__.load({
 		/** Simplified Chinese dictionary. */
 		const zh = {
 			"panel": "技能中心",
+			"tab.label": "技能分类",
+			"tab.builtin": "内置",
+			"tab.personal": "个人",
+			"tab.plaza": "技能广场",
+			"tab.connectors": "连接器",
 			"search.placeholder": "搜索技能…",
+			"search.connectorPlaceholder": "搜索连接器…",
 			"search.noMatches": "无匹配技能",
+			"search.clear": "清空搜索",
 			"action.refresh": "刷新",
 			"action.create": "新建技能",
 			"action.delete": "删除",
@@ -737,13 +2019,64 @@ window.__ModuleLoader__.load({
 			"create.root": "位置",
 			"create.rootUser": "用户级",
 			"create.rootProject": "项目级",
-			"delete.confirm": "删除后可从 .trash 恢复。确定删除？"
+			"delete.confirm": "删除后可从 .trash 恢复。确定删除？",
+			"plaza.statusLocal": "未共享",
+			"plaza.statusPending": "待审核",
+			"plaza.statusApproved": "已上架",
+			"plaza.statusRejected": "已驳回",
+			"plaza.sharedTag": "已共享",
+			"plaza.share": "上架",
+			"plaza.resubmit": "重新提交",
+			"plaza.unshare": "取消共享",
+			"plaza.unavailable": "共享服务未就绪，暂时无法上架",
+			"plaza.failed": "共享操作失败",
+			"plaza.dialogTitle": "上架到技能广场",
+			"plaza.tags": "标签",
+			"plaza.tagsPlaceholder": "用逗号分隔，例如：数据,SQL",
+			"plaza.instruction": "技能内容",
+			"plaza.submit": "提交审核",
+			"plaza.unshareConfirm": "确定取消共享？",
+			"plaza.reason": "审核意见",
+			"plaza.contentLoading": "正在读取技能内容…",
+			"plaza.visibility": "可见范围",
+			"plaza.visibilityGlobal": "全局（所有人可见）",
+			"plaza.visibilityDepartment": "部门专属",
+			"plaza.visibilityPrivate": "私有（仅自己可见）",
+			"plaza.department": "部门",
+			"plaza.scopeForbidden": "无权选择该范围，请改用部门专属或私有",
+			"plaza.scopeHintAdmin": "超管/管理员可选全局或任意部门",
+			"plaza.scopeHintUser": "普通用户/部门管理员只能选本部门或私有",
+			"plaza.sectionFallback": "技能广场服务未就绪，暂时无法浏览",
+			"connector.loading": "正在加载连接器…",
+			"connector.failed": "连接器加载失败",
+			"connector.retry": "重试",
+			"connector.demo": "当前显示示例连接器，后端接入后自动替换",
+			"connector.demoTag": "示例",
+			"connector.enabled": "已启用",
+			"connector.disabled": "未启用",
+			"connector.connected": "已连接",
+			"connector.error": "连接异常",
+			"connector.enable": "启用",
+			"connector.disable": "停用",
+			"connector.capabilities": "能力",
+			"connector.noCapabilities": "当前账号没有可用的连接器能力",
+			"connector.empty": "暂无连接器",
+			"connector.noMatches": "无匹配连接器",
+			"connector.unavailable": "暂不可用",
+			"connector.busy": "处理中…"
 		};
 		/** English dictionary. */
 		const en = {
 			"panel": "Skill Center",
+			"tab.label": "Skill sections",
+			"tab.builtin": "Built-in",
+			"tab.personal": "Personal",
+			"tab.plaza": "Skill plaza",
+			"tab.connectors": "Connectors",
 			"search.placeholder": "Search skills…",
+			"search.connectorPlaceholder": "Search connectors…",
 			"search.noMatches": "No matching skills",
+			"search.clear": "Clear search",
 			"action.refresh": "Refresh",
 			"action.create": "New skill",
 			"action.delete": "Delete",
@@ -775,7 +2108,51 @@ window.__ModuleLoader__.load({
 			"create.root": "Location",
 			"create.rootUser": "User",
 			"create.rootProject": "Project",
-			"delete.confirm": "Deleting moves it into .trash, where it can be restored. Delete?"
+			"delete.confirm": "Deleting moves it into .trash, where it can be restored. Delete?",
+			"plaza.statusLocal": "Local",
+			"plaza.statusPending": "Pending review",
+			"plaza.statusApproved": "Published",
+			"plaza.statusRejected": "Rejected",
+			"plaza.sharedTag": "Shared",
+			"plaza.share": "Publish",
+			"plaza.resubmit": "Resubmit",
+			"plaza.unshare": "Unshare",
+			"plaza.unavailable": "Sharing service is not ready; publishing is disabled",
+			"plaza.failed": "Sharing action failed",
+			"plaza.dialogTitle": "Publish to skill plaza",
+			"plaza.tags": "Tags",
+			"plaza.tagsPlaceholder": "Comma separated, e.g. data, SQL",
+			"plaza.instruction": "Skill content",
+			"plaza.submit": "Submit for review",
+			"plaza.unshareConfirm": "Stop sharing this skill?",
+			"plaza.reason": "Review note",
+			"plaza.contentLoading": "Loading skill content…",
+			"plaza.visibility": "Visibility",
+			"plaza.visibilityGlobal": "Global (everyone)",
+			"plaza.visibilityDepartment": "Department only",
+			"plaza.visibilityPrivate": "Private (only me)",
+			"plaza.department": "Department",
+			"plaza.scopeForbidden": "You cannot use that visibility; pick department or private",
+			"plaza.scopeHintAdmin": "Super admins/admins may publish globally or to any department",
+			"plaza.scopeHintUser": "Users and department admins may publish to their own department or privately",
+			"plaza.sectionFallback": "The skill plaza is not available yet",
+			"connector.loading": "Loading connectors…",
+			"connector.failed": "Could not load connectors",
+			"connector.retry": "Retry",
+			"connector.demo": "Showing demo connectors until the backend supplies the catalogue",
+			"connector.demoTag": "Demo",
+			"connector.enabled": "Enabled",
+			"connector.disabled": "Disabled",
+			"connector.connected": "Connected",
+			"connector.error": "Connection error",
+			"connector.enable": "Enable",
+			"connector.disable": "Disable",
+			"connector.capabilities": "Capabilities",
+			"connector.noCapabilities": "This account has no available connector capabilities",
+			"connector.empty": "No connectors",
+			"connector.noMatches": "No matching connectors",
+			"connector.unavailable": "Unavailable",
+			"connector.busy": "Working…"
 		};
 		//#endregion
 		//#region src/client/index.ts