@deepseek-ai/dsh-client-ui-settings-plugin-inventory 0.0.1-rc.3

package/LICENSE

@@ -0,0 +1,28 @@
+BSD 3-Clause License
+
+Copyright (c) 2026, DeepSeek
+
+Redistribution and use in source and binary forms, with or without
+modification, are permitted provided that the following conditions are met:
+
+1. Redistributions of source code must retain the above copyright notice, this
+   list of conditions and the following disclaimer.
+
+2. Redistributions in binary form must reproduce the above copyright notice,
+   this list of conditions and the following disclaimer in the documentation
+   and/or other materials provided with the distribution.
+
+3. Neither the name of the copyright holder nor the names of its
+   contributors may be used to endorse or promote products derived from
+   this software without specific prior written permission.
+
+THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS"
+AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
+IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
+DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER OR CONTRIBUTORS BE LIABLE
+FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL
+DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR
+SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER
+CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY,
+OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
+OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.

package/README.i18n.yaml

@@ -0,0 +1,6 @@
+# Bilingual-pair consistency record (docs/i18n/README.md): the git blob hash of each
+# side as of the last confirmed-consistent state. Both languages carry equal authority;
+# after editing either side, bring the other along and re-record with:
+#   pnpm run verify-translation-pairing --write packages/client/ui-settings-plugin-inventory/README.md
+README.md: d3410d1387b4a51a0ecaeee4ec9f80913157d453
+README.zh.md: e262a29dfa5c9c4d1505b442aeb1881015a1de8c

package/README.md

@@ -0,0 +1,20 @@
+# @deepseek-ai/dsh-client-ui-settings-plugin-inventory
+
+English | [中文](README.zh.md)
+
+Read-only **Plugin list** tab for Web Settings. The browser plugin registers one localized `settings.plugins.tab` contribution with id `all`; the Plugins section owns the navigation entry and tab chrome. It performs no Remote read during plugin activation. Selecting the tab for the first time mounts it and lazily calls `ctx.remote.pluginInventory.list()` through [`api-remotes`](../../api/remotes/README.md).
+
+The tab renders a searchable two-column catalog of compact disclosure cards. Each collapsed card uses the short module name as its title and a small effective-enablement tag; enabled entries also show a colored root-fiber status dot. Expanding one card reveals its Loader-tree entry id without a redundant field label, followed by the effective configuration and, for enabled entries, Cordis status. Disabled entries omit the redundant unmounted runtime state. The entry id remains the React key, disclosure identity, detail value, and an additional search target; it is never classified by string shape. Loading, empty, no-match, and generic failure states stay local to the mounted component, and a failed read can be retried without exposing transport details. The registration uses `ctx.slots.inject()`, so it follows late tab declaration, redeclaration, locale changes, and teardown without importing the section owner.
+
+## Model Experience
+
+None, as this package only visualizes a Host-owned deployment snapshot in browser Settings and registers nothing model-facing.
+
+#### KV Cache effect
+
+None; this package neither assembles nor sends a provider request.
+
+## Known Limitations and Deferred Work
+
+- **One snapshot per Settings mount or retry** — the tab does not subscribe to Loader changes or automatically refetch after reconnect; switching tabs preserves the current snapshot, while reopening Settings obtains a new one.
+- **Read-only Loader view** — local search does not add provenance, current-browser activation diagnosis, grouping by source, or plugin mutation controls.

package/README.zh.md

