@prettier-ai/dsh-client-ui-settings-plugin-inventory 0.1.2-alpha.1

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 DeepSeek
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

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: c44e150e528f20349429f9a49d416367f1ca3c41
+README.zh.md: ae2e2cd1105464f0fb262a07e96b66082a6e7166

package/README.md

@@ -0,0 +1,99 @@
+---
+description: "Read-only Cordis Loader inventory tab in Web Plugins settings for the dsh web client: searchable plugin catalog with enablement state and configuration."
+kind: "package-reference"
+---
+
+# @deepseek-ai/dsh-client-ui-settings-plugin-inventory
+
+English | [中文](README.zh.md)
+
+## Summary
+
+`dsh-client-ui-settings-plugin-inventory` contributes the read-only **Plugin list** tab to the Web Settings Plugins section. The tab lazily calls `ctx.remote.pluginInventory.list()` the first time it is selected and renders a searchable two-column catalog of compact disclosure cards: each collapsed card shows the short module name, an effective-enablement tag, and (for enabled entries) a colored root-fiber status dot; expanding a card reveals the Loader-tree entry id, effective configuration, and Cordis status. 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.
+
+## Table of Contents
+
+- [Use this package](#use-this-package)
+- [Understand the implementation](#understand-the-implementation)
+- [Further Exploration](#further-exploration)
+- [Model Experience](#model-experience)
+- [Known Limitations and Deferred Work](#known-limitations-and-deferred-work)
+- [Dev Note](#dev-note)
+
+-----
+
+<a id="use-this-package"></a>
+## Use this package
+
+Open the Plugins section in Settings and select the **Plugin list** tab to inspect the Host's plugin inventory. The tab reads no Remote during plugin activation — selecting it for the first time mounts the component and lazily calls `ctx.remote.pluginInventory.list()` through `api-remotes`.
+
+### Reading a card
+
+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, followed by the effective configuration and, for enabled entries, Cordis status; disabled entries omit the redundant unmounted runtime state. Search filters the catalog by name and entry id.
+
+### Retrying a failed read
+
+A failed read renders a generic failure state inside the tab; retrying re-runs the lazy `list()` call without exposing transport details.
+
+-----
+
+<a id="understand-the-implementation"></a>
+## Understand the implementation
+
+<details>
+<summary>Implementation internals — click to expand</summary>
+
+The tab is a read-only projection of a Host-owned snapshot; it performs no Remote read during plugin activation and takes the snapshot on first selection.
+
+### Registration
+
+The browser plugin registers one localized `settings.plugins.tab` contribution with id `all`; the Plugins section owns the navigation entry and tab chrome. Registration uses `ctx.slots.inject()`, so it follows late tab declaration, redeclaration, locale changes, and teardown without importing the section owner.
+
+### Rendering
+
+The entry id remains the React key, disclosure identity, detail value, and an additional search target; it is never classified by string shape.
+
+</details>
+
+-----
+
+<a id="further-exploration"></a>
+## Further Exploration
+
+These pages cover the settings section, the remote call, and the Host-side projection.
+
+- [ui-settings-plugins](../ui-settings-plugins/README.md) — the Plugins section this tab registers into.
+- [ui-settings](../ui-settings/README.md) — the domain base declaring `settings.plugins.tab`.
+- [api-remotes](../../api/remotes/README.md) — the Remote BFF surface behind `pluginInventory.list()`.
+- [plugin-inventory](../../host/plugin-inventory/README.md) — the Host-side read-only Loader projection this tab renders.
+
+-----
+
+<a id="model-experience"></a>
+## Model Experience
+
+None, as the package is a browser-side inventory projection that registers nothing model-facing.
+
+#### KV Cache effect
+
+None; this package neither assembles nor sends a provider request.
+
+## Known Limitations and Deferred Work
+
+<a id="known-limitations-and-deferred-work"></a>
+
+
+These limits define the freshness and reach of the inventory view; they are current package constraints.
+
+- **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.
+
+<a id="dev-note"></a>
+### Dev Note
+
+<details>
+<summary>Working context for maintainers — click to expand</summary>
+
+None.
+
+</details>

package/README.zh.md

@@ -0,0 +1,99 @@
+---
+description: "dsh Web 客户端设置中的只读 Cordis Loader 清单标签页：可搜索的插件目录，含启停状态与配置。"
+kind: "package-reference"
+---
+
+# @deepseek-ai/dsh-client-ui-settings-plugin-inventory
+
+[English](README.md) | 中文
+
+## 概述
+
+`dsh-client-ui-settings-plugin-inventory` 向 Web 设置的「插件」分区贡献只读的**插件列表**标签页。该标签页在首次被选择时懒调用 `ctx.remote.pluginInventory.list()`，并以可搜索的双列紧凑折叠卡片展示清单：每张收起的卡片显示模块短名称、有效启停标签，以及（对已启用条目）彩色根 fiber 状态圆点；展开卡片会显示 Loader 树条目 id、有效配置与 Cordis 状态。加载、空结果、无匹配与通用失败状态只属于已挂载组件，读取失败后可以重试，且不会暴露传输细节。
+
+## 目录
+
+- [使用本包](#use-this-package)
+- [理解实现](#understand-the-implementation)
+- [进一步探索](#further-exploration)
+- [模型体验](#model-experience)
+- [已知限制与延期工作](#known-limitations-and-deferred-work)
+- [开发备注](#dev-note)
+
+-----
+
+<a id="use-this-package"></a>
+## 使用本包
+
+打开设置中的「插件」分区并选择**插件列表**标签页，即可查看宿主的插件清单。插件激活期间不会读取 Remote——首次选择该标签页时才挂载组件，并通过 `api-remotes` 懒调用 `ctx.remote.pluginInventory.list()`。
+
+### 阅读卡片
+
+每张收起的卡片使用模块短名称作为标题，并以小标签表示有效启停状态；已启用的条目还会显示彩色根 fiber 状态圆点。展开卡片后会直接展示 Loader 树条目 id、有效配置，已启用条目还会显示 Cordis 状态；已停用条目省略重复的「未挂载」运行状态。搜索按名称与条目 id 过滤目录。
+
+### 重试失败的读取
+
+读取失败会在标签页内渲染通用失败状态；重试会重新执行懒 `list()` 调用，且不会暴露传输细节。
+
+-----
+
+<a id="understand-the-implementation"></a>
+## 理解实现
+
+<details>
+<summary>实现细节——点击展开</summary>
+
+该标签页是宿主拥有快照的只读投影；插件激活期间不执行任何 Remote 读取，首次选择时才取快照。
+
+### 注册
+
+浏览器插件注册一个 id 为 `all` 的本地化 `settings.plugins.tab` 贡献；「插件」分区拥有导航入口与标签栏。注册使用 `ctx.slots.inject()`，因此能跟随标签 slot 的延迟声明、重新声明、本地化变化与 teardown，而无需 import 分区拥有方。
+
+### 渲染
+
+条目 id 仍作为 React key、展开标识、详情值与额外的搜索目标；代码不按字符串形状对它分类。
+
+</details>
+
+-----
+
+<a id="further-exploration"></a>
+## 进一步探索
+
+以下页面覆盖设置分区、Remote 调用与宿主侧投影。
+
+- [ui-settings-plugins](../ui-settings-plugins/README.zh.md)——本标签页注册进的「插件」分区。
+- [ui-settings](../ui-settings/README.zh.md)——声明 `settings.plugins.tab` 的领域底座。
+- [api-remotes](../../api/remotes/README.zh.md)——`pluginInventory.list()` 背后的 Remote BFF 表面。
+- [plugin-inventory](../../host/plugin-inventory/README.zh.md)——本标签页所渲染的宿主侧只读 Loader 投影。
+
+-----
+
+<a id="model-experience"></a>
+## 模型体验
+
+无。该包是浏览器端清单投影，不注册任何面向模型的内容。
+
+#### KV Cache 影响
+
+无；该包既不组装也不发送提供方请求。
+
+## 已知限制与延期工作
+
+<a id="known-limitations-and-deferred-work"></a>
+
+
+这些限制定义清单视图的新鲜度与触达范围；它们是当前包约束。
+
+- **每次 Settings 挂载或重试只读取一份快照**：标签页不订阅 Loader 变化，也不会在重连后自动重新读取；切换标签页会保留当前快照，重新打开 Settings 则会取得新快照。
+- **只读 Loader 视图**：本地搜索不会额外引入来源、按来源分组、当前浏览器激活诊断或插件修改控件。
+
+<a id="dev-note"></a>
+### 开发备注
+
+<details>
+<summary>维护者的工作上下文——点击展开</summary>
+
+无。
+
+</details>

package/lib/client.js

@@ -0,0 +1,302 @@
+window.__ModuleLoader__.load({
+	id: "@prettier-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 _prettier_ai_dsh_client_ui_primitives = require("@prettier-ai/dsh-client-ui-primitives");
+		//#region \0dsh-css:/home/runner/work/dsh-publisher/dsh-publisher/upstream/packages/client/ui-settings-plugin-inventory/src/client/PluginInventorySettingsTab.module.css.mjs
+		const css = "._4AfKUq_section{width:100%;max-width:760px;color:var(--dsw-alias-label-primary);flex-direction:column;gap:14px;display:flex}._4AfKUq_catalogHeading h3,._4AfKUq_status,._4AfKUq_failure p{margin:0}._4AfKUq_status,._4AfKUq_failure{color:var(--dsw-alias-label-tertiary);font-size:13px;line-height:20px}._4AfKUq_failure{color:var(--dsw-alias-state-error-primary);align-items:center;gap:10px;display:flex}._4AfKUq_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}._4AfKUq_catalog{flex-direction:column;gap:12px;display:flex}._4AfKUq_search{width:100%;color:var(--dsw-alias-label-tertiary);align-items:center;display:flex;position:relative}._4AfKUq_search>svg{pointer-events:none;position:absolute;left:12px}._4AfKUq_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}._4AfKUq_search input::placeholder{color:var(--dsw-alias-label-tertiary)}._4AfKUq_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)}._4AfKUq_catalogHeading{align-items:baseline;gap:7px;padding:0 2px;display:flex}._4AfKUq_catalogHeading h3{font-size:13px;font-weight:600;line-height:20px}._4AfKUq_catalogHeading span{color:var(--dsw-alias-label-tertiary);font-variant-numeric:tabular-nums;font-size:12px;line-height:18px}._4AfKUq_cards{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:10px;margin:0;padding:0;list-style:none;display:grid}._4AfKUq_card{border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-3);border-radius:10px;min-width:0;overflow:hidden}._4AfKUq_card[data-open=true]{border-color:var(--dsw-alias-border-l1);box-shadow:var(--dsw-shadow-lv1)}._4AfKUq_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}._4AfKUq_cardContent:hover,._4AfKUq_card[data-open=true]>._4AfKUq_cardContent{background:var(--dsw-alias-interactive-bg-hover)}._4AfKUq_cardContent:focus-visible{outline:2px solid var(--dsw-alias-state-business-primary);outline-offset:-2px}._4AfKUq_cardTitle{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:14px;font-weight:600;line-height:20px;overflow:hidden}._4AfKUq_cardTrailing{color:var(--dsw-alias-label-tertiary);flex:none;align-items:center;gap:7px;display:inline-flex}._4AfKUq_statusDot{background:var(--dsw-alias-label-tertiary);border-radius:999px;flex:none;width:7px;height:7px;display:inline-block}._4AfKUq_statusDot[data-phase=active]{background:var(--dsw-alias-state-success-primary)}._4AfKUq_statusDot[data-phase=failed]{background:var(--dsw-alias-state-error-primary)}._4AfKUq_statusDot[data-phase=loading]{background:var(--dsw-alias-state-business-primary)}._4AfKUq_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}._4AfKUq_configTag[data-enabled=true]{background:color-mix(in srgb, var(--dsw-alias-state-success-primary) 10%, transparent);color:var(--dsw-alias-state-success-primary)}._4AfKUq_chevron{color:var(--dsw-alias-label-tertiary);flex:none}._4AfKUq_card[data-open=true] ._4AfKUq_chevron{transform:rotate(180deg)}._4AfKUq_cardDetails{border-top:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-module-platform);padding:10px 14px 12px}._4AfKUq_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}._4AfKUq_details{grid-template-columns:76px minmax(0,1fr);gap:6px 10px;margin:8px 0 0;display:grid}._4AfKUq_details div{display:contents}._4AfKUq_details dt{color:var(--dsw-alias-label-tertiary);font-size:11px;line-height:17px}._4AfKUq_details dd{overflow-wrap:anywhere;min-width:0;color:var(--dsw-alias-label-secondary);margin:0;font-size:12px;line-height:17px}._4AfKUq_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){._4AfKUq_chevron{transition:transform .14s var(--ds-ease-in-out)}}@media (width<=680px){._4AfKUq_cards{grid-template-columns:minmax(0,1fr)}}";
+		const tagId = "@prettier-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 = "@prettier-ai/dsh-client-ui-settings-plugin-inventory";
+			tag.dataset.pluginCss = tagId;
+			tag.textContent = css;
+			document.head.appendChild(tag);
+		}
+		var PluginInventorySettingsTab_module_css_default = {
+			"card": "_4AfKUq_card",
+			"cardContent": "_4AfKUq_cardContent",
+			"cardDetails": "_4AfKUq_cardDetails",
+			"cardTitle": "_4AfKUq_cardTitle",
+			"cardTrailing": "_4AfKUq_cardTrailing",
+			"cards": "_4AfKUq_cards",
+			"catalog": "_4AfKUq_catalog",
+			"catalogHeading": "_4AfKUq_catalogHeading",
+			"chevron": "_4AfKUq_chevron",
+			"configTag": "_4AfKUq_configTag",
+			"details": "_4AfKUq_details",
+			"entryValue": "_4AfKUq_entryValue",
+			"failure": "_4AfKUq_failure",
+			"search": "_4AfKUq_search",
+			"section": "_4AfKUq_section",
+			"status": "_4AfKUq_status",
+			"statusDot": "_4AfKUq_statusDot",
+			"visuallyHidden": "_4AfKUq_visuallyHidden"
+		};
+		//#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)(_prettier_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)(_prettier_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 @prettier-ai/dsh-client-ui-settings-plugin-inventory/invariant */
+const PACKAGE_NAME = "@prettier-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 '@prettier-ai/dsh-api-remotes/client';
+import type { InjectFace, PropsLocale, PropsRuntime } from '@prettier-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 { Context as ClientContext } from '@prettier-ai/cordis';
+import { type PluginInventoryLocaleKey } from './locales.ts';
+export type { PluginInventorySettingsTabInjected, PluginInventorySettingsTabProps } from './PluginInventorySettingsTab.tsx';
+export type { PluginInventoryLocaleKey } from './locales.ts';
+declare module '@prettier-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 @prettier-ai/dsh-client-ui-settings-plugin-inventory/invariant */
+import type { Context } from '@prettier-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,76 @@
+{
+  "name": "@prettier-ai/dsh-client-ui-settings-plugin-inventory",
+  "description": "Read-only Cordis Loader inventory tab in Web Plugins settings",
+  "version": "0.1.2-alpha.1",
+  "publishConfig": {
+    "access": "public"
+  },
+  "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": [
+        "@prettier-ai/dsh-api-remotes",
+        "@prettier-ai/dsh-client-ui-settings",
+        "@prettier-ai/dsh-client-locale"
+      ],
+      "platform": "web"
+    }
+  },
+  "license": "MIT",
+  "peerDependencies": {
+    "@prettier-ai/dsh-client-ui-settings": "^0.1.2-alpha.1",
+    "@prettier-ai/dsh-invariants": "^0.1.2-alpha.1",
+    "@prettier-ai/cordis": "^4.0.1",
+    "@prettier-ai/dsh-client-ui-renderer": "^0.1.2-alpha.1",
+    "@prettier-ai/dsh-client-locale": "^0.1.2-alpha.1",
+    "@prettier-ai/dsh-api-remotes": "^0.1.2-alpha.1"
+  },
+  "devDependencies": {
+    "@testing-library/react": "^16.1.0",
+    "@types/react": "~18.3.1",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "@prettier-ai/dsh-api-remotes": "^0.1.2-alpha.1",
+    "@prettier-ai/dsh-client-test-runtime": "^0.1.2-alpha.1",
+    "@prettier-ai/dsh-client-locale": "^0.1.2-alpha.1",
+    "@prettier-ai/dsh-client-ui-primitives": "^0.1.2-alpha.1",
+    "@prettier-ai/dsh-client-ui-settings": "^0.1.2-alpha.1",
+    "@prettier-ai/dsh-client-ui-slots": "^0.1.2-alpha.1",
+    "@prettier-ai/dsh-invariants": "^0.1.2-alpha.1",
+    "@prettier-ai/cordis": "^4.0.1",
+    "@prettier-ai/dsh-client-ui-renderer": "^0.1.2-alpha.1"
+  },
+  "files": [
+    "lib/index.js",
+    "lib/invariant.js",
+    "lib/client.js",
+    "lib/types/**/*.d.ts"
+  ],
+  "scripts": {
+    "bundle": "tsdown",
+    "watch": "tsdown --watch"
+  }
+}