@sparkelf/dsh-dataops-managed 0.3.5 → 0.3.7

package/lib/client.js

@@ -97,34 +97,34 @@ window.__ModuleLoader__.load({
 		}
 		//#endregion
 		//#region \0dsh-css:/root/projects/dsh-plugins-plus/packages/dataops-managed/src/client/ManagedDataOpsSection.module.css.mjs
-		const css$1 = "._2dqzjG_section{max-width:720px;color:var(--dsw-alias-label-primary);flex-direction:column;gap:14px;display:flex}._2dqzjG_title{margin:0;font-size:16px;font-weight:500;line-height:24px}._2dqzjG_statusRow{align-items:center;gap:8px;min-height:24px;font-size:14px;line-height:22px;display:flex}._2dqzjG_description{color:var(--dsw-alias-label-tertiary);margin:0;font-size:14px;line-height:22px}._2dqzjG_details{border-top:1px solid var(--dsw-alias-border-l2);margin:2px 0 0}._2dqzjG_detailRow{border-bottom:1px solid var(--dsw-alias-border-l2);grid-template-columns:minmax(140px,2fr) minmax(0,3fr);gap:20px;padding:12px 0;display:grid}._2dqzjG_detailRow dt,._2dqzjG_detailRow dd{margin:0;font-size:14px;line-height:22px}._2dqzjG_detailRow dt{color:var(--dsw-alias-label-secondary)}._2dqzjG_detailRow dd{color:var(--dsw-alias-label-primary)}._2dqzjG_brandingRow{border-top:1px solid var(--dsw-alias-border-l2);border-bottom:1px solid var(--dsw-alias-border-l2);align-items:center;gap:20px;padding:12px 0;display:flex}._2dqzjG_brandingCopy{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}._2dqzjG_brandingCopy strong{font-size:14px;font-weight:500;line-height:22px}._2dqzjG_brandingCopy span{color:var(--dsw-alias-label-tertiary);font-size:12px;line-height:18px}._2dqzjG_switch{background:var(--dsw-alias-border-l1);cursor:pointer;border:0;border-radius:10px;flex:none;width:34px;height:20px;padding:0;transition:background-color .12s;position:relative}._2dqzjG_switch>span{background:var(--dsw-alias-bg-base);border-radius:50%;width:14px;height:14px;transition:transform .12s;position:absolute;top:3px;left:3px;box-shadow:0 1px 2px #0003}._2dqzjG_switch[data-checked=true]{background:var(--dsw-alias-state-business-primary)}._2dqzjG_switch[data-checked=true]>span{transform:translate(14px)}._2dqzjG_switch:focus-visible{outline:2px solid var(--dsw-alias-state-business-primary);outline-offset:2px}@media (prefers-reduced-motion:reduce){._2dqzjG_switch,._2dqzjG_switch>span{transition:none}}._2dqzjG_modelPanel{border-top:1px solid var(--dsw-alias-border-l2);border-bottom:1px solid var(--dsw-alias-border-l2);flex-direction:column;gap:10px;padding:12px 0;display:flex}._2dqzjG_modelTitle{margin:0;font-size:14px;font-weight:500;line-height:22px}._2dqzjG_modelDescription{color:var(--dsw-alias-label-tertiary);margin:0;font-size:12px;line-height:18px}._2dqzjG_modelList{flex-direction:column;gap:8px;padding-top:4px;display:flex}._2dqzjG_modelListTitle{font-size:13px;font-weight:500;line-height:20px}._2dqzjG_modelListDescription{color:var(--dsw-alias-label-tertiary);font-size:12px;line-height:18px}._2dqzjG_modelRow{align-items:center;gap:16px;min-height:28px;display:flex}._2dqzjG_modelId{min-width:0;color:var(--dsw-alias-label-primary);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:13px;line-height:20px;overflow:hidden}._2dqzjG_modelAction{border:1px solid var(--dsw-alias-border-l2);color:var(--dsw-alias-label-primary);cursor:pointer;background:0 0;border-radius:6px;flex:none;padding:5px 12px;font-size:13px;line-height:20px}._2dqzjG_modelAction:hover:not(:disabled){background:var(--dsw-alias-bg-hover)}._2dqzjG_modelAction:disabled,._2dqzjG_switch:disabled{cursor:default;opacity:.5}";
-		const tagId$1 = "@sparkelf/dsh-dataops-managed/ManagedDataOpsSection.module.css";
-		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId$1) + "]") === null) {
+		const css$2 = "._2dqzjG_section{max-width:720px;color:var(--dsw-alias-label-primary);flex-direction:column;gap:14px;display:flex}._2dqzjG_title{margin:0;font-size:16px;font-weight:500;line-height:24px}._2dqzjG_statusRow{align-items:center;gap:8px;min-height:24px;font-size:14px;line-height:22px;display:flex}._2dqzjG_description{color:var(--dsw-alias-label-tertiary);margin:0;font-size:14px;line-height:22px}._2dqzjG_details{border-top:1px solid var(--dsw-alias-border-l2);margin:2px 0 0}._2dqzjG_detailRow{border-bottom:1px solid var(--dsw-alias-border-l2);grid-template-columns:minmax(140px,2fr) minmax(0,3fr);gap:20px;padding:12px 0;display:grid}._2dqzjG_detailRow dt,._2dqzjG_detailRow dd{margin:0;font-size:14px;line-height:22px}._2dqzjG_detailRow dt{color:var(--dsw-alias-label-secondary)}._2dqzjG_detailRow dd{color:var(--dsw-alias-label-primary)}._2dqzjG_brandingRow{border-top:1px solid var(--dsw-alias-border-l2);border-bottom:1px solid var(--dsw-alias-border-l2);align-items:center;gap:20px;padding:12px 0;display:flex}._2dqzjG_brandingCopy{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}._2dqzjG_brandingCopy strong{font-size:14px;font-weight:500;line-height:22px}._2dqzjG_brandingCopy span{color:var(--dsw-alias-label-tertiary);font-size:12px;line-height:18px}._2dqzjG_switch{background:var(--dsw-alias-border-l1);cursor:pointer;border:0;border-radius:10px;flex:none;width:34px;height:20px;padding:0;transition:background-color .12s;position:relative}._2dqzjG_switch>span{background:var(--dsw-alias-bg-base);border-radius:50%;width:14px;height:14px;transition:transform .12s;position:absolute;top:3px;left:3px;box-shadow:0 1px 2px #0003}._2dqzjG_switch[data-checked=true]{background:var(--dsw-alias-state-business-primary)}._2dqzjG_switch[data-checked=true]>span{transform:translate(14px)}._2dqzjG_switch:focus-visible{outline:2px solid var(--dsw-alias-state-business-primary);outline-offset:2px}@media (prefers-reduced-motion:reduce){._2dqzjG_switch,._2dqzjG_switch>span{transition:none}}._2dqzjG_modelPanel{border-top:1px solid var(--dsw-alias-border-l2);border-bottom:1px solid var(--dsw-alias-border-l2);flex-direction:column;gap:10px;padding:12px 0;display:flex}._2dqzjG_modelTitle{margin:0;font-size:14px;font-weight:500;line-height:22px}._2dqzjG_modelDescription{color:var(--dsw-alias-label-tertiary);margin:0;font-size:12px;line-height:18px}._2dqzjG_modelList{flex-direction:column;gap:8px;padding-top:4px;display:flex}._2dqzjG_modelListTitle{font-size:13px;font-weight:500;line-height:20px}._2dqzjG_modelListDescription{color:var(--dsw-alias-label-tertiary);font-size:12px;line-height:18px}._2dqzjG_modelRow{align-items:center;gap:16px;min-height:28px;display:flex}._2dqzjG_modelId{min-width:0;color:var(--dsw-alias-label-primary);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:13px;line-height:20px;overflow:hidden}._2dqzjG_modelAction{border:1px solid var(--dsw-alias-border-l2);color:var(--dsw-alias-label-primary);cursor:pointer;background:0 0;border-radius:6px;flex:none;padding:5px 12px;font-size:13px;line-height:20px}._2dqzjG_modelAction:hover:not(:disabled){background:var(--dsw-alias-bg-hover)}._2dqzjG_modelAction:disabled,._2dqzjG_switch:disabled{cursor:default;opacity:.5}";
+		const tagId$2 = "@sparkelf/dsh-dataops-managed/ManagedDataOpsSection.module.css";
+		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId$2) + "]") === null) {
 			const tag = document.createElement("style");
 			tag.dataset.plugin = "@sparkelf/dsh-dataops-managed";
-			tag.dataset.pluginCss = tagId$1;
-			tag.textContent = css$1;
+			tag.dataset.pluginCss = tagId$2;
+			tag.textContent = css$2;
 			document.head.appendChild(tag);
 		}
 		var ManagedDataOpsSection_module_css_default = {
-			"modelRow": "_2dqzjG_modelRow",
 			"modelList": "_2dqzjG_modelList",
-			"brandingCopy": "_2dqzjG_brandingCopy",
-			"detailRow": "_2dqzjG_detailRow",
-			"title": "_2dqzjG_title",
-			"modelPanel": "_2dqzjG_modelPanel",
-			"brandingRow": "_2dqzjG_brandingRow",
-			"description": "_2dqzjG_description",
-			"modelDescription": "_2dqzjG_modelDescription",
-			"section": "_2dqzjG_section",
 			"modelId": "_2dqzjG_modelId",
+			"modelDescription": "_2dqzjG_modelDescription",
+			"detailRow": "_2dqzjG_detailRow",
 			"modelAction": "_2dqzjG_modelAction",
-			"details": "_2dqzjG_details",
-			"modelListDescription": "_2dqzjG_modelListDescription",
-			"statusRow": "_2dqzjG_statusRow",
+			"section": "_2dqzjG_section",
+			"modelTitle": "_2dqzjG_modelTitle",
 			"modelListTitle": "_2dqzjG_modelListTitle",
+			"details": "_2dqzjG_details",
 			"switch": "_2dqzjG_switch",
-			"modelTitle": "_2dqzjG_modelTitle"
+			"statusRow": "_2dqzjG_statusRow",
+			"title": "_2dqzjG_title",
+			"modelListDescription": "_2dqzjG_modelListDescription",
+			"modelPanel": "_2dqzjG_modelPanel",
+			"description": "_2dqzjG_description",
+			"brandingRow": "_2dqzjG_brandingRow",
+			"modelRow": "_2dqzjG_modelRow",
+			"brandingCopy": "_2dqzjG_brandingCopy"
 		};
 		//#endregion
 		//#region src/client/ManagedDataOpsSection.tsx