@@ -0,0 +1,20 @@
+# @deepseek-ai/dsh-client-ui-settings-plugin-inventory
+
+[English](README.md) | 中文
+
+Web 设置中的只读**插件列表**标签页。浏览器插件注册一个 id 为 `all` 的本地化 `settings.plugins.tab` 贡献；“插件”分区拥有导航入口与标签栏。插件激活期间不会读取 Remote；首次选择该标签页时才挂载组件，并通过 [`api-remotes`](../../api/remotes/README.md) 懒调用 `ctx.remote.pluginInventory.list()`。
+
+该标签页以可搜索的双列紧凑折叠卡片展示清单。每张收起的卡片使用模块短名称作为标题，以小标签表示有效启停状态；已启用的条目还会以彩色圆点表示根 fiber 状态。展开卡片后会直接展示 Loader 树条目 id，不附加重复的字段标题，并列出有效配置状态；已启用的条目还会列出 Cordis 状态，已停用的条目则省略重复的“未挂载”运行状态。条目 id 仍作为 React key、展开标识、详情值与额外的搜索目标；代码不按字符串形状对它分类。加载、空结果、无匹配结果与通用失败状态只属于已挂载组件；读取失败后可以重试，且不会暴露传输细节。注册使用 `ctx.slots.inject()`，因此能跟随标签 slot 的延迟声明、重新声明、本地化变化与 teardown，而无需 import 分区拥有方。
+
+## 模型体验
+
+无，因为本包只在浏览器设置中展示 Host 拥有的部署快照，不注册任何模型接口。
+
+#### KV Cache 影响
+
+无；本包既不组装也不发送提供方请求。
+
+## 已知限制与暂缓事项
+
+- **每次 Settings 挂载或重试只读取一份快照** —— 标签页不订阅 Loader 变化，也不会在重连后自动重新读取；切换标签页会保留当前快照，重新打开 Settings 则会取得新快照。
+- **只读 Loader 视图** —— 本地搜索不会额外引入来源、按来源分组、当前浏览器激活诊断或插件修改控件。

package/lib/client.js

