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

package/lib/client.js

@@ -115,6 +115,62 @@ window.__ModuleLoader__.load({
 			"workspaceBadge": "DGiSta_workspaceBadge"
 		};
 		//#endregion
+		//#region src/client/glyphs.tsx
+		/**
+		* The chain-link glyph on a connector card.
+		* @returns a 16px current-color SVG.
+		*/
+		function ConnectorGlyph() {
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", {
+				width: "16",
+				height: "16",
+				viewBox: "0 0 16 16",
+				fill: "none",
+				"aria-hidden": "true",
+				"data-connector-glyph": true,
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+						d: "M6.6 9.4 9.4 6.6",
+						stroke: "currentColor",
+						strokeWidth: "1.4",
+						strokeLinecap: "round"
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+						d: "m7.4 4.9 1-1a2.7 2.7 0 0 1 3.8 3.8l-1 1",
+						stroke: "currentColor",
+						strokeWidth: "1.4",
+						strokeLinecap: "round"
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+						d: "m8.6 11.1-1 1a2.7 2.7 0 0 1-3.8-3.8l1-1",
+						stroke: "currentColor",
+						strokeWidth: "1.4",
+						strokeLinecap: "round"
+					})
+				]
+			});
+		}
+		/**
+		* The close glyph shared by the dialog header and the search clear control.
+		* @param props.size - rendered edge length in pixels.
+		* @returns a current-color SVG.
+		*/
+		function CloseGlyph({ size = 14 }) {
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
+				width: size,
+				height: size,
+				viewBox: "0 0 16 16",
+				fill: "none",
+				"aria-hidden": "true",
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+					d: "m4 4 8 8M12 4l-8 8",
+					stroke: "currentColor",
+					strokeWidth: "1.4",
+					strokeLinecap: "round"
+				})
+			});
+		}
+		//#endregion
 		//#region src/client/api.ts
 		/**
 		* Skill center API client. Talks to the host route family over same-origin
@@ -650,8 +706,7 @@ window.__ModuleLoader__.load({
 						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 })
+								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ConnectorGlyph, {})
 							}),
 							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 								className: SkillCenterPage_module_css_default.connectorIdentity,
@@ -755,6 +810,7 @@ window.__ModuleLoader__.load({
 			if (state.kind === "failed") return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 				className: SkillCenterPage_module_css_default.connectorFailed,
 				role: "alert",
+				"data-connector-failed": true,
 				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", { children: [
 					t("connector.failed"),
 					"：",
@@ -1695,7 +1751,7 @@ window.__ModuleLoader__.load({
 										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 })
+										children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CloseGlyph, { size: 14 })
 									})]
 								}),
 								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
@@ -1833,7 +1889,7 @@ window.__ModuleLoader__.load({
 								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, {}),
+								icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CloseGlyph, {}),
 								onClick: () => {
 									setQuery("");
 								}

package/lib/types/client/glyphs.d.ts

@@ -0,0 +1,28 @@
+/**
+ * Package-local glyphs for controls whose primitives icon has no stable name.
+ *
+ * The shell owns `@deepseek-ai/dsh-client-ui-primitives`, and its icon exports
+ * are renamed between releases (`IconLinkOutline16` in one, `IconLinkOutline`
+ * and `IconLinkOutlineRegular` in the next). A client plugin is loaded against
+ * whatever primitives the running shell bundles, so a missing export reaches
+ * React as an undefined component and unmounts the whole slot. These two
+ * glyphs are drawn here instead of imported so the connector tab and the
+ * dialog close control render on every shell that mounts the plugin.
+ *
+ * @module @sparkelf/dsh-client-ui-skill-center/client/glyphs
+ */
+import type { ReactNode } from 'react';
+/**
+ * The chain-link glyph on a connector card.
+ * @returns a 16px current-color SVG.
+ */
+export declare function ConnectorGlyph(): ReactNode;
+/**
+ * The close glyph shared by the dialog header and the search clear control.
+ * @param props.size - rendered edge length in pixels.
+ * @returns a current-color SVG.
+ */
+export declare function CloseGlyph({ size }: {
+    size?: number;
+}): ReactNode;
+//# sourceMappingURL=glyphs.d.ts.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sparkelf/dsh-client-ui-skill-center",
-  "version": "0.2.2-alpha.2.2",
+  "version": "0.2.2-alpha.2.4",
   "description": "Skill center for the dsh web client: browses loaded skills grouped by source, enables or disables model invocation, creates skills, and deletes them into a recoverable trash",
   "publishConfig": {
     "access": "public"