@@ -342,6 +342,279 @@ window.__ModuleLoader__.load({
 			});
 		}
 		//#endregion
+		//#region src/client/skill-plaza-client.ts
+		/** Same-origin skill plaza calls from the DataOps skill center section. */
+		/** Route the plugin's Host half serves for the plaza. */
+		const SKILL_PLAZA_PATH = "/integrations/dataops/skill-plaza";
+		/** Narrow an unknown value to a plaza entry. */
+		function asSkill(value) {
+			if (typeof value !== "object" || value === null || Array.isArray(value)) return null;
+			const row = value;
+			if (typeof row.id !== "number" || typeof row.name !== "string") return null;
+			return {
+				id: row.id,
+				name: row.name,
+				description: typeof row.description === "string" ? row.description : void 0,
+				instruction: typeof row.instruction === "string" ? row.instruction : "",
+				tags: Array.isArray(row.tags) ? row.tags.filter((tag) => typeof tag === "string") : [],
+				sharedByMe: row.sharedByMe === true,
+				updatedAt: typeof row.updatedAt === "string" ? row.updatedAt : ""
+			};
+		}
+		/** Narrow an unknown value to the listing. */
+		function asListing(value) {
+			if (typeof value !== "object" || value === null || Array.isArray(value)) return null;
+			const row = value;
+			return {
+				skills: Array.isArray(row.skills) ? row.skills.flatMap((entry) => asSkill(entry) ?? []) : [],
+				tags: Array.isArray(row.tags) ? row.tags.filter((tag) => typeof tag === "string") : []
+			};
+		}
+		/**
+		* Read the plaza.
+		* @param filter - Optional tag and text filters.
+		* @returns The listing, or null when this workspace is not connected to DataOps.
+		*/
+		async function fetchPlaza(filter = {}) {
+			const params = new URLSearchParams();
+			if (filter.tag !== void 0 && filter.tag !== "") params.set("tag", filter.tag);
+			if (filter.query !== void 0 && filter.query !== "") params.set("q", filter.query);
+			const suffix = params.size === 0 ? "" : "?" + params.toString();
+			const response = await fetch(SKILL_PLAZA_PATH + suffix, { headers: { accept: "application/json" } });
+			if (response.status === 503) return null;
+			if (!response.ok) throw new Error("skill plaza read failed with HTTP " + String(response.status));
+			return asListing(await response.json());
+		}
+		/**
+		* Change the plaza.
+		* @param body - Action and its parameters.
+		* @returns The parsed reply, or null when the plugin is not active.
+		*/
+		async function postPlazaAction(body) {
+			const response = await fetch(SKILL_PLAZA_PATH, {
+				method: "POST",
+				headers: {
+					"content-type": "application/json",
+					accept: "application/json"
+				},
+				body: JSON.stringify(body)
+			});
+			if (response.status === 503) return null;
+			if (!response.ok) throw new Error("skill plaza action failed with HTTP " + String(response.status));
+			return await response.json();
+		}
+		//#endregion
+		//#region \0dsh-css:/root/projects/dsh-plugins-plus/packages/dataops-managed/src/client/SkillPlazaSection.module.css.mjs
+		const css$1 = "._9FdZvq_section{border-top:1px solid var(--dsw-alias-border-l2);color:var(--dsw-alias-label-primary);flex-direction:column;gap:12px;margin-top:20px;padding-top:16px;display:flex}._9FdZvq_title{margin:0;font-size:16px;font-weight:500;line-height:24px}._9FdZvq_intro{color:var(--dsw-alias-label-tertiary);margin:0;font-size:13px;line-height:20px}._9FdZvq_filters{gap:10px;display:flex}._9FdZvq_search{border:1px solid var(--dsw-alias-border-l1);min-width:0;color:inherit;background:0 0;border-radius:6px;flex:1;padding:6px 10px;font-size:13px}._9FdZvq_tagSelect{border:1px solid var(--dsw-alias-border-l1);max-width:180px;color:inherit;background:0 0;border-radius:6px;flex:none;padding:6px 10px;font-size:13px}._9FdZvq_notice{color:var(--dsw-alias-state-business-primary);margin:0;font-size:12px;line-height:18px}._9FdZvq_cards{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}._9FdZvq_card{border:1px solid var(--dsw-alias-border-l2);border-radius:8px;flex-direction:column;gap:6px;padding:12px;display:flex}._9FdZvq_cardHead{align-items:center;gap:8px;display:flex}._9FdZvq_cardName{font-size:14px;font-weight:500;line-height:22px}._9FdZvq_mine{background:var(--dsw-alias-bg-hover);color:var(--dsw-alias-label-secondary);border-radius:4px;padding:1px 6px;font-size:11px;line-height:16px}._9FdZvq_cardDesc{color:var(--dsw-alias-label-tertiary);margin:0;font-size:12px;line-height:18px}._9FdZvq_tags{flex-wrap:wrap;gap:6px;display:flex}._9FdZvq_tag{border:1px solid var(--dsw-alias-border-l2);color:var(--dsw-alias-label-secondary);border-radius:10px;padding:1px 7px;font-size:11px;line-height:16px}._9FdZvq_cardActions{gap:8px;padding-top:2px;display:flex}";
+		const tagId$1 = "@sparkelf/dsh-dataops-managed/SkillPlazaSection.module.css";
+		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId$1) + "]") === null) {
+			const tag = document.createElement("style");
+			tag.dataset.plugin = "@sparkelf/dsh-dataops-managed";
+			tag.dataset.pluginCss = tagId$1;
+			tag.textContent = css$1;
+			document.head.appendChild(tag);
+		}
+		var SkillPlazaSection_module_css_default = {
+			"cardDesc": "_9FdZvq_cardDesc",
+			"tags": "_9FdZvq_tags",
+			"title": "_9FdZvq_title",
+			"cardHead": "_9FdZvq_cardHead",
+			"cardActions": "_9FdZvq_cardActions",
+			"tag": "_9FdZvq_tag",
+			"section": "_9FdZvq_section",
+			"card": "_9FdZvq_card",
+			"cardName": "_9FdZvq_cardName",
+			"search": "_9FdZvq_search",
+			"intro": "_9FdZvq_intro",
+			"notice": "_9FdZvq_notice",
+			"cards": "_9FdZvq_cards",
+			"tagSelect": "_9FdZvq_tagSelect",
+			"mine": "_9FdZvq_mine",
+			"filters": "_9FdZvq_filters"
+		};
+		//#endregion
+		//#region src/client/SkillPlazaSection.tsx
+		/**
+		* Browse, share, and install skills other users published.
+		*
+		* The section appears only where this plugin is installed: the skill center renders the slot,
+		* and an empty slot renders nothing. Every action goes through this plugin's Host route, so a
+		* workspace without DataOps never reaches these calls.
+		* @param props - Skill center injection values.
+		* @returns The plaza section, or nothing before injection.
+		*/
+		function SkillPlazaSection(props) {
+			const { t } = props;
+			const [state, setState] = (0, react.useState)({ kind: "loading" });
+			const [tag, setTag] = (0, react.useState)("");
+			const [query, setQuery] = (0, react.useState)("");
+			const [busy, setBusy] = (0, react.useState)(false);
+			const [notice, setNotice] = (0, react.useState)(null);
+			const load = (0, react.useCallback)(async (filter) => {
+				try {
+					const listing = await fetchPlaza(filter);
+					setState(listing === null ? { kind: "unavailable" } : {
+						kind: "ready",
+						listing
+					});
+				} catch {
+					setState({ kind: "failed" });
+				}
+			}, []);
+			(0, react.useEffect)(() => {
+				load({});
+			}, [load]);
+			const refresh = (0, react.useCallback)(async (nextTag = tag, nextQuery = query) => {
+				await load({
+					tag: nextTag,
+					query: nextQuery
+				});
+			}, [
+				load,
+				tag,
+				query
+			]);
+			const act = (0, react.useCallback)(async (body, message) => {
+				setBusy(true);
+				setNotice(null);
+				try {
+					await postPlazaAction(body);
+					setNotice(message);
+					await refresh();
+				} catch {
+					setNotice(t === void 0 ? null : t("plazaActionFailed"));
+				} finally {
+					setBusy(false);
+				}
+			}, [refresh, t]);
+			if (t === void 0) return null;
+			if (state.kind === "loading") return null;
+			if (state.kind === "unavailable") return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
+				className: SkillPlazaSection_module_css_default.section,
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h2", {
+					className: SkillPlazaSection_module_css_default.title,
+					children: t("plazaTitle")
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+					className: SkillPlazaSection_module_css_default.intro,
+					children: t("plazaUnavailable")
+				})]
+			});
+			if (state.kind === "failed") return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
+				className: SkillPlazaSection_module_css_default.section,
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h2", {
+					className: SkillPlazaSection_module_css_default.title,
+					children: t("plazaTitle")
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+					className: SkillPlazaSection_module_css_default.intro,
+					role: "alert",
+					children: t("plazaLoadFailed")
+				})]
+			});
+			const { listing } = state;
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
+				className: SkillPlazaSection_module_css_default.section,
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h2", {
+						className: SkillPlazaSection_module_css_default.title,
+						children: t("plazaTitle")
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: SkillPlazaSection_module_css_default.intro,
+						children: t("plazaIntro")
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: SkillPlazaSection_module_css_default.filters,
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+							className: SkillPlazaSection_module_css_default.search,
+							placeholder: t("plazaSearch"),
+							value: query,
+							onChange: (event) => {
+								setQuery(event.target.value);
+							}
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("select", {
+							className: SkillPlazaSection_module_css_default.tagSelect,
+							"aria-label": t("plazaTagFilter"),
+							value: tag,
+							onChange: (event) => {
+								setTag(event.target.value);
+								refresh(event.target.value, query);
+							},
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+								value: "",
+								children: t("plazaAllTags")
+							}), listing.tags.map((item) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+								value: item,
+								children: item
+							}, item))]
+						})]
+					}),
+					notice === null ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: SkillPlazaSection_module_css_default.notice,
+						children: notice
+					}),
+					listing.skills.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: SkillPlazaSection_module_css_default.intro,
+						children: t("plazaEmpty")
+					}) : null,
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("ul", {
+						className: SkillPlazaSection_module_css_default.cards,
+						children: listing.skills.map((skill) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("li", {
+							className: SkillPlazaSection_module_css_default.card,
+							children: [
+								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+									className: SkillPlazaSection_module_css_default.cardHead,
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("strong", {
+										className: SkillPlazaSection_module_css_default.cardName,
+										children: skill.name
+									}), skill.sharedByMe ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										className: SkillPlazaSection_module_css_default.mine,
+										children: t("plazaMine")
+									}) : null]
+								}),
+								skill.description === void 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+									className: SkillPlazaSection_module_css_default.cardDesc,
+									children: skill.description
+								}),
+								skill.tags.length === 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+									className: SkillPlazaSection_module_css_default.tags,
+									children: skill.tags.map((item) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										className: SkillPlazaSection_module_css_default.tag,
+										children: item
+									}, item))
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+									className: SkillPlazaSection_module_css_default.cardActions,
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+										variant: "primary",
+										size: "sm",
+										disabled: busy,
+										onClick: () => {
+											act({
+												action: "install",
+												id: skill.id
+											}, t("plazaInstalled"));
+										},
+										children: t("plazaInstall")
+									}), skill.sharedByMe ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+										variant: "outline",
+										size: "sm",
+										disabled: busy,
+										onClick: () => {
+											act({
+												action: "unshare",
+												id: skill.id
+											}, t("plazaUnshared"));
+										},
+										children: t("plazaUnshare")
+									}) : null]
+								})
+							]
+						}, skill.id))
+					})
+				]
+			});
+		}
+		//#endregion
 		//#region \0dsh-css:/root/projects/dsh-plugins-plus/packages/dataops-managed/src/client/WanxiangBrand.module.css.mjs
 		const css = ".s0HPxG_mark{color:inherit;flex:none;display:block;overflow:visible}.s0HPxG_animatedMark{cursor:pointer}.s0HPxG_mark g{transform-box:fill-box;transform-origin:50%}.s0HPxG_sidebarName{min-width:0;height:24px;color:inherit;align-items:center;gap:6px;display:inline-flex}.s0HPxG_sidebarName>svg:first-child{flex:0 auto;min-width:0;max-width:102px}.s0HPxG_harness{flex:none;display:block;overflow:visible}@keyframes s0HPxG_unit-top{0%,to{transform:translate(0)}50%{transform:translateY(-2px)}}@keyframes s0HPxG_unit-left{0%,to{transform:translate(0)}50%{transform:translate(-2px,1px)}}@keyframes s0HPxG_unit-right{0%,to{transform:translate(0)}50%{transform:translate(2px,1px)}}@keyframes s0HPxG_unit-core{0%,to{transform:translate(0)}50%{transform:translateY(2px)}}@media (hover:hover) and (prefers-reduced-motion:no-preference){.s0HPxG_animatedMark:hover .s0HPxG_unitTop{animation:1.6s ease-in-out infinite s0HPxG_unit-top}.s0HPxG_animatedMark:hover .s0HPxG_unitLeft{animation:1.6s ease-in-out infinite s0HPxG_unit-left}.s0HPxG_animatedMark:hover .s0HPxG_unitRight{animation:1.6s ease-in-out infinite s0HPxG_unit-right}.s0HPxG_animatedMark:hover .s0HPxG_unitCore{animation:1.6s ease-in-out infinite s0HPxG_unit-core}}@media (prefers-reduced-motion:reduce){.s0HPxG_animatedMark,.s0HPxG_animatedMark g{animation:none!important;transform:none!important}}";
 		const tagId = "@sparkelf/dsh-dataops-managed/WanxiangBrand.module.css";