@@ -0,0 +1,302 @@
+window.__ModuleLoader__.load({
+	id: "@deepseek-ai/dsh-client-ui-settings-plugin-inventory",
+	factory: (require) => {
+		var module = { exports: {} };
+		var exports = module.exports;
+		Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+		let react_jsx_runtime = require("react/jsx-runtime");
+		let react = require("react");
+		let _deepseek_ai_dsh_client_ui_primitives = require("@deepseek-ai/dsh-client-ui-primitives");
+		//#region \0dsh-css:/home/runner/work/deepseek-harness/deepseek-harness/packages/client/ui-settings-plugin-inventory/src/client/PluginInventorySettingsTab.module.css.mjs
+		const css = ".qSYn7G_section{width:100%;max-width:760px;color:var(--dsw-alias-label-primary);flex-direction:column;gap:14px;display:flex}.qSYn7G_catalogHeading h3,.qSYn7G_status,.qSYn7G_failure p{margin:0}.qSYn7G_status,.qSYn7G_failure{color:var(--dsw-alias-label-tertiary);font-size:13px;line-height:20px}.qSYn7G_failure{color:var(--dsw-alias-state-error-primary);align-items:center;gap:10px;display:flex}.qSYn7G_failure button{border:1px solid var(--dsw-alias-border-l2);color:var(--dsw-alias-label-primary);font:inherit;cursor:pointer;background:0 0;border-radius:6px;padding:4px 10px}.qSYn7G_catalog{flex-direction:column;gap:12px;display:flex}.qSYn7G_search{width:100%;color:var(--dsw-alias-label-tertiary);align-items:center;display:flex;position:relative}.qSYn7G_search>svg{pointer-events:none;position:absolute;left:12px}.qSYn7G_search input{border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-1);width:100%;height:36px;color:var(--dsw-alias-label-primary);font:inherit;border-radius:8px;outline:none;padding:0 34px 0 36px;font-size:13px}.qSYn7G_search input::placeholder{color:var(--dsw-alias-label-tertiary)}.qSYn7G_search input:focus-visible{border-color:var(--dsw-alias-state-business-primary);box-shadow:0 0 0 2px color-mix(in srgb, var(--dsw-alias-state-business-primary) 18%, transparent)}.qSYn7G_catalogHeading{align-items:baseline;gap:7px;padding:0 2px;display:flex}.qSYn7G_catalogHeading h3{font-size:13px;font-weight:600;line-height:20px}.qSYn7G_catalogHeading span{color:var(--dsw-alias-label-tertiary);font-variant-numeric:tabular-nums;font-size:12px;line-height:18px}.qSYn7G_cards{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:10px;margin:0;padding:0;list-style:none;display:grid}.qSYn7G_card{border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-3);border-radius:10px;min-width:0;overflow:hidden}.qSYn7G_card[data-open=true]{border-color:var(--dsw-alias-border-l1);box-shadow:var(--dsw-shadow-lv1)}.qSYn7G_cardContent{box-sizing:border-box;width:100%;min-height:52px;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.qSYn7G_cardContent:hover,.qSYn7G_card[data-open=true]>.qSYn7G_cardContent{background:var(--dsw-alias-interactive-bg-hover)}.qSYn7G_cardContent:focus-visible{outline:2px solid var(--dsw-alias-state-business-primary);outline-offset:-2px}.qSYn7G_cardTitle{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:14px;font-weight:600;line-height:20px;overflow:hidden}.qSYn7G_cardTrailing{color:var(--dsw-alias-label-tertiary);flex:none;align-items:center;gap:7px;display:inline-flex}.qSYn7G_statusDot{background:var(--dsw-alias-label-tertiary);border-radius:999px;flex:none;width:7px;height:7px;display:inline-block}.qSYn7G_statusDot[data-phase=active]{background:var(--dsw-alias-state-success-primary)}.qSYn7G_statusDot[data-phase=failed]{background:var(--dsw-alias-state-error-primary)}.qSYn7G_statusDot[data-phase=loading]{background:var(--dsw-alias-state-business-primary)}.qSYn7G_configTag{background:var(--dsw-alias-bg-layer-1);min-height:20px;color:var(--dsw-alias-label-secondary);white-space:nowrap;border-radius:5px;align-items:center;padding:1px 6px;font-size:11px;line-height:16px;display:inline-flex}.qSYn7G_configTag[data-enabled=true]{background:color-mix(in srgb, var(--dsw-alias-state-success-primary) 10%, transparent);color:var(--dsw-alias-state-success-primary)}.qSYn7G_chevron{color:var(--dsw-alias-label-tertiary);flex:none}.qSYn7G_card[data-open=true] .qSYn7G_chevron{transform:rotate(180deg)}.qSYn7G_cardDetails{border-top:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-module-platform);padding:10px 14px 12px}.qSYn7G_entryValue{overflow-wrap:anywhere;color:var(--dsw-alias-label-primary);font-family:var(--ds-font-family-code);font-size:12px;line-height:18px;display:block}.qSYn7G_details{grid-template-columns:76px minmax(0,1fr);gap:6px 10px;margin:8px 0 0;display:grid}.qSYn7G_details div{display:contents}.qSYn7G_details dt{color:var(--dsw-alias-label-tertiary);font-size:11px;line-height:17px}.qSYn7G_details dd{overflow-wrap:anywhere;min-width:0;color:var(--dsw-alias-label-secondary);margin:0;font-size:12px;line-height:17px}.qSYn7G_visuallyHidden{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (prefers-reduced-motion:no-preference){.qSYn7G_chevron{transition:transform .14s var(--ds-ease-in-out)}}@media (width<=680px){.qSYn7G_cards{grid-template-columns:minmax(0,1fr)}}";
+		const tagId = "@deepseek-ai/dsh-client-ui-settings-plugin-inventory/PluginInventorySettingsTab.module.css";
+		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId) + "]") === null) {
+			const tag = document.createElement("style");
+			tag.dataset.plugin = "@deepseek-ai/dsh-client-ui-settings-plugin-inventory";
+			tag.dataset.pluginCss = tagId;
+			tag.textContent = css;
+			document.head.appendChild(tag);
+		}
+		var PluginInventorySettingsTab_module_css_default = {
+			"section": "qSYn7G_section",
+			"cardDetails": "qSYn7G_cardDetails",
+			"status": "qSYn7G_status",
+			"cards": "qSYn7G_cards",
+			"configTag": "qSYn7G_configTag",
+			"cardTrailing": "qSYn7G_cardTrailing",
+			"cardContent": "qSYn7G_cardContent",
+			"details": "qSYn7G_details",
+			"catalogHeading": "qSYn7G_catalogHeading",
+			"entryValue": "qSYn7G_entryValue",
+			"visuallyHidden": "qSYn7G_visuallyHidden",
+			"statusDot": "qSYn7G_statusDot",
+			"card": "qSYn7G_card",
+			"chevron": "qSYn7G_chevron",
+			"failure": "qSYn7G_failure",
+			"catalog": "qSYn7G_catalog",
+			"cardTitle": "qSYn7G_cardTitle",
+			"search": "qSYn7G_search"
+		};
+		//#endregion
+		//#region lib/types/client/PluginInventorySettingsTab.js
+		const PHASE_KEYS = {
+			pending: "pending",
+			loading: "loadingPhase",
+			active: "active",
+			failed: "failed",
+			unloading: "unloading"
+		};
+		/** Localized accessible label for one root Fiber phase. */
+		function phaseLabel(phase, t) {
+			return phase === null ? t("unobserved") : t(PHASE_KEYS[phase]);
+		}
+		/** Compact a module specifier without guessing whether its Loader id was generated. */
+		function moduleShortName(moduleName) {
+			return (moduleName.startsWith("@") ? moduleName.slice(moduleName.indexOf("/") + 1) : moduleName).replace(/^cordis:/, "").replace(/^cordis-plugin-/, "").replace(/^dsh-(?:host-|client-)?/, "");
+		}
+		/** Whether an inventory row matches the local catalog query. */
+		function matches(entry, normalizedQuery) {
+			if (normalizedQuery.length === 0) return true;
+			return [entry.moduleName, entry.entryId].some((value) => value.toLocaleLowerCase().includes(normalizedQuery));
+		}
+		/** Render the read-only current Loader inventory. */
+		function PluginInventorySettingsTab({ list, t }) {
+			const catalogId = (0, react.useId)();
+			const [request, setRequest] = (0, react.useState)(0);
+			const [query, setQuery] = (0, react.useState)("");
+			const [expanded, setExpanded] = (0, react.useState)(null);
+			const [state, setState] = (0, react.useState)({ status: "loading" });
+			(0, react.useEffect)(() => {
+				let current = true;
+				Promise.resolve().then(() => list()).then((snapshot) => {
+					if (current) setState({
+						status: "ready",
+						snapshot
+					});
+				}, () => {
+					if (current) setState({ status: "error" });
+				});
+				return () => {
+					current = false;
+				};
+			}, [list, request]);
+			const normalizedQuery = query.trim().toLocaleLowerCase();
+			const filteredEntries = (0, react.useMemo)(() => state.status === "ready" ? state.snapshot.entries.filter((entry) => matches(entry, normalizedQuery)) : [], [normalizedQuery, state]);
+			(0, react.useEffect)(() => {
+				if (expanded !== null && !filteredEntries.some((entry) => entry.entryId === expanded)) setExpanded(null);
+			}, [expanded, filteredEntries]);
+			const retry = () => {
+				setState({ status: "loading" });
+				setRequest((value) => value + 1);
+			};
+			return (0, react_jsx_runtime.jsxs)("div", {
+				className: PluginInventorySettingsTab_module_css_default.section,
+				"aria-busy": state.status === "loading",
+				children: [
+					state.status === "loading" ? (0, react_jsx_runtime.jsx)("p", {
+						className: PluginInventorySettingsTab_module_css_default.status,
+						children: t("loading")
+					}) : null,
+					state.status === "error" ? (0, react_jsx_runtime.jsxs)("div", {
+						className: PluginInventorySettingsTab_module_css_default.failure,
+						children: [(0, react_jsx_runtime.jsx)("p", {
+							role: "alert",
+							children: t("error")
+						}), (0, react_jsx_runtime.jsx)("button", {
+							type: "button",
+							onClick: retry,
+							children: t("retry")
+						})]
+					}) : null,
+					state.status === "ready" ? (0, react_jsx_runtime.jsxs)("div", {
+						className: PluginInventorySettingsTab_module_css_default.catalog,
+						children: [
+							(0, react_jsx_runtime.jsxs)("label", {
+								className: PluginInventorySettingsTab_module_css_default.search,
+								children: [
+									(0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconSearchOutline16, { "aria-hidden": "true" }),
+									(0, react_jsx_runtime.jsx)("span", {
+										className: PluginInventorySettingsTab_module_css_default.visuallyHidden,
+										children: t("search")
+									}),
+									(0, react_jsx_runtime.jsx)("input", {
+										type: "search",
+										value: query,
+										placeholder: t("search"),
+										"aria-label": t("search"),
+										onChange: (event) => {
+											setQuery(event.currentTarget.value);
+										}
+									})
+								]
+							}),
+							(0, react_jsx_runtime.jsxs)("div", {
+								className: PluginInventorySettingsTab_module_css_default.catalogHeading,
+								children: [(0, react_jsx_runtime.jsx)("h3", { children: t("catalog") }), (0, react_jsx_runtime.jsx)("span", {
+									"data-plugin-count": filteredEntries.length,
+									children: filteredEntries.length
+								})]
+							}),
+							state.snapshot.entries.length === 0 ? (0, react_jsx_runtime.jsx)("p", {
+								className: PluginInventorySettingsTab_module_css_default.status,
+								children: t("empty")
+							}) : null,
+							state.snapshot.entries.length > 0 && filteredEntries.length === 0 ? (0, react_jsx_runtime.jsx)("p", {
+								className: PluginInventorySettingsTab_module_css_default.status,
+								children: t("emptySearch")
+							}) : null,
+							filteredEntries.length > 0 ? (0, react_jsx_runtime.jsx)("ul", {
+								className: PluginInventorySettingsTab_module_css_default.cards,
+								children: filteredEntries.map((entry) => {
+									const status = phaseLabel(entry.fiberPhase, t);
+									const title = moduleShortName(entry.moduleName);
+									const configuration = t(entry.enabled ? "enabledTag" : "disabledTag");
+									const open = expanded === entry.entryId;
+									const detailId = `${catalogId}-details-${encodeURIComponent(entry.entryId)}`;
+									return (0, react_jsx_runtime.jsxs)("li", {
+										className: PluginInventorySettingsTab_module_css_default.card,
+										"data-plugin-entry": entry.entryId,
+										"data-open": open ? "true" : void 0,
+										children: [(0, react_jsx_runtime.jsxs)("button", {
+											className: PluginInventorySettingsTab_module_css_default.cardContent,
+											type: "button",
+											"aria-expanded": open,
+											"aria-controls": detailId,
+											"aria-label": entry.enabled ? `${title}, ${status}, ${configuration}` : `${title}, ${configuration}`,
+											onClick: () => {
+												setExpanded((current) => current === entry.entryId ? null : entry.entryId);
+											},
+											children: [(0, react_jsx_runtime.jsx)("strong", {
+												className: PluginInventorySettingsTab_module_css_default.cardTitle,
+												title: entry.moduleName,
+												children: title
+											}), (0, react_jsx_runtime.jsxs)("span", {
+												className: PluginInventorySettingsTab_module_css_default.cardTrailing,
+												children: [
+													entry.enabled ? (0, react_jsx_runtime.jsx)("span", {
+														className: PluginInventorySettingsTab_module_css_default.statusDot,
+														"data-phase": entry.fiberPhase ?? "unobserved",
+														role: "img",
+														"aria-label": status,
+														title: status
+													}) : null,
+													(0, react_jsx_runtime.jsx)("span", {
+														className: PluginInventorySettingsTab_module_css_default.configTag,
+														"data-enabled": entry.enabled ? "true" : "false",
+														children: configuration
+													}),
+													(0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconChevronDownOutline14, {
+														className: PluginInventorySettingsTab_module_css_default.chevron,
+														size: 12,
+														"aria-hidden": "true"
+													})
+												]
+											})]
+										}), open ? (0, react_jsx_runtime.jsxs)("div", {
+											className: PluginInventorySettingsTab_module_css_default.cardDetails,
+											id: detailId,
+											children: [(0, react_jsx_runtime.jsx)("code", {
+												className: PluginInventorySettingsTab_module_css_default.entryValue,
+												"data-loader-entry": true,
+												children: entry.entryId
+											}), (0, react_jsx_runtime.jsxs)("dl", {
+												className: PluginInventorySettingsTab_module_css_default.details,
+												children: [(0, react_jsx_runtime.jsxs)("div", { children: [(0, react_jsx_runtime.jsx)("dt", { children: t("configuration") }), (0, react_jsx_runtime.jsx)("dd", { children: configuration })] }), entry.enabled ? (0, react_jsx_runtime.jsxs)("div", { children: [(0, react_jsx_runtime.jsx)("dt", { children: t("cordis") }), (0, react_jsx_runtime.jsx)("dd", { children: status })] }) : null]
+											})]
+										}) : null]
+									}, entry.entryId);
+								})
+							}) : null
+						]
+					}) : null
+				]
+			});
+		}
+		//#endregion
+		//#region lib/types/client/locales.js
+		/** Copy dictionaries for the plugin inventory Settings section. */
+		/** Simplified Chinese dictionary and key source of truth. */
+		const zh = {
+			tab: "插件列表",
+			loading: "正在读取插件…",
+			error: "暂时无法读取插件。",
+			retry: "重试",
+			search: "搜索插件",
+			catalog: "插件列表",
+			empty: "暂无插件。",
+			emptySearch: "没有匹配的插件。",
+			enabledTag: "已启用",
+			disabledTag: "已停用",
+			configuration: "配置状态",
+			cordis: "Cordis 状态",
+			unobserved: "未挂载",
+			pending: "等待依赖",
+			loadingPhase: "加载中",
+			active: "已挂载",
+			failed: "挂载失败",
+			unloading: "卸载中"
+		};
+		/** English dictionary checked against the Chinese key set. */
+		const en = {
+			tab: "Plugin list",
+			loading: "Reading plugins…",
+			error: "Plugins are temporarily unavailable.",
+			retry: "Retry",
+			search: "Search plugins",
+			catalog: "Plugin list",
+			empty: "No plugins are available.",
+			emptySearch: "No matching plugins.",
+			enabledTag: "Enabled",
+			disabledTag: "Disabled",
+			configuration: "Configuration",
+			cordis: "Cordis status",
+			unobserved: "Not mounted",
+			pending: "Waiting for dependencies",
+			loadingPhase: "Loading",
+			active: "Mounted",
+			failed: "Mount failed",
+			unloading: "Unloading"
+		};
+		//#endregion
+		//#region lib/types/client/index.js
+		/** Read-only Host plugin inventory registered into Web Settings. */
+		/** Dictionary namespace owned by this plugin. */
+		const NS = "settings.pluginInventory";
+		/** Services required by the Settings registration and generated Remote face. */
+		const inject = [
+			"slots",
+			"locale",
+			"remote",
+			"remote.pluginInventory"
+		];
+		/** Contribute the lazy inventory tab to the Plugins settings section. */
+		function apply(ctx) {
+			ctx.effect(() => ctx.locale.register(NS, {
+				zh,
+				en
+			}), "ui-settings-plugin-inventory: dictionaries");
+			const t = ctx.locale.bind(NS);
+			const list = async () => {
+				const result = await ctx.remote.pluginInventory.list();
+				if (!result.ok) throw new Error(`pluginInventory.list failed: ${result.error.code}: ${result.error.message}`);
+				return result.value;
+			};
+			const injected = () => ({ list });
+			ctx.slots.inject("settings.plugins.tab", () => ctx.slots.register({
+				name: "settings.plugins.tab",
+				id: "all",
+				order: 10,
+				label: () => t("tab"),
+				locale: NS,
+				inject: injected
+			}, PluginInventorySettingsTab));
+		}
+		//#endregion
+		exports.NS = NS;
+		exports.apply = apply;
+		exports.inject = inject;
+		return module.exports;
+	}
+});
+
+//# sourceMappingURL=client.js.map