@@ -353,18 +626,18 @@ window.__ModuleLoader__.load({
 			document.head.appendChild(tag);
 		}
 		var WanxiangBrand_module_css_default = {
-			"sidebarName": "s0HPxG_sidebarName",
-			"harness": "s0HPxG_harness",
+			"unit-left": "s0HPxG_unit-left",
 			"animatedMark": "s0HPxG_animatedMark",
-			"unit-top": "s0HPxG_unit-top",
+			"harness": "s0HPxG_harness",
 			"unit-right": "s0HPxG_unit-right",
-			"unitLeft": "s0HPxG_unitLeft",
-			"unitCore": "s0HPxG_unitCore",
-			"mark": "s0HPxG_mark",
-			"unit-left": "s0HPxG_unit-left",
 			"unit-core": "s0HPxG_unit-core",
+			"unitLeft": "s0HPxG_unitLeft",
+			"unitRight": "s0HPxG_unitRight",
+			"sidebarName": "s0HPxG_sidebarName",
 			"unitTop": "s0HPxG_unitTop",
-			"unitRight": "s0HPxG_unitRight"
+			"mark": "s0HPxG_mark",
+			"unitCore": "s0HPxG_unitCore",
+			"unit-top": "s0HPxG_unit-top"
 		};
 		//#endregion
 		//#region src/client/WanxiangBrand.tsx
@@ -666,7 +939,21 @@ window.__ModuleLoader__.load({
 			modelsListDescription: "A model turned off here stays available in this workspace and is not offered to other users.",
 			modelShareLabel: "Available to other users",
 			modelsEmpty: "No models are configured in this workspace yet. Add them in Models settings first.",
-			loadFailed: "The model configuration could not be loaded. Try again."
+			loadFailed: "The model configuration could not be loaded. Try again.",
+			plazaTitle: "Skill plaza",
+			plazaIntro: "Skills other users shared. Install one to use it in this workspace, or share a skill of your own.",
+			plazaSearch: "Search skills",
+			plazaTagFilter: "Filter by tag",
+			plazaAllTags: "All tags",
+			plazaMine: "Shared by me",
+			plazaInstall: "Install",
+			plazaInstalled: "Installed. It is now in your skill list.",
+			plazaUnshare: "Stop sharing",
+			plazaUnshared: "Removed from the plaza. Users who installed it keep their copy.",
+			plazaEmpty: "No skills have been shared yet.",
+			plazaUnavailable: "The skill plaza is available once this workspace is connected to DataOps.",
+			plazaLoadFailed: "The skill plaza could not be loaded. Try again.",
+			plazaActionFailed: "The action could not be completed. Try again."
 		};
 		/** Chinese managed DataOps Settings copy. */
 		const zh = {
@@ -698,7 +985,21 @@ window.__ModuleLoader__.load({
 			modelsListDescription: "在这里关闭的模型，本工作区仍可使用，只是不提供给其他用户。",
 			modelShareLabel: "提供给其他用户使用",
 			modelsEmpty: "本工作区还没有配置模型，请先在模型设置中添加。",
-			loadFailed: "模型配置加载失败，请重试。"
+			loadFailed: "模型配置加载失败，请重试。",
+			plazaTitle: "技能广场",
+			plazaIntro: "其他用户共享的技能。装载后即可在本工作区使用，也可以把自己的技能共享出去。",
+			plazaSearch: "搜索技能",
+			plazaTagFilter: "按标签筛选",
+			plazaAllTags: "全部标签",
+			plazaMine: "我共享的",
+			plazaInstall: "装载",
+			plazaInstalled: "已装载，可在技能列表中使用。",
+			plazaUnshare: "取消共享",
+			plazaUnshared: "已从广场移除；已装载的用户保留其副本。",
+			plazaEmpty: "还没有人共享技能。",
+			plazaUnavailable: "工作区接入 DataOps 后即可使用技能广场。",
+			plazaLoadFailed: "技能广场加载失败，请重试。",
+			plazaActionFailed: "操作未完成，请重试。"
 		};
 		//#endregion
 		//#region src/client/index.ts
@@ -725,6 +1026,19 @@ window.__ModuleLoader__.load({
 				label: () => t("nav"),
 				inject: () => ({ t })
 			}, ManagedDataOpsSection));
+			/**
+			* The skill plaza, contributed to the skill center page.
+			*
+			* The skill center declares the slot and renders whatever it holds; a profile without this
+			* plugin leaves it empty, which is what keeps the plaza out of a deployment that never
+			* installed DataOps.
+			*/
+			ctx.slots.inject("skill-center.section", () => ctx.slots.register({
+				name: "skill-center.section",
+				id: "dataops-plaza",
+				order: 10,
+				inject: () => ({ t })
+			}, SkillPlazaSection));
 			const synchronizeJwt = async () => {
 				const response = await fetch(new URL(MANAGED_AUTH_PATH, window.location.origin), {
 					method: "POST",