package/lib/index.js

@@ -0,0 +1,6 @@
+//#region lib/types/index.js
+/** Host loader entry for the inventory-tab browser implementation exported from `./client`. */
+/** Host plugin body — no host-side behavior for the plugin inventory tab. */
+function apply() {}
+//#endregion
+export { apply };

package/lib/invariant.js

@@ -0,0 +1,13 @@
+//#region lib/types/invariant.js
+/** Package-owned invariant companion. @module @deepseek-ai/dsh-client-ui-settings-plugin-inventory/invariant */
+const PACKAGE_NAME = "@deepseek-ai/dsh-client-ui-settings-plugin-inventory";
+/** Cordis companion plugin name. */
+const name = "client-ui-settings-plugin-inventory-invariant";
+/** Service required before the companion can reserve package ownership. */
+const inject = ["invariants"];
+/** No runtime invariant: this package owns a read-only Settings contribution. */
+const install = () => {};
+/** Register this package's invariant companion. */
+const apply = (ctx) => Promise.resolve(ctx.invariants.register(PACKAGE_NAME, install));
+//#endregion
+export { apply, inject, name };

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

@@ -0,0 +1,13 @@
+import { type ReactNode } from 'react';
+import type { PluginInventorySnapshot } from '@deepseek-ai/dsh-api-remotes/client';
+import type { InjectFace, PropsLocale, PropsRuntime } from '@deepseek-ai/dsh-client-ui-slots';
+/** Registration-side Remote face used by the section. */
+export interface PluginInventorySettingsTabInjected {
+    /** Read a current Host inventory snapshot. */
+    list: () => Promise<PluginInventorySnapshot>;
+}
+/** Full component props assembled by the Settings slot renderer. */
+export type PluginInventorySettingsTabProps = PropsRuntime<'settings.plugins.tab'> & PropsLocale<'settings.pluginInventory'> & InjectFace<PluginInventorySettingsTabInjected>;
+/** Render the read-only current Loader inventory. */
+export declare function PluginInventorySettingsTab({ list, t }: PluginInventorySettingsTabProps): ReactNode;
+//# sourceMappingURL=PluginInventorySettingsTab.d.ts.map

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

@@ -0,0 +1,18 @@
+/** Read-only Host plugin inventory registered into Web Settings. */
+import type { ClientContext } from '@deepseek-ai/dsh-client-runtime/client';
+import { type PluginInventoryLocaleKey } from './locales.ts';
+export type { PluginInventorySettingsTabInjected, PluginInventorySettingsTabProps } from './PluginInventorySettingsTab.tsx';
+export type { PluginInventoryLocaleKey } from './locales.ts';
+declare module '@deepseek-ai/dsh-client-ui-slots' {
+    interface LocaleNamespaceMap {
+        /** Read-only Host plugin inventory copy. */
+        'settings.pluginInventory': PluginInventoryLocaleKey;
+    }
+}
+/** Dictionary namespace owned by this plugin. */
+export declare const NS = "settings.pluginInventory";
+/** Services required by the Settings registration and generated Remote face. */
+export declare const inject: string[];
+/** Contribute the lazy inventory tab to the Plugins settings section. */
+export declare function apply(ctx: ClientContext): void;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1,46 @@
+/** Copy dictionaries for the plugin inventory Settings section. */
+/** Simplified Chinese dictionary and key source of truth. */
+export declare const zh: {
+    tab: string;
+    loading: string;
+    error: string;
+    retry: string;
+    search: string;
+    catalog: string;
+    empty: string;
+    emptySearch: string;
+    enabledTag: string;
+    disabledTag: string;
+    configuration: string;
+    cordis: string;
+    unobserved: string;
+    pending: string;
+    loadingPhase: string;
+    active: string;
+    failed: string;
+    unloading: string;
+};
+/** Plugin inventory locale key union. */
+export type PluginInventoryLocaleKey = keyof typeof zh;
+/** English dictionary checked against the Chinese key set. */
+export declare const en: {
+    tab: string;
+    loading: string;
+    error: string;
+    retry: string;
+    search: string;
+    catalog: string;
+    empty: string;
+    emptySearch: string;
+    enabledTag: string;
+    disabledTag: string;
+    configuration: string;
+    cordis: string;
+    unobserved: string;
+    pending: string;
+    loadingPhase: string;
+    active: string;
+    failed: string;
+    unloading: string;
+};
+//# sourceMappingURL=locales.d.ts.map

package/lib/types/index.d.ts

@@ -0,0 +1,4 @@
+/** Host loader entry for the inventory-tab browser implementation exported from `./client`. */
+/** Host plugin body — no host-side behavior for the plugin inventory tab. */
+export declare function apply(): void;
+//# sourceMappingURL=index.d.ts.map

package/lib/types/invariant.d.ts

@@ -0,0 +1,9 @@
+/** Package-owned invariant companion. @module @deepseek-ai/dsh-client-ui-settings-plugin-inventory/invariant */
+import type { Context } from '@deepseek-ai/cordis';
+/** Cordis companion plugin name. */
+export declare const name = "client-ui-settings-plugin-inventory-invariant";
+/** Service required before the companion can reserve package ownership. */
+export declare const inject: string[];
+/** Register this package's invariant companion. */
+export declare const apply: (ctx: Context) => Promise<() => void>;
+//# sourceMappingURL=invariant.d.ts.map

package/package.json

@@ -0,0 +1,80 @@
+{
+  "name": "@deepseek-ai/dsh-client-ui-settings-plugin-inventory",
+  "description": "Read-only Cordis Loader inventory tab in Web Plugins settings",
+  "version": "0.0.1-rc.3",
+  "publishConfig": {
+    "access": "restricted"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/deepseek-ai/deepseek-harness.git",
+    "directory": "packages/client/ui-settings-plugin-inventory"
+  },
+  "type": "module",
+  "main": "lib/index.js",
+  "types": "lib/types/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./lib/types/index.d.ts",
+      "default": "./lib/index.js"
+    },
+    "./invariant": {
+      "types": "./lib/types/invariant.d.ts",
+      "default": "./lib/invariant.js"
+    },
+    "./client": {
+      "types": "./lib/types/client/index.d.ts",
+      "default": "./lib/client.js"
+    },
+    "./src/*": "./src/*",
+    "./package.json": "./package.json"
+  },
+  "dsh": {
+    "client": {
+      "inject": [
+        "@deepseek-ai/dsh-api-remotes",
+        "@deepseek-ai/dsh-client-runtime",
+        "@deepseek-ai/dsh-client-ui-settings",
+        "@deepseek-ai/dsh-client-locale"
+      ],
+      "platform": "web"
+    }
+  },
+  "license": "BSD-3-Clause",
+  "peerDependencies": {
+    "react": "^18.2.0",
+    "@deepseek-ai/dsh-api-remotes": "^0.0.1-rc.3",
+    "@deepseek-ai/dsh-client-runtime": "^0.0.1-rc.3",
+    "@deepseek-ai/dsh-client-locale": "^0.0.1-rc.3",
+    "@deepseek-ai/dsh-client-ui-primitives": "^0.0.1-rc.3",
+    "@deepseek-ai/cordis": "^4.0.1-rc.1",
+    "@deepseek-ai/dsh-client-ui-settings": "^0.0.1-rc.3",
+    "@deepseek-ai/dsh-invariants": "^0.0.1-rc.3",
+    "@deepseek-ai/dsh-client-ui-slots": "^0.0.1-rc.3"
+  },
+  "devDependencies": {
+    "@testing-library/react": "^16.1.0",
+    "@types/react": "~18.3.1",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "@deepseek-ai/dsh-client-locale": "^0.0.1-rc.3",
+    "@deepseek-ai/dsh-client-runtime": "^0.0.1-rc.3",
+    "@deepseek-ai/dsh-client-test-runtime": "^0.0.1-rc.3",
+    "@deepseek-ai/dsh-client-ui-primitives": "^0.0.1-rc.3",
+    "@deepseek-ai/dsh-client-ui-settings": "^0.0.1-rc.3",
+    "@deepseek-ai/dsh-api-remotes": "^0.0.1-rc.3",
+    "@deepseek-ai/dsh-invariants": "^0.0.1-rc.3",
+    "@deepseek-ai/dsh-client-ui-slots": "^0.0.1-rc.3",
+    "@deepseek-ai/cordis": "^4.0.1-rc.1"
+  },
+  "files": [
+    "lib/index.js",
+    "lib/invariant.js",
+    "lib/client.js",
+    "lib/types/**/*.d.ts"
+  ],
+  "scripts": {
+    "bundle": "tsdown",
+    "watch": "tsdown --watch"
+  }
+}